@n-dx/core 0.1.0

package/packages/web/dist/viewer/components/theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.js","sourceRoot":"","sources":["../../../src/viewer/components/theme-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,UAAU,SAAS;IACvB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAChD,MAAM,SAAS,GACb,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACrF,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AACjE,CAAC;AAED,SAAS,cAAc;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,MAAM,CACpE,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,IAAI,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACjD,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAC1D,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QACvC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC3B,CAAC;AAED,wDAAwD;AACxD,MAAM,UAAU,kBAAkB;IAChC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAE3C,OAAO,CAAC,CAAC,QAAQ,EAAE;QACjB,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,qBAAqB;QACxE,YAAY,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,qBAAqB;KAChF,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC7C,CAAC"}

package/packages/web/dist/viewer/components/throttle-controls.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Throttle Controls — manual execution throttling, pause/resume, and
+ * emergency stop for hench processes.
+ *
+ * Provides:
+ * - Concurrency limit slider to adjust max concurrent processes at runtime
+ * - Pause/resume toggle for new task executions
+ * - Emergency stop button (with confirmation) to kill all running processes
+ * - Real-time state via WebSocket `hench:throttle-state` events
+ *
+ * Data comes from GET /api/hench/throttle (initial + polling fallback)
+ * and WebSocket events for live updates.
+ */
+export declare function ThrottleControlsPanel(): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "region";
+    "aria-label": string;
+}> | null;

package/packages/web/dist/viewer/components/throttle-controls.js

