visualizer-components 0.1.0

package/dist/components/hud/SceneHUD.d.ts

@@ -0,0 +1,100 @@
+/**
+ * @file SceneHUD.tsx
+ * @description Heads-up display (HUD) for the map visualizer.
+ * Renamed from MapHUD.tsx. Tab switching now uses sceneSlice instead of activeTab integer.
+ *
+ * @remarks
+ * This component provides a heads-up display (HUD) for the map visualizer, including tabs for switching between different scenes, status badges for connection and simulation mode, a title and legend block, a joystick for manual control, a toolbar with various controls, a fullscreen button, and a connecting spinner overlay.
+ * It uses Material-UI components for styling and layout, and interacts with the Redux store to read and update the application state.
+ * The HUD is responsive to desktop and mobile views, showing or hiding certain elements based on the current mode.
+ * @see {@link Tabs}, {@link StatusBadges}, {@link Title}, {@link JoystickHUD}, {@link Toolbar}, {@link LegendPanel}, {@link ConnectingOverlay}
+ * @author Carson Fujita
+ * @license MIT
+ */
+import { type JSX } from 'react';
+import { InteractiveCompass } from '../svg/CompassRose';
+import { type JoyState } from '../Joystick';
+/**
+ * @component Tabs
+ * @description Renders tabs for switching between different scenes in the visualizer.
+ * @remarks
+ * This component displays a set of tabs that allow users to switch between different scenes in the visualizer. It is only visible in desktop mode and uses the Redux store to manage the active scene state.
+ * @see {@link setActiveScene} for updating the active scene in the Redux store.
+ * @example
+ * <Tabs />
+ */
+export declare function Tabs(): JSX.Element | null;
+/**
+ * @component StatusBadges
+ * @description Renders badges indicating the connection status and simulation mode.
+ * @remarks
+ * This component displays badges that indicate the current connection status (LIVE, CONNECTING, SIM) and the simulation
+ * mode (AUTO   or MANUAL). It uses the Redux store to read the current connection status and simulation mode, and provides a button to toggle between automatic and manual simulation modes when in SIM mode.
+ * @see {@link setSimMode} for updating the simulation mode in the Redux store.
+ * @example
+ * <StatusBadges />
+ */
+export declare function StatusBadges(): JSX.Element;
+/**
+ * @component Title
+ * @description Renders the title and legend block for the visualizer.
+ * @remarks
+ * This component displays the title of the visualizer and, if in desktop mode and the legend is enabled,
+ * an accordion containing the legend for the current scene. It uses the Redux store to determine the active scene
+ * and whether to show the legend.
+ * @see {@link Legend} for the legend component.
+ */
+export declare function Title(): JSX.Element | null;
+/**
+ * @interface JoystickHUDProps
+ * @description Properties for the {@link JoystickHUD} component.
+ * @see {@link JoystickHUD}
+ * @property {JoyState} joy - Current state of the joystick.
+ * @property {number} lw - Left wheel speed.
+ * @property {number} rw - Right wheel speed.
+ * @property {(j: JoyState) => void} onJoyChange - Callback function to handle joystick state changes.
+ */
+export interface JoystickHUDProps {
+    joy: JoyState;
+    lw: number;
+    rw: number;
+    onJoyChange: (j: JoyState) => void;
+}
+/**
+ * @component JoystickHUD
+ * @description Renders a joystick HUD for manual control in landscape fullscreen mode.
+ * @remarks
+ * This component displays a joystick HUD that allows users to manually control the system in landscape fullscreen mode. It shows the current state of the joystick and the speeds of the left and right wheels. The component uses the provided callback function to handle changes in the joystick state.
+ * @see {@link Joystick} for the underlying joystick component.
+ */
+export declare function JoystickHUD({ joy, lw, rw, onJoyChange }: JoystickHUDProps): JSX.Element;
+/**
+ * @component Toolbar
+ * @description Renders a toolbar with various controls for the visualizer.
+ * @remarks
+ * This component displays a toolbar in the top-right corner of the visualizer, containing buttons for resetting the view, toggling follow mode, opening the controls drawer, and showing information about the visualizer. It uses Material-UI components for styling and layout, and interacts with the Redux store to read and update the application state.
+ * @see {@link InfoPopover} for the information popover component.
+ * @see {@link useSceneContext} for accessing scene context values.
+ * @see {@link useHudBtnSx} for button styling.
+ * @example
+ * <Toolbar />
+ */
+export declare function Toolbar(): JSX.Element;
+/**
+ * @component LegendPanel
+ * @description Renders a fullscreen toggle button in the bottom-right corner of the visualizer.
+ * @remarks
+ * This component displays a button that allows users to toggle fullscreen mode for the visualizer. It uses the scene context to determine whether the visualizer is currently in fullscreen mode and provides a callback function to toggle the state.
+ * @see {@link useSceneContext} for accessing scene context values.
+ */
+export declare function LegendPanel(): JSX.Element;
+/**
+ * @component ConnectingOverlay
+ * @description Renders a semi-transparent overlay with the animated connecting porthole when the connection status is "connecting".
+ * @remarks
+ * This component displays a semi-transparent overlay with the self-animating `connecting.svg` porthole in the center of the visualizer when the connection status is "connecting". It uses the Redux store to read the current connection status and conditionally renders the overlay based on that state.
+ * @see {@link useAppSelector} for accessing Redux store state.
+ */
+export declare function ConnectingOverlay(): JSX.Element | null;
+export { InteractiveCompass };
+//# sourceMappingURL=SceneHUD.d.ts.map

