visualizer-components 0.1.0

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

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+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 { useSpring, animated } from "@react-spring/web";
+import { RudderIcon } from "../../../assets/RudderIcon";
+import { getPowerColor } from "./powerColor";
+const Panel = ({ label, content, value, width }) => {
+    const theme = useTheme();
+    return (_jsxs(Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 0.5, width: width || "100%" }, children: [_jsx(Typography, { variant: "caption", sx: { color: theme.palette.text.primary, fontSize: "10px", fontWeight: 600 }, children: label }), _jsx(Box, { sx: { width: "100%", display: "flex", flexDirection: "column", height: "100%", justifyContent: "center", alignItems: "center" }, children: content }), value !== undefined && (_jsxs(Typography, { variant: "caption", sx: { color: getPowerColor(theme, value), fontSize: "14px", fontWeight: 600 }, children: [Math.round(value), "%"] }))] }));
+};
+const PowerBar = ({ value }) => {
+    const theme = useTheme();
+    return (_jsx(Box, { sx: { width: "50%", height: "100%", flex: 1, flexShrink: 1, display: "flex", flexDirection: "column", justifyContent: "flex-end", alignItems: "center", gap: 0.5 }, children: _jsx(Box, { sx: {
+                flex: 0,
+                flexGrow: 1,
+                height: "100%",
+                width: "100%",
+                borderRadius: 999,
+                backgroundColor: "#dbe4ee",
+                position: "relative",
+                overflow: "hidden",
+                mx: "auto",
+                border: "1px solid #cbd5e1",
+            }, children: _jsx(Box, { sx: {
+                    position: "absolute",
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    height: `${Math.max(0, Math.min(100, value))}%`,
+                    backgroundColor: getPowerColor(theme, value),
+                    transition: "height 0.25s ease-out",
+                } }) }) }));
+};
+// height is focal point of the rudder image: 50% centers it, 100 = top, 0 = bottom
+const RudderDisplay = ({ height, angle }) => {
+    const { rot } = useSpring({ rot: angle, config: { tension: 300, friction: 30 } });
+    return (_jsxs(Box, { sx: {
+            flex: 2,
+            flexGrow: 1,
+            backgroundColor: "#d7ebff",
+            border: "2px solid #86bff2",
+            overflow: "hidden",
+            borderRadius: 2,
+            width: "100%",
+            minHeight: 130,
+            position: "relative",
+        }, children: [_jsx(Box, { sx: {
+                    position: "absolute",
+                    top: "50%",
+                    left: "50%",
+                    width: "2px",
+                    height: "100%",
+                    backgroundColor: "#86bff2",
+                    transform: "translate(-50%, -50%)",
+                } }), _jsx(Box, { sx: {
+                    position: "absolute",
+                    top: `${height - 5}%`,
+                    left: "50%",
+                    width: "100%",
+                    height: "2px",
+                    backgroundColor: "#86bff2",
+                    transform: `translate(-50%, -${height - 5}%)`,
+                } }), _jsx(animated.div, { style: {
+                    position: "absolute",
+                    top: `${height - 55}%`,
+                    left: "50%",
+                    height: "100%",
+                    transformOrigin: "center center",
+                    transform: rot.to((r) => `translateX(-50%) rotate(${r}deg)`),
+                }, children: _jsx(RudderIcon, { title: "Rudder Angle", style: { display: "block", width: "auto", height: "100%" } }) })] }));
+};
+export default function PowerRudderPanel() {
+    const theme = useTheme();
+    const motor1Power = useSelector((state) => state.telemetry.motors.left);
+    const motor2Power = useSelector((state) => state.telemetry.motors.right);
+    const rudderAngle = useSelector((state) => state.telemetry.rudder.angle);
+    const displayAngle = Math.max(-90, Math.min(90, rudderAngle));
+    return (_jsxs(Box, { sx: {
+            width: "100%",
+            height: "100%",
+            backgroundColor: theme.palette.telemetry?.background.primary,
+            border: `2px solid ${theme.palette.telemetry?.border.light}`,
+            borderRadius: "8px",
+            padding: "12px",
+            display: "flex",
+            flexDirection: "column",
+            gap: "12px",
+            minHeight: "120px",
+        }, children: [_jsx(Typography, { variant: "caption", sx: { fontWeight: 700, color: "#6b7280", fontSize: "10px", textTransform: "uppercase", textAlign: "center" }, children: "Propulsion" }), _jsxs(Box, { sx: { display: "flex", flexDirection: "row", gap: 1, height: "100%" }, children: [_jsx(Panel, { label: "L", content: _jsx(PowerBar, { value: motor1Power }), value: motor1Power, width: "40%" }), _jsx(Panel, { label: "R", content: _jsx(PowerBar, { value: motor2Power }), value: motor2Power, width: "40%" }), _jsx(Panel, { label: "Rudder Angle", content: _jsx(RudderDisplay, { height: 40, angle: displayAngle }), value: displayAngle, width: "100%" })] })] }));
+}
+//# sourceMappingURL=PowerRudderPanel.js.map

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

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

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

