@elizaos/app-core 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/shared/ShellHeaderControls.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LanguageDropdown, ThemeToggle } from "@elizaos/app-core/components";
-import { Monitor, Smartphone, UserRound, } from "lucide-react";
-import { useEffect, useState } from "react";
-export const HEADER_ICON_BUTTON_CLASSNAME = "inline-flex items-center justify-center w-11 h-11 min-w-[44px] min-h-[44px] border border-border/50 bg-bg/50 backdrop-blur-md cursor-pointer text-sm leading-none hover:border-accent hover:text-txt font-medium hover:-translate-y-0.5 transition-all duration-300 hover:shadow-[0_0_15px_rgba(var(--accent),0.5)] active:scale-95 rounded-xl text-txt shadow-sm";
-const SHELL_MODE_MOBILE_BREAKPOINT = 768;
-function useIsMobileShellViewport() {
-    const [isMobileViewport, setIsMobileViewport] = useState(() => typeof window !== "undefined"
-        ? window.innerWidth <= SHELL_MODE_MOBILE_BREAKPOINT
-        : false);
-    useEffect(() => {
-        if (typeof window === "undefined" ||
-            typeof window.matchMedia !== "function") {
-            return;
-        }
-        const mediaQuery = window.matchMedia(`(max-width: ${SHELL_MODE_MOBILE_BREAKPOINT}px)`);
-        const syncViewport = () => {
-            setIsMobileViewport(mediaQuery.matches);
-        };
-        syncViewport();
-        if (typeof mediaQuery.addEventListener === "function") {
-            mediaQuery.addEventListener("change", syncViewport);
-            return () => mediaQuery.removeEventListener("change", syncViewport);
-        }
-        mediaQuery.addListener(syncViewport);
-        return () => mediaQuery.removeListener(syncViewport);
-    }, []);
-    return isMobileViewport;
-}
-export function ShellHeaderControls({ activeShellView, onShellViewChange, uiLanguage, setUiLanguage, uiTheme, setUiTheme, t, children, rightExtras, trailingExtras, className, controlsVariant = "native", languageDropdownClassName, languageDropdownWrapperTestId, themeToggleClassName, themeToggleWrapperClassName, themeToggleWrapperTestId, }) {
-    const isMobileViewport = useIsMobileShellViewport();
-    const shellOptions = [
-        {
-            view: "companion",
-            label: t("header.companionMode"),
-            Icon: UserRound,
-        },
-        {
-            view: "desktop",
-            label: t("header.nativeMode"),
-            Icon: isMobileViewport ? Smartphone : Monitor,
-        },
-    ];
-    return (_jsxs("div", { className: `flex min-w-0 items-center w-full ${className ?? ""}`, "data-no-camera-drag": "true", children: [_jsx("div", { className: "flex-1 min-w-0", children: children }), _jsx("div", { className: "flex shrink-0 items-center", children: _jsxs("fieldset", { className: "inline-flex items-center gap-0.5 rounded-xl border border-border/60 bg-transparent p-0.5 shadow-sm dark:border-border dark:bg-transparent", "data-testid": "ui-shell-toggle", "data-no-camera-drag": "true", "aria-label": "Switch shell view", children: [_jsx("legend", { className: "sr-only", children: "Switch shell view" }), shellOptions.map(({ view, label, Icon }, index) => {
-                            const selected = activeShellView === view;
-                            const edgeClass = index === 0
-                                ? "rounded-l-xl rounded-r-none"
-                                : index === shellOptions.length - 1
-                                    ? "rounded-l-none rounded-r-xl"
-                                    : "rounded-none";
-                            return (_jsx("button", { type: "button", onClick: () => onShellViewChange(view), onPointerDown: (event) => event.stopPropagation(), className: `inline-flex h-11 min-h-[44px] min-w-[44px] items-center justify-center px-3 transition-all duration-200 ${edgeClass} ${selected
-                                    ? "border border-[#d8a108]/30 bg-bg/55 text-[#8a6500] shadow-sm dark:border-accent/25 dark:bg-bg/85 dark:text-[#f0b232]"
-                                    : "border border-transparent bg-transparent text-muted-strong hover:border-border/70 hover:bg-bg/85 hover:text-txt dark:text-muted dark:hover:border-border/60 dark:hover:bg-bg-hover/80 dark:hover:text-txt"}`, "aria-label": label, "aria-pressed": selected, title: label, "data-testid": `ui-shell-toggle-${view}`, children: _jsx(Icon, { className: "h-4 w-4" }) }, view));
-                        })] }) }), _jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2", "data-testid": "shell-header-right-controls", "data-no-camera-drag": "true", children: [rightExtras, _jsx("div", { className: `shrink-0 ${languageDropdownClassName ?? ""}`, "data-testid": languageDropdownWrapperTestId, "data-no-camera-drag": "true", children: _jsx(LanguageDropdown, { uiLanguage: uiLanguage, setUiLanguage: setUiLanguage, t: t, variant: controlsVariant, triggerClassName: "!h-11 !min-h-[44px] !min-w-[44px] !rounded-xl !px-3.5 sm:!px-3.5 leading-none" }) }), _jsx("div", { className: `shrink-0 ${themeToggleWrapperClassName ?? ""}`, "data-testid": themeToggleWrapperTestId, "data-no-camera-drag": "true", children: _jsx(ThemeToggle, { uiTheme: uiTheme, setUiTheme: setUiTheme, t: t, variant: controlsVariant, className: `!h-10 !w-10 !min-h-10 !min-w-10 ${themeToggleClassName ?? ""}` }) }), trailingExtras] })] }));
-}

package/components/shared-companion-scene-context.d.ts

@@ -1,3 +0,0 @@
-export declare const SharedCompanionSceneContext: import("react").Context<boolean>;
-export declare function useSharedCompanionScene(): boolean;
-//# sourceMappingURL=shared-companion-scene-context.d.ts.map

package/components/shared-companion-scene-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared-companion-scene-context.d.ts","sourceRoot":"","sources":["../../src/components/shared-companion-scene-context.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,2BAA2B,kCAAuB,CAAC;AAEhE,wBAAgB,uBAAuB,IAAI,OAAO,CAEjD"}

package/components/shared-companion-scene-context.js

@@ -1,13 +0,0 @@
-/**
- * Shared context for the companion scene.
- *
- * Extracted into its own module so consumers can import
- * `useSharedCompanionScene` without pulling in the heavy 3D stack
- * (three / @pixiv/three-vrm / @sparkjsdev/spark) that lives in
- * CompanionSceneHost.
- */
-import { createContext, useContext } from "react";
-export const SharedCompanionSceneContext = createContext(false);
-export function useSharedCompanionScene() {
-    return useContext(SharedCompanionSceneContext);
-}

package/components/skeletons.d.ts

@@ -1,17 +0,0 @@
-/**
- * Loading skeleton components for better UX.
- */
-export declare function SkeletonLine({ width, className, }: {
-    width?: string;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SkeletonText({ lines }: {
-    lines?: number;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SkeletonMessage({ isUser }: {
-    isUser?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SkeletonCard(): import("react/jsx-runtime").JSX.Element;
-export declare function SkeletonSidebar(): import("react/jsx-runtime").JSX.Element;
-export declare function SkeletonChat(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=skeletons.d.ts.map

package/components/skeletons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeletons.d.ts","sourceRoot":"","sources":["../../src/components/skeletons.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,wBAAgB,YAAY,CAAC,EAC3B,KAAc,EACd,SAAc,GACf,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAOA;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAW7D;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAc,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,2CAgBvE;AAED,wBAAgB,YAAY,4CAa3B;AAED,wBAAgB,eAAe,4CAY9B;AAED,wBAAgB,YAAY,4CAQ3B"}

package/components/skeletons.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Loading skeleton components for better UX.
- */
-export function SkeletonLine({ width = "100%", className = "", }) {
-    return (_jsx("div", { className: `h-4 bg-bg-accent rounded animate-pulse ${className}`, style: { width } }));
-}
-export function SkeletonText({ lines = 3 }) {
-    return (_jsx("div", { className: "space-y-2", children: Array.from({ length: lines }, (_, i) => i).map((lineIndex) => (_jsx(SkeletonLine, { width: lineIndex === lines - 1 ? "60%" : "100%" }, lineIndex))) }));
-}
-export function SkeletonMessage({ isUser = false }) {
-    return (_jsxs("div", { className: `flex items-start gap-3 ${isUser ? "justify-end" : "justify-start"} mt-4`, children: [!isUser && (_jsx("div", { className: "w-8 h-8 rounded-full bg-bg-accent animate-pulse shrink-0" })), _jsxs("div", { className: `max-w-[80%] space-y-2 ${isUser ? "items-end" : ""}`, children: [_jsx("div", { className: "h-3 w-20 bg-bg-accent rounded animate-pulse" }), _jsx("div", { className: "px-4 py-3 bg-bg-accent rounded-2xl animate-pulse min-w-[200px]", children: _jsx(SkeletonText, { lines: 2 }) })] })] }));
-}
-export function SkeletonCard() {
-    return (_jsxs("div", { className: "p-4 border border-border bg-card rounded-lg space-y-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-lg bg-bg-accent animate-pulse" }), _jsxs("div", { className: "space-y-2 flex-1", children: [_jsx(SkeletonLine, { width: "40%" }), _jsx(SkeletonLine, { width: "60%" })] })] }), _jsx(SkeletonText, { lines: 3 })] }));
-}
-export function SkeletonSidebar() {
-    return (_jsxs("div", { className: "w-64 space-y-2 p-4", children: [_jsx("div", { className: "h-8 w-32 bg-bg-accent rounded animate-pulse mb-6" }), Array.from({ length: 6 }, (_, idx) => idx).map((itemIndex) => (_jsxs("div", { className: "flex items-center gap-3 p-2", children: [_jsx("div", { className: "w-5 h-5 rounded bg-bg-accent animate-pulse" }), _jsx("div", { className: "h-4 bg-bg-accent rounded animate-pulse flex-1" })] }, itemIndex)))] }));
-}
-export function SkeletonChat() {
-    return (_jsxs("div", { className: "p-4 space-y-2", children: [_jsx(SkeletonMessage, {}), _jsx(SkeletonMessage, { isUser: true }), _jsx(SkeletonMessage, {})] }));
-}

package/components/stream/ActivityFeed.d.ts

@@ -1,5 +0,0 @@
-import type { StreamEventEnvelope } from "@elizaos/app-core/api";
-export declare function ActivityFeed({ events }: {
-    events: StreamEventEnvelope[];
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ActivityFeed.d.ts.map

package/components/stream/ActivityFeed.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActivityFeed.d.ts","sourceRoot":"","sources":["../../../src/components/stream/ActivityFeed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAWjE,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,mBAAmB,EAAE,CAAA;CAAE,2CAqGzE"}

package/components/stream/ActivityFeed.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatTime } from "@elizaos/app-core/components";
-import { useApp } from "@elizaos/app-core/state";
-import { useEffect, useRef } from "react";
-import { CHANNEL_COLORS, getEventFrom, getEventSource, getEventText, } from "./helpers";
-export function ActivityFeed({ events }) {
-    const { t } = useApp();
-    const feedRef = useRef(null);
-    const prevLenRef = useRef(0);
-    useEffect(() => {
-        if (events.length > prevLenRef.current && feedRef.current) {
-            feedRef.current.scrollTop = 0;
-        }
-        prevLenRef.current = events.length;
-    }, [events.length]);
-    return (_jsxs("div", { className: "flex flex-col h-full border-l border-border bg-bg", children: [_jsx("div", { className: "px-3 py-2 border-b border-border shrink-0", children: _jsx("span", { className: "text-xs font-bold uppercase tracking-wider text-muted", children: t("activityfeed.Activity") }) }), _jsx("div", { ref: feedRef, className: "flex-1 min-h-0 overflow-y-auto px-3 py-2 space-y-2", children: events.length === 0 ? (_jsx("div", { className: "text-muted text-xs py-4 text-center", children: t("activityfeed.NoEventsYet") })) : (events.map((event) => {
-                    const isThought = event.stream === "thought";
-                    const isAction = event.stream === "action";
-                    const isAssistant = event.stream === "assistant";
-                    const isMessage = event.stream === "message";
-                    const isNewViewer = event.stream === "new_viewer";
-                    const source = getEventSource(event);
-                    const from = getEventFrom(event);
-                    const channelStyle = isMessage || isNewViewer
-                        ? (CHANNEL_COLORS[source] ?? null)
-                        : null;
-                    return (_jsxs("div", { className: `rounded border px-2 py-1.5 ${isNewViewer
-                            ? "border-emerald-500/30 bg-emerald-500/5"
-                            : isThought
-                                ? "border-yellow-500/30 bg-yellow-500/5"
-                                : isAction
-                                    ? "border-blue-500/30 bg-blue-500/5"
-                                    : isAssistant
-                                        ? "border-green-500/30 bg-green-500/5"
-                                        : channelStyle
-                                            ? `${channelStyle.border} ${channelStyle.bg}`
-                                            : "border-border"}`, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: `text-[11px] font-semibold uppercase ${isNewViewer
-                                            ? "text-emerald-400"
-                                            : isThought
-                                                ? "text-yellow-400"
-                                                : isAction
-                                                    ? "text-blue-400"
-                                                    : isAssistant
-                                                        ? "text-green-400"
-                                                        : channelStyle
-                                                            ? channelStyle.text
-                                                            : "text-txt"}`, children: isNewViewer
-                                            ? "new viewer"
-                                            : isThought
-                                                ? "thought"
-                                                : isAction
-                                                    ? "action"
-                                                    : from
-                                                        ? `@${from}`
-                                                        : `[${source}]` }), _jsx("span", { className: "text-[10px] text-muted", children: formatTime(event.ts, { fallback: "" }) })] }), _jsx("div", { className: `text-[12px] mt-0.5 break-words line-clamp-3 ${isThought ? "text-yellow-200/70 italic" : "text-txt"}`, children: getEventText(event) })] }, event.eventId));
-                })) })] }));
-}

