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

package/components/pages/WorkflowGraphViewer.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, Spinner, StatusBadge, } from "@elizaos/ui";
 import { Background, Controls, MiniMap, ReactFlow, } from "@xyflow/react";
 import { Maximize2, X } from "lucide-react";
 import { useCallback, useEffect, useId, useMemo, useRef, useState, } from "react";
+import { useAgentElement } from "../../agent-surface/index.js";
 import { useApp } from "../../state/index.js";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog.js";
+import { Spinner } from "../ui/spinner.js";
+import { StatusBadge } from "../ui/status-badge.js";
 // ── Node type colour families ─────────────────────────────────────────────────
 function resolveNodeColor(type) {
     const t = type.toLowerCase();
@@ -171,74 +174,45 @@ function graphChrome(uiTheme) {
 }
 // ── Generation progress overlay ───────────────────────────────────────────────
 /**
- * Stage messages for `WorkflowGenerationProgress`. The plugin's workflow
- * generation today is a single request/response, so the client cannot yet
- * observe the actual stage in real time. We cycle through plausible labels
- * on a fixed timer based on observed median latencies of each phase:
- *   1. extractKeywords (fast — runtime-context provider + keyword LLM call)
- *   2. searchNodes + credential filter + fetchRuntimeContext
- *   3. generateWorkflow (LLM, slowest)
- *   4. validateAndRepair + injectMissingCredentialBlocks
- *   5. deployWorkflow + resolveCredentials + activate
- *
- * When the plugin grows a server-sent-events streaming endpoint, the timer
- * can be replaced with real per-stage progress events.
+ * Phases the workflow generator runs through, shown as a static description of
+ * what the request does. The plugin's generation is a single request/response
+ * with no streaming, so the client cannot observe real per-stage progress — we
+ * therefore show an indeterminate spinner and never render fabricated per-stage
+ * completion. When the plugin grows a server-sent-events streaming endpoint,
+ * drive real per-stage state from those events.
  */
-const WORKFLOW_GENERATION_STAGES = [
+const WORKFLOW_GENERATION_PHASES = [
     {
-        label: "Understanding your prompt",
-        hint: "Extracting keywords + matching providers",
-        startsAt: 0,
+        key: "workflowGraph.phaseUnderstanding",
+        defaultValue: "Understanding your prompt",
     },
     {
-        label: "Finding the right nodes",
-        hint: "Searching catalog + checking credentials",
-        startsAt: 3,
+        key: "workflowGraph.phaseFindingNodes",
+        defaultValue: "Finding the right nodes",
     },
     {
-        label: "Generating workflow",
-        hint: "Asking the LLM with runtime facts",
-        startsAt: 6,
+        key: "workflowGraph.phaseGenerating",
+        defaultValue: "Generating workflow",
     },
     {
-        label: "Validating + repairing",
-        hint: "Clamping versions + auto-fixing references",
-        startsAt: 18,
+        key: "workflowGraph.phaseValidating",
+        defaultValue: "Validating + repairing",
     },
     {
-        label: "Deploying workflow",
-        hint: "Minting credentials + activating",
-        startsAt: 24,
-    },
-    {
-        label: "Almost done",
-        hint: "Wrapping up — this is taking a bit longer than usual",
-        startsAt: 35,
+        key: "workflowGraph.phaseDeploying",
+        defaultValue: "Deploying workflow",
     },
 ];
-function WorkflowGenerationProgress({ chrome, }) {
-    const [elapsed, setElapsed] = useState(0);
-    useEffect(() => {
-        const start = Date.now();
-        const id = setInterval(() => {
-            setElapsed(Math.floor((Date.now() - start) / 1000));
-        }, 500);
-        return () => clearInterval(id);
-    }, []);
-    const currentIndex = WORKFLOW_GENERATION_STAGES.reduce((acc, stage, idx) => (elapsed >= stage.startsAt ? idx : acc), 0);
-    return (_jsx("div", { className: "w-full max-w-md rounded-xl border px-5 py-4 text-sm shadow-lg", style: {
+function WorkflowGenerationProgress({ chrome, t, }) {
+    return (_jsx("div", { className: "w-full max-w-md rounded-sm border px-5 py-4 text-sm ", style: {
             background: chrome.overlayChipBg,
             color: chrome.overlayChipText,
             borderColor: chrome.overlayChipText,
-        }, children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Spinner, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [_jsxs("div", { children: [_jsx("div", { className: "font-semibold", children: "Building your workflow\u2026" }), _jsx("div", { className: "text-xs opacity-70", children: "Generations usually take 10\u201330 seconds." })] }), _jsx("ol", { className: "space-y-1.5", children: WORKFLOW_GENERATION_STAGES.map((stage, idx) => {
-                                const isDone = idx < currentIndex;
-                                const isActive = idx === currentIndex;
-                                return (_jsxs("li", { className: `flex items-start gap-2 text-xs transition-opacity ${isDone || isActive ? "opacity-100" : "opacity-40"}`, children: [_jsx("span", { className: `mt-0.5 inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border ${isDone
-                                                ? "border-current bg-current/15"
-                                                : isActive
-                                                    ? "border-current bg-current/15"
-                                                    : "border-current/40"}`, "aria-hidden": true, children: isDone ? (_jsx("svg", { viewBox: "0 0 12 12", className: "h-2.5 w-2.5", fill: "none", stroke: "currentColor", strokeWidth: "2", role: "img", "aria-label": "completed", children: _jsx("path", { d: "M2.5 6.5l2.5 2.5 4.5-5", strokeLinecap: "round", strokeLinejoin: "round" }) })) : isActive ? (_jsx("span", { className: "h-1.5 w-1.5 animate-pulse rounded-full bg-current", "aria-hidden": true })) : null }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: `font-medium ${isActive ? "" : "opacity-70"}`, children: stage.label }), (isDone || isActive) && (_jsxs("span", { className: "ml-1.5 opacity-60", children: ["\u2014 ", stage.hint] }))] })] }, stage.label));
-                            }) })] })] }) }));
+        }, children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Spinner, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [_jsxs("div", { children: [_jsx("div", { className: "font-semibold", children: t("workflowGraph.building", {
+                                        defaultValue: "Building your workflow…",
+                                    }) }), _jsx("div", { className: "text-xs opacity-70", children: t("workflowGraph.buildingHint", {
+                                        defaultValue: "Generations usually take 10–30 seconds.",
+                                    }) })] }), _jsx("div", { className: "text-xs opacity-70", children: WORKFLOW_GENERATION_PHASES.map((phase) => t(phase.key, { defaultValue: phase.defaultValue })).join(" → ") })] })] }) }));
 }
 // ── Node detail drawer ────────────────────────────────────────────────────────
 const PARAM_TRUNCATE_LENGTH = 200;
