@centive/aria-sdk 0.7.6 → 0.7.8
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.
package/dist/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
1
|
+
import { jsx as o, jsxs as g, Fragment as je } from "react/jsx-runtime";
|
|
2
2
|
import * as de from "react";
|
|
3
|
-
import { createContext as Vr, useContext as Wr, useState as z, useRef as Y, useEffect as X, useCallback as
|
|
4
|
-
import { CheckCircle2 as ir, AlertCircle as Ze, Zap as nr, RefreshCw as Ne, Clock as Fr, MessageCircle as
|
|
5
|
-
import { createPortal as
|
|
6
|
-
function
|
|
3
|
+
import { createContext as Vr, useContext as Wr, useState as z, useRef as Y, useEffect as X, useCallback as C, useMemo as Xe } from "react";
|
|
4
|
+
import { CheckCircle2 as ir, AlertCircle as Ze, Zap as nr, RefreshCw as Ne, Clock as Fr, MessageCircle as Be, Sparkles as Ee, User as hr, Bot as mr, Send as pr, Wrench as Oe, MicOff as _e, Mic as Le, Maximize2 as fr, Phone as Ue, X as Ve, Minimize2 as br } from "lucide-react";
|
|
5
|
+
import { createPortal as Hr } from "react-dom";
|
|
6
|
+
function Br(r) {
|
|
7
7
|
return typeof r == "object" && r !== null && "status" in r && (r.status === "success" || r.status === "error") && !("type" in r);
|
|
8
8
|
}
|
|
9
9
|
function Or(r) {
|
|
@@ -45,6 +45,7 @@ class J {
|
|
|
45
45
|
videoStream = null;
|
|
46
46
|
audioInputStream = null;
|
|
47
47
|
hiddenVideoElement = null;
|
|
48
|
+
hiddenAudioElement = null;
|
|
48
49
|
// Session state
|
|
49
50
|
sessionState = {
|
|
50
51
|
session_id: null,
|
|
@@ -137,9 +138,9 @@ class J {
|
|
|
137
138
|
}
|
|
138
139
|
emit(e) {
|
|
139
140
|
const t = this.listeners.get(e.type);
|
|
140
|
-
t && t.forEach((
|
|
141
|
+
t && t.forEach((a) => {
|
|
141
142
|
try {
|
|
142
|
-
|
|
143
|
+
a(e);
|
|
143
144
|
} catch (n) {
|
|
144
145
|
console.error("[AriaSessionManager] Error in event listener:", n);
|
|
145
146
|
}
|
|
@@ -290,7 +291,7 @@ class J {
|
|
|
290
291
|
handleWebSocketMessage(e) {
|
|
291
292
|
try {
|
|
292
293
|
const t = JSON.parse(e.data);
|
|
293
|
-
if (
|
|
294
|
+
if (Br(t)) {
|
|
294
295
|
this.handleSessionResponse(t);
|
|
295
296
|
return;
|
|
296
297
|
}
|
|
@@ -340,8 +341,8 @@ class J {
|
|
|
340
341
|
if (t instanceof SyntaxError)
|
|
341
342
|
console.error("[AriaSessionManager] Failed to parse WebSocket message:", e.data), this.config.onError?.(new Error("Invalid JSON received from WebSocket"));
|
|
342
343
|
else {
|
|
343
|
-
const
|
|
344
|
-
console.error("[AriaSessionManager] Error handling message:",
|
|
344
|
+
const a = t instanceof Error ? t.message : "Unknown error";
|
|
345
|
+
console.error("[AriaSessionManager] Error handling message:", a), this.config.onError?.(t instanceof Error ? t : new Error(a));
|
|
345
346
|
}
|
|
346
347
|
}
|
|
347
348
|
}
|
|
@@ -349,22 +350,22 @@ class J {
|
|
|
349
350
|
const t = this.sessionState.isRefreshing;
|
|
350
351
|
if (e.status === "success")
|
|
351
352
|
if (console.log("[AriaSessionManager] Session response:", e.message), e.session_data) {
|
|
352
|
-
const
|
|
353
|
-
if (!
|
|
353
|
+
const a = e.session_data.sessionToken || e.session_data.token;
|
|
354
|
+
if (!a) {
|
|
354
355
|
console.error("[AriaSessionManager] No session token found in response"), this.handleSessionError("No session token found in response");
|
|
355
356
|
return;
|
|
356
357
|
}
|
|
357
358
|
console.log("[AriaSessionManager] Session token received successfully"), console.log("[AriaSessionManager] Token expires at:", e.session_data.expires_at), this.updateSessionState({
|
|
358
359
|
session_id: null,
|
|
359
360
|
// Will be set when Anam client is ready
|
|
360
|
-
token:
|
|
361
|
+
token: a,
|
|
361
362
|
expires_at: e.session_data.expires_at || null,
|
|
362
363
|
isSessionReady: !0,
|
|
363
364
|
lastError: null,
|
|
364
365
|
isRefreshing: !1,
|
|
365
366
|
isPreloaded: !0
|
|
366
367
|
// Token is ready for use
|
|
367
|
-
}), this.scheduleRefresh(), this.deferAnamInit ? t ? (console.log("[AriaSessionManager] Session token refreshed proactively"), this.config.onSessionRefresh?.(), this.emit({ type: "session_refresh", data: { token:
|
|
368
|
+
}), this.scheduleRefresh(), this.deferAnamInit ? t ? (console.log("[AriaSessionManager] Session token refreshed proactively"), this.config.onSessionRefresh?.(), this.emit({ type: "session_refresh", data: { token: a } }), this.anamClient ? this.setStatus("ready") : this.setStatus("connected")) : (console.log("[AriaSessionManager] Session token ready, waiting for user to open widget"), this.setStatus("connected"), this.emit({ type: "session_ready", data: { sessionId: null, tokenReady: !0, lazyInit: !0 } }), this.config.onSessionPreloaded?.()) : this.anamClient ? t && (console.log("[AriaSessionManager] Session refreshed, token updated"), this.config.onSessionRefresh?.(), this.emit({ type: "session_refresh", data: { token: a } })) : this.initializeAnamClient(a);
|
|
368
369
|
} else
|
|
369
370
|
console.log("[AriaSessionManager] Session response without data:", e.message), this.updateSessionState({
|
|
370
371
|
isRefreshing: !1
|
|
@@ -433,8 +434,8 @@ class J {
|
|
|
433
434
|
const t = JSON.stringify({ user_trigger: !0 });
|
|
434
435
|
this.ws.send(t), console.log("[AriaSessionManager] Sent session request with user_trigger: true"), e && this.config.userId && this.config.onManualTrigger?.(this.config.userId);
|
|
435
436
|
} catch (t) {
|
|
436
|
-
const
|
|
437
|
-
console.error("[AriaSessionManager] Trigger error:",
|
|
437
|
+
const a = t instanceof Error ? t.message : "Failed to trigger session";
|
|
438
|
+
console.error("[AriaSessionManager] Trigger error:", a), this.config.onError?.(t instanceof Error ? t : new Error(a));
|
|
438
439
|
}
|
|
439
440
|
}
|
|
440
441
|
// ============================================================================
|
|
@@ -483,51 +484,53 @@ class J {
|
|
|
483
484
|
this.isAnamInitializing = !0, console.log("[AriaSessionManager] Initializing Anam client"), this.setStatus("preloading");
|
|
484
485
|
try {
|
|
485
486
|
this.createHiddenVideoElement();
|
|
486
|
-
const { createClient: t, AnamEvent:
|
|
487
|
-
n.addListener(
|
|
488
|
-
const
|
|
489
|
-
|
|
490
|
-
}), n.addListener(
|
|
487
|
+
const { createClient: t, AnamEvent: a } = await import("@anam-ai/js-sdk"), n = t(e);
|
|
488
|
+
n.addListener(a.SESSION_READY, () => {
|
|
489
|
+
const l = n.getActiveSessionId();
|
|
490
|
+
l && (this.updateSessionState({ session_id: l }), console.log("[AriaSessionManager] Session ready with ID:", l)), this.isAnamInitializing = !1, this.setStatus("ready"), this.emit({ type: "session_ready", data: { sessionId: l } }), this.config.onSessionReady?.();
|
|
491
|
+
}), n.addListener(a.CONNECTION_CLOSED, () => {
|
|
491
492
|
console.log("[AriaSessionManager] Anam connection closed"), this.emit({ type: "connection_change", data: { connected: !1 } });
|
|
492
|
-
}), n.addListener(
|
|
493
|
-
this.chatMessages =
|
|
494
|
-
role:
|
|
495
|
-
content:
|
|
493
|
+
}), n.addListener(a.MESSAGE_HISTORY_UPDATED, (l) => {
|
|
494
|
+
this.chatMessages = l.map((m) => ({
|
|
495
|
+
role: m.role,
|
|
496
|
+
content: m.content,
|
|
496
497
|
timestamp: Date.now()
|
|
497
498
|
}));
|
|
498
|
-
const
|
|
499
|
-
role:
|
|
500
|
-
content:
|
|
499
|
+
const d = l.map((m) => ({
|
|
500
|
+
role: m.role,
|
|
501
|
+
content: m.content,
|
|
501
502
|
timestamp: (/* @__PURE__ */ new Date()).toISOString()
|
|
502
503
|
}));
|
|
503
|
-
this.sendMessageHistory(
|
|
504
|
-
}), n.addListener(
|
|
505
|
-
|
|
506
|
-
const
|
|
507
|
-
role:
|
|
508
|
-
content:
|
|
504
|
+
this.sendMessageHistory(d), this.emit({ type: "message_history", data: { messages: this.chatMessages } });
|
|
505
|
+
}), n.addListener(a.MESSAGE_STREAM_EVENT_RECEIVED, (l) => {
|
|
506
|
+
l.role === "persona" ? this.liveTranscript += l.content : l.role === "user" && (this.liveTranscript = "");
|
|
507
|
+
const d = {
|
|
508
|
+
role: l.role,
|
|
509
|
+
content: l.content,
|
|
509
510
|
timestamp: (/* @__PURE__ */ new Date()).toISOString()
|
|
510
511
|
};
|
|
511
|
-
this.sendMessageStream(
|
|
512
|
-
}), n.addListener(
|
|
513
|
-
console.log("[AriaSessionManager] Tool call event received:",
|
|
512
|
+
this.sendMessageStream(d, l.is_final ?? !1), this.emit({ type: "message_stream", data: { event: l, liveTranscript: this.liveTranscript } });
|
|
513
|
+
}), n.addListener(a.CLIENT_TOOL_EVENT_RECEIVED, (l) => {
|
|
514
|
+
console.log("[AriaSessionManager] Tool call event received:", l.eventName), this.isToolCallActive = !0, this.activeToolCall = l, this.emit({
|
|
514
515
|
type: "tool_call",
|
|
515
516
|
data: {
|
|
516
517
|
isActive: !0,
|
|
517
|
-
toolName:
|
|
518
|
-
toolData:
|
|
519
|
-
toolEvent:
|
|
518
|
+
toolName: l.eventName,
|
|
519
|
+
toolData: l.eventData,
|
|
520
|
+
toolEvent: l
|
|
520
521
|
}
|
|
521
522
|
}), setTimeout(() => {
|
|
522
|
-
this.activeToolCall?.eventUid ===
|
|
523
|
+
this.activeToolCall?.eventUid === l.eventUid && this.clearToolCallState();
|
|
523
524
|
}, 3e4);
|
|
524
|
-
}), this.anamClient = n, this.audioInputStream = await navigator.mediaDevices.getUserMedia({ audio: !0 });
|
|
525
|
-
const
|
|
526
|
-
this.videoStream =
|
|
525
|
+
}), this.anamClient = n, this.audioInputStream = await navigator.mediaDevices.getUserMedia({ audio: !0 }), this.createHiddenAudioElement();
|
|
526
|
+
const c = await n.stream(this.audioInputStream), s = c[0], u = c[1];
|
|
527
|
+
this.videoStream = s, this.hiddenVideoElement && (this.hiddenVideoElement.srcObject = s, this.hiddenVideoElement.muted = !0), this.hiddenAudioElement && u ? (this.hiddenAudioElement.srcObject = u, this.hiddenAudioElement.muted = !1, this.hiddenAudioElement.play().catch((l) => {
|
|
528
|
+
console.warn("[AriaSessionManager] Initial audio play failed (may need user interaction):", l);
|
|
529
|
+
}), console.log("[AriaSessionManager] Audio stream attached to audio element")) : console.log("[AriaSessionManager] No separate audio stream available, audio may come through video"), console.log("[AriaSessionManager] Anam client initialized and streaming");
|
|
527
530
|
} catch (t) {
|
|
528
531
|
this.isAnamInitializing = !1;
|
|
529
|
-
const
|
|
530
|
-
throw console.error("[AriaSessionManager] Anam client error:",
|
|
532
|
+
const a = t instanceof Error ? t.message : "Failed to initialize Anam client";
|
|
533
|
+
throw console.error("[AriaSessionManager] Anam client error:", a), this.setStatus("error"), this.updateSessionState({ lastError: a }), this.config.onError?.(t instanceof Error ? t : new Error(a)), t;
|
|
531
534
|
}
|
|
532
535
|
}
|
|
533
536
|
/**
|
|
@@ -549,9 +552,15 @@ class J {
|
|
|
549
552
|
createHiddenVideoElement() {
|
|
550
553
|
this.hiddenVideoElement || (this.hiddenVideoElement = document.createElement("video"), this.hiddenVideoElement.autoplay = !0, this.hiddenVideoElement.playsInline = !0, this.hiddenVideoElement.muted = !0, this.hiddenVideoElement.style.position = "absolute", this.hiddenVideoElement.style.width = "1px", this.hiddenVideoElement.style.height = "1px", this.hiddenVideoElement.style.opacity = "0", this.hiddenVideoElement.style.pointerEvents = "none", this.hiddenVideoElement.style.zIndex = "-9999", document.body.appendChild(this.hiddenVideoElement), console.log("[AriaSessionManager] Hidden video element created"));
|
|
551
554
|
}
|
|
555
|
+
createHiddenAudioElement() {
|
|
556
|
+
this.hiddenAudioElement || (this.hiddenAudioElement = document.createElement("audio"), this.hiddenAudioElement.autoplay = !0, this.hiddenAudioElement.style.position = "absolute", this.hiddenAudioElement.style.width = "1px", this.hiddenAudioElement.style.height = "1px", this.hiddenAudioElement.style.opacity = "0", this.hiddenAudioElement.style.pointerEvents = "none", this.hiddenAudioElement.style.zIndex = "-9999", document.body.appendChild(this.hiddenAudioElement), console.log("[AriaSessionManager] Hidden audio element created"));
|
|
557
|
+
}
|
|
552
558
|
removeHiddenVideoElement() {
|
|
553
559
|
this.hiddenVideoElement && (this.hiddenVideoElement.srcObject = null, this.hiddenVideoElement.remove(), this.hiddenVideoElement = null);
|
|
554
560
|
}
|
|
561
|
+
removeHiddenAudioElement() {
|
|
562
|
+
this.hiddenAudioElement && (this.hiddenAudioElement.srcObject = null, this.hiddenAudioElement.pause(), this.hiddenAudioElement.remove(), this.hiddenAudioElement = null);
|
|
563
|
+
}
|
|
555
564
|
// ============================================================================
|
|
556
565
|
// Video Stream Management
|
|
557
566
|
// ============================================================================
|
|
@@ -563,12 +572,15 @@ class J {
|
|
|
563
572
|
}
|
|
564
573
|
/**
|
|
565
574
|
* Attach the video stream to a visible video element
|
|
575
|
+
* Audio is handled by the hidden audio element if available, otherwise through video element
|
|
566
576
|
*/
|
|
567
577
|
attachToVideoElement(e) {
|
|
568
578
|
if (this.videoStream) {
|
|
569
|
-
const t = this.videoStream.getTracks(),
|
|
570
|
-
console.log("[AriaSessionManager] Attaching video stream, tracks:", t.length, "active:",
|
|
571
|
-
console.warn("[AriaSessionManager]
|
|
579
|
+
const t = this.videoStream.getTracks(), a = t.filter((s) => s.readyState === "live"), n = t.filter((s) => s.kind === "audio");
|
|
580
|
+
console.log("[AriaSessionManager] Attaching video stream, tracks:", t.length, "active:", a.length, "audio:", n.length), e.srcObject = this.videoStream, this.hiddenAudioElement && this.hiddenAudioElement.srcObject ? (e.muted = !0, this.hiddenAudioElement.muted = !1, this.hiddenAudioElement.play().catch((s) => {
|
|
581
|
+
console.warn("[AriaSessionManager] Audio play failed:", s);
|
|
582
|
+
}), console.log("[AriaSessionManager] Audio playing through separate audio element")) : (e.muted = !1, console.log("[AriaSessionManager] Audio playing through video element")), e.play().catch((s) => {
|
|
583
|
+
console.warn("[AriaSessionManager] Video play failed:", s);
|
|
572
584
|
});
|
|
573
585
|
} else
|
|
574
586
|
console.log("[AriaSessionManager] No video stream available to attach (session may be initializing)");
|
|
@@ -577,7 +589,7 @@ class J {
|
|
|
577
589
|
* Detach video stream from visible element (when widget closes)
|
|
578
590
|
*/
|
|
579
591
|
detachFromVideoElement(e) {
|
|
580
|
-
e.srcObject = null, this.hiddenVideoElement && this.videoStream && (this.hiddenVideoElement.srcObject = this.videoStream, this.hiddenVideoElement.muted = !0), console.log("[AriaSessionManager] Video stream detached from visible element");
|
|
592
|
+
e.srcObject = null, this.hiddenVideoElement && this.videoStream && (this.hiddenVideoElement.srcObject = this.videoStream, this.hiddenVideoElement.muted = !0), this.hiddenAudioElement && (this.hiddenAudioElement.muted = !0, console.log("[AriaSessionManager] Audio element muted (widget closed)")), console.log("[AriaSessionManager] Video stream detached from visible element");
|
|
581
593
|
}
|
|
582
594
|
// ============================================================================
|
|
583
595
|
// Chat State
|
|
@@ -598,28 +610,28 @@ class J {
|
|
|
598
610
|
if (!this.ws || this.ws.readyState !== WebSocket.OPEN || !this.sessionState.session_id || !this.config.userId || !t && JSON.stringify(e) === JSON.stringify(this.lastMessageHistory))
|
|
599
611
|
return;
|
|
600
612
|
this.lastMessageHistory = e;
|
|
601
|
-
const
|
|
613
|
+
const a = {
|
|
602
614
|
type: "message_history",
|
|
603
615
|
session_id: this.sessionState.session_id,
|
|
604
616
|
user_id: this.config.userId,
|
|
605
617
|
messages: e
|
|
606
618
|
};
|
|
607
619
|
try {
|
|
608
|
-
this.ws.send(JSON.stringify(
|
|
620
|
+
this.ws.send(JSON.stringify(a)), console.log("[AriaSessionManager] Sent message history:", e.length, "messages");
|
|
609
621
|
} catch (n) {
|
|
610
622
|
console.error("[AriaSessionManager] Failed to send message history:", n);
|
|
611
623
|
}
|
|
612
624
|
}
|
|
613
625
|
sendMessageStream(e, t) {
|
|
614
626
|
if (!this.ws || this.ws.readyState !== WebSocket.OPEN || !this.sessionState.session_id || !this.config.userId) return;
|
|
615
|
-
const
|
|
627
|
+
const a = {
|
|
616
628
|
type: "message_stream",
|
|
617
629
|
session_id: this.sessionState.session_id,
|
|
618
630
|
user_id: this.config.userId,
|
|
619
631
|
message: { ...e, is_final: t }
|
|
620
632
|
};
|
|
621
633
|
try {
|
|
622
|
-
this.ws.send(JSON.stringify(
|
|
634
|
+
this.ws.send(JSON.stringify(a));
|
|
623
635
|
} catch (n) {
|
|
624
636
|
console.error("[AriaSessionManager] Failed to send message stream:", n);
|
|
625
637
|
}
|
|
@@ -647,8 +659,8 @@ class J {
|
|
|
647
659
|
try {
|
|
648
660
|
await this.anamClient.talk(e);
|
|
649
661
|
} catch (t) {
|
|
650
|
-
const
|
|
651
|
-
throw this.config.onError?.(t instanceof Error ? t : new Error(
|
|
662
|
+
const a = t instanceof Error ? t.message : "Failed to send message";
|
|
663
|
+
throw this.config.onError?.(t instanceof Error ? t : new Error(a)), t;
|
|
652
664
|
}
|
|
653
665
|
}
|
|
654
666
|
toggleMute() {
|
|
@@ -666,7 +678,7 @@ class J {
|
|
|
666
678
|
}
|
|
667
679
|
this.anamClient = null;
|
|
668
680
|
}
|
|
669
|
-
this.audioInputStream && (this.audioInputStream.getTracks().forEach((e) => e.stop()), this.audioInputStream = null), this.videoStream = null, this.chatMessages = [], this.liveTranscript = "", this.lastMessageHistory = [], this.resetSessionState(), this.setStatus("idle");
|
|
681
|
+
this.audioInputStream && (this.audioInputStream.getTracks().forEach((e) => e.stop()), this.audioInputStream = null), this.videoStream = null, this.chatMessages = [], this.liveTranscript = "", this.lastMessageHistory = [], this.removeHiddenVideoElement(), this.removeHiddenAudioElement(), this.resetSessionState(), this.setStatus("idle");
|
|
670
682
|
}
|
|
671
683
|
// ============================================================================
|
|
672
684
|
// Session Refresh
|
|
@@ -676,10 +688,10 @@ class J {
|
|
|
676
688
|
console.log("[AriaSessionManager] No expiration time, skipping refresh scheduling");
|
|
677
689
|
return;
|
|
678
690
|
}
|
|
679
|
-
const e = new Date(this.sessionState.expires_at).getTime(), t = Date.now(),
|
|
680
|
-
console.log(`[AriaSessionManager] Token expires at: ${new Date(e).toISOString()}`), console.log(`[AriaSessionManager] Time until expiry: ${Math.round(s / 1e3 / 60)} minutes`), console.log(`[AriaSessionManager] Refresh buffer: ${this.refreshConfig.bufferMinutes} minutes`),
|
|
691
|
+
const e = new Date(this.sessionState.expires_at).getTime(), t = Date.now(), a = this.refreshConfig.bufferMinutes * 60 * 1e3, n = e - a, c = Math.max(0, n - t), s = e - t;
|
|
692
|
+
console.log(`[AriaSessionManager] Token expires at: ${new Date(e).toISOString()}`), console.log(`[AriaSessionManager] Time until expiry: ${Math.round(s / 1e3 / 60)} minutes`), console.log(`[AriaSessionManager] Refresh buffer: ${this.refreshConfig.bufferMinutes} minutes`), c <= 0 ? (console.log("[AriaSessionManager] Session expiring soon, refreshing immediately"), this.refreshSession()) : (console.log(`[AriaSessionManager] Scheduling proactive refresh in ${Math.round(c / 1e3 / 60)} minutes`), this.refreshTimer = setTimeout(() => {
|
|
681
693
|
console.log("[AriaSessionManager] Proactive refresh timer fired"), this.refreshSession();
|
|
682
|
-
},
|
|
694
|
+
}, c));
|
|
683
695
|
}
|
|
684
696
|
async refreshSession() {
|
|
685
697
|
if (this.refreshConfig.refreshOnlyWhenVisible && !this.isTabVisible) {
|
|
@@ -775,7 +787,7 @@ class J {
|
|
|
775
787
|
console.log("[AriaSessionManager] No active Anam client, nothing to pause");
|
|
776
788
|
return;
|
|
777
789
|
}
|
|
778
|
-
console.log("[AriaSessionManager] Pausing session - keeping Anam client alive"), this.isPaused = !0, this.hiddenVideoElement && (this.hiddenVideoElement.muted = !0), this.shouldKeepWebSocketAlive() || (console.log("[AriaSessionManager] Disconnecting WebSocket (keepWebSocketAlive: false)"), this.ws && (this.ws.close(), this.ws = null)), this.config.onSessionPaused?.();
|
|
790
|
+
console.log("[AriaSessionManager] Pausing session - keeping Anam client alive"), this.isPaused = !0, this.hiddenVideoElement && (this.hiddenVideoElement.muted = !0), this.hiddenAudioElement && (this.hiddenAudioElement.muted = !0, console.log("[AriaSessionManager] Audio element muted (session paused)")), this.shouldKeepWebSocketAlive() || (console.log("[AriaSessionManager] Disconnecting WebSocket (keepWebSocketAlive: false)"), this.ws && (this.ws.close(), this.ws = null)), this.config.onSessionPaused?.();
|
|
779
791
|
}
|
|
780
792
|
/**
|
|
781
793
|
* Resume the session (called when widget reopens)
|
|
@@ -790,14 +802,16 @@ class J {
|
|
|
790
802
|
if (console.log("[AriaSessionManager] Resuming session"), this.isPaused = !1, !this.anamClient)
|
|
791
803
|
return console.log("[AriaSessionManager] No Anam client, cannot resume - will create new session"), !1;
|
|
792
804
|
if (this.sessionState.expires_at) {
|
|
793
|
-
const
|
|
794
|
-
if (Date.now() >=
|
|
805
|
+
const a = new Date(this.sessionState.expires_at).getTime();
|
|
806
|
+
if (Date.now() >= a)
|
|
795
807
|
return console.log("[AriaSessionManager] Session expired, will create new session"), await this.stopStreaming(), this.resetSessionState(), !1;
|
|
796
808
|
}
|
|
797
809
|
if (!this.videoStream)
|
|
798
810
|
return console.log("[AriaSessionManager] No video stream available, will create new session"), await this.stopStreaming(), this.resetSessionState(), !1;
|
|
799
|
-
const e = this.videoStream.getTracks(), t = e.filter((
|
|
800
|
-
return console.log("[AriaSessionManager] Video stream tracks:", e.length, "active:", t.length), this.
|
|
811
|
+
const e = this.videoStream.getTracks(), t = e.filter((a) => a.readyState === "live");
|
|
812
|
+
return console.log("[AriaSessionManager] Video stream tracks:", e.length, "active:", t.length), this.hiddenAudioElement && (this.hiddenAudioElement.muted = !1, this.hiddenAudioElement.play().catch((a) => {
|
|
813
|
+
console.warn("[AriaSessionManager] Audio play failed on resume:", a);
|
|
814
|
+
}), console.log("[AriaSessionManager] Audio element unmuted (session resumed)")), this.isConnected() || (console.log("[AriaSessionManager] Reconnecting WebSocket for resumed session"), this.reconnectForResume()), this.setStatus("ready"), this.config.onSessionResumed?.(), !0;
|
|
801
815
|
}
|
|
802
816
|
/**
|
|
803
817
|
* Reconnect WebSocket for session resume (without triggering new session)
|
|
@@ -892,7 +906,7 @@ class J {
|
|
|
892
906
|
* Destroy the session manager and clean up all resources
|
|
893
907
|
*/
|
|
894
908
|
destroy() {
|
|
895
|
-
console.log("[AriaSessionManager] Destroying instance"), this.sessionState.session_id && this.sendSessionEnd(), this.stopStreaming(), this.removeHiddenVideoElement(), this.clearTimers(), this.disconnect(), typeof document < "u" && document.removeEventListener("visibilitychange", this.handleVisibilityChange), this.removeBeforeUnloadHandler(), this.listeners.clear(), this.resetSessionState();
|
|
909
|
+
console.log("[AriaSessionManager] Destroying instance"), this.sessionState.session_id && this.sendSessionEnd(), this.stopStreaming(), this.removeHiddenVideoElement(), this.removeHiddenAudioElement(), this.clearTimers(), this.disconnect(), typeof document < "u" && document.removeEventListener("visibilitychange", this.handleVisibilityChange), this.removeBeforeUnloadHandler(), this.listeners.clear(), this.resetSessionState();
|
|
896
910
|
}
|
|
897
911
|
}
|
|
898
912
|
const D = {
|
|
@@ -1110,19 +1124,19 @@ class De {
|
|
|
1110
1124
|
* Mount the Aria UI components to the DOM
|
|
1111
1125
|
*/
|
|
1112
1126
|
static mountUI(e, t) {
|
|
1113
|
-
const
|
|
1114
|
-
|
|
1127
|
+
const a = document.createElement("div");
|
|
1128
|
+
a.id = "aria-sdk-root", a.setAttribute("data-aria-theme", e), a.setAttribute("data-aria-open", "false"), document.body.appendChild(a), D.uiContainer = a, De.renderReactUI(a, e, t);
|
|
1115
1129
|
}
|
|
1116
1130
|
/**
|
|
1117
1131
|
* Render React UI components
|
|
1118
1132
|
*/
|
|
1119
|
-
static async renderReactUI(e, t,
|
|
1133
|
+
static async renderReactUI(e, t, a) {
|
|
1120
1134
|
try {
|
|
1121
|
-
const n = await import("react"),
|
|
1122
|
-
D.reactRoot =
|
|
1135
|
+
const n = await import("react"), c = await import("react-dom/client"), { AriaStandaloneUI: s } = await Promise.resolve().then(() => to), u = c.createRoot(e);
|
|
1136
|
+
D.reactRoot = u, u.render(
|
|
1123
1137
|
n.createElement(s, {
|
|
1124
1138
|
theme: t,
|
|
1125
|
-
triggerLabel:
|
|
1139
|
+
triggerLabel: a,
|
|
1126
1140
|
container: e
|
|
1127
1141
|
})
|
|
1128
1142
|
), console.log("[AriaCore] React UI mounted");
|
|
@@ -1137,31 +1151,31 @@ class De {
|
|
|
1137
1151
|
D.reactRoot && typeof D.reactRoot.unmount == "function" && D.reactRoot.unmount(), D.uiContainer && D.uiContainer.remove();
|
|
1138
1152
|
}
|
|
1139
1153
|
}
|
|
1140
|
-
const wr = Vr(null),
|
|
1154
|
+
const wr = Vr(null), Ce = () => {
|
|
1141
1155
|
const r = Wr(wr);
|
|
1142
1156
|
if (!r)
|
|
1143
1157
|
throw new Error("useAria must be used within an AriaProvider");
|
|
1144
1158
|
return r;
|
|
1145
1159
|
};
|
|
1146
1160
|
function vr(r) {
|
|
1147
|
-
var e, t,
|
|
1148
|
-
if (typeof r == "string" || typeof r == "number")
|
|
1161
|
+
var e, t, a = "";
|
|
1162
|
+
if (typeof r == "string" || typeof r == "number") a += r;
|
|
1149
1163
|
else if (typeof r == "object") if (Array.isArray(r)) {
|
|
1150
1164
|
var n = r.length;
|
|
1151
|
-
for (e = 0; e < n; e++) r[e] && (t = vr(r[e])) && (
|
|
1152
|
-
} else for (t in r) r[t] && (
|
|
1153
|
-
return
|
|
1165
|
+
for (e = 0; e < n; e++) r[e] && (t = vr(r[e])) && (a && (a += " "), a += t);
|
|
1166
|
+
} else for (t in r) r[t] && (a && (a += " "), a += t);
|
|
1167
|
+
return a;
|
|
1154
1168
|
}
|
|
1155
1169
|
function qr() {
|
|
1156
|
-
for (var r, e, t = 0,
|
|
1157
|
-
return
|
|
1170
|
+
for (var r, e, t = 0, a = "", n = arguments.length; t < n; t++) (r = arguments[t]) && (e = vr(r)) && (a && (a += " "), a += e);
|
|
1171
|
+
return a;
|
|
1158
1172
|
}
|
|
1159
1173
|
const Jr = (r, e) => {
|
|
1160
1174
|
const t = new Array(r.length + e.length);
|
|
1161
|
-
for (let
|
|
1162
|
-
t[
|
|
1163
|
-
for (let
|
|
1164
|
-
t[r.length +
|
|
1175
|
+
for (let a = 0; a < r.length; a++)
|
|
1176
|
+
t[a] = r[a];
|
|
1177
|
+
for (let a = 0; a < e.length; a++)
|
|
1178
|
+
t[r.length + a] = e[a];
|
|
1165
1179
|
return t;
|
|
1166
1180
|
}, Xr = (r, e) => ({
|
|
1167
1181
|
classGroupId: r,
|
|
@@ -1173,19 +1187,19 @@ const Jr = (r, e) => {
|
|
|
1173
1187
|
}), Ge = "-", lr = [], Zr = "arbitrary..", Yr = (r) => {
|
|
1174
1188
|
const e = et(r), {
|
|
1175
1189
|
conflictingClassGroups: t,
|
|
1176
|
-
conflictingClassGroupModifiers:
|
|
1190
|
+
conflictingClassGroupModifiers: a
|
|
1177
1191
|
} = r;
|
|
1178
1192
|
return {
|
|
1179
1193
|
getClassGroupId: (s) => {
|
|
1180
1194
|
if (s.startsWith("[") && s.endsWith("]"))
|
|
1181
1195
|
return $r(s);
|
|
1182
|
-
const
|
|
1183
|
-
return xr(
|
|
1196
|
+
const u = s.split(Ge), l = u[0] === "" && u.length > 1 ? 1 : 0;
|
|
1197
|
+
return xr(u, l, e);
|
|
1184
1198
|
},
|
|
1185
|
-
getConflictingClassGroupIds: (s,
|
|
1186
|
-
if (
|
|
1187
|
-
const
|
|
1188
|
-
return
|
|
1199
|
+
getConflictingClassGroupIds: (s, u) => {
|
|
1200
|
+
if (u) {
|
|
1201
|
+
const l = a[s], d = t[s];
|
|
1202
|
+
return l ? d ? Jr(d, l) : l : d || lr;
|
|
1189
1203
|
}
|
|
1190
1204
|
return t[s] || lr;
|
|
1191
1205
|
}
|
|
@@ -1193,23 +1207,23 @@ const Jr = (r, e) => {
|
|
|
1193
1207
|
}, xr = (r, e, t) => {
|
|
1194
1208
|
if (r.length - e === 0)
|
|
1195
1209
|
return t.classGroupId;
|
|
1196
|
-
const n = r[e],
|
|
1197
|
-
if (
|
|
1198
|
-
const
|
|
1199
|
-
if (
|
|
1210
|
+
const n = r[e], c = t.nextPart.get(n);
|
|
1211
|
+
if (c) {
|
|
1212
|
+
const d = xr(r, e + 1, c);
|
|
1213
|
+
if (d) return d;
|
|
1200
1214
|
}
|
|
1201
1215
|
const s = t.validators;
|
|
1202
1216
|
if (s === null)
|
|
1203
1217
|
return;
|
|
1204
|
-
const
|
|
1205
|
-
for (let
|
|
1206
|
-
const
|
|
1207
|
-
if (
|
|
1208
|
-
return
|
|
1218
|
+
const u = e === 0 ? r.join(Ge) : r.slice(e).join(Ge), l = s.length;
|
|
1219
|
+
for (let d = 0; d < l; d++) {
|
|
1220
|
+
const m = s[d];
|
|
1221
|
+
if (m.validator(u))
|
|
1222
|
+
return m.classGroupId;
|
|
1209
1223
|
}
|
|
1210
1224
|
}, $r = (r) => r.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
|
|
1211
|
-
const e = r.slice(1, -1), t = e.indexOf(":"),
|
|
1212
|
-
return
|
|
1225
|
+
const e = r.slice(1, -1), t = e.indexOf(":"), a = e.slice(0, t);
|
|
1226
|
+
return a ? Zr + a : void 0;
|
|
1213
1227
|
})(), et = (r) => {
|
|
1214
1228
|
const {
|
|
1215
1229
|
theme: e,
|
|
@@ -1218,49 +1232,49 @@ const Jr = (r, e) => {
|
|
|
1218
1232
|
return rt(t, e);
|
|
1219
1233
|
}, rt = (r, e) => {
|
|
1220
1234
|
const t = yr();
|
|
1221
|
-
for (const
|
|
1222
|
-
const n = r[
|
|
1223
|
-
rr(n, t,
|
|
1235
|
+
for (const a in r) {
|
|
1236
|
+
const n = r[a];
|
|
1237
|
+
rr(n, t, a, e);
|
|
1224
1238
|
}
|
|
1225
1239
|
return t;
|
|
1226
|
-
}, rr = (r, e, t,
|
|
1240
|
+
}, rr = (r, e, t, a) => {
|
|
1227
1241
|
const n = r.length;
|
|
1228
|
-
for (let
|
|
1229
|
-
const s = r[
|
|
1230
|
-
tt(s, e, t,
|
|
1242
|
+
for (let c = 0; c < n; c++) {
|
|
1243
|
+
const s = r[c];
|
|
1244
|
+
tt(s, e, t, a);
|
|
1231
1245
|
}
|
|
1232
|
-
}, tt = (r, e, t,
|
|
1246
|
+
}, tt = (r, e, t, a) => {
|
|
1233
1247
|
if (typeof r == "string") {
|
|
1234
1248
|
ot(r, e, t);
|
|
1235
1249
|
return;
|
|
1236
1250
|
}
|
|
1237
1251
|
if (typeof r == "function") {
|
|
1238
|
-
at(r, e, t,
|
|
1252
|
+
at(r, e, t, a);
|
|
1239
1253
|
return;
|
|
1240
1254
|
}
|
|
1241
|
-
it(r, e, t,
|
|
1255
|
+
it(r, e, t, a);
|
|
1242
1256
|
}, ot = (r, e, t) => {
|
|
1243
|
-
const
|
|
1244
|
-
|
|
1245
|
-
}, at = (r, e, t,
|
|
1257
|
+
const a = r === "" ? e : Ar(e, r);
|
|
1258
|
+
a.classGroupId = t;
|
|
1259
|
+
}, at = (r, e, t, a) => {
|
|
1246
1260
|
if (nt(r)) {
|
|
1247
|
-
rr(r(
|
|
1261
|
+
rr(r(a), e, t, a);
|
|
1248
1262
|
return;
|
|
1249
1263
|
}
|
|
1250
1264
|
e.validators === null && (e.validators = []), e.validators.push(Xr(t, r));
|
|
1251
|
-
}, it = (r, e, t,
|
|
1252
|
-
const n = Object.entries(r),
|
|
1253
|
-
for (let s = 0; s <
|
|
1254
|
-
const [
|
|
1255
|
-
rr(
|
|
1265
|
+
}, it = (r, e, t, a) => {
|
|
1266
|
+
const n = Object.entries(r), c = n.length;
|
|
1267
|
+
for (let s = 0; s < c; s++) {
|
|
1268
|
+
const [u, l] = n[s];
|
|
1269
|
+
rr(l, Ar(e, u), t, a);
|
|
1256
1270
|
}
|
|
1257
1271
|
}, Ar = (r, e) => {
|
|
1258
1272
|
let t = r;
|
|
1259
|
-
const
|
|
1260
|
-
for (let
|
|
1261
|
-
const s =
|
|
1262
|
-
let
|
|
1263
|
-
|
|
1273
|
+
const a = e.split(Ge), n = a.length;
|
|
1274
|
+
for (let c = 0; c < n; c++) {
|
|
1275
|
+
const s = a[c];
|
|
1276
|
+
let u = t.nextPart.get(s);
|
|
1277
|
+
u || (u = yr(), t.nextPart.set(s, u)), t = u;
|
|
1264
1278
|
}
|
|
1265
1279
|
return t;
|
|
1266
1280
|
}, nt = (r) => "isThemeGetter" in r && r.isThemeGetter === !0, st = (r) => {
|
|
@@ -1271,52 +1285,52 @@ const Jr = (r, e) => {
|
|
|
1271
1285
|
set: () => {
|
|
1272
1286
|
}
|
|
1273
1287
|
};
|
|
1274
|
-
let e = 0, t = /* @__PURE__ */ Object.create(null),
|
|
1275
|
-
const n = (
|
|
1276
|
-
t[
|
|
1288
|
+
let e = 0, t = /* @__PURE__ */ Object.create(null), a = /* @__PURE__ */ Object.create(null);
|
|
1289
|
+
const n = (c, s) => {
|
|
1290
|
+
t[c] = s, e++, e > r && (e = 0, a = t, t = /* @__PURE__ */ Object.create(null));
|
|
1277
1291
|
};
|
|
1278
1292
|
return {
|
|
1279
|
-
get(
|
|
1280
|
-
let s = t[
|
|
1293
|
+
get(c) {
|
|
1294
|
+
let s = t[c];
|
|
1281
1295
|
if (s !== void 0)
|
|
1282
1296
|
return s;
|
|
1283
|
-
if ((s =
|
|
1284
|
-
return n(
|
|
1297
|
+
if ((s = a[c]) !== void 0)
|
|
1298
|
+
return n(c, s), s;
|
|
1285
1299
|
},
|
|
1286
|
-
set(
|
|
1287
|
-
|
|
1300
|
+
set(c, s) {
|
|
1301
|
+
c in t ? t[c] = s : n(c, s);
|
|
1288
1302
|
}
|
|
1289
1303
|
};
|
|
1290
|
-
}, er = "!", cr = ":", lt = [], dr = (r, e, t,
|
|
1304
|
+
}, er = "!", cr = ":", lt = [], dr = (r, e, t, a, n) => ({
|
|
1291
1305
|
modifiers: r,
|
|
1292
1306
|
hasImportantModifier: e,
|
|
1293
1307
|
baseClassName: t,
|
|
1294
|
-
maybePostfixModifierPosition:
|
|
1308
|
+
maybePostfixModifierPosition: a,
|
|
1295
1309
|
isExternal: n
|
|
1296
1310
|
}), ct = (r) => {
|
|
1297
1311
|
const {
|
|
1298
1312
|
prefix: e,
|
|
1299
1313
|
experimentalParseClassName: t
|
|
1300
1314
|
} = r;
|
|
1301
|
-
let
|
|
1302
|
-
const
|
|
1303
|
-
let s = 0,
|
|
1304
|
-
const
|
|
1305
|
-
for (let j = 0; j <
|
|
1306
|
-
const
|
|
1307
|
-
if (s === 0 &&
|
|
1308
|
-
if (
|
|
1309
|
-
|
|
1315
|
+
let a = (n) => {
|
|
1316
|
+
const c = [];
|
|
1317
|
+
let s = 0, u = 0, l = 0, d;
|
|
1318
|
+
const m = n.length;
|
|
1319
|
+
for (let j = 0; j < m; j++) {
|
|
1320
|
+
const H = n[j];
|
|
1321
|
+
if (s === 0 && u === 0) {
|
|
1322
|
+
if (H === cr) {
|
|
1323
|
+
c.push(n.slice(l, j)), l = j + 1;
|
|
1310
1324
|
continue;
|
|
1311
1325
|
}
|
|
1312
|
-
if (
|
|
1313
|
-
|
|
1326
|
+
if (H === "/") {
|
|
1327
|
+
d = j;
|
|
1314
1328
|
continue;
|
|
1315
1329
|
}
|
|
1316
1330
|
}
|
|
1317
|
-
|
|
1331
|
+
H === "[" ? s++ : H === "]" ? s-- : H === "(" ? u++ : H === ")" && u--;
|
|
1318
1332
|
}
|
|
1319
|
-
const E =
|
|
1333
|
+
const E = c.length === 0 ? n : n.slice(l);
|
|
1320
1334
|
let R = E, P = !1;
|
|
1321
1335
|
E.endsWith(er) ? (R = E.slice(0, -1), P = !0) : (
|
|
1322
1336
|
/**
|
|
@@ -1325,108 +1339,108 @@ const Jr = (r, e) => {
|
|
|
1325
1339
|
*/
|
|
1326
1340
|
E.startsWith(er) && (R = E.slice(1), P = !0)
|
|
1327
1341
|
);
|
|
1328
|
-
const k =
|
|
1329
|
-
return dr(
|
|
1342
|
+
const k = d && d > l ? d - l : void 0;
|
|
1343
|
+
return dr(c, P, R, k);
|
|
1330
1344
|
};
|
|
1331
1345
|
if (e) {
|
|
1332
|
-
const n = e + cr,
|
|
1333
|
-
|
|
1346
|
+
const n = e + cr, c = a;
|
|
1347
|
+
a = (s) => s.startsWith(n) ? c(s.slice(n.length)) : dr(lt, !1, s, void 0, !0);
|
|
1334
1348
|
}
|
|
1335
1349
|
if (t) {
|
|
1336
|
-
const n =
|
|
1337
|
-
|
|
1338
|
-
className:
|
|
1350
|
+
const n = a;
|
|
1351
|
+
a = (c) => t({
|
|
1352
|
+
className: c,
|
|
1339
1353
|
parseClassName: n
|
|
1340
1354
|
});
|
|
1341
1355
|
}
|
|
1342
|
-
return
|
|
1356
|
+
return a;
|
|
1343
1357
|
}, dt = (r) => {
|
|
1344
1358
|
const e = /* @__PURE__ */ new Map();
|
|
1345
|
-
return r.orderSensitiveModifiers.forEach((t,
|
|
1346
|
-
e.set(t, 1e6 +
|
|
1359
|
+
return r.orderSensitiveModifiers.forEach((t, a) => {
|
|
1360
|
+
e.set(t, 1e6 + a);
|
|
1347
1361
|
}), (t) => {
|
|
1348
|
-
const
|
|
1362
|
+
const a = [];
|
|
1349
1363
|
let n = [];
|
|
1350
|
-
for (let
|
|
1351
|
-
const s = t[
|
|
1352
|
-
|
|
1364
|
+
for (let c = 0; c < t.length; c++) {
|
|
1365
|
+
const s = t[c], u = s[0] === "[", l = e.has(s);
|
|
1366
|
+
u || l ? (n.length > 0 && (n.sort(), a.push(...n), n = []), a.push(s)) : n.push(s);
|
|
1353
1367
|
}
|
|
1354
|
-
return n.length > 0 && (n.sort(),
|
|
1368
|
+
return n.length > 0 && (n.sort(), a.push(...n)), a;
|
|
1355
1369
|
};
|
|
1356
1370
|
}, gt = (r) => ({
|
|
1357
1371
|
cache: st(r.cacheSize),
|
|
1358
1372
|
parseClassName: ct(r),
|
|
1359
1373
|
sortModifiers: dt(r),
|
|
1360
1374
|
...Yr(r)
|
|
1361
|
-
}),
|
|
1375
|
+
}), ut = /\s+/, ht = (r, e) => {
|
|
1362
1376
|
const {
|
|
1363
1377
|
parseClassName: t,
|
|
1364
|
-
getClassGroupId:
|
|
1378
|
+
getClassGroupId: a,
|
|
1365
1379
|
getConflictingClassGroupIds: n,
|
|
1366
|
-
sortModifiers:
|
|
1367
|
-
} = e, s = [],
|
|
1368
|
-
let
|
|
1369
|
-
for (let
|
|
1370
|
-
const
|
|
1380
|
+
sortModifiers: c
|
|
1381
|
+
} = e, s = [], u = r.trim().split(ut);
|
|
1382
|
+
let l = "";
|
|
1383
|
+
for (let d = u.length - 1; d >= 0; d -= 1) {
|
|
1384
|
+
const m = u[d], {
|
|
1371
1385
|
isExternal: E,
|
|
1372
1386
|
modifiers: R,
|
|
1373
1387
|
hasImportantModifier: P,
|
|
1374
1388
|
baseClassName: k,
|
|
1375
1389
|
maybePostfixModifierPosition: j
|
|
1376
|
-
} = t(
|
|
1390
|
+
} = t(m);
|
|
1377
1391
|
if (E) {
|
|
1378
|
-
|
|
1392
|
+
l = m + (l.length > 0 ? " " + l : l);
|
|
1379
1393
|
continue;
|
|
1380
1394
|
}
|
|
1381
|
-
let
|
|
1395
|
+
let H = !!j, W = a(H ? k.substring(0, j) : k);
|
|
1382
1396
|
if (!W) {
|
|
1383
|
-
if (!
|
|
1384
|
-
|
|
1397
|
+
if (!H) {
|
|
1398
|
+
l = m + (l.length > 0 ? " " + l : l);
|
|
1385
1399
|
continue;
|
|
1386
1400
|
}
|
|
1387
|
-
if (W =
|
|
1388
|
-
|
|
1401
|
+
if (W = a(k), !W) {
|
|
1402
|
+
l = m + (l.length > 0 ? " " + l : l);
|
|
1389
1403
|
continue;
|
|
1390
1404
|
}
|
|
1391
|
-
|
|
1405
|
+
H = !1;
|
|
1392
1406
|
}
|
|
1393
|
-
const U = R.length === 0 ? "" : R.length === 1 ? R[0] :
|
|
1394
|
-
if (s.indexOf(
|
|
1407
|
+
const U = R.length === 0 ? "" : R.length === 1 ? R[0] : c(R).join(":"), V = P ? U + er : U, h = V + W;
|
|
1408
|
+
if (s.indexOf(h) > -1)
|
|
1395
1409
|
continue;
|
|
1396
|
-
s.push(
|
|
1397
|
-
const L = n(W,
|
|
1410
|
+
s.push(h);
|
|
1411
|
+
const L = n(W, H);
|
|
1398
1412
|
for (let q = 0; q < L.length; ++q) {
|
|
1399
1413
|
const O = L[q];
|
|
1400
1414
|
s.push(V + O);
|
|
1401
1415
|
}
|
|
1402
|
-
|
|
1416
|
+
l = m + (l.length > 0 ? " " + l : l);
|
|
1403
1417
|
}
|
|
1404
|
-
return
|
|
1418
|
+
return l;
|
|
1405
1419
|
}, mt = (...r) => {
|
|
1406
|
-
let e = 0, t,
|
|
1420
|
+
let e = 0, t, a, n = "";
|
|
1407
1421
|
for (; e < r.length; )
|
|
1408
|
-
(t = r[e++]) && (
|
|
1422
|
+
(t = r[e++]) && (a = kr(t)) && (n && (n += " "), n += a);
|
|
1409
1423
|
return n;
|
|
1410
1424
|
}, kr = (r) => {
|
|
1411
1425
|
if (typeof r == "string")
|
|
1412
1426
|
return r;
|
|
1413
1427
|
let e, t = "";
|
|
1414
|
-
for (let
|
|
1415
|
-
r[
|
|
1428
|
+
for (let a = 0; a < r.length; a++)
|
|
1429
|
+
r[a] && (e = kr(r[a])) && (t && (t += " "), t += e);
|
|
1416
1430
|
return t;
|
|
1417
1431
|
}, pt = (r, ...e) => {
|
|
1418
|
-
let t,
|
|
1419
|
-
const s = (
|
|
1420
|
-
const
|
|
1421
|
-
return t = gt(
|
|
1422
|
-
},
|
|
1423
|
-
const
|
|
1424
|
-
if (
|
|
1425
|
-
return
|
|
1426
|
-
const
|
|
1427
|
-
return n(
|
|
1432
|
+
let t, a, n, c;
|
|
1433
|
+
const s = (l) => {
|
|
1434
|
+
const d = e.reduce((m, E) => E(m), r());
|
|
1435
|
+
return t = gt(d), a = t.cache.get, n = t.cache.set, c = u, u(l);
|
|
1436
|
+
}, u = (l) => {
|
|
1437
|
+
const d = a(l);
|
|
1438
|
+
if (d)
|
|
1439
|
+
return d;
|
|
1440
|
+
const m = ht(l, t);
|
|
1441
|
+
return n(l, m), m;
|
|
1428
1442
|
};
|
|
1429
|
-
return
|
|
1443
|
+
return c = s, (...l) => c(mt(...l));
|
|
1430
1444
|
}, ft = [], Q = (r) => {
|
|
1431
1445
|
const e = (t) => t[r] || ft;
|
|
1432
1446
|
return e.isThemeGetter = !0, e;
|
|
@@ -1435,14 +1449,14 @@ const Jr = (r, e) => {
|
|
|
1435
1449
|
// For example, `hsl(0 0% 0%)` would be classified as a length without this check.
|
|
1436
1450
|
// I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
|
|
1437
1451
|
vt.test(r) && !yt.test(r)
|
|
1438
|
-
), Er = () => !1, Nt = (r) => xt.test(r), Et = (r) => At.test(r),
|
|
1439
|
-
const
|
|
1440
|
-
return
|
|
1452
|
+
), Er = () => !1, Nt = (r) => xt.test(r), Et = (r) => At.test(r), Mt = (r) => !v(r) && !y(r), Ct = (r) => Te(r, Tr, Er), v = (r) => Sr.test(r), ve = (r) => Te(r, Rr, St), $e = (r) => Te(r, Pt, T), gr = (r) => Te(r, Mr, Er), Tt = (r) => Te(r, Cr, Et), Fe = (r) => Te(r, zr, Nt), y = (r) => Nr.test(r), Pe = (r) => Re(r, Rr), Rt = (r) => Re(r, Dt), ur = (r) => Re(r, Mr), zt = (r) => Re(r, Tr), It = (r) => Re(r, Cr), He = (r) => Re(r, zr, !0), Te = (r, e, t) => {
|
|
1453
|
+
const a = Sr.exec(r);
|
|
1454
|
+
return a ? a[1] ? e(a[1]) : t(a[2]) : !1;
|
|
1441
1455
|
}, Re = (r, e, t = !1) => {
|
|
1442
|
-
const
|
|
1443
|
-
return
|
|
1444
|
-
},
|
|
1445
|
-
const r = Q("color"), e = Q("font"), t = Q("text"),
|
|
1456
|
+
const a = Nr.exec(r);
|
|
1457
|
+
return a ? a[1] ? e(a[1]) : t : !1;
|
|
1458
|
+
}, Mr = (r) => r === "position" || r === "percentage", Cr = (r) => r === "image" || r === "url", Tr = (r) => r === "length" || r === "size" || r === "bg-size", Rr = (r) => r === "length", Pt = (r) => r === "number", Dt = (r) => r === "family-name", zr = (r) => r === "shadow", jt = () => {
|
|
1459
|
+
const r = Q("color"), e = Q("font"), t = Q("text"), a = Q("font-weight"), n = Q("tracking"), c = Q("leading"), s = Q("breakpoint"), u = Q("container"), l = Q("spacing"), d = Q("radius"), m = Q("shadow"), E = Q("inset-shadow"), R = Q("text-shadow"), P = Q("drop-shadow"), k = Q("blur"), j = Q("perspective"), H = Q("aspect"), W = Q("ease"), U = Q("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], h = () => [
|
|
1446
1460
|
"center",
|
|
1447
1461
|
"top",
|
|
1448
1462
|
"bottom",
|
|
@@ -1460,30 +1474,30 @@ const Jr = (r, e) => {
|
|
|
1460
1474
|
"bottom-left",
|
|
1461
1475
|
// Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
|
|
1462
1476
|
"left-bottom"
|
|
1463
|
-
], L = () => [...
|
|
1477
|
+
], L = () => [...h(), y, v], q = () => ["auto", "hidden", "clip", "visible", "scroll"], O = () => ["auto", "contain", "none"], N = () => [y, v, l], K = () => [ke, "full", "auto", ...N()], p = () => [be, "none", "subgrid", y, v], B = () => ["auto", {
|
|
1464
1478
|
span: ["full", be, y, v]
|
|
1465
|
-
}, be, y, v], ae = () => [be, "auto", y, v], ie = () => ["auto", "min", "max", "fr", y, v], $ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], A = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...N()], f = () => [ke, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...N()], x = () => [r, y, v], ge = () => [...
|
|
1479
|
+
}, be, y, v], ae = () => [be, "auto", y, v], ie = () => ["auto", "min", "max", "fr", y, v], $ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], A = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...N()], f = () => [ke, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...N()], x = () => [r, y, v], ge = () => [...h(), ur, gr, {
|
|
1466
1480
|
position: [y, v]
|
|
1467
|
-
}],
|
|
1481
|
+
}], ue = () => ["no-repeat", {
|
|
1468
1482
|
repeat: ["", "x", "y", "space", "round"]
|
|
1469
|
-
}], le = () => ["auto", "cover", "contain", zt,
|
|
1483
|
+
}], le = () => ["auto", "cover", "contain", zt, Ct, {
|
|
1470
1484
|
size: [y, v]
|
|
1471
1485
|
}], ne = () => [Ye, Pe, ve], _ = () => [
|
|
1472
1486
|
// Deprecated since Tailwind CSS v4.0.0
|
|
1473
1487
|
"",
|
|
1474
1488
|
"none",
|
|
1475
1489
|
"full",
|
|
1476
|
-
|
|
1490
|
+
d,
|
|
1477
1491
|
y,
|
|
1478
1492
|
v
|
|
1479
|
-
], G = () => ["", T, Pe, ve], Z = () => ["solid", "dashed", "dotted", "double"], se = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], F = () => [T, Ye,
|
|
1493
|
+
], G = () => ["", T, Pe, ve], Z = () => ["solid", "dashed", "dotted", "double"], se = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], F = () => [T, Ye, ur, gr], ce = () => [
|
|
1480
1494
|
// Deprecated since Tailwind CSS v4.0.0
|
|
1481
1495
|
"",
|
|
1482
1496
|
"none",
|
|
1483
1497
|
k,
|
|
1484
1498
|
y,
|
|
1485
1499
|
v
|
|
1486
|
-
],
|
|
1500
|
+
], he = () => ["none", T, y, v], pe = () => ["none", T, y, v], we = () => [T, y, v], fe = () => [ke, "full", ...N()];
|
|
1487
1501
|
return {
|
|
1488
1502
|
cacheSize: 500,
|
|
1489
1503
|
theme: {
|
|
@@ -1495,7 +1509,7 @@ const Jr = (r, e) => {
|
|
|
1495
1509
|
container: [me],
|
|
1496
1510
|
"drop-shadow": [me],
|
|
1497
1511
|
ease: ["in", "out", "in-out"],
|
|
1498
|
-
font: [
|
|
1512
|
+
font: [Mt],
|
|
1499
1513
|
"font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
|
|
1500
1514
|
"inset-shadow": [me],
|
|
1501
1515
|
leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
|
|
@@ -1516,7 +1530,7 @@ const Jr = (r, e) => {
|
|
|
1516
1530
|
* @see https://tailwindcss.com/docs/aspect-ratio
|
|
1517
1531
|
*/
|
|
1518
1532
|
aspect: [{
|
|
1519
|
-
aspect: ["auto", "square", ke, v, y,
|
|
1533
|
+
aspect: ["auto", "square", ke, v, y, H]
|
|
1520
1534
|
}],
|
|
1521
1535
|
/**
|
|
1522
1536
|
* Container
|
|
@@ -1529,7 +1543,7 @@ const Jr = (r, e) => {
|
|
|
1529
1543
|
* @see https://tailwindcss.com/docs/columns
|
|
1530
1544
|
*/
|
|
1531
1545
|
columns: [{
|
|
1532
|
-
columns: [T, v, y,
|
|
1546
|
+
columns: [T, v, y, u]
|
|
1533
1547
|
}],
|
|
1534
1548
|
/**
|
|
1535
1549
|
* Break After
|
|
@@ -1739,7 +1753,7 @@ const Jr = (r, e) => {
|
|
|
1739
1753
|
* @see https://tailwindcss.com/docs/flex-basis
|
|
1740
1754
|
*/
|
|
1741
1755
|
basis: [{
|
|
1742
|
-
basis: [ke, "full", "auto",
|
|
1756
|
+
basis: [ke, "full", "auto", u, ...N()]
|
|
1743
1757
|
}],
|
|
1744
1758
|
/**
|
|
1745
1759
|
* Flex Direction
|
|
@@ -1788,14 +1802,14 @@ const Jr = (r, e) => {
|
|
|
1788
1802
|
* @see https://tailwindcss.com/docs/grid-template-columns
|
|
1789
1803
|
*/
|
|
1790
1804
|
"grid-cols": [{
|
|
1791
|
-
"grid-cols":
|
|
1805
|
+
"grid-cols": p()
|
|
1792
1806
|
}],
|
|
1793
1807
|
/**
|
|
1794
1808
|
* Grid Column Start / End
|
|
1795
1809
|
* @see https://tailwindcss.com/docs/grid-column
|
|
1796
1810
|
*/
|
|
1797
1811
|
"col-start-end": [{
|
|
1798
|
-
col:
|
|
1812
|
+
col: B()
|
|
1799
1813
|
}],
|
|
1800
1814
|
/**
|
|
1801
1815
|
* Grid Column Start
|
|
@@ -1816,14 +1830,14 @@ const Jr = (r, e) => {
|
|
|
1816
1830
|
* @see https://tailwindcss.com/docs/grid-template-rows
|
|
1817
1831
|
*/
|
|
1818
1832
|
"grid-rows": [{
|
|
1819
|
-
"grid-rows":
|
|
1833
|
+
"grid-rows": p()
|
|
1820
1834
|
}],
|
|
1821
1835
|
/**
|
|
1822
1836
|
* Grid Row Start / End
|
|
1823
1837
|
* @see https://tailwindcss.com/docs/grid-row
|
|
1824
1838
|
*/
|
|
1825
1839
|
"row-start-end": [{
|
|
1826
|
-
row:
|
|
1840
|
+
row: B()
|
|
1827
1841
|
}],
|
|
1828
1842
|
/**
|
|
1829
1843
|
* Grid Row Start
|
|
@@ -2114,7 +2128,7 @@ const Jr = (r, e) => {
|
|
|
2114
2128
|
* @see https://tailwindcss.com/docs/width
|
|
2115
2129
|
*/
|
|
2116
2130
|
w: [{
|
|
2117
|
-
w: [
|
|
2131
|
+
w: [u, "screen", ...f()]
|
|
2118
2132
|
}],
|
|
2119
2133
|
/**
|
|
2120
2134
|
* Min-Width
|
|
@@ -2122,7 +2136,7 @@ const Jr = (r, e) => {
|
|
|
2122
2136
|
*/
|
|
2123
2137
|
"min-w": [{
|
|
2124
2138
|
"min-w": [
|
|
2125
|
-
|
|
2139
|
+
u,
|
|
2126
2140
|
"screen",
|
|
2127
2141
|
/** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
|
|
2128
2142
|
"none",
|
|
@@ -2135,7 +2149,7 @@ const Jr = (r, e) => {
|
|
|
2135
2149
|
*/
|
|
2136
2150
|
"max-w": [{
|
|
2137
2151
|
"max-w": [
|
|
2138
|
-
|
|
2152
|
+
u,
|
|
2139
2153
|
"screen",
|
|
2140
2154
|
"none",
|
|
2141
2155
|
/** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
|
|
@@ -2193,7 +2207,7 @@ const Jr = (r, e) => {
|
|
|
2193
2207
|
* @see https://tailwindcss.com/docs/font-weight
|
|
2194
2208
|
*/
|
|
2195
2209
|
"font-weight": [{
|
|
2196
|
-
font: [
|
|
2210
|
+
font: [a, y, $e]
|
|
2197
2211
|
}],
|
|
2198
2212
|
/**
|
|
2199
2213
|
* Font Stretch
|
|
@@ -2260,7 +2274,7 @@ const Jr = (r, e) => {
|
|
|
2260
2274
|
leading: [{
|
|
2261
2275
|
leading: [
|
|
2262
2276
|
/** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
|
|
2263
|
-
|
|
2277
|
+
c,
|
|
2264
2278
|
...N()
|
|
2265
2279
|
]
|
|
2266
2280
|
}],
|
|
@@ -2442,7 +2456,7 @@ const Jr = (r, e) => {
|
|
|
2442
2456
|
* @see https://tailwindcss.com/docs/background-repeat
|
|
2443
2457
|
*/
|
|
2444
2458
|
"bg-repeat": [{
|
|
2445
|
-
bg:
|
|
2459
|
+
bg: ue()
|
|
2446
2460
|
}],
|
|
2447
2461
|
/**
|
|
2448
2462
|
* Background Size
|
|
@@ -2832,8 +2846,8 @@ const Jr = (r, e) => {
|
|
|
2832
2846
|
// Deprecated since Tailwind CSS v4.0.0
|
|
2833
2847
|
"",
|
|
2834
2848
|
"none",
|
|
2835
|
-
|
|
2836
|
-
|
|
2849
|
+
m,
|
|
2850
|
+
He,
|
|
2837
2851
|
Fe
|
|
2838
2852
|
]
|
|
2839
2853
|
}],
|
|
@@ -2849,7 +2863,7 @@ const Jr = (r, e) => {
|
|
|
2849
2863
|
* @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
|
|
2850
2864
|
*/
|
|
2851
2865
|
"inset-shadow": [{
|
|
2852
|
-
"inset-shadow": ["none", E,
|
|
2866
|
+
"inset-shadow": ["none", E, He, Fe]
|
|
2853
2867
|
}],
|
|
2854
2868
|
/**
|
|
2855
2869
|
* Inset Box Shadow Color
|
|
@@ -2916,7 +2930,7 @@ const Jr = (r, e) => {
|
|
|
2916
2930
|
* @see https://tailwindcss.com/docs/text-shadow
|
|
2917
2931
|
*/
|
|
2918
2932
|
"text-shadow": [{
|
|
2919
|
-
"text-shadow": ["none", R,
|
|
2933
|
+
"text-shadow": ["none", R, He, Fe]
|
|
2920
2934
|
}],
|
|
2921
2935
|
/**
|
|
2922
2936
|
* Text Shadow Color
|
|
@@ -3076,7 +3090,7 @@ const Jr = (r, e) => {
|
|
|
3076
3090
|
}]
|
|
3077
3091
|
}],
|
|
3078
3092
|
"mask-image-radial-pos": [{
|
|
3079
|
-
"mask-radial-at":
|
|
3093
|
+
"mask-radial-at": h()
|
|
3080
3094
|
}],
|
|
3081
3095
|
"mask-image-conic-pos": [{
|
|
3082
3096
|
"mask-conic": [T]
|
|
@@ -3119,7 +3133,7 @@ const Jr = (r, e) => {
|
|
|
3119
3133
|
* @see https://tailwindcss.com/docs/mask-repeat
|
|
3120
3134
|
*/
|
|
3121
3135
|
"mask-repeat": [{
|
|
3122
|
-
mask:
|
|
3136
|
+
mask: ue()
|
|
3123
3137
|
}],
|
|
3124
3138
|
/**
|
|
3125
3139
|
* Mask Size
|
|
@@ -3189,7 +3203,7 @@ const Jr = (r, e) => {
|
|
|
3189
3203
|
"",
|
|
3190
3204
|
"none",
|
|
3191
3205
|
P,
|
|
3192
|
-
|
|
3206
|
+
He,
|
|
3193
3207
|
Fe
|
|
3194
3208
|
]
|
|
3195
3209
|
}],
|
|
@@ -3430,28 +3444,28 @@ const Jr = (r, e) => {
|
|
|
3430
3444
|
* @see https://tailwindcss.com/docs/rotate
|
|
3431
3445
|
*/
|
|
3432
3446
|
rotate: [{
|
|
3433
|
-
rotate:
|
|
3447
|
+
rotate: he()
|
|
3434
3448
|
}],
|
|
3435
3449
|
/**
|
|
3436
3450
|
* Rotate X
|
|
3437
3451
|
* @see https://tailwindcss.com/docs/rotate
|
|
3438
3452
|
*/
|
|
3439
3453
|
"rotate-x": [{
|
|
3440
|
-
"rotate-x":
|
|
3454
|
+
"rotate-x": he()
|
|
3441
3455
|
}],
|
|
3442
3456
|
/**
|
|
3443
3457
|
* Rotate Y
|
|
3444
3458
|
* @see https://tailwindcss.com/docs/rotate
|
|
3445
3459
|
*/
|
|
3446
3460
|
"rotate-y": [{
|
|
3447
|
-
"rotate-y":
|
|
3461
|
+
"rotate-y": he()
|
|
3448
3462
|
}],
|
|
3449
3463
|
/**
|
|
3450
3464
|
* Rotate Z
|
|
3451
3465
|
* @see https://tailwindcss.com/docs/rotate
|
|
3452
3466
|
*/
|
|
3453
3467
|
"rotate-z": [{
|
|
3454
|
-
"rotate-z":
|
|
3468
|
+
"rotate-z": he()
|
|
3455
3469
|
}],
|
|
3456
3470
|
/**
|
|
3457
3471
|
* Scale
|
|
@@ -3912,46 +3926,46 @@ const Jr = (r, e) => {
|
|
|
3912
3926
|
orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
|
|
3913
3927
|
};
|
|
3914
3928
|
}, Vt = /* @__PURE__ */ pt(jt);
|
|
3915
|
-
function
|
|
3929
|
+
function i(...r) {
|
|
3916
3930
|
return Vt(qr(r));
|
|
3917
3931
|
}
|
|
3918
3932
|
const Qe = de.forwardRef(
|
|
3919
|
-
({ className: r, variant: e = "default", size: t = "default", ...
|
|
3920
|
-
const
|
|
3933
|
+
({ className: r, variant: e = "default", size: t = "default", ...a }, n) => {
|
|
3934
|
+
const c = i(
|
|
3921
3935
|
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium",
|
|
3922
3936
|
"transition-all duration-200 ease-out",
|
|
3923
3937
|
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
|
|
3924
3938
|
"disabled:pointer-events-none disabled:opacity-50",
|
|
3925
3939
|
"active:scale-[0.98]"
|
|
3926
3940
|
), s = {
|
|
3927
|
-
default:
|
|
3941
|
+
default: i(
|
|
3928
3942
|
"bg-primary text-primary-foreground",
|
|
3929
3943
|
"hover:bg-primary/90 hover:shadow-md hover:shadow-primary/25"
|
|
3930
3944
|
),
|
|
3931
|
-
gradient:
|
|
3945
|
+
gradient: i(
|
|
3932
3946
|
"aria-gradient-bg text-white",
|
|
3933
3947
|
"hover:opacity-90 hover:shadow-lg hover:shadow-indigo-500/25"
|
|
3934
3948
|
),
|
|
3935
|
-
destructive:
|
|
3949
|
+
destructive: i(
|
|
3936
3950
|
"bg-destructive text-destructive-foreground",
|
|
3937
3951
|
"hover:bg-destructive/90 hover:shadow-md hover:shadow-destructive/25"
|
|
3938
3952
|
),
|
|
3939
|
-
outline:
|
|
3953
|
+
outline: i(
|
|
3940
3954
|
"border border-input bg-background",
|
|
3941
3955
|
"hover:bg-accent hover:text-accent-foreground hover:border-accent"
|
|
3942
3956
|
),
|
|
3943
|
-
secondary:
|
|
3957
|
+
secondary: i(
|
|
3944
3958
|
"bg-secondary text-secondary-foreground",
|
|
3945
3959
|
"hover:bg-secondary/80"
|
|
3946
3960
|
),
|
|
3947
|
-
ghost:
|
|
3961
|
+
ghost: i(
|
|
3948
3962
|
"hover:bg-accent hover:text-accent-foreground"
|
|
3949
3963
|
),
|
|
3950
|
-
link:
|
|
3964
|
+
link: i(
|
|
3951
3965
|
"text-primary underline-offset-4",
|
|
3952
3966
|
"hover:underline"
|
|
3953
3967
|
)
|
|
3954
|
-
},
|
|
3968
|
+
}, u = {
|
|
3955
3969
|
default: "h-10 px-5 py-2",
|
|
3956
3970
|
sm: "h-9 rounded-lg px-4 text-xs",
|
|
3957
3971
|
lg: "h-12 rounded-xl px-8 text-base",
|
|
@@ -3960,20 +3974,20 @@ const Qe = de.forwardRef(
|
|
|
3960
3974
|
return /* @__PURE__ */ o(
|
|
3961
3975
|
"button",
|
|
3962
3976
|
{
|
|
3963
|
-
className:
|
|
3977
|
+
className: i(c, s[e], u[t], r),
|
|
3964
3978
|
ref: n,
|
|
3965
|
-
...
|
|
3979
|
+
...a
|
|
3966
3980
|
}
|
|
3967
3981
|
);
|
|
3968
3982
|
}
|
|
3969
3983
|
);
|
|
3970
3984
|
Qe.displayName = "Button";
|
|
3971
3985
|
const Ir = de.forwardRef(
|
|
3972
|
-
({ className: r, type: e, ...t },
|
|
3986
|
+
({ className: r, type: e, ...t }, a) => /* @__PURE__ */ o(
|
|
3973
3987
|
"input",
|
|
3974
3988
|
{
|
|
3975
3989
|
type: e,
|
|
3976
|
-
className:
|
|
3990
|
+
className: i(
|
|
3977
3991
|
"flex h-9 w-full rounded-lg border border-input bg-background px-3 py-1 text-sm",
|
|
3978
3992
|
"transition-all duration-200 ease-out",
|
|
3979
3993
|
"file:border-0 file:bg-transparent file:text-sm file:font-medium",
|
|
@@ -3982,41 +3996,41 @@ const Ir = de.forwardRef(
|
|
|
3982
3996
|
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
3983
3997
|
r
|
|
3984
3998
|
),
|
|
3985
|
-
ref:
|
|
3999
|
+
ref: a,
|
|
3986
4000
|
...t
|
|
3987
4001
|
}
|
|
3988
4002
|
)
|
|
3989
4003
|
);
|
|
3990
4004
|
Ir.displayName = "Input";
|
|
3991
4005
|
function Se({ className: r, variant: e = "default", ...t }) {
|
|
3992
|
-
const
|
|
3993
|
-
default:
|
|
4006
|
+
const a = {
|
|
4007
|
+
default: i(
|
|
3994
4008
|
"border-transparent bg-primary text-white",
|
|
3995
4009
|
"shadow-sm"
|
|
3996
4010
|
),
|
|
3997
|
-
secondary:
|
|
4011
|
+
secondary: i(
|
|
3998
4012
|
"border-transparent bg-secondary text-secondary-foreground"
|
|
3999
4013
|
),
|
|
4000
|
-
destructive:
|
|
4014
|
+
destructive: i(
|
|
4001
4015
|
"border-transparent bg-destructive text-destructive-foreground"
|
|
4002
4016
|
),
|
|
4003
|
-
outline:
|
|
4017
|
+
outline: i(
|
|
4004
4018
|
"text-foreground border-border"
|
|
4005
4019
|
),
|
|
4006
|
-
success:
|
|
4020
|
+
success: i(
|
|
4007
4021
|
"border-transparent bg-emerald-600 text-white shadow-sm"
|
|
4008
4022
|
),
|
|
4009
|
-
warning:
|
|
4023
|
+
warning: i(
|
|
4010
4024
|
"border-transparent bg-amber-600 text-white shadow-sm"
|
|
4011
4025
|
)
|
|
4012
4026
|
};
|
|
4013
4027
|
return /* @__PURE__ */ o(
|
|
4014
4028
|
"div",
|
|
4015
4029
|
{
|
|
4016
|
-
className:
|
|
4030
|
+
className: i(
|
|
4017
4031
|
"inline-flex items-center rounded-lg border px-2 py-0.5 text-[10px] font-semibold",
|
|
4018
4032
|
"transition-colors duration-200",
|
|
4019
|
-
|
|
4033
|
+
a[e],
|
|
4020
4034
|
r
|
|
4021
4035
|
),
|
|
4022
4036
|
...t
|
|
@@ -4027,7 +4041,7 @@ const Pr = de.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
|
|
|
4027
4041
|
"div",
|
|
4028
4042
|
{
|
|
4029
4043
|
ref: t,
|
|
4030
|
-
className:
|
|
4044
|
+
className: i(
|
|
4031
4045
|
"rounded-lg border bg-card text-card-foreground",
|
|
4032
4046
|
"shadow-sm transition-shadow duration-200",
|
|
4033
4047
|
"hover:shadow-md",
|
|
@@ -4041,7 +4055,7 @@ const Wt = de.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
|
|
|
4041
4055
|
"div",
|
|
4042
4056
|
{
|
|
4043
4057
|
ref: t,
|
|
4044
|
-
className:
|
|
4058
|
+
className: i("flex flex-col space-y-1.5 p-6", r),
|
|
4045
4059
|
...e
|
|
4046
4060
|
}
|
|
4047
4061
|
));
|
|
@@ -4050,7 +4064,7 @@ const Ft = de.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
|
|
|
4050
4064
|
"h3",
|
|
4051
4065
|
{
|
|
4052
4066
|
ref: t,
|
|
4053
|
-
className:
|
|
4067
|
+
className: i(
|
|
4054
4068
|
"text-xl font-semibold leading-none tracking-tight",
|
|
4055
4069
|
r
|
|
4056
4070
|
),
|
|
@@ -4058,56 +4072,56 @@ const Ft = de.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
|
|
|
4058
4072
|
}
|
|
4059
4073
|
));
|
|
4060
4074
|
Ft.displayName = "CardTitle";
|
|
4061
|
-
const
|
|
4075
|
+
const Ht = de.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
|
|
4062
4076
|
"p",
|
|
4063
4077
|
{
|
|
4064
4078
|
ref: t,
|
|
4065
|
-
className:
|
|
4079
|
+
className: i("text-sm text-muted-foreground", r),
|
|
4066
4080
|
...e
|
|
4067
4081
|
}
|
|
4068
4082
|
));
|
|
4069
|
-
|
|
4070
|
-
const
|
|
4071
|
-
|
|
4083
|
+
Ht.displayName = "CardDescription";
|
|
4084
|
+
const Bt = de.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o("div", { ref: t, className: i("p-6 pt-0", r), ...e }));
|
|
4085
|
+
Bt.displayName = "CardContent";
|
|
4072
4086
|
const Ot = de.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
|
|
4073
4087
|
"div",
|
|
4074
4088
|
{
|
|
4075
4089
|
ref: t,
|
|
4076
|
-
className:
|
|
4090
|
+
className: i("flex items-center p-6 pt-0", r),
|
|
4077
4091
|
...e
|
|
4078
4092
|
}
|
|
4079
4093
|
));
|
|
4080
4094
|
Ot.displayName = "CardFooter";
|
|
4081
4095
|
const _t = ({ compact: r = !1 }) => {
|
|
4082
|
-
const { sessionState: e, triggerSession: t, theme:
|
|
4096
|
+
const { sessionState: e, triggerSession: t, theme: a } = Ce(), n = a === "dark", c = (s) => {
|
|
4083
4097
|
if (!s) return "N/A";
|
|
4084
4098
|
try {
|
|
4085
|
-
const
|
|
4086
|
-
if (
|
|
4087
|
-
const
|
|
4088
|
-
return E > 0 ? `${E}h ${
|
|
4099
|
+
const u = new Date(s), l = /* @__PURE__ */ new Date(), d = u.getTime() - l.getTime();
|
|
4100
|
+
if (d < 0) return "Expired";
|
|
4101
|
+
const m = Math.floor(d / 6e4), E = Math.floor(m / 60);
|
|
4102
|
+
return E > 0 ? `${E}h ${m % 60}m` : m > 0 ? `${m}m` : "Less than 1m";
|
|
4089
4103
|
} catch {
|
|
4090
4104
|
return "Invalid date";
|
|
4091
4105
|
}
|
|
4092
4106
|
};
|
|
4093
|
-
return r ? /* @__PURE__ */
|
|
4094
|
-
e.isSessionReady ? /* @__PURE__ */
|
|
4107
|
+
return r ? /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
|
|
4108
|
+
e.isSessionReady ? /* @__PURE__ */ g(Se, { variant: "success", className: "gap-1", children: [
|
|
4095
4109
|
/* @__PURE__ */ o(ir, { className: "h-3 w-3" }),
|
|
4096
4110
|
"Session Active"
|
|
4097
|
-
] }) : e.lastError ? /* @__PURE__ */
|
|
4111
|
+
] }) : e.lastError ? /* @__PURE__ */ g(Se, { variant: "destructive", className: "gap-1", children: [
|
|
4098
4112
|
/* @__PURE__ */ o(Ze, { className: "h-3 w-3" }),
|
|
4099
4113
|
"Error"
|
|
4100
|
-
] }) : /* @__PURE__ */
|
|
4114
|
+
] }) : /* @__PURE__ */ g(Se, { variant: "secondary", className: "gap-1", children: [
|
|
4101
4115
|
/* @__PURE__ */ o(nr, { className: "h-3 w-3" }),
|
|
4102
4116
|
"Ready"
|
|
4103
4117
|
] }),
|
|
4104
|
-
!e.isSessionReady && /* @__PURE__ */
|
|
4118
|
+
!e.isSessionReady && /* @__PURE__ */ g(
|
|
4105
4119
|
Qe,
|
|
4106
4120
|
{
|
|
4107
4121
|
variant: "outline",
|
|
4108
4122
|
size: "sm",
|
|
4109
4123
|
onClick: () => t({ userTrigger: !0 }),
|
|
4110
|
-
className:
|
|
4124
|
+
className: i(
|
|
4111
4125
|
"h-7 text-[10px] px-2.5 rounded-lg",
|
|
4112
4126
|
n ? "border-gray-700 hover:bg-gray-800 hover:border-gray-600" : "border-gray-200 hover:bg-gray-50 hover:border-gray-300"
|
|
4113
4127
|
),
|
|
@@ -4117,80 +4131,80 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4117
4131
|
]
|
|
4118
4132
|
}
|
|
4119
4133
|
)
|
|
4120
|
-
] }) : /* @__PURE__ */ o(Pr, { className:
|
|
4134
|
+
] }) : /* @__PURE__ */ o(Pr, { className: i(
|
|
4121
4135
|
"p-3 border",
|
|
4122
4136
|
n ? "bg-gray-800/50 border-gray-700/50" : "bg-gray-50 border-gray-100"
|
|
4123
|
-
), children: /* @__PURE__ */
|
|
4124
|
-
/* @__PURE__ */
|
|
4125
|
-
/* @__PURE__ */
|
|
4126
|
-
/* @__PURE__ */ o("div", { className:
|
|
4137
|
+
), children: /* @__PURE__ */ g("div", { className: "space-y-3", children: [
|
|
4138
|
+
/* @__PURE__ */ g("div", { className: "flex items-center justify-between", children: [
|
|
4139
|
+
/* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
|
|
4140
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4127
4141
|
"w-6 h-6 rounded-md flex items-center justify-center",
|
|
4128
4142
|
e.isSessionReady ? "bg-emerald-100 dark:bg-emerald-500/20" : n ? "bg-gray-800" : "bg-gray-100"
|
|
4129
|
-
), children: /* @__PURE__ */ o(nr, { className:
|
|
4143
|
+
), children: /* @__PURE__ */ o(nr, { className: i(
|
|
4130
4144
|
"h-3.5 w-3.5",
|
|
4131
4145
|
e.isSessionReady ? "text-emerald-600 dark:text-emerald-400" : n ? "text-gray-400" : "text-gray-500"
|
|
4132
4146
|
) }) }),
|
|
4133
|
-
/* @__PURE__ */ o("h3", { className:
|
|
4147
|
+
/* @__PURE__ */ o("h3", { className: i(
|
|
4134
4148
|
"text-xs font-semibold",
|
|
4135
4149
|
n ? "text-white" : "text-gray-900"
|
|
4136
4150
|
), children: "Session" })
|
|
4137
4151
|
] }),
|
|
4138
|
-
e.isSessionReady ? /* @__PURE__ */
|
|
4152
|
+
e.isSessionReady ? /* @__PURE__ */ g(Se, { variant: "success", children: [
|
|
4139
4153
|
/* @__PURE__ */ o(ir, { className: "h-3 w-3 mr-1" }),
|
|
4140
4154
|
"Active"
|
|
4141
|
-
] }) : e.lastError ? /* @__PURE__ */
|
|
4155
|
+
] }) : e.lastError ? /* @__PURE__ */ g(Se, { variant: "destructive", children: [
|
|
4142
4156
|
/* @__PURE__ */ o(Ze, { className: "h-3 w-3 mr-1" }),
|
|
4143
4157
|
"Error"
|
|
4144
4158
|
] }) : /* @__PURE__ */ o(Se, { variant: "secondary", children: "Not Started" })
|
|
4145
4159
|
] }),
|
|
4146
|
-
/* @__PURE__ */
|
|
4147
|
-
e.session_id && /* @__PURE__ */
|
|
4160
|
+
/* @__PURE__ */ g("div", { className: "space-y-2", children: [
|
|
4161
|
+
e.session_id && /* @__PURE__ */ g("div", { className: i(
|
|
4148
4162
|
"flex items-start gap-2 p-2 rounded-lg",
|
|
4149
4163
|
n ? "bg-gray-800/50 border border-gray-700/50" : "bg-white border border-gray-100"
|
|
4150
4164
|
), children: [
|
|
4151
|
-
/* @__PURE__ */ o("span", { className:
|
|
4165
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
4152
4166
|
"text-[10px] font-medium min-w-[60px] uppercase tracking-wide",
|
|
4153
4167
|
n ? "text-gray-400" : "text-gray-500"
|
|
4154
4168
|
), children: "ID" }),
|
|
4155
|
-
/* @__PURE__ */ o("span", { className:
|
|
4169
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
4156
4170
|
"text-[10px] font-mono break-all",
|
|
4157
4171
|
n ? "text-gray-300" : "text-gray-700"
|
|
4158
4172
|
), children: e.session_id })
|
|
4159
4173
|
] }),
|
|
4160
|
-
e.expires_at && /* @__PURE__ */
|
|
4174
|
+
e.expires_at && /* @__PURE__ */ g("div", { className: i(
|
|
4161
4175
|
"flex items-center gap-2 p-2 rounded-lg",
|
|
4162
4176
|
n ? "bg-gray-800/50 border border-gray-700/50" : "bg-white border border-gray-100"
|
|
4163
4177
|
), children: [
|
|
4164
|
-
/* @__PURE__ */ o(Fr, { className:
|
|
4165
|
-
/* @__PURE__ */
|
|
4178
|
+
/* @__PURE__ */ o(Fr, { className: i("h-3.5 w-3.5", n ? "text-gray-500" : "text-gray-400") }),
|
|
4179
|
+
/* @__PURE__ */ g("span", { className: i("text-xs", n ? "text-gray-400" : "text-gray-600"), children: [
|
|
4166
4180
|
"Expires in: ",
|
|
4167
|
-
/* @__PURE__ */ o("span", { className: "font-medium", children:
|
|
4181
|
+
/* @__PURE__ */ o("span", { className: "font-medium", children: c(e.expires_at) })
|
|
4168
4182
|
] })
|
|
4169
4183
|
] }),
|
|
4170
|
-
e.lastError && /* @__PURE__ */
|
|
4184
|
+
e.lastError && /* @__PURE__ */ g("div", { className: i(
|
|
4171
4185
|
"flex items-start gap-3 p-3 rounded-xl border",
|
|
4172
4186
|
n ? "bg-red-950/30 border-red-900/50" : "bg-red-50 border-red-100"
|
|
4173
4187
|
), children: [
|
|
4174
4188
|
/* @__PURE__ */ o("div", { className: "w-6 h-6 rounded-lg bg-red-500 flex items-center justify-center shrink-0", children: /* @__PURE__ */ o(Ze, { className: "h-3.5 w-3.5 text-white" }) }),
|
|
4175
|
-
/* @__PURE__ */
|
|
4176
|
-
/* @__PURE__ */ o("p", { className:
|
|
4189
|
+
/* @__PURE__ */ g("div", { className: "flex-1 min-w-0", children: [
|
|
4190
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
4177
4191
|
"text-xs font-medium mb-0.5",
|
|
4178
4192
|
n ? "text-red-300" : "text-red-800"
|
|
4179
4193
|
), children: "Connection Error" }),
|
|
4180
|
-
/* @__PURE__ */ o("p", { className:
|
|
4194
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
4181
4195
|
"text-[11px] leading-relaxed break-words",
|
|
4182
4196
|
n ? "text-red-400" : "text-red-600"
|
|
4183
4197
|
), children: e.lastError })
|
|
4184
4198
|
] })
|
|
4185
4199
|
] })
|
|
4186
4200
|
] }),
|
|
4187
|
-
!e.isSessionReady && /* @__PURE__ */
|
|
4201
|
+
!e.isSessionReady && /* @__PURE__ */ g(
|
|
4188
4202
|
Qe,
|
|
4189
4203
|
{
|
|
4190
4204
|
variant: "outline",
|
|
4191
4205
|
size: "sm",
|
|
4192
4206
|
onClick: () => t({ userTrigger: !0 }),
|
|
4193
|
-
className:
|
|
4207
|
+
className: i(
|
|
4194
4208
|
"w-full",
|
|
4195
4209
|
n ? "border-gray-700 hover:bg-gray-800 hover:border-gray-600" : "border-gray-200 hover:bg-gray-50 hover:border-gray-300"
|
|
4196
4210
|
),
|
|
@@ -4202,22 +4216,22 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4202
4216
|
)
|
|
4203
4217
|
] }) });
|
|
4204
4218
|
}, Lt = () => {
|
|
4205
|
-
const { chatMessages: r, sendMessage: e, isConnected: t, theme:
|
|
4206
|
-
|
|
4219
|
+
const { chatMessages: r, sendMessage: e, isConnected: t, theme: a } = Ce(), [n, c] = z(""), [s, u] = z(!1), l = Y(null), d = a === "dark", m = () => {
|
|
4220
|
+
l.current?.scrollIntoView({ behavior: "smooth" });
|
|
4207
4221
|
};
|
|
4208
4222
|
X(() => {
|
|
4209
|
-
|
|
4223
|
+
m();
|
|
4210
4224
|
}, [r]);
|
|
4211
4225
|
const E = async () => {
|
|
4212
4226
|
if (!n.trim() || !t || s) return;
|
|
4213
4227
|
const k = n.trim();
|
|
4214
|
-
|
|
4228
|
+
c(""), u(!0);
|
|
4215
4229
|
try {
|
|
4216
4230
|
await e(k);
|
|
4217
4231
|
} catch (j) {
|
|
4218
|
-
console.error("Failed to send message:", j),
|
|
4232
|
+
console.error("Failed to send message:", j), c(k);
|
|
4219
4233
|
} finally {
|
|
4220
|
-
|
|
4234
|
+
u(!1);
|
|
4221
4235
|
}
|
|
4222
4236
|
}, R = (k) => {
|
|
4223
4237
|
k.key === "Enter" && !k.shiftKey && (k.preventDefault(), E());
|
|
@@ -4225,53 +4239,53 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4225
4239
|
hour: "2-digit",
|
|
4226
4240
|
minute: "2-digit"
|
|
4227
4241
|
});
|
|
4228
|
-
return /* @__PURE__ */
|
|
4242
|
+
return /* @__PURE__ */ g("div", { className: i(
|
|
4229
4243
|
"flex flex-col h-full",
|
|
4230
|
-
|
|
4244
|
+
d ? "bg-gray-950" : "bg-white"
|
|
4231
4245
|
), children: [
|
|
4232
|
-
/* @__PURE__ */ o("div", { className:
|
|
4246
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4233
4247
|
"px-4 py-3 border-b",
|
|
4234
|
-
|
|
4235
|
-
), children: /* @__PURE__ */
|
|
4236
|
-
/* @__PURE__ */
|
|
4237
|
-
/* @__PURE__ */ o("div", { className:
|
|
4248
|
+
d ? "border-gray-800 bg-gray-900" : "border-gray-100 bg-white"
|
|
4249
|
+
), children: /* @__PURE__ */ g("div", { className: "flex items-center justify-between gap-3", children: [
|
|
4250
|
+
/* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
|
|
4251
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4238
4252
|
"w-7 h-7 rounded-lg flex items-center justify-center",
|
|
4239
|
-
|
|
4240
|
-
), children: /* @__PURE__ */ o(
|
|
4253
|
+
d ? "bg-indigo-900/30" : "bg-indigo-100"
|
|
4254
|
+
), children: /* @__PURE__ */ o(Be, { className: i(
|
|
4241
4255
|
"w-4 h-4",
|
|
4242
|
-
|
|
4256
|
+
d ? "text-indigo-400" : "text-indigo-600"
|
|
4243
4257
|
) }) }),
|
|
4244
|
-
/* @__PURE__ */ o("h3", { className:
|
|
4258
|
+
/* @__PURE__ */ o("h3", { className: i(
|
|
4245
4259
|
"font-bold text-sm",
|
|
4246
|
-
|
|
4260
|
+
d ? "text-white" : "text-gray-900"
|
|
4247
4261
|
), children: "Chat with Aria" })
|
|
4248
4262
|
] }),
|
|
4249
4263
|
/* @__PURE__ */ o(_t, { compact: !0 })
|
|
4250
4264
|
] }) }),
|
|
4251
|
-
/* @__PURE__ */
|
|
4265
|
+
/* @__PURE__ */ g("div", { className: i(
|
|
4252
4266
|
"flex-1 overflow-y-auto p-4 space-y-4",
|
|
4253
|
-
|
|
4267
|
+
d ? "bg-gray-900/30" : "bg-gray-50/30"
|
|
4254
4268
|
), children: [
|
|
4255
|
-
r.length === 0 ? /* @__PURE__ */
|
|
4256
|
-
/* @__PURE__ */ o("div", { className:
|
|
4269
|
+
r.length === 0 ? /* @__PURE__ */ g("div", { className: "flex flex-col items-center justify-center h-full text-center px-4 aria-animate-fade-in", children: [
|
|
4270
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4257
4271
|
"rounded-2xl p-6 mb-4",
|
|
4258
|
-
|
|
4259
|
-
), children: /* @__PURE__ */ o(Ee, { className:
|
|
4272
|
+
d ? "bg-gradient-to-br from-indigo-900/20 to-purple-900/20" : "bg-gradient-to-br from-indigo-50 to-purple-50"
|
|
4273
|
+
), children: /* @__PURE__ */ o(Ee, { className: i(
|
|
4260
4274
|
"h-8 w-8",
|
|
4261
|
-
|
|
4275
|
+
d ? "text-indigo-400" : "text-indigo-500"
|
|
4262
4276
|
) }) }),
|
|
4263
|
-
/* @__PURE__ */ o("p", { className:
|
|
4277
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
4264
4278
|
"text-sm font-bold mb-1",
|
|
4265
|
-
|
|
4279
|
+
d ? "text-white" : "text-gray-900"
|
|
4266
4280
|
), children: "Let's talk!" }),
|
|
4267
|
-
/* @__PURE__ */ o("p", { className:
|
|
4281
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
4268
4282
|
"text-xs",
|
|
4269
|
-
|
|
4283
|
+
d ? "text-gray-400" : "text-gray-500"
|
|
4270
4284
|
), children: "Aria is here to chat with you" })
|
|
4271
|
-
] }) : r.filter((k) => k.content && k.content.trim() !== "").map((k, j) => /* @__PURE__ */
|
|
4285
|
+
] }) : r.filter((k) => k.content && k.content.trim() !== "").map((k, j) => /* @__PURE__ */ g(
|
|
4272
4286
|
"div",
|
|
4273
4287
|
{
|
|
4274
|
-
className:
|
|
4288
|
+
className: i(
|
|
4275
4289
|
"flex gap-2 aria-animate-fade-in",
|
|
4276
4290
|
k.role === "user" ? "flex-row-reverse" : "flex-row"
|
|
4277
4291
|
),
|
|
@@ -4280,17 +4294,17 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4280
4294
|
/* @__PURE__ */ o(
|
|
4281
4295
|
"div",
|
|
4282
4296
|
{
|
|
4283
|
-
className:
|
|
4297
|
+
className: i(
|
|
4284
4298
|
"shrink-0 w-6 h-6 rounded-full flex items-center justify-center",
|
|
4285
|
-
k.role === "user" ? "bg-indigo-500 text-white" :
|
|
4299
|
+
k.role === "user" ? "bg-indigo-500 text-white" : d ? "bg-gray-700 text-gray-300" : "bg-gray-200 text-gray-600"
|
|
4286
4300
|
),
|
|
4287
|
-
children: k.role === "user" ? /* @__PURE__ */ o(
|
|
4301
|
+
children: k.role === "user" ? /* @__PURE__ */ o(hr, { className: "h-3 w-3" }) : /* @__PURE__ */ o(mr, { className: "h-3 w-3" })
|
|
4288
4302
|
}
|
|
4289
4303
|
),
|
|
4290
|
-
/* @__PURE__ */
|
|
4304
|
+
/* @__PURE__ */ g(
|
|
4291
4305
|
"div",
|
|
4292
4306
|
{
|
|
4293
|
-
className:
|
|
4307
|
+
className: i(
|
|
4294
4308
|
"flex flex-col max-w-[80%]",
|
|
4295
4309
|
k.role === "user" ? "items-end" : "items-start"
|
|
4296
4310
|
),
|
|
@@ -4298,19 +4312,19 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4298
4312
|
/* @__PURE__ */ o(
|
|
4299
4313
|
"div",
|
|
4300
4314
|
{
|
|
4301
|
-
className:
|
|
4315
|
+
className: i(
|
|
4302
4316
|
"px-3 py-2 rounded-2xl",
|
|
4303
|
-
k.role === "user" ? "bg-indigo-500 text-white rounded-br-md" :
|
|
4317
|
+
k.role === "user" ? "bg-indigo-500 text-white rounded-br-md" : d ? "bg-gray-800 text-gray-100 rounded-bl-md" : "bg-white shadow-sm text-gray-800 rounded-bl-md"
|
|
4304
4318
|
),
|
|
4305
|
-
children: /* @__PURE__ */ o("p", { className:
|
|
4319
|
+
children: /* @__PURE__ */ o("p", { className: i(
|
|
4306
4320
|
"text-xs leading-relaxed break-words",
|
|
4307
4321
|
k.role === "user" && "text-white"
|
|
4308
4322
|
), children: k.content })
|
|
4309
4323
|
}
|
|
4310
4324
|
),
|
|
4311
|
-
/* @__PURE__ */ o("span", { className:
|
|
4325
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
4312
4326
|
"text-[9px] mt-1 px-1",
|
|
4313
|
-
|
|
4327
|
+
d ? "text-gray-500" : "text-gray-400"
|
|
4314
4328
|
), children: P(k.timestamp) })
|
|
4315
4329
|
]
|
|
4316
4330
|
}
|
|
@@ -4319,26 +4333,26 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4319
4333
|
},
|
|
4320
4334
|
j
|
|
4321
4335
|
)),
|
|
4322
|
-
/* @__PURE__ */ o("div", { ref:
|
|
4336
|
+
/* @__PURE__ */ o("div", { ref: l })
|
|
4323
4337
|
] }),
|
|
4324
|
-
/* @__PURE__ */ o("div", { className:
|
|
4338
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4325
4339
|
"p-3 border-t",
|
|
4326
|
-
|
|
4327
|
-
), children: /* @__PURE__ */
|
|
4340
|
+
d ? "border-gray-800 bg-gray-900" : "border-gray-100 bg-white"
|
|
4341
|
+
), children: /* @__PURE__ */ g("div", { className: i(
|
|
4328
4342
|
"flex gap-2 p-1 rounded-lg border transition-all duration-200",
|
|
4329
|
-
|
|
4343
|
+
d ? "bg-gray-850 border-gray-700 focus-within:border-primary/50" : "bg-gray-50 border-gray-200 focus-within:border-primary/50 focus-within:bg-white"
|
|
4330
4344
|
), children: [
|
|
4331
4345
|
/* @__PURE__ */ o(
|
|
4332
4346
|
Ir,
|
|
4333
4347
|
{
|
|
4334
4348
|
value: n,
|
|
4335
|
-
onChange: (k) =>
|
|
4349
|
+
onChange: (k) => c(k.target.value),
|
|
4336
4350
|
onKeyDown: R,
|
|
4337
4351
|
placeholder: t ? "Message Aria..." : "Connecting...",
|
|
4338
4352
|
disabled: !t || s,
|
|
4339
|
-
className:
|
|
4353
|
+
className: i(
|
|
4340
4354
|
"flex-1 border-0 bg-transparent shadow-none focus-visible:ring-0 px-2 h-8 text-xs",
|
|
4341
|
-
|
|
4355
|
+
d ? "placeholder:text-gray-500" : "placeholder:text-gray-400"
|
|
4342
4356
|
)
|
|
4343
4357
|
}
|
|
4344
4358
|
),
|
|
@@ -4348,7 +4362,7 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4348
4362
|
onClick: E,
|
|
4349
4363
|
disabled: !t || !n.trim() || s,
|
|
4350
4364
|
size: "icon",
|
|
4351
|
-
className:
|
|
4365
|
+
className: i(
|
|
4352
4366
|
"h-7 w-7 rounded-md shrink-0 transition-all duration-200",
|
|
4353
4367
|
"bg-primary hover:bg-primary/90 disabled:opacity-40"
|
|
4354
4368
|
),
|
|
@@ -4357,40 +4371,40 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4357
4371
|
)
|
|
4358
4372
|
] }) })
|
|
4359
4373
|
] });
|
|
4360
|
-
},
|
|
4374
|
+
}, Me = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAACQAAAAAQAAAJAAAAABAAOShgAHAAAAEgAAAHigAgAEAAAAAQAAAMigAwAEAAAAAQAAAJkAAAAAQVNDSUkAAABTY3JlZW5zaG90/+0AOFBob3Rvc2hvcCAzLjAAOEJJTQQEAAAAAAAAOEJJTQQlAAAAAAAQ1B2M2Y8AsgTpgAmY7PhCfv/iAihJQ0NfUFJPRklMRQABAQAAAhhhcHBsBAAAAG1udHJSR0IgWFlaIAfmAAEAAQAAAAAAAGFjc3BBUFBMAAAAAEFQUEwAAAAAAAAAAAAAAAAAAAAAAAD21gABAAAAANMtYXBwbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmRlc2MAAAD8AAAAMGNwcnQAAAEsAAAAUHd0cHQAAAF8AAAAFHJYWVoAAAGQAAAAFGdYWVoAAAGkAAAAFGJYWVoAAAG4AAAAFHJUUkMAAAHMAAAAIGNoYWQAAAHsAAAALGJUUkMAAAHMAAAAIGdUUkMAAAHMAAAAIG1sdWMAAAAAAAAAAQAAAAxlblVTAAAAFAAAABwARABpAHMAcABsAGEAeQAgAFAAM21sdWMAAAAAAAAAAQAAAAxlblVTAAAANAAAABwAQwBvAHAAeQByAGkAZwBoAHQAIABBAHAAcABsAGUAIABJAG4AYwAuACwAIAAyADAAMgAyWFlaIAAAAAAAAPbVAAEAAAAA0yxYWVogAAAAAAAAg98AAD2/////u1hZWiAAAAAAAABKvwAAsTcAAAq5WFlaIAAAAAAAACg4AAARCwAAyLlwYXJhAAAAAAADAAAAAmZmAADypwAADVkAABPQAAAKW3NmMzIAAAAAAAEMQgAABd7///MmAAAHkwAA/ZD///ui///9owAAA9wAAMBu/8AAEQgAmQDIAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMABAQEBAQEBgQEBgkGBgYJDAkJCQkMDwwMDAwMDxIPDw8PDw8SEhISEhISEhUVFRUVFRkZGRkZHBwcHBwcHBwcHP/bAEMBBAUFBwcHDAcHDB0UEBQdHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHf/dAAQADf/aAAwDAQACEQMRAD8A98/sPRP+gda/9+Y//iaP7D0T/oHWv/fmP/4mtKlzQcZl/wBiaL/0DrX/AL8x/wDxNJ/Ymif9A61/78x//E1qUUBcy/7D0T/oHWv/AH5j/wDiaP7D0T/oHWv/AH5j/wDia1KTNAXZmf2Hon/QOtf+/Mf/AMTR/YmiD/mHWv8A35T/AOJrTzRQK5l/2Jov/QOtf+/Mf/xNJ/Ymif8AQOtf+/Mf/wATWpXM+K/FOm+EtKk1TUm4Hyxxj7zt2AoC5oHRdE6nT7X/AL8x/wDxNU57TwtaoXuLaxjVeSWjiH9K+PvEvxe8R6/cMkcpsrQ8eVCTkj3auLuLyS7iM0sr59Cc/wA6Tdhn2jL4g+HEUnlM+nFvaOM/0pLbxB8NruQRQyadvPABjjB/UV8UWEUs0c02SUiA6+5rKu7l/MIjGB61Kld2HayP0STSdClUPHY2jqehEUZH8qd/Yui/9A+1/wC/Kf8AxNfB3h/x34p8OSq2n3biNesTnchH+6en4Yr6u+HvxMs/GKGzu0FrqKDOwH5ZB3K/TuKsi56F/Yui/wDQPtf+/Kf/ABNJ/Yui/wDQPtf+/Kf/ABNadJmgZm/2Lov/AED7X/vyn+FJ/Yui/wDQPtf+/Kf/ABNaVFAjM/sXRf8AoH2v/flP/iaadG0X/oH2v/flP/ia0ic0lAzN/sXRv+gfbf8AflP8KT+xtF/6B9t/35T/AArSJpKAM3+xdG/6B9t/35T/AApP7F0b/oH23/flP8K06KBn/9D6OzRTaKDiHUlJRQMXNJRRQIKKKSgBrMqqWYhVAySewr4S+KnjGbxX4klMTYsbQmK3QH7wB5f/AIEefpX1t8SNS/svwVqlwp2u8XlKQcHLkD+Wa+NvCnh5Ndvx5gPluc5rOpNQV2XCDnJRRyun6bf3r/6PEzjI6DJrubfwV4hvV2pbMiercV9F6L4f0zSY1htIlXHU45NdKYwvAFeW8VKWx68cDFfEz5y0/wAE6lZwS290uRKB932rgte8LalZSM32eQqTwQDivrySNSTWdeRRmPDgH61isRNO5tLCQcbI+IngurcjfGy/WtnQtZn0jUYNRt3KS27h1I9R2Psehr3nW9OsrxHjeJeM4IFfPupaabO6kVOgJx9K9ChiFU3PLxGGdPY/QPw1r1r4l0S11m0+7OvzL3Vhwyn6Gt3OK+VvgLrrx6hdaG8h8q4QyohP/LRMZI+q9fpX1Lmu44x26kJzTc0ZoAM0mTSZozQAtJmkzSZoAWim80UDP//R+jKKKM0HEFFJmjNAwzSZoooEGaKKaTQM8O+PV95Hha3ss4+0z5z2wg/+vXlPwxVXy6jlBjPua779oBwdO0y3cfKzyNu9GAFc98P9Pj0vQk1Cc4EoMhPotcGMfuWO3Bq9S569bg4rXRGKHPpXkk3jHV4SZrXS2aAdC/BPviprb4jalORDcaeYkzjK815sYWV2e17RN2R38pGSB1rFvS5X2pW1FPL85uMjNeV6x47vkuJIbO0LBTjce9ZRi5OyNZNQV2bepKVV/evFPFcBT98B7GuybWvE93mRreNV9GOKrPENThZbmLYx4Knnn2NdNJODu2cNdqcbWOY+G2rf2P4psb1zhBKFc/7L/Kf5195jkA1+bluk/wDaaWttnzGmCL9d3H61+jsBYwRmT72xd31xzXuJng2Js0maTNJTAXNGaSkoAXIpM+lJRmgAopM0lAH/0voqim7qN1BxjqKbupCaBD6KZk0Ek0AKabRTSe1AHhnxy2yaHbW/lbnLllf0HGf6VieEwV8JWCY3MI+/sTXf/EO4h8q0sZQGaZn2Ke5CmuP8P7rbSrdJE2kbhjt1NeTjJO9j3cBSTSmvQ4TV5tfkuLiMLgxqHUN3GeijvxUPhJNYvJ0W8RVLsw4GCAOma9qbSYNRUO65xVi20ew06J5Ykw/r3rkv7trHc4tTu38jm9chW20R5F/1icV53a6XO1uswx5kkbuJHGVUj7ox6sfyFek+IlaTTHRefmBx7Cue0OSK6ga3OGCnBFZRfK7lyi3oeLSxa9JveaYmTf8AKmB0/Ct6yiuYcedxnsfWvUbjTNPizJsGR3ritRmV51RR0PFbe1cnsY/V+VN3PImgaz1q5uF4MLswz256190eFtT/ALX0CyvictJEhb67RmviDX0khur+6z+6kOwe7HAI/Cvqb4OXZufBlujHJiJX8M8V69F31PCrxUbRPWaTNNzQTXScouaQmmlqYWoAeSO9JuqIsKYWoFcm3Ub6g3UbxQFz/9P6EBp2ahBp1BxklFR0UAPyKTdTaKAFJNNJoNIaAPnj42389jf6LcQHBhLSge6kVvqbeawgubf7kyrJj03DNch8edwv9HHQOkq/qK4zwL4inkuhodzKWRbfbCCeAYjnj6gn8q83Fxum0erga3K+V9T3fTr/AOz9elQXF9cXdxIsQzGo3EDqcVy7yXHlMIjl8cVFbarFo48mcyPIfvvjgn0FeUpuS5T6FpXv1Ket+MAmnkNbPEeQA64ziuL8L+Im/tBXMZjSbIkB4wexrodX8WafNxNbmRY84DD7xIxXEnWLSFd4tWQk9MfyrdU3bYmcZR957Ho+r3+4HYRiuCMxkugc96vQRyXdnPdvuiGAyq1c8JVty0sjfLGCxPsKinvYxrT904rxTeFmjtBjG95Dj0JwP619KfAebd4bniz92Ukf5/Gvj2e8e8lMr4HUAD0JJ/rX1X+z5MZNK1GP/nnIp/76H/1q9ynHlSR8vVnzycj6KJAphOaaTTGatzC44tUZao2cVXaSgROZKjMvvVN5agaWgC/5gFHmj1rMM3fNJ51AH//U9/Bp+aiFPoOMdmim0UAOoptFAgJpDSGigD5g/aFk8u40dgedkp/Va+Z7PVrjTNRhv7dsPC4YfnyD9RX0N+0Xcg6jpNqOscEjn/gTAD+VfMEiuTuI4PA96hwTbuWpNbH1taaoLm1t7tAUFxGsi59DXRoEvbQwuoYHrWdp2iq/hmws34lggjAPcHaM1iJqd3ok/l3iHYD97sa+ZcfevE+rjVaS5ipqmi6ur/6LHvQfdzjisFNBvFuPtOoYG3k5Oa7668ZWbQhVwTXBar4gNyGSLgN1rXnqPQ6Kla8feZn3erSfvIkb5HPH4V5v4n1pkU6ZASGbBkPsecf411i/O+T2rzPxPxrM+e4Uj8hXfhacec8LF1XyaGVE2K+rP2dplNvrMGeQYm/D5hXyUjYP1r6a/Z4n26jqkWeGhU/k1eozx0fVjNUDvQ7VUkemSK8mOKpyS0ySTFUJJsUATPN71VefHeqUs9UHnPrSuBqm5FN+0isJrg0z7TSuM//V99FLUYPNPoOIdmjNJRQAuaM0lJmgANNJxmmSSLGpd2CqvJJOAPqa8z8V/FPw34eVraGX7ddspISEgqvpubp17CiwjwT44XKah40S1UnbaWyK59ySxx+eK858O6Vb6r4j0+0nwIVYuV/vbOQPxqXX9Zn13U7jVLkASTtuIHQAdAPpWVY30mm6ha38fWCQN+GeaVWL9nJLc1pNc65tj7Et9u3FVr6ytrpdkyBgexqtYXkd3aRXUJykqhh+NWHlBGTXzCXc+nWp5nrnhKKLdNZMR321wM1rLCxWQHIr266feSM8Vyd3pscpdmH41rGXczlBHmxYopZRkjtXBeLYSLyO5x8siBT9RXpWoQeQ5Velc1qFst3GYZE356D37V2UJ8skzgrw5otHmKgFgK+h/gO3keIbuPPEsA/9Crxu60JrGdGzlD1B9e9eg/DDUl0vxfaeYwSObdExPA+YcfqBXsWurnj7H2m7ACqEr4qZ2zVGZqQitLJisuaWp55KyZpOalgRyynmqEktEslZ8klQ2Ow95qj841UZ6Z5gqLsZ/9b3ing5qPNOBxQcI+imZNeZ+LfihoPhyKSC2kF7fLlRGh+VSP7zf0FOwM9BvtT0/TIftGoXEdtH/ekYDP09a8s1j41eFdPZorFZL5x3X5U/M8/pXzB4k8Wav4mvWu9TnLnnao4VB6KO1cmZDuq1HuFzt/F/xH8QeLb1knmMFop+WCMkKB7+p9zXFmQs2T1bn8BWchzcOO/FXF+8SeMcCq9BDmbBqOT50OO1E0scY3OcAVgXGpSM22H5V/nQxo+kfhprRnsjpcxy0PKZ9DXp118seSOtfHOkeJNU0ieO9s3CupzjHBHoa+m/A/j7RPGBTSdQQ2uokZAB+STHXaT0PtXiVcHLmvE9ili4pWkaSo8r8Dg1W1CEwQe5rub+wg05d9vGXA9TkVlQWsWuEb0ZFXqF/wAayeGnsb/W6bPIP7OlvrjYqliTgADNdbZeB/L+eZczt0Xrt/8Ar113iPUtG8B6K1+8S+e/yxR/xO3164HU15lafGbTZbaRtTtHt9o+UQnIc/U8iuyjhuXWR59bEc2kUcd8QrSDS72Cyj6rGXY+pY4H8q8xSZhJuU4NbninxJL4n1SXVMBEfCog/hVRgCuegXLZNemlZWOA+ifB3xZS0sI9O8RiSUx4WOdeTtA6MD1I9a9U0/xToet/Lpt0sj4zsPDfka+LpW2JkdiKsWWoXNjOlzayGOSM5VlOCDQ4gfZ879TWTM9eX+H/AImw3Kra658j9BMo4P8AvD+tegfaYbiITW7iSNuQynIrCSaBEc0nWs93qSVupqi7c1ztlis+aZuqIvSb6QH/1/dqKbRQcRyvjfxBH4b8NXmosR5hUxRD1kcYH5dfwr4PuZyZyC2c85PrX0H8edZZrqw0RG+WJDO4/wBp+B+QH6183XGSN1bJWRL1HSHBxUIOW5qPeXTnqKchyc0DKbSGO7O04JFUZLi8LkK55qxdHFyp9qkVRkGgCB7Vmh3SsWcjNVY7ZWi8wnJrcYArVCNdrvF2PIotqA8RoUAxxiiES2sqXFu7I8Z3KV4II75qVBxtoAI602gPpfwn4vuNc8PSfa3LXEAALdz2r0/wvbSw2IlumJMhyOe1fNfw2WSe9kskPyyMmR68/wD1q9t+JnihPDPhia2tH23U0flJjqu7gn8s1zcvvWNLnzR8TvEsmu+K75o5zLa27mGEZ+UKvBx9Tk1w15qTXLtJsVAQFCgcAD0quI3kOaGtyeK25bk3K8E5hf8A2T1FdBbuGwQc1jC2UGriho8eWdtWkJmtPzE49qowyb0Dd+9V2urlMq2DxUNs5ViG6GjqFjVDYrqvDnii70W4C7i9u5w8ZPH1Hoa5EcikB5oaT3EfT0F7BfW6XVs2+OQZBqN2rxvwr4kbS5/styc20p5/2T6j+teu+YrgOpDK3II6GuGcOVlpgTRmoyaM1FgP/9D2j7fYf8/MP/fxf8aPt9h/z8w/9/F/xr80aKDH2Z618VtVj1HxlqDpIrJE4iUggjCADj8c15m0iMuNw/OuRuf9c/1NV6vmJ9l5nVK65bkfnViNkCZ3D864unCjmD2Xmbt4wMqkEVaRkwpyOlcoetOFNSH7PzOwLrtHI/OqkpCOsgI4PPPrXN0hocg9n5nWBl7EfnTiycciuRoo5hez8z6J+EUluviBnuJESOJPMJZgPug+tVfipqX9o/ZZ2dT9rkkkUAg4jTCIP5mvDLP77fSkufux/Q/zqPtXH7PTc2FCr0Ipp28nIrnqKvmD2Xmb6lSc5FTAqO4/OuZFBp8wvZ+Zu5BnzkVMSnA4rnO9LS5h+y8zpQy+opscgLHkVzlIKOcPZeZ0jzKh6ivUPAusCezmtZ5APKYMm4j7p4/mK8KarNt1NTN3Vhqn5n1GbmHr5qf99D/Gj7VD/wA9U/76H+NfMxpK5+TzH7M//9k=", Ut = ({ onClose: r, isMinimized: e = !1 }) => {
|
|
4361
4375
|
const {
|
|
4362
4376
|
isConnected: t,
|
|
4363
|
-
isLoading:
|
|
4377
|
+
isLoading: a,
|
|
4364
4378
|
isChatVisible: n,
|
|
4365
|
-
isMuted:
|
|
4379
|
+
isMuted: c,
|
|
4366
4380
|
liveTranscript: s,
|
|
4367
|
-
error:
|
|
4368
|
-
toggleChat:
|
|
4369
|
-
toggleMute:
|
|
4370
|
-
displayMode:
|
|
4381
|
+
error: u,
|
|
4382
|
+
toggleChat: l,
|
|
4383
|
+
toggleMute: d,
|
|
4384
|
+
displayMode: m,
|
|
4371
4385
|
theme: E,
|
|
4372
4386
|
setVideoElement: R,
|
|
4373
4387
|
isSessionPreloaded: P,
|
|
4374
4388
|
refreshSession: k,
|
|
4375
4389
|
minimizeAssistant: j,
|
|
4376
|
-
maximizeAssistant:
|
|
4390
|
+
maximizeAssistant: H,
|
|
4377
4391
|
toolCallState: W
|
|
4378
|
-
} =
|
|
4392
|
+
} = Ce(), U = Y(null), V = Y(null);
|
|
4379
4393
|
X(() => {
|
|
4380
4394
|
V.current && (V.current.scrollTop = V.current.scrollHeight);
|
|
4381
4395
|
}, [s]), X(() => (U.current && (console.log("[AriaWidget] Registering video element, preloaded:", P, "minimized:", e), R(U.current)), () => {
|
|
4382
4396
|
R(null);
|
|
4383
4397
|
}), [R, P, e]);
|
|
4384
|
-
const
|
|
4398
|
+
const h = E === "dark", L = m === "bottom-right", q = m === "center";
|
|
4385
4399
|
return e ? /* @__PURE__ */ o(
|
|
4386
4400
|
"div",
|
|
4387
4401
|
{
|
|
4388
|
-
className:
|
|
4402
|
+
className: i(
|
|
4389
4403
|
"aria-assistant-container flex flex-col overflow-hidden aria-animate-scale-in",
|
|
4390
|
-
|
|
4404
|
+
h && "aria-dark",
|
|
4391
4405
|
"shadow-2xl rounded-xl",
|
|
4392
|
-
!
|
|
4393
|
-
|
|
4406
|
+
!h && "bg-white/95 border border-gray-200/80",
|
|
4407
|
+
h && "bg-gray-950/95 border border-gray-800/50",
|
|
4394
4408
|
"fixed bottom-6 right-6",
|
|
4395
4409
|
"w-[320px] h-[240px]"
|
|
4396
4410
|
),
|
|
@@ -4399,9 +4413,9 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4399
4413
|
backdropFilter: "blur(8px)",
|
|
4400
4414
|
WebkitBackdropFilter: "blur(8px)"
|
|
4401
4415
|
},
|
|
4402
|
-
children: /* @__PURE__ */
|
|
4416
|
+
children: /* @__PURE__ */ g("div", { className: i(
|
|
4403
4417
|
"relative flex-1 flex items-center justify-center overflow-hidden",
|
|
4404
|
-
|
|
4418
|
+
h ? "bg-gradient-to-br from-gray-900 to-black" : "bg-gradient-to-br from-gray-100 to-gray-50"
|
|
4405
4419
|
), children: [
|
|
4406
4420
|
/* @__PURE__ */ o(
|
|
4407
4421
|
"video",
|
|
@@ -4412,63 +4426,63 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4412
4426
|
className: "w-full h-full object-cover"
|
|
4413
4427
|
}
|
|
4414
4428
|
),
|
|
4415
|
-
W.isActive && t && /* @__PURE__ */
|
|
4429
|
+
W.isActive && t && /* @__PURE__ */ g(
|
|
4416
4430
|
"div",
|
|
4417
4431
|
{
|
|
4418
|
-
className:
|
|
4432
|
+
className: i(
|
|
4419
4433
|
"absolute top-3 left-3 aria-animate-fade-in z-20",
|
|
4420
4434
|
"flex items-center gap-2 px-3 py-2 rounded-lg",
|
|
4421
4435
|
"shadow-lg",
|
|
4422
|
-
|
|
4436
|
+
h ? "bg-amber-900/30 border border-amber-700/50" : "bg-amber-50 border border-amber-200"
|
|
4423
4437
|
),
|
|
4424
4438
|
style: { backdropFilter: "blur(8px)" },
|
|
4425
4439
|
children: [
|
|
4426
|
-
/* @__PURE__ */ o("div", { className:
|
|
4440
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4427
4441
|
"w-5 h-5 rounded-full flex items-center justify-center",
|
|
4428
|
-
|
|
4429
|
-
), children: /* @__PURE__ */ o(Oe, { className:
|
|
4442
|
+
h ? "bg-amber-800/50" : "bg-amber-100"
|
|
4443
|
+
), children: /* @__PURE__ */ o(Oe, { className: i(
|
|
4430
4444
|
"w-3 h-3 animate-pulse",
|
|
4431
|
-
|
|
4445
|
+
h ? "text-amber-400" : "text-amber-600"
|
|
4432
4446
|
) }) }),
|
|
4433
|
-
/* @__PURE__ */ o("span", { className:
|
|
4447
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
4434
4448
|
"text-[10px] font-semibold",
|
|
4435
|
-
|
|
4449
|
+
h ? "text-amber-200" : "text-amber-800"
|
|
4436
4450
|
), children: W.toolName ? W.toolName.replace(/_/g, " ") : "Processing..." })
|
|
4437
4451
|
]
|
|
4438
4452
|
}
|
|
4439
4453
|
),
|
|
4440
|
-
t && !
|
|
4454
|
+
t && !u && /* @__PURE__ */ g(
|
|
4441
4455
|
"div",
|
|
4442
4456
|
{
|
|
4443
|
-
className:
|
|
4457
|
+
className: i(
|
|
4444
4458
|
"absolute bottom-3 left-1/2 transform -translate-x-1/2 z-20",
|
|
4445
4459
|
"flex items-center gap-1 p-1 rounded-full",
|
|
4446
4460
|
"shadow-xl",
|
|
4447
|
-
|
|
4461
|
+
h ? "bg-gray-900/90" : "bg-white/90"
|
|
4448
4462
|
),
|
|
4449
4463
|
style: { backdropFilter: "blur(12px)" },
|
|
4450
4464
|
children: [
|
|
4451
4465
|
/* @__PURE__ */ o(
|
|
4452
4466
|
"button",
|
|
4453
4467
|
{
|
|
4454
|
-
onClick:
|
|
4455
|
-
className:
|
|
4468
|
+
onClick: d,
|
|
4469
|
+
className: i(
|
|
4456
4470
|
"w-8 h-8 rounded-full flex items-center justify-center transition-all duration-200",
|
|
4457
4471
|
"border-0 outline-none focus:outline-none shadow-sm",
|
|
4458
|
-
|
|
4472
|
+
c ? "bg-red-500 hover:bg-red-600 text-white" : h ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
|
|
4459
4473
|
),
|
|
4460
|
-
title:
|
|
4461
|
-
children:
|
|
4474
|
+
title: c ? "Unmute" : "Mute",
|
|
4475
|
+
children: c ? /* @__PURE__ */ o(_e, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ o(Le, { className: "h-3.5 w-3.5" })
|
|
4462
4476
|
}
|
|
4463
4477
|
),
|
|
4464
4478
|
/* @__PURE__ */ o(
|
|
4465
4479
|
"button",
|
|
4466
4480
|
{
|
|
4467
|
-
onClick:
|
|
4468
|
-
className:
|
|
4481
|
+
onClick: H,
|
|
4482
|
+
className: i(
|
|
4469
4483
|
"w-8 h-8 rounded-full flex items-center justify-center transition-all duration-200",
|
|
4470
4484
|
"border-0 outline-none focus:outline-none shadow-sm",
|
|
4471
|
-
|
|
4485
|
+
h ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
|
|
4472
4486
|
),
|
|
4473
4487
|
title: "Maximize",
|
|
4474
4488
|
children: /* @__PURE__ */ o(fr, { className: "h-3.5 w-3.5" })
|
|
@@ -4486,25 +4500,25 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4486
4500
|
]
|
|
4487
4501
|
}
|
|
4488
4502
|
),
|
|
4489
|
-
|
|
4503
|
+
a && /* @__PURE__ */ g("div", { className: i(
|
|
4490
4504
|
"absolute inset-0 flex flex-col items-center justify-center z-10",
|
|
4491
|
-
|
|
4505
|
+
h ? "bg-gradient-to-br from-gray-900 to-gray-950" : "bg-gradient-to-br from-gray-50 to-white"
|
|
4492
4506
|
), children: [
|
|
4493
|
-
/* @__PURE__ */
|
|
4494
|
-
/* @__PURE__ */ o("div", { className:
|
|
4507
|
+
/* @__PURE__ */ g("div", { className: "relative mb-3", children: [
|
|
4508
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4495
4509
|
"absolute -inset-2 rounded-full animate-spin",
|
|
4496
|
-
|
|
4497
|
-
), style: { animationDuration: "3s" }, children: /* @__PURE__ */ o("div", { className:
|
|
4510
|
+
h ? "bg-gradient-to-r from-indigo-400 via-purple-400 to-pink-400" : "bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500"
|
|
4511
|
+
), style: { animationDuration: "3s" }, children: /* @__PURE__ */ o("div", { className: i(
|
|
4498
4512
|
"absolute inset-[2px] rounded-full",
|
|
4499
|
-
|
|
4513
|
+
h ? "bg-gray-900" : "bg-white"
|
|
4500
4514
|
) }) }),
|
|
4501
|
-
/* @__PURE__ */ o("div", { className:
|
|
4515
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4502
4516
|
"relative w-12 h-12 rounded-full overflow-hidden shadow-lg",
|
|
4503
|
-
|
|
4517
|
+
h ? "bg-gray-800 ring-2 ring-gray-900" : "bg-gray-100 ring-2 ring-white"
|
|
4504
4518
|
), children: /* @__PURE__ */ o(
|
|
4505
4519
|
"img",
|
|
4506
4520
|
{
|
|
4507
|
-
src:
|
|
4521
|
+
src: Me,
|
|
4508
4522
|
alt: "Aria",
|
|
4509
4523
|
className: "w-full h-full object-cover",
|
|
4510
4524
|
onError: (O) => {
|
|
@@ -4513,28 +4527,28 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4513
4527
|
}
|
|
4514
4528
|
) })
|
|
4515
4529
|
] }),
|
|
4516
|
-
/* @__PURE__ */ o("p", { className:
|
|
4530
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
4517
4531
|
"text-xs font-medium",
|
|
4518
|
-
|
|
4532
|
+
h ? "text-gray-400" : "text-gray-600"
|
|
4519
4533
|
), children: "Connecting..." })
|
|
4520
4534
|
] }),
|
|
4521
|
-
|
|
4535
|
+
u && /* @__PURE__ */ g("div", { className: i(
|
|
4522
4536
|
"absolute inset-0 flex flex-col items-center justify-center z-10 p-4",
|
|
4523
|
-
|
|
4537
|
+
h ? "bg-gray-950/90" : "bg-white/90"
|
|
4524
4538
|
), children: [
|
|
4525
4539
|
/* @__PURE__ */ o("div", { className: "w-10 h-10 rounded-full bg-red-500/10 flex items-center justify-center mb-2", children: /* @__PURE__ */ o(Ve, { className: "w-5 h-5 text-red-500" }) }),
|
|
4526
|
-
/* @__PURE__ */ o("p", { className:
|
|
4540
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
4527
4541
|
"text-xs font-medium text-center mb-2",
|
|
4528
|
-
|
|
4542
|
+
h ? "text-red-300" : "text-red-700"
|
|
4529
4543
|
), children: "Connection error" }),
|
|
4530
|
-
/* @__PURE__ */
|
|
4544
|
+
/* @__PURE__ */ g(
|
|
4531
4545
|
"button",
|
|
4532
4546
|
{
|
|
4533
4547
|
onClick: () => k(),
|
|
4534
|
-
className:
|
|
4548
|
+
className: i(
|
|
4535
4549
|
"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium",
|
|
4536
4550
|
"transition-all duration-200",
|
|
4537
|
-
|
|
4551
|
+
h ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
|
|
4538
4552
|
),
|
|
4539
4553
|
children: [
|
|
4540
4554
|
/* @__PURE__ */ o(Ne, { className: "w-3 h-3" }),
|
|
@@ -4548,15 +4562,15 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4548
4562
|
) : /* @__PURE__ */ o(
|
|
4549
4563
|
"div",
|
|
4550
4564
|
{
|
|
4551
|
-
className:
|
|
4565
|
+
className: i(
|
|
4552
4566
|
"aria-assistant-container flex flex-col overflow-hidden aria-animate-scale-in",
|
|
4553
|
-
|
|
4567
|
+
h && "aria-dark",
|
|
4554
4568
|
// Base styling
|
|
4555
4569
|
"shadow-2xl",
|
|
4556
4570
|
// Light mode: clean white with subtle border
|
|
4557
|
-
!
|
|
4571
|
+
!h && "bg-white/95 border border-gray-200/80",
|
|
4558
4572
|
// Dark mode: deep dark with glow effect
|
|
4559
|
-
|
|
4573
|
+
h && "bg-gray-950/95 border border-gray-800/50",
|
|
4560
4574
|
// Positioning
|
|
4561
4575
|
L && "fixed bottom-6 right-6 rounded-xl",
|
|
4562
4576
|
L && (n ? "w-[960px]" : "w-[640px]"),
|
|
@@ -4569,54 +4583,54 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4569
4583
|
backdropFilter: "blur(8px)",
|
|
4570
4584
|
WebkitBackdropFilter: "blur(8px)"
|
|
4571
4585
|
},
|
|
4572
|
-
children: /* @__PURE__ */
|
|
4573
|
-
/* @__PURE__ */
|
|
4586
|
+
children: /* @__PURE__ */ g("div", { className: "flex-1 flex overflow-hidden min-h-0", children: [
|
|
4587
|
+
/* @__PURE__ */ g("div", { className: i(
|
|
4574
4588
|
"relative flex items-center justify-center overflow-hidden",
|
|
4575
|
-
|
|
4589
|
+
h ? "bg-gradient-to-br from-gray-900 to-black" : "bg-gradient-to-br from-gray-100 to-gray-50",
|
|
4576
4590
|
n ? "flex-1" : "w-full"
|
|
4577
4591
|
), children: [
|
|
4578
|
-
|
|
4592
|
+
a && /* @__PURE__ */ g(
|
|
4579
4593
|
"div",
|
|
4580
4594
|
{
|
|
4581
|
-
className:
|
|
4595
|
+
className: i(
|
|
4582
4596
|
"absolute inset-0 flex flex-col items-center justify-center z-10",
|
|
4583
|
-
|
|
4597
|
+
h ? "bg-gradient-to-br from-gray-900 to-gray-950" : "bg-gradient-to-br from-gray-50 to-white"
|
|
4584
4598
|
),
|
|
4585
4599
|
children: [
|
|
4586
|
-
/* @__PURE__ */
|
|
4587
|
-
/* @__PURE__ */ o("div", { className:
|
|
4600
|
+
/* @__PURE__ */ g("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
|
|
4601
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4588
4602
|
"absolute w-96 h-96 rounded-full opacity-20 blur-3xl",
|
|
4589
4603
|
"animate-pulse",
|
|
4590
|
-
|
|
4604
|
+
h ? "bg-indigo-900" : "bg-indigo-300"
|
|
4591
4605
|
), style: { top: "20%", left: "10%", animationDuration: "3s" } }),
|
|
4592
|
-
/* @__PURE__ */ o("div", { className:
|
|
4606
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4593
4607
|
"absolute w-64 h-64 rounded-full opacity-20 blur-3xl",
|
|
4594
4608
|
"animate-pulse",
|
|
4595
|
-
|
|
4609
|
+
h ? "bg-purple-900" : "bg-purple-300"
|
|
4596
4610
|
), style: { bottom: "20%", right: "10%", animationDuration: "4s", animationDelay: "1s" } })
|
|
4597
4611
|
] }),
|
|
4598
|
-
/* @__PURE__ */
|
|
4599
|
-
/* @__PURE__ */
|
|
4600
|
-
/* @__PURE__ */ o("div", { className:
|
|
4612
|
+
/* @__PURE__ */ g("div", { className: "relative flex flex-col items-center", children: [
|
|
4613
|
+
/* @__PURE__ */ g("div", { className: "relative mb-6", children: [
|
|
4614
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4601
4615
|
"absolute -inset-3 rounded-full",
|
|
4602
4616
|
"animate-spin",
|
|
4603
|
-
|
|
4604
|
-
), style: { animationDuration: "3s" }, children: /* @__PURE__ */ o("div", { className:
|
|
4617
|
+
h ? "bg-gradient-to-r from-indigo-400 via-purple-400 to-pink-400" : "bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500"
|
|
4618
|
+
), style: { animationDuration: "3s" }, children: /* @__PURE__ */ o("div", { className: i(
|
|
4605
4619
|
"absolute inset-[3px] rounded-full",
|
|
4606
|
-
|
|
4620
|
+
h ? "bg-gray-900" : "bg-white"
|
|
4607
4621
|
) }) }),
|
|
4608
|
-
/* @__PURE__ */ o("div", { className:
|
|
4622
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4609
4623
|
"absolute -inset-1.5 rounded-full opacity-60 animate-pulse",
|
|
4610
|
-
|
|
4624
|
+
h ? "bg-gradient-to-r from-indigo-500 to-purple-500" : "bg-gradient-to-r from-indigo-400 to-purple-400"
|
|
4611
4625
|
) }),
|
|
4612
|
-
/* @__PURE__ */ o("div", { className:
|
|
4626
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4613
4627
|
"relative w-20 h-20 rounded-full overflow-hidden",
|
|
4614
4628
|
"shadow-xl",
|
|
4615
|
-
|
|
4629
|
+
h ? "bg-gray-800 ring-4 ring-gray-900" : "bg-gray-100 ring-4 ring-white"
|
|
4616
4630
|
), children: /* @__PURE__ */ o(
|
|
4617
4631
|
"img",
|
|
4618
4632
|
{
|
|
4619
|
-
src:
|
|
4633
|
+
src: Me,
|
|
4620
4634
|
alt: "Aria",
|
|
4621
4635
|
className: "w-full h-full object-cover",
|
|
4622
4636
|
onError: (O) => {
|
|
@@ -4625,16 +4639,16 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4625
4639
|
}
|
|
4626
4640
|
) })
|
|
4627
4641
|
] }),
|
|
4628
|
-
/* @__PURE__ */ o("h3", { className:
|
|
4642
|
+
/* @__PURE__ */ o("h3", { className: i(
|
|
4629
4643
|
"text-2xl font-bold tracking-tight mb-2",
|
|
4630
|
-
|
|
4644
|
+
h ? "text-white" : "text-gray-900"
|
|
4631
4645
|
), children: "Aria is joining..." }),
|
|
4632
4646
|
/* @__PURE__ */ o("div", { className: "flex items-center gap-1.5 mb-6", children: [0, 1, 2].map((O) => /* @__PURE__ */ o(
|
|
4633
4647
|
"div",
|
|
4634
4648
|
{
|
|
4635
|
-
className:
|
|
4649
|
+
className: i(
|
|
4636
4650
|
"w-2.5 h-2.5 rounded-full",
|
|
4637
|
-
|
|
4651
|
+
h ? "bg-indigo-400" : "bg-indigo-500"
|
|
4638
4652
|
),
|
|
4639
4653
|
style: {
|
|
4640
4654
|
animation: "aria-loading-bounce 1.4s ease-in-out infinite",
|
|
@@ -4643,44 +4657,44 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4643
4657
|
},
|
|
4644
4658
|
O
|
|
4645
4659
|
)) }),
|
|
4646
|
-
/* @__PURE__ */ o("p", { className:
|
|
4660
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
4647
4661
|
"text-sm font-medium px-4 py-2 rounded-full",
|
|
4648
|
-
|
|
4662
|
+
h ? "bg-gray-800 text-gray-400" : "bg-gray-100 text-gray-600"
|
|
4649
4663
|
), children: "Get ready to chat" })
|
|
4650
4664
|
] })
|
|
4651
4665
|
]
|
|
4652
4666
|
}
|
|
4653
4667
|
),
|
|
4654
|
-
|
|
4668
|
+
u && /* @__PURE__ */ o(
|
|
4655
4669
|
"div",
|
|
4656
4670
|
{
|
|
4657
|
-
className:
|
|
4671
|
+
className: i(
|
|
4658
4672
|
"absolute inset-0 flex flex-col items-center justify-center z-10 p-6",
|
|
4659
|
-
|
|
4673
|
+
h ? "bg-gray-950/80" : "bg-white/80"
|
|
4660
4674
|
),
|
|
4661
4675
|
style: { backdropFilter: "blur(4px)" },
|
|
4662
|
-
children: /* @__PURE__ */ o("div", { className:
|
|
4676
|
+
children: /* @__PURE__ */ o("div", { className: i(
|
|
4663
4677
|
"rounded-lg p-6 max-w-sm w-full shadow-lg border",
|
|
4664
|
-
|
|
4665
|
-
), children: /* @__PURE__ */
|
|
4678
|
+
h ? "bg-gray-900 border-red-900/30" : "bg-white border-red-100"
|
|
4679
|
+
), children: /* @__PURE__ */ g("div", { className: "flex flex-col items-center text-center gap-3", children: [
|
|
4666
4680
|
/* @__PURE__ */ o("div", { className: "w-12 h-12 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ o(Ve, { className: "w-6 h-6 text-red-500" }) }),
|
|
4667
|
-
/* @__PURE__ */
|
|
4668
|
-
/* @__PURE__ */ o("p", { className:
|
|
4681
|
+
/* @__PURE__ */ g("div", { children: [
|
|
4682
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
4669
4683
|
"text-base font-bold mb-2",
|
|
4670
|
-
|
|
4684
|
+
h ? "text-red-200" : "text-red-900"
|
|
4671
4685
|
), children: "Couldn't reach Aria" }),
|
|
4672
|
-
/* @__PURE__ */ o("p", { className:
|
|
4686
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
4673
4687
|
"text-sm leading-relaxed mb-4",
|
|
4674
|
-
|
|
4675
|
-
), children:
|
|
4676
|
-
/* @__PURE__ */
|
|
4688
|
+
h ? "text-red-400" : "text-red-600"
|
|
4689
|
+
), children: u }),
|
|
4690
|
+
/* @__PURE__ */ g(
|
|
4677
4691
|
"button",
|
|
4678
4692
|
{
|
|
4679
4693
|
onClick: () => k(),
|
|
4680
|
-
className:
|
|
4694
|
+
className: i(
|
|
4681
4695
|
"inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium",
|
|
4682
4696
|
"transition-all duration-200",
|
|
4683
|
-
|
|
4697
|
+
h ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
|
|
4684
4698
|
),
|
|
4685
4699
|
children: [
|
|
4686
4700
|
/* @__PURE__ */ o(Ne, { className: "w-4 h-4" }),
|
|
@@ -4701,40 +4715,40 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4701
4715
|
className: "w-full h-full object-contain"
|
|
4702
4716
|
}
|
|
4703
4717
|
),
|
|
4704
|
-
W.isActive && t && /* @__PURE__ */
|
|
4718
|
+
W.isActive && t && /* @__PURE__ */ g(
|
|
4705
4719
|
"div",
|
|
4706
4720
|
{
|
|
4707
|
-
className:
|
|
4721
|
+
className: i(
|
|
4708
4722
|
"absolute top-3 left-3 aria-animate-fade-in z-20",
|
|
4709
4723
|
"flex items-center gap-2 px-3 py-2 rounded-lg",
|
|
4710
4724
|
"shadow-lg",
|
|
4711
|
-
|
|
4725
|
+
h ? "bg-amber-900/30 border border-amber-700/50" : "bg-amber-50 border border-amber-200"
|
|
4712
4726
|
),
|
|
4713
4727
|
style: { backdropFilter: "blur(8px)" },
|
|
4714
4728
|
children: [
|
|
4715
|
-
/* @__PURE__ */ o("div", { className:
|
|
4729
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
4716
4730
|
"w-6 h-6 rounded-full flex items-center justify-center",
|
|
4717
|
-
|
|
4718
|
-
), children: /* @__PURE__ */ o(Oe, { className:
|
|
4731
|
+
h ? "bg-amber-800/50" : "bg-amber-100"
|
|
4732
|
+
), children: /* @__PURE__ */ o(Oe, { className: i(
|
|
4719
4733
|
"w-3.5 h-3.5 animate-pulse",
|
|
4720
|
-
|
|
4734
|
+
h ? "text-amber-400" : "text-amber-600"
|
|
4721
4735
|
) }) }),
|
|
4722
|
-
/* @__PURE__ */
|
|
4723
|
-
/* @__PURE__ */ o("span", { className:
|
|
4736
|
+
/* @__PURE__ */ g("div", { className: "flex flex-col", children: [
|
|
4737
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
4724
4738
|
"text-xs font-semibold",
|
|
4725
|
-
|
|
4739
|
+
h ? "text-amber-200" : "text-amber-800"
|
|
4726
4740
|
), children: W.toolName ? `Running: ${W.toolName.replace(/_/g, " ")}` : "Processing..." }),
|
|
4727
|
-
/* @__PURE__ */ o("span", { className:
|
|
4741
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
4728
4742
|
"text-[10px]",
|
|
4729
|
-
|
|
4743
|
+
h ? "text-amber-400" : "text-amber-600"
|
|
4730
4744
|
), children: "Please wait..." })
|
|
4731
4745
|
] }),
|
|
4732
4746
|
/* @__PURE__ */ o("div", { className: "flex items-center gap-0.5 ml-1", children: [0, 1, 2].map((O) => /* @__PURE__ */ o(
|
|
4733
4747
|
"div",
|
|
4734
4748
|
{
|
|
4735
|
-
className:
|
|
4749
|
+
className: i(
|
|
4736
4750
|
"w-1.5 h-1.5 rounded-full",
|
|
4737
|
-
|
|
4751
|
+
h ? "bg-amber-400" : "bg-amber-500"
|
|
4738
4752
|
),
|
|
4739
4753
|
style: {
|
|
4740
4754
|
animation: "aria-loading-bounce 1.4s ease-in-out infinite",
|
|
@@ -4749,63 +4763,63 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4749
4763
|
s && t && !W.isActive && /* @__PURE__ */ o(
|
|
4750
4764
|
"div",
|
|
4751
4765
|
{
|
|
4752
|
-
className:
|
|
4766
|
+
className: i(
|
|
4753
4767
|
"absolute top-0 left-0 right-0 aria-animate-fade-in",
|
|
4754
4768
|
"px-4 py-2",
|
|
4755
|
-
|
|
4769
|
+
h ? "bg-gradient-to-b from-white/60 to-transparent text-gray-900" : "bg-gradient-to-b from-black/60 to-transparent text-white"
|
|
4756
4770
|
),
|
|
4757
4771
|
style: { backdropFilter: "blur(4px)" },
|
|
4758
|
-
children: /* @__PURE__ */
|
|
4772
|
+
children: /* @__PURE__ */ g("div", { className: "flex items-start gap-2 max-w-full", children: [
|
|
4759
4773
|
/* @__PURE__ */ o("div", { className: "w-1.5 h-1.5 rounded-full bg-emerald-400 animate-pulse shrink-0 mt-1" }),
|
|
4760
4774
|
/* @__PURE__ */ o("p", { ref: V, className: "text-xs leading-relaxed flex-1 max-h-[3.5em] overflow-y-auto scrollbar-hide", children: s })
|
|
4761
4775
|
] })
|
|
4762
4776
|
}
|
|
4763
4777
|
),
|
|
4764
|
-
t && !
|
|
4778
|
+
t && !u && /* @__PURE__ */ g(
|
|
4765
4779
|
"div",
|
|
4766
4780
|
{
|
|
4767
|
-
className:
|
|
4781
|
+
className: i(
|
|
4768
4782
|
"absolute bottom-4 left-1/2 transform -translate-x-1/2 z-20",
|
|
4769
4783
|
"flex items-center gap-1.5 p-1 rounded-full",
|
|
4770
4784
|
"shadow-xl",
|
|
4771
|
-
|
|
4785
|
+
h ? "bg-gray-900/90" : "bg-white/90"
|
|
4772
4786
|
),
|
|
4773
4787
|
style: { backdropFilter: "blur(12px)" },
|
|
4774
4788
|
children: [
|
|
4775
4789
|
/* @__PURE__ */ o(
|
|
4776
4790
|
"button",
|
|
4777
4791
|
{
|
|
4778
|
-
onClick:
|
|
4779
|
-
className:
|
|
4792
|
+
onClick: l,
|
|
4793
|
+
className: i(
|
|
4780
4794
|
"w-9 h-9 rounded-full flex items-center justify-center transition-all duration-200",
|
|
4781
4795
|
"border-0 outline-none focus:outline-none shadow-sm",
|
|
4782
|
-
n ?
|
|
4796
|
+
n ? h ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white" : h ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
|
|
4783
4797
|
),
|
|
4784
4798
|
title: n ? "Hide Chat" : "Show Chat",
|
|
4785
|
-
children: /* @__PURE__ */ o(
|
|
4799
|
+
children: /* @__PURE__ */ o(Be, { className: "h-4 w-4" })
|
|
4786
4800
|
}
|
|
4787
4801
|
),
|
|
4788
4802
|
/* @__PURE__ */ o(
|
|
4789
4803
|
"button",
|
|
4790
4804
|
{
|
|
4791
|
-
onClick:
|
|
4792
|
-
className:
|
|
4805
|
+
onClick: d,
|
|
4806
|
+
className: i(
|
|
4793
4807
|
"w-9 h-9 rounded-full flex items-center justify-center transition-all duration-200",
|
|
4794
4808
|
"border-0 outline-none focus:outline-none shadow-sm",
|
|
4795
|
-
|
|
4809
|
+
c ? "bg-red-500 hover:bg-red-600 text-white" : h ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
|
|
4796
4810
|
),
|
|
4797
|
-
title:
|
|
4798
|
-
children:
|
|
4811
|
+
title: c ? "Unmute" : "Mute",
|
|
4812
|
+
children: c ? /* @__PURE__ */ o(_e, { className: "h-4 w-4" }) : /* @__PURE__ */ o(Le, { className: "h-4 w-4" })
|
|
4799
4813
|
}
|
|
4800
4814
|
),
|
|
4801
4815
|
/* @__PURE__ */ o(
|
|
4802
4816
|
"button",
|
|
4803
4817
|
{
|
|
4804
4818
|
onClick: j,
|
|
4805
|
-
className:
|
|
4819
|
+
className: i(
|
|
4806
4820
|
"w-9 h-9 rounded-full flex items-center justify-center transition-all duration-200",
|
|
4807
4821
|
"border-0 outline-none focus:outline-none shadow-sm",
|
|
4808
|
-
|
|
4822
|
+
h ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
|
|
4809
4823
|
),
|
|
4810
4824
|
title: "Minimize",
|
|
4811
4825
|
children: /* @__PURE__ */ o(br, { className: "h-4 w-4" })
|
|
@@ -4824,10 +4838,10 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4824
4838
|
}
|
|
4825
4839
|
)
|
|
4826
4840
|
] }),
|
|
4827
|
-
n && /* @__PURE__ */ o("div", { className:
|
|
4841
|
+
n && /* @__PURE__ */ o("div", { className: i(
|
|
4828
4842
|
"flex flex-col shrink-0 border-l",
|
|
4829
4843
|
L ? "w-[320px]" : "w-[360px]",
|
|
4830
|
-
|
|
4844
|
+
h ? "bg-gray-900 border-gray-800" : "bg-white border-gray-100"
|
|
4831
4845
|
), children: /* @__PURE__ */ o(Lt, {}) })
|
|
4832
4846
|
] })
|
|
4833
4847
|
}
|
|
@@ -4836,20 +4850,20 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4836
4850
|
children: r,
|
|
4837
4851
|
styles: e = "",
|
|
4838
4852
|
className: t,
|
|
4839
|
-
style:
|
|
4853
|
+
style: a,
|
|
4840
4854
|
as: n = "div"
|
|
4841
4855
|
}) => {
|
|
4842
|
-
const
|
|
4856
|
+
const c = Y(null), [s, u] = z(null);
|
|
4843
4857
|
X(() => {
|
|
4844
|
-
const
|
|
4845
|
-
if (!
|
|
4846
|
-
let E =
|
|
4847
|
-
E || (E =
|
|
4858
|
+
const m = c.current;
|
|
4859
|
+
if (!m) return;
|
|
4860
|
+
let E = m.shadowRoot;
|
|
4861
|
+
E || (E = m.attachShadow({ mode: "open" })), u(E);
|
|
4848
4862
|
}, []), X(() => {
|
|
4849
4863
|
if (!s || !e) return;
|
|
4850
|
-
const
|
|
4851
|
-
if (
|
|
4852
|
-
|
|
4864
|
+
const m = s.querySelector("style[data-aria-styles]");
|
|
4865
|
+
if (m) {
|
|
4866
|
+
m.textContent = e;
|
|
4853
4867
|
return;
|
|
4854
4868
|
}
|
|
4855
4869
|
const E = document.createElement("style");
|
|
@@ -4857,18 +4871,18 @@ const _t = ({ compact: r = !1 }) => {
|
|
|
4857
4871
|
E.remove();
|
|
4858
4872
|
};
|
|
4859
4873
|
}, [s, e]);
|
|
4860
|
-
const [
|
|
4874
|
+
const [l, d] = z(null);
|
|
4861
4875
|
return X(() => {
|
|
4862
4876
|
if (!s) return;
|
|
4863
|
-
let
|
|
4864
|
-
|
|
4877
|
+
let m = s.querySelector(".aria-shadow-content");
|
|
4878
|
+
m || (m = document.createElement("div"), m.className = "aria-shadow-content", s.appendChild(m)), d(m);
|
|
4865
4879
|
}, [s]), /* @__PURE__ */ o(
|
|
4866
4880
|
n,
|
|
4867
4881
|
{
|
|
4868
|
-
ref:
|
|
4882
|
+
ref: c,
|
|
4869
4883
|
className: t,
|
|
4870
|
-
style:
|
|
4871
|
-
children:
|
|
4884
|
+
style: a,
|
|
4885
|
+
children: l && Hr(r, l)
|
|
4872
4886
|
}
|
|
4873
4887
|
);
|
|
4874
4888
|
}, Dr = '@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer aria-theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-900:oklch(35.9% .144 278.697);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer aria-utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-inset-1\\.5{inset:calc(var(--spacing)*-1.5)}.-inset-2{inset:calc(var(--spacing)*-2)}.-inset-3{inset:calc(var(--spacing)*-3)}.inset-0{inset:calc(var(--spacing)*0)}.inset-8{inset:calc(var(--spacing)*8)}.inset-\\[2px\\]{inset:2px}.inset-\\[3px\\]{inset:3px}.top-0{top:calc(var(--spacing)*0)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-3{bottom:calc(var(--spacing)*3)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-6{bottom:calc(var(--spacing)*6)}.left-0{left:calc(var(--spacing)*0)}.left-1\\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-0\\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-64{height:calc(var(--spacing)*64)}.h-96{height:calc(var(--spacing)*96)}.h-\\[240px\\]{height:240px}.h-\\[500px\\]{height:500px}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing)*32)}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\\[3\\.5em\\]{max-height:3.5em}.max-h-\\[90vh\\]{max-height:90vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-20{width:calc(var(--spacing)*20)}.w-64{width:calc(var(--spacing)*64)}.w-96{width:calc(var(--spacing)*96)}.w-\\[320px\\]{width:320px}.w-\\[360px\\]{width:360px}.w-\\[640px\\]{width:640px}.w-\\[960px\\]{width:960px}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\\[80\\%\\]{max-width:80%}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[60px\\]{min-width:60px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-\\[135deg\\]{rotate:135deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-br-md{border-bottom-right-radius:var(--radius-md)}.rounded-bl-md{border-bottom-left-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-700\\/50{border-color:#b7500080}@supports (color:color-mix(in lab,red,red)){.border-amber-700\\/50{border-color:color-mix(in oklab,var(--color-amber-700)50%,transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab,red,red)){.border-gray-200\\/80{border-color:color-mix(in oklab,var(--color-gray-200)80%,transparent)}}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-700\\/50{border-color:#36415380}@supports (color:color-mix(in lab,red,red)){.border-gray-700\\/50{border-color:color-mix(in oklab,var(--color-gray-700)50%,transparent)}}.border-gray-800{border-color:var(--color-gray-800)}.border-gray-800\\/50{border-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.border-gray-800\\/50{border-color:color-mix(in oklab,var(--color-gray-800)50%,transparent)}}.border-gray-900{border-color:var(--color-gray-900)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-100{border-color:var(--color-red-100)}.border-red-900\\/30{border-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.border-red-900\\/30{border-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.border-red-900\\/50{border-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.border-red-900\\/50{border-color:color-mix(in oklab,var(--color-red-900)50%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-amber-800\\/50{background-color:#953d0080}@supports (color:color-mix(in lab,red,red)){.bg-amber-800\\/50{background-color:color-mix(in oklab,var(--color-amber-800)50%,transparent)}}.bg-amber-900\\/30{background-color:#7b33064d}@supports (color:color-mix(in lab,red,red)){.bg-amber-900\\/30{background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.bg-black\\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\\/30{background-color:#f9fafb4d}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\\/30{background-color:color-mix(in oklab,var(--color-gray-50)30%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-100\\/80{background-color:#f3f4f6cc}@supports (color:color-mix(in lab,red,red)){.bg-gray-100\\/80{background-color:color-mix(in oklab,var(--color-gray-100)80%,transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-800\\/50{background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.bg-gray-800\\/50{background-color:color-mix(in oklab,var(--color-gray-800)50%,transparent)}}.bg-gray-800\\/80{background-color:#1e2939cc}@supports (color:color-mix(in lab,red,red)){.bg-gray-800\\/80{background-color:color-mix(in oklab,var(--color-gray-800)80%,transparent)}}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\\/30{background-color:#1018284d}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\\/30{background-color:color-mix(in oklab,var(--color-gray-900)30%,transparent)}}.bg-gray-900\\/90{background-color:#101828e6}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\\/90{background-color:color-mix(in oklab,var(--color-gray-900)90%,transparent)}}.bg-gray-950{background-color:var(--color-gray-950)}.bg-gray-950\\/80{background-color:#030712cc}@supports (color:color-mix(in lab,red,red)){.bg-gray-950\\/80{background-color:color-mix(in oklab,var(--color-gray-950)80%,transparent)}}.bg-gray-950\\/90{background-color:#030712e6}@supports (color:color-mix(in lab,red,red)){.bg-gray-950\\/90{background-color:color-mix(in oklab,var(--color-gray-950)90%,transparent)}}.bg-gray-950\\/95{background-color:#030712f2}@supports (color:color-mix(in lab,red,red)){.bg-gray-950\\/95{background-color:color-mix(in oklab,var(--color-gray-950)95%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-300{background-color:var(--color-indigo-300)}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-900{background-color:var(--color-indigo-900)}.bg-indigo-900\\/30{background-color:#312c854d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-900\\/30{background-color:color-mix(in oklab,var(--color-indigo-900)30%,transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-300{background-color:var(--color-purple-300)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-900{background-color:var(--color-purple-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-red-950\\/30{background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.bg-red-950\\/30{background-color:color-mix(in oklab,var(--color-red-950)30%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-white\\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab,red,red)){.from-black\\/60{--tw-gradient-from:color-mix(in oklab,var(--color-black)60%,transparent)}}.from-black\\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-50{--tw-gradient-from:var(--color-gray-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-100{--tw-gradient-from:var(--color-gray-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-800{--tw-gradient-from:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-900{--tw-gradient-from:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-50{--tw-gradient-from:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-400{--tw-gradient-from:var(--color-indigo-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-900\\/20{--tw-gradient-from:#312c8533}@supports (color:color-mix(in lab,red,red)){.from-indigo-900\\/20{--tw-gradient-from:color-mix(in oklab,var(--color-indigo-900)20%,transparent)}}.from-indigo-900\\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white\\/60{--tw-gradient-from:#fff9}@supports (color:color-mix(in lab,red,red)){.from-white\\/60{--tw-gradient-from:color-mix(in oklab,var(--color-white)60%,transparent)}}.from-white\\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-indigo-50{--tw-gradient-via:var(--color-indigo-50);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-400{--tw-gradient-via:var(--color-purple-400);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-500{--tw-gradient-via:var(--color-purple-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-black{--tw-gradient-to:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-50{--tw-gradient-to:var(--color-gray-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-950{--tw-gradient-to:var(--color-gray-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-400{--tw-gradient-to:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-400{--tw-gradient-to:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-900\\/20{--tw-gradient-to:#59168b33}@supports (color:color-mix(in lab,red,red)){.to-purple-900\\/20{--tw-gradient-to:color-mix(in oklab,var(--color-purple-900)20%,transparent)}}.to-purple-900\\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-0{padding-top:calc(var(--spacing)*0)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[9px\\]{font-size:9px}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-200{color:var(--color-amber-200)}.text-amber-400{color:var(--color-amber-400)}.text-amber-600{color:var(--color-amber-600)}.text-amber-800{color:var(--color-amber-800)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-600{color:var(--color-emerald-600)}.text-gray-100{color:var(--color-gray-100)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-purple-600{color:var(--color-purple-600)}.text-purple-800{color:var(--color-purple-800)}.text-red-200{color:var(--color-red-200)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.opacity-20{opacity:.2}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_8px_30px_rgb\\(0\\,0\\,0\\,0\\.3\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_8px_30px_rgb\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-gray-900{--tw-ring-color:var(--color-gray-900)}.ring-white{--tw-ring-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\\:text-gray-400::-moz-placeholder{color:var(--color-gray-400)}.placeholder\\:text-gray-400::placeholder{color:var(--color-gray-400)}.placeholder\\:text-gray-500::-moz-placeholder{color:var(--color-gray-500)}.placeholder\\:text-gray-500::placeholder{color:var(--color-gray-500)}.focus-within\\:border-indigo-500\\/50:focus-within{border-color:#625fff80}@supports (color:color-mix(in lab,red,red)){.focus-within\\:border-indigo-500\\/50:focus-within{border-color:color-mix(in oklab,var(--color-indigo-500)50%,transparent)}}.focus-within\\:bg-white:focus-within{background-color:var(--color-white)}@media(hover:hover){.hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\\:border-gray-600:hover{border-color:var(--color-gray-600)}.hover\\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\\:text-blue-800:hover{color:var(--color-blue-800)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-\\[0_8px_30px_rgb\\(0\\,0\\,0\\,0\\.4\\)\\]:hover{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-\\[0_8px_30px_rgb\\(0\\,0\\,0\\,0\\.16\\)\\]:hover{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-indigo-500\\/25:hover{--tw-shadow-color:#625fff40}@supports (color:color-mix(in lab,red,red)){.hover\\:shadow-indigo-500\\/25:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-indigo-500)25%,transparent)var(--tw-shadow-alpha),transparent)}}}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:scale-\\[0\\.98\\]:active{scale:.98}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\\:text-left{text-align:left}}@media(min-width:48rem){.md\\:inset-16{inset:calc(var(--spacing)*16)}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lg\\:inset-20{inset:calc(var(--spacing)*20)}}@media(prefers-color-scheme:dark){.dark\\:bg-emerald-500\\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.dark\\:bg-emerald-500\\/20{background-color:color-mix(in oklab,var(--color-emerald-500)20%,transparent)}}.dark\\:text-emerald-400{color:var(--color-emerald-400)}}}.aria-assistant-container{--aria-background:0 0% 100%;--aria-foreground:222 47% 11%;--aria-card:0 0% 100%;--aria-card-foreground:222 47% 11%;--aria-popover:0 0% 100%;--aria-popover-foreground:222 47% 11%;--aria-primary:221 83% 53%;--aria-primary-foreground:0 0% 100%;--aria-secondary:210 40% 96%;--aria-secondary-foreground:215 16% 47%;--aria-muted:210 40% 96%;--aria-muted-foreground:215 16% 47%;--aria-accent:210 40% 96%;--aria-accent-foreground:222 47% 11%;--aria-destructive:0 84% 60%;--aria-destructive-foreground:0 0% 100%;--aria-success:142 72% 29%;--aria-success-foreground:0 0% 100%;--aria-border:214 32% 91%;--aria-input:214 32% 91%;--aria-ring:221 83% 53%;--aria-radius:.5rem;--aria-gradient-from:221 83% 53%;--aria-gradient-to:221 83% 53%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;isolation:isolate;color:hsl(var(--aria-foreground));--background:var(--aria-background);--foreground:var(--aria-foreground);--card:var(--aria-card);--card-foreground:var(--aria-card-foreground);--primary:var(--aria-primary);--primary-foreground:var(--aria-primary-foreground);--secondary:var(--aria-secondary);--secondary-foreground:var(--aria-secondary-foreground);--muted:var(--aria-muted);--muted-foreground:var(--aria-muted-foreground);--accent:var(--aria-accent);--accent-foreground:var(--aria-accent-foreground);--destructive:var(--aria-destructive);--destructive-foreground:var(--aria-destructive-foreground);--success:var(--aria-success);--success-foreground:var(--aria-success-foreground);--border:var(--aria-border);--input:var(--aria-input);--ring:var(--aria-ring);--radius:var(--aria-radius);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6}.aria-assistant-container *,.aria-assistant-container :before,.aria-assistant-container :after{box-sizing:border-box}.aria-assistant-container.aria-dark{--aria-background:222 47% 4%;--aria-foreground:210 40% 98%;--aria-card:222 47% 6%;--aria-card-foreground:210 40% 98%;--aria-popover:222 47% 6%;--aria-popover-foreground:210 40% 98%;--aria-primary:217 91% 60%;--aria-primary-foreground:0 0% 100%;--aria-secondary:217 33% 17%;--aria-secondary-foreground:210 40% 98%;--aria-muted:217 33% 17%;--aria-muted-foreground:215 20% 65%;--aria-accent:217 33% 17%;--aria-accent-foreground:210 40% 98%;--aria-destructive:0 84% 60%;--aria-destructive-foreground:0 0% 100%;--aria-success:142 71% 45%;--aria-success-foreground:0 0% 100%;--aria-border:217 33% 17%;--aria-input:217 33% 17%;--aria-ring:217 91% 60%;--aria-gradient-from:217 91% 60%;--aria-gradient-to:217 91% 60%;--background:var(--aria-background);--foreground:var(--aria-foreground);--card:var(--aria-card);--card-foreground:var(--aria-card-foreground);--primary:var(--aria-primary);--primary-foreground:var(--aria-primary-foreground);--secondary:var(--aria-secondary);--secondary-foreground:var(--aria-secondary-foreground);--muted:var(--aria-muted);--muted-foreground:var(--aria-muted-foreground);--accent:var(--aria-accent);--accent-foreground:var(--aria-accent-foreground);--destructive:var(--aria-destructive);--destructive-foreground:var(--aria-destructive-foreground);--success:var(--aria-success);--success-foreground:var(--aria-success-foreground);--border:var(--aria-border);--input:var(--aria-input);--ring:var(--aria-ring)}@keyframes aria-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes aria-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes aria-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes aria-pulse-ring{0%,to{box-shadow:0 0 hsl(var(--aria-primary)/.4)}50%{box-shadow:0 0 0 8px hsl(var(--aria-primary)/0)}}@keyframes aria-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes aria-pulse-dot{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}@keyframes aria-loading-bounce{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.aria-assistant-container .aria-animate-pulse-dot{animation:2s ease-in-out infinite aria-pulse-dot}.aria-assistant-container .aria-animate-fade-in{animation:.3s ease-out forwards aria-fade-in}.aria-assistant-container .aria-animate-scale-in{animation:.2s ease-out forwards aria-scale-in}.aria-assistant-container .aria-animate-slide-up{animation:.4s ease-out forwards aria-slide-up}.aria-assistant-container .aria-animate-pulse-ring{animation:2s ease-in-out infinite aria-pulse-ring}.aria-assistant-container .aria-glass{background:hsl(var(--aria-background)/.8);-webkit-backdrop-filter:blur(12px)saturate(180%)}.aria-assistant-container.aria-dark .aria-glass{background:hsl(var(--aria-background)/.75);-webkit-backdrop-filter:blur(16px)saturate(180%)}.aria-assistant-container .aria-gradient-text{background:linear-gradient(135deg,hsl(var(--aria-gradient-from)),hsl(var(--aria-gradient-to)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.aria-assistant-container .aria-gradient-bg{background:linear-gradient(135deg,hsl(var(--aria-gradient-from)),hsl(var(--aria-gradient-to)))}.aria-assistant-container ::-webkit-scrollbar{width:6px;height:6px}.aria-assistant-container ::-webkit-scrollbar-track{background:0 0}.aria-assistant-container ::-webkit-scrollbar-thumb{background:hsl(var(--aria-border));border-radius:3px}.aria-assistant-container ::-webkit-scrollbar-thumb:hover{background:hsl(var(--aria-muted-foreground)/.5)}.aria-assistant-container .aria-focus-ring:focus-visible{box-shadow:0 0 0 2px hsl(var(--aria-ring)/.2);outline:none}.aria-assistant-container .scrollbar-hide::-webkit-scrollbar{display:none}.aria-assistant-container .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
|
|
@@ -4879,11 +4893,11 @@ const so = Dr, Gt = ({
|
|
|
4879
4893
|
label: r,
|
|
4880
4894
|
showAvatar: e = !1,
|
|
4881
4895
|
onTrigger: t,
|
|
4882
|
-
className:
|
|
4896
|
+
className: a,
|
|
4883
4897
|
...n
|
|
4884
4898
|
}) => {
|
|
4885
|
-
const { openAssistant:
|
|
4886
|
-
return
|
|
4899
|
+
const { openAssistant: c, isSessionPreloaded: s, sessionManagerStatus: u, config: l, isOpen: d, theme: m } = Ce(), E = r || l.triggerLabel || "Talk to Aria", R = m === "dark", P = s || u === "ready";
|
|
4900
|
+
return d ? null : /* @__PURE__ */ o(
|
|
4887
4901
|
Ke,
|
|
4888
4902
|
{
|
|
4889
4903
|
styles: qe(),
|
|
@@ -4893,13 +4907,13 @@ const so = Dr, Gt = ({
|
|
|
4893
4907
|
right: "1.5rem",
|
|
4894
4908
|
zIndex: 9997
|
|
4895
4909
|
},
|
|
4896
|
-
children: /* @__PURE__ */ o("div", { className:
|
|
4910
|
+
children: /* @__PURE__ */ o("div", { className: i("aria-assistant-container", R && "aria-dark"), children: /* @__PURE__ */ g(
|
|
4897
4911
|
"button",
|
|
4898
4912
|
{
|
|
4899
4913
|
onClick: (k) => {
|
|
4900
|
-
k.preventDefault(),
|
|
4914
|
+
k.preventDefault(), c("user"), t?.();
|
|
4901
4915
|
},
|
|
4902
|
-
className:
|
|
4916
|
+
className: i(
|
|
4903
4917
|
"group relative flex items-center gap-3 px-3.5 py-2.5 rounded-xl",
|
|
4904
4918
|
"transition-all duration-200 ease-out",
|
|
4905
4919
|
"aria-animate-slide-up",
|
|
@@ -4914,11 +4928,11 @@ const so = Dr, Gt = ({
|
|
|
4914
4928
|
"bg-gray-900 shadow-[0_8px_30px_rgb(0,0,0,0.3)]",
|
|
4915
4929
|
"hover:bg-gray-850 hover:shadow-[0_8px_30px_rgb(0,0,0,0.4)] hover:-translate-y-0.5"
|
|
4916
4930
|
],
|
|
4917
|
-
|
|
4931
|
+
a
|
|
4918
4932
|
),
|
|
4919
4933
|
...n,
|
|
4920
4934
|
children: [
|
|
4921
|
-
e ? /* @__PURE__ */
|
|
4935
|
+
e ? /* @__PURE__ */ g("div", { className: i(
|
|
4922
4936
|
"relative w-9 h-9 rounded-lg overflow-hidden shrink-0",
|
|
4923
4937
|
"shadow-sm transition-all duration-200",
|
|
4924
4938
|
R ? "bg-gray-800" : "bg-gray-100"
|
|
@@ -4926,7 +4940,7 @@ const so = Dr, Gt = ({
|
|
|
4926
4940
|
/* @__PURE__ */ o(
|
|
4927
4941
|
"img",
|
|
4928
4942
|
{
|
|
4929
|
-
src:
|
|
4943
|
+
src: Me,
|
|
4930
4944
|
alt: E,
|
|
4931
4945
|
className: "w-full h-full object-cover",
|
|
4932
4946
|
onError: (k) => {
|
|
@@ -4943,22 +4957,22 @@ const so = Dr, Gt = ({
|
|
|
4943
4957
|
children: /* @__PURE__ */ o(Ee, { className: "w-4 h-4" })
|
|
4944
4958
|
}
|
|
4945
4959
|
),
|
|
4946
|
-
/* @__PURE__ */ o("span", { className:
|
|
4960
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
4947
4961
|
"absolute bottom-0 right-0 w-2.5 h-2.5 rounded-full border-2",
|
|
4948
4962
|
R ? "border-gray-900" : "border-white",
|
|
4949
4963
|
P ? "bg-emerald-500" : "bg-amber-500 animate-pulse"
|
|
4950
4964
|
) })
|
|
4951
|
-
] }) : /* @__PURE__ */ o("div", { className:
|
|
4965
|
+
] }) : /* @__PURE__ */ o("div", { className: i(
|
|
4952
4966
|
"relative w-9 h-9 rounded-lg flex items-center justify-center shrink-0",
|
|
4953
4967
|
"aria-gradient-bg text-white shadow-sm",
|
|
4954
4968
|
"transition-transform duration-200 group-hover:scale-105"
|
|
4955
4969
|
), children: /* @__PURE__ */ o(Ee, { className: "w-4 h-4" }) }),
|
|
4956
|
-
/* @__PURE__ */
|
|
4957
|
-
/* @__PURE__ */ o("span", { className:
|
|
4970
|
+
/* @__PURE__ */ g("div", { className: "relative flex flex-col items-start min-w-0 text-left", children: [
|
|
4971
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
4958
4972
|
"font-bold text-[13px] tracking-tight leading-none",
|
|
4959
4973
|
R ? "text-white" : "text-gray-900"
|
|
4960
4974
|
), children: E }),
|
|
4961
|
-
/* @__PURE__ */ o("span", { className:
|
|
4975
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
4962
4976
|
"text-[10px] font-medium mt-1 leading-none opacity-70",
|
|
4963
4977
|
R ? "text-gray-400" : "text-gray-500"
|
|
4964
4978
|
), children: "I'm here to chat" })
|
|
@@ -4973,15 +4987,15 @@ const so = Dr, Gt = ({
|
|
|
4973
4987
|
showAvatar: e = !0,
|
|
4974
4988
|
triggerLabel: t
|
|
4975
4989
|
}) => {
|
|
4976
|
-
const { isOpen:
|
|
4977
|
-
return /* @__PURE__ */
|
|
4978
|
-
r && !
|
|
4979
|
-
|
|
4990
|
+
const { isOpen: a, isMinimized: n, closeAssistant: c, minimizeAssistant: s } = Ce();
|
|
4991
|
+
return /* @__PURE__ */ g(je, { children: [
|
|
4992
|
+
r && !a && /* @__PURE__ */ o(Gt, { showAvatar: e, label: t }),
|
|
4993
|
+
a && /* @__PURE__ */ g(je, { children: [
|
|
4980
4994
|
!n && /* @__PURE__ */ o(
|
|
4981
4995
|
"div",
|
|
4982
4996
|
{
|
|
4983
|
-
onClick: (
|
|
4984
|
-
|
|
4997
|
+
onClick: (u) => {
|
|
4998
|
+
u.preventDefault(), u.stopPropagation(), s();
|
|
4985
4999
|
},
|
|
4986
5000
|
style: {
|
|
4987
5001
|
position: "fixed",
|
|
@@ -5006,17 +5020,17 @@ const so = Dr, Gt = ({
|
|
|
5006
5020
|
inset: 0,
|
|
5007
5021
|
pointerEvents: "none"
|
|
5008
5022
|
},
|
|
5009
|
-
children: /* @__PURE__ */ o("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ o(Ut, { onClose:
|
|
5023
|
+
children: /* @__PURE__ */ o("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ o(Ut, { onClose: c, isMinimized: n }) })
|
|
5010
5024
|
}
|
|
5011
5025
|
)
|
|
5012
5026
|
] })
|
|
5013
5027
|
] });
|
|
5014
5028
|
}, lo = ({ config: r, children: e }) => {
|
|
5015
|
-
const [t,
|
|
5029
|
+
const [t, a] = z(!1), [n, c] = z(!1), [s, u] = z(!1), [l, d] = z(!1), [m, E] = z([]), [R, P] = z(""), [k, j] = z(!1), [H, W] = z(!1), [U, V] = z(null), [h, L] = z("user"), [q, O] = z("bottom-right"), [N, K] = z({
|
|
5016
5030
|
isActive: !1,
|
|
5017
5031
|
toolName: null,
|
|
5018
5032
|
toolData: null
|
|
5019
|
-
}), [
|
|
5033
|
+
}), [p, B] = z({
|
|
5020
5034
|
session_id: null,
|
|
5021
5035
|
token: null,
|
|
5022
5036
|
expires_at: null,
|
|
@@ -5024,57 +5038,57 @@ const so = Dr, Gt = ({
|
|
|
5024
5038
|
lastError: null,
|
|
5025
5039
|
isPreloaded: !1,
|
|
5026
5040
|
isRefreshing: !1
|
|
5027
|
-
}), [ae, ie] = z("idle"), [$, A] = z(!1), S = r.theme || "light", f = Y(null), x = Y(null), ge = Y(null),
|
|
5028
|
-
const { newStatus:
|
|
5029
|
-
ie(
|
|
5030
|
-
}, [t]), ne =
|
|
5031
|
-
const
|
|
5032
|
-
if (console.log("[AriaProvider] Session ready event:",
|
|
5041
|
+
}), [ae, ie] = z("idle"), [$, A] = z(!1), S = r.theme || "light", f = Y(null), x = Y(null), ge = Y(null), ue = Y(!0), le = C((b) => {
|
|
5042
|
+
const { newStatus: M } = b.data;
|
|
5043
|
+
ie(M), M === "preloading" || M === "connecting" ? t && d(!0) : M === "ready" ? (d(!1), u(!0)) : M === "error" && d(!1);
|
|
5044
|
+
}, [t]), ne = C((b) => {
|
|
5045
|
+
const M = b.data;
|
|
5046
|
+
if (console.log("[AriaProvider] Session ready event:", M), f.current) {
|
|
5033
5047
|
const te = f.current.getSessionState();
|
|
5034
|
-
|
|
5048
|
+
B(te);
|
|
5035
5049
|
}
|
|
5036
|
-
if (
|
|
5037
|
-
console.log("[AriaProvider] Token received while widget is open, initializing Anam client"),
|
|
5038
|
-
console.log("[AriaProvider] Anam client initialized after token received"),
|
|
5050
|
+
if (M.lazyInit && M.tokenReady && t && f.current && !f.current.isAnamClientInitialized()) {
|
|
5051
|
+
console.log("[AriaProvider] Token received while widget is open, initializing Anam client"), d(!0), f.current.initializeSessionOnDemand().then(() => {
|
|
5052
|
+
console.log("[AriaProvider] Anam client initialized after token received"), d(!1), u(!0), V(null);
|
|
5039
5053
|
}).catch((Ae) => {
|
|
5040
|
-
console.error("[AriaProvider] Failed to initialize Anam client:", Ae),
|
|
5054
|
+
console.error("[AriaProvider] Failed to initialize Anam client:", Ae), d(!1), V(Ae instanceof Error ? Ae.message : "Failed to initialize session");
|
|
5041
5055
|
});
|
|
5042
5056
|
return;
|
|
5043
5057
|
}
|
|
5044
|
-
|
|
5045
|
-
}, [t]), _ =
|
|
5046
|
-
const
|
|
5047
|
-
if (console.error("[AriaProvider] Session error:",
|
|
5058
|
+
u(!0), d(!1), V(null);
|
|
5059
|
+
}, [t]), _ = C((b) => {
|
|
5060
|
+
const M = b.error?.message || "Session error";
|
|
5061
|
+
if (console.error("[AriaProvider] Session error:", M), V(M), d(!1), f.current) {
|
|
5048
5062
|
const te = f.current.getSessionState();
|
|
5049
|
-
|
|
5063
|
+
B(te);
|
|
5050
5064
|
}
|
|
5051
|
-
}, []), G =
|
|
5052
|
-
const { connected:
|
|
5053
|
-
if (
|
|
5065
|
+
}, []), G = C((b) => {
|
|
5066
|
+
const { connected: M } = b.data;
|
|
5067
|
+
if (u(M), !M && f.current) {
|
|
5054
5068
|
const te = f.current.getSessionState();
|
|
5055
|
-
|
|
5069
|
+
B(te);
|
|
5056
5070
|
}
|
|
5057
|
-
}, []), Z =
|
|
5058
|
-
const { messages:
|
|
5059
|
-
|
|
5060
|
-
}, []), se =
|
|
5061
|
-
const { liveTranscript:
|
|
5062
|
-
|
|
5063
|
-
}, []), F =
|
|
5071
|
+
}, []), Z = C((b) => {
|
|
5072
|
+
const { messages: M } = b.data;
|
|
5073
|
+
M && E(M);
|
|
5074
|
+
}, []), se = C((b) => {
|
|
5075
|
+
const { liveTranscript: M } = b.data;
|
|
5076
|
+
M !== void 0 && P(M);
|
|
5077
|
+
}, []), F = C((b) => {
|
|
5064
5078
|
console.log("[AriaProvider] WebSocket trigger event:", b.data), ge.current?.("websocket");
|
|
5065
|
-
}, []), ce =
|
|
5066
|
-
const
|
|
5067
|
-
console.log("[AriaProvider] Tool call event:",
|
|
5068
|
-
isActive:
|
|
5069
|
-
toolName:
|
|
5070
|
-
toolData:
|
|
5079
|
+
}, []), ce = C((b) => {
|
|
5080
|
+
const M = b.data;
|
|
5081
|
+
console.log("[AriaProvider] Tool call event:", M), K({
|
|
5082
|
+
isActive: M.isActive,
|
|
5083
|
+
toolName: M.toolName,
|
|
5084
|
+
toolData: M.toolData
|
|
5071
5085
|
});
|
|
5072
5086
|
}, []);
|
|
5073
5087
|
X(() => {
|
|
5074
5088
|
const b = J.getInstance(r);
|
|
5075
|
-
f.current = b, b.addEventListener("status_change", le), b.addEventListener("session_ready", ne), b.addEventListener("session_error", _), b.addEventListener("connection_change", G), b.addEventListener("message_history", Z), b.addEventListener("message_stream", se), b.addEventListener("tool_call", ce), b.setWebSocketTriggerCallback(F),
|
|
5076
|
-
const
|
|
5077
|
-
return K(
|
|
5089
|
+
f.current = b, b.addEventListener("status_change", le), b.addEventListener("session_ready", ne), b.addEventListener("session_error", _), b.addEventListener("connection_change", G), b.addEventListener("message_history", Z), b.addEventListener("message_stream", se), b.addEventListener("tool_call", ce), b.setWebSocketTriggerCallback(F), B(b.getSessionState()), ie(b.getStatus()), u(b.isConnected()), E(b.getChatMessages()), P(b.getLiveTranscript()), W(b.isMuted()), A(b.isSessionPaused());
|
|
5090
|
+
const M = b.getToolCallState();
|
|
5091
|
+
return K(M), !b.isConnected() && b.getStatus() === "idle" && b.connect(), () => {
|
|
5078
5092
|
b.removeEventListener("status_change", le), b.removeEventListener("session_ready", ne), b.removeEventListener("session_error", _), b.removeEventListener("connection_change", G), b.removeEventListener("message_history", Z), b.removeEventListener("message_stream", se), b.removeEventListener("tool_call", ce), b.setWebSocketTriggerCallback(null);
|
|
5079
5093
|
};
|
|
5080
5094
|
}, [
|
|
@@ -5087,105 +5101,105 @@ const so = Dr, Gt = ({
|
|
|
5087
5101
|
se,
|
|
5088
5102
|
ce,
|
|
5089
5103
|
F
|
|
5090
|
-
]), X(() => (
|
|
5091
|
-
|
|
5104
|
+
]), X(() => (ue.current = !0, () => {
|
|
5105
|
+
ue.current = !1, f.current && (console.log("[AriaProvider] Component unmounting, ending session"), f.current.forceEndSession());
|
|
5092
5106
|
}), []);
|
|
5093
|
-
const
|
|
5094
|
-
const
|
|
5095
|
-
x.current = b, b && f.current ? (console.log("[AriaProvider] Attaching video stream to element"), f.current.attachToVideoElement(b)) : !b &&
|
|
5096
|
-
}, []), pe =
|
|
5107
|
+
const he = C((b) => {
|
|
5108
|
+
const M = x.current;
|
|
5109
|
+
x.current = b, b && f.current ? (console.log("[AriaProvider] Attaching video stream to element"), f.current.attachToVideoElement(b)) : !b && M && f.current && (console.log("[AriaProvider] Detaching video stream from element"), f.current.detachFromVideoElement(M));
|
|
5110
|
+
}, []), pe = C((b) => {
|
|
5097
5111
|
if (!f.current) {
|
|
5098
5112
|
console.error("[AriaProvider] Session manager not initialized");
|
|
5099
5113
|
return;
|
|
5100
5114
|
}
|
|
5101
|
-
const
|
|
5102
|
-
f.current.triggerSession(
|
|
5103
|
-
}, []), we =
|
|
5115
|
+
const M = b?.userTrigger ?? !0;
|
|
5116
|
+
f.current.triggerSession(M);
|
|
5117
|
+
}, []), we = C(async () => {
|
|
5104
5118
|
f.current && (f.current.isConnected() || f.current.connect());
|
|
5105
|
-
}, []), fe =
|
|
5119
|
+
}, []), fe = C(async () => {
|
|
5106
5120
|
if (f.current)
|
|
5107
5121
|
try {
|
|
5108
|
-
await f.current.forceEndSession(),
|
|
5122
|
+
await f.current.forceEndSession(), u(!1), E([]), P("");
|
|
5109
5123
|
const b = f.current.getSessionState();
|
|
5110
|
-
|
|
5124
|
+
B(b);
|
|
5111
5125
|
} catch (b) {
|
|
5112
|
-
const
|
|
5113
|
-
V(
|
|
5126
|
+
const M = b instanceof Error ? b.message : "Failed to stop session";
|
|
5127
|
+
V(M), r.onError?.(b instanceof Error ? b : new Error(M));
|
|
5114
5128
|
}
|
|
5115
|
-
}, [r]), Je =
|
|
5129
|
+
}, [r]), Je = C(async () => {
|
|
5116
5130
|
f.current && await f.current.refreshSession();
|
|
5117
|
-
}, []), w =
|
|
5118
|
-
if (L(b), O(b === "websocket" ? "center" : "bottom-right"),
|
|
5119
|
-
const
|
|
5120
|
-
if (console.log("[AriaProvider] openAssistant - isSessionPaused:",
|
|
5121
|
-
console.log("[AriaProvider] Resuming paused session"),
|
|
5131
|
+
}, []), w = C((b = "user") => {
|
|
5132
|
+
if (L(b), O(b === "websocket" ? "center" : "bottom-right"), a(!0), c(!1), V(null), !f.current) return;
|
|
5133
|
+
const M = f.current.isSessionPaused();
|
|
5134
|
+
if (console.log("[AriaProvider] openAssistant - isSessionPaused:", M, "persistSession:", r.persistSession), M) {
|
|
5135
|
+
console.log("[AriaProvider] Resuming paused session"), d(!0), f.current.resumeSession().then((oe) => {
|
|
5122
5136
|
if (A(!1), oe) {
|
|
5123
|
-
console.log("[AriaProvider] Session resumed successfully"),
|
|
5137
|
+
console.log("[AriaProvider] Session resumed successfully"), d(!1), u(!0);
|
|
5124
5138
|
const ar = f.current.getSessionState();
|
|
5125
|
-
|
|
5139
|
+
B(ar), E(f.current.getChatMessages());
|
|
5126
5140
|
} else
|
|
5127
5141
|
console.log("[AriaProvider] Session could not be resumed, starting new session"), f.current.hasSessionToken() ? f.current.initializeSessionOnDemand().then(() => {
|
|
5128
|
-
console.log("[AriaProvider] New session initialized after failed resume"),
|
|
5142
|
+
console.log("[AriaProvider] New session initialized after failed resume"), d(!1), u(!0);
|
|
5129
5143
|
const Ie = f.current.getSessionState();
|
|
5130
|
-
|
|
5144
|
+
B(Ie);
|
|
5131
5145
|
}).catch((Ie) => {
|
|
5132
|
-
console.error("[AriaProvider] Failed to initialize new session:", Ie),
|
|
5146
|
+
console.error("[AriaProvider] Failed to initialize new session:", Ie), d(!1), V(Ie instanceof Error ? Ie.message : "Failed to start new session");
|
|
5133
5147
|
}) : f.current.isConnected() ? console.log("[AriaProvider] Waiting for new session token...") : (console.log("[AriaProvider] Connecting to get new session token"), f.current.connect());
|
|
5134
5148
|
}).catch((oe) => {
|
|
5135
|
-
console.error("[AriaProvider] Failed to resume session:", oe),
|
|
5149
|
+
console.error("[AriaProvider] Failed to resume session:", oe), d(!1), A(!1), V(oe instanceof Error ? oe.message : "Failed to resume session");
|
|
5136
5150
|
});
|
|
5137
5151
|
return;
|
|
5138
5152
|
}
|
|
5139
5153
|
const te = f.current.isAnamClientInitialized(), Ae = f.current.hasSessionToken(), or = f.current.getStatus();
|
|
5140
|
-
console.log("[AriaProvider] openAssistant - isAnamReady:", te, "hasToken:", Ae, "status:", or), te && or === "ready" ? (
|
|
5141
|
-
console.log("[AriaProvider] Anam client initialized successfully"),
|
|
5154
|
+
console.log("[AriaProvider] openAssistant - isAnamReady:", te, "hasToken:", Ae, "status:", or), te && or === "ready" ? (d(!1), u(!0), console.log("[AriaProvider] Opening with already initialized session")) : Ae ? (d(!0), console.log("[AriaProvider] Initializing Anam client on demand (lazy init)"), f.current.initializeSessionOnDemand().then(() => {
|
|
5155
|
+
console.log("[AriaProvider] Anam client initialized successfully"), d(!1), u(!0);
|
|
5142
5156
|
const oe = f.current.getSessionState();
|
|
5143
|
-
|
|
5157
|
+
B(oe);
|
|
5144
5158
|
}).catch((oe) => {
|
|
5145
|
-
console.error("[AriaProvider] Failed to initialize Anam client:", oe),
|
|
5146
|
-
})) : (
|
|
5159
|
+
console.error("[AriaProvider] Failed to initialize Anam client:", oe), d(!1), oe.message?.includes("expired") ? V("Session expired, getting a new session...") : V(oe instanceof Error ? oe.message : "Failed to initialize session");
|
|
5160
|
+
})) : (d(!0), console.log("[AriaProvider] Opening, waiting for session token..."), f.current.isConnected() ? console.log("[AriaProvider] WebSocket connected, waiting for token response...") : (console.log("[AriaProvider] WebSocket not connected, connecting..."), f.current.connect()));
|
|
5147
5161
|
}, [r.persistSession]);
|
|
5148
5162
|
X(() => {
|
|
5149
5163
|
ge.current = w;
|
|
5150
5164
|
}, [w]);
|
|
5151
|
-
const I =
|
|
5152
|
-
console.log("[AriaProvider] Minimizing assistant"),
|
|
5153
|
-
}, []), ee =
|
|
5154
|
-
console.log("[AriaProvider] Maximizing assistant"),
|
|
5155
|
-
}, []), ye =
|
|
5156
|
-
|
|
5157
|
-
}, []), ze =
|
|
5165
|
+
const I = C(() => {
|
|
5166
|
+
console.log("[AriaProvider] Minimizing assistant"), c(!0);
|
|
5167
|
+
}, []), ee = C(() => {
|
|
5168
|
+
console.log("[AriaProvider] Maximizing assistant"), c(!1);
|
|
5169
|
+
}, []), ye = C(() => {
|
|
5170
|
+
a(!1), c(!1), f.current && (x.current && f.current.detachFromVideoElement(x.current), P(""), console.log("[AriaProvider] Pausing session (widget closed)"), f.current.pauseSession(), A(!0));
|
|
5171
|
+
}, []), ze = C(() => {
|
|
5158
5172
|
j((b) => !b);
|
|
5159
|
-
}, []), re =
|
|
5173
|
+
}, []), re = C(async (b) => {
|
|
5160
5174
|
if (!f.current || !s)
|
|
5161
5175
|
throw new Error("Not connected to Aria");
|
|
5162
5176
|
try {
|
|
5163
5177
|
await f.current.sendMessage(b);
|
|
5164
|
-
} catch (
|
|
5165
|
-
const te =
|
|
5166
|
-
throw V(te), r.onError?.(
|
|
5178
|
+
} catch (M) {
|
|
5179
|
+
const te = M instanceof Error ? M.message : "Failed to send message";
|
|
5180
|
+
throw V(te), r.onError?.(M instanceof Error ? M : new Error(te)), M;
|
|
5167
5181
|
}
|
|
5168
|
-
}, [s, r]), We =
|
|
5182
|
+
}, [s, r]), We = C(() => {
|
|
5169
5183
|
if (!f.current) return;
|
|
5170
5184
|
const b = f.current.toggleMute();
|
|
5171
5185
|
W(b);
|
|
5172
|
-
}, []), xe =
|
|
5186
|
+
}, []), xe = C(() => p.session_id, [p.session_id]), jr = {
|
|
5173
5187
|
// UI State
|
|
5174
5188
|
isOpen: t,
|
|
5175
5189
|
isMinimized: n,
|
|
5176
5190
|
isConnected: s,
|
|
5177
|
-
isLoading:
|
|
5178
|
-
chatMessages:
|
|
5191
|
+
isLoading: l,
|
|
5192
|
+
chatMessages: m,
|
|
5179
5193
|
liveTranscript: R,
|
|
5180
5194
|
isChatVisible: k,
|
|
5181
|
-
isMuted:
|
|
5195
|
+
isMuted: H,
|
|
5182
5196
|
error: U,
|
|
5183
5197
|
// Tool Call State
|
|
5184
5198
|
toolCallState: N,
|
|
5185
5199
|
// Session State
|
|
5186
|
-
sessionState:
|
|
5200
|
+
sessionState: p,
|
|
5187
5201
|
sessionManagerStatus: ae,
|
|
5188
|
-
isSessionPreloaded:
|
|
5202
|
+
isSessionPreloaded: p.isPreloaded && ae === "ready",
|
|
5189
5203
|
isSessionPaused: $,
|
|
5190
5204
|
// Actions
|
|
5191
5205
|
openAssistant: w,
|
|
@@ -5199,17 +5213,17 @@ const so = Dr, Gt = ({
|
|
|
5199
5213
|
stopSession: fe,
|
|
5200
5214
|
triggerSession: pe,
|
|
5201
5215
|
refreshSession: Je,
|
|
5202
|
-
setVideoElement:
|
|
5216
|
+
setVideoElement: he,
|
|
5203
5217
|
// Display State
|
|
5204
5218
|
displayMode: q,
|
|
5205
|
-
triggerMode:
|
|
5219
|
+
triggerMode: h,
|
|
5206
5220
|
theme: S,
|
|
5207
5221
|
// Config
|
|
5208
5222
|
config: r,
|
|
5209
5223
|
// Utilities
|
|
5210
5224
|
getSessionId: xe
|
|
5211
5225
|
};
|
|
5212
|
-
return /* @__PURE__ */
|
|
5226
|
+
return /* @__PURE__ */ g(wr.Provider, { value: jr, children: [
|
|
5213
5227
|
e,
|
|
5214
5228
|
r.showAssistant !== !1 && /* @__PURE__ */ o(
|
|
5215
5229
|
Qt,
|
|
@@ -5225,61 +5239,61 @@ const so = Dr, Gt = ({
|
|
|
5225
5239
|
sessionState: r,
|
|
5226
5240
|
sessionManagerStatus: e,
|
|
5227
5241
|
isSessionPreloaded: t,
|
|
5228
|
-
isSessionPaused:
|
|
5242
|
+
isSessionPaused: a,
|
|
5229
5243
|
isConnected: n,
|
|
5230
|
-
isLoading:
|
|
5244
|
+
isLoading: c,
|
|
5231
5245
|
stopSession: s,
|
|
5232
|
-
refreshSession:
|
|
5233
|
-
startSession:
|
|
5234
|
-
triggerSession:
|
|
5235
|
-
getSessionId:
|
|
5236
|
-
} =
|
|
5246
|
+
refreshSession: u,
|
|
5247
|
+
startSession: l,
|
|
5248
|
+
triggerSession: d,
|
|
5249
|
+
getSessionId: m
|
|
5250
|
+
} = Ce(), E = Xe(() => {
|
|
5237
5251
|
if (!r.expires_at)
|
|
5238
5252
|
return {
|
|
5239
5253
|
isExpired: !1,
|
|
5240
5254
|
isExpiringSoon: !1,
|
|
5241
5255
|
timeUntilExpiry: null
|
|
5242
5256
|
};
|
|
5243
|
-
const U = new Date(r.expires_at).getTime(), V = Date.now(),
|
|
5257
|
+
const U = new Date(r.expires_at).getTime(), V = Date.now(), h = U - V, L = 300 * 1e3;
|
|
5244
5258
|
return {
|
|
5245
|
-
isExpired:
|
|
5246
|
-
isExpiringSoon:
|
|
5247
|
-
timeUntilExpiry:
|
|
5259
|
+
isExpired: h <= 0,
|
|
5260
|
+
isExpiringSoon: h > 0 && h <= L,
|
|
5261
|
+
timeUntilExpiry: h > 0 ? h : null
|
|
5248
5262
|
};
|
|
5249
5263
|
}, [r.expires_at]), R = Xe(() => ({
|
|
5250
5264
|
sessionState: r,
|
|
5251
5265
|
status: e,
|
|
5252
5266
|
isPreloaded: t,
|
|
5253
|
-
isPaused:
|
|
5267
|
+
isPaused: a,
|
|
5254
5268
|
isConnected: n,
|
|
5255
|
-
isLoading:
|
|
5256
|
-
sessionId:
|
|
5269
|
+
isLoading: c,
|
|
5270
|
+
sessionId: m(),
|
|
5257
5271
|
...E
|
|
5258
5272
|
}), [
|
|
5259
5273
|
r,
|
|
5260
5274
|
e,
|
|
5261
5275
|
t,
|
|
5262
|
-
|
|
5276
|
+
a,
|
|
5263
5277
|
n,
|
|
5264
|
-
|
|
5265
|
-
|
|
5278
|
+
c,
|
|
5279
|
+
m,
|
|
5266
5280
|
E
|
|
5267
|
-
]), P =
|
|
5281
|
+
]), P = C(async () => {
|
|
5268
5282
|
await s();
|
|
5269
|
-
}, [s]), k =
|
|
5270
|
-
await
|
|
5271
|
-
}, [
|
|
5272
|
-
await
|
|
5273
|
-
}, [
|
|
5274
|
-
|
|
5275
|
-
}, [
|
|
5283
|
+
}, [s]), k = C(async () => {
|
|
5284
|
+
await u();
|
|
5285
|
+
}, [u]), j = C(async () => {
|
|
5286
|
+
await l();
|
|
5287
|
+
}, [l]), H = C((U = !0) => {
|
|
5288
|
+
d({ userTrigger: U });
|
|
5289
|
+
}, [d]), W = Xe(() => ({
|
|
5276
5290
|
endSession: P,
|
|
5277
5291
|
refreshSession: k,
|
|
5278
5292
|
startSession: j,
|
|
5279
|
-
triggerSession:
|
|
5280
|
-
}), [P, k, j,
|
|
5293
|
+
triggerSession: H
|
|
5294
|
+
}), [P, k, j, H]);
|
|
5281
5295
|
return { session: R, actions: W };
|
|
5282
|
-
}, go = ({ open: r, onOpenChange: e, children: t }) => /* @__PURE__ */ o(je, { children: r && /* @__PURE__ */
|
|
5296
|
+
}, go = ({ open: r, onOpenChange: e, children: t }) => /* @__PURE__ */ o(je, { children: r && /* @__PURE__ */ g("div", { className: "fixed inset-0 z-50 flex items-center justify-center aria-animate-fade-in", children: [
|
|
5283
5297
|
/* @__PURE__ */ o(
|
|
5284
5298
|
"div",
|
|
5285
5299
|
{
|
|
@@ -5289,11 +5303,11 @@ const so = Dr, Gt = ({
|
|
|
5289
5303
|
),
|
|
5290
5304
|
t
|
|
5291
5305
|
] }) }), Kt = de.forwardRef(
|
|
5292
|
-
({ className: r, children: e, ...t },
|
|
5306
|
+
({ className: r, children: e, ...t }, a) => /* @__PURE__ */ o(
|
|
5293
5307
|
"div",
|
|
5294
5308
|
{
|
|
5295
|
-
ref:
|
|
5296
|
-
className:
|
|
5309
|
+
ref: a,
|
|
5310
|
+
className: i(
|
|
5297
5311
|
"fixed z-50 bg-background shadow-2xl rounded-2xl border aria-animate-scale-in",
|
|
5298
5312
|
"max-h-[90vh] overflow-auto",
|
|
5299
5313
|
r
|
|
@@ -5310,7 +5324,7 @@ const qt = ({
|
|
|
5310
5324
|
}) => /* @__PURE__ */ o(
|
|
5311
5325
|
"div",
|
|
5312
5326
|
{
|
|
5313
|
-
className:
|
|
5327
|
+
className: i(
|
|
5314
5328
|
"flex flex-col space-y-2 text-center sm:text-left p-6 pb-4",
|
|
5315
5329
|
r
|
|
5316
5330
|
),
|
|
@@ -5322,7 +5336,7 @@ const Jt = de.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
|
|
|
5322
5336
|
"h2",
|
|
5323
5337
|
{
|
|
5324
5338
|
ref: t,
|
|
5325
|
-
className:
|
|
5339
|
+
className: i(
|
|
5326
5340
|
"text-lg font-semibold leading-none tracking-tight",
|
|
5327
5341
|
r
|
|
5328
5342
|
),
|
|
@@ -5334,10 +5348,10 @@ const Xt = ({
|
|
|
5334
5348
|
className: r,
|
|
5335
5349
|
onClick: e,
|
|
5336
5350
|
...t
|
|
5337
|
-
}) => /* @__PURE__ */
|
|
5351
|
+
}) => /* @__PURE__ */ g(
|
|
5338
5352
|
"button",
|
|
5339
5353
|
{
|
|
5340
|
-
className:
|
|
5354
|
+
className: i(
|
|
5341
5355
|
"absolute right-4 top-4 rounded-xl p-1.5",
|
|
5342
5356
|
"opacity-70 transition-all duration-200",
|
|
5343
5357
|
"hover:opacity-100 hover:bg-muted",
|
|
@@ -5361,8 +5375,8 @@ function tr(r) {
|
|
|
5361
5375
|
if (!Zt(r))
|
|
5362
5376
|
return null;
|
|
5363
5377
|
try {
|
|
5364
|
-
const
|
|
5365
|
-
return JSON.parse(
|
|
5378
|
+
const a = r.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), n = a.padEnd(a.length + (4 - a.length % 4) % 4, "="), c = atob(n);
|
|
5379
|
+
return JSON.parse(c);
|
|
5366
5380
|
} catch (e) {
|
|
5367
5381
|
return console.error("Failed to decode JWT:", e), null;
|
|
5368
5382
|
}
|
|
@@ -5380,12 +5394,12 @@ function Yt(r) {
|
|
|
5380
5394
|
"sub"
|
|
5381
5395
|
// Subject (sometimes used for session)
|
|
5382
5396
|
];
|
|
5383
|
-
for (const
|
|
5384
|
-
if (
|
|
5385
|
-
return e[
|
|
5397
|
+
for (const a of t)
|
|
5398
|
+
if (a in e && typeof e[a] == "string")
|
|
5399
|
+
return e[a];
|
|
5386
5400
|
return null;
|
|
5387
5401
|
}
|
|
5388
|
-
function
|
|
5402
|
+
function uo(r) {
|
|
5389
5403
|
const e = tr(r);
|
|
5390
5404
|
if (!e)
|
|
5391
5405
|
return {
|
|
@@ -5394,15 +5408,15 @@ function ho(r) {
|
|
|
5394
5408
|
exp: null,
|
|
5395
5409
|
iat: null
|
|
5396
5410
|
};
|
|
5397
|
-
const t = Yt(r),
|
|
5411
|
+
const t = Yt(r), a = typeof e.exp == "number" ? e.exp : null, n = typeof e.iat == "number" ? e.iat : null;
|
|
5398
5412
|
return {
|
|
5399
5413
|
sessionId: t,
|
|
5400
5414
|
payload: e,
|
|
5401
|
-
exp:
|
|
5415
|
+
exp: a,
|
|
5402
5416
|
iat: n
|
|
5403
5417
|
};
|
|
5404
5418
|
}
|
|
5405
|
-
function
|
|
5419
|
+
function ho(r) {
|
|
5406
5420
|
const e = tr(r);
|
|
5407
5421
|
if (!e || typeof e.exp != "number")
|
|
5408
5422
|
return !0;
|
|
@@ -5414,11 +5428,11 @@ const $t = ({
|
|
|
5414
5428
|
triggerLabel: e,
|
|
5415
5429
|
container: t
|
|
5416
5430
|
}) => {
|
|
5417
|
-
const [
|
|
5431
|
+
const [a, n] = z(!1), [c, s] = z(!1), [u, l] = z(!1), [d, m] = z(!1), [E, R] = z([]), [P, k] = z(""), [j, H] = z(!1), [W, U] = z(!1), [V, h] = z(null), [, L] = z("user"), [q, O] = z("bottom-right"), [N, K] = z({
|
|
5418
5432
|
isActive: !1,
|
|
5419
5433
|
toolName: null,
|
|
5420
5434
|
toolData: null
|
|
5421
|
-
}), [
|
|
5435
|
+
}), [p, B] = z({
|
|
5422
5436
|
session_id: null,
|
|
5423
5437
|
token: null,
|
|
5424
5438
|
expires_at: null,
|
|
@@ -5426,79 +5440,79 @@ const $t = ({
|
|
|
5426
5440
|
lastError: null,
|
|
5427
5441
|
isPreloaded: !1,
|
|
5428
5442
|
isRefreshing: !1
|
|
5429
|
-
}), [ae, ie] = z("idle"), [, $] = z(!1), A = Y(null), S = Y(null), f =
|
|
5443
|
+
}), [ae, ie] = z("idle"), [, $] = z(!1), A = Y(null), S = Y(null), f = C((w) => {
|
|
5430
5444
|
const { newStatus: I } = w.data;
|
|
5431
|
-
ie(I), I === "preloading" || I === "connecting" ?
|
|
5432
|
-
}, [
|
|
5445
|
+
ie(I), I === "preloading" || I === "connecting" ? a && m(!0) : I === "ready" ? (m(!1), l(!0)) : I === "error" && m(!1);
|
|
5446
|
+
}, [a]), x = C((w) => {
|
|
5433
5447
|
if (console.log("[AriaStandaloneUI] Session ready event:", w.data), A.current) {
|
|
5434
5448
|
const I = A.current.getSessionState();
|
|
5435
|
-
|
|
5449
|
+
B(I), S.current && (console.log("[AriaStandaloneUI] Re-attaching video stream after session ready"), A.current.attachToVideoElement(S.current));
|
|
5436
5450
|
}
|
|
5437
|
-
|
|
5438
|
-
}, []), ge =
|
|
5451
|
+
l(!0), m(!1), h(null);
|
|
5452
|
+
}, []), ge = C((w) => {
|
|
5439
5453
|
const I = w.error?.message || "Session error";
|
|
5440
|
-
if (console.error("[AriaStandaloneUI] Session error:", I),
|
|
5454
|
+
if (console.error("[AriaStandaloneUI] Session error:", I), h(I), m(!1), A.current) {
|
|
5441
5455
|
const ee = A.current.getSessionState();
|
|
5442
|
-
|
|
5456
|
+
B(ee);
|
|
5443
5457
|
}
|
|
5444
|
-
}, []),
|
|
5458
|
+
}, []), ue = C((w) => {
|
|
5445
5459
|
const { connected: I } = w.data;
|
|
5446
|
-
if (
|
|
5460
|
+
if (l(I), !I && A.current) {
|
|
5447
5461
|
const ee = A.current.getSessionState();
|
|
5448
|
-
|
|
5462
|
+
B(ee);
|
|
5449
5463
|
}
|
|
5450
|
-
}, []), le =
|
|
5464
|
+
}, []), le = C((w) => {
|
|
5451
5465
|
const { messages: I } = w.data;
|
|
5452
5466
|
I && R(I);
|
|
5453
|
-
}, []), ne =
|
|
5467
|
+
}, []), ne = C((w) => {
|
|
5454
5468
|
const { liveTranscript: I } = w.data;
|
|
5455
5469
|
I !== void 0 && k(I);
|
|
5456
|
-
}, []), _ =
|
|
5470
|
+
}, []), _ = C((w) => {
|
|
5457
5471
|
const I = w.data;
|
|
5458
5472
|
K({
|
|
5459
5473
|
isActive: I.isActive,
|
|
5460
5474
|
toolName: I.toolName,
|
|
5461
5475
|
toolData: I.toolData
|
|
5462
5476
|
});
|
|
5463
|
-
}, []), G =
|
|
5477
|
+
}, []), G = C((w) => {
|
|
5464
5478
|
const I = S.current;
|
|
5465
5479
|
S.current = w, w && A.current ? (console.log("[AriaStandaloneUI] Attaching video stream to element"), A.current.attachToVideoElement(w)) : !w && I && A.current && (console.log("[AriaStandaloneUI] Detaching video stream from element"), A.current.detachFromVideoElement(I));
|
|
5466
|
-
}, []), Z =
|
|
5467
|
-
if (L(w), O(w === "websocket" ? "center" : "bottom-right"), n(!0), s(!1),
|
|
5480
|
+
}, []), Z = C((w = "user") => {
|
|
5481
|
+
if (L(w), O(w === "websocket" ? "center" : "bottom-right"), n(!0), s(!1), h(null), !A.current) return;
|
|
5468
5482
|
if (A.current.isSessionPaused()) {
|
|
5469
|
-
|
|
5483
|
+
m(!0), A.current.resumeSession().then((re) => {
|
|
5470
5484
|
if ($(!1), re) {
|
|
5471
|
-
|
|
5485
|
+
m(!1), l(!0);
|
|
5472
5486
|
const We = A.current.getSessionState();
|
|
5473
|
-
|
|
5487
|
+
B(We), R(A.current.getChatMessages());
|
|
5474
5488
|
} else
|
|
5475
5489
|
A.current.hasSessionToken() ? A.current.initializeSessionOnDemand().then(() => {
|
|
5476
|
-
|
|
5490
|
+
m(!1), l(!0);
|
|
5477
5491
|
const xe = A.current.getSessionState();
|
|
5478
|
-
|
|
5492
|
+
B(xe);
|
|
5479
5493
|
}).catch((xe) => {
|
|
5480
|
-
|
|
5494
|
+
m(!1), h(xe instanceof Error ? xe.message : "Failed to start new session");
|
|
5481
5495
|
}) : A.current.isConnected() || A.current.connect();
|
|
5482
5496
|
}).catch((re) => {
|
|
5483
|
-
|
|
5497
|
+
m(!1), $(!1), h(re instanceof Error ? re.message : "Failed to resume session");
|
|
5484
5498
|
});
|
|
5485
5499
|
return;
|
|
5486
5500
|
}
|
|
5487
5501
|
const ee = A.current.isAnamClientInitialized(), ye = A.current.hasSessionToken(), ze = A.current.getStatus();
|
|
5488
|
-
ee && ze === "ready" ? (
|
|
5489
|
-
|
|
5502
|
+
ee && ze === "ready" ? (m(!1), l(!0)) : ye ? (m(!0), A.current.initializeSessionOnDemand().then(() => {
|
|
5503
|
+
m(!1), l(!0);
|
|
5490
5504
|
const re = A.current.getSessionState();
|
|
5491
|
-
|
|
5505
|
+
B(re);
|
|
5492
5506
|
}).catch((re) => {
|
|
5493
|
-
|
|
5494
|
-
})) : (
|
|
5495
|
-
}, []), se =
|
|
5507
|
+
m(!1), h(re instanceof Error ? re.message : "Failed to initialize session");
|
|
5508
|
+
})) : (m(!0), A.current.isConnected() || A.current.connect());
|
|
5509
|
+
}, []), se = C(() => {
|
|
5496
5510
|
s(!0);
|
|
5497
|
-
}, []), F =
|
|
5511
|
+
}, []), F = C(() => {
|
|
5498
5512
|
s(!1);
|
|
5499
|
-
}, []), ce =
|
|
5513
|
+
}, []), ce = C(() => {
|
|
5500
5514
|
n(!1), s(!1), A.current && (S.current && A.current.detachFromVideoElement(S.current), k(""), console.log("[AriaStandaloneUI] Pausing session (widget closed)"), A.current.pauseSession(), $(!0));
|
|
5501
|
-
}, []),
|
|
5515
|
+
}, []), he = C(() => {
|
|
5502
5516
|
console.log("[AriaStandaloneUI] WebSocket trigger event"), Z("websocket");
|
|
5503
5517
|
}, [Z]);
|
|
5504
5518
|
X(() => {
|
|
@@ -5507,22 +5521,22 @@ const $t = ({
|
|
|
5507
5521
|
return;
|
|
5508
5522
|
}
|
|
5509
5523
|
const w = J.getInstance({});
|
|
5510
|
-
return A.current = w, w.addEventListener("status_change", f), w.addEventListener("session_ready", x), w.addEventListener("session_error", ge), w.addEventListener("connection_change",
|
|
5511
|
-
|
|
5524
|
+
return A.current = w, w.addEventListener("status_change", f), w.addEventListener("session_ready", x), w.addEventListener("session_error", ge), w.addEventListener("connection_change", ue), w.addEventListener("message_history", le), w.addEventListener("message_stream", ne), w.addEventListener("tool_call", _), w.setWebSocketTriggerCallback(he), queueMicrotask(() => {
|
|
5525
|
+
B(w.getSessionState()), ie(w.getStatus()), l(w.isConnected()), R(w.getChatMessages()), k(w.getLiveTranscript()), U(w.isMuted()), $(w.isSessionPaused());
|
|
5512
5526
|
const ee = w.getToolCallState();
|
|
5513
5527
|
K(ee);
|
|
5514
5528
|
}), () => {
|
|
5515
|
-
w.removeEventListener("status_change", f), w.removeEventListener("session_ready", x), w.removeEventListener("session_error", ge), w.removeEventListener("connection_change",
|
|
5529
|
+
w.removeEventListener("status_change", f), w.removeEventListener("session_ready", x), w.removeEventListener("session_error", ge), w.removeEventListener("connection_change", ue), w.removeEventListener("message_history", le), w.removeEventListener("message_stream", ne), w.removeEventListener("tool_call", _), w.setWebSocketTriggerCallback(null);
|
|
5516
5530
|
};
|
|
5517
5531
|
}, [
|
|
5518
5532
|
f,
|
|
5519
5533
|
x,
|
|
5520
5534
|
ge,
|
|
5521
|
-
|
|
5535
|
+
ue,
|
|
5522
5536
|
le,
|
|
5523
5537
|
ne,
|
|
5524
5538
|
_,
|
|
5525
|
-
|
|
5539
|
+
he
|
|
5526
5540
|
]), X(() => {
|
|
5527
5541
|
const w = (ze) => {
|
|
5528
5542
|
Z(ze.detail?.mode || "user");
|
|
@@ -5537,36 +5551,36 @@ const $t = ({
|
|
|
5537
5551
|
window.removeEventListener("aria:open", w), window.removeEventListener("aria:close", I), window.removeEventListener("aria:minimize", ee), window.removeEventListener("aria:maximize", ye);
|
|
5538
5552
|
};
|
|
5539
5553
|
}, [Z, ce, se, F]), X(() => {
|
|
5540
|
-
t.setAttribute("data-aria-open", String(
|
|
5541
|
-
}, [
|
|
5542
|
-
const pe =
|
|
5543
|
-
|
|
5544
|
-
}, []), we =
|
|
5545
|
-
if (!A.current || !
|
|
5554
|
+
t.setAttribute("data-aria-open", String(a));
|
|
5555
|
+
}, [a, t]);
|
|
5556
|
+
const pe = C(() => {
|
|
5557
|
+
H((w) => !w);
|
|
5558
|
+
}, []), we = C(async (w) => {
|
|
5559
|
+
if (!A.current || !u)
|
|
5546
5560
|
throw new Error("Not connected to Aria");
|
|
5547
5561
|
await A.current.sendMessage(w);
|
|
5548
|
-
}, [
|
|
5562
|
+
}, [u]), fe = C(() => {
|
|
5549
5563
|
if (!A.current) return;
|
|
5550
5564
|
const w = A.current.toggleMute();
|
|
5551
5565
|
U(w);
|
|
5552
|
-
}, []), Je =
|
|
5553
|
-
A.current && (
|
|
5554
|
-
|
|
5566
|
+
}, []), Je = C(() => {
|
|
5567
|
+
A.current && (m(!0), h(null), A.current.refreshSession().catch((w) => {
|
|
5568
|
+
h(w instanceof Error ? w.message : "Failed to refresh session"), m(!1);
|
|
5555
5569
|
}));
|
|
5556
5570
|
}, []);
|
|
5557
|
-
return /* @__PURE__ */
|
|
5558
|
-
!
|
|
5571
|
+
return /* @__PURE__ */ g(je, { children: [
|
|
5572
|
+
!a && /* @__PURE__ */ o(
|
|
5559
5573
|
eo,
|
|
5560
5574
|
{
|
|
5561
5575
|
showAvatar: !0,
|
|
5562
5576
|
label: e,
|
|
5563
5577
|
theme: r,
|
|
5564
|
-
isReady:
|
|
5578
|
+
isReady: p.isPreloaded || ae === "ready",
|
|
5565
5579
|
onClick: () => Z("user")
|
|
5566
5580
|
}
|
|
5567
5581
|
),
|
|
5568
|
-
|
|
5569
|
-
!
|
|
5582
|
+
a && /* @__PURE__ */ g(je, { children: [
|
|
5583
|
+
!c && /* @__PURE__ */ o(
|
|
5570
5584
|
"div",
|
|
5571
5585
|
{
|
|
5572
5586
|
onClick: (w) => {
|
|
@@ -5598,20 +5612,20 @@ const $t = ({
|
|
|
5598
5612
|
ro,
|
|
5599
5613
|
{
|
|
5600
5614
|
onClose: ce,
|
|
5601
|
-
isMinimized:
|
|
5615
|
+
isMinimized: c,
|
|
5602
5616
|
onMinimize: se,
|
|
5603
5617
|
onMaximize: F,
|
|
5604
5618
|
theme: r,
|
|
5605
5619
|
displayMode: q,
|
|
5606
|
-
isConnected:
|
|
5607
|
-
isLoading:
|
|
5620
|
+
isConnected: u,
|
|
5621
|
+
isLoading: d,
|
|
5608
5622
|
chatMessages: E,
|
|
5609
5623
|
liveTranscript: P,
|
|
5610
5624
|
isChatVisible: j,
|
|
5611
5625
|
isMuted: W,
|
|
5612
5626
|
error: V,
|
|
5613
5627
|
toolCallState: N,
|
|
5614
|
-
sessionState:
|
|
5628
|
+
sessionState: p,
|
|
5615
5629
|
setVideoElement: G,
|
|
5616
5630
|
toggleChat: pe,
|
|
5617
5631
|
sendMessage: we,
|
|
@@ -5627,10 +5641,10 @@ const $t = ({
|
|
|
5627
5641
|
showAvatar: r = !0,
|
|
5628
5642
|
label: e,
|
|
5629
5643
|
theme: t,
|
|
5630
|
-
isReady:
|
|
5644
|
+
isReady: a = !1,
|
|
5631
5645
|
onClick: n
|
|
5632
5646
|
}) => {
|
|
5633
|
-
const
|
|
5647
|
+
const c = t === "dark", s = e || "Talk to Aria";
|
|
5634
5648
|
return /* @__PURE__ */ o(
|
|
5635
5649
|
Ke,
|
|
5636
5650
|
{
|
|
@@ -5641,44 +5655,44 @@ const $t = ({
|
|
|
5641
5655
|
right: "1.5rem",
|
|
5642
5656
|
zIndex: 9997
|
|
5643
5657
|
},
|
|
5644
|
-
children: /* @__PURE__ */ o("div", { className:
|
|
5658
|
+
children: /* @__PURE__ */ o("div", { className: i("aria-assistant-container", c && "aria-dark"), children: /* @__PURE__ */ g(
|
|
5645
5659
|
"button",
|
|
5646
5660
|
{
|
|
5647
|
-
onClick: (
|
|
5648
|
-
|
|
5661
|
+
onClick: (u) => {
|
|
5662
|
+
u.preventDefault(), n();
|
|
5649
5663
|
},
|
|
5650
|
-
className:
|
|
5664
|
+
className: i(
|
|
5651
5665
|
"group relative flex items-center gap-3 px-3.5 py-2.5 rounded-xl",
|
|
5652
5666
|
"transition-all duration-200 ease-out",
|
|
5653
5667
|
"aria-animate-slide-up",
|
|
5654
5668
|
"border-none outline-none",
|
|
5655
5669
|
// Light mode styling
|
|
5656
|
-
!
|
|
5670
|
+
!c && [
|
|
5657
5671
|
"bg-white shadow-[0_8px_30px_rgb(0,0,0,0.12)]",
|
|
5658
5672
|
"hover:bg-gray-50 hover:shadow-[0_8px_30px_rgb(0,0,0,0.16)] hover:-translate-y-0.5"
|
|
5659
5673
|
],
|
|
5660
5674
|
// Dark mode styling
|
|
5661
|
-
|
|
5675
|
+
c && [
|
|
5662
5676
|
"bg-gray-900 shadow-[0_8px_30px_rgb(0,0,0,0.3)]",
|
|
5663
5677
|
"hover:bg-gray-850 hover:shadow-[0_8px_30px_rgb(0,0,0,0.4)] hover:-translate-y-0.5"
|
|
5664
5678
|
]
|
|
5665
5679
|
),
|
|
5666
5680
|
children: [
|
|
5667
|
-
r ? /* @__PURE__ */
|
|
5681
|
+
r ? /* @__PURE__ */ g("div", { className: i(
|
|
5668
5682
|
"relative w-9 h-9 rounded-lg overflow-hidden shrink-0",
|
|
5669
5683
|
"shadow-sm transition-all duration-200",
|
|
5670
|
-
|
|
5684
|
+
c ? "bg-gray-800" : "bg-gray-100"
|
|
5671
5685
|
), children: [
|
|
5672
5686
|
/* @__PURE__ */ o(
|
|
5673
5687
|
"img",
|
|
5674
5688
|
{
|
|
5675
|
-
src:
|
|
5689
|
+
src: Me,
|
|
5676
5690
|
alt: s,
|
|
5677
5691
|
className: "w-full h-full object-cover",
|
|
5678
|
-
onError: (
|
|
5679
|
-
|
|
5680
|
-
const
|
|
5681
|
-
|
|
5692
|
+
onError: (u) => {
|
|
5693
|
+
u.currentTarget.style.display = "none";
|
|
5694
|
+
const l = u.currentTarget.nextElementSibling;
|
|
5695
|
+
l && (l.style.display = "flex");
|
|
5682
5696
|
}
|
|
5683
5697
|
}
|
|
5684
5698
|
),
|
|
@@ -5689,24 +5703,24 @@ const $t = ({
|
|
|
5689
5703
|
children: /* @__PURE__ */ o(Ee, { className: "w-4 h-4" })
|
|
5690
5704
|
}
|
|
5691
5705
|
),
|
|
5692
|
-
/* @__PURE__ */ o("span", { className:
|
|
5706
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
5693
5707
|
"absolute bottom-0 right-0 w-2.5 h-2.5 rounded-full border-2",
|
|
5694
|
-
|
|
5695
|
-
|
|
5708
|
+
c ? "border-gray-900" : "border-white",
|
|
5709
|
+
a ? "bg-emerald-500" : "bg-amber-500 animate-pulse"
|
|
5696
5710
|
) })
|
|
5697
|
-
] }) : /* @__PURE__ */ o("div", { className:
|
|
5711
|
+
] }) : /* @__PURE__ */ o("div", { className: i(
|
|
5698
5712
|
"relative w-9 h-9 rounded-lg flex items-center justify-center shrink-0",
|
|
5699
5713
|
"aria-gradient-bg text-white shadow-sm",
|
|
5700
5714
|
"transition-transform duration-200 group-hover:scale-105"
|
|
5701
5715
|
), children: /* @__PURE__ */ o(Ee, { className: "w-4 h-4" }) }),
|
|
5702
|
-
/* @__PURE__ */
|
|
5703
|
-
/* @__PURE__ */ o("span", { className:
|
|
5716
|
+
/* @__PURE__ */ g("div", { className: "relative flex flex-col items-start min-w-0 text-left", children: [
|
|
5717
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
5704
5718
|
"font-bold text-[13px] tracking-tight leading-none",
|
|
5705
|
-
|
|
5719
|
+
c ? "text-white" : "text-gray-900"
|
|
5706
5720
|
), children: s }),
|
|
5707
|
-
/* @__PURE__ */ o("span", { className:
|
|
5721
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
5708
5722
|
"text-[10px] font-medium mt-1 leading-none opacity-70",
|
|
5709
|
-
|
|
5723
|
+
c ? "text-gray-400" : "text-gray-500"
|
|
5710
5724
|
), children: "I'm here to chat" })
|
|
5711
5725
|
] })
|
|
5712
5726
|
]
|
|
@@ -5718,37 +5732,37 @@ const $t = ({
|
|
|
5718
5732
|
onClose: r,
|
|
5719
5733
|
isMinimized: e,
|
|
5720
5734
|
onMinimize: t,
|
|
5721
|
-
onMaximize:
|
|
5735
|
+
onMaximize: a,
|
|
5722
5736
|
theme: n,
|
|
5723
|
-
displayMode:
|
|
5737
|
+
displayMode: c,
|
|
5724
5738
|
isConnected: s,
|
|
5725
|
-
isLoading:
|
|
5726
|
-
chatMessages:
|
|
5727
|
-
liveTranscript:
|
|
5728
|
-
isChatVisible:
|
|
5739
|
+
isLoading: u,
|
|
5740
|
+
chatMessages: l,
|
|
5741
|
+
liveTranscript: d,
|
|
5742
|
+
isChatVisible: m,
|
|
5729
5743
|
isMuted: E,
|
|
5730
5744
|
error: R,
|
|
5731
5745
|
toolCallState: P,
|
|
5732
5746
|
setVideoElement: k,
|
|
5733
5747
|
toggleChat: j,
|
|
5734
|
-
sendMessage:
|
|
5748
|
+
sendMessage: H,
|
|
5735
5749
|
toggleMute: W,
|
|
5736
5750
|
refreshSession: U
|
|
5737
5751
|
}) => {
|
|
5738
|
-
const V = Y(null),
|
|
5752
|
+
const V = Y(null), h = Y(null), [L, q] = z(""), [O, N] = z(!1), K = Y(null), p = n === "dark", B = c === "bottom-right", ae = c === "center";
|
|
5739
5753
|
X(() => {
|
|
5740
|
-
|
|
5741
|
-
}, [
|
|
5754
|
+
h.current && (h.current.scrollTop = h.current.scrollHeight);
|
|
5755
|
+
}, [d]), X(() => (V.current && (console.log("[AriaWidgetStandalone] Registering video element, minimized:", e), k(V.current)), () => {
|
|
5742
5756
|
k(null);
|
|
5743
5757
|
}), [k, e]), X(() => {
|
|
5744
5758
|
K.current?.scrollIntoView({ behavior: "smooth" });
|
|
5745
|
-
}, [
|
|
5759
|
+
}, [l]);
|
|
5746
5760
|
const ie = async () => {
|
|
5747
5761
|
if (!L.trim() || !s || O) return;
|
|
5748
5762
|
const S = L.trim();
|
|
5749
5763
|
q(""), N(!0);
|
|
5750
5764
|
try {
|
|
5751
|
-
await
|
|
5765
|
+
await H(S);
|
|
5752
5766
|
} catch (f) {
|
|
5753
5767
|
console.error("Failed to send message:", f), q(S);
|
|
5754
5768
|
} finally {
|
|
@@ -5763,12 +5777,12 @@ const $t = ({
|
|
|
5763
5777
|
return e ? /* @__PURE__ */ o(
|
|
5764
5778
|
"div",
|
|
5765
5779
|
{
|
|
5766
|
-
className:
|
|
5780
|
+
className: i(
|
|
5767
5781
|
"aria-assistant-container flex flex-col overflow-hidden aria-animate-scale-in",
|
|
5768
|
-
|
|
5782
|
+
p && "aria-dark",
|
|
5769
5783
|
"shadow-2xl rounded-xl",
|
|
5770
|
-
!
|
|
5771
|
-
|
|
5784
|
+
!p && "bg-white/95 border border-gray-200/80",
|
|
5785
|
+
p && "bg-gray-950/95 border border-gray-800/50",
|
|
5772
5786
|
"fixed bottom-6 right-6",
|
|
5773
5787
|
"w-[320px] h-[240px]"
|
|
5774
5788
|
),
|
|
@@ -5777,9 +5791,9 @@ const $t = ({
|
|
|
5777
5791
|
backdropFilter: "blur(8px)",
|
|
5778
5792
|
WebkitBackdropFilter: "blur(8px)"
|
|
5779
5793
|
},
|
|
5780
|
-
children: /* @__PURE__ */
|
|
5794
|
+
children: /* @__PURE__ */ g("div", { className: i(
|
|
5781
5795
|
"relative flex-1 flex items-center justify-center overflow-hidden",
|
|
5782
|
-
|
|
5796
|
+
p ? "bg-gradient-to-br from-gray-900 to-black" : "bg-gradient-to-br from-gray-100 to-gray-50"
|
|
5783
5797
|
), children: [
|
|
5784
5798
|
/* @__PURE__ */ o(
|
|
5785
5799
|
"video",
|
|
@@ -5790,39 +5804,39 @@ const $t = ({
|
|
|
5790
5804
|
className: "w-full h-full object-cover"
|
|
5791
5805
|
}
|
|
5792
5806
|
),
|
|
5793
|
-
P.isActive && s && /* @__PURE__ */
|
|
5807
|
+
P.isActive && s && /* @__PURE__ */ g(
|
|
5794
5808
|
"div",
|
|
5795
5809
|
{
|
|
5796
|
-
className:
|
|
5810
|
+
className: i(
|
|
5797
5811
|
"absolute top-3 left-3 aria-animate-fade-in z-20",
|
|
5798
5812
|
"flex items-center gap-2 px-3 py-2 rounded-lg",
|
|
5799
5813
|
"shadow-lg",
|
|
5800
|
-
|
|
5814
|
+
p ? "bg-amber-900/30 border border-amber-700/50" : "bg-amber-50 border border-amber-200"
|
|
5801
5815
|
),
|
|
5802
5816
|
style: { backdropFilter: "blur(8px)" },
|
|
5803
5817
|
children: [
|
|
5804
|
-
/* @__PURE__ */ o("div", { className:
|
|
5818
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
5805
5819
|
"w-5 h-5 rounded-full flex items-center justify-center",
|
|
5806
|
-
|
|
5807
|
-
), children: /* @__PURE__ */ o(Oe, { className:
|
|
5820
|
+
p ? "bg-amber-800/50" : "bg-amber-100"
|
|
5821
|
+
), children: /* @__PURE__ */ o(Oe, { className: i(
|
|
5808
5822
|
"w-3 h-3 animate-pulse",
|
|
5809
|
-
|
|
5823
|
+
p ? "text-amber-400" : "text-amber-600"
|
|
5810
5824
|
) }) }),
|
|
5811
|
-
/* @__PURE__ */ o("span", { className:
|
|
5825
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
5812
5826
|
"text-[10px] font-semibold",
|
|
5813
|
-
|
|
5827
|
+
p ? "text-amber-200" : "text-amber-800"
|
|
5814
5828
|
), children: P.toolName ? P.toolName.replace(/_/g, " ") : "Processing..." })
|
|
5815
5829
|
]
|
|
5816
5830
|
}
|
|
5817
5831
|
),
|
|
5818
|
-
s && !R && /* @__PURE__ */
|
|
5832
|
+
s && !R && /* @__PURE__ */ g(
|
|
5819
5833
|
"div",
|
|
5820
5834
|
{
|
|
5821
|
-
className:
|
|
5835
|
+
className: i(
|
|
5822
5836
|
"absolute bottom-3 left-1/2 transform -translate-x-1/2 z-20",
|
|
5823
5837
|
"flex items-center gap-1 p-1 rounded-full",
|
|
5824
5838
|
"shadow-xl",
|
|
5825
|
-
|
|
5839
|
+
p ? "bg-gray-900/90" : "bg-white/90"
|
|
5826
5840
|
),
|
|
5827
5841
|
style: { backdropFilter: "blur(12px)" },
|
|
5828
5842
|
children: [
|
|
@@ -5830,10 +5844,10 @@ const $t = ({
|
|
|
5830
5844
|
"button",
|
|
5831
5845
|
{
|
|
5832
5846
|
onClick: W,
|
|
5833
|
-
className:
|
|
5847
|
+
className: i(
|
|
5834
5848
|
"w-8 h-8 rounded-full flex items-center justify-center transition-all duration-200",
|
|
5835
5849
|
"border-0 outline-none focus:outline-none shadow-sm",
|
|
5836
|
-
E ? "bg-red-500 hover:bg-red-600 text-white" :
|
|
5850
|
+
E ? "bg-red-500 hover:bg-red-600 text-white" : p ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
|
|
5837
5851
|
),
|
|
5838
5852
|
title: E ? "Unmute" : "Mute",
|
|
5839
5853
|
children: E ? /* @__PURE__ */ o(_e, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ o(Le, { className: "h-3.5 w-3.5" })
|
|
@@ -5842,11 +5856,11 @@ const $t = ({
|
|
|
5842
5856
|
/* @__PURE__ */ o(
|
|
5843
5857
|
"button",
|
|
5844
5858
|
{
|
|
5845
|
-
onClick:
|
|
5846
|
-
className:
|
|
5859
|
+
onClick: a,
|
|
5860
|
+
className: i(
|
|
5847
5861
|
"w-8 h-8 rounded-full flex items-center justify-center transition-all duration-200",
|
|
5848
5862
|
"border-0 outline-none focus:outline-none shadow-sm",
|
|
5849
|
-
|
|
5863
|
+
p ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
|
|
5850
5864
|
),
|
|
5851
5865
|
title: "Maximize",
|
|
5852
5866
|
children: /* @__PURE__ */ o(fr, { className: "h-3.5 w-3.5" })
|
|
@@ -5864,25 +5878,25 @@ const $t = ({
|
|
|
5864
5878
|
]
|
|
5865
5879
|
}
|
|
5866
5880
|
),
|
|
5867
|
-
|
|
5881
|
+
u && /* @__PURE__ */ g("div", { className: i(
|
|
5868
5882
|
"absolute inset-0 flex flex-col items-center justify-center z-10",
|
|
5869
|
-
|
|
5883
|
+
p ? "bg-gradient-to-br from-gray-900 to-gray-950" : "bg-gradient-to-br from-gray-50 to-white"
|
|
5870
5884
|
), children: [
|
|
5871
|
-
/* @__PURE__ */
|
|
5872
|
-
/* @__PURE__ */ o("div", { className:
|
|
5885
|
+
/* @__PURE__ */ g("div", { className: "relative mb-3", children: [
|
|
5886
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
5873
5887
|
"absolute -inset-2 rounded-full animate-spin",
|
|
5874
|
-
|
|
5875
|
-
), style: { animationDuration: "3s" }, children: /* @__PURE__ */ o("div", { className:
|
|
5888
|
+
p ? "bg-gradient-to-r from-indigo-400 via-purple-400 to-pink-400" : "bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500"
|
|
5889
|
+
), style: { animationDuration: "3s" }, children: /* @__PURE__ */ o("div", { className: i(
|
|
5876
5890
|
"absolute inset-[2px] rounded-full",
|
|
5877
|
-
|
|
5891
|
+
p ? "bg-gray-900" : "bg-white"
|
|
5878
5892
|
) }) }),
|
|
5879
|
-
/* @__PURE__ */ o("div", { className:
|
|
5893
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
5880
5894
|
"relative w-12 h-12 rounded-full overflow-hidden shadow-lg",
|
|
5881
|
-
|
|
5895
|
+
p ? "bg-gray-800 ring-2 ring-gray-900" : "bg-gray-100 ring-2 ring-white"
|
|
5882
5896
|
), children: /* @__PURE__ */ o(
|
|
5883
5897
|
"img",
|
|
5884
5898
|
{
|
|
5885
|
-
src:
|
|
5899
|
+
src: Me,
|
|
5886
5900
|
alt: "Aria",
|
|
5887
5901
|
className: "w-full h-full object-cover",
|
|
5888
5902
|
onError: (S) => {
|
|
@@ -5891,28 +5905,28 @@ const $t = ({
|
|
|
5891
5905
|
}
|
|
5892
5906
|
) })
|
|
5893
5907
|
] }),
|
|
5894
|
-
/* @__PURE__ */ o("p", { className:
|
|
5908
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
5895
5909
|
"text-xs font-medium",
|
|
5896
|
-
|
|
5910
|
+
p ? "text-gray-400" : "text-gray-600"
|
|
5897
5911
|
), children: "Connecting..." })
|
|
5898
5912
|
] }),
|
|
5899
|
-
R && /* @__PURE__ */
|
|
5913
|
+
R && /* @__PURE__ */ g("div", { className: i(
|
|
5900
5914
|
"absolute inset-0 flex flex-col items-center justify-center z-10 p-4",
|
|
5901
|
-
|
|
5915
|
+
p ? "bg-gray-950/90" : "bg-white/90"
|
|
5902
5916
|
), children: [
|
|
5903
5917
|
/* @__PURE__ */ o("div", { className: "w-10 h-10 rounded-full bg-red-500/10 flex items-center justify-center mb-2", children: /* @__PURE__ */ o(Ve, { className: "w-5 h-5 text-red-500" }) }),
|
|
5904
|
-
/* @__PURE__ */ o("p", { className:
|
|
5918
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
5905
5919
|
"text-xs font-medium text-center mb-2",
|
|
5906
|
-
|
|
5920
|
+
p ? "text-red-300" : "text-red-700"
|
|
5907
5921
|
), children: "Connection error" }),
|
|
5908
|
-
/* @__PURE__ */
|
|
5922
|
+
/* @__PURE__ */ g(
|
|
5909
5923
|
"button",
|
|
5910
5924
|
{
|
|
5911
5925
|
onClick: U,
|
|
5912
|
-
className:
|
|
5926
|
+
className: i(
|
|
5913
5927
|
"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium",
|
|
5914
5928
|
"transition-all duration-200",
|
|
5915
|
-
|
|
5929
|
+
p ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
|
|
5916
5930
|
),
|
|
5917
5931
|
children: [
|
|
5918
5932
|
/* @__PURE__ */ o(Ne, { className: "w-3 h-3" }),
|
|
@@ -5926,15 +5940,15 @@ const $t = ({
|
|
|
5926
5940
|
) : /* @__PURE__ */ o(
|
|
5927
5941
|
"div",
|
|
5928
5942
|
{
|
|
5929
|
-
className:
|
|
5943
|
+
className: i(
|
|
5930
5944
|
"aria-assistant-container flex flex-col overflow-hidden aria-animate-scale-in",
|
|
5931
|
-
|
|
5945
|
+
p && "aria-dark",
|
|
5932
5946
|
"shadow-2xl",
|
|
5933
|
-
!
|
|
5934
|
-
|
|
5935
|
-
|
|
5936
|
-
|
|
5937
|
-
|
|
5947
|
+
!p && "bg-white/95 border border-gray-200/80",
|
|
5948
|
+
p && "bg-gray-950/95 border border-gray-800/50",
|
|
5949
|
+
B && "fixed bottom-6 right-6 rounded-xl",
|
|
5950
|
+
B && (m ? "w-[960px]" : "w-[640px]"),
|
|
5951
|
+
B && "h-[500px]",
|
|
5938
5952
|
ae && "fixed inset-8 md:inset-16 lg:inset-20 rounded-2xl"
|
|
5939
5953
|
),
|
|
5940
5954
|
style: {
|
|
@@ -5942,50 +5956,50 @@ const $t = ({
|
|
|
5942
5956
|
backdropFilter: "blur(8px)",
|
|
5943
5957
|
WebkitBackdropFilter: "blur(8px)"
|
|
5944
5958
|
},
|
|
5945
|
-
children: /* @__PURE__ */
|
|
5946
|
-
/* @__PURE__ */
|
|
5959
|
+
children: /* @__PURE__ */ g("div", { className: "flex-1 flex overflow-hidden min-h-0", children: [
|
|
5960
|
+
/* @__PURE__ */ g("div", { className: i(
|
|
5947
5961
|
"relative flex items-center justify-center overflow-hidden",
|
|
5948
|
-
|
|
5949
|
-
|
|
5962
|
+
p ? "bg-gradient-to-br from-gray-900 to-black" : "bg-gradient-to-br from-gray-100 to-gray-50",
|
|
5963
|
+
m ? "flex-1" : "w-full"
|
|
5950
5964
|
), children: [
|
|
5951
|
-
|
|
5965
|
+
u && /* @__PURE__ */ g("div", { className: i(
|
|
5952
5966
|
"absolute inset-0 flex flex-col items-center justify-center z-10",
|
|
5953
|
-
|
|
5967
|
+
p ? "bg-gradient-to-br from-gray-900 to-gray-950" : "bg-gradient-to-br from-gray-50 to-white"
|
|
5954
5968
|
), children: [
|
|
5955
|
-
/* @__PURE__ */
|
|
5956
|
-
/* @__PURE__ */ o("div", { className:
|
|
5969
|
+
/* @__PURE__ */ g("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
|
|
5970
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
5957
5971
|
"absolute w-96 h-96 rounded-full opacity-20 blur-3xl",
|
|
5958
5972
|
"animate-pulse",
|
|
5959
|
-
|
|
5973
|
+
p ? "bg-indigo-900" : "bg-indigo-300"
|
|
5960
5974
|
), style: { top: "20%", left: "10%", animationDuration: "3s" } }),
|
|
5961
|
-
/* @__PURE__ */ o("div", { className:
|
|
5975
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
5962
5976
|
"absolute w-64 h-64 rounded-full opacity-20 blur-3xl",
|
|
5963
5977
|
"animate-pulse",
|
|
5964
|
-
|
|
5978
|
+
p ? "bg-purple-900" : "bg-purple-300"
|
|
5965
5979
|
), style: { bottom: "20%", right: "10%", animationDuration: "4s", animationDelay: "1s" } })
|
|
5966
5980
|
] }),
|
|
5967
|
-
/* @__PURE__ */
|
|
5968
|
-
/* @__PURE__ */
|
|
5969
|
-
/* @__PURE__ */ o("div", { className:
|
|
5981
|
+
/* @__PURE__ */ g("div", { className: "relative flex flex-col items-center", children: [
|
|
5982
|
+
/* @__PURE__ */ g("div", { className: "relative mb-6", children: [
|
|
5983
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
5970
5984
|
"absolute -inset-3 rounded-full",
|
|
5971
5985
|
"animate-spin",
|
|
5972
|
-
|
|
5973
|
-
), style: { animationDuration: "3s" }, children: /* @__PURE__ */ o("div", { className:
|
|
5986
|
+
p ? "bg-gradient-to-r from-indigo-400 via-purple-400 to-pink-400" : "bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500"
|
|
5987
|
+
), style: { animationDuration: "3s" }, children: /* @__PURE__ */ o("div", { className: i(
|
|
5974
5988
|
"absolute inset-[3px] rounded-full",
|
|
5975
|
-
|
|
5989
|
+
p ? "bg-gray-900" : "bg-white"
|
|
5976
5990
|
) }) }),
|
|
5977
|
-
/* @__PURE__ */ o("div", { className:
|
|
5991
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
5978
5992
|
"absolute -inset-1.5 rounded-full opacity-60 animate-pulse",
|
|
5979
|
-
|
|
5993
|
+
p ? "bg-gradient-to-r from-indigo-500 to-purple-500" : "bg-gradient-to-r from-indigo-400 to-purple-400"
|
|
5980
5994
|
) }),
|
|
5981
|
-
/* @__PURE__ */ o("div", { className:
|
|
5995
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
5982
5996
|
"relative w-20 h-20 rounded-full overflow-hidden",
|
|
5983
5997
|
"shadow-xl",
|
|
5984
|
-
|
|
5998
|
+
p ? "bg-gray-800 ring-4 ring-gray-900" : "bg-gray-100 ring-4 ring-white"
|
|
5985
5999
|
), children: /* @__PURE__ */ o(
|
|
5986
6000
|
"img",
|
|
5987
6001
|
{
|
|
5988
|
-
src:
|
|
6002
|
+
src: Me,
|
|
5989
6003
|
alt: "Aria",
|
|
5990
6004
|
className: "w-full h-full object-cover",
|
|
5991
6005
|
onError: (S) => {
|
|
@@ -5994,16 +6008,16 @@ const $t = ({
|
|
|
5994
6008
|
}
|
|
5995
6009
|
) })
|
|
5996
6010
|
] }),
|
|
5997
|
-
/* @__PURE__ */ o("h3", { className:
|
|
6011
|
+
/* @__PURE__ */ o("h3", { className: i(
|
|
5998
6012
|
"text-2xl font-bold tracking-tight mb-2",
|
|
5999
|
-
|
|
6013
|
+
p ? "text-white" : "text-gray-900"
|
|
6000
6014
|
), children: "Aria is joining..." }),
|
|
6001
6015
|
/* @__PURE__ */ o("div", { className: "flex items-center gap-1.5 mb-6", children: [0, 1, 2].map((S) => /* @__PURE__ */ o(
|
|
6002
6016
|
"div",
|
|
6003
6017
|
{
|
|
6004
|
-
className:
|
|
6018
|
+
className: i(
|
|
6005
6019
|
"w-2.5 h-2.5 rounded-full",
|
|
6006
|
-
|
|
6020
|
+
p ? "bg-indigo-400" : "bg-indigo-500"
|
|
6007
6021
|
),
|
|
6008
6022
|
style: {
|
|
6009
6023
|
animation: "aria-loading-bounce 1.4s ease-in-out infinite",
|
|
@@ -6012,42 +6026,42 @@ const $t = ({
|
|
|
6012
6026
|
},
|
|
6013
6027
|
S
|
|
6014
6028
|
)) }),
|
|
6015
|
-
/* @__PURE__ */ o("p", { className:
|
|
6029
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
6016
6030
|
"text-sm font-medium px-4 py-2 rounded-full",
|
|
6017
|
-
|
|
6031
|
+
p ? "bg-gray-800 text-gray-400" : "bg-gray-100 text-gray-600"
|
|
6018
6032
|
), children: "Get ready to chat" })
|
|
6019
6033
|
] })
|
|
6020
6034
|
] }),
|
|
6021
6035
|
R && /* @__PURE__ */ o(
|
|
6022
6036
|
"div",
|
|
6023
6037
|
{
|
|
6024
|
-
className:
|
|
6038
|
+
className: i(
|
|
6025
6039
|
"absolute inset-0 flex flex-col items-center justify-center z-10 p-6",
|
|
6026
|
-
|
|
6040
|
+
p ? "bg-gray-950/80" : "bg-white/80"
|
|
6027
6041
|
),
|
|
6028
6042
|
style: { backdropFilter: "blur(4px)" },
|
|
6029
|
-
children: /* @__PURE__ */ o("div", { className:
|
|
6043
|
+
children: /* @__PURE__ */ o("div", { className: i(
|
|
6030
6044
|
"rounded-lg p-6 max-w-sm w-full shadow-lg border",
|
|
6031
|
-
|
|
6032
|
-
), children: /* @__PURE__ */
|
|
6045
|
+
p ? "bg-gray-900 border-red-900/30" : "bg-white border-red-100"
|
|
6046
|
+
), children: /* @__PURE__ */ g("div", { className: "flex flex-col items-center text-center gap-3", children: [
|
|
6033
6047
|
/* @__PURE__ */ o("div", { className: "w-12 h-12 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ o(Ve, { className: "w-6 h-6 text-red-500" }) }),
|
|
6034
|
-
/* @__PURE__ */
|
|
6035
|
-
/* @__PURE__ */ o("p", { className:
|
|
6048
|
+
/* @__PURE__ */ g("div", { children: [
|
|
6049
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
6036
6050
|
"text-base font-bold mb-2",
|
|
6037
|
-
|
|
6051
|
+
p ? "text-red-200" : "text-red-900"
|
|
6038
6052
|
), children: "Couldn't reach Aria" }),
|
|
6039
|
-
/* @__PURE__ */ o("p", { className:
|
|
6053
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
6040
6054
|
"text-sm leading-relaxed mb-4",
|
|
6041
|
-
|
|
6055
|
+
p ? "text-red-400" : "text-red-600"
|
|
6042
6056
|
), children: R }),
|
|
6043
|
-
/* @__PURE__ */
|
|
6057
|
+
/* @__PURE__ */ g(
|
|
6044
6058
|
"button",
|
|
6045
6059
|
{
|
|
6046
6060
|
onClick: U,
|
|
6047
|
-
className:
|
|
6061
|
+
className: i(
|
|
6048
6062
|
"inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium",
|
|
6049
6063
|
"transition-all duration-200",
|
|
6050
|
-
|
|
6064
|
+
p ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
|
|
6051
6065
|
),
|
|
6052
6066
|
children: [
|
|
6053
6067
|
/* @__PURE__ */ o(Ne, { className: "w-4 h-4" }),
|
|
@@ -6068,40 +6082,40 @@ const $t = ({
|
|
|
6068
6082
|
className: "w-full h-full object-contain"
|
|
6069
6083
|
}
|
|
6070
6084
|
),
|
|
6071
|
-
P.isActive && s && /* @__PURE__ */
|
|
6085
|
+
P.isActive && s && /* @__PURE__ */ g(
|
|
6072
6086
|
"div",
|
|
6073
6087
|
{
|
|
6074
|
-
className:
|
|
6088
|
+
className: i(
|
|
6075
6089
|
"absolute top-3 left-3 aria-animate-fade-in z-20",
|
|
6076
6090
|
"flex items-center gap-2 px-3 py-2 rounded-lg",
|
|
6077
6091
|
"shadow-lg",
|
|
6078
|
-
|
|
6092
|
+
p ? "bg-amber-900/30 border border-amber-700/50" : "bg-amber-50 border border-amber-200"
|
|
6079
6093
|
),
|
|
6080
6094
|
style: { backdropFilter: "blur(8px)" },
|
|
6081
6095
|
children: [
|
|
6082
|
-
/* @__PURE__ */ o("div", { className:
|
|
6096
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
6083
6097
|
"w-6 h-6 rounded-full flex items-center justify-center",
|
|
6084
|
-
|
|
6085
|
-
), children: /* @__PURE__ */ o(Oe, { className:
|
|
6098
|
+
p ? "bg-amber-800/50" : "bg-amber-100"
|
|
6099
|
+
), children: /* @__PURE__ */ o(Oe, { className: i(
|
|
6086
6100
|
"w-3.5 h-3.5 animate-pulse",
|
|
6087
|
-
|
|
6101
|
+
p ? "text-amber-400" : "text-amber-600"
|
|
6088
6102
|
) }) }),
|
|
6089
|
-
/* @__PURE__ */
|
|
6090
|
-
/* @__PURE__ */ o("span", { className:
|
|
6103
|
+
/* @__PURE__ */ g("div", { className: "flex flex-col", children: [
|
|
6104
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
6091
6105
|
"text-xs font-semibold",
|
|
6092
|
-
|
|
6106
|
+
p ? "text-amber-200" : "text-amber-800"
|
|
6093
6107
|
), children: P.toolName ? `Running: ${P.toolName.replace(/_/g, " ")}` : "Processing..." }),
|
|
6094
|
-
/* @__PURE__ */ o("span", { className:
|
|
6108
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
6095
6109
|
"text-[10px]",
|
|
6096
|
-
|
|
6110
|
+
p ? "text-amber-400" : "text-amber-600"
|
|
6097
6111
|
), children: "Please wait..." })
|
|
6098
6112
|
] }),
|
|
6099
6113
|
/* @__PURE__ */ o("div", { className: "flex items-center gap-0.5 ml-1", children: [0, 1, 2].map((S) => /* @__PURE__ */ o(
|
|
6100
6114
|
"div",
|
|
6101
6115
|
{
|
|
6102
|
-
className:
|
|
6116
|
+
className: i(
|
|
6103
6117
|
"w-1.5 h-1.5 rounded-full",
|
|
6104
|
-
|
|
6118
|
+
p ? "bg-amber-400" : "bg-amber-500"
|
|
6105
6119
|
),
|
|
6106
6120
|
style: {
|
|
6107
6121
|
animation: "aria-loading-bounce 1.4s ease-in-out infinite",
|
|
@@ -6113,29 +6127,29 @@ const $t = ({
|
|
|
6113
6127
|
]
|
|
6114
6128
|
}
|
|
6115
6129
|
),
|
|
6116
|
-
|
|
6130
|
+
d && s && !P.isActive && /* @__PURE__ */ o(
|
|
6117
6131
|
"div",
|
|
6118
6132
|
{
|
|
6119
|
-
className:
|
|
6133
|
+
className: i(
|
|
6120
6134
|
"absolute top-0 left-0 right-0 aria-animate-fade-in",
|
|
6121
6135
|
"px-4 py-2",
|
|
6122
|
-
|
|
6136
|
+
p ? "bg-gradient-to-b from-white/60 to-transparent text-gray-900" : "bg-gradient-to-b from-black/60 to-transparent text-white"
|
|
6123
6137
|
),
|
|
6124
6138
|
style: { backdropFilter: "blur(4px)" },
|
|
6125
|
-
children: /* @__PURE__ */
|
|
6139
|
+
children: /* @__PURE__ */ g("div", { className: "flex items-start gap-2 max-w-full", children: [
|
|
6126
6140
|
/* @__PURE__ */ o("div", { className: "w-1.5 h-1.5 rounded-full bg-emerald-400 animate-pulse shrink-0 mt-1" }),
|
|
6127
|
-
/* @__PURE__ */ o("p", { ref:
|
|
6141
|
+
/* @__PURE__ */ o("p", { ref: h, className: "text-xs leading-relaxed flex-1 max-h-[3.5em] overflow-y-auto scrollbar-hide", children: d })
|
|
6128
6142
|
] })
|
|
6129
6143
|
}
|
|
6130
6144
|
),
|
|
6131
|
-
s && !R && /* @__PURE__ */
|
|
6145
|
+
s && !R && /* @__PURE__ */ g(
|
|
6132
6146
|
"div",
|
|
6133
6147
|
{
|
|
6134
|
-
className:
|
|
6148
|
+
className: i(
|
|
6135
6149
|
"absolute bottom-4 left-1/2 transform -translate-x-1/2 z-20",
|
|
6136
6150
|
"flex items-center gap-1.5 p-1 rounded-full",
|
|
6137
6151
|
"shadow-xl",
|
|
6138
|
-
|
|
6152
|
+
p ? "bg-gray-900/90" : "bg-white/90"
|
|
6139
6153
|
),
|
|
6140
6154
|
style: { backdropFilter: "blur(12px)" },
|
|
6141
6155
|
children: [
|
|
@@ -6143,23 +6157,23 @@ const $t = ({
|
|
|
6143
6157
|
"button",
|
|
6144
6158
|
{
|
|
6145
6159
|
onClick: j,
|
|
6146
|
-
className:
|
|
6160
|
+
className: i(
|
|
6147
6161
|
"w-9 h-9 rounded-full flex items-center justify-center transition-all duration-200",
|
|
6148
6162
|
"border-0 outline-none focus:outline-none shadow-sm",
|
|
6149
|
-
|
|
6163
|
+
m ? p ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white" : p ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
|
|
6150
6164
|
),
|
|
6151
|
-
title:
|
|
6152
|
-
children: /* @__PURE__ */ o(
|
|
6165
|
+
title: m ? "Hide Chat" : "Show Chat",
|
|
6166
|
+
children: /* @__PURE__ */ o(Be, { className: "h-4 w-4" })
|
|
6153
6167
|
}
|
|
6154
6168
|
),
|
|
6155
6169
|
/* @__PURE__ */ o(
|
|
6156
6170
|
"button",
|
|
6157
6171
|
{
|
|
6158
6172
|
onClick: W,
|
|
6159
|
-
className:
|
|
6173
|
+
className: i(
|
|
6160
6174
|
"w-9 h-9 rounded-full flex items-center justify-center transition-all duration-200",
|
|
6161
6175
|
"border-0 outline-none focus:outline-none shadow-sm",
|
|
6162
|
-
E ? "bg-red-500 hover:bg-red-600 text-white" :
|
|
6176
|
+
E ? "bg-red-500 hover:bg-red-600 text-white" : p ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
|
|
6163
6177
|
),
|
|
6164
6178
|
title: E ? "Unmute" : "Mute",
|
|
6165
6179
|
children: E ? /* @__PURE__ */ o(_e, { className: "h-4 w-4" }) : /* @__PURE__ */ o(Le, { className: "h-4 w-4" })
|
|
@@ -6169,10 +6183,10 @@ const $t = ({
|
|
|
6169
6183
|
"button",
|
|
6170
6184
|
{
|
|
6171
6185
|
onClick: t,
|
|
6172
|
-
className:
|
|
6186
|
+
className: i(
|
|
6173
6187
|
"w-9 h-9 rounded-full flex items-center justify-center transition-all duration-200",
|
|
6174
6188
|
"border-0 outline-none focus:outline-none shadow-sm",
|
|
6175
|
-
|
|
6189
|
+
p ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
|
|
6176
6190
|
),
|
|
6177
6191
|
title: "Minimize",
|
|
6178
6192
|
children: /* @__PURE__ */ o(br, { className: "h-4 w-4" })
|
|
@@ -6191,51 +6205,51 @@ const $t = ({
|
|
|
6191
6205
|
}
|
|
6192
6206
|
)
|
|
6193
6207
|
] }),
|
|
6194
|
-
|
|
6208
|
+
m && /* @__PURE__ */ g("div", { className: i(
|
|
6195
6209
|
"flex flex-col shrink-0 border-l",
|
|
6196
|
-
|
|
6197
|
-
|
|
6210
|
+
B ? "w-[320px]" : "w-[360px]",
|
|
6211
|
+
p ? "bg-gray-900 border-gray-800" : "bg-white border-gray-100"
|
|
6198
6212
|
), children: [
|
|
6199
|
-
/* @__PURE__ */ o("div", { className:
|
|
6213
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
6200
6214
|
"px-4 py-3 border-b",
|
|
6201
|
-
|
|
6202
|
-
), children: /* @__PURE__ */
|
|
6203
|
-
/* @__PURE__ */ o("div", { className:
|
|
6215
|
+
p ? "border-gray-800 bg-gray-900" : "border-gray-100 bg-white"
|
|
6216
|
+
), children: /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
|
|
6217
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
6204
6218
|
"w-7 h-7 rounded-lg flex items-center justify-center",
|
|
6205
|
-
|
|
6206
|
-
), children: /* @__PURE__ */ o(
|
|
6219
|
+
p ? "bg-indigo-900/30" : "bg-indigo-100"
|
|
6220
|
+
), children: /* @__PURE__ */ o(Be, { className: i(
|
|
6207
6221
|
"w-4 h-4",
|
|
6208
|
-
|
|
6222
|
+
p ? "text-indigo-400" : "text-indigo-600"
|
|
6209
6223
|
) }) }),
|
|
6210
|
-
/* @__PURE__ */ o("h3", { className:
|
|
6224
|
+
/* @__PURE__ */ o("h3", { className: i(
|
|
6211
6225
|
"font-bold text-sm",
|
|
6212
|
-
|
|
6226
|
+
p ? "text-white" : "text-gray-900"
|
|
6213
6227
|
), children: "Chat with Aria" })
|
|
6214
6228
|
] }) }),
|
|
6215
|
-
/* @__PURE__ */
|
|
6229
|
+
/* @__PURE__ */ g("div", { className: i(
|
|
6216
6230
|
"flex-1 overflow-y-auto p-4 space-y-4",
|
|
6217
|
-
|
|
6231
|
+
p ? "bg-gray-900/30" : "bg-gray-50/30"
|
|
6218
6232
|
), children: [
|
|
6219
|
-
|
|
6220
|
-
/* @__PURE__ */ o("div", { className:
|
|
6233
|
+
l.length === 0 ? /* @__PURE__ */ g("div", { className: "flex flex-col items-center justify-center h-full text-center px-4 aria-animate-fade-in", children: [
|
|
6234
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
6221
6235
|
"rounded-2xl p-6 mb-4",
|
|
6222
|
-
|
|
6223
|
-
), children: /* @__PURE__ */ o(Ee, { className:
|
|
6236
|
+
p ? "bg-gradient-to-br from-indigo-900/20 to-purple-900/20" : "bg-gradient-to-br from-indigo-50 to-purple-50"
|
|
6237
|
+
), children: /* @__PURE__ */ o(Ee, { className: i(
|
|
6224
6238
|
"h-8 w-8",
|
|
6225
|
-
|
|
6239
|
+
p ? "text-indigo-400" : "text-indigo-500"
|
|
6226
6240
|
) }) }),
|
|
6227
|
-
/* @__PURE__ */ o("p", { className:
|
|
6241
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
6228
6242
|
"text-sm font-bold mb-1",
|
|
6229
|
-
|
|
6243
|
+
p ? "text-white" : "text-gray-900"
|
|
6230
6244
|
), children: "Let's talk!" }),
|
|
6231
|
-
/* @__PURE__ */ o("p", { className:
|
|
6245
|
+
/* @__PURE__ */ o("p", { className: i(
|
|
6232
6246
|
"text-xs",
|
|
6233
|
-
|
|
6247
|
+
p ? "text-gray-400" : "text-gray-500"
|
|
6234
6248
|
), children: "Aria is here to chat with you" })
|
|
6235
|
-
] }) :
|
|
6249
|
+
] }) : l.filter((S) => S.content && S.content.trim() !== "").map((S, f) => /* @__PURE__ */ g(
|
|
6236
6250
|
"div",
|
|
6237
6251
|
{
|
|
6238
|
-
className:
|
|
6252
|
+
className: i(
|
|
6239
6253
|
"flex gap-2 aria-animate-fade-in",
|
|
6240
6254
|
S.role === "user" ? "flex-row-reverse" : "flex-row"
|
|
6241
6255
|
),
|
|
@@ -6244,17 +6258,17 @@ const $t = ({
|
|
|
6244
6258
|
/* @__PURE__ */ o(
|
|
6245
6259
|
"div",
|
|
6246
6260
|
{
|
|
6247
|
-
className:
|
|
6261
|
+
className: i(
|
|
6248
6262
|
"shrink-0 w-6 h-6 rounded-full flex items-center justify-center",
|
|
6249
|
-
S.role === "user" ? "bg-indigo-500 text-white" :
|
|
6263
|
+
S.role === "user" ? "bg-indigo-500 text-white" : p ? "bg-gray-700 text-gray-300" : "bg-gray-200 text-gray-600"
|
|
6250
6264
|
),
|
|
6251
|
-
children: S.role === "user" ? /* @__PURE__ */ o(
|
|
6265
|
+
children: S.role === "user" ? /* @__PURE__ */ o(hr, { className: "h-3 w-3" }) : /* @__PURE__ */ o(mr, { className: "h-3 w-3" })
|
|
6252
6266
|
}
|
|
6253
6267
|
),
|
|
6254
|
-
/* @__PURE__ */
|
|
6268
|
+
/* @__PURE__ */ g(
|
|
6255
6269
|
"div",
|
|
6256
6270
|
{
|
|
6257
|
-
className:
|
|
6271
|
+
className: i(
|
|
6258
6272
|
"flex flex-col max-w-[80%]",
|
|
6259
6273
|
S.role === "user" ? "items-end" : "items-start"
|
|
6260
6274
|
),
|
|
@@ -6262,19 +6276,19 @@ const $t = ({
|
|
|
6262
6276
|
/* @__PURE__ */ o(
|
|
6263
6277
|
"div",
|
|
6264
6278
|
{
|
|
6265
|
-
className:
|
|
6279
|
+
className: i(
|
|
6266
6280
|
"px-3 py-2 rounded-2xl",
|
|
6267
|
-
S.role === "user" ? "bg-indigo-500 text-white rounded-br-md" :
|
|
6281
|
+
S.role === "user" ? "bg-indigo-500 text-white rounded-br-md" : p ? "bg-gray-800 text-gray-100 rounded-bl-md" : "bg-white shadow-sm text-gray-800 rounded-bl-md"
|
|
6268
6282
|
),
|
|
6269
|
-
children: /* @__PURE__ */ o("p", { className:
|
|
6283
|
+
children: /* @__PURE__ */ o("p", { className: i(
|
|
6270
6284
|
"text-xs leading-relaxed break-words",
|
|
6271
6285
|
S.role === "user" && "text-white"
|
|
6272
6286
|
), children: S.content })
|
|
6273
6287
|
}
|
|
6274
6288
|
),
|
|
6275
|
-
/* @__PURE__ */ o("span", { className:
|
|
6289
|
+
/* @__PURE__ */ o("span", { className: i(
|
|
6276
6290
|
"text-[9px] mt-1 px-1",
|
|
6277
|
-
|
|
6291
|
+
p ? "text-gray-500" : "text-gray-400"
|
|
6278
6292
|
), children: A(S.timestamp) })
|
|
6279
6293
|
]
|
|
6280
6294
|
}
|
|
@@ -6285,12 +6299,12 @@ const $t = ({
|
|
|
6285
6299
|
)),
|
|
6286
6300
|
/* @__PURE__ */ o("div", { ref: K })
|
|
6287
6301
|
] }),
|
|
6288
|
-
/* @__PURE__ */ o("div", { className:
|
|
6302
|
+
/* @__PURE__ */ o("div", { className: i(
|
|
6289
6303
|
"p-3 border-t",
|
|
6290
|
-
|
|
6291
|
-
), children: /* @__PURE__ */
|
|
6304
|
+
p ? "border-gray-800 bg-gray-900" : "border-gray-100 bg-white"
|
|
6305
|
+
), children: /* @__PURE__ */ g("div", { className: i(
|
|
6292
6306
|
"flex gap-2 p-1 rounded-lg border transition-all duration-200",
|
|
6293
|
-
|
|
6307
|
+
p ? "bg-gray-850 border-gray-700 focus-within:border-indigo-500/50" : "bg-gray-50 border-gray-200 focus-within:border-indigo-500/50 focus-within:bg-white"
|
|
6294
6308
|
), children: [
|
|
6295
6309
|
/* @__PURE__ */ o(
|
|
6296
6310
|
"input",
|
|
@@ -6300,9 +6314,9 @@ const $t = ({
|
|
|
6300
6314
|
onKeyDown: $,
|
|
6301
6315
|
placeholder: s ? "Message Aria..." : "Connecting...",
|
|
6302
6316
|
disabled: !s || O,
|
|
6303
|
-
className:
|
|
6317
|
+
className: i(
|
|
6304
6318
|
"flex-1 border-0 bg-transparent shadow-none focus:outline-none px-2 h-8 text-xs",
|
|
6305
|
-
|
|
6319
|
+
p ? "placeholder:text-gray-500 text-white" : "placeholder:text-gray-400 text-gray-900"
|
|
6306
6320
|
)
|
|
6307
6321
|
}
|
|
6308
6322
|
),
|
|
@@ -6311,7 +6325,7 @@ const $t = ({
|
|
|
6311
6325
|
{
|
|
6312
6326
|
onClick: ie,
|
|
6313
6327
|
disabled: !s || !L.trim() || O,
|
|
6314
|
-
className:
|
|
6328
|
+
className: i(
|
|
6315
6329
|
"h-7 w-7 rounded-md shrink-0 transition-all duration-200 flex items-center justify-center",
|
|
6316
6330
|
"bg-indigo-500 hover:bg-indigo-600 disabled:opacity-40 text-white"
|
|
6317
6331
|
),
|
|
@@ -6338,8 +6352,8 @@ export {
|
|
|
6338
6352
|
Se as Badge,
|
|
6339
6353
|
Qe as Button,
|
|
6340
6354
|
Pr as Card,
|
|
6341
|
-
|
|
6342
|
-
|
|
6355
|
+
Bt as CardContent,
|
|
6356
|
+
Ht as CardDescription,
|
|
6343
6357
|
Ot as CardFooter,
|
|
6344
6358
|
Wt as CardHeader,
|
|
6345
6359
|
Ft as CardTitle,
|
|
@@ -6353,14 +6367,14 @@ export {
|
|
|
6353
6367
|
_t as SessionInfo,
|
|
6354
6368
|
Ke as ShadowContainer,
|
|
6355
6369
|
so as ariaStyles,
|
|
6356
|
-
|
|
6370
|
+
i as cn,
|
|
6357
6371
|
tr as decodeJWT,
|
|
6358
6372
|
Yt as extractSessionIdFromToken,
|
|
6359
6373
|
qe as getAriaStyles,
|
|
6360
|
-
|
|
6374
|
+
uo as getTokenInfo,
|
|
6361
6375
|
Zt as isJWT,
|
|
6362
|
-
|
|
6363
|
-
|
|
6376
|
+
ho as isTokenExpired,
|
|
6377
|
+
Ce as useAria,
|
|
6364
6378
|
co as useAriaSession
|
|
6365
6379
|
};
|
|
6366
6380
|
//# sourceMappingURL=index.js.map
|