@@ -0,0 +1,63 @@
+/**
+ * @file RadiusVisualizer.tsx
+ * @description Circular radar/minimap HUD showing nearby obstacles around the ASV.
+ *
+ * @remarks
+ * - Presentational component: obstacle positions are **boat-relative offsets in
+ *   meters** (x = east, y = north); the Redux-connected wrapper
+ *   {@link RadiusVisualizerPanel} feeds it ZED detections.
+ * - The display is heading-up: the environment is rotated by the vessel heading
+ *   so the boat marker always points straight up.
+ * - Obstacles glide to their new positions with springs, and a looping sonar
+ *   ping sweeps outward — both driven by @react-spring/web.
+ * - All colors come from the active MUI theme (telemetry/status palette groups),
+ *   with graceful fallbacks when a group is not defined by the theme.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ *
+ * @example
+ * <RadiusVisualizer
+ *   heading={heading}
+ *   latitude={lat}
+ *   longitude={lon}
+ *   obstacles={[{ id: 'buoy-1', x: 12.5, y: -3.2 }]}
+ * />
+ */
+import React from 'react';
+/** A single obstacle plotted on the radar, positioned relative to the vessel in meters. */
+export interface RadarObstacle {
+    /** Stable identity — keys the obstacle's position spring across updates. */
+    id: string | number;
+    /** Offset east of the vessel in meters. */
+    x: number;
+    /** Offset north of the vessel in meters. */
+    y: number;
+}
+/** Properties for the {@link RadiusVisualizer} component. */
+export interface RadiusVisualizerProps {
+    /** Vessel heading in degrees (0° = North, clockwise). */
+    heading: number;
+    /** Vessel latitude for the readout beneath the radar. */
+    latitude?: number;
+    /** Vessel longitude for the readout beneath the radar. */
+    longitude?: number;
+    /** Obstacles relative to the vessel, in meters. */
+    obstacles: RadarObstacle[];
+    /** Radar range in meters (obstacles beyond it are hidden). Defaults to 40. */
+    rangeM?: number;
+    /** Diameter of the radar circle in pixels. Defaults to 120. */
+    size?: number;
+    /** Panel title. Defaults to "MINIMAP". */
+    title?: string;
+    /** Optional click handler for the whole panel (e.g. to open a full map). */
+    onClick?: () => void;
+}
+/**
+ * @function RadiusVisualizer
+ * @description Heading-up radar showing obstacles within range of the vessel,
+ * with a sonar ping animation and a latitude/longitude readout.
+ */
+export declare const RadiusVisualizer: React.FC<RadiusVisualizerProps>;
+export default RadiusVisualizer;
+//# sourceMappingURL=RadiusVisualizer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadiusVisualizer.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/telemetry/RadiusVisualizer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,2FAA2F;AAC3F,MAAM,WAAW,aAAa;IAC1B,4EAA4E;IAC5E,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,2CAA2C;IAC3C,CAAC,EAAE,MAAM,CAAC;IACV,4CAA4C;IAC5C,CAAC,EAAE,MAAM,CAAC;CACb;AAED,6DAA6D;AAC7D,MAAM,WAAW,qBAAqB;IAClC,yDAAyD;IACzD,OAAO,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAqDD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsL5D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @file RadiusVisualizer.tsx
+ * @description Circular radar/minimap HUD showing nearby obstacles around the ASV.
+ *
+ * @remarks
+ * - Presentational component: obstacle positions are **boat-relative offsets in
+ *   meters** (x = east, y = north); the Redux-connected wrapper
+ *   {@link RadiusVisualizerPanel} feeds it ZED detections.
+ * - The display is heading-up: the environment is rotated by the vessel heading
+ *   so the boat marker always points straight up.
+ * - Obstacles glide to their new positions with springs, and a looping sonar
+ *   ping sweeps outward — both driven by @react-spring/web.
+ * - All colors come from the active MUI theme (telemetry/status palette groups),
+ *   with graceful fallbacks when a group is not defined by the theme.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ *
+ * @example
+ * <RadiusVisualizer
+ *   heading={heading}
+ *   latitude={lat}
+ *   longitude={lon}
+ *   obstacles={[{ id: 'buoy-1', x: 12.5, y: -3.2 }]}
+ * />
+ */
+import React from 'react';
+import { Box, Typography, useTheme } from '@mui/material';
+import { alpha } from '@mui/material/styles';
+import { useSpring, animated } from '@react-spring/web';
+const OBSTACLE_SPRING = { tension: 170, friction: 26 };
+const PING_DURATION_MS = 2000;
+/**
+ * Rotates a boat-relative (east, north) offset into heading-up display space.
+ * With the vessel facing `heading`, whatever is dead ahead ends up pointing up.
+ */
+const rotateHeadingUp = (x, y, headingDeg) => {
+    const rad = (headingDeg * Math.PI) / 180;
+    return {
+        x: x * Math.cos(rad) - y * Math.sin(rad),
+        y: x * Math.sin(rad) + y * Math.cos(rad),
+    };
+};
+/** One radar dot; its own spring glides it between positions. Keyed by obstacle id. */
+const ObstacleDot = ({ cx, cy, color }) => {
+    const spring = useSpring({ cx, cy, config: OBSTACLE_SPRING });
+    return (_jsx(animated.circle, { cx: spring.cx, cy: spring.cy, r: 3, fill: color, style: { filter: `drop-shadow(0 0 3px ${color})` } }));
+};
+/** Expanding, fading sonar ping — loops forever. */
+const SonarPing = ({ center, maxR, color }) => {
+    const spring = useSpring({
+        from: { r: 0, opacity: 0.55 },
+        to: { r: maxR, opacity: 0 },
+        loop: true,
+        config: { duration: PING_DURATION_MS },
+    });
+    return (_jsx(animated.circle, { cx: center, cy: center, r: spring.r, opacity: spring.opacity, fill: "none", stroke: color, strokeWidth: 2, pointerEvents: "none" }));
+};
+/**
+ * @function RadiusVisualizer
+ * @description Heading-up radar showing obstacles within range of the vessel,
+ * with a sonar ping animation and a latitude/longitude readout.
+ */
+export const RadiusVisualizer = ({ heading, latitude, longitude, obstacles, rangeM = 40, size = 120, title = 'MINIMAP', onClick, }) => {
+    const theme = useTheme();
+    const telemetry = theme.palette.telemetry;
+    const compass = theme.palette.compass;
+    const ringColor = telemetry?.status.online ?? theme.palette.success.main;
+    const pingColor = telemetry?.accent ?? theme.palette.primary.light;
+    const obstacleColor = telemetry?.status.error ?? theme.palette.error.main;
+    const boatColor = telemetry?.accent ?? theme.palette.primary.light;
+    const textPrimary = telemetry?.text.primary ?? theme.palette.text.primary;
+    const textSecondary = telemetry?.text.secondary ?? theme.palette.text.secondary;
+    const borderLight = telemetry?.border.light ?? theme.palette.divider;
+    const center = size / 2;
+    const scalePx = center / rangeM; // px per meter
+    // Instance-unique ids so multiple radars on one page don't cross-reference defs.
+    const uid = React.useId();
+    const bgId = `radius-bg${uid}`;
+    const clipId = `radius-clip${uid}`;
+    // Filter to range, then rotate into heading-up display space.
+    const visible = React.useMemo(() => obstacles
+        .filter((obs) => Math.hypot(obs.x, obs.y) < rangeM)
+        .map((obs) => {
+        const rotated = rotateHeadingUp(obs.x, obs.y, heading);
+        return {
+            id: obs.id,
+            // SVG y grows downward; our y grows northward/up.
+            cx: center + rotated.x * scalePx,
+            cy: center - rotated.y * scalePx,
+        };
+    }), [obstacles, heading, rangeM, center, scalePx]);
+    // Cardinal markers rotate opposite the heading so they stay geographically true.
+    const cardinals = React.useMemo(() => {
+        const entries = [
+            { label: 'N', deg: 0, color: compass?.north },
+            { label: 'E', deg: 90, color: compass?.east },
+            { label: 'S', deg: 180, color: compass?.south },
+            { label: 'W', deg: 270, color: compass?.west },
+        ];
+        return entries.map(({ label, deg, color }) => {
+            const rad = ((deg - heading - 90) * Math.PI) / 180;
+            const r = center - 8;
+            return {
+                label,
+                x: center + Math.cos(rad) * r,
+                y: center + Math.sin(rad) * r,
+                color: color ?? textSecondary,
+            };
+        });
+    }, [heading, center, compass, textSecondary]);
+    return (_jsxs(Box, { "data-testid": "radius-visualizer", onClick: onClick, sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            p: '12px 15px',
+            backgroundColor: telemetry?.background.primary,
+            border: `1px solid ${borderLight}`,
+            borderRadius: 2,
+            backdropFilter: 'blur(10px)',
+            width: size + 60,
+            color: textPrimary,
+            fontFamily: 'monospace',
+            boxShadow: '0 4px 15px rgba(0, 0, 0, 0.5)',
+            cursor: onClick ? 'pointer' : 'default',
+            transition: 'border-color 0.2s',
+            '&:hover': onClick ? { borderColor: theme.palette.primary.light } : undefined,
+        }, children: [_jsx(Typography, { variant: "caption", sx: {
+                    fontWeight: 700,
+                    fontSize: '11px',
+                    mb: 1,
+                    textTransform: 'uppercase',
+                    letterSpacing: '1px',
+                    color: textSecondary,
+                }, children: title }), _jsxs(Box, { component: "svg", viewBox: `0 0 ${size} ${size}`, sx: { width: size, height: size, display: 'block' }, children: [_jsxs("defs", { children: [_jsxs("radialGradient", { id: bgId, children: [_jsx("stop", { offset: "0%", stopColor: alpha(pingColor, 0.05) }), _jsx("stop", { offset: "100%", stopColor: "rgba(0,0,0,0.7)" })] }), _jsx("clipPath", { id: clipId, children: _jsx("circle", { cx: center, cy: center, r: center - 1 }) })] }), _jsx("circle", { cx: center, cy: center, r: center - 1, fill: `url(#${bgId})`, stroke: alpha(ringColor, 0.3), strokeWidth: 1 }), _jsxs("g", { clipPath: `url(#${clipId})`, children: [_jsx("line", { x1: center, y1: 0, x2: center, y2: size, stroke: alpha(ringColor, 0.15), strokeWidth: 1 }), _jsx("line", { x1: 0, y1: center, x2: size, y2: center, stroke: alpha(ringColor, 0.15), strokeWidth: 1 }), _jsx("circle", { cx: center, cy: center, r: center * 0.7, fill: "none", stroke: alpha(ringColor, 0.1), strokeWidth: 1, strokeDasharray: "3 3" }), _jsx("circle", { cx: center, cy: center, r: center * 0.4, fill: "none", stroke: alpha(ringColor, 0.15), strokeWidth: 1, strokeDasharray: "3 3" }), _jsx(SonarPing, { center: center, maxR: center, color: pingColor }), visible.map((obs) => (_jsx(ObstacleDot, { cx: obs.cx, cy: obs.cy, color: obstacleColor }, obs.id))), cardinals.map(({ label, x, y, color }) => (_jsx("text", { x: x, y: y, fill: color, fontSize: 7, fontWeight: 700, textAnchor: "middle", dominantBaseline: "central", pointerEvents: "none", children: label }, label))), _jsx("g", { transform: `translate(${center - 5}, ${center - 9})`, children: _jsx("path", { d: "M5 0 L10 5 L8.4 15 L1.6 15 L0 5 Z", fill: boatColor, stroke: textPrimary, strokeWidth: 1 }) })] })] }), _jsxs(Box, { sx: { mt: 1, textAlign: 'center', lineHeight: 1.4 }, children: [_jsxs(Typography, { variant: "caption", component: "div", sx: { fontSize: '10px', color: textSecondary }, children: ["LAT: ", latitude !== undefined ? latitude.toFixed(6) : 'N/A'] }), _jsxs(Typography, { variant: "caption", component: "div", sx: { fontSize: '10px', color: textSecondary }, children: ["LON: ", longitude !== undefined ? longitude.toFixed(6) : 'N/A'] })] })] }));
+};
+export default RadiusVisualizer;
+//# sourceMappingURL=RadiusVisualizer.js.map

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

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

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