@@ -0,0 +1,304 @@
+/**
+ * Throttle Controls — manual execution throttling, pause/resume, and
+ * emergency stop for hench processes.
+ *
+ * Provides:
+ * - Concurrency limit slider to adjust max concurrent processes at runtime
+ * - Pause/resume toggle for new task executions
+ * - Emergency stop button (with confirmation) to kill all running processes
+ * - Real-time state via WebSocket `hench:throttle-state` events
+ *
+ * Data comes from GET /api/hench/throttle (initial + polling fallback)
+ * and WebSocket events for live updates.
+ */
+import { h } from "preact";
+import { useState, useEffect, useCallback, useRef } from "preact/hooks";
+// ── Helpers ──────────────────────────────────────────────────────────
+const EMPTY_STATUS = {
+    paused: false,
+    pausedAt: null,
+    concurrencyOverride: null,
+    effectiveMaxConcurrent: 3,
+    configMaxConcurrent: 3,
+    lastEmergencyStopAt: null,
+    lastEmergencyStopCount: 0,
+    activeExecutions: 0,
+    timestamp: "",
+};
+/** Format a relative time string like "2m ago". */
+function timeAgo(iso) {
+    const diff = Date.now() - new Date(iso).getTime();
+    const seconds = Math.floor(diff / 1000);
+    if (seconds < 60)
+        return `${seconds}s ago`;
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    return `${hours}h ago`;
+}
+// ── Component ────────────────────────────────────────────────────────
+export function ThrottleControlsPanel() {
+    const [status, setStatus] = useState(EMPTY_STATUS);
+    const [loaded, setLoaded] = useState(false);
+    const [loading, setLoading] = useState(null);
+    const [error, setError] = useState(null);
+    const [showStopConfirm, setShowStopConfirm] = useState(false);
+    const [sliderValue, setSliderValue] = useState(3);
+    const wsRef = useRef(null);
+    // ── Fetch throttle status ──────────────────────────────────────────
+    const fetchThrottle = useCallback(async () => {
+        try {
+            const res = await fetch("/api/hench/throttle");
+            if (res.ok) {
+                const data = await res.json();
+                setStatus(data);
+                setSliderValue(data.effectiveMaxConcurrent);
+                setLoaded(true);
+            }
+        }
+        catch {
+            // Silently fail — will retry on next poll
+        }
+    }, []);
+    // ── WebSocket + polling ────────────────────────────────────────────
+    useEffect(() => {
+        let mounted = true;
+        fetchThrottle();
+        // Connect to WebSocket for real-time updates
+        const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+        const wsUrl = `${protocol}//${window.location.host}`;
+        let ws = null;
+        try {
+            ws = new WebSocket(wsUrl);
+            wsRef.current = ws;
+            ws.onmessage = (event) => {
+                if (!mounted)
+                    return;
+                try {
+                    const msg = JSON.parse(event.data);
+                    if (msg.type === "hench:throttle-state") {
+                        setStatus({
+                            paused: msg.paused,
+                            pausedAt: msg.pausedAt,
+                            concurrencyOverride: msg.concurrencyOverride,
+                            effectiveMaxConcurrent: msg.effectiveMaxConcurrent,
+                            configMaxConcurrent: msg.configMaxConcurrent,
+                            lastEmergencyStopAt: msg.lastEmergencyStopAt,
+                            lastEmergencyStopCount: msg.lastEmergencyStopCount,
+                            activeExecutions: msg.activeExecutions,
+                            timestamp: msg.timestamp,
+                        });
+                        setSliderValue(msg.effectiveMaxConcurrent);
+                        setLoaded(true);
+                    }
+                }
+                catch {
+                    // Ignore malformed messages
+                }
+            };
+            ws.onclose = () => { wsRef.current = null; };
+        }
+        catch {
+            // WebSocket not available
+        }
+        // Poll as fallback every 10 seconds
+        const interval = setInterval(fetchThrottle, 10_000);
+        return () => {
+            mounted = false;
+            clearInterval(interval);
+            if (ws) {
+                try {
+                    ws.close();
+                }
+                catch { /* ignore */ }
+            }
+            wsRef.current = null;
+        };
+    }, [fetchThrottle]);
+    // ── Handlers ───────────────────────────────────────────────────────
+    const handleConcurrencyChange = useCallback(async (value) => {
+        setLoading("concurrency");
+        setError(null);
+        try {
+            const isReset = value === status.configMaxConcurrent;
+            const res = await fetch("/api/hench/throttle", {
+                method: "PUT",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ maxConcurrent: isReset ? null : value }),
+            });
+            if (!res.ok) {
+                const data = await res.json();
+                setError(data.error || "Failed to update concurrency limit");
+            }
+            else {
+                await fetchThrottle();
+            }
+        }
+        catch (err) {
+            setError(String(err));
+        }
+        finally {
+            setLoading(null);
+        }
+    }, [status.configMaxConcurrent, fetchThrottle]);
+    const handlePause = useCallback(async () => {
+        setLoading("pause");
+        setError(null);
+        try {
+            const res = await fetch("/api/hench/throttle/pause", { method: "POST" });
+            if (!res.ok) {
+                const data = await res.json();
+                setError(data.error || "Failed to pause");
+            }
+            else {
+                await fetchThrottle();
+            }
+        }
+        catch (err) {
+            setError(String(err));
+        }
+        finally {
+            setLoading(null);
+        }
+    }, [fetchThrottle]);
+    const handleResume = useCallback(async () => {
+        setLoading("resume");
+        setError(null);
+        try {
+            const res = await fetch("/api/hench/throttle/resume", { method: "POST" });
+            if (!res.ok) {
+                const data = await res.json();
+                setError(data.error || "Failed to resume");
+            }
+            else {
+                await fetchThrottle();
+            }
+        }
+        catch (err) {
+            setError(String(err));
+        }
+        finally {
+            setLoading(null);
+        }
+    }, [fetchThrottle]);
+    const handleEmergencyStop = useCallback(async () => {
+        setLoading("stop");
+        setError(null);
+        try {
+            const res = await fetch("/api/hench/throttle/emergency-stop", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ confirm: true }),
+            });
+            const data = await res.json();
+            if (!res.ok) {
+                setError(data.error || "Emergency stop failed");
+            }
+            else {
+                await fetchThrottle();
+            }
+        }
+        catch (err) {
+            setError(String(err));
+        }
+        finally {
+            setLoading(null);
+            setShowStopConfirm(false);
+        }
+    }, [fetchThrottle]);
+    // ── Render ─────────────────────────────────────────────────────────
+    if (!loaded)
+        return null;
+    const { paused, pausedAt, concurrencyOverride, effectiveMaxConcurrent, configMaxConcurrent, activeExecutions, lastEmergencyStopAt } = status;
+    const hasOverride = concurrencyOverride !== null;
+    return h("div", {
+        class: `throttle-controls${paused ? " throttle-controls-paused" : ""}`,
+        role: "region",
+        "aria-label": "Execution throttle controls",
+    }, 
+    // Header
+    h("div", { class: "throttle-header" }, h("div", { class: "throttle-header-left" }, h("span", {
+        class: `throttle-icon${paused ? " throttle-icon-paused" : ""}`,
+        "aria-hidden": "true",
+    }, paused ? "⏸" : "⚙"), h("h3", { class: "throttle-title" }, "Throttle Controls"), paused
+        ? h("span", { class: "throttle-paused-badge" }, "Paused")
+        : null), activeExecutions > 0
+        ? h("span", { class: "throttle-active-count" }, `${activeExecutions} active`)
+        : null), 
+    // Error display
+    error
+        ? h("div", { class: "throttle-error", role: "alert" }, error)
+        : null, 
+    // Concurrency slider
+    h("div", { class: "throttle-section" }, h("div", { class: "throttle-section-header" }, h("span", { class: "throttle-section-label" }, "Concurrency Limit"), h("span", { class: "throttle-section-value" }, hasOverride
+        ? h("span", null, h("span", { class: "throttle-override-value" }, String(effectiveMaxConcurrent)), h("span", { class: "throttle-config-hint" }, ` (config: ${configMaxConcurrent})`))
+        : String(effectiveMaxConcurrent))), h("div", { class: "throttle-slider-row" }, h("span", { class: "throttle-slider-min" }, "1"), h("input", {
+        type: "range",
+        class: "throttle-slider",
+        min: 1,
+        max: 10,
+        step: 1,
+        value: sliderValue,
+        disabled: loading === "concurrency",
+        "aria-label": "Adjust maximum concurrent processes",
+        onInput: (e) => {
+            const val = parseInt(e.target.value, 10);
+            setSliderValue(val);
+        },
+        onChange: (e) => {
+            const val = parseInt(e.target.value, 10);
+            handleConcurrencyChange(val);
+        },
+    }), h("span", { class: "throttle-slider-max" }, "10")), hasOverride
+        ? h("button", {
+            class: "throttle-reset-btn",
+            onClick: () => handleConcurrencyChange(configMaxConcurrent),
+            disabled: loading === "concurrency",
+            "aria-label": "Reset to config default",
+        }, `Reset to default (${configMaxConcurrent})`)
+        : null), 
+    // Pause/Resume control
+    h("div", { class: "throttle-section" }, h("div", { class: "throttle-section-header" }, h("span", { class: "throttle-section-label" }, "New Executions"), h("span", {
+        class: `throttle-status-indicator${paused ? " throttle-status-paused" : " throttle-status-active"}`,
+    }, paused ? "Paused" : "Accepting")), paused
+        ? h("div", { class: "throttle-pause-info" }, h("p", { class: "throttle-pause-desc" }, "New task executions are blocked. Running tasks continue until they finish."), pausedAt
+            ? h("span", { class: "throttle-pause-time" }, `Paused ${timeAgo(pausedAt)}`)
+            : null, h("button", {
+            class: "throttle-resume-btn",
+            onClick: handleResume,
+            disabled: loading === "resume",
+            "aria-label": "Resume new executions",
+        }, loading === "resume" ? "Resuming…" : "▶ Resume Executions"))
+        : h("button", {
+            class: "throttle-pause-btn",
+            onClick: handlePause,
+            disabled: loading === "pause",
+            "aria-label": "Pause new executions",
+        }, loading === "pause" ? "Pausing…" : "⏸ Pause New Executions")), 
+    // Emergency stop
+    h("div", { class: "throttle-section throttle-section-danger" }, h("div", { class: "throttle-section-header" }, h("span", { class: "throttle-section-label throttle-danger-label" }, "Emergency Stop")), showStopConfirm
+        ? h("div", { class: "throttle-stop-confirm" }, h("p", { class: "throttle-stop-warn" }, `This will terminate ${activeExecutions} running execution${activeExecutions !== 1 ? "s" : ""} and pause new ones. Are you sure?`), h("div", { class: "throttle-stop-actions" }, h("button", {
+            class: "throttle-stop-confirm-btn",
+            onClick: handleEmergencyStop,
+            disabled: loading === "stop",
+            "aria-label": "Confirm emergency stop",
+        }, loading === "stop" ? "Stopping…" : "⚠ Confirm Stop All"), h("button", {
+            class: "throttle-stop-cancel-btn",
+            onClick: () => setShowStopConfirm(false),
+            disabled: loading === "stop",
+        }, "Cancel")))
+        : h("button", {
+            class: "throttle-stop-btn",
+            onClick: () => setShowStopConfirm(true),
+            disabled: activeExecutions === 0,
+            "aria-label": activeExecutions === 0
+                ? "No active executions to stop"
+                : "Emergency stop all executions",
+        }, activeExecutions === 0
+            ? "No Active Executions"
+            : `⛔ Stop All Executions (${activeExecutions})`), lastEmergencyStopAt
+        ? h("span", { class: "throttle-stop-last" }, `Last stop: ${timeAgo(lastEmergencyStopAt)}`)
+        : null));
+}
+//# sourceMappingURL=throttle-controls.js.map

