more tweakings

2026-09-16 01:21:20 -04:00 · 2026-01-25 03:18:50 -05:00
parent 522ec335bf
commit b6b1bee1dd
6 changed files with 74 additions and 50 deletions
@@ -11,8 +11,8 @@
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
    <title>Multi Roomba Rover</title>
-    <script type="module" crossorigin src="/assets/index-CMKeP3f0.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-IVmd34AU.css">
+    <script type="module" crossorigin src="/assets/index-DefZtORt.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Bg0Bo3-n.css">
  </head>
  <body>
    <div id="root"></div>
@@ -633,7 +633,27 @@ function HudOverlay({
      ['Charge', sensors?.batteryChargeMah != null ? `${sensors.batteryChargeMah}` : '--'],
      ['OI', sensors?.oiMode?.label || '--'],
    ];
+    const docked = Boolean(sensors?.chargingSources?.homeBase);
+    const chargingLabel = sensors?.chargingState?.label || '';
+    const charging = Boolean(chargingLabel && chargingLabel.toLowerCase() !== 'not charging');
+    const oiLabel = sensors?.oiMode?.label || 'Unknown';
+    const oiNormalized = oiLabel.toLowerCase();
+    const oiTone =
+      oiNormalized === 'full'
+        ? 'bg-emerald-500/80 text-emerald-50'
+        : oiNormalized === 'safe'
+          ? 'bg-amber-400/80 text-amber-950'
+          : oiNormalized === 'passive'
+            ? 'bg-slate-700/80 text-slate-100'
+            : 'bg-slate-700/60 text-slate-200';
+    const dockTone = docked ? 'bg-emerald-500/80 text-emerald-50' : 'bg-slate-700/70 text-slate-200';
+    const chargingTone = charging
+      ? 'bg-emerald-500/80 text-emerald-50'
+      : docked
+        ? 'bg-amber-400/80 text-amber-950'
+        : 'bg-slate-700/70 text-slate-200';
    return (
+      <>
        <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
        <div className={`absolute ${statusPosClass} font-medium text-slate-100 ${statusTextClass}`}>
          <div className="flex flex-col gap-0.5 leading-none">
@@ -645,9 +665,18 @@ function HudOverlay({
            className={`absolute ${telemetryPosClass} flex -translate-y-1/2 flex-col gap-0.5 bg-black/70 text-slate-100 ${statusTextClass} ${statusPadClass}`}
          >
            <div className="space-y-0.5 leading-tight">
-            <span className={`${isMobile ? 'text-[0.45rem]' : 'text-[0.6rem]'} uppercase tracking-wide text-slate-400`}>
-              Telemetry
+              <div className="flex flex-col gap-0.5 text-[0.75rem] font-semibold uppercase tracking-wide">
+                <span className={`rounded px-1.5 py-0.5 ${dockTone}`}>{docked ? 'Docked' : 'Undocked'}</span>
+                <span className={`rounded px-1.5 py-0.5 ${chargingTone}`}>
+                  {charging ? 'Charging' : docked ? 'Not charging' : 'Not charging'}
                </span>
+                <span className={`rounded px-1.5 py-0.5 ${oiTone}`}>OI: {oiLabel}</span>
+              </div>
+              {/* <span
+                className={`${isMobile ? 'text-[0.45rem]' : 'text-[0.6rem]'} uppercase tracking-wide text-slate-400`}
+              >
+                Telemetry
+              </span> */}
              {telemetryEntries.map(([labelText, value]) => (
                <span key={labelText} className="flex items-center justify-between gap-0.5">
                  <span className="text-slate-400">{labelText}</span>
@@ -655,22 +684,6 @@ function HudOverlay({
                </span>
              ))}
            </div>
-          {showTopDown ? (
-            <div className="flex items-center justify-center pt-0.25">
-              <div
-                className="pointer-events-none rounded"
-                style={{
-                  width: isMobile ? '110px' : '130px',
-                  height: isMobile ? '110px' : '130px',
-                  opacity: isMobile ? 0.85 : 0.9,
-                  transform: isMobile ? 'scale(0.7)' : 'scale(0.85)',
-                  transformOrigin: 'top left',
-                }}
-              >
-                <TopDownMap sensors={sensors} size={isMobile ? 160 : 160} overlay />
-              </div>
-            </div>
-          ) : null}
          </div>

          <div className={`absolute ${labelPosClass} left-1/2`} style={labelWrapperStyle}>
@@ -682,6 +695,17 @@ function HudOverlay({
            </div>
          </div>
        </div>
+        {showTopDown ? (
+          <div
+            className="pointer-events-none absolute rounded"
+            style={{
+              ...mapStyle,
+            }}
+          >
+            <TopDownMap sensors={sensors} size={240} overlay />
+          </div>
+        ) : null}
+      </>
    );
  }

@@ -69,7 +69,7 @@ function RoverSpectatorCard({ rover, frame, snapshotFeed, audioInfo, session })
          hudVariant="spectator"
          driverLabel={driverLabel}
          hudForceMap
-          hudMapPosition="bottom-left"
+          hudMapPosition="top-center"
        />
      </div>
    </article>