package/dist/components/hud/SceneHUD.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneHUD.d.ts","sourceRoot":"","sources":["../../../src/components/hud/SceneHUD.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAc,EAA4B,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAmBlE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAkBtD;;;;;;;;GAQG;AACH,wBAAgB,IAAI,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAmCzC;AAID;;;;;;;;;GASG;AACH,wBAAgB,YAAY,IAAI,GAAG,CAAC,OAAO,CAqE1C;AAID;;;;;;;;GAQG;AACH,wBAAgB,KAAK,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAwC1C;AAID;;;;;;;;GAQG;AACH,MAAM,WAAW,gBAAgB;IAC7B,GAAG,EAAE,QAAQ,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;CACtC;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAMvF;AAID;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,IAAI,GAAG,CAAC,OAAO,CAkDrC;AAID;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,GAAG,CAAC,OAAO,CAgBzC;AAID;;;;;;GAMG;AACH,wBAAgB,iBAAiB,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAYtD;AAGD,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/hud/SceneHUD.js

@@ -0,0 +1,216 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @file SceneHUD.tsx
+ * @description Heads-up display (HUD) for the map visualizer.
+ * Renamed from MapHUD.tsx. Tab switching now uses sceneSlice instead of activeTab integer.
+ *
+ * @remarks
+ * This component provides a heads-up display (HUD) for the map visualizer, including tabs for switching between different scenes, status badges for connection and simulation mode, a title and legend block, a joystick for manual control, a toolbar with various controls, a fullscreen button, and a connecting spinner overlay.
+ * It uses Material-UI components for styling and layout, and interacts with the Redux store to read and update the application state.
+ * The HUD is responsive to desktop and mobile views, showing or hiding certain elements based on the current mode.
+ * @see {@link Tabs}, {@link StatusBadges}, {@link Title}, {@link JoystickHUD}, {@link Toolbar}, {@link LegendPanel}, {@link ConnectingOverlay}
+ * @author Carson Fujita
+ * @license MIT
+ */
+import React, { useMemo, startTransition } from 'react';
+import { Box, Tabs as MuiTabs, Tab, Stack, Chip, Button, Tooltip, Accordion, AccordionSummary, AccordionDetails, Typography, IconButton, useTheme, alpha, } from '@mui/material';
+import TuneIcon from '@mui/icons-material/Tune';
+import RestartAltIcon from '@mui/icons-material/RestartAlt';
+import FullscreenIcon from '@mui/icons-material/Fullscreen';
+import FullscreenExitIcon from '@mui/icons-material/FullscreenExit';
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import GpsFixedIcon from '@mui/icons-material/GpsFixed';
+import GpsNotFixedIcon from '@mui/icons-material/GpsNotFixed';
+import { useAppSelector, useAppDispatch } from '../../store';
+import { setSimMode } from '../../store/slices/simulationSlice';
+import { setActiveScene, selectActiveTabIndex, selectActiveScene, selectRegisteredScenes } from '../../store/slices/sceneSlice';
+import { useSceneContext } from '../../hooks/useSceneContext';
+import { Legend } from '../controls/Legend';
+import { InfoPopover } from '../controls/InfoPopover';
+import { InteractiveCompass } from '../svg/CompassRose';
+import Joystick, {} from '../Joystick';
+import { connectingSvgUrl as connectingSvg } from '../../assets/svgSources';
+function useHudBtnSx() {
+    const theme = useTheme();
+    return useMemo(() => ({
+        width: 40,
+        height: 40,
+        bgcolor: alpha(theme.palette.scene.skyDark, 0.9),
+        border: '1px solid',
+        borderColor: 'divider',
+        backdropFilter: 'blur(4px)',
+        '&:hover': { bgcolor: theme.palette.scene.skyMid },
+    }), [theme.palette.scene.skyDark, theme.palette.scene.skyMid]);
+}
+// ─── Tabs (desktop only) ──────────────────────────────────────────────────────
+/**
+ * @component Tabs
+ * @description Renders tabs for switching between different scenes in the visualizer.
+ * @remarks
+ * This component displays a set of tabs that allow users to switch between different scenes in the visualizer. It is only visible in desktop mode and uses the Redux store to manage the active scene state.
+ * @see {@link setActiveScene} for updating the active scene in the Redux store.
+ * @example
+ * <Tabs />
+ */
+export function Tabs() {
+    const theme = useTheme();
+    const dispatch = useAppDispatch();
+    const activeTabIndex = useAppSelector(selectActiveTabIndex);
+    const scenes = useAppSelector(selectRegisteredScenes);
+    const { isDesktopMode } = useSceneContext();
+    if (!isDesktopMode)
+        return null;
+    return (_jsx(Box, { sx: { position: 'absolute', top: 0, left: 0, zIndex: 10 }, children: _jsx(MuiTabs, { value: activeTabIndex, onChange: (_, i) => startTransition(() => { dispatch(setActiveScene(scenes[i]?.id ?? 'mapping')); }), sx: {
+                bgcolor: alpha(theme.palette.scene.skyDark, 0.85),
+                backdropFilter: 'blur(12px)',
+                borderRadius: '0 0 8px 0',
+                border: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,
+                boxShadow: theme.shadows[10],
+                minHeight: 0,
+                '& .MuiTabs-indicator': { backgroundColor: theme.palette.water.highlight },
+                '& .MuiTab-root': { minHeight: 40, py: 1 },
+            }, children: scenes.map(s => (_jsx(Tab, { label: s.displayName, sx: { color: theme.palette.gui.muted, '&.Mui-selected': { color: theme.palette.water.highlight }, fontSize: '0.75rem' } }, s.id))) }) }));
+}
+// ─── Connection + sim mode badges ────────────────────────────────────────────
+/**
+ * @component StatusBadges
+ * @description Renders badges indicating the connection status and simulation mode.
+ * @remarks
+ * This component displays badges that indicate the current connection status (LIVE, CONNECTING, SIM) and the simulation
+ * mode (AUTO   or MANUAL). It uses the Redux store to read the current connection status and simulation mode, and provides a button to toggle between automatic and manual simulation modes when in SIM mode.
+ * @see {@link setSimMode} for updating the simulation mode in the Redux store.
+ * @example
+ * <StatusBadges />
+ */
+export function StatusBadges() {
+    const theme = useTheme();
+    const dispatch = useAppDispatch();
+    const connectionStatus = useAppSelector(state => state.connection.status);
+    const simMode = useAppSelector(state => state.simulation.simMode);
+    const { isDesktopMode } = useSceneContext();
+    const isConnected = connectionStatus === 'connected';
+    const autoSimActive = !isConnected && simMode === 'automatic';
+    return (_jsxs(Stack, { direction: "row", spacing: 0.5, sx: { position: 'absolute', top: isDesktopMode ? 48 : 8, left: 8, zIndex: 10 }, children: [_jsx(Chip, { size: "small", label: isConnected ? 'LIVE' : connectionStatus === 'connecting' ? 'CONNECTING' : 'SIM', sx: {
+                    pointerEvents: 'none',
+                    bgcolor: isConnected
+                        ? alpha(theme.palette.status.primary.autonomous, 0.15)
+                        : connectionStatus === 'connecting'
+                            ? alpha(theme.palette.sim.connecting, 0.15)
+                            : alpha(theme.palette.map.drag, 0.15),
+                    color: isConnected
+                        ? theme.palette.status.primary.autonomous
+                        : connectionStatus === 'connecting'
+                            ? theme.palette.sim.connecting
+                            : theme.palette.map.drag,
+                    border: `1px solid ${isConnected
+                        ? theme.palette.status.primary.autonomous
+                        : connectionStatus === 'connecting'
+                            ? theme.palette.sim.connecting
+                            : theme.palette.map.drag}`,
+                    fontSize: '0.6rem',
+                    fontWeight: 800,
+                    height: 20,
+                    letterSpacing: '0.06em',
+                } }), !isConnected && (_jsx(Tooltip, { title: autoSimActive ? 'Switch to manual control' : 'Switch to automatic path', placement: "right", children: _jsx(Button, { size: "small", variant: "outlined", onClick: () => dispatch(setSimMode(autoSimActive ? 'manual' : 'automatic')), sx: {
+                        height: 20,
+                        minWidth: 0,
+                        px: 1,
+                        py: 0,
+                        lineHeight: 1,
+                        fontSize: '0.6rem',
+                        fontWeight: 800,
+                        letterSpacing: '0.06em',
+                        borderRadius: '10px',
+                        borderColor: autoSimActive ? theme.palette.sim.auto : theme.palette.sim.manual,
+                        color: autoSimActive ? theme.palette.sim.auto : theme.palette.sim.manual,
+                        bgcolor: autoSimActive ? alpha(theme.palette.sim.auto, 0.15) : alpha(theme.palette.sim.manual, 0.15),
+                        '&:hover': {
+                            bgcolor: autoSimActive ? alpha(theme.palette.sim.auto, 0.28) : alpha(theme.palette.sim.manual, 0.28),
+                            borderColor: autoSimActive ? theme.palette.sim.auto : theme.palette.sim.manual,
+                        },
+                    }, children: autoSimActive ? 'AUTO' : 'MAN' }) }))] }));
+}
+// ─── Title + Legend block (bottom-left) ──────────────────────────────────────
+/**
+ * @component Title
+ * @description Renders the title and legend block for the visualizer.
+ * @remarks
+ * This component displays the title of the visualizer and, if in desktop mode and the legend is enabled,
+ * an accordion containing the legend for the current scene. It uses the Redux store to determine the active scene
+ * and whether to show the legend.
+ * @see {@link Legend} for the legend component.
+ */
+export function Title() {
+    const theme = useTheme();
+    const { isDesktopMode, hasJoystick } = useSceneContext();
+    const activeSceneId = useAppSelector(selectActiveScene);
+    const showLegend = useAppSelector(state => state.visualization.showLegend);
+    if (hasJoystick)
+        return null;
+    return (_jsxs(Box, { sx: { position: 'absolute', bottom: { xs: 16, md: 24 }, left: { xs: 16, md: 24 }, zIndex: 10, maxWidth: 260 }, children: [isDesktopMode && showLegend && (_jsx(Box, { sx: { mb: 1.5 }, children: _jsxs(Accordion, { defaultExpanded: true, sx: { display: 'flex', flexDirection: 'column-reverse', bgcolor: alpha(theme.palette.scene.skyDark, 0.85), color: theme.palette.common.white, backdropFilter: 'blur(12px)', backgroundImage: 'none', border: `1px solid ${alpha(theme.palette.common.white, 0.1)}`, borderRadius: '8px !important', boxShadow: theme.shadows[10], '&:before': { display: 'none' } }, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandLessIcon, { sx: { color: theme.palette.common.white } }), sx: { '& .MuiAccordionSummary-content': { my: 1 } }, children: _jsx(Typography, { variant: "caption", sx: { fontWeight: 800, textTransform: 'uppercase', letterSpacing: '0.05em', color: theme.palette.primary.light }, children: "System Legend" }) }), _jsx(AccordionDetails, { sx: { p: 2 }, children: _jsx(Legend, { variant: activeSceneId === 'forces' ? 'forces' : 'mapping', disablePaper: true, hideTitle: true }) })] }) })), _jsxs(Box, { sx: { pointerEvents: 'none' }, children: [_jsx(Typography, { variant: isDesktopMode ? 'h6' : 'subtitle1', sx: { fontWeight: 800, color: theme.palette.common.white, textShadow: `0 2px 4px ${alpha(theme.palette.common.black, 0.5)}`, lineHeight: 1.2 }, children: "System Visualizer v2" }), _jsx(Typography, { variant: "caption", sx: { color: theme.palette.gui.muted, textShadow: `0 1px 2px ${alpha(theme.palette.common.black, 0.5)}`, display: 'block' }, children: "Global-Local Coordinate Mapping" })] })] }));
+}
+/**
+ * @component JoystickHUD
+ * @description Renders a joystick HUD for manual control in landscape fullscreen mode.
+ * @remarks
+ * This component displays a joystick HUD that allows users to manually control the system in landscape fullscreen mode. It shows the current state of the joystick and the speeds of the left and right wheels. The component uses the provided callback function to handle changes in the joystick state.
+ * @see {@link Joystick} for the underlying joystick component.
+ */
+export function JoystickHUD({ joy, lw, rw, onJoyChange }) {
+    return (_jsx(Box, { sx: { position: 'absolute', bottom: 16, left: 16, zIndex: 20 }, children: _jsx(Joystick, { joy: joy, lw: lw, rw: rw, onJoyChange: onJoyChange, size: 180 }) }));
+}
+// ─── Toolbar (top-right) ──────────────────────────────────────────────────────
+/**
+ * @component Toolbar
+ * @description Renders a toolbar with various controls for the visualizer.
+ * @remarks
+ * This component displays a toolbar in the top-right corner of the visualizer, containing buttons for resetting the view, toggling follow mode, opening the controls drawer, and showing information about the visualizer. It uses Material-UI components for styling and layout, and interacts with the Redux store to read and update the application state.
+ * @see {@link InfoPopover} for the information popover component.
+ * @see {@link useSceneContext} for accessing scene context values.
+ * @see {@link useHudBtnSx} for button styling.
+ * @example
+ * <Toolbar />
+ */
+export function Toolbar() {
+    const theme = useTheme();
+    const showControls = useAppSelector(state => state.visualization.showControls);
+    const activeSceneId = useAppSelector(selectActiveScene);
+    const { viewOffset, userScale, resetView, onOpenControlsDrawer, followLocalGrid, onToggleFollowLocalGrid } = useSceneContext();
+    const hudBtnSx = useHudBtnSx();
+    const [infoAnchor, setInfoAnchor] = React.useState(null);
+    const hasViewMoved = viewOffset.x !== 0 || viewOffset.y !== 0 || userScale !== 1;
+    return (_jsxs(_Fragment, { children: [_jsxs(Stack, { direction: "row", spacing: 1, sx: { position: 'absolute', top: 16, right: 16, zIndex: 20 }, children: [_jsx(Tooltip, { title: "Reset view", placement: "bottom", children: _jsx(IconButton, { onClick: resetView, sx: { ...hudBtnSx, color: hasViewMoved && !followLocalGrid ? theme.palette.sim.manual : theme.palette.gui.muted }, children: _jsx(RestartAltIcon, { fontSize: "small" }) }) }), activeSceneId === 'mapping' && (_jsx(Tooltip, { title: followLocalGrid ? 'Stop following vessel' : 'Follow vessel', placement: "bottom", children: _jsx(IconButton, { onClick: onToggleFollowLocalGrid, sx: { ...hudBtnSx, color: followLocalGrid ? theme.palette.status.primary.autonomous : theme.palette.gui.muted }, children: followLocalGrid ? _jsx(GpsFixedIcon, { fontSize: "small" }) : _jsx(GpsNotFixedIcon, { fontSize: "small" }) }) })), showControls && (_jsx(Tooltip, { title: "Controls", placement: "bottom", children: _jsx(IconButton, { onClick: onOpenControlsDrawer, sx: { ...hudBtnSx, color: theme.palette.water.highlight }, children: _jsx(TuneIcon, { fontSize: "small" }) }) })), _jsx(Tooltip, { title: "About this visualizer", placement: "bottom", children: _jsx(IconButton, { onClick: (e) => setInfoAnchor(infoAnchor ? null : e.currentTarget), sx: { ...hudBtnSx, color: infoAnchor ? theme.palette.water.highlight : theme.palette.gui.muted }, children: _jsx(InfoOutlinedIcon, { fontSize: "small" }) }) })] }), _jsx(InfoPopover, { anchor: infoAnchor, onClose: () => setInfoAnchor(null) })] }));
+}
+// ─── Fullscreen button (bottom-right) ────────────────────────────────────────
+/**
+ * @component LegendPanel
+ * @description Renders a fullscreen toggle button in the bottom-right corner of the visualizer.
+ * @remarks
+ * This component displays a button that allows users to toggle fullscreen mode for the visualizer. It uses the scene context to determine whether the visualizer is currently in fullscreen mode and provides a callback function to toggle the state.
+ * @see {@link useSceneContext} for accessing scene context values.
+ */
+export function LegendPanel() {
+    const theme = useTheme();
+    const { isFullscreen, onToggleFullscreen } = useSceneContext();
+    const hudBtnSx = useHudBtnSx();
+    return (_jsx(Box, { sx: { position: 'absolute', bottom: 16, right: 16, zIndex: 20 }, children: _jsx(IconButton, { onClick: onToggleFullscreen, sx: { ...hudBtnSx, color: isFullscreen ? theme.palette.water.highlight : theme.palette.gui.muted }, title: isFullscreen ? 'Exit Fullscreen' : 'Fullscreen (landscape)', children: isFullscreen ? _jsx(FullscreenExitIcon, { fontSize: "small" }) : _jsx(FullscreenIcon, { fontSize: "small" }) }) }));
+}
+// ─── Connecting spinner overlay ───────────────────────────────────────────────
+/**
+ * @component ConnectingOverlay
+ * @description Renders a semi-transparent overlay with the animated connecting porthole when the connection status is "connecting".
+ * @remarks
+ * This component displays a semi-transparent overlay with the self-animating `connecting.svg` porthole in the center of the visualizer when the connection status is "connecting". It uses the Redux store to read the current connection status and conditionally renders the overlay based on that state.
+ * @see {@link useAppSelector} for accessing Redux store state.
+ */
+export function ConnectingOverlay() {
+    const theme = useTheme();
+    const connectionStatus = useAppSelector(state => state.connection.status);
+    if (connectionStatus !== 'connecting')
+        return null;
+    return (_jsx(Box, { sx: { position: 'absolute', inset: 0, zIndex: 19, display: 'flex', alignItems: 'center', justifyContent: 'center', bgcolor: alpha(theme.palette.scene.skyDark, 0.55), backdropFilter: 'blur(4px)' }, children: _jsx(Box, { component: "img", src: connectingSvg, alt: "Connecting to ASV", sx: { width: 160, height: 160 } }) }));
+}
+// Re-export InteractiveCompass for any consumers that import it from here
+export { InteractiveCompass };
+//# sourceMappingURL=SceneHUD.js.map