package/packages/web/dist/viewer/components/throttle-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"throttle-controls.js","sourceRoot":"","sources":["../../../src/viewer/components/throttle-controls.ts"],"names":[],"mappings":"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"}

package/packages/web/dist/viewer/components/ws-health-panel.d.ts

@@ -0,0 +1,18 @@
+/**
+ * WebSocket Health Panel — displays real-time WebSocket connection health,
+ * cleanup metrics, and resource usage in the Hench dashboard section.
+ *
+ * Data comes from GET /api/ws/health (initial + polling fallback)
+ * and WebSocket "ws:health-status" events (real-time updates).
+ *
+ * Shows:
+ * - Active vs peak connection counts with a visual indicator
+ * - Cleanup success rate and breakdown by reason
+ * - Broadcast statistics and write failure rate
+ * - Connection duration and health level
+ */
+export declare function WsHealthPanel(): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "region";
+    "aria-label": string;
+}> | null;

package/packages/web/dist/viewer/components/ws-health-panel.js

@@ -0,0 +1,250 @@
+/**
+ * WebSocket Health Panel — displays real-time WebSocket connection health,
+ * cleanup metrics, and resource usage in the Hench dashboard section.
+ *
+ * Data comes from GET /api/ws/health (initial + polling fallback)
+ * and WebSocket "ws:health-status" events (real-time updates).
+ *
+ * Shows:
+ * - Active vs peak connection counts with a visual indicator
+ * - Cleanup success rate and breakdown by reason
+ * - Broadcast statistics and write failure rate
+ * - Connection duration and health level
+ */
+import { h } from "preact";
+import { useState, useEffect, useCallback, useRef } from "preact/hooks";
+// ── Helpers ──────────────────────────────────────────────────────────
+const HEALTH_CONFIG = {
+    healthy: {
+        color: "var(--green)",
+        barColor: "var(--green)",
+        label: "Healthy",
+        icon: "●",
+    },
+    degraded: {
+        color: "var(--orange)",
+        barColor: "var(--orange)",
+        label: "Degraded",
+        icon: "◕",
+    },
+    unhealthy: {
+        color: "var(--red)",
+        barColor: "var(--red)",
+        label: "Unhealthy",
+        icon: "●",
+    },
+};
+/** Format milliseconds into a human-readable duration. */
+function formatDuration(ms) {
+    if (ms < 1000)
+        return `${ms}ms`;
+    const secs = ms / 1000;
+    if (secs < 60)
+        return `${secs.toFixed(1)}s`;
+    const mins = Math.floor(secs / 60);
+    const remSecs = Math.round(secs % 60);
+    if (mins < 60)
+        return `${mins}m ${remSecs}s`;
+    const hours = Math.floor(mins / 60);
+    const remMins = mins % 60;
+    return `${hours}h ${remMins}m`;
+}
+/** Format uptime into a human-readable string. */
+function formatUptime(ms) {
+    const totalSecs = Math.floor(ms / 1000);
+    if (totalSecs < 60)
+        return `${totalSecs}s`;
+    const mins = Math.floor(totalSecs / 60);
+    if (mins < 60)
+        return `${mins}m`;
+    const hours = Math.floor(mins / 60);
+    const remMins = mins % 60;
+    if (hours < 24)
+        return `${hours}h ${remMins}m`;
+    const days = Math.floor(hours / 24);
+    const remHours = hours % 24;
+    return `${days}d ${remHours}h`;
+}
+/** Cleanup reason display labels. */
+const REASON_LABELS = {
+    close: "Clean close",
+    error: "Socket error",
+    end: "Half-close",
+    ping_timeout: "Ping timeout",
+    prune: "Pre-broadcast prune",
+    shutdown: "Server shutdown",
+    write_fail: "Write failure",
+};
+/** Whether this reason is "event-driven" (expected) vs "safety-net" (indicates issues). */
+const EVENT_DRIVEN_REASONS = new Set(["close", "error", "end", "shutdown"]);
+/** Defaults when no data has been fetched yet. */
+const EMPTY_STATUS = {
+    activeConnections: 0,
+    peakConnections: 0,
+    totalConnectionsAccepted: 0,
+    totalConnectionsRemoved: 0,
+    cleanupsByReason: {
+        close: 0,
+        error: 0,
+        end: 0,
+        ping_timeout: 0,
+        prune: 0,
+        shutdown: 0,
+        write_fail: 0,
+    },
+    recentCleanups: 0,
+    avgConnectionDurationMs: 0,
+    totalBroadcasts: 0,
+    totalBroadcastWriteFailures: 0,
+    cleanupSuccessRate: 1,
+    avgCleanupLatencyMs: 0,
+    health: "healthy",
+    uptimeMs: 0,
+    timestamp: "",
+};
+// ── Component ────────────────────────────────────────────────────────
+export function WsHealthPanel() {
+    const [status, setStatus] = useState(EMPTY_STATUS);
+    const [loaded, setLoaded] = useState(false);
+    const wsRef = useRef(null);
+    // Fetch from REST endpoint
+    const fetchWsHealth = useCallback(async () => {
+        try {
+            const res = await fetch("/api/ws/health");
+            if (res.ok) {
+                const data = await res.json();
+                setStatus(data);
+                setLoaded(true);
+            }
+        }
+        catch {
+            // Silently fail — will retry on next poll
+        }
+    }, []);
+    // WebSocket + polling
+    useEffect(() => {
+        let mounted = true;
+        fetchWsHealth();
+        // Connect to WebSocket for real-time updates
+        const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+        const wsUrl = `${protocol}//${window.location.host}`;
+        let ws = null;
+        try {
+            ws = new WebSocket(wsUrl);
+            wsRef.current = ws;
+            ws.onmessage = (event) => {
+                if (!mounted)
+                    return;
+                try {
+                    const msg = JSON.parse(event.data);
+                    if (msg.type === "ws:health-status") {
+                        setStatus({
+                            activeConnections: msg.activeConnections,
+                            peakConnections: msg.peakConnections,
+                            totalConnectionsAccepted: msg.totalConnectionsAccepted,
+                            totalConnectionsRemoved: msg.totalConnectionsRemoved,
+                            cleanupsByReason: msg.cleanupsByReason,
+                            recentCleanups: msg.recentCleanups,
+                            avgConnectionDurationMs: msg.avgConnectionDurationMs,
+                            totalBroadcasts: msg.totalBroadcasts,
+                            totalBroadcastWriteFailures: msg.totalBroadcastWriteFailures,
+                            cleanupSuccessRate: msg.cleanupSuccessRate,
+                            avgCleanupLatencyMs: msg.avgCleanupLatencyMs,
+                            health: msg.health,
+                            uptimeMs: msg.uptimeMs,
+                            timestamp: msg.timestamp,
+                        });
+                        setLoaded(true);
+                    }
+                }
+                catch {
+                    // Ignore malformed messages
+                }
+            };
+            ws.onclose = () => { wsRef.current = null; };
+        }
+        catch {
+            // WebSocket not available
+        }
+        // Poll as fallback every 15 seconds
+        const interval = setInterval(fetchWsHealth, 15_000);
+        return () => {
+            mounted = false;
+            clearInterval(interval);
+            if (ws) {
+                try {
+                    ws.close();
+                }
+                catch { /* ignore */ }
+            }
+            wsRef.current = null;
+        };
+    }, [fetchWsHealth]);
+    // Don't render until we have data
+    if (!loaded)
+        return null;
+    const { activeConnections, peakConnections, totalConnectionsAccepted, totalConnectionsRemoved, cleanupsByReason, recentCleanups, avgConnectionDurationMs, totalBroadcasts, totalBroadcastWriteFailures, cleanupSuccessRate, health, uptimeMs, } = status;
+    const config = HEALTH_CONFIG[health];
+    const successPct = Math.round(cleanupSuccessRate * 100);
+    // Compute cleanup breakdown for display — only show reasons with non-zero counts
+    const cleanupEntries = Object.entries(cleanupsByReason)
+        .filter(([, count]) => count > 0)
+        .sort((a, b) => b[1] - a[1]);
+    // Broadcast failure rate
+    const broadcastFailRate = totalBroadcasts > 0
+        ? (totalBroadcastWriteFailures / totalBroadcasts * 100).toFixed(1)
+        : "0.0";
+    return h("div", {
+        class: `ws-health-panel ws-health-panel-${health}`,
+        role: "region",
+        "aria-label": "WebSocket connection health",
+    }, 
+    // Header row
+    h("div", { class: "ws-health-header" }, h("div", { class: "ws-health-header-left" }, h("span", {
+        class: `ws-health-icon ws-health-icon-${health}`,
+        "aria-hidden": "true",
+    }, config.icon), h("h3", { class: "ws-health-title" }, "WebSocket Health"), h("span", {
+        class: `ws-health-badge ws-health-badge-${health}`,
+    }, config.label)), h("div", { class: "ws-health-header-right" }, h("span", {
+        class: "ws-health-connection-count",
+        style: `color: ${config.color}`,
+    }, h("span", { class: "ws-health-count-value" }, String(activeConnections)), h("span", { class: "ws-health-count-label" }, " active")))), 
+    // Connection bar — active vs peak
+    peakConnections > 0
+        ? h("div", { class: "ws-health-bar-container" }, h("div", { class: "ws-health-bar-label" }, h("span", null, "Connections"), h("span", { class: "ws-health-bar-detail" }, `${activeConnections} active / ${peakConnections} peak`)), h("div", { class: "ws-health-bar-track" }, h("div", {
+            class: `ws-health-bar-fill ws-health-bar-${health}`,
+            style: `width: ${Math.min(100, Math.round((activeConnections / Math.max(1, peakConnections)) * 100))}%`,
+            role: "progressbar",
+            "aria-valuenow": activeConnections,
+            "aria-valuemin": 0,
+            "aria-valuemax": peakConnections,
+            "aria-label": `${activeConnections} of ${peakConnections} peak connections`,
+        })))
+        : null, 
+    // Cleanup success rate bar
+    totalConnectionsRemoved > 0
+        ? h("div", { class: "ws-health-bar-container" }, h("div", { class: "ws-health-bar-label" }, h("span", null, "Cleanup Success"), h("span", { class: "ws-health-bar-detail" }, `${successPct}%`)), h("div", { class: "ws-health-bar-track" }, h("div", {
+            class: `ws-health-bar-fill ws-health-bar-${successPct >= 90 ? "healthy" : successPct >= 70 ? "degraded" : "unhealthy"}`,
+            style: `width: ${successPct}%`,
+            role: "progressbar",
+            "aria-valuenow": successPct,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-label": `Cleanup success rate: ${successPct}%`,
+        })))
+        : null, 
+    // Cleanup breakdown (only show when there are cleanups)
+    cleanupEntries.length > 0
+        ? h("div", { class: "ws-health-cleanup-breakdown" }, h("div", { class: "ws-health-cleanup-header" }, h("span", { class: "ws-health-cleanup-title" }, "Cleanup Reasons"), h("span", { class: "ws-health-cleanup-recent" }, `${recentCleanups} in last 60s`)), ...cleanupEntries.map(([reason, count]) => h("div", {
+            key: reason,
+            class: `ws-health-cleanup-row${EVENT_DRIVEN_REASONS.has(reason) ? "" : " ws-health-cleanup-row-warn"}`,
+        }, h("span", { class: "ws-health-cleanup-reason" }, REASON_LABELS[reason]), h("span", { class: "ws-health-cleanup-count" }, String(count)))))
+        : null, 
+    // Stats row
+    h("div", { class: "ws-health-stats" }, h("div", { class: "ws-health-stat" }, h("span", { class: "ws-health-stat-value" }, String(totalConnectionsAccepted)), h("span", { class: "ws-health-stat-label" }, "total accepted")), h("div", { class: "ws-health-stat" }, h("span", { class: "ws-health-stat-value" }, String(totalBroadcasts)), h("span", { class: "ws-health-stat-label" }, "broadcasts")), h("div", { class: "ws-health-stat" }, h("span", { class: "ws-health-stat-value" }, avgConnectionDurationMs > 0 ? formatDuration(avgConnectionDurationMs) : "—"), h("span", { class: "ws-health-stat-label" }, "avg duration")), h("div", { class: "ws-health-stat" }, h("span", { class: "ws-health-stat-value" }, formatUptime(uptimeMs)), h("span", { class: "ws-health-stat-label" }, "uptime"))), 
+    // Broadcast failure indicator (only show if there are failures)
+    totalBroadcastWriteFailures > 0
+        ? h("div", { class: "ws-health-failure-alert" }, h("span", { class: "ws-health-failure-icon", "aria-hidden": "true" }, "△"), h("span", { class: "ws-health-failure-text" }, `${totalBroadcastWriteFailures} broadcast write failure${totalBroadcastWriteFailures === 1 ? "" : "s"} (${broadcastFailRate}% of broadcasts)`))
+        : null);
+}
+//# sourceMappingURL=ws-health-panel.js.map

