@zendir/ui 0.1.8 → 0.1.10

package/dist/react/visualizations/SensorFootprintCard.js

@@ -1,326 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { memo, useRef, useMemo, useEffect } from "react";
-import { AstroIcon } from "../core/AstroIcon.js";
-import { classNames } from "../utils/index.js";
-import { useTheme } from "../theme/ThemeProvider.js";
-const SensorFootprintCard = memo(function SensorFootprintCard2({
-  sensor,
-  latitude,
-  longitude,
-  altitudeKm,
-  headingDegrees = 0,
-  compact = false,
-  loading = false,
-  className = ""
-}) {
-  const { tokens, theme } = useTheme();
-  const isTransparentTheme = theme === "transparent" || theme === "transparent-bold" || theme === "transparent-minimal";
-  const cardBg = isTransparentTheme ? "transparent" : tokens.colors.background.surface;
-  const cardGlass = isTransparentTheme ? {
-    backdropFilter: "blur(12px)",
-    WebkitBackdropFilter: "blur(12px)"
-  } : {};
-  const canvasRef = useRef(null);
-  const statusColors = useMemo(
-    () => ({
-      standby: tokens.colors.status.standby,
-      off: tokens.colors.status.off,
-      caution: tokens.colors.status.caution
-    }),
-    [tokens]
-  );
-  const safeAltitude = altitudeKm ?? 400;
-  const footprint = useMemo(() => {
-    const fov = (sensor == null ? void 0 : sensor.fovDegrees) ?? 30;
-    const alongFov = (sensor == null ? void 0 : sensor.alongTrackFovDegrees) ?? fov;
-    const halfFovRad = fov / 2 * (Math.PI / 180);
-    const alongHalfFovRad = alongFov / 2 * (Math.PI / 180);
-    const crossTrackKm = 2 * safeAltitude * Math.tan(halfFovRad);
-    const alongTrackKm = 2 * safeAltitude * Math.tan(alongHalfFovRad);
-    const areaKm2 = crossTrackKm * alongTrackKm;
-    const swathWidthKm = crossTrackKm;
-    return { crossTrackKm, alongTrackKm, areaKm2, swathWidthKm };
-  }, [sensor == null ? void 0 : sensor.fovDegrees, sensor == null ? void 0 : sensor.alongTrackFovDegrees, safeAltitude]);
-  useEffect(() => {
-    if (loading || !sensor) return;
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    const w = canvas.width;
-    const h = canvas.height;
-    ctx.fillStyle = tokens.colors.background.base;
-    ctx.fillRect(0, 0, w, h);
-    ctx.strokeStyle = tokens.colors.border.muted;
-    ctx.lineWidth = 0.5;
-    for (let x = 0; x <= w; x += w / 8) {
-      ctx.beginPath();
-      ctx.moveTo(x, 0);
-      ctx.lineTo(x, h);
-      ctx.stroke();
-    }
-    for (let y = 0; y <= h; y += h / 6) {
-      ctx.beginPath();
-      ctx.moveTo(0, y);
-      ctx.lineTo(w, y);
-      ctx.stroke();
-    }
-    const cx = w / 2;
-    const cy = h / 2;
-    const scaleKmPerPixel = 1e3 / Math.min(w, h);
-    const halfWidth = footprint.crossTrackKm / 2 / scaleKmPerPixel;
-    const halfHeight = footprint.alongTrackKm / 2 / scaleKmPerPixel;
-    ctx.save();
-    ctx.translate(cx, cy);
-    ctx.rotate(headingDegrees * Math.PI / 180);
-    ctx.fillStyle = sensor.isActive ? `${statusColors.standby}20` : `${statusColors.off}15`;
-    ctx.beginPath();
-    ctx.ellipse(0, 0, halfWidth, halfHeight, 0, 0, 2 * Math.PI);
-    ctx.fill();
-    ctx.strokeStyle = sensor.isActive ? statusColors.standby : statusColors.off;
-    ctx.lineWidth = 2;
-    ctx.setLineDash(sensor.isActive ? [] : [5, 5]);
-    ctx.stroke();
-    ctx.setLineDash([]);
-    ctx.strokeStyle = `${tokens.colors.text.primary}40`;
-    ctx.lineWidth = 1;
-    ctx.beginPath();
-    ctx.moveTo(-halfWidth, 0);
-    ctx.lineTo(halfWidth, 0);
-    ctx.stroke();
-    ctx.beginPath();
-    ctx.moveTo(0, -halfHeight);
-    ctx.lineTo(0, halfHeight);
-    ctx.stroke();
-    ctx.restore();
-    ctx.fillStyle = tokens.colors.status.caution;
-    ctx.beginPath();
-    ctx.arc(cx, cy, 4, 0, 2 * Math.PI);
-    ctx.fill();
-    ctx.save();
-    ctx.translate(cx, cy);
-    ctx.rotate(headingDegrees * Math.PI / 180);
-    ctx.fillStyle = tokens.colors.status.caution;
-    ctx.beginPath();
-    ctx.moveTo(0, -8);
-    ctx.lineTo(3, -4);
-    ctx.lineTo(-3, -4);
-    ctx.closePath();
-    ctx.fill();
-    ctx.restore();
-    const scaleBarLength = 100;
-    const scaleBarPixels = scaleBarLength / scaleKmPerPixel;
-    ctx.fillStyle = tokens.colors.text.tertiary;
-    ctx.fillRect(10, h - 20, scaleBarPixels, 3);
-    ctx.font = "10px monospace";
-    ctx.fillText(`${scaleBarLength} km`, 10, h - 8);
-  }, [loading, sensor, tokens, footprint, headingDegrees, statusColors]);
-  if (loading) {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: classNames("zendir-sensor-footprint-card", "loading", className),
-        role: "article",
-        "aria-busy": "true",
-        "aria-label": "Loading sensor data",
-        style: {
-          backgroundColor: cardBg,
-          ...cardGlass,
-          border: "none",
-          borderRadius: tokens.borderRadius.lg,
-          padding: tokens.spacing.md,
-          minHeight: 200
-        },
-        children: [
-          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 16 }, children: [
-            /* @__PURE__ */ jsx("div", { style: { height: 24, width: "50%", backgroundColor: "rgba(255,255,255,0.1)", borderRadius: 4 } }),
-            /* @__PURE__ */ jsx("div", { style: { height: 24, width: 60, backgroundColor: "rgba(255,255,255,0.1)", borderRadius: 4 } })
-          ] }),
-          /* @__PURE__ */ jsx("div", { style: { height: 120, backgroundColor: "rgba(255,255,255,0.06)", borderRadius: 8 } })
-        ]
-      }
-    );
-  }
-  if (!sensor) {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: classNames("zendir-sensor-footprint-card", "empty", className),
-        role: "article",
-        "aria-label": "No sensor data",
-        style: {
-          backgroundColor: cardBg,
-          ...cardGlass,
-          border: "none",
-          borderRadius: tokens.borderRadius.lg,
-          padding: tokens.spacing.lg,
-          textAlign: "center",
-          color: tokens.colors.text.tertiary
-        },
-        children: [
-          /* @__PURE__ */ jsx(AstroIcon, { name: "camera", size: "normal", label: "", style: { opacity: 0.5 } }),
-          /* @__PURE__ */ jsx("p", { style: { margin: "8px 0 0 0", fontSize: tokens.typography.body[2].fontSize }, children: "No sensor data available" })
-        ]
-      }
-    );
-  }
-  const getSensorIconName = (type) => {
-    switch (type) {
-      case "camera":
-        return "camera";
-      case "radar":
-        return "antenna";
-      case "lidar":
-        return "flash-on";
-      case "spectrometer":
-        return "filter";
-      default:
-        return "image";
-    }
-  };
-  const formatArea = (km2) => {
-    if (km2 >= 1e6) return `${(km2 / 1e6).toFixed(1)}M km²`;
-    if (km2 >= 1e3) return `${(km2 / 1e3).toFixed(1)}k km²`;
-    return `${km2.toFixed(0)} km²`;
-  };
-  const canvasSize = compact ? 120 : 180;
-  const cardStyle = {
-    backgroundColor: cardBg,
-    ...isTransparentTheme && { backdropFilter: "blur(12px)", WebkitBackdropFilter: "blur(12px)" },
-    border: "none",
-    borderRadius: tokens.borderRadius.lg,
-    padding: tokens.spacing.md,
-    fontFamily: tokens.typography.fontFamily.primary,
-    color: tokens.colors.text.primary
-  };
-  return /* @__PURE__ */ jsxs("div", { className, style: cardStyle, children: [
-    !compact && /* @__PURE__ */ jsxs("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      marginBottom: tokens.spacing.md
-    }, children: [
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: tokens.spacing.sm }, children: [
-        /* @__PURE__ */ jsx(AstroIcon, { name: getSensorIconName(sensor.type), size: "small", label: sensor.type, style: { fontSize: tokens.typography.fontSize.lg } }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h3", { style: {
-            fontWeight: tokens.typography.fontWeight.semibold,
-            color: tokens.colors.text.primary,
-            fontSize: tokens.typography.fontSize.md,
-            margin: 0
-          }, children: sensor.name }),
-          /* @__PURE__ */ jsxs("p", { style: {
-            color: tokens.colors.text.tertiary,
-            fontSize: tokens.typography.fontSize.xs,
-            margin: 0,
-            marginTop: tokens.spacing.xs
-          }, children: [
-            "FOV: ",
-            sensor.fovDegrees,
-            "°"
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("span", { style: {
-        padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,
-        borderRadius: tokens.borderRadius.sm,
-        fontSize: tokens.typography.fontSize.xxs,
-        // 0.625rem / 10px (AstroUXDS compact)
-        fontWeight: tokens.typography.fontWeight.bold,
-        letterSpacing: "0.5px",
-        backgroundColor: sensor.isActive ? `${statusColors.standby}20` : `${statusColors.off}20`,
-        color: sensor.isActive ? statusColors.standby : statusColors.off
-      }, children: sensor.isActive ? "Active" : "Standby" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
-      "canvas",
-      {
-        ref: canvasRef,
-        width: canvasSize,
-        height: canvasSize,
-        style: { borderRadius: tokens.borderRadius.md }
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { style: {
-      display: "grid",
-      gridTemplateColumns: "repeat(2, 1fr)",
-      gap: tokens.spacing.sm,
-      marginTop: tokens.spacing.md,
-      fontSize: compact ? "10px" : tokens.typography.fontSize.xs
-    }, children: [
-      /* @__PURE__ */ jsxs("div", { style: {
-        backgroundColor: tokens.colors.background.base,
-        borderRadius: tokens.borderRadius.md,
-        padding: tokens.spacing.sm,
-        textAlign: "center"
-      }, children: [
-        /* @__PURE__ */ jsxs("div", { style: {
-          color: statusColors.standby,
-          fontWeight: tokens.typography.fontWeight.bold,
-          fontFamily: tokens.typography.fontFamily.mono,
-          fontVariantNumeric: "tabular-nums"
-        }, children: [
-          footprint.swathWidthKm.toFixed(0),
-          " km"
-        ] }),
-        /* @__PURE__ */ jsx("div", { style: { color: tokens.colors.text.tertiary }, children: "Swath width" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { style: {
-        backgroundColor: tokens.colors.background.base,
-        borderRadius: tokens.borderRadius.md,
-        padding: tokens.spacing.sm,
-        textAlign: "center"
-      }, children: [
-        /* @__PURE__ */ jsx("div", { style: {
-          color: statusColors.standby,
-          fontWeight: tokens.typography.fontWeight.bold,
-          fontFamily: tokens.typography.fontFamily.mono,
-          fontVariantNumeric: "tabular-nums"
-        }, children: formatArea(footprint.areaKm2) }),
-        /* @__PURE__ */ jsx("div", { style: { color: tokens.colors.text.tertiary }, children: "Coverage" })
-      ] })
-    ] }),
-    !compact && /* @__PURE__ */ jsxs("div", { style: {
-      marginTop: tokens.spacing.md,
-      paddingTop: tokens.spacing.md,
-      borderTop: `1px solid ${tokens.colors.border.muted}`,
-      fontSize: tokens.typography.fontSize.xs
-    }, children: [
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-        /* @__PURE__ */ jsx("span", { style: { color: tokens.colors.text.tertiary }, children: "Nadir point" }),
-        /* @__PURE__ */ jsxs("span", { style: {
-          fontFamily: tokens.typography.fontFamily.mono,
-          color: tokens.colors.text.secondary,
-          fontVariantNumeric: "tabular-nums"
-        }, children: [
-          Math.abs(latitude ?? 0).toFixed(2),
-          "°",
-          (latitude ?? 0) >= 0 ? "N" : "S",
-          ",",
-          Math.abs(longitude ?? 0).toFixed(2),
-          "°",
-          (longitude ?? 0) >= 0 ? "E" : "W"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { style: {
-        display: "flex",
-        justifyContent: "space-between",
-        marginTop: tokens.spacing.xs
-      }, children: [
-        /* @__PURE__ */ jsx("span", { style: { color: tokens.colors.text.tertiary }, children: "Altitude" }),
-        /* @__PURE__ */ jsxs("span", { style: {
-          fontFamily: tokens.typography.fontFamily.mono,
-          color: tokens.colors.text.secondary,
-          fontVariantNumeric: "tabular-nums"
-        }, children: [
-          (altitudeKm ?? 0).toFixed(1),
-          " km"
-        ] })
-      ] })
-    ] })
-  ] });
-});
-export {
-  SensorFootprintCard
-};
-//# sourceMappingURL=SensorFootprintCard.js.map

package/dist/react/visualizations/SensorFootprintCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SensorFootprintCard.js","sources":["../../../src/react/visualizations/SensorFootprintCard.tsx"],"sourcesContent":["/**\n * @zendir/ui - SensorFootprintCard Component\n * \n * Camera/Sensor Field of View visualization showing ground footprint.\n * \n * Features:\n * - Full null-safety with graceful fallbacks\n * - Canvas-based footprint visualization\n * - Coverage area calculations\n * - Loading and empty states\n */\n\nimport React, { memo, useMemo, useRef, useEffect } from 'react';\nimport { useTheme } from '../theme';\nimport { AstroIcon, type AstroIconName } from '../core/AstroIcon';\nimport { classNames } from '../utils';\n\nexport interface FootprintSensorConfig {\n  id: string;\n  name: string;\n  /** Field of view in degrees (cross-track) */\n  fovDegrees: number;\n  /** Along-track field of view in degrees */\n  alongTrackFovDegrees?: number;\n  /** Sensor type */\n  type: 'camera' | 'radar' | 'lidar' | 'spectrometer' | string;\n  /** Whether sensor is active */\n  isActive: boolean;\n}\n\nexport interface SensorFootprintCardProps {\n  /** Sensor configuration */\n  sensor?: FootprintSensorConfig;\n  /** Current spacecraft latitude */\n  latitude?: number;\n  /** Current spacecraft longitude */\n  longitude?: number;\n  /** Current altitude in km */\n  altitudeKm?: number;\n  /** Current heading/track angle in degrees */\n  headingDegrees?: number;\n  /** Compact mode */\n  compact?: boolean;\n  /** Loading state */\n  loading?: boolean;\n  /** Custom class name */\n  className?: string;\n}\n\nexport const SensorFootprintCard = memo(function SensorFootprintCard({\n  sensor,\n  latitude,\n  longitude,\n  altitudeKm,\n  headingDegrees = 0,\n  compact = false,\n  loading = false,\n  className = '',\n}: SensorFootprintCardProps): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme = theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const cardBg = isTransparentTheme ? 'transparent' : tokens.colors.background.surface;\n  const cardGlass = isTransparentTheme ? {\n    backdropFilter: 'blur(12px)' as const,\n    WebkitBackdropFilter: 'blur(12px)' as const,\n  } : {};\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const statusColors = useMemo(\n    () => ({\n      standby: tokens.colors.status.standby,\n      off: tokens.colors.status.off,\n      caution: tokens.colors.status.caution,\n    }),\n    [tokens],\n  );\n\n  const safeAltitude = altitudeKm ?? 400;\n  const footprint = useMemo(() => {\n    const fov = sensor?.fovDegrees ?? 30;\n    const alongFov = sensor?.alongTrackFovDegrees ?? fov;\n    const halfFovRad = (fov / 2) * (Math.PI / 180);\n    const alongHalfFovRad = (alongFov / 2) * (Math.PI / 180);\n    const crossTrackKm = 2 * safeAltitude * Math.tan(halfFovRad);\n    const alongTrackKm = 2 * safeAltitude * Math.tan(alongHalfFovRad);\n    const areaKm2 = crossTrackKm * alongTrackKm;\n    const swathWidthKm = crossTrackKm;\n    return { crossTrackKm, alongTrackKm, areaKm2, swathWidthKm };\n  }, [sensor?.fovDegrees, sensor?.alongTrackFovDegrees, safeAltitude]);\n\n  useEffect(() => {\n    if (loading || !sensor) return;\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n    const w = canvas.width;\n    const h = canvas.height;\n    ctx.fillStyle = tokens.colors.background.base;\n    ctx.fillRect(0, 0, w, h);\n    ctx.strokeStyle = tokens.colors.border.muted;\n    ctx.lineWidth = 0.5;\n    for (let x = 0; x <= w; x += w / 8) {\n      ctx.beginPath();\n      ctx.moveTo(x, 0);\n      ctx.lineTo(x, h);\n      ctx.stroke();\n    }\n    for (let y = 0; y <= h; y += h / 6) {\n      ctx.beginPath();\n      ctx.moveTo(0, y);\n      ctx.lineTo(w, y);\n      ctx.stroke();\n    }\n    const cx = w / 2;\n    const cy = h / 2;\n    const scaleKmPerPixel = 1000 / Math.min(w, h);\n    const halfWidth = (footprint.crossTrackKm / 2) / scaleKmPerPixel;\n    const halfHeight = (footprint.alongTrackKm / 2) / scaleKmPerPixel;\n    ctx.save();\n    ctx.translate(cx, cy);\n    ctx.rotate(headingDegrees * Math.PI / 180);\n    ctx.fillStyle = sensor.isActive\n      ? `${statusColors.standby}20`\n      : `${statusColors.off}15`;\n    ctx.beginPath();\n    ctx.ellipse(0, 0, halfWidth, halfHeight, 0, 0, 2 * Math.PI);\n    ctx.fill();\n    ctx.strokeStyle = sensor.isActive ? statusColors.standby : statusColors.off;\n    ctx.lineWidth = 2;\n    ctx.setLineDash(sensor.isActive ? [] : [5, 5]);\n    ctx.stroke();\n    ctx.setLineDash([]);\n    ctx.strokeStyle = `${tokens.colors.text.primary}40`;\n    ctx.lineWidth = 1;\n    ctx.beginPath();\n    ctx.moveTo(-halfWidth, 0);\n    ctx.lineTo(halfWidth, 0);\n    ctx.stroke();\n    ctx.beginPath();\n    ctx.moveTo(0, -halfHeight);\n    ctx.lineTo(0, halfHeight);\n    ctx.stroke();\n    ctx.restore();\n    ctx.fillStyle = tokens.colors.status.caution;\n    ctx.beginPath();\n    ctx.arc(cx, cy, 4, 0, 2 * Math.PI);\n    ctx.fill();\n    ctx.save();\n    ctx.translate(cx, cy);\n    ctx.rotate(headingDegrees * Math.PI / 180);\n    ctx.fillStyle = tokens.colors.status.caution;\n    ctx.beginPath();\n    ctx.moveTo(0, -8);\n    ctx.lineTo(3, -4);\n    ctx.lineTo(-3, -4);\n    ctx.closePath();\n    ctx.fill();\n    ctx.restore();\n    const scaleBarLength = 100;\n    const scaleBarPixels = scaleBarLength / scaleKmPerPixel;\n    ctx.fillStyle = tokens.colors.text.tertiary;\n    ctx.fillRect(10, h - 20, scaleBarPixels, 3);\n    ctx.font = '10px monospace';\n    ctx.fillText(`${scaleBarLength} km`, 10, h - 8);\n  }, [loading, sensor, tokens, footprint, headingDegrees, statusColors]);\n\n  // Loading state\n  if (loading) {\n    return (\n      <div\n        className={classNames('zendir-sensor-footprint-card', 'loading', className)}\n        role=\"article\"\n        aria-busy=\"true\"\n        aria-label=\"Loading sensor data\"\n        style={{\n          backgroundColor: cardBg,\n          ...cardGlass,\n          border: 'none',\n          borderRadius: tokens.borderRadius.lg,\n          padding: tokens.spacing.md,\n          minHeight: 200,\n        }}\n      >\n        <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 16 }}>\n          <div style={{ height: 24, width: '50%', backgroundColor: 'rgba(255,255,255,0.1)', borderRadius: 4 }} />\n          <div style={{ height: 24, width: 60, backgroundColor: 'rgba(255,255,255,0.1)', borderRadius: 4 }} />\n        </div>\n        <div style={{ height: 120, backgroundColor: 'rgba(255,255,255,0.06)', borderRadius: 8 }} />\n      </div>\n    );\n  }\n\n  // Empty state\n  if (!sensor) {\n    return (\n      <div\n        className={classNames('zendir-sensor-footprint-card', 'empty', className)}\n        role=\"article\"\n        aria-label=\"No sensor data\"\n        style={{\n          backgroundColor: cardBg,\n          ...cardGlass,\n          border: 'none',\n          borderRadius: tokens.borderRadius.lg,\n          padding: tokens.spacing.lg,\n          textAlign: 'center',\n          color: tokens.colors.text.tertiary,\n        }}\n      >\n        <AstroIcon name=\"camera\" size=\"normal\" label=\"\" style={{ opacity: 0.5 }} />\n        <p style={{ margin: '8px 0 0 0', fontSize: tokens.typography.body[2].fontSize }}>No sensor data available</p>\n      </div>\n    );\n  }\n  \n  // Sensor type icon (AstroIcon)\n  const getSensorIconName = (type: string): AstroIconName => {\n    switch (type) {\n      case 'camera': return 'camera';\n      case 'radar': return 'antenna';\n      case 'lidar': return 'flash-on';\n      case 'spectrometer': return 'filter';\n      default: return 'image';\n    }\n  };\n\n  // Format area (Astro: tabular numbers)\n  const formatArea = (km2: number): string => {\n    if (km2 >= 1e6) return `${(km2 / 1e6).toFixed(1)}M km²`;\n    if (km2 >= 1e3) return `${(km2 / 1e3).toFixed(1)}k km²`;\n    return `${km2.toFixed(0)} km²`;\n  };\n\n  const canvasSize = compact ? 120 : 180;\n\n  // Astro UX compliant card styling\n  const cardStyle: React.CSSProperties = {\n    backgroundColor: cardBg,\n    ...(isTransparentTheme && { backdropFilter: 'blur(12px)' as const, WebkitBackdropFilter: 'blur(12px)' as const }),\n    border: 'none',\n    borderRadius: tokens.borderRadius.lg,\n    padding: tokens.spacing.md,\n    fontFamily: tokens.typography.fontFamily.primary,\n    color: tokens.colors.text.primary,\n  };\n\n  return (\n    <div className={className} style={cardStyle}>\n      {!compact && (\n        <div style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          marginBottom: tokens.spacing.md,\n        }}>\n          <div style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.sm }}>\n            <AstroIcon name={getSensorIconName(sensor.type)} size=\"small\" label={sensor.type} style={{ fontSize: tokens.typography.fontSize.lg }} />\n            <div>\n              {/* Astro: Sentence-case labels */}\n              <h3 style={{ \n                fontWeight: tokens.typography.fontWeight.semibold, \n                color: tokens.colors.text.primary, \n                fontSize: tokens.typography.fontSize.md,\n                margin: 0,\n              }}>\n                {sensor.name}\n              </h3>\n              <p style={{ \n                color: tokens.colors.text.tertiary, \n                fontSize: tokens.typography.fontSize.xs,\n                margin: 0,\n                marginTop: tokens.spacing.xs,\n              }}>\n                FOV: {sensor.fovDegrees}°\n              </p>\n            </div>\n          </div>\n          {/* Status badge - Astro style (sentence case per Tier 3) */}\n          <span style={{\n            padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,\n            borderRadius: tokens.borderRadius.sm,\n            fontSize: tokens.typography.fontSize.xxs, // 0.625rem / 10px (AstroUXDS compact)\n            fontWeight: tokens.typography.fontWeight.bold,\n            letterSpacing: '0.5px',\n            backgroundColor: sensor.isActive \n              ? `${statusColors.standby}20` \n              : `${statusColors.off}20`,\n            color: sensor.isActive \n              ? statusColors.standby \n              : statusColors.off,\n          }}>\n            {sensor.isActive ? 'Active' : 'Standby'}\n          </span>\n        </div>\n      )}\n\n      {/* Canvas visualization */}\n      <div style={{ display: 'flex', justifyContent: 'center' }}>\n        <canvas \n          ref={canvasRef}\n          width={canvasSize}\n          height={canvasSize}\n          style={{ borderRadius: tokens.borderRadius.md }}\n        />\n      </div>\n\n      {/* Metrics - Astro: Sentence-case, tabular numbers */}\n      <div style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(2, 1fr)',\n        gap: tokens.spacing.sm,\n        marginTop: tokens.spacing.md,\n        fontSize: compact ? '10px' : tokens.typography.fontSize.xs,\n      }}>\n        <div style={{\n          backgroundColor: tokens.colors.background.base,\n          borderRadius: tokens.borderRadius.md,\n          padding: tokens.spacing.sm,\n          textAlign: 'center',\n        }}>\n          <div style={{ \n            color: statusColors.standby, \n            fontWeight: tokens.typography.fontWeight.bold,\n            fontFamily: tokens.typography.fontFamily.mono,\n            fontVariantNumeric: 'tabular-nums',\n          }}>\n            {footprint.swathWidthKm.toFixed(0)} km\n          </div>\n          <div style={{ color: tokens.colors.text.tertiary }}>Swath width</div>\n        </div>\n        <div style={{\n          backgroundColor: tokens.colors.background.base,\n          borderRadius: tokens.borderRadius.md,\n          padding: tokens.spacing.sm,\n          textAlign: 'center',\n        }}>\n          <div style={{ \n            color: statusColors.standby, \n            fontWeight: tokens.typography.fontWeight.bold,\n            fontFamily: tokens.typography.fontFamily.mono,\n            fontVariantNumeric: 'tabular-nums',\n          }}>\n            {formatArea(footprint.areaKm2)}\n          </div>\n          <div style={{ color: tokens.colors.text.tertiary }}>Coverage</div>\n        </div>\n      </div>\n\n      {/* Position info - Astro: Sentence-case, tabular numbers */}\n      {!compact && (\n        <div style={{\n          marginTop: tokens.spacing.md,\n          paddingTop: tokens.spacing.md,\n          borderTop: `1px solid ${tokens.colors.border.muted}`,\n          fontSize: tokens.typography.fontSize.xs,\n        }}>\n          <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n            <span style={{ color: tokens.colors.text.tertiary }}>Nadir point</span>\n            <span style={{ \n              fontFamily: tokens.typography.fontFamily.mono, \n              color: tokens.colors.text.secondary,\n              fontVariantNumeric: 'tabular-nums',\n            }}>\n              {Math.abs(latitude ?? 0).toFixed(2)}°{(latitude ?? 0) >= 0 ? 'N' : 'S'}, \n              {Math.abs(longitude ?? 0).toFixed(2)}°{(longitude ?? 0) >= 0 ? 'E' : 'W'}\n            </span>\n          </div>\n          <div style={{ \n            display: 'flex', \n            justifyContent: 'space-between', \n            marginTop: tokens.spacing.xs,\n          }}>\n            <span style={{ color: tokens.colors.text.tertiary }}>Altitude</span>\n            <span style={{ \n              fontFamily: tokens.typography.fontFamily.mono, \n              color: tokens.colors.text.secondary,\n              fontVariantNumeric: 'tabular-nums',\n            }}>\n              {(altitudeKm ?? 0).toFixed(1)} km\n            </span>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\n\n\n\n"],"names":["SensorFootprintCard"],"mappings":"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"}