package/dist/components/hud/SceneHUD.js.map

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

package/dist/components/hud/telemetry/Batteries.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @file Batteries.tsx
+ * @description Shows battery information for the ASV. It displays two battery
+ * levels: one for the motors and one for the power system.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ *
+ * @remarks
+ * - Display motor battery level as a percentage with a visual indicator
+ *   (e.g., battery icon).
+ * - Display power system battery level as a percentage with a visual indicator
+ *   (e.g., battery icon).
+ * - Use color coding to indicate battery status
+ *   (green = good, yellow = warning, red = critical).
+ *
+ * @example
+ * ```tsx
+ * <Batteries />
+ * ```
+ */
+/**
+ * Displays the battery levels for the ASV's motors and power system.
+ *
+ * @author Carson Fujita
+ * @returns A React element that displays the battery levels for the ASV's motors and power system.
+ *
+ * @remarks
+ * - The component uses the `useSelector` hook to access the motor and power battery levels from the Redux store.
+ * - It calculates the average battery level for both the motors and power system.
+ * - The battery levels are displayed as percentages with corresponding battery icons that visually represent the charge level.
+ * - Color coding is used to indicate the status of the batteries (green for good, yellow for warning, red for critical).
+ *
+ * @example
+ * ```tsx
+ * <Batteries />
+ * ```
+ */
+export default function Batteries(): import("react").JSX.Element;
+//# sourceMappingURL=Batteries.d.ts.map