package/components/stream/AvatarPip.d.ts

@@ -1,5 +0,0 @@
-/** PIP avatar overlay — small VRM in bottom-left corner of the main area. */
-export declare function AvatarPip({ isSpeaking }: {
-    isSpeaking: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AvatarPip.d.ts.map

package/components/stream/AvatarPip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarPip.d.ts","sourceRoot":"","sources":["../../../src/components/stream/AvatarPip.tsx"],"names":[],"mappings":"AAEA,6EAA6E;AAC7E,wBAAgB,SAAS,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,2CAMhE"}

package/components/stream/AvatarPip.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ChatAvatar } from "../ChatAvatar";
-/** PIP avatar overlay — small VRM in bottom-left corner of the main area. */
-export function AvatarPip({ isSpeaking }) {
-    return (_jsx("div", { className: "absolute bottom-3 left-3 z-10 w-[140px] h-[180px] xl:w-[180px] xl:h-[220px] rounded-lg overflow-hidden border border-border/50 bg-bg/60 backdrop-blur-sm shadow-lg pointer-events-none", children: _jsx(ChatAvatar, { isSpeaking: isSpeaking }) }));
-}

package/components/stream/ChatContent.d.ts

@@ -1,6 +0,0 @@
-import type { ConversationMessage, StreamEventEnvelope } from "@elizaos/app-core/api";
-export declare function ChatContent({ events, messages, }: {
-    events: StreamEventEnvelope[];
-    messages: ConversationMessage[];
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ChatContent.d.ts.map

package/components/stream/ChatContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatContent.d.ts","sourceRoot":"","sources":["../../../src/components/stream/ChatContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,uBAAuB,CAAC;AAK/B,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,QAAQ,EAAE,mBAAmB,EAAE,CAAC;CACjC,2CA+GA"}

package/components/stream/ChatContent.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useApp } from "@elizaos/app-core/state";
-import { useEffect, useMemo, useRef } from "react";
-import { CHANNEL_COLORS, getEventSource, getEventText } from "./helpers";
-export function ChatContent({ events, messages, }) {
-    const { t } = useApp();
-    const scrollRef = useRef(null);
-    const recentExchanges = useMemo(() => {
-        const exchanges = [];
-        // Build lookup from events for username resolution
-        const eventFromLookup = new Map();
-        for (const evt of events) {
-            if (evt.stream !== "message")
-                continue;
-            const p = evt.payload;
-            const text = typeof p.text === "string" ? p.text.trim() : "";
-            const from = typeof p.from === "string" ? p.from : "";
-            if (text && from)
-                eventFromLookup.set(text, from);
-        }
-        for (const msg of messages.slice(-8)) {
-            exchanges.push({
-                id: msg.id,
-                role: msg.role,
-                text: msg.text,
-                source: msg.source,
-                from: msg.from ?? eventFromLookup.get(msg.text.trim()),
-                ts: msg.timestamp,
-            });
-        }
-        const assistantEvents = events
-            .filter((e) => e.stream === "assistant")
-            .slice(-4);
-        for (const evt of assistantEvents) {
-            const text = getEventText(evt);
-            if (!exchanges.some((e) => e.text === text)) {
-                exchanges.push({
-                    id: evt.eventId,
-                    role: "event",
-                    text,
-                    source: getEventSource(evt),
-                    ts: evt.ts,
-                });
-            }
-        }
-        return exchanges.sort((a, b) => a.ts - b.ts).slice(-10);
-    }, [events, messages]);
-    useEffect(() => {
-        const el = scrollRef.current;
-        if (el)
-            el.scrollTop = el.scrollHeight;
-    });
-    return (_jsx("div", { ref: scrollRef, className: "h-full w-full overflow-y-auto px-5 py-4 space-y-3", children: recentExchanges.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-full text-muted text-sm", children: t("chatcontent.WaitingForMessages") })) : (recentExchanges.map((exchange) => {
-            const channelStyle = exchange.role === "user" && exchange.source
-                ? CHANNEL_COLORS[exchange.source]
-                : undefined;
-            return (_jsx("div", { className: `flex ${exchange.role === "assistant" || exchange.role === "event"
-                    ? "justify-end"
-                    : "justify-start"}`, children: _jsxs("div", { className: `max-w-[75%] rounded-lg px-4 py-2.5 ${exchange.role === "assistant" || exchange.role === "event"
-                        ? "bg-accent/20 text-txt-strong"
-                        : channelStyle
-                            ? `${channelStyle.bg} text-txt border ${channelStyle.border}`
-                            : "bg-bg-muted text-txt"}`, children: [_jsx("div", { className: `text-[10px] uppercase mb-1 ${channelStyle?.text ?? "text-muted"}`, children: exchange.role === "user"
-                                ? exchange.from
-                                    ? `@${exchange.from}`
-                                    : (exchange.source ?? "viewer")
-                                : "agent" }), _jsx("div", { className: "text-sm leading-relaxed break-words", children: exchange.text })] }) }, exchange.id));
-        })) }));
-}