@@ -291,10 +265,10 @@ function NodeDetailDrawer({ node, onClose, labelId }) {
             : "muted";
     return (_jsxs("div", { role: "dialog", "aria-modal": "false", "aria-labelledby": isOpen ? labelId : undefined, "aria-hidden": !isOpen, className: [
             "absolute inset-y-0 right-0 z-30 flex w-72 flex-col",
-            "border-l border-border/40 bg-bg shadow-xl backdrop-blur-[2px]",
+            "border-l border-border/40 bg-bg backdrop-blur-[2px]",
             "transition-transform duration-200 ease-out",
             isOpen ? "translate-x-0" : "translate-x-full",
-        ].join(" "), children: [_jsxs("div", { className: "flex shrink-0 items-start gap-2 border-b border-border/30 px-4 py-3", children: [_jsxs("div", { className: "flex-1 min-w-0 space-y-1", children: [_jsx("h2", { id: labelId, className: "text-sm font-semibold text-txt leading-tight truncate", children: node?.name ?? "" }), _jsx("div", { className: "flex items-center gap-1.5", children: _jsx(StatusBadge, { label: typeLabel, variant: badgeVariant }) })] }), _jsx("button", { ref: closeButtonRef, type: "button", "aria-label": t("workflowGraph.closeDrawer"), tabIndex: isOpen ? 0 : -1, className: "shrink-0 flex h-6 w-6 items-center justify-center rounded text-muted hover:text-txt transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", onClick: onClose, children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto space-y-4 px-4 py-3", children: node && (_jsxs(_Fragment, { children: [node.notes?.trim() ? (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted", children: "Step" }), _jsx("div", { className: "rounded bg-bg/40 border border-border/20 px-2 py-2", children: _jsx("p", { className: "text-xs leading-relaxed text-txt/80", children: node.notes.trim() }) })] })) : null, _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted", children: t("common.parameters") }), hasParams ? (_jsx("div", { className: "space-y-2", children: Object.entries(node.parameters ?? {}).map(([key, val]) => (_jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "text-xs font-medium text-muted/80 font-mono", children: key }), _jsx("div", { className: "rounded bg-bg/40 border border-border/20 px-2 py-1", children: _jsx(ParamValue, { value: val }) })] }, key))) })) : (_jsx("p", { className: "text-xs text-muted/60 italic", children: t("workflowGraph.nodeDrawer.noParameters") }))] })] })) })] }));
+        ].join(" "), children: [_jsxs("div", { className: "flex shrink-0 items-start gap-2 border-b border-border/30 px-4 py-3", children: [_jsxs("div", { className: "flex-1 min-w-0 space-y-1", children: [_jsx("h2", { id: labelId, className: "text-sm font-semibold text-txt leading-tight truncate", children: node?.name ?? "" }), _jsx("div", { className: "flex items-center gap-1.5", children: _jsx(StatusBadge, { label: typeLabel, variant: badgeVariant }) })] }), _jsx("button", { ref: closeButtonRef, type: "button", "aria-label": t("workflowGraph.closeDrawer"), tabIndex: isOpen ? 0 : -1, className: "shrink-0 flex h-6 w-6 items-center justify-center rounded-sm text-muted hover:text-txt transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", onClick: onClose, children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto space-y-4 px-4 py-3", children: node && (_jsxs(_Fragment, { children: [node.notes?.trim() ? (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted", children: t("workflowGraph.step", { defaultValue: "Step" }) }), _jsx("div", { className: "rounded-sm bg-bg/40 border border-border/20 px-2 py-2", children: _jsx("p", { className: "text-xs leading-relaxed text-txt/80", children: node.notes.trim() }) })] })) : null, _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted", children: t("common.parameters") }), hasParams ? (_jsx("div", { className: "space-y-2", children: Object.entries(node.parameters ?? {}).map(([key, val]) => (_jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "text-xs font-medium text-muted/80 font-mono", children: key }), _jsx("div", { className: "rounded-sm bg-bg/40 border border-border/20 px-2 py-1", children: _jsx(ParamValue, { value: val }) })] }, key))) })) : (_jsx("p", { className: "text-xs text-muted/60 italic", children: t("workflowGraph.nodeDrawer.noParameters") }))] })] })) })] }));
 }
 // ── Graph panel (shared between inline and full-screen modal) ─────────────────
 function GraphPanel({ nodes, edges, isGenerating, ariaLabel, onNodeClick, uiTheme, }) {
@@ -307,19 +281,56 @@ function GraphPanel({ nodes, edges, isGenerating, ariaLabel, onNodeClick, uiThem
                     border: `1px solid ${chrome.minimapBorder}`,
                 } })] }));
 }
