@pagelines/sdk 1.0.871 → 1.0.873

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/AgentProvider.js +235 -235
  2. package/dist/AgentProvider.js.map +1 -1
  3. package/dist/AgentWrap.js +505 -516
  4. package/dist/AgentWrap.js.map +1 -1
  5. package/dist/agent.js +6 -6
  6. package/dist/sdk.css +1 -1
  7. package/dist/ui/FSpinner.vue.d.ts +1 -22
  8. package/dist/widget.js +45 -45
  9. package/package.json +1 -1
package/dist/AgentProvider.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import "./rolldown-runtime.js";
2
2
  import { SOCIAL_PLATFORMS as e } from "./constants.js";
3
- import { c as t, d as n, f as r, g as i, l as a, m as o, n as s, o as c, p as ee, s as l, t as u, u as d } from "./AgentWrap.js";
4
- import { getColorSchemeOklch as te } from "@pagelines/core";
5
- import { Fragment as f, Transition as p, TransitionGroup as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, guardReactiveProps as w, mergeProps as T, normalizeClass as E, normalizeProps as D, normalizeStyle as O, onMounted as k, onUnmounted as ne, openBlock as A, ref as j, renderList as M, renderSlot as N, shallowRef as re, toDisplayString as P, unref as F, watch as I, withCtx as L, withKeys as R, withModifiers as z } from "vue";
3
+ import { a as t, c as n, d as r, f as i, h as a, l as o, n as s, o as c, p as l, s as u, t as d, u as f } from "./AgentWrap.js";
4
+ import { getColorSchemeOklch as ee } from "@pagelines/core";
5
+ import { Fragment as p, Transition as m, TransitionGroup as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createSlots as x, createTextVNode as S, createVNode as C, defineComponent as w, guardReactiveProps as T, mergeProps as E, normalizeClass as D, normalizeProps as O, normalizeStyle as k, onMounted as A, onUnmounted as te, openBlock as j, ref as M, renderList as N, renderSlot as P, shallowRef as ne, toDisplayString as F, unref as I, watch as L, withCtx as R, withKeys as z, withModifiers as B } from "vue";
6
6
  //#endregion
7
7
  //#region ui/EffectTransitionList.vue