package/packages/web/dist/viewer/components/ws-health-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ws-health-panel.js","sourceRoot":"","sources":["../../../src/viewer/components/ws-health-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAmCxE,wEAAwE;AAExE,MAAM,aAAa,GAKd;IACH,OAAO,EAAE;QACP,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,cAAc;QACxB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,GAAG;KACV;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,eAAe;QACzB,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,GAAG;KACV;IACD,SAAS,EAAE;QACT,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,YAAY;QACtB,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,GAAG;KACV;CACF,CAAC;AAEF,0DAA0D;AAC1D,SAAS,cAAc,CAAC,EAAU;IAChC,IAAI,EAAE,GAAG,IAAI;QAAE,OAAO,GAAG,EAAE,IAAI,CAAC;IAChC,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC;IACvB,IAAI,IAAI,GAAG,EAAE;QAAE,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACtC,IAAI,IAAI,GAAG,EAAE;QAAE,OAAO,GAAG,IAAI,KAAK,OAAO,GAAG,CAAC;IAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,IAAI,GAAG,EAAE,CAAC;IAC1B,OAAO,GAAG,KAAK,KAAK,OAAO,GAAG,CAAC;AACjC,CAAC;AAED,kDAAkD;AAClD,SAAS,YAAY,CAAC,EAAU;IAC9B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IACxC,IAAI,SAAS,GAAG,EAAE;QAAE,OAAO,GAAG,SAAS,GAAG,CAAC;IAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC;IACxC,IAAI,IAAI,GAAG,EAAE;QAAE,OAAO,GAAG,IAAI,GAAG,CAAC;IACjC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,IAAI,GAAG,EAAE,CAAC;IAC1B,IAAI,KAAK,GAAG,EAAE;QAAE,OAAO,GAAG,KAAK,KAAK,OAAO,GAAG,CAAC;IAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,GAAG,EAAE,CAAC;IAC5B,OAAO,GAAG,IAAI,KAAK,QAAQ,GAAG,CAAC;AACjC,CAAC;AAED,qCAAqC;AACrC,MAAM,aAAa,GAAkC;IACnD,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,cAAc;IACrB,GAAG,EAAE,YAAY;IACjB,YAAY,EAAE,cAAc;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,QAAQ,EAAE,iBAAiB;IAC3B,UAAU,EAAE,eAAe;CAC5B,CAAC;AAEF,2FAA2F;AAC3F,MAAM,oBAAoB,GAAuB,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;AAEhG,kDAAkD;AAClD,MAAM,YAAY,GAAmB;IACnC,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;IAClB,wBAAwB,EAAE,CAAC;IAC3B,uBAAuB,EAAE,CAAC;IAC1B,gBAAgB,EAAE;QAChB,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,CAAC;KACd;IACD,cAAc,EAAE,CAAC;IACjB,uBAAuB,EAAE,CAAC;IAC1B,eAAe,EAAE,CAAC;IAClB,2BAA2B,EAAE,CAAC;IAC9B,kBAAkB,EAAE,CAAC;IACrB,mBAAmB,EAAE,CAAC;IACtB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,wEAAwE;AAExE,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,YAAY,CAAC,CAAC;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE7C,2BAA2B;IAC3B,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC3C,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,gBAAgB,CAAC,CAAC;YAC1C,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC;gBACX,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAoB,CAAC;gBAChD,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,0CAA0C;QAC5C,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,sBAAsB;IACtB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,aAAa,EAAE,CAAC;QAEhB,6CAA6C;QAC7C,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;QACxE,MAAM,KAAK,GAAG,GAAG,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrD,IAAI,EAAE,GAAqB,IAAI,CAAC;QAEhC,IAAI,CAAC;YACH,EAAE,GAAG,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;YAC1B,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;YAEnB,EAAE,CAAC,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;gBACvB,IAAI,CAAC,OAAO;oBAAE,OAAO;gBACrB,IAAI,CAAC;oBACH,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;oBACnC,IAAI,GAAG,CAAC,IAAI,KAAK,kBAAkB,EAAE,CAAC;wBACpC,SAAS,CAAC;4BACR,iBAAiB,EAAE,GAAG,CAAC,iBAAiB;4BACxC,eAAe,EAAE,GAAG,CAAC,eAAe;4BACpC,wBAAwB,EAAE,GAAG,CAAC,wBAAwB;4BACtD,uBAAuB,EAAE,GAAG,CAAC,uBAAuB;4BACpD,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;4BACtC,cAAc,EAAE,GAAG,CAAC,cAAc;4BAClC,uBAAuB,EAAE,GAAG,CAAC,uBAAuB;4BACpD,eAAe,EAAE,GAAG,CAAC,eAAe;4BACpC,2BAA2B,EAAE,GAAG,CAAC,2BAA2B;4BAC5D,kBAAkB,EAAE,GAAG,CAAC,kBAAkB;4BAC1C,mBAAmB,EAAE,GAAG,CAAC,mBAAmB;4BAC5C,MAAM,EAAE,GAAG,CAAC,MAAM;4BAClB,QAAQ,EAAE,GAAG,CAAC,QAAQ;4BACtB,SAAS,EAAE,GAAG,CAAC,SAAS;yBACzB,CAAC,CAAC;wBACH,SAAS,CAAC,IAAI,CAAC,CAAC;oBAClB,CAAC;gBACH,CAAC;gBAAC,MAAM,CAAC;oBACP,4BAA4B;gBAC9B,CAAC;YACH,CAAC,CAAC;YAEF,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC/C,CAAC;QAAC,MAAM,CAAC;YACP,0BAA0B;QAC5B,CAAC;QAED,oCAAoC;QACpC,MAAM,QAAQ,GAAG,WAAW,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,OAAO,GAAG,KAAK,CAAC;YAChB,aAAa,CAAC,QAAQ,CAAC,CAAC;YACxB,IAAI,EAAE,EAAE,CAAC;gBACP,IAAI,CAAC;oBAAC,EAAE,CAAC,KAAK,EAAE,CAAC;gBAAC,CAAC;gBAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;YAC5C,CAAC;YACD,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,kCAAkC;IAClC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,EACJ,iBAAiB,EACjB,eAAe,EACf,wBAAwB,EACxB,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,uBAAuB,EACvB,eAAe,EACf,2BAA2B,EAC3B,kBAAkB,EAClB,MAAM,EACN,QAAQ,GACT,GAAG,MAAM,CAAC;IAEX,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,GAAG,CAAC,CAAC;IAExD,iFAAiF;IACjF,MAAM,cAAc,GAAI,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAA+B;SACnF,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;SAChC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/B,yBAAyB;IACzB,MAAM,iBAAiB,GAAG,eAAe,GAAG,CAAC;QAC3C,CAAC,CAAC,CAAC,2BAA2B,GAAG,eAAe,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAClE,CAAC,CAAC,KAAK,CAAC;IAEV,OAAO,CAAC,CAAC,KAAK,EAAE;QACd,KAAK,EAAE,mCAAmC,MAAM,EAAE;QAClD,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,6BAA6B;KAC5C;IACC,aAAa;IACb,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EACpC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EACzC,CAAC,CAAC,MAAM,EAAE;QACR,KAAK,EAAE,iCAAiC,MAAM,EAAE;QAChD,aAAa,EAAE,MAAM;KACtB,EAAE,MAAM,CAAC,IAAI,CAAC,EACf,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,kBAAkB,CAAC,EACzD,CAAC,CAAC,MAAM,EAAE;QACR,KAAK,EAAE,mCAAmC,MAAM,EAAE;KACnD,EAAE,MAAM,CAAC,KAAK,CAAC,CACjB,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAC1C,CAAC,CAAC,MAAM,EAAE;QACR,KAAK,EAAE,4BAA4B;QACnC,KAAK,EAAE,UAAU,MAAM,CAAC,KAAK,EAAE;KAChC,EACC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,EACxE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,SAAS,CAAC,CACzD,CACF,CACF;IAED,kCAAkC;IAClC,eAAe,GAAG,CAAC;QACjB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAC3C,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,aAAa,CAAC,EAC9B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACzC,GAAG,iBAAiB,aAAa,eAAe,OAAO,CACxD,CACF,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,CAAC,CAAC,KAAK,EAAE;YACP,KAAK,EAAE,oCAAoC,MAAM,EAAE;YACnD,KAAK,EAAE,UAAU,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG;YACvG,IAAI,EAAE,aAAa;YACnB,eAAe,EAAE,iBAAiB;YAClC,eAAe,EAAE,CAAC;YAClB,eAAe,EAAE,eAAe;YAChC,YAAY,EAAE,GAAG,iBAAiB,OAAO,eAAe,mBAAmB;SAC5E,CAAC,CACH,CACF;QACH,CAAC,CAAC,IAAI;IAER,2BAA2B;IAC3B,uBAAuB,GAAG,CAAC;QACzB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAC3C,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,iBAAiB,CAAC,EAClC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,GAAG,UAAU,GAAG,CAAC,CAC/D,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,CAAC,CAAC,KAAK,EAAE;YACP,KAAK,EAAE,oCAAoC,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE;YACvH,KAAK,EAAE,UAAU,UAAU,GAAG;YAC9B,IAAI,EAAE,aAAa;YACnB,eAAe,EAAE,UAAU;YAC3B,eAAe,EAAE,CAAC;YAClB,eAAe,EAAE,GAAG;YACpB,YAAY,EAAE,yBAAyB,UAAU,GAAG;SACrD,CAAC,CACH,CACF;QACH,CAAC,CAAC,IAAI;IAER,wDAAwD;IACxD,cAAc,CAAC,MAAM,GAAG,CAAC;QACvB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAC/C,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAC5C,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE,iBAAiB,CAAC,EAClE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAC7C,GAAG,cAAc,cAAc,CAChC,CACF,EACD,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,CACxC,CAAC,CAAC,KAAK,EAAE;YACP,GAAG,EAAE,MAAM;YACX,KAAK,EAAE,wBAAwB,oBAAoB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,6BAA6B,EAAE;SACvG,EACC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAC7C,aAAa,CAAC,MAAM,CAAC,CACtB,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAC/D,CACF,CACF;QACH,CAAC,CAAC,IAAI;IAER,YAAY;IACZ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EACnC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAClC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACzC,MAAM,CAAC,wBAAwB,CAAC,CACjC,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,gBAAgB,CAAC,CAC/D,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAClC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACzC,MAAM,CAAC,eAAe,CAAC,CACxB,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,YAAY,CAAC,CAC3D,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAClC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACzC,uBAAuB,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,GAAG,CAC5E,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,cAAc,CAAC,CAC7D,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAClC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,EACpE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,QAAQ,CAAC,CACvD,CACF;IAED,gEAAgE;IAChE,2BAA2B,GAAG,CAAC;QAC7B,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAC3C,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,EAC1E,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAC3C,GAAG,2BAA2B,2BAA2B,2BAA2B,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,iBAAiB,kBAAkB,CAC9I,CACF;QACH,CAAC,CAAC,IAAI,CACT,CAAC;AACJ,CAAC"}