package/components/stream/ChatTicker.d.ts

@@ -1,5 +0,0 @@
-import type { StreamEventEnvelope } from "@elizaos/app-core/api";
-export declare function ChatTicker({ events }: {
-    events: StreamEventEnvelope[];
-}): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=ChatTicker.d.ts.map

package/components/stream/ChatTicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatTicker.d.ts","sourceRoot":"","sources":["../../../src/components/stream/ChatTicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAKjE,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,mBAAmB,EAAE,CAAA;CAAE,kDAiDvE"}

package/components/stream/ChatTicker.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useApp } from "@elizaos/app-core/state";
-import { useMemo } from "react";
-import { CHANNEL_COLORS } from "./helpers";
-export function ChatTicker({ events }) {
-    const { t } = useApp();
-    // Build ticker entries directly from inbound message events (retake, discord, etc.)
-    const recent = useMemo(() => {
-        const entries = [];
-        for (const evt of events) {
-            if (evt.stream !== "message")
-                continue;
-            const payload = evt.payload;
-            if (payload.direction !== "inbound")
-                continue;
-            const text = typeof payload.text === "string" ? payload.text.trim() : "";
-            const from = (typeof payload.displayName === "string" &&
-                payload.displayName.trim()) ||
-                (typeof payload.from === "string" && payload.from.trim()) ||
-                "";
-            const source = typeof payload.source === "string" ? payload.source : "retake";
-            if (text) {
-                entries.push({ id: evt.eventId, from: from || "viewer", text, source });
-            }
-        }
-        return entries.slice(-10);
-    }, [events]);
-    if (recent.length === 0)
-        return null;
-    return (_jsx("div", { className: "px-4 py-1.5 bg-bg border-t border-border overflow-hidden shrink-0", children: _jsxs("div", { className: "flex items-center gap-4 text-xs text-muted overflow-x-auto whitespace-nowrap scrollbar-hide", children: [_jsx("span", { className: "text-[10px] uppercase tracking-wider text-muted shrink-0", children: t("chatticker.chat") }), recent.map((entry) => {
-                    const color = CHANNEL_COLORS[entry.source]?.text;
-                    return (_jsxs("span", { className: "shrink-0", children: [_jsxs("span", { className: color ?? "text-txt", children: ["@", entry.from] }), _jsxs("span", { className: "text-txt", children: [": ", entry.text.slice(0, 80)] })] }, entry.id));
-                })] }) }));
-}