8
- var B = /* @__PURE__ */ C({
8
+ var V = /* @__PURE__ */ w({
9
9
  __name: "EffectTransitionList",
10
10
  props: {
11
11
  disabled: {
@@ -15,39 +15,39 @@ var B = /* @__PURE__ */ C({
15
15
  mode: { default: "block" }
16
16
  },
17
17
  setup(e) {
18
- return (t, n) => (A(), g(m, { name: e.disabled ? "" : "nlist" }, {
19
- default: L(() => [N(t.$slots, "default")]),
18
+ return (t, n) => (j(), _(h, { name: e.disabled ? "" : "nlist" }, {
19
+ default: R(() => [P(t.$slots, "default")]),
20
20
  _: 3
21
21
  }, 8, ["name"]));
22
22
  }
23
- }), V = ["data-test-mode"], H = { class: "w-full max-w-xs space-y-12" }, U = {
23
+ }), H = ["data-test-mode"], U = { class: "w-full max-w-xs space-y-12" }, W = {
24
24
  key: 0,
25
25
  class: "text-xs text-theme-400 text-center"
26
- }, W = { class: "text-base font-light text-white text-center" }, G = { class: "space-y-6 relative" }, K = {
26
+ }, G = { class: "text-base font-light text-white text-center" }, K = { class: "space-y-6 relative" }, q = {
27
27
  key: "email-field",
28
28
  class: "w-full"
29
- }, q = {
29
+ }, J = {
30
30
  key: "code-field",
31
31
  class: "w-full"
32
- }, J = /* @__PURE__ */ C({
32
+ }, Y = /* @__PURE__ */ w({
33
33
  __name: "ElAuthGate",
34
34
  props: { sdk: {} },
35
35
  setup(e) {
36
- let n = j({
36
+ let t = M({
37
37
  email: "",
38
38
  code: ""
39
- }), r = j("email"), i = j(!1), o = {
39
+ }), r = M("email"), i = M(!1), a = {
40
40
  email: {
41
41
  title: "Enter Your Email",
42
42
  button: {
43
43
  label: "Continue",
44
- disabled: () => !n.value.email || i.value
44
+ disabled: () => !t.value.email || i.value
45
45
  },
46
46
  action: async () => {
47
47
  if (!i.value) {
48
48
  i.value = !0;
49
49
  try {
50
- await e.sdk.auth.requestAuthCode({ email: n.value.email }) && (r.value = "code");
50
+ await e.sdk.auth.requestAuthCode({ email: t.value.email }) && (r.value = "code");
51
51
  } finally {
52
52
  i.value = !1;
53
53
  }
@@ -58,15 +58,15 @@ var B = /* @__PURE__ */ C({
58
58
  title: "Enter Verification Code",
59
59
  button: {
60
60
  label: "Verify",
61
- disabled: () => n.value.code.length !== 6 || i.value
61
+ disabled: () => t.value.code.length !== 6 || i.value
62
62
  },
63
63
  action: async () => {
64
64
  if (!i.value) {
65
65
  i.value = !0;
66
66
  try {
67
67
  await e.sdk.auth.loginWithCode({
68
- email: n.value.email,
69
- code: n.value.code
68
+ email: t.value.email,
69
+ code: t.value.code
70
70
  });
71
71
  } finally {
72
72
  i.value = !1;
@@ -74,57 +74,57 @@ var B = /* @__PURE__ */ C({
74
74
  }
75
75
  }
76
76
  }
77
- }, s = h(() => o[r.value]);
78
- return I(() => e.sdk.activeUser.value, (e) => {
77
+ }, o = g(() => a[r.value]);
78
+ return L(() => e.sdk.activeUser.value, (e) => {
79
79
  e && r.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: e.email });
80
- }), (i, o) => (A(), v("div", {
80
+ }), (i, a) => (j(), y("div", {
81
81
  "data-test": "auth-form",
82
82
  "data-test-mode": r.value,
83
83
  class: "flex flex-col items-center justify-center h-full p-6"
84
- }, [y("div", H, [
85
- e.sdk.error.value ? (A(), v("p", U, P(e.sdk.error.value), 1)) : _("", !0),
86
- y("h3", W, P(s.value.title), 1),
87
- y("div", G, [S(B, null, {
88
- default: L(() => [r.value === "email" ? (A(), v("div", K, [S(t, {
89
- modelValue: n.value.email,
90
- "onUpdate:modelValue": o[0] || (o[0] = (e) => n.value.email = e),
84
+ }, [b("div", U, [
85
+ e.sdk.error.value ? (j(), y("p", W, F(e.sdk.error.value), 1)) : v("", !0),
86
+ b("h3", G, F(o.value.title), 1),
87
+ b("div", K, [C(V, null, {
88
+ default: R(() => [r.value === "email" ? (j(), y("div", q, [C(u, {
89
+ modelValue: t.value.email,
90
+ "onUpdate:modelValue": a[0] || (a[0] = (e) => t.value.email = e),
91
91
  "data-test": "auth-email-input",
92
- onKeyup: R(s.value.action, ["enter"])
93
- }, null, 8, ["modelValue", "onKeyup"])])) : (A(), v("div", q, [S(l, {
94
- modelValue: n.value.code,
95
- "onUpdate:modelValue": o[1] || (o[1] = (e) => n.value.code = e),
92
+ onKeyup: z(o.value.action, ["enter"])
93
+ }, null, 8, ["modelValue", "onKeyup"])])) : (j(), y("div", J, [C(c, {
94
+ modelValue: t.value.code,
95
+ "onUpdate:modelValue": a[1] || (a[1] = (e) => t.value.code = e),
96
96
  length: 6,
97
97
  "focus-first": !0,
98
98
  "data-test": "auth-code-input",
99
- onAutoSubmit: s.value.action
100
- }, null, 8, ["modelValue", "onAutoSubmit"])])), (A(), v("div", {
101
- key: s.value.button.label,
99
+ onAutoSubmit: o.value.action
100
+ }, null, 8, ["modelValue", "onAutoSubmit"])])), (j(), y("div", {
101
+ key: o.value.button.label,
102
102
  class: "space-y-4 w-full"
103
- }, [S(a, {
103
+ }, [C(n, {
104
104
  theme: "primary",
105
105
  size: "md",
106
106
  class: "w-full",
107
107
  "data-test": "auth-submit",
108
108
  loading: e.sdk.loading.value,
109
- disabled: s.value.button.disabled() || e.sdk.loading.value,
110
- onClick: s.value.action
109
+ disabled: o.value.button.disabled() || e.sdk.loading.value,
110
+ onClick: o.value.action
111
111
  }, {
112
- default: L(() => [x(P(s.value.button.label), 1)]),
112
+ default: R(() => [S(F(o.value.button.label), 1)]),
113
113
  _: 1
114
114
  }, 8, [
115
115
  "loading",
116
116
  "disabled",
117
117
  "onClick"
118
- ]), r.value === "code" ? (A(), v("button", {
118
+ ]), r.value === "code" ? (j(), y("button", {
119
119
  key: 0,
120
120
  class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
121
- onClick: o[2] || (o[2] = (e) => r.value = "email")
122
- }, " Change Email ")) : _("", !0)]))]),
121
+ onClick: a[2] || (a[2] = (e) => r.value = "email")
122
+ }, " Change Email ")) : v("", !0)]))]),
123
123
  _: 1
124
124
  })])
125
- ])], 8, V));
125
+ ])], 8, H));
126
126
  }
127
- }), Y = { 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" }, X = { class: "flex-1 space-y-6 pb-12" }, ie = {
127
+ }), re = { 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" }, X = { class: "flex-1 space-y-6 pb-12" }, ie = {
128
128
  key: 0,
129
129
  class: "text-sm bg-white/10 backdrop-blur-sm rounded-2xl p-4 border border-white/20 space-y-3"
130
130
  }, ae = ["innerHTML"], oe = {
@@ -136,7 +136,7 @@ var B = /* @__PURE__ */ C({
136
136
  }, le = ["href"], ue = {
137
137
  key: 3,
138
138
  class: "space-y-3"
139
- }, de = { class: "grid grid-cols-2 gap-3" }, fe = ["href"], pe = /* @__PURE__ */ C({
139
+ }, de = { class: "grid grid-cols-2 gap-3" }, fe = ["href"], pe = /* @__PURE__ */ w({
140
140
  __name: "ElAgentAbout",
141
141
  props: {
142
142
  agent: {},
@@ -145,35 +145,35 @@ var B = /* @__PURE__ */ C({
145
145
  default: !1
146
146
  }
147
147
  },
148
- setup(t) {
149
- return (n, r) => (A(), v("div", Y, [S(c, {
150
- agent: t.agent,
151
- "is-online": t.isOnline
152
- }, null, 8, ["agent", "is-online"]), y("div", X, [
153
- t.agent.summary.value ? (A(), v("div", ie, [r[0] || (r[0] = y("h3", { class: "font-medium text-white/50" }, " About ", -1)), y("div", {
148
+ setup(n) {
149
+ return (r, i) => (j(), y("div", re, [C(t, {
150
+ agent: n.agent,
151
+ "is-online": n.isOnline
152
+ }, null, 8, ["agent", "is-online"]), b("div", X, [
153
+ n.agent.summary.value ? (j(), y("div", ie, [i[0] || (i[0] = b("h3", { class: "font-medium text-white/50" }, " About ", -1)), b("div", {
154
154
  class: "text-white/70 leading-relaxed",
155
- innerHTML: t.agent.summary.value
156
- }, null, 8, ae)])) : _("", !0),
157
- t.agent.entityType.value === "company" ? (A(), v("div", oe, [r[1] || (r[1] = y("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)), y("p", se, " This is a company agent representing " + P(t.agent.name.value) + ". ", 1)])) : _("", !0),
158
- t.agent.email.value ? (A(), v("div", ce, [r[3] || (r[3] = y("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)), y("a", {
159
- href: `mailto:${t.agent.email.value}`,
155
+ innerHTML: n.agent.summary.value
156
+ }, null, 8, ae)])) : v("", !0),
157
+ n.agent.entityType.value === "company" ? (j(), y("div", oe, [i[1] || (i[1] = b("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)), b("p", se, " This is a company agent representing " + F(n.agent.name.value) + ". ", 1)])) : v("", !0),
158
+ n.agent.email.value ? (j(), y("div", ce, [i[3] || (i[3] = b("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)), b("a", {
159
+ href: `mailto:${n.agent.email.value}`,
160
160
  target: "_blank",
161
161
  rel: "noopener noreferrer",
162
162
  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"
163
- }, [...r[2] || (r[2] = [y("span", { class: "i-heroicons-envelope flex items-center size-[1.1em] mt-[-.07em]" }, null, -1), x(" Email ", -1)])], 8, le)])) : _("", !0),
164
- t.agent.accounts.value && t.agent.accounts.value.length > 0 ? (A(), v("div", ue, [r[4] || (r[4] = y("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)), y("div", de, [(A(!0), v(f, null, M(t.agent.accounts.value, (t) => (A(), v("a", {
163
+ }, [...i[2] || (i[2] = [b("span", { class: "i-heroicons-envelope flex items-center size-[1.1em] mt-[-.07em]" }, null, -1), S(" Email ", -1)])], 8, le)])) : v("", !0),
164
+ n.agent.accounts.value && n.agent.accounts.value.length > 0 ? (j(), y("div", ue, [i[4] || (i[4] = b("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)), b("div", de, [(j(!0), y(p, null, N(n.agent.accounts.value, (t) => (j(), y("a", {
165
165
  key: `${t.platform}-${t.handle}`,
166
- href: F(e)[t.platform].getUrl(t.handle),
166
+ href: I(e)[t.platform].getUrl(t.handle),
167
167
  target: "_blank",
168
168
  rel: "noopener noreferrer",
169
169
  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"
170
- }, [y("span", { class: E(["flex items-center size-[1.1em] mt-[-.07em]", F(e)[t.platform].icon]) }, null, 2), x(" " + P(F(e)[t.platform].label), 1)], 8, fe))), 128))])])) : _("", !0)
170
+ }, [b("span", { class: D(["flex items-center size-[1.1em] mt-[-.07em]", I(e)[t.platform].icon]) }, null, 2), S(" " + F(I(e)[t.platform].label), 1)], 8, fe))), 128))])])) : v("", !0)
171
171
  ])]));
172
172
  }
173
173
  }), me = { class: "flex flex-col items-center text-center gap-4" }, he = { class: "relative flex-shrink-0" }, ge = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, _e = ["src", "alt"], ve = { class: "absolute top-1.5 right-1.5" }, ye = {
174
174
  key: 1,
175
175
  class: "size-4 bg-theme-400 rounded-full ring-2 ring-white"
176
- }, be = { class: "min-w-0" }, xe = { class: "text-3xl font-light text-white mb-2 truncate" }, Se = { class: "text-base font-light text-white/60 line-clamp-1" }, Ce = /* @__PURE__ */ C({
176
+ }, be = { class: "min-w-0" }, xe = { class: "text-3xl font-light text-white mb-2 truncate" }, Se = { class: "text-base font-light text-white/60 line-clamp-1" }, Ce = /* @__PURE__ */ w({
177
177
  __name: "ElAgentHeader",
178
178
  props: {
179
179
  agent: {},
@@ -183,37 +183,37 @@ var B = /* @__PURE__ */ C({
183
183
  }
184
184
  },
185
185
  setup(e) {
186
- return (t, r) => (A(), v("div", me, [y("div", he, [y("div", ge, [y("img", {
186
+ return (t, n) => (j(), y("div", me, [b("div", he, [b("div", ge, [b("img", {
187
187
  src: e.agent.avatarUrl.value,
188
188
  alt: e.agent.displayName.value,
189
189
  class: "w-full h-full object-cover",
190
- onError: r[0] || (r[0] = (...e) => F(n) && F(n)(...e))
191
- }, null, 40, _e)]), y("div", ve, [e.isOnline ? (A(), v(f, { key: 0 }, [r[1] || (r[1] = y("div", {
190
+ onError: n[0] || (n[0] = (...e) => I(f) && I(f)(...e))
191
+ }, null, 40, _e)]), b("div", ve, [e.isOnline ? (j(), y(p, { key: 0 }, [n[1] || (n[1] = b("div", {
192
192
  class: "size-4 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
193
193
  style: { "animation-duration": "3s" }
194
- }, null, -1)), r[2] || (r[2] = y("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (A(), v("div", ye))])]), y("div", be, [y("h1", xe, P(e.agent.displayName.value), 1), y("p", Se, P(e.agent.title.value), 1)])]));
194
+ }, null, -1)), n[2] || (n[2] = b("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (j(), y("div", ye))])]), b("div", be, [b("h1", xe, F(e.agent.displayName.value), 1), b("p", Se, F(e.agent.title.value), 1)])]));
195
195
  }
196
- }), we = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Te = /* @__PURE__ */ C({
196
+ }), we = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Te = /* @__PURE__ */ w({
197
197
  name: "SelfSidebarClose",
198
198
  __name: "AgentSidebarClose",
199
199
  emits: ["click"],
200
200
  setup(e) {
201
- let t = j(!1);
202
- return k(() => {
201
+ let t = M(!1);
202
+ return A(() => {
203
203
  setTimeout(() => {
204
204
  t.value = !0;
205
205
  }, 100);
206
- }), (e, n) => (A(), v("a", {
206
+ }), (e, n) => (j(), y("a", {
207
207
  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",
208
208
  onClick: n[0] || (n[0] = (t) => e.$emit("click", t))
209
- }, [n[1] || (n[1] = y("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)), y("span", we, [y("span", {
210
- class: E(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
209
+ }, [n[1] || (n[1] = b("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)), b("span", we, [b("span", {
210
+ class: D(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
211
211
  style: {
212
212
  "background-color": "currentColor",
213
213
  "transition-delay": "0.15s"
214
214
  }
215
- }, null, 2), y("span", {
216
- class: E(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
215
+ }, null, 2), b("span", {
216
+ class: D(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
217
217
  style: {
218
218
  "background-color": "currentColor",
219
219
  "transition-delay": "0.45s"
@@ -229,7 +229,7 @@ var B = /* @__PURE__ */ C({
229
229
  }, ke = ["disabled", "onClick"], Ae = { class: "flex items-center gap-3" }, je = { class: "flex-1" }, Me = {
230
230
  key: 0,
231
231
  class: "text-xs text-white/50 mt-0.5"
232
- }, Ne = { class: "p-6" }, Z = /* @__PURE__ */ C({
232
+ }, Ne = { class: "p-6" }, Z = /* @__PURE__ */ w({
233
233
  name: "ElSidebar",
234
234
  inheritAttrs: !1,
235
235
  __name: "ElSidebar",
@@ -242,17 +242,17 @@ var B = /* @__PURE__ */ C({
242
242
  },
243
243
  emits: ["update:modelValue"],
244
244
  setup(e, { emit: t }) {
245
- let n = e, r = t, i = n.position || "left", a = n.widthClasses || "w-[80%] max-w-[300px]", o = h({
245
+ let n = e, r = t, i = n.position || "left", a = n.widthClasses || "w-[80%] max-w-[300px]", o = g({
246
246
  get: () => n.modelValue,
247
247
  set: (e) => r("update:modelValue", e)
248
- }), s = h(() => n.items.filter((e) => !e.isHidden));
248
+ }), s = g(() => n.items.filter((e) => !e.isHidden));
249
249
  function handleItemClick(e) {
250
250
  e.isDisabled || (e.onClick ? e.onClick({
251
251
  item: e,
252
252
  event: new MouseEvent("click")
253
253
  }) : e.href && (e.href.includes("http") ? window.open(e.href, e.target || "_self")?.focus() : window.location.href = e.href), o.value = !1);
254
254
  }
255
- let c = h(() => i === "left" ? {
255
+ let c = g(() => i === "left" ? {
256
256
  enter: "-translate-x-full",
257
257
  leave: "-translate-x-full",
258
258
  position: "justify-start",
@@ -263,7 +263,7 @@ var B = /* @__PURE__ */ C({
263
263
  position: "justify-end",
264
264
  closeButton: "-left-16"
265
265
  });
266
- return (t, n) => (A(), v(f, null, [S(p, {
266
+ return (t, n) => (j(), y(p, null, [C(m, {
267
267
  "enter-active-class": "transition-opacity duration-300 ease-out",
268
268
  "leave-active-class": "transition-opacity duration-200 ease-in",
269
269
  "enter-from-class": "opacity-0",
@@ -271,13 +271,13 @@ var B = /* @__PURE__ */ C({
271
271
  "leave-from-class": "opacity-100",
272
272
  "leave-to-class": "opacity-0"
273
273
  }, {
274
- default: L(() => [o.value ? (A(), v("div", {
274
+ default: R(() => [o.value ? (j(), y("div", {
275
275
  key: 0,
276
276
  class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
277
277
  onClick: n[0] || (n[0] = (e) => o.value = !1)
278
- })) : _("", !0)]),
278
+ })) : v("", !0)]),
279
279
  _: 1
280
- }), S(p, {
280
+ }), C(m, {
281
281
  "enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
282
282
  "leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
283
283
  "enter-from-class": c.value.enter,
@@ -285,49 +285,49 @@ var B = /* @__PURE__ */ C({
285
285
  "leave-from-class": "translate-x-0",
286
286
  "leave-to-class": c.value.leave
287
287
  }, {
288
- default: L(() => [o.value ? (A(), v("div", {
288
+ default: R(() => [o.value ? (j(), y("div", {
289
289
  key: 0,
290
- class: E(["absolute inset-0 z-50 flex", c.value.position]),
290
+ class: D(["absolute inset-0 z-50 flex", c.value.position]),
291
291
  onClick: n[3] || (n[3] = (e) => o.value = !1)
292
- }, [y("div", {
293
- class: E(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", F(a)]),
294
- onClick: n[2] || (n[2] = z(() => {}, ["stop"]))
292
+ }, [b("div", {
293
+ class: D(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", I(a)]),
294
+ onClick: n[2] || (n[2] = B(() => {}, ["stop"]))
295
295
  }, [
296
- S(Te, {
297
- class: E(["absolute top-4 z-10 text-white", c.value.closeButton]),
296
+ C(Te, {
297
+ class: D(["absolute top-4 z-10 text-white", c.value.closeButton]),
298
298
  onClick: n[1] || (n[1] = (e) => o.value = !1)
299
299
  }, null, 8, ["class"]),
300
- e.title ? (A(), v("div", Ee, [y("h3", De, P(e.title), 1)])) : _("", !0),
301
- t.$slots.header ? (A(), v("div", Oe, [N(t.$slots, "header")])) : _("", !0),
302
- y("div", { class: E(["flex-1 p-6 space-y-2 overflow-y-auto", {
300
+ e.title ? (j(), y("div", Ee, [b("h3", De, F(e.title), 1)])) : v("", !0),
301
+ t.$slots.header ? (j(), y("div", Oe, [P(t.$slots, "header")])) : v("", !0),
302
+ b("div", { class: D(["flex-1 p-6 space-y-2 overflow-y-auto", {
303
303
  "pt-6": !e.title && !t.$slots.header,
304
304
  "pt-4": e.title || t.$slots.header
305
- }]) }, [S(m, {
305
+ }]) }, [C(h, {
306
306
  "enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
307
307
  "leave-active-class": "transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)]",
308
- "enter-from-class": F(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
308
+ "enter-from-class": I(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
309
309
  "enter-to-class": "translate-x-0 opacity-100",
310
310
  "leave-from-class": "translate-x-0 opacity-100",
311
- "leave-to-class": F(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
311
+ "leave-to-class": I(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
312
312
  }, {
313
- default: L(() => [(A(!0), v(f, null, M(s.value, (e, t) => (A(), v("button", {
313
+ default: R(() => [(j(!0), y(p, null, N(s.value, (e, t) => (j(), y("button", {
314
314
  key: e.key || e.label || t,
315
- style: O({ transitionDelay: `${t * 40}ms` }),
316
- class: E(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [e.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10", e.isDisabled && "opacity-50 cursor-not-allowed"]]),
315
+ style: k({ transitionDelay: `${t * 40}ms` }),
316
+ class: D(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [e.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10", e.isDisabled && "opacity-50 cursor-not-allowed"]]),
317
317
  disabled: e.isDisabled,
318
318
  onClick: (t) => handleItemClick(e)
319
- }, [y("div", Ae, [e.icon?.src ? (A(), v("i", {
319
+ }, [b("div", Ae, [e.icon?.src ? (j(), y("i", {
320
320
  key: 0,
321
- class: E(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [e.icon.src, e.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"]])
322
- }, null, 2)) : _("", !0), y("div", je, [y("div", { class: E(["font-medium text-sm", e.isActive ? "text-primary-300" : "text-white"]) }, P(e.label), 3), e.subLabel ? (A(), v("div", Me, P(e.subLabel), 1)) : _("", !0)])])], 14, ke))), 128))]),
321
+ class: D(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [e.icon.src, e.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"]])
322
+ }, null, 2)) : v("", !0), b("div", je, [b("div", { class: D(["font-medium text-sm", e.isActive ? "text-primary-300" : "text-white"]) }, F(e.label), 3), e.subLabel ? (j(), y("div", Me, F(e.subLabel), 1)) : v("", !0)])])], 14, ke))), 128))]),
323
323
  _: 1
324
324
  }, 8, ["enter-from-class", "leave-to-class"])], 2),
325
- y("div", Ne, [N(t.$slots, "footer")])
326
- ], 2)], 2)) : _("", !0)]),
325
+ b("div", Ne, [P(t.$slots, "footer")])
326
+ ], 2)], 2)) : v("", !0)]),
327
327
  _: 3
328
328
  }, 8, ["enter-from-class", "leave-to-class"])], 64));
329
329
  }
330
- }), Pe = /* @__PURE__ */ C({
330
+ }), Pe = /* @__PURE__ */ w({
331
331
  name: "AgentModeSidebar",
332
332
  __name: "ElAgentModeSidebar",
333
333
  props: {
@@ -336,10 +336,10 @@ var B = /* @__PURE__ */ C({
336
336
  },
337
337
  emits: ["update:modelValue"],
338
338
  setup(e, { emit: t }) {
339
- let n = e, r = t, i = h({
339
+ let n = e, r = t, i = g({
340
340
  get: () => n.modelValue,
341
341
  set: (e) => r("update:modelValue", e)
342
- }), a = h(() => n.chatController?.agentMode?.value ?? "self"), s = h(() => o.map((e) => ({
342
+ }), a = g(() => n.chatController?.agentMode?.value ?? "self"), o = g(() => l.map((e) => ({
343
343
  key: e.mode,
344
344
  icon: { src: e.icon },
345
345
  label: e.label,
@@ -348,16 +348,16 @@ var B = /* @__PURE__ */ C({
348
348
  n.chatController?.setMode(e.mode);
349
349
  }
350
350
  })));
351
- return (e, t) => (A(), g(Z, {
351
+ return (e, t) => (j(), _(Z, {
352
352
  modelValue: i.value,
353
353
  "onUpdate:modelValue": t[0] || (t[0] = (e) => i.value = e),
354
- items: s.value,
354
+ items: o.value,
355
355
  position: "right",
356
356
  title: "Mode",
357
357
  "width-classes": "w-[80%] max-w-[255px]"
358
358
  }, null, 8, ["modelValue", "items"]));
359
359
  }
360
- }), Fe = /* @__PURE__ */ C({
360
+ }), Fe = /* @__PURE__ */ w({
361
361
  name: "AgentSidebar",
362
362
  __name: "ElAgentSidebar",
363
363
  props: {
@@ -368,10 +368,10 @@ var B = /* @__PURE__ */ C({
368
368
  },
369
369
  emits: ["update:modelValue"],
370
370
  setup(e, { emit: t }) {
371
- let n = e, r = t, i = h({
371
+ let n = e, r = t, i = g({
372
372
  get: () => n.modelValue,
373
373
  set: (e) => r("update:modelValue", e)
374
- }), a = h(() => {
374
+ }), a = g(() => {
375
375
  let e = [
376
376
  {
377
377
  key: "share",
@@ -410,7 +410,7 @@ var B = /* @__PURE__ */ C({
410
410
  }
411
411
  }), e;
412
412
  });
413
- return (t, n) => (A(), g(Z, {
413
+ return (t, n) => (j(), _(Z, {
414
414
  modelValue: i.value,
415
415
  "onUpdate:modelValue": n[0] || (n[0] = (e) => i.value = e),
416
416
  items: a.value,
@@ -452,7 +452,7 @@ var B = /* @__PURE__ */ C({
452
452
  }, Qe = { class: "text-center max-w-md space-y-4" }, $e = { class: "text-sm text-white/70 leading-relaxed" }, et = {
453
453
  key: 3,
454
454
  class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
455
- }, $ = /* @__PURE__ */ C({
455
+ }, $ = /* @__PURE__ */ w({
456
456
  __name: "AgentChat",
457
457
  props: {
458
458
  sdk: {},
@@ -495,19 +495,19 @@ var B = /* @__PURE__ */ C({
495
495
  "turnStarted",
496
496
  "turnCompleted"
497
497
  ],
498
- setup(t, { emit: n }) {
499
- let l = n, u = re(), p = j(!1), m = j(!1), C = j(), T = j(), R = h(() => u.value?.agentMode?.value ?? "self"), B = h(() => u.value?.textState.value.isConnected ?? !1), V = h(() => t.sdk.activeUser.value !== void 0), H = h(() => o.find((e) => e.mode === R.value));
498
+ setup(c, { emit: u }) {
499
+ let d = u, f = ne(), m = M(!1), h = M(!1), w = M(), E = M(), z = g(() => f.value?.agentMode?.value ?? "self"), V = g(() => f.value?.textState.value.isConnected ?? !1), H = g(() => c.sdk.activeUser.value !== void 0), U = g(() => l.find((e) => e.mode === z.value));
500
500
  function createChatController() {
501
- u.value && u.value.destroy();
501
+ f.value && f.value.destroy();
502
502
  try {
503
- u.value = new ee({
504
- sdk: t.sdk,
505
- agent: t.agent,
506
- context: t.context,
507
- firstMessage: t.firstMessage,
508
- ...t.createVoiceClientFn ? { createVoiceClientFn: t.createVoiceClientFn } : {},
509
- onTurnStarted: () => l("turnStarted"),
510
- onTurnCompleted: (e) => l("turnCompleted", e)
503
+ f.value = new i({
504
+ sdk: c.sdk,
505
+ agent: c.agent,
506
+ context: c.context,
507
+ firstMessage: c.firstMessage,
508
+ ...c.createVoiceClientFn ? { createVoiceClientFn: c.createVoiceClientFn } : {},
509
+ onTurnStarted: () => d("turnStarted"),
510
+ onTurnCompleted: (e) => d("turnCompleted", e)
511
511
  });
512
512
  } catch (e) {
513
513
  throw console.error("AgentChatController creation failed:", e), e;
@@ -517,104 +517,104 @@ var B = /* @__PURE__ */ C({
517
517
  createChatController();
518
518
  } catch (e) {
519
519
  let t = e instanceof Error ? e.message : "Couldn't initialize your assistant";
520
- C.value = t, l("error", t);
520
+ w.value = t, d("error", t);
521
521
  }
522
522
  function applyTheme(e) {
523
- if (!T.value) return;
524
- let t = te(e);
523
+ if (!E.value) return;
524
+ let t = ee(e);
525
525
  Object.entries(t).forEach(([e, t]) => {
526
- T.value.style.setProperty(`--primary-${e}`, t);
526
+ E.value.style.setProperty(`--primary-${e}`, t);
527
527
  });
528
528
  }
529
- k(() => {
529
+ A(() => {
530
530
  try {
531
- applyTheme(t.theme), t.chatOnly && u.value && u.value.setMode("chat");
531
+ applyTheme(c.theme), c.chatOnly && f.value && f.value.setMode("chat");
532
532
  } catch (e) {
533
533
  let t = e instanceof Error ? e.message : "Couldn't initialize your assistant";
534
- C.value = t, l("error", t);
534
+ w.value = t, d("error", t);
535
535
  }
536
- }), ne(() => {
537
- u.value && u.value.destroy();
538
- }), I(() => t.theme, (e) => {
536
+ }), te(() => {
537
+ f.value && f.value.destroy();
538
+ }), L(() => c.theme, (e) => {
539
539
  applyTheme(e);
540
- }), I(() => t.sdk.activeUser.value, (e, t) => {
541
- t && !e && u.value && u.value.setMode("self");
540
+ }), L(() => c.sdk.activeUser.value, (e, t) => {
541
+ t && !e && f.value && f.value.setMode("self");
542
542
  });
543
- let U = h(() => !!(t.agent.cover.value?.src && t.agent.cover.value?.quality === "low") || !!(t.agent.avatar.value?.src && t.agent.avatar.value?.quality === "low")), W = h(() => {
544
- let e = [U.value ? "backdrop-blur-sm" : ""];
545
- return U.value && R.value === "self" ? e.push("from-black/80 via-black/60 to-black/80") : R.value === "self" ? e.push("from-black/70 via-black/50 to-black/80") : e.push("from-black/90 via-black/90 to-black/100"), e.join(" ");
546
- }), G = {
543
+ let W = g(() => !!(c.agent.cover.value?.src && c.agent.cover.value?.quality === "low") || !!(c.agent.avatar.value?.src && c.agent.avatar.value?.quality === "low")), G = g(() => {
544
+ let e = [W.value ? "backdrop-blur-sm" : ""];
545
+ return W.value && z.value === "self" ? e.push("from-black/80 via-black/60 to-black/80") : z.value === "self" ? e.push("from-black/70 via-black/50 to-black/80") : e.push("from-black/90 via-black/90 to-black/100"), e.join(" ");
546
+ }), K = {
547
547
  phone: "i-heroicons-phone",
548
548
  calendar: "i-heroicons-calendar",
549
549
  question: "i-heroicons-question-mark-circle",
550
550
  message: "i-heroicons-chat-bubble-left-right",
551
551
  sparkles: "i-heroicons-sparkles"
552
- }, K = h(() => r({
553
- template: t.buttonText || "Talk to {name}",
554
- agent: t.agent.toConfig()
555
- })), q = h(() => G[t.buttonIcon || "phone"] || G.phone);
556
- return (n, r) => (A(), v("div", {
552
+ }, q = g(() => r({
553
+ template: c.buttonText || "Talk to {name}",
554
+ agent: c.agent.toConfig()
555
+ })), J = g(() => K[c.buttonIcon || "phone"] || K.phone);
556
+ return (r, i) => (j(), y("div", {
557
557
  ref_key: "rootElement",
558
- ref: T,
559
- key: F(d)(t.agent.toConfig()),
558
+ ref: E,
559
+ key: I(o)(c.agent.toConfig()),
560
560
  class: "pagelines-sdk @container/agent pagelines-agent w-full h-full overflow-hidden relative",
561
561
  "data-test": "agent-chat"
562
562
  }, [
563
- t.loading ? (A(), v("div", Ie, [S(i, { class: "text-white size-8" })])) : t.agent && !C.value ? (A(), v("div", {
563
+ c.loading ? (j(), y("div", Ie, [C(a, { class: "text-white size-8" })])) : c.agent && !w.value ? (j(), y("div", {
564
564
  key: 1,
565
- class: E(["absolute inset-0", t.bare ? "" : "bg-cover bg-center bg-no-repeat"]),
566
- style: O(t.bare ? void 0 : { backgroundImage: `url(${F(d)(t.agent.toConfig())})` }),
567
- "data-quality": t.agent.avatar.value?.quality || "none"
568
- }, [t.bare ? _("", !0) : (A(), v("div", {
565
+ class: D(["absolute inset-0", c.bare ? "" : "bg-cover bg-center bg-no-repeat"]),
566
+ style: k(c.bare ? void 0 : { backgroundImage: `url(${I(o)(c.agent.toConfig())})` }),
567
+ "data-quality": c.agent.avatar.value?.quality || "none"
568
+ }, [c.bare ? v("", !0) : (j(), y("div", {
569
569
  key: 0,
570
- class: E(["absolute inset-0 bg-gradient-to-br z-0", W.value])
571
- }, null, 2)), y("div", { class: E(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", t.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"]) }, [!t.bare || t.hasClose ? (A(), v("div", {
570
+ class: D(["absolute inset-0 bg-gradient-to-br z-0", G.value])
571
+ }, null, 2)), b("div", { class: D(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", c.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"]) }, [!c.bare || c.hasClose ? (j(), y("div", {
572
572
  key: 0,
573
- class: E(["relative z-30 p-2", !t.bare && R.value !== "self" ? "backdrop-blur-lg" : ""])
574
- }, [t.chatOnly ? (A(), v("div", {
573
+ class: D(["relative z-30 p-2", !c.bare && z.value !== "self" ? "backdrop-blur-lg" : ""])
574
+ }, [c.chatOnly ? (j(), y("div", {
575
575
  key: 0,
576
- class: E(["flex items-center", t.bare ? "justify-end" : ""])
577
- }, [t.bare ? _("", !0) : (A(), v("div", Re, [y("img", {
578
- src: F(d)(t.agent.toConfig()),
579
- alt: t.agent.displayName.value,
576
+ class: D(["flex items-center", c.bare ? "justify-end" : ""])
577
+ }, [c.bare ? v("", !0) : (j(), y("div", Re, [b("img", {
578
+ src: I(o)(c.agent.toConfig()),
579
+ alt: c.agent.displayName.value,
580
580
  class: "size-8 rounded-full object-cover"
581
- }, null, 8, ze), y("span", Be, P(t.agent.displayName.value), 1)])), t.hasClose ? (A(), v("div", Ve, [y("button", {
582
- class: E(["flex cursor-pointer items-center rounded-2xl p-3 transition-colors", t.bare ? "text-theme-500 hover:bg-theme-50" : "text-white/70 hover:bg-white/10"]),
583
- onClick: r[0] || (r[0] = z((e) => l("close", "button"), ["stop"]))
584
- }, [...r[7] || (r[7] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])], 2)])) : _("", !0)], 2)) : (A(), v("div", {
581
+ }, null, 8, ze), b("span", Be, F(c.agent.displayName.value), 1)])), c.hasClose ? (j(), y("div", Ve, [b("button", {
582
+ class: D(["flex cursor-pointer items-center rounded-2xl p-3 transition-colors", c.bare ? "text-theme-500 hover:bg-theme-50" : "text-white/70 hover:bg-white/10"]),
583
+ onClick: i[0] || (i[0] = B((e) => d("close", "button"), ["stop"]))
584
+ }, [...i[7] || (i[7] = [b("i", { class: "size-6 i-tabler-x" }, null, -1)])], 2)])) : v("", !0)], 2)) : (j(), y("div", {
585
585
  key: 1,
586
- class: E(["flex items-center", t.hasClose ? "" : "justify-between"])
586
+ class: D(["flex items-center", c.hasClose ? "" : "justify-between"])
587
587
  }, [
588
- y("div", { class: E(t.hasClose ? "flex-1 basis-0" : "") }, [y("button", {
588
+ b("div", { class: D(c.hasClose ? "flex-1 basis-0" : "") }, [b("button", {
589
589
  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",
590
- onClick: r[1] || (r[1] = (e) => p.value = !0)
591
- }, [...r[8] || (r[8] = [y("i", { class: "i-tabler-menu size-7" }, null, -1)])])], 2),
592
- y("button", {
593
- class: E(["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": m.value }]),
594
- onClick: r[2] || (r[2] = (e) => m.value = !0)
590
+ onClick: i[1] || (i[1] = (e) => m.value = !0)
591
+ }, [...i[8] || (i[8] = [b("i", { class: "i-tabler-menu size-7" }, null, -1)])])], 2),
592
+ b("button", {
593
+ class: D(["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": h.value }]),
594
+ onClick: i[2] || (i[2] = (e) => h.value = !0)
595
595
  }, [
596
- y("i", { class: E([H.value?.icon, "size-4 opacity-60"]) }, null, 2),
597
- y("span", He, P(H.value?.label), 1),
598
- r[9] || (r[9] = y("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
596
+ b("i", { class: D([U.value?.icon, "size-4 opacity-60"]) }, null, 2),
597
+ b("span", He, F(U.value?.label), 1),
598
+ i[9] || (i[9] = b("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
599
599
  ], 2),
600
- t.hasClose ? (A(), v("div", Q, [y("button", {
600
+ c.hasClose ? (j(), y("div", Q, [b("button", {
601
601
  class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
602
- onClick: r[3] || (r[3] = z((e) => l("close", "button"), ["stop"]))
603
- }, [...r[10] || (r[10] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])])])) : _("", !0)
604
- ], 2))], 2)) : _("", !0), t.chatOnly ? (A(), v("div", {
602
+ onClick: i[3] || (i[3] = B((e) => d("close", "button"), ["stop"]))
603
+ }, [...i[10] || (i[10] = [b("i", { class: "size-6 i-tabler-x" }, null, -1)])])])) : v("", !0)
604
+ ], 2))], 2)) : v("", !0), c.chatOnly ? (j(), y("div", {
605
605
  key: 1,
606
- class: E(["relative z-20 flex min-h-0 w-full flex-1 flex-col", t.bare ? "" : "px-4"])
607
- }, [y("div", { class: E(["min-h-0 w-full flex-1", t.bare ? "" : "mx-auto max-w-md"]) }, [S(s, {
608
- "chat-controller": u.value,
609
- agent: t.agent,
610
- scope: V.value ? "private" : "public",
611
- "empty-state-message": t.emptyStateMessage,
612
- variant: t.bare ? "light" : "dark",
613
- "show-header": !t.bare,
614
- centered: t.bare
615
- }, b({ _: 2 }, [n.$slots["empty-heading"] ? {
606
+ class: D(["relative z-20 flex min-h-0 w-full flex-1 flex-col", c.bare ? "" : "px-4"])
607
+ }, [b("div", { class: D(["min-h-0 w-full flex-1", c.bare ? "" : "mx-auto max-w-md"]) }, [C(s, {
608
+ "chat-controller": f.value,
609
+ agent: c.agent,
610
+ scope: H.value ? "private" : "public",
611
+ "empty-state-message": c.emptyStateMessage,
612
+ variant: c.bare ? "light" : "dark",
613
+ "show-header": !c.bare,
614
+ centered: c.bare
615
+ }, x({ _: 2 }, [r.$slots["empty-heading"] ? {
616
616
  name: "empty-heading",
617
- fn: L((e) => [N(n.$slots, "empty-heading", D(w(e)))]),
617
+ fn: R((e) => [P(r.$slots, "empty-heading", O(T(e)))]),
618
618
  key: "0"
619
619
  } : void 0]), 1032, [
620
620
  "chat-controller",
@@ -624,61 +624,61 @@ var B = /* @__PURE__ */ C({
624
624
  "variant",
625
625
  "show-header",
626
626
  "centered"
627
- ])], 2)], 2)) : (A(), v(f, { key: 2 }, [R.value === "self" ? (A(), v("div", Ue, [
628
- r[11] || (r[11] = y("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
629
- S(Ce, {
630
- agent: t.agent,
631
- "is-online": B.value
627
+ ])], 2)], 2)) : (j(), y(p, { key: 2 }, [z.value === "self" ? (j(), y("div", Ue, [
628
+ i[11] || (i[11] = b("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
629
+ C(Ce, {
630
+ agent: c.agent,
631
+ "is-online": V.value
632
632
  }, null, 8, ["agent", "is-online"]),
633
- y("div", We, [S(a, {
633
+ b("div", We, [C(n, {
634
634
  theme: "primary",
635
635
  size: "lg",
636
636
  class: "w-full",
637
- icon: q.value,
637
+ icon: J.value,
638
638
  "data-test": "voice-button",
639
- onClick: r[4] || (r[4] = (e) => u.value?.setMode("talk"))
639
+ onClick: i[4] || (i[4] = (e) => f.value?.setMode("talk"))
640
640
  }, {
641
- default: L(() => [x(P(K.value), 1)]),
641
+ default: R(() => [S(F(q.value), 1)]),
642
642
  _: 1
643
- }, 8, ["icon"]), t.agent.accounts.value && t.agent.accounts.value.length > 0 ? (A(), v("div", Ge, [(A(!0), v(f, null, M((t.agent.accounts.value || []).filter((t) => F(e)[t.platform]), (t) => (A(), v("a", {
643
+ }, 8, ["icon"]), c.agent.accounts.value && c.agent.accounts.value.length > 0 ? (j(), y("div", Ge, [(j(!0), y(p, null, N((c.agent.accounts.value || []).filter((t) => I(e)[t.platform]), (t) => (j(), y("a", {
644
644
  key: `${t.platform}-${t.handle}`,
645
- href: F(e)[t.platform].getUrl(t.handle),
645
+ href: I(e)[t.platform].getUrl(t.handle),
646
646
  target: "_blank",
647
647
  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"
648
- }, [y("i", { class: E([F(e)[t.platform].icon, "size-5"]) }, null, 2)], 8, Ke))), 128))])) : _("", !0)])
649
- ])) : R.value === "talk" ? (A(), v("div", qe, [t.requireAuth && !V.value ? (A(), g(J, {
648
+ }, [b("i", { class: D([I(e)[t.platform].icon, "size-5"]) }, null, 2)], 8, Ke))), 128))])) : v("", !0)])
649
+ ])) : z.value === "talk" ? (j(), y("div", qe, [c.requireAuth && !H.value ? (j(), _(Y, {
650
650
  key: 0,
651
- sdk: t.sdk
652
- }, null, 8, ["sdk"])) : (A(), v(f, { key: 1 }, [y("div", null, [y("div", Je, [S(c, {
653
- agent: t.agent,
654
- "is-online": B.value
655
- }, null, 8, ["agent", "is-online"])])]), S(s, {
656
- "chat-controller": u.value,
657
- agent: t.agent
658
- }, null, 8, ["chat-controller", "agent"])], 64))])) : (A(), v("div", Ye, [y("div", Xe, [R.value === "chat" ? (A(), v(f, { key: 0 }, [t.requireAuth && !V.value ? (A(), g(J, {
651
+ sdk: c.sdk
652
+ }, null, 8, ["sdk"])) : (j(), y(p, { key: 1 }, [b("div", null, [b("div", Je, [C(t, {
653
+ agent: c.agent,
654
+ "is-online": V.value
655
+ }, null, 8, ["agent", "is-online"])])]), C(s, {
656
+ "chat-controller": f.value,
657
+ agent: c.agent
658
+ }, null, 8, ["chat-controller", "agent"])], 64))])) : (j(), y("div", Ye, [b("div", Xe, [z.value === "chat" ? (j(), y(p, { key: 0 }, [c.requireAuth && !H.value ? (j(), _(Y, {
659
659
  key: 0,
660
- sdk: t.sdk
661
- }, null, 8, ["sdk"])) : (A(), g(s, {
660
+ sdk: c.sdk
661
+ }, null, 8, ["sdk"])) : (j(), _(s, {
662
662
  key: 1,
663
- "chat-controller": u.value,
664
- agent: t.agent,
663
+ "chat-controller": f.value,
664
+ agent: c.agent,
665
665
  "show-header": ""
666
- }, null, 8, ["chat-controller", "agent"]))], 64)) : R.value === "info" ? (A(), g(pe, {
666
+ }, null, 8, ["chat-controller", "agent"]))], 64)) : z.value === "info" ? (j(), _(pe, {
667
667
  key: 1,
668
- agent: t.agent,
669
- "is-online": B.value
670
- }, null, 8, ["agent", "is-online"])) : _("", !0)])]))], 64))], 2)], 14, Le)) : C.value ? (A(), v("div", Ze, [y("div", Qe, [
671
- r[12] || (r[12] = y("div", { class: "flex justify-center" }, [y("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [y("i", { class: "i-tabler-alert-circle size-6 text-red-400" })])], -1)),
672
- r[13] || (r[13] = y("h3", { class: "text-lg font-medium" }, " Agent Error ", -1)),
673
- y("p", $e, P(C.value), 1)
674
- ])])) : (A(), v("div", et, " Couldn't load your assistant. Please try again later. ")),
675
- t.chatOnly ? _("", !0) : (A(), g(Fe, {
668
+ agent: c.agent,
669
+ "is-online": V.value
670
+ }, null, 8, ["agent", "is-online"])) : v("", !0)])]))], 64))], 2)], 14, Le)) : w.value ? (j(), y("div", Ze, [b("div", Qe, [
671
+ i[12] || (i[12] = b("div", { class: "flex justify-center" }, [b("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [b("i", { class: "i-tabler-alert-circle size-6 text-red-400" })])], -1)),
672
+ i[13] || (i[13] = b("h3", { class: "text-lg font-medium" }, " Agent Error ", -1)),
673
+ b("p", $e, F(w.value), 1)
674
+ ])])) : (j(), y("div", et, " Couldn't load your assistant. Please try again later. ")),
675
+ c.chatOnly ? v("", !0) : (j(), _(Fe, {
676
676
  key: 4,
677
- modelValue: p.value,
678
- "onUpdate:modelValue": r[5] || (r[5] = (e) => p.value = e),
679
- agent: t.agent,
680
- sdk: t.sdk,
681
- title: t.agent.displayName.value,
677
+ modelValue: m.value,
678
+ "onUpdate:modelValue": i[5] || (i[5] = (e) => m.value = e),
679
+ agent: c.agent,
680
+ sdk: c.sdk,
681
+ title: c.agent.displayName.value,
682
682
  "data-test": "agent-sidebar"
683
683
  }, null, 8, [
684
684
  "modelValue",
@@ -686,16 +686,16 @@ var B = /* @__PURE__ */ C({
686
686
  "sdk",
687
687
  "title"
688
688
  ])),
689
- t.chatOnly ? _("", !0) : (A(), g(Pe, {
689
+ c.chatOnly ? v("", !0) : (j(), _(Pe, {
690
690
  key: 5,
691
- modelValue: m.value,
692
- "onUpdate:modelValue": r[6] || (r[6] = (e) => m.value = e),
693
- "chat-controller": u.value,
691
+ modelValue: h.value,
692
+ "onUpdate:modelValue": i[6] || (i[6] = (e) => h.value = e),
693
+ "chat-controller": f.value,
694
694
  "data-test": "agent-mode-sidebar"
695
695
  }, null, 8, ["modelValue", "chat-controller"]))
696
696
  ]));
697
697
  }
698
- }), tt = /* @__PURE__ */ C({
698
+ }), tt = /* @__PURE__ */ w({
699
699
  __name: "AgentProvider",
700
700
  props: {
701
701
  sdk: {},
@@ -720,8 +720,8 @@ var B = /* @__PURE__ */ C({
720
720
  ],
721
721
  setup(e, { emit: t }) {
722
722
  let n = e, r = t;
723
- return (e, t) => (A(), g(u, T(n, { class: "agent-provider size-full relative" }), {
724
- default: L((i) => [S($, {
723
+ return (e, t) => (j(), _(d, E(n, { class: "agent-provider size-full relative" }), {
724
+ default: R((i) => [C($, {
725
725
  sdk: i.sdk,
726
726
  agent: i.agent,
727
727
  context: i.context,
@@ -738,9 +738,9 @@ var B = /* @__PURE__ */ C({
738
738
  onError: t[1] || (t[1] = (e) => r("error", e)),
739
739
  onTurnStarted: t[2] || (t[2] = (e) => r("turnStarted")),
740
740
  onTurnCompleted: t[3] || (t[3] = (e) => r("turnCompleted", e))
741
- }, b({ _: 2 }, [e.$slots["empty-heading"] ? {
741
+ }, x({ _: 2 }, [e.$slots["empty-heading"] ? {
742
742
  name: "empty-heading",
743
- fn: L((t) => [N(e.$slots, "empty-heading", D(w(t)))]),
743
+ fn: R((t) => [P(e.$slots, "empty-heading", O(T(t)))]),
744
744
  key: "0"
745
745
  } : void 0]), 1032, [
746
746
  "sdk",