@@ -0,0 +1,31 @@
+/**
+ * @file RadiusVisualizerPanel.tsx
+ * @description Redux-connected wrapper around {@link RadiusVisualizer}.
+ *
+ * @remarks
+ * Selects the vessel heading and GPS position from `telemetry.asv` and maps the
+ * ZED camera's detected objects (`telemetry.zed.objects`, boat-relative meters)
+ * into radar obstacles. Follows the same panel pattern as the other
+ * hud/telemetry components.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ */
+import React from 'react';
+/** Properties for the {@link RadiusVisualizerPanel} component. */
+export interface RadiusVisualizerPanelProps {
+    /** Radar range in meters. Defaults to 40. */
+    rangeM?: number;
+    /** Diameter of the radar circle in pixels. Defaults to 120. */
+    size?: number;
+    /** Optional click handler passed through to the radar panel. */
+    onClick?: () => void;
+}
+/**
+ * @function RadiusVisualizerPanel
+ * @description Feeds live telemetry (heading, GPS, ZED detections) into the
+ * presentational {@link RadiusVisualizer}.
+ */
+export declare const RadiusVisualizerPanel: React.FC<RadiusVisualizerPanelProps>;
+export default RadiusVisualizerPanel;
+//# sourceMappingURL=RadiusVisualizerPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadiusVisualizerPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/telemetry/RadiusVisualizerPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,kEAAkE;AAClE,MAAM,WAAW,0BAA0B;IACvC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA4BtE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @file RadiusVisualizerPanel.tsx
+ * @description Redux-connected wrapper around {@link RadiusVisualizer}.
+ *
+ * @remarks
+ * Selects the vessel heading and GPS position from `telemetry.asv` and maps the
+ * ZED camera's detected objects (`telemetry.zed.objects`, boat-relative meters)
+ * into radar obstacles. Follows the same panel pattern as the other
+ * hud/telemetry components.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ */
+import React from 'react';
+import { useSelector } from 'react-redux';
+import RadiusVisualizer, {} from './RadiusVisualizer';
+/**
+ * @function RadiusVisualizerPanel
+ * @description Feeds live telemetry (heading, GPS, ZED detections) into the
+ * presentational {@link RadiusVisualizer}.
+ */
+export const RadiusVisualizerPanel = ({ rangeM, size, onClick }) => {
+    const heading = useSelector((state) => state.telemetry.asv.heading);
+    const latitude = useSelector((state) => state.telemetry.asv.latitude);
+    const longitude = useSelector((state) => state.telemetry.asv.longitude);
+    const detectedObjects = useSelector((state) => state.telemetry.zed.objects);
+    // ZED detections are boat-relative (meters): x = right/east-ish, y = forward/north-ish.
+    const obstacles = React.useMemo(() => (detectedObjects ?? []).map((obj, index) => ({
+        id: `${obj.label}-${obj.label_id}-${index}`,
+        x: obj.position.x,
+        y: obj.position.y,
+    })), [detectedObjects]);
+    return (_jsx(RadiusVisualizer, { heading: heading, latitude: latitude, longitude: longitude, obstacles: obstacles, rangeM: rangeM, size: size, onClick: onClick }));
+};
+export default RadiusVisualizerPanel;
+//# sourceMappingURL=RadiusVisualizerPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadiusVisualizerPanel.js","sourceRoot":"","sources":["../../../../src/components/hud/telemetry/RadiusVisualizerPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,gBAAgB,EAAE,EAAsB,MAAM,oBAAoB,CAAC;AAY1E;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IACrG,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC/E,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACjF,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACnF,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAEvF,wFAAwF;IACxF,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACD,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,EAAE,EAAE,GAAG,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,QAAQ,IAAI,KAAK,EAAE;QAC3C,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;QACjB,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;KACpB,CAAC,CAAC,EACP,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,KAAC,gBAAgB,IACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,43 @@
+/**
+ * @file ShipRudderVisualizer.tsx
+ * @description Propulsion HUD: port/starboard thruster power bars flanking a
+ * top-down catamaran with animated twin rudders, plus a rudder position track.
+ *
+ * @remarks
+ * - Presentational component; the Redux-connected wrapper
+ *   {@link ShipRudderVisualizerPanel} feeds it motor power and rudder angle.
+ * - Power-bar heights, bar colors and rudder rotation are driven by
+ *   @react-spring/web springs.
+ * - The rudder angle is clamped to ±`maxRudderDeg` (30° by default).
+ * - Bar colors reuse the shared {@link getPowerColor} thresholds so this panel
+ *   matches {@link PowerRudderPanel}; chrome colors come from the telemetry
+ *   palette with graceful fallbacks.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ *
+ * @example
+ * <ShipRudderVisualizer portPower={45} stbdPower={52} rudderAngle={-12} />
+ */
+import React from 'react';
+/** Properties for the {@link ShipRudderVisualizer} component. */
+export interface ShipRudderVisualizerProps {
+    /** Port (left) thruster power, 0–100%. */
+    portPower: number;
+    /** Starboard (right) thruster power, 0–100%. */
+    stbdPower: number;
+    /** Rudder angle in degrees; positive = starboard. Clamped to ±maxRudderDeg. */
+    rudderAngle: number;
+    /** Maximum rudder deflection in degrees. Defaults to 30. */
+    maxRudderDeg?: number;
+    /** Panel title. Defaults to "PROPULSION". */
+    title?: string;
+}
+/**
+ * @function ShipRudderVisualizer
+ * @description Twin-hull propulsion visualizer: power bars, catamaran with
+ * spring-animated rudders, and a ±maxRudderDeg rudder position track.
+ */
+export declare const ShipRudderVisualizer: React.FC<ShipRudderVisualizerProps>;
+export default ShipRudderVisualizer;
+//# sourceMappingURL=ShipRudderVisualizer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShipRudderVisualizer.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/telemetry/ShipRudderVisualizer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,iEAAiE;AACjE,MAAM,WAAW,yBAAyB;IACtC,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAwDD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAyJpE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,121 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @file ShipRudderVisualizer.tsx
+ * @description Propulsion HUD: port/starboard thruster power bars flanking a
+ * top-down catamaran with animated twin rudders, plus a rudder position track.
+ *
+ * @remarks
+ * - Presentational component; the Redux-connected wrapper
+ *   {@link ShipRudderVisualizerPanel} feeds it motor power and rudder angle.
+ * - Power-bar heights, bar colors and rudder rotation are driven by
+ *   @react-spring/web springs.
+ * - The rudder angle is clamped to ±`maxRudderDeg` (30° by default).
+ * - Bar colors reuse the shared {@link getPowerColor} thresholds so this panel
+ *   matches {@link PowerRudderPanel}; chrome colors come from the telemetry
+ *   palette with graceful fallbacks.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ *
+ * @example
+ * <ShipRudderVisualizer portPower={45} stbdPower={52} rudderAngle={-12} />
+ */
+import React from 'react';
+import { Box, Typography, useTheme } from '@mui/material';
+import { alpha } from '@mui/material/styles';
+import { useSpring, animated } from '@react-spring/web';
+import { getPowerColor } from './powerColor';
+const RUDDER_SPRING = { tension: 300, friction: 30 };
+const BAR_SPRING = { tension: 210, friction: 24 };
+const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
+/** Vertical thruster power bar with sprung fill height and threshold color. */
+const ThrusterBar = ({ label, power }) => {
+    const theme = useTheme();
+    const telemetry = theme.palette.telemetry;
+    const clamped = clamp(power, 0, 100);
+    const color = getPowerColor(theme, clamped);
+    const spring = useSpring({ h: clamped, config: BAR_SPRING });
+    return (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', alignItems: 'center' }, children: [_jsxs(Typography, { variant: "caption", sx: { minWidth: '4ch', textAlign: 'center', fontSize: '10px', color, fontWeight: 700, mb: '3px' }, children: [Math.round(clamped), "%"] }), _jsx(Box, { sx: {
+                    width: 10,
+                    height: 70,
+                    backgroundColor: telemetry?.background.tertiary ?? alpha(theme.palette.common.white, 0.1),
+                    border: `1px solid ${telemetry?.border.lighter ?? theme.palette.divider}`,
+                    borderRadius: '2px',
+                    position: 'relative',
+                    overflow: 'hidden',
+                }, children: _jsx(animated.div, { style: {
+                        position: 'absolute',
+                        bottom: 0,
+                        left: 0,
+                        width: '100%',
+                        height: spring.h.to((v) => `${v}%`),
+                        backgroundColor: color,
+                        transition: 'background-color 0.3s ease',
+                    } }) }), _jsx(Typography, { variant: "caption", sx: { fontSize: '8px', color: telemetry?.text.secondary ?? theme.palette.text.secondary, mt: '3px' }, children: label })] }));
+};
+/**
+ * @function ShipRudderVisualizer
+ * @description Twin-hull propulsion visualizer: power bars, catamaran with
+ * spring-animated rudders, and a ±maxRudderDeg rudder position track.
+ */
+export const ShipRudderVisualizer = ({ portPower, stbdPower, rudderAngle, maxRudderDeg = 30, title = 'PROPULSION', }) => {
+    const theme = useTheme();
+    const telemetry = theme.palette.telemetry;
+    const hullFill = telemetry?.background.headerAlt ?? 'rgba(0, 0, 0, 0.5)';
+    const hullStroke = theme.palette.primary.light;
+    const deckStroke = telemetry?.text.secondary ?? theme.palette.text.secondary;
+    const cabinFill = telemetry?.background.secondary ?? 'rgba(0, 0, 0, 0.35)';
+    const lightColor = telemetry?.accent ?? theme.palette.secondary.main;
+    const textPrimary = telemetry?.text.primary ?? theme.palette.text.primary;
+    const textSecondary = telemetry?.text.secondary ?? theme.palette.text.secondary;
+    const borderLight = telemetry?.border.light ?? theme.palette.divider;
+    const trackBg = telemetry?.background.tertiary ?? alpha(theme.palette.common.white, 0.15);
+    const constrained = clamp(rudderAngle, -maxRudderDeg, maxRudderDeg);
+    const { rot } = useSpring({ rot: constrained, config: RUDDER_SPRING });
+    // Marker position along the track: 0% = full port, 100% = full starboard.
+    const markerSpring = useSpring({
+        pct: ((constrained + maxRudderDeg) / (2 * maxRudderDeg)) * 100,
+        config: RUDDER_SPRING,
+    });
+    // Rudder pivots (in the 80×110 catamaran viewBox) — one per hull.
+    const rudder = (pivotX, pivotY) => (_jsxs(animated.g, { transform: rot.to((r) => `translate(${pivotX} ${pivotY}) rotate(${-r}) translate(${-pivotX} ${-pivotY})`), children: [_jsx("rect", { x: pivotX - 2, y: pivotY - 2, width: 4, height: 4, fill: deckStroke, stroke: hullStroke, strokeWidth: 0.5 }), _jsx("rect", { x: pivotX - 3, y: pivotY + 2, width: 6, height: 10, rx: 1, fill: hullFill, stroke: hullStroke, strokeWidth: 0.5 }), _jsx("line", { x1: pivotX - 6, y1: pivotY + 10, x2: pivotX + 6, y2: pivotY + 10, stroke: lightColor, strokeWidth: 1.5 })] }));
+    return (_jsxs(Box, { "data-testid": "rudder-visualizer", sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            p: '12px 15px',
+            backgroundColor: telemetry?.background.primary,
+            border: `1px solid ${borderLight}`,
+            borderRadius: 2,
+            backdropFilter: 'blur(10px)',
+            width: 230,
+            color: textPrimary,
+            fontFamily: 'monospace',
+            boxShadow: '0 4px 15px rgba(0, 0, 0, 0.5)',
+        }, children: [_jsx(Typography, { variant: "caption", sx: {
+                    fontWeight: 700,
+                    fontSize: '11px',
+                    mb: 1,
+                    textTransform: 'uppercase',
+                    letterSpacing: '1px',
+                    color: textSecondary,
+                }, children: title }), _jsxs(Box, { sx: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '100%', height: 110, px: '5px' }, children: [_jsx(ThrusterBar, { label: "PORT", power: portPower }), _jsxs(Box, { component: "svg", viewBox: "0 0 80 110", sx: { width: 70, height: 95, opacity: 0.85 }, children: [_jsx("path", { d: "M 16 5 C 10 5, 8 20, 8 45 C 8 70, 8 85, 12 90 C 14 93, 18 93, 20 90 C 22 85, 22 75, 22 65 L 22 25 C 22 15, 20 5, 16 5 Z", fill: hullFill, stroke: hullStroke, strokeWidth: 1 }), _jsx("path", { d: "M 64 5 C 70 5, 72 20, 72 45 C 72 70, 72 85, 68 90 C 66 93, 62 93, 60 90 C 58 85, 58 75, 58 65 L 58 25 C 58 15, 60 5, 64 5 Z", fill: hullFill, stroke: hullStroke, strokeWidth: 1 }), _jsx("rect", { x: 21, y: 20, width: 38, height: 4, fill: cabinFill, stroke: deckStroke, strokeWidth: 1 }), _jsx("rect", { x: 21, y: 70, width: 38, height: 4, fill: cabinFill, stroke: deckStroke, strokeWidth: 1 }), _jsx("path", { d: "M 26 24 C 23 35, 23 60, 26 70", fill: "none", stroke: deckStroke, strokeWidth: 1.5 }), _jsx("path", { d: "M 54 24 C 57 35, 57 60, 54 70", fill: "none", stroke: deckStroke, strokeWidth: 1.5 }), _jsx("path", { d: "M 28 32 C 26 45, 26 50, 28 62 L 52 62 C 54 50, 54 45, 52 32 Z", fill: cabinFill, stroke: deckStroke, strokeWidth: 1.5 }), _jsx("rect", { x: 33, y: 38, width: 14, height: 18, rx: 2, fill: "none", stroke: hullStroke, strokeWidth: 1 }), _jsx("circle", { cx: 35, cy: 40, r: 1, fill: lightColor }), _jsx("circle", { cx: 45, cy: 40, r: 1, fill: lightColor }), _jsx("circle", { cx: 35, cy: 54, r: 1, fill: lightColor }), _jsx("circle", { cx: 45, cy: 54, r: 1, fill: lightColor }), rudder(16, 90), rudder(64, 90)] }), _jsx(ThrusterBar, { label: "STBD", power: stbdPower })] }), _jsxs(Box, { sx: { width: '100%', mt: 1, display: 'flex', flexDirection: 'column', alignItems: 'center' }, children: [_jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between', width: '100%', mb: '2px' }, children: [_jsx(Typography, { variant: "caption", sx: { fontSize: '9px', color: textSecondary }, children: "PORT" }), _jsxs(Typography, { variant: "caption", sx: { minWidth: '12ch', textAlign: 'center', fontSize: '9px', fontWeight: 700, color: theme.palette.text.disabled }, children: ["RUDDER: ", Math.round(constrained), "\u00B0"] }), _jsx(Typography, { variant: "caption", sx: { fontSize: '9px', color: textSecondary }, children: "STBD" })] }), _jsxs(Box, { sx: { width: '100%', height: 5, backgroundColor: trackBg, borderRadius: '2px', position: 'relative' }, children: [_jsx(Box, { sx: {
+                                    position: 'absolute',
+                                    left: '50%',
+                                    top: 0,
+                                    width: '1.5px',
+                                    height: '100%',
+                                    backgroundColor: alpha(textPrimary, 0.4),
+                                } }), _jsx(animated.div, { style: {
+                                    position: 'absolute',
+                                    left: markerSpring.pct.to((v) => `${v}%`),
+                                    top: -3.5,
+                                    width: 4,
+                                    height: 12,
+                                    background: textPrimary,
+                                    borderRadius: 1.5,
+                                    transform: 'translateX(-50%)',
+                                } })] })] })] }));
+};
+export default ShipRudderVisualizer;
+//# sourceMappingURL=ShipRudderVisualizer.js.map

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

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