package/components/stream/IdleContent.d.ts

@@ -1,5 +0,0 @@
-import type { StreamEventEnvelope } from "@elizaos/app-core/api";
-export declare function IdleContent({ events }: {
-    events: StreamEventEnvelope[];
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=IdleContent.d.ts.map

package/components/stream/IdleContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IdleContent.d.ts","sourceRoot":"","sources":["../../../src/components/stream/IdleContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAMjE,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,mBAAmB,EAAE,CAAA;CAAE,2CAkExE"}

package/components/stream/IdleContent.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatTime } from "@elizaos/app-core/components";
-import { useApp } from "@elizaos/app-core/state";
-import { useMemo } from "react";
-import { getEventText } from "./helpers";
-export function IdleContent({ events }) {
-    const { t } = useApp();
-    const latestThought = useMemo(() => [...events]
-        .reverse()
-        .find((e) => e.stream === "assistant" || e.stream === "evaluator"), [events]);
-    const recentActions = useMemo(() => events
-        .filter((e) => e.stream === "action" ||
-        e.stream === "tool" ||
-        e.stream === "provider")
-        .slice(-6), [events]);
-    return (_jsxs("div", { className: "h-full w-full flex flex-col justify-center px-8 py-6", children: [latestThought ? (_jsxs("div", { className: "mb-5", children: [_jsx("div", { className: "text-[10px] uppercase text-muted mb-1", children: t("idlecontent.Thought") }), _jsxs("div", { className: "text-base text-txt italic leading-relaxed", children: ["\"", getEventText(latestThought).slice(0, 250), "\""] })] })) : (_jsx("div", { className: "text-muted text-base mb-5", children: t("idlecontent.AgentIsIdleAwai") })), recentActions.length > 0 && (_jsxs("div", { children: [_jsx("div", { className: "text-[10px] uppercase text-muted mb-2", children: t("idlecontent.RecentActions") }), _jsx("div", { className: "space-y-1.5", children: recentActions.map((a) => (_jsxs("div", { className: "flex items-center gap-2 text-[12px]", children: [_jsx("span", { className: "text-ok font-mono", children: a.stream ?? "action" }), _jsx("span", { className: "text-txt truncate", children: getEventText(a).slice(0, 80) }), _jsx("span", { className: "text-[10px] text-muted ml-auto shrink-0", children: formatTime(a.ts, { fallback: "" }) })] }, a.eventId))) })] }))] }));
-}

package/components/stream/StatusBar.d.ts

@@ -1,36 +0,0 @@
-import { type AgentMode, type StreamSourceType } from "./helpers";
-export declare function StatusBar({ agentName, mode, viewerCount, isPip, onTogglePip, streamAvailable, streamLive, streamLoading, onToggleStream, volume, muted, onVolumeChange, onToggleMute, destinations, activeDestination, onDestinationChange, uptime, frameCount, audioSource, streamSource, activeGameViewerUrl, onSourceChange, onOpenSettings, }: {
-    agentName: string;
-    mode: AgentMode;
-    viewerCount: number | null;
-    isPip: boolean;
-    onTogglePip: () => void;
-    streamAvailable: boolean;
-    streamLive: boolean;
-    streamLoading: boolean;
-    onToggleStream: () => void;
-    volume: number;
-    muted: boolean;
-    onVolumeChange: (vol: number) => void;
-    onToggleMute: () => void;
-    destinations: Array<{
-        id: string;
-        name: string;
-    }>;
-    activeDestination: {
-        id: string;
-        name: string;
-    } | null;
-    onDestinationChange: (id: string) => void;
-    uptime: number;
-    frameCount: number;
-    audioSource: string;
-    streamSource: {
-        type: StreamSourceType;
-        url?: string;
-    };
-    activeGameViewerUrl: string;
-    onSourceChange: (sourceType: StreamSourceType, customUrl?: string) => void;
-    onOpenSettings?: () => void;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=StatusBar.d.ts.map

package/components/stream/StatusBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../src/components/stream/StatusBar.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,KAAK,SAAS,EAId,KAAK,gBAAgB,EAEtB,MAAM,WAAW,CAAC;AASnB,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACL,WAAW,EACX,eAAe,EACf,UAAU,EACV,aAAa,EACb,cAAc,EACd,MAAM,EACN,KAAK,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,MAAM,EACN,UAAU,EACV,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,cAAc,GACf,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,iBAAiB,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACvD,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE;QAAE,IAAI,EAAE,gBAAgB,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,2CAiYA"}

package/components/stream/StatusBar.js

@@ -1,140 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { isElectrobunRuntime } from "@elizaos/app-core/bridge";
-import { useApp } from "@elizaos/app-core/state";
-import { Button, Input, Slider } from "@elizaos/ui";
-import { ChevronDown, ExternalLink, PictureInPicture, Pin, Settings, Volume2, VolumeX, } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
-import { IS_POPOUT, isSupportedStreamUrl, STREAM_SOURCE_LABELS, toggleAlwaysOnTop, } from "./helpers";
-function formatUptime(seconds) {
-    const h = Math.floor(seconds / 3600);
-    const m = Math.floor((seconds % 3600) / 60);
-    const s = Math.floor(seconds % 60);
-    return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
-}
-export function StatusBar({ agentName, mode, viewerCount, isPip, onTogglePip, streamAvailable, streamLive, streamLoading, onToggleStream, volume, muted, onVolumeChange, onToggleMute, destinations, activeDestination, onDestinationChange, uptime, frameCount, audioSource, streamSource, activeGameViewerUrl, onSourceChange, onOpenSettings, }) {
-    const { t } = useApp();
-    const isElectrobun = isElectrobunRuntime();
-    const isLive = streamLive;
-    const [pinned, setPinned] = useState(IS_POPOUT); // popout starts pinned
-    const [sourceOpen, setSourceOpen] = useState(false);
-    const sourceDropdownRef = useRef(null);
-    const [customUrlInput, setCustomUrlInput] = useState("");
-    const trimmedCustomUrl = customUrlInput.trim();
-    const customUrlValid = isSupportedStreamUrl(trimmedCustomUrl);
-    // Close source picker on click outside
-    useEffect(() => {
-        if (!sourceOpen)
-            return;
-        const handler = (e) => {
-            if (sourceDropdownRef.current &&
-                !sourceDropdownRef.current.contains(e.target)) {
-                setSourceOpen(false);
-            }
-        };
-        document.addEventListener("mousedown", handler);
-        return () => document.removeEventListener("mousedown", handler);
-    }, [sourceOpen]);
-    const popoutPollRef = useRef(null);
-    // Cleanup popout polling interval on unmount to prevent memory leaks
-    useEffect(() => {
-        return () => {
-            if (popoutPollRef.current) {
-                clearInterval(popoutPollRef.current);
-                popoutPollRef.current = null;
-            }
-        };
-    }, []);
-    const modeLabel = mode === "gaming"
-        ? "gaming"
-        : mode === "terminal"
-            ? "terminal"
-            : mode === "chatting"
-                ? "chatting"
-                : "idle";
-    return (_jsxs("div", { className: `flex items-center justify-between bg-bg border-b border-border shrink-0 ${isPip ? "px-2 py-1" : "px-4 py-2"}`, style: IS_POPOUT ? { WebkitAppRegion: "drag" } : undefined, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `${isPip ? "w-2 h-2" : "w-2.5 h-2.5"} rounded-full ${isLive
-                            ? "bg-danger shadow-[0_0_8px_rgba(239,68,68,0.6)] animate-pulse"
-                            : "bg-muted"}` }), !isPip && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-xs font-bold uppercase tracking-wider text-txt", children: isLive ? "LIVE" : "OFFLINE" }), _jsx("span", { className: "text-sm font-semibold text-txt-strong", children: agentName })] }))] }), _jsxs("div", { className: `flex items-center ${isPip ? "gap-1" : "gap-3"} text-xs text-muted`, style: IS_POPOUT
-                    ? { WebkitAppRegion: "no-drag" }
-                    : undefined, children: [!isPip && viewerCount !== null && viewerCount > 0 && (_jsxs("span", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded bg-bg-muted", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-400 shadow-[0_0_4px_rgba(52,211,153,0.5)]" }), _jsx("span", { className: "text-txt", children: viewerCount })] })), !isPip && (_jsx("span", { className: "px-2 py-0.5 rounded bg-bg-muted", children: modeLabel })), !isPip && (_jsxs("span", { ref: sourceDropdownRef, className: "relative flex items-center", children: [_jsxs(Button, { variant: "ghost", size: "sm", disabled: !streamAvailable, className: "flex items-center gap-1 px-2 py-0.5 h-6 rounded bg-bg-muted hover:bg-accent/20 transition-colors text-[11px] font-normal", onClick: () => setSourceOpen((o) => !o), title: streamAvailable
-                                    ? "Select a stream source"
-                                    : "Install and enable the streaming plugin to change sources", children: [_jsx("span", { className: "text-muted", children: t("statusbar.Src") }), _jsx("span", { className: "text-txt font-medium", children: STREAM_SOURCE_LABELS[streamSource.type] }), _jsx(ChevronDown, { className: "w-2.5 h-2.5" })] }), sourceOpen && (_jsxs("div", { className: "absolute top-full left-0 mt-1 z-50 bg-bg border border-border rounded shadow-lg min-w-[180px]", children: [["stream-tab", "game", "custom-url"].map((st) => {
-                                        const isGame = st === "game";
-                                        const disabled = !streamAvailable || (isGame && !activeGameViewerUrl.trim());
-                                        return (_jsxs(Button, { variant: "ghost", size: "sm", disabled: disabled, className: `h-auto w-full justify-start rounded-lg px-3 py-1.5 text-xs transition-colors ${streamSource.type === st
-                                                ? "bg-accent/20 text-txt hover:bg-accent/30"
-                                                : disabled
-                                                    ? "text-muted/40 opacity-50"
-                                                    : "text-txt hover:bg-bg-muted"}`, onClick: () => {
-                                                if (st === "custom-url")
-                                                    return; // handled by input below
-                                                onSourceChange(st, isGame ? activeGameViewerUrl : undefined);
-                                                setSourceOpen(false);
-                                            }, children: [STREAM_SOURCE_LABELS[st], isGame && activeGameViewerUrl.trim() && (_jsx("span", { className: "ml-1 text-muted text-[10px]", children: t("statusbar.Active") }))] }, st));
-                                    }), _jsxs("div", { className: "flex items-center gap-1 px-2 py-1.5 border-t border-border bg-bg", children: [_jsx(Input, { placeholder: t("statusbar.https"), value: customUrlInput, onChange: (e) => setCustomUrlInput(e.target.value), disabled: !streamAvailable, className: `flex-1 h-7 bg-bg-muted text-txt text-[11px] rounded px-2 border outline-none focus-visible:ring-1 focus-visible:ring-accent disabled:opacity-50 ${trimmedCustomUrl && !customUrlValid
-                                                    ? "border-danger"
-                                                    : "border-border"}`, onKeyDown: (e) => {
-                                                    if (e.key === "Enter" && customUrlValid) {
-                                                        onSourceChange("custom-url", trimmedCustomUrl);
-                                                        setSourceOpen(false);
-                                                    }
-                                                } }), _jsx(Button, { variant: "ghost", size: "sm", disabled: !streamAvailable || !customUrlValid, className: "px-2 py-1 h-7 rounded bg-accent/20 text-txt text-[10px] font-semibold hover:bg-accent/30 transition-colors disabled:opacity-40", onClick: () => {
-                                                    if (customUrlValid) {
-                                                        onSourceChange("custom-url", trimmedCustomUrl);
-                                                        setSourceOpen(false);
-                                                    }
-                                                }, title: streamAvailable
-                                                    ? "Custom URLs must start with http:// or https://"
-                                                    : "Install and enable the streaming plugin to use custom URLs", children: "Go" })] })] }))] })), !isPip && isLive && (_jsxs("span", { className: "flex items-center gap-1 px-2 py-0.5 rounded bg-bg-muted text-[10px] font-mono", children: [_jsx("span", { className: "text-txt", children: formatUptime(uptime) }), _jsx("span", { className: "text-border", children: "|" }), _jsxs("span", { className: "text-txt", children: [frameCount.toLocaleString(), "f"] }), audioSource && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-border", children: "|" }), _jsx("span", { className: "text-txt", children: audioSource })] }))] })), !isPip && (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", disabled: !streamAvailable, className: "p-1 h-6 w-6 rounded bg-bg-muted hover:bg-accent/20 transition-colors disabled:opacity-50", title: muted ? "Unmute" : "Mute", onClick: onToggleMute, children: muted ? (_jsx(VolumeX, { className: "w-3.5 h-3.5" })) : (_jsx(Volume2, { className: "w-3.5 h-3.5" })) }), _jsx("div", { className: "w-16", children: _jsx(Slider, { min: 0, max: 100, step: 1, value: [muted ? 0 : volume], disabled: !streamAvailable, onValueChange: ([vol]) => onVolumeChange(vol), title: `Volume: ${muted ? 0 : volume}%`, className: "cursor-pointer" }) })] })), !isPip && destinations.length > 0 && (_jsx("select", { className: "bg-bg-muted text-txt border border-border text-[11px] rounded px-1.5 py-0.5 cursor-pointer disabled:opacity-60 disabled:cursor-not-allowed", value: activeDestination?.id ?? "", disabled: isLive || !streamAvailable, title: !streamAvailable
-                            ? "Install and enable the streaming plugin to change destinations"
-                            : isLive
-                                ? "Stop stream to change destination"
-                                : "Select destination", onChange: (e) => onDestinationChange(e.target.value), children: destinations.map((d) => (_jsx("option", { value: d.id, children: d.name }, d.id))) })), !isPip && onOpenSettings && (_jsx(Button, { variant: "ghost", size: "sm", disabled: !streamAvailable, className: "px-2 py-0.5 h-6 rounded bg-bg-muted hover:bg-accent/20 hover:text-txt transition-colors disabled:opacity-50", title: streamAvailable
-                            ? "Stream settings"
-                            : "Install and enable the streaming plugin to configure streaming", onClick: onOpenSettings, children: _jsx(Settings, { className: "w-3.5 h-3.5" }) })), !isPip && (_jsx(Button, { size: "sm", disabled: !streamAvailable || streamLoading, className: `px-3 py-0.5 h-6 rounded font-semibold text-[11px] uppercase tracking-wider transition-colors disabled:opacity-50 disabled:cursor-wait ${isLive
-                            ? "bg-danger/20 text-danger hover:bg-danger/30"
-                            : "bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30"}`, onClick: onToggleStream, title: streamAvailable
-                            ? undefined
-                            : "Install and enable the streaming plugin to go live", children: streamLoading ? "..." : isLive ? "Stop Stream" : "Go Live" })), IS_POPOUT ? (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "sm", className: `px-2 py-0.5 h-6 rounded transition-colors ${isPip
-                                    ? "bg-purple-500/20 text-purple-400"
-                                    : "bg-bg-muted hover:bg-purple-500/20 hover:text-purple-400"}`, title: isPip
-                                    ? "Exit picture-in-picture"
-                                    : "Picture-in-picture (small overlay)", onClick: onTogglePip, children: _jsx(PictureInPicture, { className: "w-3.5 h-3.5" }) }), _jsx(Button, { variant: "ghost", size: "sm", className: `px-2 py-0.5 h-6 rounded transition-colors ${pinned
-                                    ? "bg-accent/20 text-txt"
-                                    : "bg-bg-muted hover:bg-accent/20 hover:text-txt"}`, title: pinned ? "Unpin from top" : "Pin to top (always on top)", onClick: () => {
-                                    const next = !pinned;
-                                    toggleAlwaysOnTop(next).then((result) => {
-                                        if (result !== undefined)
-                                            setPinned(next);
-                                    });
-                                }, children: _jsx(Pin, { className: "w-3.5 h-3.5" }) })] })) : !isElectrobun ? (_jsx(Button, { variant: "ghost", size: "sm", className: "px-2 py-0.5 h-6 rounded bg-bg-muted hover:bg-accent/20 hover:text-txt transition-colors", title: t("statusbar.PopOutStreamView"), onClick: () => {
-                            const apiBase = window
-                                .__MILADY_API_BASE__;
-                            const base = window.location.origin || "";
-                            const sep = window.location.protocol === "file:" ||
-                                window.location.protocol === "electrobun:"
-                                ? "#"
-                                : "";
-                            const qs = apiBase
-                                ? `popout&apiBase=${encodeURIComponent(apiBase)}`
-                                : "popout";
-                            const popoutWin = window.open(`${base}${sep}/?${qs}`, "milady-stream", "width=1280,height=720,menubar=no,toolbar=no,location=no,status=no");
-                            // Notify the main window to navigate away from stream tab
-                            if (popoutWin) {
-                                window.dispatchEvent(new CustomEvent("stream-popout", { detail: "opened" }));
-                                // Clear any existing poll before creating a new one
-                                if (popoutPollRef.current) {
-                                    clearInterval(popoutPollRef.current);
-                                }
-                                // Poll for popout close and notify to switch back
-                                popoutPollRef.current = setInterval(() => {
-                                    if (popoutWin.closed) {
-                                        if (popoutPollRef.current) {
-                                            clearInterval(popoutPollRef.current);
-                                            popoutPollRef.current = null;
-                                        }
-                                        window.dispatchEvent(new CustomEvent("stream-popout", { detail: "closed" }));
-                                    }
-                                }, 500);
-                            }
-                        }, children: _jsx(ExternalLink, { className: "w-3.5 h-3.5" }) })) : null] })] }));
-}

