visualizer-components 0.1.0

package/dist/components/Joystick.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @file Joystick.tsx
+ * @description On-screen virtual joystick with left/right wheel speed bar indicators.
+ */
+import { useRef } from 'react';
+import { Box, Typography } from '@mui/material';
+import { useSpring, animated } from '@react-spring/web';
+import { useDrag } from '@use-gesture/react';
+// Define the hybrid component safely
+const AnimatedBox = animated(Box);
+/**
+ * Virtual on-screen joystick with drag-constrained knob and left/right wheel speed bars.
+ * Calls `onJoyChange` with normalised x/y values in [−1, 1] on every drag frame.
+ */
+function Joystick({ joy, lw, rw, onJoyChange, size = 156 }) {
+    const BAR_W = 6;
+    const BAR_H = Math.round(size * 0.705);
+    const JR = Math.round(size * 0.372);
+    const KR = Math.round(size * 0.128);
+    const [{ x: knobX, y: knobY }, knobApi] = useSpring(() => ({ x: joy.x * JR, y: -joy.y * JR }));
+    // 1. Create a ref specifically for attaching gestures to the DOM node
+    const knobRef = useRef(null);
+    // 2. Bind useDrag via target ref instead of spreading the properties directly onto the JSX
+    useDrag(({ active, movement: [mx, my], first, memo, event }) => {
+        if (first) {
+            if (event)
+                event.stopPropagation();
+            memo = [knobX.get(), knobY.get()];
+        }
+        let targetX = memo[0] + mx;
+        let targetY = memo[1] + my;
+        const distance = Math.sqrt(targetX * targetX + targetY * targetY);
+        if (distance > JR) {
+            targetX = (targetX / distance) * JR;
+            targetY = (targetY / distance) * JR;
+        }
+        if (active) {
+            // Immediate set — the knob tracks the finger 1:1 with no spring lag.
+            knobApi.set({ x: targetX, y: targetY });
+            onJoyChange({ x: targetX / JR, y: -targetY / JR });
+        }
+        else {
+            // Sprung snap-back to center on release.
+            knobApi.start({ x: 0, y: 0, config: { tension: 400, friction: 28 } });
+            onJoyChange({ x: 0, y: 0 });
+        }
+        return memo;
+    }, {
+        target: knobRef, // Binds events natively directly to the element under the hood
+        eventOptions: { passive: false }
+    });
+    /** Renders the colored fill segment for a wheel-speed bar at the given normalised value. */
+    const renderBarFill = (val) => {
+        const fillH = Math.abs(val) * (BAR_H / 2);
+        const isPositive = val >= 0;
+        return (_jsx(Box, { sx: {
+                position: 'absolute',
+                left: 0,
+                width: '100%',
+                height: `${fillH}px`,
+                backgroundColor: isPositive ? '#4aaeff' : '#ff8844',
+                bottom: isPositive ? '50%' : 'auto',
+                top: isPositive ? 'auto' : '50%',
+                borderRadius: isPositive ? '3px 3px 0 0' : '0 0 3px 3px',
+            } }));
+    };
+    return (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 0.5, userSelect: 'none' }, children: [_jsxs(Box, { style: { width: size, height: size, position: 'relative', overflow: 'hidden' }, children: [_jsxs(Box, { sx: { position: 'absolute', left: 3, top: (size - BAR_H) / 2, width: BAR_W, height: BAR_H, bgcolor: 'rgba(40,60,100,0.5)', border: '0.5px solid rgba(100,160,220,0.25)', borderRadius: '3px', overflow: 'hidden' }, children: [_jsx(Box, { sx: { position: 'absolute', top: '50%', left: 0, width: '100%', height: '0.5px', bgcolor: 'rgba(100,160,220,0.3)' } }), renderBarFill(lw)] }), _jsxs(Box, { sx: { position: 'absolute', right: 9, top: (size - BAR_H) / 2, width: BAR_W, height: BAR_H, bgcolor: 'rgba(40,60,100,0.5)', border: '0.5px solid rgba(100,160,220,0.25)', borderRadius: '3px', overflow: 'hidden' }, children: [_jsx(Box, { sx: { position: 'absolute', top: '50%', left: 0, width: '100%', height: '0.5px', bgcolor: 'rgba(100,160,220,0.3)' } }), renderBarFill(rw)] }), _jsx(Box, { sx: {
+                            position: 'absolute',
+                            left: '50%',
+                            top: '50%',
+                            transform: 'translate(-50%, -50%)',
+                            width: JR * 2,
+                            height: JR * 2,
+                            borderRadius: '50%',
+                            bgcolor: 'rgba(20,35,70,0.7)',
+                            border: '1.5px solid rgba(100,160,220,0.4)',
+                            '&::before, &::after': {
+                                content: '""',
+                                position: 'absolute',
+                                bgcolor: 'rgba(100,160,220,0.2)',
+                            },
+                            '&::before': { top: '50%', left: 0, right: 0, height: '0.5px' },
+                            '&::after': { left: '50%', top: 0, bottom: 0, width: '0.5px' },
+                        }, children: _jsx(AnimatedBox, { ref: knobRef, style: {
+                                x: knobX,
+                                y: knobY,
+                                touchAction: 'none',
+                            }, sx: {
+                                position: 'absolute',
+                                left: `calc(50% - ${KR}px)`,
+                                top: `calc(50% - ${KR}px)`,
+                                width: KR * 2,
+                                height: KR * 2,
+                                borderRadius: '50%',
+                                bgcolor: '#1a4fcc',
+                                border: '1.5px solid #4aaeff',
+                                boxShadow: '1px 2px 0px rgba(0,0,0,0.2)',
+                                cursor: 'grab',
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                '&:active': { cursor: 'grabbing', bgcolor: '#2a6fff' },
+                            }, children: _jsx(Box, { sx: {
+                                    width: 0,
+                                    height: 0,
+                                    borderLeft: `${KR * 0.38}px solid transparent`,
+                                    borderRight: `${KR * 0.38}px solid transparent`,
+                                    borderBottom: `${KR * 0.8}px solid rgba(120,210,255,0.9)`,
+                                    transform: 'translateY(-10%)',
+                                } }) }) })] }), _jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between', width: size, px: 1 }, children: [_jsx(Typography, { variant: "caption", sx: { color: 'text.secondary', fontFamily: 'inherit' }, children: "L" }), _jsx(Typography, { variant: "caption", sx: { color: 'text.secondary', fontFamily: 'inherit' }, children: "R" })] })] }));
+}
+export default Joystick;
+//# sourceMappingURL=Joystick.js.map

package/dist/components/Joystick.js.map

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

package/dist/components/TelemetryDashboard.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @file TelemetryDashboard.tsx
+ *
+ * @description
+ * This component serves as the main telemetry dashboard for the ASV.
+ * It aggregates various telemetry components such as the map, speedometer, compass, task information, battery levels, signal strength, and a live log of telemetry events.
+ * The dashboard is designed to provide a comprehensive overview of the ASV's status and performance in real-time.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ *
+ * @remarks
+ * - The component uses React and Material-UI for the user interface, and Redux for state management.
+ * - It includes a background image stream from the ASV, overlaid with telemetry data and a collapsible log drawer at the bottom.
+ * - When there is no stream and no `placeholderSrc` prop, a themed empty background is shown instead.
+ * - The dashboard is responsive, with adjustments for mobile and desktop views.
+ * - The border color of the dashboard changes based on the ASV's status to provide a quick visual indicator of its condition.
+ * @example
+ * ```tsx
+ * <TelemetryDashboard placeholderSrc={fallbackJpg} title="Live Log" />
+ * ```
+ */
+export interface TelemetryDashboardProps {
+    /** Image shown behind the dashboard when no video stream is available. */
+    placeholderSrc?: string;
+    /** Label of the collapsible log drawer header. */
+    title?: string;
+}
+declare const TelemetryDashboard: React.FC<TelemetryDashboardProps>;
+export default TelemetryDashboard;
+//# sourceMappingURL=TelemetryDashboard.d.ts.map

package/dist/components/TelemetryDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryDashboard.d.ts","sourceRoot":"","sources":["../../src/components/TelemetryDashboard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAsCH,MAAM,WAAW,uBAAuB;IACvC,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8KzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/TelemetryDashboard.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @file TelemetryDashboard.tsx
+ *
+ * @description
+ * This component serves as the main telemetry dashboard for the ASV.
+ * It aggregates various telemetry components such as the map, speedometer, compass, task information, battery levels, signal strength, and a live log of telemetry events.
+ * The dashboard is designed to provide a comprehensive overview of the ASV's status and performance in real-time.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ *
+ * @remarks
+ * - The component uses React and Material-UI for the user interface, and Redux for state management.
+ * - It includes a background image stream from the ASV, overlaid with telemetry data and a collapsible log drawer at the bottom.
+ * - When there is no stream and no `placeholderSrc` prop, a themed empty background is shown instead.
+ * - The dashboard is responsive, with adjustments for mobile and desktop views.
+ * - The border color of the dashboard changes based on the ASV's status to provide a quick visual indicator of its condition.
+ * @example
+ * ```tsx
+ * <TelemetryDashboard placeholderSrc={fallbackJpg} title="Live Log" />
+ * ```
+ */
+/*
+MIT License
+
+Copyright (c) 2026 HumberASV
+Copyright (c) 2026 Carson Fujita
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
+import { Map, Speedometer, Compass, Task, Batteries, TaskData, PowerRudderPanel, SignalStrength } from "./hud/telemetry";
+import SignalLog from "./hud/telemetry/SignalLog";
+import { useSelector, useDispatch } from "react-redux";
+import { useEffect, useState } from "react";
+import { Box, useTheme, Typography } from "@mui/material";
+import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
+import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
+import { retryConnection } from "../store/actions/connectionActions";
+const TelemetryDashboard = ({ placeholderSrc, title = "Live Log Laugh" }) => {
+    const theme = useTheme();
+    const connectionStatus = useSelector((state) => state.connection.status);
+    const dispatch = useDispatch();
+    const [drawerCollapsed, setDrawerCollapsed] = useState(false);
+    // Retry the real connection whenever it falls back to mock mode.
+    useEffect(() => {
+        if (connectionStatus !== "mock")
+            return;
+        const timer = setTimeout(() => {
+            dispatch(retryConnection());
+        }, 5000);
+        return () => clearTimeout(timer);
+    }, [connectionStatus, dispatch]);
+    const renderMap = () => {
+        if (hasGridData) {
+            return _jsx(Map, {});
+        }
+        return _jsx("div", { children: "Loading telemetry..." });
+    };
+    const imageStream = useSelector((state) => state.video.streamUrl || "");
+    const occupancyGrid = useSelector((state) => state.telemetry.map.occupancyGrid);
+    const navigationGrid = useSelector((state) => state.telemetry.map.navigationGrid);
+    const status = useSelector((state) => state.telemetry.planning.status || "idle");
+    const hasGridData = occupancyGrid && navigationGrid;
+    const borderColor = theme.palette.status.primary[status];
+    return (_jsxs(Box, { sx: { position: "relative", width: "100%", height: "100vh", overflow: "auto", backgroundColor: theme.palette.background.default }, children: [_jsx(Box, { sx: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    width: "100%",
+                    height: "100%",
+                    overflow: "hidden",
+                    zIndex: 0,
+                }, children: imageStream || placeholderSrc ? (_jsx(Box, { component: "img", src: imageStream || placeholderSrc, alt: "", sx: { width: "100%", height: "100%", objectFit: "cover", display: "block" } })) : (_jsx(Box, { sx: { width: "100%", height: "100%", backgroundColor: theme.palette.telemetry?.background.empty } })) }), _jsxs(Box, { sx: {
+                    position: "relative",
+                    zIndex: 1,
+                    width: "100%",
+                    height: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    border: `4px solid ${borderColor}`,
+                    boxSizing: "border-box",
+                    backgroundColor: theme.palette.telemetry?.background.overlay,
+                    transition: "border-color 0.3s ease-out",
+                }, children: [_jsxs(Box, { sx: { display: { xs: "none", md: "flex" }, gap: 1, p: 0.75, alignItems: "stretch" }, children: [_jsx(Box, { sx: { order: { xs: 1, md: 1 } }, children: _jsx(Speedometer, {}) }), _jsx(Box, { sx: { flex: 0, order: { xs: 1, md: 2 }, minWidth: "10%" }, children: _jsx(Task, {}) }), _jsx(Box, { sx: { flex: 1, minWidth: 0, order: { xs: 1, md: 2 }, flexGrow: 1 }, children: _jsx(Compass, {}) }), _jsxs(Box, { sx: {
+                                    order: { xs: 1, md: 3 },
+                                    backgroundColor: theme.palette.telemetry?.background.primary,
+                                    border: `1px solid ${theme.palette.telemetry?.border.light}`,
+                                    borderRadius: 2,
+                                    padding: 1,
+                                    display: "flex",
+                                    flexDirection: "row",
+                                    justifyContent: "center",
+                                    alignItems: "center",
+                                    gap: 10,
+                                }, children: [_jsx(SignalStrength, { size: 15 }), _jsx(Batteries, {})] })] }), _jsx(Box, { sx: { display: { xs: "flex", md: "none" }, gap: 0.5, px: 0.5, pt: 0.5, pb: 0.25, alignItems: "stretch" }, children: _jsx(Box, { sx: { flex: 1, minWidth: 0 }, children: _jsx(Compass, {}) }) }), _jsxs(Box, { sx: { display: { xs: "flex", md: "none" }, gap: 0.5, px: 0.5, pb: 0.25, alignItems: "stretch" }, children: [_jsx(Box, { sx: { flex: 1, minWidth: 0 }, children: _jsx(Speedometer, {}) }), _jsx(Box, { sx: { flex: 1, minWidth: 0 }, children: _jsx(Batteries, {}) })] }), _jsx(Box, { sx: { flex: 1, minWidth: 0, px: { xs: 0.5, md: 1.5 }, pt: 0.25, pb: 0.25, overflow: "hidden" }, children: _jsx(Box, { sx: { height: { xs: "1vh", md: "6vh" } } }) }), _jsxs(Box, { sx: { display: "flex", flexDirection: "row", flexAlign: "stretch" }, children: [_jsx(Box, { sx: { width: 260, flexShrink: 0, }, children: _jsx(PowerRudderPanel, {}) }), _jsx(Box, { sx: { flex: 1, minWidth: 0 }, children: _jsx(TaskData, {}) }), _jsx(Box, { sx: { width: 250, flexShrink: 0 }, children: renderMap() })] }), _jsx(Box, { sx: { flex: "0 0 auto", backgroundColor: theme.palette.telemetry?.background.primary, textAlign: "center", fontSize: "12px", color: borderColor }, children: _jsxs(Box, { sx: { display: "flex", flexDirection: "column", overflow: "hidden", alignItems: "stretch" }, children: [_jsxs(Box, { sx: {
+                                        width: "100%",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        justifyContent: "space-between",
+                                        px: 1,
+                                        py: 0.5,
+                                        cursor: "pointer",
+                                        userSelect: "none",
+                                        backgroundColor: theme.palette.telemetry?.background.header,
+                                        borderBottom: drawerCollapsed ? "none" : `1px solid ${theme.palette.telemetry?.border.lighter}`,
+                                        flexShrink: 0,
+                                    }, onClick: () => setDrawerCollapsed((value) => !value), children: [_jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [_jsx(Box, { sx: { width: 10, height: 10, borderRadius: "999px", backgroundColor: borderColor } }), _jsx(Typography, { sx: { fontSize: 12, fontWeight: 700, color: theme.palette.text.primary }, children: title })] }), _jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5, color: theme.palette.telemetry?.text.secondary }, children: [_jsx(Box, { sx: { fontSize: 11, fontWeight: 700 }, children: drawerCollapsed ? "Expand" : "Collapse" }), drawerCollapsed ? _jsx(KeyboardArrowUpIcon, { fontSize: "small" }) : _jsx(KeyboardArrowDownIcon, { fontSize: "small" })] })] }), !drawerCollapsed && _jsx(SignalLog, { width: "100%", height: "100%" })] }) })] })] }));
+};
+export default TelemetryDashboard;
+//# sourceMappingURL=TelemetryDashboard.js.map

package/dist/components/TelemetryDashboard.js.map

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

package/dist/components/controls/ControlOverlay.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @file ControlOverlay.tsx
+ * @description UI overlay containing sliders and buttons to control the mapping visualizer state.
+ *
+ * @remarks
+ * This component provides a user interface overlay for controlling various aspects of the mapping visualizer, including heading and velocity sliders, as well as toggle buttons for visual elements like grids, axes, legends, course trails, and fog of war.
+ * It uses Material-UI components for styling and layout, and interacts with the Redux store to read and update the application state.
+ * The overlay can be configured to show or hide specific controls based on the provided props.
+ */
+import React from 'react';
+/**
+ * @interface ControlOverlayProps
+ * @description Properties for the {@link ControlOverlay} component.
+ * @see {@link ControlOverlay}
+ * @property {boolean} [showLocalRotation] - If true, shows the local rotation (heading) slider.
+ * @property {boolean} [showVelocity] - If true, shows the velocity slider.
+ * @property {boolean} [showGlobalX] - If true, shows the global X-axis toggle button.
+ * @property {boolean} [showGlobalY] - If true, shows the global Y-axis toggle button.
+ * @property {boolean} [showGlobalGrid] - If true, shows the global grid toggle button.
+ * @property {boolean} [showGlobalAxes] - If true, shows the global axes toggle button.
+ * @property {boolean} [showLocalAxes] - If true, shows the local axes toggle button.
+ * @property {boolean} [showLocalGrid] - If true, shows the local grid toggle button.
+ * @property {boolean} [showLegend] - If true, shows the legend toggle button.
+ * @property {boolean} [showCourseTrail] - If true, shows the course trail toggle button.
+ * @property {boolean} [showFogOfWar] - If true, shows the fog of war toggle button.
+ * @property {boolean} [showObjectHeading] - If true, shows the object heading slider.
+ * @property {boolean} [showCurrentHeading] - If true, shows the current heading slider.
+ * @property {boolean} [showCurrentSpeed] - If true, shows the current speed slider.
+ * @property {number} [velocityMax] - The maximum value for the velocity slider. Defaults to 2 m/s.
+ * @property {string} [title] - The title displayed at the top of the overlay. Defaults to "Simulation Controls".
+ * @property {boolean} [isLocked] - When true, disables sliders (live data is driving values). Defaults to false.
+ */
+interface ControlOverlayProps {
+    showLocalRotation?: boolean;
+    showVelocity?: boolean;
+    showGlobalX?: boolean;
+    showGlobalY?: boolean;
+    showGlobalGrid?: boolean;
+    showGlobalAxes?: boolean;
+    showLocalAxes?: boolean;
+    showLocalGrid?: boolean;
+    showLegend?: boolean;
+    showCourseTrail?: boolean;
+    showFogOfWar?: boolean;
+    showObjectHeading?: boolean;
+    showCurrentHeading?: boolean;
+    showCurrentSpeed?: boolean;
+    velocityMax?: number;
+    title?: string;
+    /** When true, simulation sliders are disabled (live data is driving values). */
+    isLocked?: boolean;
+}
+/**
+ * @component ControlOverlay
+ * @description UI overlay containing sliders and buttons to control the mapping visualizer state.
+ * @param {ControlOverlayProps} props - Properties for the component.
+ * @remarks
+ * The ControlOverlay component provides a user interface overlay for controlling various aspects of the mapping visualizer,
+ * including heading and velocity sliders, as well as toggle buttons for visual elements like grids, axes, legends,
+ *  course trails, and fog of war.
+ */
+export declare const ControlOverlay: React.FC<ControlOverlayProps>;
+export {};
+//# sourceMappingURL=ControlOverlay.d.ts.map

package/dist/components/controls/ControlOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/controls/ControlOverlay.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAW9D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,UAAU,mBAAmB;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwQxD,CAAC"}

package/dist/components/controls/ControlOverlay.js

@@ -0,0 +1,88 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @file ControlOverlay.tsx
+ * @description UI overlay containing sliders and buttons to control the mapping visualizer state.
+ *
+ * @remarks
+ * This component provides a user interface overlay for controlling various aspects of the mapping visualizer, including heading and velocity sliders, as well as toggle buttons for visual elements like grids, axes, legends, course trails, and fog of war.
+ * It uses Material-UI components for styling and layout, and interacts with the Redux store to read and update the application state.
+ * The overlay can be configured to show or hide specific controls based on the provided props.
+ */
+import React, { useTransition, startTransition } from 'react';
+import { Paper, Typography, Box, Slider, Button, Stack, Tooltip, alpha, useTheme } from '@mui/material';
+import { darken } from '@mui/material/styles';
+import { useAppSelector, useAppDispatch } from '../../store/store';
+import { setCurrentHeading, setCurrentSpeed } from '../../store/slices/simulationSlice';
+import { setShowGlobalGrid, setShowGlobalAxes, setShowLocalAxes, setShowLocalGrid, setShowLegend, setShowCourseTrail, setShowFogOfWar, } from '../../store/slices/visualizationSlice';
+import { setASVSpeed, setASVHeading } from '../../store/slices/telemetrySlice';
+/**
+ * @component ControlOverlay
+ * @description UI overlay containing sliders and buttons to control the mapping visualizer state.
+ * @param {ControlOverlayProps} props - Properties for the component.
+ * @remarks
+ * The ControlOverlay component provides a user interface overlay for controlling various aspects of the mapping visualizer,
+ * including heading and velocity sliders, as well as toggle buttons for visual elements like grids, axes, legends,
+ *  course trails, and fog of war.
+ */
+export const ControlOverlay = ({ showLocalRotation = false, showVelocity = false, showGlobalGrid = false, showGlobalAxes = false, showLocalAxes = false, showLocalGrid = false, showLegend = false, showCourseTrail = false, showFogOfWar = false, showObjectHeading = false, showCurrentHeading = false, showCurrentSpeed = false, velocityMax = 2, title = "Simulation Controls", isLocked = false, }) => {
+    const theme = useTheme();
+    const dispatch = useAppDispatch();
+    const [isPending, startSliderTransition] = useTransition();
+    // Read values from the Redux store
+    const heading = useAppSelector(state => state.telemetry.asv.heading);
+    const speed = useAppSelector(state => state.telemetry.asv.speed);
+    const currentHeading = useAppSelector(state => state.simulation.currentHeading);
+    const currentSpeed = useAppSelector(state => state.simulation.currentSpeed);
+    const gridEnabled = useAppSelector(state => state.visualization.showGlobalGrid);
+    const globalAxesEnabled = useAppSelector(state => state.visualization.showGlobalAxes);
+    const axesEnabled = useAppSelector(state => state.visualization.showLocalAxes);
+    const localGridEnabled = useAppSelector(state => state.visualization.showLocalGrid);
+    const legendEnabled = useAppSelector(state => state.visualization.showLegend);
+    const courseTrailEnabled = useAppSelector(state => state.visualization.showCourseTrail);
+    const fogOfWarEnabled = useAppSelector(state => state.visualization.showFogOfWar);
+    const hasMainControls = showLocalRotation || showVelocity || showObjectHeading || showCurrentHeading || showCurrentSpeed;
+    const hasToggleControls = showGlobalGrid || showGlobalAxes || showLocalAxes || showLocalGrid || showLegend || showCourseTrail || showFogOfWar;
+    return (_jsxs(Stack, { spacing: 2, children: [hasMainControls && (_jsxs(Paper, { sx: {
+                    p: 2, bgcolor: theme.palette.gui.primary, backdropFilter: 'blur(10px)', borderRadius: 3, color: theme.palette.common.white,
+                    border: `1px solid ${alpha(theme.palette.common.white, 0.1)}`
+                }, children: [_jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }, children: [_jsxs(Typography, { variant: "subtitle2", sx: { fontWeight: 800, fontSize: '0.75rem', textTransform: 'uppercase', color: theme.palette.primary.light }, children: [title, isPending ? ' …' : ''] }), isLocked && (_jsx(Typography, { sx: { fontSize: '0.65rem', fontWeight: 700, color: theme.palette.status.primary.autonomous, textTransform: 'uppercase', letterSpacing: '0.08em' }, children: "\u25CF LIVE" }))] }), _jsxs(Stack, { spacing: 2.5, children: [showLocalRotation && (_jsxs(Box, { children: [_jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between', mb: 0.5 }, children: [_jsx(Typography, { sx: { color: theme.palette.map.grid, fontSize: '0.75rem' }, children: "Heading (\u00B0)" }), _jsxs(Typography, { sx: { color: theme.palette.sim.manual, fontFamily: 'monospace', fontSize: '0.75rem' }, children: [heading, "\u00B0"] })] }), _jsx(Slider, { size: "small", min: 0, max: 359, step: 1, value: heading, onChange: (_, val) => startSliderTransition(() => { dispatch(setASVHeading(val)); }), disabled: isLocked, valueLabelDisplay: "auto", valueLabelFormat: (v) => `${v}°`, sx: { color: theme.palette.map.drag } })] })), showVelocity && (_jsxs(Box, { children: [_jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between', mb: 0.5 }, children: [_jsx(Typography, { sx: { color: theme.palette.map.grid, fontSize: '0.75rem' }, children: "Velocity" }), _jsx(Typography, { sx: { color: theme.palette.map.yAxis, fontFamily: 'monospace', fontSize: '0.75rem' }, children: speed.toFixed(2) })] }), _jsx(Slider, { size: "small", min: 0, max: velocityMax, step: 0.01, value: speed, onChange: (_, val) => startSliderTransition(() => { dispatch(setASVSpeed(val)); }), disabled: isLocked, valueLabelDisplay: "auto", valueLabelFormat: (v) => v.toFixed(2), sx: { color: theme.palette.map.yAxis } })] })), showObjectHeading && (_jsxs(Box, { children: [_jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between', mb: 0.5 }, children: [_jsx(Typography, { sx: { color: theme.palette.map.grid, fontSize: '0.75rem' }, children: "Object Heading (\u00B0)" }), _jsxs(Typography, { sx: { color: theme.palette.map.drag, fontFamily: 'monospace', fontSize: '0.75rem' }, children: [heading, "\u00B0"] })] }), _jsx(Slider, { size: "small", min: 0, max: 359, step: 1, value: heading, onChange: (_, val) => startSliderTransition(() => { dispatch(setASVHeading(val)); }), disabled: isLocked, valueLabelDisplay: "auto", valueLabelFormat: (v) => `${v}°`, sx: { color: theme.palette.map.drag } })] })), showCurrentHeading && (_jsxs(Box, { children: [_jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between', mb: 0.5 }, children: [_jsx(Typography, { sx: { color: theme.palette.map.grid, fontSize: '0.75rem' }, children: "Current Heading (\u00B0)" }), _jsxs(Typography, { sx: { color: theme.palette.sim.connecting, fontFamily: 'monospace', fontSize: '0.75rem' }, children: [currentHeading, "\u00B0"] })] }), _jsx(Slider, { size: "small", min: 0, max: 360, step: 1, value: currentHeading, onChange: (_, val) => startSliderTransition(() => { dispatch(setCurrentHeading(val)); }), disabled: isLocked, valueLabelDisplay: "auto", valueLabelFormat: (v) => `${v}°`, sx: { color: theme.palette.map.current } })] })), showCurrentSpeed && (_jsxs(Box, { children: [_jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between', mb: 0.5 }, children: [_jsx(Typography, { sx: { color: theme.palette.map.grid, fontSize: '0.75rem' }, children: "Current Speed (m/s)" }), _jsx(Typography, { sx: { color: theme.palette.map.current, fontFamily: 'monospace', fontSize: '0.75rem' }, children: currentSpeed.toFixed(1) })] }), _jsx(Slider, { size: "small", min: 0, max: 5, step: 0.1, value: currentSpeed, onChange: (_, val) => startSliderTransition(() => { dispatch(setCurrentSpeed(val)); }), disabled: isLocked, valueLabelDisplay: "auto", valueLabelFormat: (v) => `${v.toFixed(1)} m/s`, sx: { color: theme.palette.map.current } })] }))] })] })), hasToggleControls && (_jsxs(Paper, { sx: {
+                    p: 2, bgcolor: theme.palette.gui.primary, backdropFilter: 'blur(10px)', borderRadius: 3, color: theme.palette.common.white,
+                    border: `1px solid ${alpha(theme.palette.common.white, 0.1)}`
+                }, children: [_jsx(Typography, { variant: "subtitle2", sx: { fontWeight: 800, mb: 1.5, fontSize: '0.75rem', textTransform: 'uppercase', color: theme.palette.primary.light }, children: "Visual Toggles" }), _jsxs(Box, { sx: { display: 'flex', flexWrap: 'wrap', gap: 1 }, children: [showGlobalGrid && (_jsx(Tooltip, { title: "Toggle the global coordinate grid overlay", placement: "top", children: _jsx(Button, { variant: "contained", size: "small", onClick: () => startTransition(() => { dispatch(setShowGlobalGrid(!gridEnabled)); }), sx: {
+                                        bgcolor: gridEnabled ? 'primary.main' : theme.palette.gui.secondary,
+                                        color: gridEnabled ? theme.palette.common.white : theme.palette.gui.muted,
+                                        fontSize: '0.75rem', textTransform: 'none',
+                                        '&:hover': { bgcolor: gridEnabled ? 'primary.dark' : theme.palette.gui.faint }
+                                    }, children: "Global Grid" }) })), showGlobalAxes && (_jsx(Tooltip, { title: "Toggle the global X/Y origin axes", placement: "top", children: _jsx(Button, { variant: "contained", size: "small", onClick: () => startTransition(() => { dispatch(setShowGlobalAxes(!globalAxesEnabled)); }), sx: {
+                                        bgcolor: globalAxesEnabled ? 'primary.main' : theme.palette.gui.secondary,
+                                        color: globalAxesEnabled ? theme.palette.common.white : theme.palette.gui.muted,
+                                        fontSize: '0.75rem', textTransform: 'none',
+                                        '&:hover': { bgcolor: globalAxesEnabled ? 'primary.dark' : theme.palette.gui.faint }
+                                    }, children: "Global Axes" }) })), showLocalAxes && (_jsx(Tooltip, { title: "Toggle the vessel's local coordinate axes", placement: "top", children: _jsx(Button, { variant: "contained", size: "small", onClick: () => startTransition(() => { dispatch(setShowLocalAxes(!axesEnabled)); }), sx: {
+                                        bgcolor: axesEnabled ? 'primary.main' : theme.palette.gui.secondary,
+                                        color: axesEnabled ? theme.palette.common.white : theme.palette.gui.muted,
+                                        fontSize: '0.75rem', textTransform: 'none',
+                                        '&:hover': { bgcolor: axesEnabled ? 'primary.dark' : theme.palette.gui.faint }
+                                    }, children: "Local Axes" }) })), showLocalGrid && (_jsx(Tooltip, { title: "Toggle the fine-resolution local grid around the vessel", placement: "top", children: _jsx(Button, { variant: "contained", size: "small", onClick: () => startTransition(() => { dispatch(setShowLocalGrid(!localGridEnabled)); }), sx: {
+                                        bgcolor: localGridEnabled ? 'primary.main' : theme.palette.gui.secondary,
+                                        color: localGridEnabled ? theme.palette.common.white : theme.palette.gui.muted,
+                                        fontSize: '0.75rem', textTransform: 'none',
+                                        '&:hover': { bgcolor: localGridEnabled ? 'primary.dark' : theme.palette.gui.faint }
+                                    }, children: "Local Grid" }) })), showLegend && (_jsx(Tooltip, { title: "Toggle the map legend panel", placement: "top", children: _jsx(Button, { variant: "contained", size: "small", onClick: () => startTransition(() => { dispatch(setShowLegend(!legendEnabled)); }), sx: {
+                                        bgcolor: legendEnabled ? 'primary.main' : theme.palette.gui.secondary,
+                                        color: legendEnabled ? theme.palette.common.white : theme.palette.gui.muted,
+                                        fontSize: '0.75rem', textTransform: 'none',
+                                        '&:hover': { bgcolor: legendEnabled ? 'primary.dark' : theme.palette.gui.faint }
+                                    }, children: "Legend" }) })), showCourseTrail && (_jsx(Tooltip, { title: "Toggle the vessel's historical course trail", placement: "top", children: _jsx(Button, { variant: "contained", size: "small", onClick: () => startTransition(() => { dispatch(setShowCourseTrail(!courseTrailEnabled)); }), sx: {
+                                        bgcolor: courseTrailEnabled ? theme.palette.map.courseTrail : theme.palette.gui.secondary,
+                                        color: courseTrailEnabled ? theme.palette.common.white : theme.palette.gui.muted,
+                                        fontSize: '0.75rem', textTransform: 'none',
+                                        '&:hover': { bgcolor: courseTrailEnabled ? darken(theme.palette.map.courseTrail, 0.2) : theme.palette.gui.faint }
+                                    }, children: "Course Trail" }) })), showFogOfWar && (_jsx(Tooltip, { title: "Toggle fog of war (hides unvisited cells)", placement: "top", children: _jsx(Button, { variant: "contained", size: "small", onClick: () => startTransition(() => { dispatch(setShowFogOfWar(!fogOfWarEnabled)); }), sx: {
+                                        bgcolor: fogOfWarEnabled ? theme.palette.scene.skyDark : theme.palette.gui.secondary,
+                                        color: fogOfWarEnabled ? theme.palette.common.white : theme.palette.gui.muted,
+                                        fontSize: '0.75rem', textTransform: 'none',
+                                        '&:hover': { bgcolor: fogOfWarEnabled ? darken(theme.palette.scene.skyDark, 0.2) : theme.palette.gui.faint }
+                                    }, children: "Fog of War" }) }))] })] }))] }));
+};
+//# sourceMappingURL=ControlOverlay.js.map

