@elizaos/ui 2.0.0-beta.2 → 2.0.3-beta.3

package/hooks/useAccounts.js

@@ -10,6 +10,7 @@
  */
 import { useCallback, useEffect, useRef, useState } from "react";
 import { client } from "../api/index.js";
+import { useIntervalWhenDocumentVisible } from "./useDocumentVisibility.js";
 const DEFAULT_POLL_MS = 30_000;
 function describeError(prefix, err) {
     const message = err instanceof Error && err.message.trim()
@@ -43,6 +44,8 @@ export function useAccounts(opts = {}) {
     const [loading, setLoading] = useState(true);
     const [saving, setSaving] = useState(() => new Set());
     const mountedRef = useRef(true);
+    const dataRef = useRef(data);
+    dataRef.current = data;
     const notify = useCallback((prefix, err) => {
         setActionNotice?.(describeError(prefix, err), "error", 6000);
     }, [setActionNotice]);
@@ -105,7 +108,7 @@ export function useAccounts(opts = {}) {
     }, [markSaving, notify, refresh]);
     const patch = useCallback(async (providerId, accountId, body) => {
         markSaving(accountId, true);
-        const previous = data;
+        const previous = dataRef.current;
         // Optimistic update for safe fields.
         setData((prev) => {
             if (!prev)
@@ -135,7 +138,7 @@ export function useAccounts(opts = {}) {
         finally {
             markSaving(accountId, false);
         }
-    }, [data, markSaving, notify]);
+    }, [markSaving, notify]);
     const remove = useCallback(async (providerId, accountId) => {
         markSaving(accountId, true);
         try {
@@ -200,7 +203,7 @@ export function useAccounts(opts = {}) {
     const setStrategy = useCallback(async (providerId, strategy) => {
         const key = `strategy:${providerId}`;
         markSaving(key, true);
-        const previous = data;
+        const previous = dataRef.current;
         setData((prev) => {
             if (!prev)
                 return prev;
@@ -219,7 +222,7 @@ export function useAccounts(opts = {}) {
         finally {
             markSaving(key, false);
         }
-    }, [data, markSaving, notify]);
+    }, [markSaving, notify]);
     useEffect(() => {
         mountedRef.current = true;
         void refresh();
@@ -227,14 +230,7 @@ export function useAccounts(opts = {}) {
             mountedRef.current = false;
         };
     }, [refresh]);
-    useEffect(() => {
-        if (pollMs <= 0)
-            return;
-        const id = setInterval(() => {
-            void refresh();
-        }, pollMs);
-        return () => clearInterval(id);
-    }, [pollMs, refresh]);
+    useIntervalWhenDocumentVisible(() => void refresh(), pollMs, pollMs > 0);
     return {
         data,
         loading,

package/hooks/useActivityEvents.d.ts

@@ -2,12 +2,24 @@
  * Hook that subscribes to WebSocket activity events and maintains a ring buffer
  * of recent entries for the chat widget rail.
  */
+export interface ActivityEventSource {
+    type: "pty-session-event" | "proactive-message" | "agent_event";
+    stream?: string;
+    data?: unknown;
+    seq?: number;
+    ts?: number;
+    runId?: string;
+    agentId?: string;
+    roomId?: string;
+    sessionKey?: string;
+}
 export interface ActivityEvent {
     id: string;
     timestamp: number;
     eventType: string;
     sessionId?: string;
     summary: string;
+    source?: ActivityEventSource;
 }
 /**
  * Subscribe to task/proactive websocket events plus assistant activity events,

package/hooks/useActivityEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useActivityEvents.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useActivityEvents.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AA+CD;;;GAGG;AACH,wBAAgB,iBAAiB;;;EAqHhC"}
+{"version":3,"file":"useActivityEvents.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useActivityEvents.ts"],"names":[],"mappings":"AAAA;;;GAGG;AASH,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,mBAAmB,GAAG,mBAAmB,GAAG,aAAa,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAiCD;;;GAGG;AACH,wBAAgB,iBAAiB;;;EAuHhC"}

package/hooks/useActivityEvents.js

@@ -2,43 +2,36 @@
  * Hook that subscribes to WebSocket activity events and maintains a ring buffer
  * of recent entries for the chat widget rail.
  */
+import { activityEventToPlaintext } from "@elizaos/core";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { client } from "../api/index.js";
+import { parseProactiveMessageEvent } from "../state/parsers.js";
 const RING_BUFFER_CAP = 200;
 let nextEventId = 0;
 function makeEventId() {
     nextEventId += 1;
     return `evt-${nextEventId}-${Date.now()}`;
 }
-function isRecord(value) {
-    return typeof value === "object" && value !== null && !Array.isArray(value);
+function readString(value) {
+    return typeof value === "string" && value.length > 0 ? value : undefined;
 }
-function summarizeAssistantActivityEvent(data) {
-    if (data.type !== "agent_event" || data.stream !== "assistant") {
-        return null;
-    }
-    const payload = isRecord(data.payload) ? data.payload : null;
-    if (!payload) {
-        return null;
-    }
-    const source = typeof payload.source === "string" ? payload.source : "";
-    const text = typeof payload.text === "string" ? payload.text.trim().slice(0, 120) : "";
-    if (!text) {
-        return null;
-    }
-    switch (source) {
-        case "lifeops-reminder":
-            return { eventType: "reminder", summary: text };
-        case "lifeops-workflow":
-            return { eventType: "workflow", summary: text };
-        case "proactive-gm":
-        case "proactive-gn":
-            return { eventType: "check-in", summary: text };
-        case "proactive-nudge":
-            return { eventType: "nudge", summary: text };
-        default:
-            return null;
-    }
+function readFiniteNumber(value) {
+    return typeof value === "number" && Number.isFinite(value)
+        ? value
+        : undefined;
+}
+function agentEventSource(data) {
+    return {
+        type: "agent_event",
+        stream: readString(data.stream),
+        data: data.payload ?? data.data,
+        seq: readFiniteNumber(data.seq),
+        ts: readFiniteNumber(data.ts),
+        runId: readString(data.runId),
+        agentId: readString(data.agentId),
+        roomId: readString(data.roomId),
+        sessionKey: readString(data.sessionKey),
+    };
 }
 /**
  * Subscribe to task/proactive websocket events plus assistant activity events,
@@ -75,58 +68,55 @@ export function useActivityEvents() {
     }, [scheduleFlush]);
     useEffect(() => {
         const unbindPty = client.onWsEvent("pty-session-event", (data) => {
-            const eventType = (data.eventType ?? data.type);
-            const sessionId = data.sessionId;
-            const d = data.data;
-            let summary = eventType;
-            if (eventType === "task_registered") {
-                summary = `Task started: ${d?.label ?? sessionId ?? "unknown"}`;
-            }
-            else if (eventType === "task_complete" || eventType === "stopped") {
-                summary = `Task ${eventType === "task_complete" ? "completed" : "stopped"}`;
-            }
-            else if (eventType === "tool_running") {
-                const tool = d?.description ?? d?.toolName ?? "tool";
-                summary = `Running ${tool}`.slice(0, 80);
-            }
-            else if (eventType === "blocked") {
-                summary = "Waiting for input";
-            }
-            else if (eventType === "blocked_auto_resolved") {
-                summary = "Decision auto-approved";
-            }
-            else if (eventType === "escalation") {
-                summary = "Escalated — needs attention";
-            }
-            else if (eventType === "error") {
-                summary = "Error occurred";
-            }
+            const activity = activityEventToPlaintext(data, { maxLength: 120 });
+            if (!activity)
+                return;
             pushEvent({
-                timestamp: Date.now(),
-                eventType,
-                sessionId: sessionId ?? undefined,
-                summary,
+                timestamp: readFiniteNumber(data.ts) ?? Date.now(),
+                eventType: activity.eventType,
+                sessionId: activity.sessionId,
+                summary: activity.plaintext,
+                source: {
+                    type: "pty-session-event",
+                    data,
+                    ts: readFiniteNumber(data.ts),
+                    sessionKey: readString(data.sessionId),
+                },
             });
         });
         const unbindProactive = client.onWsEvent("proactive-message", (data) => {
-            const message = typeof data.message === "string"
-                ? data.message.slice(0, 120)
-                : "Proactive message";
+            // The server broadcasts `message` as an object {id, role, text, ...};
+            // parse it with the canonical typed parser and surface the real text
+            // (the old hand-rolled `typeof data.message === "string"` was always
+            // false, so the rail only ever showed the generic placeholder).
+            const parsed = parseProactiveMessageEvent(data);
+            if (!parsed)
+                return;
+            const summary = parsed.message.text.trim().slice(0, 120) || "Proactive message";
+            const activity = activityEventToPlaintext({ type: "proactive-message", message: { text: summary } }, { maxLength: 120 });
             pushEvent({
-                timestamp: Date.now(),
-                eventType: "proactive-message",
-                summary: message,
+                timestamp: readFiniteNumber(data.ts) ?? Date.now(),
+                eventType: activity?.eventType ?? "proactive-message",
+                summary: activity?.plaintext ?? summary,
+                source: {
+                    type: "proactive-message",
+                    data,
+                    ts: readFiniteNumber(data.ts),
+                },
             });
         });
         const unbindAgent = client.onWsEvent("agent_event", (data) => {
-            const activity = summarizeAssistantActivityEvent(data);
+            const activity = activityEventToPlaintext(data, { maxLength: 120 });
             if (!activity) {
                 return;
             }
+            const source = agentEventSource(data);
             pushEvent({
-                timestamp: Date.now(),
+                timestamp: source.ts ?? Date.now(),
                 eventType: activity.eventType,
-                summary: activity.summary,
+                sessionId: activity.sessionId ?? source.sessionKey,
+                summary: activity.plaintext,
+                source,
             });
         });
         return () => {

package/hooks/useAuthStatus.d.ts

@@ -9,7 +9,7 @@
  *
  * Call `refetch()` after login / logout to force a fresh check.
  */
-import { type AuthAccessInfo, type AuthIdentity, type AuthSessionInfo } from "../api/auth-client";
+import { type AuthAccessInfo, type AuthIdentity, type AuthSessionInfo } from "../api/auth-client.js";
 export type AuthStatusState = {
     phase: "loading";
 } | {
@@ -32,7 +32,7 @@ interface UseAuthStatusOptions {
     pollIntervalMs?: number;
     /**
      * When true the hook will NOT start its initial fetch.
-     * Useful when the app knows auth is not yet relevant (e.g. during onboarding).
+     * Useful when the app knows auth should be deferred (e.g. during first-run setup).
      */
     skip?: boolean;
     /**

package/hooks/useAuthStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAuthStatus.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useAuthStatus.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,eAAe,EAErB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,eAAe,GACvB;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,GACpB;IACE,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,eAAe,CAAC;IACzB,MAAM,EAAE,cAAc,CAAC;CACxB,GACD;IACE,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,CAAC,EAAE,sBAAsB,GAAG,gCAAgC,CAAC;IACnE,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,GACD;IAAE,KAAK,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAEpC,UAAU,oBAAoB;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAuDD,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG;IACjE,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAkCA"}
+{"version":3,"file":"useAuthStatus.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useAuthStatus.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,eAAe,EAErB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,eAAe,GACvB;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,GACpB;IACE,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,eAAe,CAAC;IACzB,MAAM,EAAE,cAAc,CAAC;CACxB,GACD;IACE,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,CAAC,EAAE,sBAAsB,GAAG,gCAAgC,CAAC;IACnE,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,GACD;IAAE,KAAK,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAEpC,UAAU,oBAAoB;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAuED,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG;IACjE,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAwDA"}

package/hooks/useAuthStatus.js

@@ -12,6 +12,14 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import { authMe, } from "../api/auth-client.js";
 const DEFAULT_POLL_INTERVAL_MS = 5 * 60 * 1000;
+// The local/on-device agent answers 503 for a few seconds while it binds after
+// a cold launch (`authMe` maps every unreachable case to 503). Retry through
+// that window before declaring the backend unreachable, so a boot race doesn't
+// strand the user on the failure screen until the next 5-minute poll. A genuine
+// down backend still resolves to `server_unavailable` after the budget; a 401
+// is authoritative and never retried.
+const SERVER_UNAVAILABLE_RETRIES = 10;
+const SERVER_UNAVAILABLE_RETRY_MS = 1000;
 const authStatusSubscribers = new Set();
 let authStatusSnapshot = { phase: "loading" };
 let authStatusFetch = null;
@@ -27,33 +35,37 @@ async function fetchAuthStatus() {
     publishAuthStatus(authStatusSnapshot.phase === "loading"
         ? authStatusSnapshot
         : { phase: "loading" });
-    authStatusFetch = authMe()
-        .then((result) => {
-        if (result.ok === true) {
-            publishAuthStatus({
-                phase: "authenticated",
-                identity: result.identity,
-                session: result.session,
-                access: result.access,
-            });
-        }
-        else if (result.ok === false) {
-            if (result.status === 503) {
-                publishAuthStatus({ phase: "server_unavailable" });
-            }
-            else {
+    authStatusFetch = (async () => {
+        for (let attempt = 0;; attempt += 1) {
+            const result = await authMe();
+            if (result.ok === true) {
                 publishAuthStatus({
-                    phase: "unauthenticated",
-                    reason: result.reason === "remote_auth_required" ||
-                        result.reason === "remote_password_not_configured"
-                        ? result.reason
-                        : undefined,
+                    phase: "authenticated",
+                    identity: result.identity,
+                    session: result.session,
                     access: result.access,
                 });
+                return;
+            }
+            if (result.status === 503) {
+                if (attempt < SERVER_UNAVAILABLE_RETRIES) {
+                    await new Promise((resolve) => setTimeout(resolve, SERVER_UNAVAILABLE_RETRY_MS));
+                    continue;
+                }
+                publishAuthStatus({ phase: "server_unavailable" });
+                return;
             }
+            publishAuthStatus({
+                phase: "unauthenticated",
+                reason: result.reason === "remote_auth_required" ||
+                    result.reason === "remote_password_not_configured"
+                    ? result.reason
+                    : undefined,
+                access: result.access,
+            });
+            return;
         }
-    })
-        .finally(() => {
+    })().finally(() => {
         authStatusFetch = null;
     });
     return authStatusFetch;
@@ -82,9 +94,27 @@ export function useAuthStatus(options = {}) {
         if (skip || observeOnly || pollIntervalMs === 0)
             return;
         const id = setInterval(() => {
+            if (typeof document !== "undefined" &&
+                document.visibilityState === "hidden") {
+                return;
+            }
             void fetch();
         }, pollIntervalMs);
-        return () => clearInterval(id);
+        const visibilityHandler = typeof document !== "undefined"
+            ? () => {
+                if (document.visibilityState === "visible")
+                    void fetch();
+            }
+            : undefined;
+        if (visibilityHandler) {
+            document.addEventListener("visibilitychange", visibilityHandler);
+        }
+        return () => {
+            clearInterval(id);
+            if (visibilityHandler && typeof document !== "undefined") {
+                document.removeEventListener("visibilitychange", visibilityHandler);
+            }
+        };
     }, [skip, observeOnly, pollIntervalMs, fetch]);
     return { state, refetch: fetch };
 }

package/hooks/useAvailableViews.d.ts

@@ -0,0 +1,86 @@
+/**
+ * Fetches available views from GET /api/views.
+ *
+ * This hook is the primary data source for Springboard. When the
+ * /api/views endpoint is live, it will return the full ViewRegistryEntry list.
+ * Until then it returns an empty list so Springboard renders gracefully.
+ *
+ * Polling interval: 30s. The endpoint is expected to be cheap (in-memory list).
+ * Polling can be replaced with a WebSocket subscription when
+ * plugins are installed or uninstalled at runtime.
+ */
+import type { AppShellBackgroundPolicy, ViewKind } from "@elizaos/core";
+export interface ViewRegistryEntry {
+    /** Stable unique identifier for the view, e.g. "wallet.inventory". */
+    id: string;
+    /** Human-readable label shown in the view manager. */
+    label: string;
+    /** Presentation/runtime family. Defaults to "gui". */
+    viewType?: "gui" | "tui" | "xr";
+    /** One-line description shown in the view card. */
+    description?: string;
+    /** Lucide icon name or data-URI for the card icon. */
+    icon?: string;
+    /** Navigation path this view is mounted at, e.g. "/apps/wallet". */
+    path?: string;
+    /**
+     * URL from which the view's JS bundle can be fetched dynamically.
+     * e.g. "/api/views/wallet.inventory/bundle.js"
+     * Absent for views that are already registered in-process.
+     */
+    bundleUrl?: string;
+    /** Named export inside the bundle to mount. Defaults to "default". */
+    componentExport?: string;
+    /** Public URL of a preview image to show in the view card. */
+    heroImageUrl?: string;
+    /**
+     * True when a real hero image exists for this view. When false, `heroImageUrl`
+     * resolves to a generated fallback image, so the card renders the icon instead.
+     */
+    hasHeroImage?: boolean;
+    /** Whether the view is currently loadable. */
+    available: boolean;
+    /** Screen background policy for this view. Defaults to `"opaque"`. */
+    backgroundPolicy?: AppShellBackgroundPolicy;
+    /** The plugin that provides this view. */
+    pluginName: string;
+    /** Freeform tags used for search and filtering. */
+    tags?: string[];
+    /**
+     * When true, the view only appears when Developer Mode is enabled.
+     * Equivalent to `viewKind: "developer"`.
+     */
+    developerOnly?: boolean;
+    /**
+     * Four-tier visibility category. Supersedes `developerOnly` when set:
+     * `system`/`release` always show; `developer`/`preview` follow Settings
+     * toggles. See `ViewKind` in `@elizaos/core`.
+     */
+    viewKind?: ViewKind;
+    /** When false, the view is hidden from the manager grid (internal views). */
+    visibleInManager?: boolean;
+    /** Named capabilities the view exposes (informational). */
+    capabilities?: Array<{
+        id: string;
+        description: string;
+    }>;
+    /**
+     * True when this view is a first-party shell view (chat, settings, etc.)
+     * rather than a dynamically loaded plugin view.
+     */
+    builtin?: boolean;
+    /** When true, the view can be pinned as a native desktop tab in the Electrobun shell. */
+    desktopTabEnabled?: boolean;
+}
+interface UseAvailableViewsResult {
+    views: ViewRegistryEntry[];
+    loading: boolean;
+    error: Error | null;
+    /** Re-fetches immediately. */
+    refresh: () => void;
+}
+export declare function withBuiltinShellViews(views: ViewRegistryEntry[]): ViewRegistryEntry[];
+export declare function useAvailableViews(): UseAvailableViewsResult;
+export declare function useRoutableViews(): UseAvailableViewsResult;
+export {};
+//# sourceMappingURL=useAvailableViews.d.ts.map

package/hooks/useAvailableViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableViews.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useAvailableViews.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAcxE,MAAM,WAAW,iBAAiB;IAChC,sEAAsE;IACtE,EAAE,EAAE,MAAM,CAAC;IACX,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC;IAChC,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,SAAS,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;IAC5C,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,8BAA8B;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAmND,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EAAE,GACzB,iBAAiB,EAAE,CAErB;AAED,wBAAgB,iBAAiB,IAAI,uBAAuB,CAyC3D;AAED,wBAAgB,gBAAgB,IAAI,uBAAuB,CAa1D"}