package/components/stream/StreamSettings.d.ts

@@ -1,33 +0,0 @@
-/**
- * StreamSettings — in-stream settings panel.
- *
- * Panels:
- *   1. Channel / destination picker
- *   2. Overlay widget manager (enable/disable + per-widget config)
- *   3. Stream source selector (stream-tab, game, custom-url)
- */
-import type { StreamSourceType } from "./helpers";
-import type { UseOverlayLayout } from "./overlays/useOverlayLayout";
-interface StreamSettingsProps {
-    destinations: Array<{
-        id: string;
-        name: string;
-    }>;
-    activeDestination: {
-        id: string;
-        name: string;
-    } | null;
-    onDestinationChange: (id: string) => void;
-    streamLive: boolean;
-    streamSource: {
-        type: StreamSourceType;
-        url?: string;
-    };
-    activeGameViewerUrl: string;
-    onSourceChange: (sourceType: StreamSourceType, customUrl?: string) => void;
-    overlayLayout: UseOverlayLayout;
-    onClose: () => void;
-}
-export declare function StreamSettings({ destinations, activeDestination, onDestinationChange, streamLive, streamSource, activeGameViewerUrl, onSourceChange, overlayLayout, onClose, }: StreamSettingsProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=StreamSettings.d.ts.map

package/components/stream/StreamSettings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StreamSettings.d.ts","sourceRoot":"","sources":["../../../src/components/stream/StreamSettings.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAIlD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAIpE,UAAU,mBAAmB;IAC3B,YAAY,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,iBAAiB,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACvD,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE;QAAE,IAAI,EAAE,gBAAgB,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,aAAa,EAAE,gBAAgB,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAmMD,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,OAAO,GACR,EAAE,mBAAmB,2CA8QrB"}