package/dist/components/controls/ControlOverlay.js.map

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

package/dist/components/controls/ControlsDrawer.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @file ControlsDrawer.tsx
+ * @description Drawer panel for controlling the ASV visualizer. Contains simulation mode toggles, connection status, and other control options.
+ * @author Carson Fujita
+ * @license MIT
+ */
+import React from 'react';
+/**
+ * @interface ControlsDrawerProps
+ * @description Properties for the {@link ControlsDrawer} component.
+ * @see {@link ControlsDrawer}
+ * @property {boolean} open - Whether the drawer is open or closed.
+ * @property {() => void} onClose - Callback function to close the drawer.
+ * @property {() => void} onRegenerateMap - Callback function to regenerate the map and BFS path.
+ */
+export interface ControlsDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    onRegenerateMap: () => void;
+}
+/**
+ * @component ControlsDrawer
+ * @description Drawer panel for controlling the ASV visualizer. Contains simulation mode toggles, connection status, and other control options.
+ * @param {ControlsDrawerProps} props - Properties for the component.
+ * @remarks
+ * The ControlsDrawer component provides a side panel for controlling various aspects of the ASV visualizer, including simulation mode toggles, connection status, and other control options.
+ * It uses Material-UI components for styling and layout, and interacts with the Redux store to read and update the application state.
+ * The drawer can be opened or closed based on the `open` prop, and provides callback functions for closing the drawer and regenerating the map.
+ * @example
+ * <ControlsDrawer
+ *  open={isDrawerOpen}
+ *  onClose={() => setIsDrawerOpen(false)}
+ *  onRegenerateMap={handleRegenerateMap}
+ * />
+ */
+export declare const ControlsDrawer: React.FC<ControlsDrawerProps>;
+//# sourceMappingURL=ControlsDrawer.d.ts.map

package/dist/components/controls/ControlsDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/controls/ControlsDrawer.tsx"],"names":[],"mappings":"AACA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B;AACD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsNxD,CAAC"}