-export function WorkflowGraphViewer({ workflow, loading = false, isGenerating = false, emptyStateActionLabel = "Describe your workflow", emptyStateHelpText = "Describe the trigger and steps in the sidebar.", onNodeClick, onEmptyStateAction, }) {
-    const { uiTheme } = useApp();
+export function WorkflowGraphViewer({ workflow, loading = false, isGenerating = false, emptyStateActionLabel, emptyStateHelpText, onNodeClick, onEmptyStateAction, }) {
+    const { uiTheme, t } = useApp();
+    const resolvedEmptyStateActionLabel = emptyStateActionLabel ??
+        t("workflowGraph.describeWorkflow", {
+            defaultValue: "Describe your workflow",
+        });
+    const resolvedEmptyStateHelpText = emptyStateHelpText ??
+        t("workflowGraph.describeHelp", {
+            defaultValue: "Describe the trigger and steps in the sidebar.",
+        });
     const [fullScreen, setFullScreen] = useState(false);
     const [selectedNode, setSelectedNode] = useState(null);
     const containerRef = useRef(null);
     const drawerLabelId = useId();
+    const emptyStateActionButton = useAgentElement({
+        id: "workflow-empty-state-action",
+        role: "button",
+        label: resolvedEmptyStateActionLabel,
+        group: "workflow-graph",
+        description: "Start describing a workflow when the graph is empty",
+        onActivate: () => onEmptyStateAction?.(),
+    });
+    const fullScreenButton = useAgentElement({
+        id: "workflow-fullscreen-open",
+        role: "button",
+        label: t("workflowGraph.fullScreen", { defaultValue: "Full screen" }),
+        group: "workflow-graph",
+        description: "Open the workflow graph in full screen",
+        onActivate: () => setFullScreen(true),
+    });
+    const fullScreenCloseButton = useAgentElement({
+        id: "workflow-fullscreen-close",
+        role: "button",
+        label: t("workflowGraph.close", { defaultValue: "Close" }),
+        group: "workflow-graph",
+        description: "Close the full-screen workflow graph",
+        onActivate: () => setFullScreen(false),
+    });
     const { nodes, edges } = useMemo(() => workflowToReactFlow(workflow), [workflow]);
-    const ariaLabel = `Workflow graph with ${nodes.length} nodes and ${edges.length} connections`;
+    const ariaLabel = t("workflowGraph.ariaLabel", {
+        nodeCount: nodes.length,
+        edgeCount: edges.length,
+        defaultValue: "Workflow graph with {{nodeCount}} nodes and {{edgeCount}} connections",
+    });
+    const workflowId = workflow?.id;
     // Clear selected node when workflow changes
-    // biome-ignore lint/correctness/useExhaustiveDependencies: reset drawer on workflow identity change
     useEffect(() => {
+        void workflowId;
         setSelectedNode(null);
-    }, [workflow?.id]);
+    }, [workflowId]);
     const handleNodeClick = useCallback((_, node) => {
         const label = node.data?.label ?? node.id;
         const found = workflow?.nodes?.find((n) => n.id === node.id || n.name === label) ??
@@ -363,16 +374,21 @@ export function WorkflowGraphViewer({ workflow, loading = false, isGenerating =
         ? "animate-pulse ring-2 ring-blue-500/50"
         : "ring-1 ring-border/30";
     const chrome = graphChrome(uiTheme);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: containerRef, role: "img", "aria-label": ariaLabel, className: `relative overflow-hidden rounded-lg ${borderClass}`, style: { height: 420, background: chrome.canvasBg }, children: [loading && !hasNodes && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx(Spinner, { className: "h-6 w-6 text-muted" }) })), !loading && !hasNodes && !isGenerating && (_jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-3 px-6 text-center", children: [_jsx("p", { className: `text-sm font-medium ${chrome.emptyTitleClass}`, children: "Blank workflow" }), _jsx("p", { className: `max-w-sm text-xs ${chrome.emptyHelpClass}`, children: emptyStateHelpText }), onEmptyStateAction && (_jsx("button", { type: "button", className: "mt-1 rounded-md border border-border/40 bg-bg/40 px-3 py-1.5 text-xs text-txt hover:bg-bg/70 transition-colors", onClick: onEmptyStateAction, children: emptyStateActionLabel }))] })), isGenerating && (_jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center backdrop-blur-[1px]", style: { background: chrome.overlayBg }, children: _jsx(WorkflowGenerationProgress, { chrome: chrome }) })), !loading && (_jsx("div", { role: "presentation", className: "h-full w-full", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: _jsxs(ReactFlow, { nodes: nodes, edges: isGenerating ? generatingEdges(edges) : edges, nodesDraggable: !isGenerating, nodesConnectable: false, edgesReconnectable: false, onNodeClick: handleNodeClick, fitView: true, fitViewOptions: { padding: 0.2, maxZoom: 1.2 }, proOptions: { hideAttribution: true }, "aria-label": ariaLabel, children: [_jsx(Background, { color: chrome.dots, gap: 20, size: 1 }), _jsx(Controls, { showInteractive: false }), hasNodes && (_jsx(MiniMap, { nodeColor: (n) => {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: containerRef, role: "img", "aria-label": ariaLabel, className: `relative h-[260px] overflow-hidden rounded-sm sm:h-[360px] lg:h-[420px] ${borderClass}`, style: { background: chrome.canvasBg }, children: [loading && !hasNodes && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx(Spinner, { className: "h-6 w-6 text-muted" }) })), !loading && !hasNodes && !isGenerating && (_jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-3 px-6 text-center", children: [_jsx("p", { className: `text-sm font-medium ${chrome.emptyTitleClass}`, children: t("workflowGraph.blankWorkflow", {
+                                    defaultValue: "Blank workflow",
+                                }) }), _jsx("p", { className: `max-w-sm text-xs ${chrome.emptyHelpClass}`, children: resolvedEmptyStateHelpText }), onEmptyStateAction && (_jsx("button", { ref: emptyStateActionButton.ref, type: "button", className: "mt-1 rounded-sm border border-border/40 bg-bg/40 px-3 py-1.5 text-xs text-txt hover:bg-bg/70 transition-colors", onClick: onEmptyStateAction, ...emptyStateActionButton.agentProps, children: resolvedEmptyStateActionLabel }))] })), isGenerating && (_jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center backdrop-blur-[1px]", style: { background: chrome.overlayBg }, children: _jsx(WorkflowGenerationProgress, { chrome: chrome, t: t }) })), !loading && (_jsx("div", { role: "presentation", className: "h-full w-full", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: _jsxs(ReactFlow, { nodes: nodes, edges: isGenerating ? generatingEdges(edges) : edges, nodesDraggable: !isGenerating, nodesConnectable: false, edgesReconnectable: false, onNodeClick: handleNodeClick, fitView: true, fitViewOptions: { padding: 0.2, maxZoom: 1.2 }, proOptions: { hideAttribution: true }, "aria-label": ariaLabel, children: [_jsx(Background, { color: chrome.dots, gap: 20, size: 1 }), _jsx(Controls, { showInteractive: false }), hasNodes && (_jsx(MiniMap, { nodeColor: (n) => {
                                         const colors = n.data
                                             ?.colors;
                                         return colors?.border ?? "#475569";
                                     }, maskColor: chrome.minimapMask, style: {
                                         background: chrome.minimapBg,
                                         border: `1px solid ${chrome.minimapBorder}`,
-                                    } }))] }) })), hasNodes && !isGenerating && (_jsx("button", { type: "button", "aria-label": "Full screen", className: [
+                                    } }))] }) })), hasNodes && !isGenerating && (_jsx("button", { ref: fullScreenButton.ref, type: "button", "aria-label": t("workflowGraph.fullScreen", {
+                            defaultValue: "Full screen",
+                        }), className: [
                             "absolute top-3 z-20 flex h-7 w-7 items-center justify-center",
-                            "rounded border border-border/40 bg-bg/80 text-muted hover:text-txt transition-all duration-200",
+                            "rounded-sm border border-border/40 bg-bg/80 text-muted hover:text-txt transition-all duration-200",
                             selectedNode ? "right-[calc(18rem_+_0.75rem)]" : "right-3",
-                        ].join(" "), onClick: () => setFullScreen(true), children: _jsx(Maximize2, { className: "h-3.5 w-3.5" }) })), !fullScreen && (_jsx(NodeDetailDrawer, { node: selectedNode, workflow: workflow, onClose: handleCloseDrawer, labelId: drawerLabelId }))] }), _jsx(Dialog, { open: fullScreen, onOpenChange: setFullScreen, children: _jsxs(DialogContent, { className: "h-[90dvh] w-[90vw] !max-w-none !max-h-none flex flex-col p-0 gap-0", showCloseButton: false, children: [_jsxs(DialogHeader, { className: "flex flex-row items-center justify-between border-b border-border/30 px-4 py-3 shrink-0", children: [_jsx(DialogTitle, { className: "text-sm font-medium", children: workflow?.name ?? "Workflow Graph" }), _jsx("button", { type: "button", "aria-label": "Close", className: "flex h-7 w-7 items-center justify-center rounded text-muted hover:text-txt transition-colors", onClick: () => setFullScreen(false), children: _jsx(X, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "relative flex-1 min-h-0 overflow-hidden", style: { background: chrome.canvasBg }, children: [_jsx(GraphPanel, { nodes: nodes, edges: edges, isGenerating: isGenerating, ariaLabel: ariaLabel, onNodeClick: handleNodeClick, uiTheme: uiTheme }), _jsx(NodeDetailDrawer, { node: selectedNode, workflow: workflow, onClose: handleCloseDrawer, labelId: drawerLabelId })] })] }) })] }));
+                        ].join(" "), onClick: () => setFullScreen(true), ...fullScreenButton.agentProps, children: _jsx(Maximize2, { className: "h-3.5 w-3.5" }) })), !fullScreen && (_jsx(NodeDetailDrawer, { node: selectedNode, workflow: workflow, onClose: handleCloseDrawer, labelId: drawerLabelId }))] }), _jsx(Dialog, { open: fullScreen, onOpenChange: setFullScreen, children: _jsxs(DialogContent, { className: "h-[90dvh] w-[90vw] !max-w-none !max-h-none flex flex-col p-0 gap-0", showCloseButton: false, children: [_jsxs(DialogHeader, { className: "flex flex-row items-center justify-between border-b border-border/30 px-4 py-3 shrink-0", children: [_jsx(DialogTitle, { className: "text-sm font-medium", children: workflow?.name ??
+                                        t("workflowGraph.title", { defaultValue: "Workflow Graph" }) }), _jsx("button", { ref: fullScreenCloseButton.ref, type: "button", "aria-label": t("workflowGraph.close", { defaultValue: "Close" }), className: "flex h-7 w-7 items-center justify-center rounded-sm text-muted hover:text-txt transition-colors", onClick: () => setFullScreen(false), ...fullScreenCloseButton.agentProps, children: _jsx(X, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "relative flex-1 min-h-0 overflow-hidden", style: { background: chrome.canvasBg }, children: [_jsx(GraphPanel, { nodes: nodes, edges: edges, isGenerating: isGenerating, ariaLabel: ariaLabel, onNodeClick: handleNodeClick, uiTheme: uiTheme }), _jsx(NodeDetailDrawer, { node: selectedNode, workflow: workflow, onClose: handleCloseDrawer, labelId: drawerLabelId })] })] }) })] }));
 }