package/dist/components/hud/telemetry/Batteries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Batteries.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/telemetry/Batteries.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAiCH;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,gCA2GhC"}

package/dist/components/hud/telemetry/Batteries.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @file Batteries.tsx
+ * @description Shows battery information for the ASV. It displays two battery
+ * levels: one for the motors and one for the power system.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ *
+ * @remarks
+ * - Display motor battery level as a percentage with a visual indicator
+ *   (e.g., battery icon).
+ * - Display power system battery level as a percentage with a visual indicator
+ *   (e.g., battery icon).
+ * - Use color coding to indicate battery status
+ *   (green = good, yellow = warning, red = critical).
+ *
+ * @example
+ * ```tsx
+ * <Batteries />
+ * ```
+ */
+/*
+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 { useSelector } from "react-redux";
+import { Box, Typography, useTheme } from "@mui/material";
+import { batteryIconFor } from "../../../utils/batteryUtil";
+/**
+ * Displays the battery levels for the ASV's motors and power system.
+ *
+ * @author Carson Fujita
+ * @returns A React element that displays the battery levels for the ASV's motors and power system.
+ *
+ * @remarks
+ * - The component uses the `useSelector` hook to access the motor and power battery levels from the Redux store.
+ * - It calculates the average battery level for both the motors and power system.
+ * - The battery levels are displayed as percentages with corresponding battery icons that visually represent the charge level.
+ * - Color coding is used to indicate the status of the batteries (green for good, yellow for warning, red for critical).
+ *
+ * @example
+ * ```tsx
+ * <Batteries />
+ * ```
+ */
+export default function Batteries() {
+    const theme = useTheme();
+    const motorBatteries = useSelector((state) => state.telemetry.battery.motors);
+    const powerBatteries = useSelector((state) => state.telemetry.battery.primary);
+    const getBatteryColor = (level) => {
+        if (level > 60)
+            return theme.palette.success.main;
+        if (level > 30)
+            return theme.palette.warning.main;
+        return theme.palette.error.main;
+    };
+    /**
+     * The battery card component displays a single battery level with an icon and percentage text.
+     * It uses absolute positioning to overlay the percentage text on top of the battery icon,
+     * and it applies color coding based on the battery level.
+     * @param props {@link BatteryCardProps} containing the battery level and optional transformY for positioning
+     * @returns the battery card component
+     */
+    const BatteryCard = (props) => {
+        const { level, transformY } = props;
+        const Icon = batteryIconFor(level);
+        const color = getBatteryColor(level);
+        return (_jsxs(Box, { sx: {
+                position: "relative",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                //Fixed height and width to prevent layout shift
+                height: "80px",
+                width: "80px",
+                backgroundColor: theme.palette.telemetry?.background.empty,
+                border: theme.palette.telemetry?.border.lightest
+            }, children: [_jsx(Icon, { sx: {
+                        fontSize: 80,
+                        padding: 0,
+                        margin: 0,
+                        color,
+                        position: "absolute",
+                        top: "50%",
+                        left: "50%",
+                        transform: "translate(-50%, -50%) rotate(90deg)" + (transformY ? ` translateX(${transformY})` : ""),
+                        transformOrigin: "center center",
+                    } }), _jsxs(Typography, { variant: "caption", sx: {
+                        position: "absolute",
+                        inset: 0,
+                        width: "100%",
+                        height: "100%",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        textAlign: "center",
+                        fontSize: "15px",
+                        transform: transformY ? `translateY(${transformY})` : "none",
+                        fontWeight: 700,
+                        color: theme.palette.text.primary,
+                        lineHeight: 1,
+                        pointerEvents: "none",
+                        zIndex: 1,
+                    }, children: [Math.round(level), "%"] })] }));
+    };
+    return (_jsx(Box, { sx: { position: "relative", maxWidth: "80px", maxHeight: "100px", height: "100%", margin: "0 auto", padding: 1 }, children: _jsxs(Box, { sx: {
+                position: "relative",
+                zIndex: 1,
+                display: "flex",
+                flexDirection: "column",
+                gap: 0.25,
+                alignItems: "center",
+                justifyContent: "center",
+            }, children: [_jsx(BatteryCard, { level: motorBatteries, transformY: "-25%" }), _jsx(BatteryCard, { level: powerBatteries, transformY: "-75%" })] }) }));
+}
+//# sourceMappingURL=Batteries.js.map

package/dist/components/hud/telemetry/Batteries.js.map

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

package/dist/components/hud/telemetry/Compass.d.ts

@@ -0,0 +1,2 @@
+export default function Compass(): import("react").JSX.Element;
+//# sourceMappingURL=Compass.d.ts.map

package/dist/components/hud/telemetry/Compass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Compass.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/telemetry/Compass.tsx"],"names":[],"mappings":"AAiCA,MAAM,CAAC,OAAO,UAAU,OAAO,gCA4M9B"}