package/components/pages/browser-workspace-wallet.d.ts

@@ -3,6 +3,8 @@ import type { StewardSignResponse, StewardStatusResponse } from "../../api/clien
 export declare const BROWSER_WALLET_REQUEST_TYPE = "ELIZA_BROWSER_WALLET_REQUEST";
 export declare const BROWSER_WALLET_RESPONSE_TYPE = "ELIZA_BROWSER_WALLET_RESPONSE";
 export declare const BROWSER_WALLET_READY_TYPE = "ELIZA_BROWSER_WALLET_READY";
+export declare const DEFAULT_BROWSER_WORKSPACE_EVM_CHAIN_ID = 1;
+export declare const SUPPORTED_BROWSER_WORKSPACE_EVM_CHAIN_IDS: readonly [1, 10, 56, 137, 8453, 42161];
 export type BrowserWorkspaceWalletMode = "steward" | "local" | "blocked" | "none";
 export interface BrowserWorkspaceWalletState {
     address: string | null;
@@ -46,7 +48,7 @@ export interface BrowserWorkspaceSolanaTransactionResult {
     /** Cluster the steward signed/broadcast against. */
     cluster: "mainnet" | "devnet" | "testnet";
 }
-export type BrowserWorkspaceWalletRpcMethod = "eth_accounts" | "eth_requestAccounts" | "eth_chainId" | "eth_sendTransaction" | "personal_sign" | "eth_sign" | "wallet_switchEthereumChain";
+export type BrowserWorkspaceWalletRpcMethod = "eth_accounts" | "eth_requestAccounts" | "eth_chainId" | "eth_sendTransaction" | "personal_sign" | "eth_sign" | "eth_signTypedData" | "eth_signTypedData_v3" | "eth_signTypedData_v4" | "wallet_switchEthereumChain";
 export type BrowserWorkspaceSolanaMethod = "solana_connect" | "solana_signMessage" | "solana_signTransaction" | "solana_signAndSendTransaction";
 export type BrowserWorkspaceWalletMethod = "getState" | "requestAccounts" | "sendTransaction" | BrowserWorkspaceWalletRpcMethod | BrowserWorkspaceSolanaMethod;
 export interface BrowserWorkspaceWalletRequest {
@@ -77,4 +79,9 @@ export declare function buildBrowserWorkspaceWalletState(params: {
     walletConfig: WalletConfigStatus | null;
 }): BrowserWorkspaceWalletState;
 export declare function isBrowserWorkspaceWalletRequest(value: unknown): value is BrowserWorkspaceWalletRequest;
+export declare function parseBrowserWorkspaceEvmChainId(value: unknown): number | null;
+export declare function formatBrowserWorkspaceEvmChainId(chainId: number): string;
+export declare function isBrowserWorkspaceEvmChainSupported(chainId: number): boolean;
+export declare function getUnsupportedBrowserWorkspaceEvmChainError(chainId: number): string;
+export declare function resolveBrowserWorkspaceSignMessage(params: unknown, address: string | null): string | null;
 //# sourceMappingURL=browser-workspace-wallet.d.ts.map

package/components/pages/browser-workspace-wallet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"browser-workspace-wallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/browser-workspace-wallet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,KAAK,EACV,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,gCAAgC,CAAC;AAExC,eAAO,MAAM,2BAA2B,iCAAiC,CAAC;AAC1E,eAAO,MAAM,4BAA4B,kCAAkC,CAAC;AAC5E,eAAO,MAAM,yBAAyB,+BAA+B,CAAC;AAEtE,MAAM,MAAM,0BAA0B,GAClC,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,0BAA0B,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,uBAAuB,EAAE,OAAO,CAAC;IACjC,2BAA2B,EAAE,OAAO,CAAC;IACrC,uBAAuB,EAAE,OAAO,CAAC;IACjC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,EAAE,OAAO,CAAC;IACzB,6BAA6B,EAAE,OAAO,CAAC;IACvC,iCAAiC,EAAE,OAAO,CAAC;CAC5C;AAED,MAAM,WAAW,uCACf,SAAQ,IAAI,CACV,mBAAmB,EACnB,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,CACrE;IACD,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,4CAA4C;IAC3D,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,4CAA4C;IAC3D,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,WAAW,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uCAAuC;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IAC9B,2EAA2E;IAC3E,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC3C;AAED,MAAM,MAAM,+BAA+B,GACvC,cAAc,GACd,qBAAqB,GACrB,aAAa,GACb,qBAAqB,GACrB,eAAe,GACf,UAAU,GACV,4BAA4B,CAAC;AAEjC,MAAM,MAAM,4BAA4B,GACpC,gBAAgB,GAChB,oBAAoB,GACpB,wBAAwB,GACxB,+BAA+B,CAAC;AAEpC,MAAM,MAAM,4BAA4B,GACpC,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,+BAA+B,GAC/B,4BAA4B,CAAC;AAEjC,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,OAAO,2BAA2B,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,4BAA4B,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,OAAO,4BAA4B,CAAC;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kCAAkC;IACjD,IAAI,EAAE,OAAO,yBAAyB,CAAC;IACvC,KAAK,EAAE,2BAA2B,CAAC;CACpC;AAED,eAAO,MAAM,oCAAoC,EAAE,2BAiBhD,CAAC;AAEJ,wBAAgB,gCAAgC,CAC9C,eAAe,EAAE,eAAe,GAAG,IAAI,EACvC,YAAY,EAAE,kBAAkB,GAAG,IAAI,EACvC,aAAa,EAAE,qBAAqB,GAAG,IAAI,GAC1C,MAAM,GAAG,IAAI,CAQf;AAED,wBAAgB,gCAAgC,CAC9C,eAAe,EAAE,eAAe,GAAG,IAAI,EACvC,YAAY,EAAE,kBAAkB,GAAG,IAAI,EACvC,aAAa,EAAE,qBAAqB,GAAG,IAAI,GAC1C,MAAM,GAAG,IAAI,CAOf;AAED,wBAAgB,iCAAiC,CAC/C,aAAa,EAAE,qBAAqB,GAAG,IAAI,EAC3C,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,YAAY,EAAE,kBAAkB,GAAG,IAAI,GACtC,0BAA0B,CAc5B;AAED,wBAAgB,gCAAgC,CAAC,MAAM,EAAE;IACvD,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC5C,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,YAAY,EAAE,kBAAkB,GAAG,IAAI,CAAC;CACzC,GAAG,2BAA2B,CA8G9B;AAED,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,6BAA6B,CAUxC"}
+{"version":3,"file":"browser-workspace-wallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/browser-workspace-wallet.ts"],"names":[],"mappings":"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"}

package/components/pages/browser-workspace-wallet.js

@@ -1,6 +1,11 @@
 export const BROWSER_WALLET_REQUEST_TYPE = "ELIZA_BROWSER_WALLET_REQUEST";
 export const BROWSER_WALLET_RESPONSE_TYPE = "ELIZA_BROWSER_WALLET_RESPONSE";
 export const BROWSER_WALLET_READY_TYPE = "ELIZA_BROWSER_WALLET_READY";
+export const DEFAULT_BROWSER_WORKSPACE_EVM_CHAIN_ID = 1;
+export const SUPPORTED_BROWSER_WORKSPACE_EVM_CHAIN_IDS = [
+    1, 10, 56, 137, 8453, 42161,
+];
+const SUPPORTED_BROWSER_WORKSPACE_EVM_CHAIN_ID_SET = new Set(SUPPORTED_BROWSER_WORKSPACE_EVM_CHAIN_IDS);
 export const EMPTY_BROWSER_WORKSPACE_WALLET_STATE = {
     address: null,
     connected: false,
@@ -32,10 +37,13 @@ export function getBrowserWorkspaceSolanaAddress(walletAddresses, walletConfig,
         null);
 }
 export function resolveBrowserWorkspaceWalletMode(stewardStatus, evmAddress, solanaAddress, walletConfig) {
+    const evmMessageSigningAvailable = Boolean(evmAddress && walletConfig?.evmSigningCapability === "local");
+    const evmTransactionSigningAvailable = Boolean(evmAddress && walletConfig?.executionReady);
     if (stewardStatus?.connected) {
         return "steward";
     }
-    if ((evmAddress && walletConfig?.executionReady) ||
+    if (evmMessageSigningAvailable ||
+        evmTransactionSigningAvailable ||
         (solanaAddress && walletConfig?.solanaSigningAvailable)) {
         return "local";
     }
@@ -52,6 +60,8 @@ export function buildBrowserWorkspaceWalletState(params) {
     const mode = resolveBrowserWorkspaceWalletMode(stewardStatus, evmAddress, solanaAddress, walletConfig);
     const evmConnected = Boolean(evmAddress);
     const solanaConnected = Boolean(solanaAddress);
+    const evmMessageSigningAvailable = Boolean(evmAddress && walletConfig?.evmSigningCapability === "local");
+    const evmTransactionSigningAvailable = Boolean(evmAddress && walletConfig?.executionReady);
     const solanaMessageSigningAvailable = Boolean(solanaAddress && walletConfig?.solanaSigningAvailable);
     if (mode === "steward") {
         return {
@@ -82,10 +92,11 @@ export function buildBrowserWorkspaceWalletState(params) {
             mode,
             pendingApprovals: 0,
             reason: null,
-            messageSigningAvailable: Boolean(evmAddress && walletConfig?.executionReady),
-            transactionSigningAvailable: Boolean(evmAddress && walletConfig?.executionReady),
-            chainSwitchingAvailable: Boolean(evmAddress && walletConfig?.executionReady),
-            signingAvailable: Boolean(evmAddress && walletConfig?.executionReady) ||
+            messageSigningAvailable: evmMessageSigningAvailable,
+            transactionSigningAvailable: evmTransactionSigningAvailable,
+            chainSwitchingAvailable: evmTransactionSigningAvailable,
+            signingAvailable: evmMessageSigningAvailable ||
+                evmTransactionSigningAvailable ||
                 solanaMessageSigningAvailable ||
                 solanaTransactionSigningAvailable,
             solanaAddress,
@@ -133,3 +144,41 @@ export function isBrowserWorkspaceWalletRequest(value) {
         typeof entry.requestId === "string" &&
         typeof entry.method === "string");
 }
+export function parseBrowserWorkspaceEvmChainId(value) {
+    if (typeof value === "number" && Number.isInteger(value) && value > 0) {
+        return value;
+    }
+    if (typeof value !== "string")
+        return null;
+    const trimmed = value.trim();
+    if (!trimmed)
+        return null;
+    const parsed = trimmed.startsWith("0x")
+        ? Number.parseInt(trimmed.slice(2), 16)
+        : Number(trimmed);
+    return Number.isInteger(parsed) && parsed > 0 ? parsed : null;
+}
+export function formatBrowserWorkspaceEvmChainId(chainId) {
+    return `0x${chainId.toString(16)}`;
+}
+export function isBrowserWorkspaceEvmChainSupported(chainId) {
+    return SUPPORTED_BROWSER_WORKSPACE_EVM_CHAIN_ID_SET.has(chainId);
+}
+export function getUnsupportedBrowserWorkspaceEvmChainError(chainId) {
+    return `Unsupported EVM chain ${chainId}. Supported chain IDs: ${SUPPORTED_BROWSER_WORKSPACE_EVM_CHAIN_IDS.join(", ")}.`;
+}
+export function resolveBrowserWorkspaceSignMessage(params, address) {
+    if (typeof params === "string")
+        return params;
+    if (!Array.isArray(params) || params.length === 0)
+        return null;
+    const [first, second] = params;
+    if (typeof first === "string" && typeof second === "string" && address) {
+        const normalizedAddress = address.toLowerCase();
+        if (first.toLowerCase() === normalizedAddress)
+            return second;
+        if (second.toLowerCase() === normalizedAddress)
+            return first;
+    }
+    return typeof first === "string" ? first : null;
+}

package/components/pages/chat-view-hooks.d.ts

@@ -1,7 +1,15 @@
 import type { ConversationChannelType, ConversationMessage } from "../../api/client-types-chat";
+import { type ContinuousChatState } from "../../hooks/useContinuousChat";
 import type { useApp } from "../../state/useApp";
-import type { VoiceCaptureMode } from "../../voice/voice-chat-types";
+import { type VoiceCaptureMode, type VoiceContinuousMode, type VoiceSpeakerMetadata } from "../../voice/voice-chat-types";
 export declare function mapUiLanguageToSpeechLocale(uiLanguage: string): string;
+type VoiceLatencyState = {
+    assistantFirstMessageId: string | null;
+    firstSegmentCached: boolean | null;
+    speechEndToFirstTokenMs: number | null;
+    speechEndToVoiceStartMs: number | null;
+    assistantStreamToVoiceStartMs: number | null;
+};
 export declare function __resetCompanionSpeechMemoryForTests(): void;
 /**
  * Chat assistant TTS pipeline — order matters for cloud-backed voice:
@@ -32,21 +40,23 @@ export declare function useChatVoiceController(options: {
     isGameModal: boolean;
     setState: ReturnType<typeof useApp>["setState"];
     uiLanguage: string;
+    /** Caller owns continuous-chat mode (persistence + UI toggle). Defaults to off. */
+    continuousMode?: VoiceContinuousMode;
 }): {
     beginVoiceCapture: (mode?: Exclude<VoiceCaptureMode, "idle">) => void;
     endVoiceCapture: (captureOptions?: {
         submit?: boolean;
     }) => void;
+    continuous: ContinuousChatState;
     handleEditMessage: (messageId: string, text: string) => Promise<boolean>;
     handleSpeakMessage: (messageId: string, text: string) => void;
     stopSpeaking: () => void;
-    voice: import("@elizaos/ui").VoiceChatState;
-    voiceLatency: {
-        firstSegmentCached: boolean | null;
-        speechEndToFirstTokenMs: number | null;
-        speechEndToVoiceStartMs: number | null;
-    } | null;
+    voice: import("../..").VoiceChatState;
+    voiceLatency: VoiceLatencyState | null;
+    voiceSpeaker: VoiceSpeakerMetadata | null;
 };
+export type UseChatVoiceControllerReturn = ReturnType<typeof useChatVoiceController>;
+export type { ContinuousChatState };
 export interface CompanionCarryoverState {
     expiresAtMs: number;
     fadeStartsAtMs: number;

package/components/pages/chat-view-hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-view-hooks.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/chat-view-hooks.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAQrC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGjD,OAAO,KAAK,EACV,gBAAgB,EAEjB,MAAM,8BAA8B,CAAC;AAetC,wBAAgB,2BAA2B,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAiBtE;AA8CD,wBAAgB,oCAAoC,IAAI,IAAI,CAE3D;AAID;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAC9C,eAAe,EAAE,OAAO,CAAC;IACzB,sBAAsB,EAAE,OAAO,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,6BAA6B,EAAE,OAAO,CAAC;IACvC,yBAAyB,EAAE,OAAO,CAAC;IACnC,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtE,cAAc,EAAE,CACd,WAAW,CAAC,EAAE,uBAAuB,EACrC,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAC7C,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;CACpB;+BAyQU,OAAO,CAAC,gBAAgB,EAAE,MAAM,CAAC;uCAmBtB;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE;mCAkBpB,MAAM,QAAQ,MAAM;oCAV1B,MAAM,QAAQ,MAAM;;;;4BAxQZ,OAAO,GAAG,IAAI;iCACT,MAAM,GAAG,IAAI;iCACb,MAAM,GAAG,IAAI;;EA4azC;AAID,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,mBAAmB,EAAE,CAAC;CACjC;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,wBAAwB,EAAE,MAAM,CAAC;IACjC,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,mBAAmB,EAAE,CAAC;CACpC;;;;EAiHA"}
+{"version":3,"file":"chat-view-hooks.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/chat-view-hooks.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAEL,KAAK,mBAAmB,EAEzB,MAAM,+BAA+B,CAAC;AAIvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGjD,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EAExB,KAAK,oBAAoB,EAE1B,MAAM,8BAA8B,CAAC;AAkBtC,wBAAgB,2BAA2B,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAiBtE;AAeD,KAAK,iBAAiB,GAAG;IACvB,uBAAuB,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,uBAAuB,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,uBAAuB,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,6BAA6B,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9C,CAAC;AA8DF,wBAAgB,oCAAoC,IAAI,IAAI,CAE3D;AAID;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAC9C,eAAe,EAAE,OAAO,CAAC;IACzB,sBAAsB,EAAE,OAAO,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,6BAA6B,EAAE,OAAO,CAAC;IACvC,yBAAyB,EAAE,OAAO,CAAC;IACnC,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtE,cAAc,EAAE,CACd,WAAW,CAAC,EAAE,uBAAuB,EACrC,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAC7C,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACtC;+BAsSU,OAAO,CAAC,gBAAgB,EAAE,MAAM,CAAC;uCAqBtB;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE;;mCAiBpB,MAAM,QAAQ,MAAM;oCAT1B,MAAM,QAAQ,MAAM;;;;;EA4QnC;AAED,MAAM,MAAM,4BAA4B,GAAG,UAAU,CACnD,OAAO,sBAAsB,CAC9B,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAIpC,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,mBAAmB,EAAE,CAAC;CACjC;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,wBAAwB,EAAE,MAAM,CAAC;IACjC,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,mBAAmB,EAAE,CAAC;CACpC;;;;EAiHA"}