| {ROW_LABELS[i]} | - {row.map((id, j) => ( -
- 
- |
- ))}
-
| {ROW_LABELS[i]} | + {row.map((id, j) => ( +
+
+ |
+ ))}
+
-
- )}
-
- );
+ const [open, setOpen] = useState(false);
+ const trigger = abilities[0]?.[0];
+ if (!trigger) return null;
+ return (
+ // biome-ignore lint/a11y/noStaticElementInteractions: hover-dismiss only; the button inside is the interactive element
+ setOpen(false)}>
+
+ {open && (
+
+
+ )}
+
+ );
}
diff --git a/app/features/cv/components/App.tsx b/app/features/cv/components/App.tsx
index 0fc8cf8cb..943fe27d6 100644
--- a/app/features/cv/components/App.tsx
+++ b/app/features/cv/components/App.tsx
@@ -7,71 +7,74 @@ import { VodPage } from "./VodPage";
import "./styles.css";
function useHashRoute(): string {
- const [hash, setHash] = useState(() => window.location.hash);
- useEffect(() => {
- const onChange = () => setHash(window.location.hash);
- window.addEventListener("hashchange", onChange);
- return () => window.removeEventListener("hashchange", onChange);
- }, []);
- return hash;
+ const [hash, setHash] = useState(() => window.location.hash);
+ useEffect(() => {
+ const onChange = () => setHash(window.location.hash);
+ window.addEventListener("hashchange", onChange);
+ return () => window.removeEventListener("hashchange", onChange);
+ }, []);
+ return hash;
}
/** The sendou.ink login, from the root loader's user context. */
function SendouLogin({ user }: { user: SendouUser | null }) {
- return (
-
- {user ? (
-
- {user.username}
-
- ) : (
- Log in
- )}
-
- );
+ return (
+
+ {user ? (
+
+ {user.username}
+
+ ) : (
+ Log in
+ )}
+
+ );
}
export function App() {
- const route = useHashRoute();
- const rootUser = useUser();
- const sendouUser: SendouUser | null = rootUser
- ? { id: rootUser.id, username: rootUser.username }
- : null;
+ const route = useHashRoute();
+ const rootUser = useUser();
+ const sendouUser: SendouUser | null = rootUser
+ ? { id: rootUser.id, username: rootUser.username }
+ : null;
- const page = route.startsWith("#/screenshot") ? (
-
-
- );
+ const page = route.startsWith("#/screenshot") ? (
+
-
-
- {page}
-
-
-
-
- CV
-
+
+ );
}
diff --git a/app/features/cv/components/DeathCard.tsx b/app/features/cv/components/DeathCard.tsx
index 27b6ca3eb..66fa6fb3f 100644
--- a/app/features/cv/components/DeathCard.tsx
+++ b/app/features/cv/components/DeathCard.tsx
@@ -6,51 +6,63 @@ import { formatTime } from "./format";
import { weaponLabel } from "./labels";
export function DeathCard(props: {
- t: number;
- confidence: number;
- data: DeathData;
- thumbnail?: string;
- detectedAt?: number;
- /** lazy loader for the exact analyzed frame — enables fixture export */
- getFrame?: () => Promise
+
+
+ {page}
+
+
+
+
+ CV
+
-
- );
+ const { t, confidence, data, thumbnail, detectedAt, getFrame, onInspect } =
+ props;
+ const weaponName = weaponLabel(data.weaponType, data.weaponId);
+ return (
+
- t={formatTime(t)}
- death
-
- splatted by {weaponName ?? "?"}
- {data.name && <> ({data.name})}
-
- confidence {(confidence * 100).toFixed(0)}%
- {detectedAt && {new Date(detectedAt).toLocaleTimeString()}}
- {onInspect && }
- {getFrame && (
-
- )}
- {thumbnail && 
}
-
-
-
-
- {data.weaponId !== null && data.weaponType === "MAIN" && (
- 
- )}
-
-
- )}
-
+
+ );
}
diff --git a/app/features/cv/components/EventCard.tsx b/app/features/cv/components/EventCard.tsx
index 68efd2786..799baa661 100644
--- a/app/features/cv/components/EventCard.tsx
+++ b/app/features/cv/components/EventCard.tsx
@@ -7,13 +7,22 @@
*/
import type { PlayerAbilityMap } from "../core/ability-harvest";
-import { DEATH_EVENT_TYPE, type DeathData } from "../core/detectors/death/index";
-import { MAP_START_EVENT_TYPE, type MapStartData } from "../core/detectors/map-start/index";
-import { MINIMAP_EVENT_TYPE, type MinimapData } from "../core/detectors/minimap/index";
+import {
+ DEATH_EVENT_TYPE,
+ type DeathData,
+} from "../core/detectors/death/index";
+import {
+ MAP_START_EVENT_TYPE,
+ type MapStartData,
+} from "../core/detectors/map-start/index";
+import {
+ MINIMAP_EVENT_TYPE,
+ type MinimapData,
+} from "../core/detectors/minimap/index";
import type { ScoreboardData } from "../core/detectors/scoreboard/index";
import {
- SCOREBOARD_OWN_EVENT_TYPE,
- type ScoreboardOwnData,
+ SCOREBOARD_OWN_EVENT_TYPE,
+ type ScoreboardOwnData,
} from "../core/detectors/scoreboard-own/index";
import type { SendStatus } from "../store/events";
import { DeathCard } from "./DeathCard";
@@ -27,92 +36,102 @@ import { setScreenshotFrame } from "./screenshot-handoff";
export type GetFrame = () => Promise
+ t={formatTime(t)}
+ death
+
+ splatted by {weaponName ?? "?"}
+ {data.name && <> ({data.name})}
+
+ confidence {(confidence * 100).toFixed(0)}%
+ {detectedAt && {new Date(detectedAt).toLocaleTimeString()}}
+ {onInspect && (
+
+ )}
+ {getFrame && (
+
+ )}
+ {thumbnail && (
+
+ )}
+
+
+
+
+ {data.weaponId !== null && data.weaponType === "MAIN" && (
+
+ )}
+
+
+ )}
+
- {card}
-
- );
+ const card = renderCard(type, data, shared, props.abilities);
+ if (!props.send && !props.onSend) return card;
+ return (
+
+ {card}
+
+ );
}
const SEND_LABELS: Record
-
- sendou.ink: {state ? SEND_LABELS[state] : "not sent"}
- {state === "sent" && send && ` ${new Date(send.at).toLocaleTimeString()}`}
-
- {send?.error && {send.error}}
- {onSend && state !== "sent" && state !== "sending" && (
-
- )}
-
- );
+function SendStrip({
+ send,
+ onSend,
+}: {
+ send?: SendStatus;
+ onSend?: () => void;
+}) {
+ const state = send?.state;
+ return (
+
+
+ sendou.ink: {state ? SEND_LABELS[state] : "not sent"}
+ {state === "sent" &&
+ send &&
+ ` ${new Date(send.at).toLocaleTimeString()}`}
+
+ {send?.error && {send.error}}
+ {onSend && state !== "sent" && state !== "sending" && (
+
+ )}
+
+ );
}
function renderCard(
- type: string,
- data: FixtureData,
- shared: {
- t: number;
- confidence: number;
- thumbnail?: string;
- detectedAt?: number;
- getFrame?: GetFrame;
- onInspect?: () => void;
- },
- abilities?: PlayerAbilityMap,
+ type: string,
+ data: FixtureData,
+ shared: {
+ t: number;
+ confidence: number;
+ thumbnail?: string;
+ detectedAt?: number;
+ getFrame?: GetFrame;
+ onInspect?: () => void;
+ },
+ abilities?: PlayerAbilityMap,
) {
- return type === DEATH_EVENT_TYPE ? (
-
-
- );
+ return (
+
- {!running ? (
-
- ) : (
-
- )}
-
-
- {status}
- {gateScore !== null && ` · gate ${gateScore.toFixed(2)}`}
-
-
-
-
-
- {SENDOU_UPLOAD_ENABLED && (
-
-
-
- {liveSend && sending matches live}
-
- )}
- {error && {error}
} - {sendouError &&{sendouError}
} -
-
-
-
- {feed.length === 0 && loadEventFrame(e.id!) : undefined}
- send={e.send}
- onSend={
- SENDOU_UPLOAD_ENABLED &&
- sendouUser &&
- e.id !== undefined &&
- INGESTABLE_TYPES.includes(e.type)
- ? () => void send(batchContaining(e.id!), { manual: true })
- : undefined
- }
- />
- ))}
-
- No detections yet.
} - {feed.map((e) => ( -
+
+ );
}
diff --git a/app/features/cv/components/MapStartCard.tsx b/app/features/cv/components/MapStartCard.tsx
index ff2b3c915..227d7fe50 100644
--- a/app/features/cv/components/MapStartCard.tsx
+++ b/app/features/cv/components/MapStartCard.tsx
@@ -4,38 +4,48 @@ import { formatTime } from "./format";
import { modeLabel, stageLabel } from "./labels";
export function MapStartCard(props: {
- t: number;
- confidence: number;
- data: MapStartData;
- thumbnail?: string;
- detectedAt?: number;
- /** lazy loader for the exact analyzed frame — enables fixture export */
- getFrame?: () => Promise
+ {!running ? (
+
+ ) : (
+
+ )}
+
+
+ {status}
+ {gateScore !== null && ` · gate ${gateScore.toFixed(2)}`}
+
+
+
+
+
+ {SENDOU_UPLOAD_ENABLED && (
+
+
+
+ {liveSend && (
+ sending matches live
+ )}
+
+ )}
+ {error && {error}
} + {sendouError &&{sendouError}
} +
+
+
+
+ {feed.length === 0 && loadEventFrame(e.id!)
+ : undefined
+ }
+ send={e.send}
+ onSend={
+ SENDOU_UPLOAD_ENABLED &&
+ sendouUser &&
+ e.id !== undefined &&
+ INGESTABLE_TYPES.includes(e.type)
+ ? () => void send(batchContaining(e.id!), { manual: true })
+ : undefined
+ }
+ />
+ ))}
+
+ No detections yet.
} + {feed.map((e) => ( +
-
- );
+ const { t, confidence, data, thumbnail, detectedAt, getFrame, onInspect } =
+ props;
+ return (
+
- t={formatTime(t)}
- map start
-
- {modeLabel(data.mode) ?? "?"} · {stageLabel(data.stage) ?? "?"}
-
- confidence {(confidence * 100).toFixed(0)}%
- {detectedAt && {new Date(detectedAt).toLocaleTimeString()}}
- {onInspect && }
- {getFrame && (
-
- )}
- {thumbnail && }
-
-
+
+ );
}
diff --git a/app/features/cv/components/MinimapCard.tsx b/app/features/cv/components/MinimapCard.tsx
index ebd0a0698..0382c7c22 100644
--- a/app/features/cv/components/MinimapCard.tsx
+++ b/app/features/cv/components/MinimapCard.tsx
@@ -1,105 +1,121 @@
import { CV_ASSETS_URL } from "~/utils/urls";
import type {
- MinimapData,
- MinimapEnemy,
- MinimapTeammate,
+ MinimapData,
+ MinimapEnemy,
+ MinimapTeammate,
} from "../core/detectors/minimap/index";
import { saveFixtureFromEvent } from "./fixture-export";
import { formatTime } from "./format";
import { mainWeaponLabel, stageLabel } from "./labels";
function AbilityRow({ abilities }: { abilities: (string | null)[] }) {
- return (
- <>
- {abilities.map((id, i) =>
- id ? (
-
+ t={formatTime(t)}
+ map start
+
+ {modeLabel(data.mode) ?? "?"} · {stageLabel(data.stage) ?? "?"}
+
+ confidence {(confidence * 100).toFixed(0)}%
+ {detectedAt && {new Date(detectedAt).toLocaleTimeString()}}
+ {onInspect && (
+
+ )}
+ {getFrame && (
+
+ )}
+ {thumbnail && (
+
+ )}
+
+
- ) : (
-
- ?
-
- ),
- )}
-
- );
+ return (
+ <>
+ {abilities.map((id, i) =>
+ id ? (
+
+ ) : (
+
+ ?
+
+ ),
+ )}
+
+ );
}
-function PlayerRow({ label, player }: { label: string; player: MinimapTeammate | MinimapEnemy }) {
- return (
- 
- ) : (
- "?"
- )}
-
+ ) : (
+ "?"
+ )}
+
-
- );
+ const { t, confidence, data, thumbnail, detectedAt, getFrame, onInspect } =
+ props;
+ return (
+
- t={formatTime(t)}
- minimap
- {data.stage !== null && {stageLabel(data.stage)}}
- confidence {(confidence * 100).toFixed(0)}%
- {detectedAt && {new Date(detectedAt).toLocaleTimeString()}}
- {onInspect && }
- {getFrame && (
-
- )}
- {thumbnail && }
-
-
-
-
-
-
- {data.teammates.map((p) => (
-
-
-
+
+ );
}
diff --git a/app/features/cv/components/ScoreboardCard.tsx b/app/features/cv/components/ScoreboardCard.tsx
index 65fd101a1..fe54712e3 100644
--- a/app/features/cv/components/ScoreboardCard.tsx
+++ b/app/features/cv/components/ScoreboardCard.tsx
@@ -1,6 +1,9 @@
import { CV_ASSETS_URL } from "~/utils/urls";
import type { PlayerAbilityMap } from "../core/ability-harvest";
-import type { ScoreboardData, ScoreboardPlayer } from "../core/detectors/scoreboard/index";
+import type {
+ ScoreboardData,
+ ScoreboardPlayer,
+} from "../core/detectors/scoreboard/index";
import { SCOREBOARD_REPLAY_EVENT_TYPE } from "../core/detectors/scoreboard-replay/index";
import { AbilityPopover } from "./AbilityGrid";
import { type CardData, saveFixtureFromEvent } from "./fixture-export";
@@ -8,110 +11,131 @@ import { formatTime } from "./format";
import { lobbyLabel, modeLabel, stageLabel } from "./labels";
function PlayerRows({
- players,
- offset,
- abilities,
+ players,
+ offset,
+ abilities,
}: {
- players: ScoreboardPlayer[];
- /** index of the first row within the full 8-player list */
- offset: number;
- abilities?: PlayerAbilityMap;
+ players: ScoreboardPlayer[];
+ /** index of the first row within the full 8-player list */
+ offset: number;
+ abilities?: PlayerAbilityMap;
}) {
- return (
-
+ t={formatTime(t)}
+ minimap
+ {data.stage !== null && {stageLabel(data.stage)}}
+ confidence {(confidence * 100).toFixed(0)}%
+ {detectedAt && {new Date(detectedAt).toLocaleTimeString()}}
+ {onInspect && (
+
+ )}
+ {getFrame && (
+
+ )}
+ {thumbnail && (
+
+ )}
+
+
+
+
+
+
+ {data.teammates.map((p) => (
+
+
+
-
- {p.weaponId !== null && (
- 
- )}
- {abilities?.has(offset + i) && (
- |
- {p.name || "?"} | -{p.paint ?? "?"}p | -- {p.ka ?? "?"}/{p.d ?? "?"}/{p.s ?? "?"} - | -
|
+
+ {p.weaponId !== null && (
+
+ )}
+ {abilities?.has(offset + i) && (
+ |
+ {p.name || "?"} | +{p.paint ?? "?"}p | ++ {p.ka ?? "?"}/{p.d ?? "?"}/{p.s ?? "?"} + | +
-
- );
+ const { t, confidence, thumbnail, detectedAt, getFrame, onInspect } = props;
+ const eventType = props.eventType ?? "Scoreboard";
+ const data = props.data as CardData;
+ const isReplay = eventType === SCOREBOARD_REPLAY_EVENT_TYPE;
+ return (
+
- t={formatTime(t)}
- {isReplay && replay}
- {(data.mode !== null || data.stage !== null) && (
-
- {[lobbyLabel(data.lobby), modeLabel(data.mode), stageLabel(data.stage)]
- .filter(Boolean)
- .join(" · ")}
-
- )}
- {data.timestamp && {data.timestamp}}
- {data.replayCode && {data.replayCode}}
- confidence {(confidence * 100).toFixed(0)}%
- {detectedAt && {new Date(detectedAt).toLocaleTimeString()}}
- {onInspect && }
- {getFrame && (
-
- )}
- {thumbnail && }
-
-
-
-
-
- {teamHeading("Victory", data, 0)}
-
-
- {teamHeading("Defeat", data, 1)}
-
+
+ );
}
diff --git a/app/features/cv/components/ScoreboardOwnCard.tsx b/app/features/cv/components/ScoreboardOwnCard.tsx
index 96b85efbb..2eb875422 100644
--- a/app/features/cv/components/ScoreboardOwnCard.tsx
+++ b/app/features/cv/components/ScoreboardOwnCard.tsx
@@ -6,56 +6,70 @@ import { formatTime } from "./format";
import { lobbyLabel, mainWeaponLabel, modeLabel, stageLabel } from "./labels";
export function ScoreboardOwnCard(props: {
- t: number;
- confidence: number;
- data: ScoreboardOwnData;
- thumbnail?: string;
- detectedAt?: number;
- /** lazy loader for the exact analyzed frame — enables fixture export */
- getFrame?: () => Promise
+ t={formatTime(t)}
+ {isReplay && replay}
+ {(data.mode !== null || data.stage !== null) && (
+
+ {[
+ lobbyLabel(data.lobby),
+ modeLabel(data.mode),
+ stageLabel(data.stage),
+ ]
+ .filter(Boolean)
+ .join(" · ")}
+
+ )}
+ {data.timestamp && {data.timestamp}}
+ {data.replayCode && {data.replayCode}}
+ confidence {(confidence * 100).toFixed(0)}%
+ {detectedAt && {new Date(detectedAt).toLocaleTimeString()}}
+ {onInspect && (
+
+ )}
+ {getFrame && (
+
+ )}
+ {thumbnail && (
+
+ )}
+
+
+
+
+
+ {teamHeading("Victory", data, 0)}
+
+
+ {teamHeading("Defeat", data, 1)}
+
-
- );
+ const { t, confidence, data, thumbnail, detectedAt, getFrame, onInspect } =
+ props;
+ return (
+
- t={formatTime(t)}
- own results
-
- {[lobbyLabel(data.lobby), modeLabel(data.mode), stageLabel(data.stage)]
- .map((v) => v ?? "?")
- .join(" · ")}
-
-
- weapon {mainWeaponLabel(data.weaponId) ?? "?"}
-
- confidence {(confidence * 100).toFixed(0)}%
- {detectedAt && {new Date(detectedAt).toLocaleTimeString()}}
- {onInspect && }
- {getFrame && (
-
- )}
- {thumbnail && }
-
-
-
-
- {data.weaponId !== null && (
-
- )}
-
-
- )}
-
+
+ );
}
diff --git a/app/features/cv/components/ScreenshotPage.tsx b/app/features/cv/components/ScreenshotPage.tsx
index f736223ad..9c2da8b09 100644
--- a/app/features/cv/components/ScreenshotPage.tsx
+++ b/app/features/cv/components/ScreenshotPage.tsx
@@ -1,5 +1,5 @@
-import { CV_ASSETS_URL } from "~/utils/urls";
import { useCallback, useEffect, useRef, useState } from "react";
+import { CV_ASSETS_URL } from "~/utils/urls";
import { CANONICAL_HEIGHT, CANONICAL_WIDTH, type Roi } from "../core/canonical";
import type { DeathData } from "../core/detectors/death/index";
import * as death from "../core/detectors/death/rois";
@@ -16,503 +16,580 @@ import type { DetectedEvent } from "../core/detectors/types";
import { AnalyzerClient } from "../worker/client";
import type { WorkerResponse } from "../worker/protocol";
import { downloadEventsCsv } from "./events-csv";
-import { lobbyLabel, mainWeaponLabel, modeLabel, stageLabel, weaponLabel } from "./labels";
import { type CardData, downloadExpectedJson } from "./fixture-export";
+import {
+ lobbyLabel,
+ mainWeaponLabel,
+ modeLabel,
+ stageLabel,
+ weaponLabel,
+} from "./labels";
import { takeScreenshotFrame } from "./screenshot-handoff";
type Result = Extract
+ t={formatTime(t)}
+ own results
+
+ {[
+ lobbyLabel(data.lobby),
+ modeLabel(data.mode),
+ stageLabel(data.stage),
+ ]
+ .map((v) => v ?? "?")
+ .join(" · ")}
+
+
+ weapon {mainWeaponLabel(data.weaponId) ?? "?"}
+
+ confidence {(confidence * 100).toFixed(0)}%
+ {detectedAt && {new Date(detectedAt).toLocaleTimeString()}}
+ {onInspect && (
+
+ )}
+ {getFrame && (
+
+ )}
+ {thumbnail && (
+
+ )}
+
+
+
+
+ {data.weaponId !== null && (
+
+ )}
+
+
+ )}
+
-
+
+
+ )}
+
+ );
}
diff --git a/app/features/cv/components/VodPage.tsx b/app/features/cv/components/VodPage.tsx
index b90bca280..84bcf03ad 100644
--- a/app/features/cv/components/VodPage.tsx
+++ b/app/features/cv/components/VodPage.tsx
@@ -13,17 +13,18 @@
* (src/store/vods.ts); the default view lists them for reinspection.
*/
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Link } from "react-router";
import { openVodScan } from "../capture/vod-frames";
import { connectAbilities } from "../core/ability-harvest";
import type { DetectedEvent } from "../core/detectors/types";
import { TimelineBuilder } from "../core/timeline/index";
import {
- deleteVod,
- listVods,
- loadVodEventFrame,
- loadVodEvents,
- saveVod,
- type VodSummary,
+ deleteVod,
+ listVods,
+ loadVodEventFrame,
+ loadVodEvents,
+ saveVod,
+ type VodSummary,
} from "../store/vods";
import { AnalyzerPool, defaultPoolSize } from "../worker/pool";
import { EventCard, type GetFrame } from "./EventCard";
@@ -31,8 +32,11 @@ import { downloadEventsCsv } from "./events-csv";
import type { FixtureData } from "./fixture-export";
import { SENDOU_UPLOAD_ENABLED } from "./flags";
import { formatTime } from "./format";
-import { countIngestBatches, type SendouUser, sendVodResults } from "./sendou-ingest";
-import { Link } from "react-router";
+import {
+ countIngestBatches,
+ type SendouUser,
+ sendVodResults,
+} from "./sendou-ingest";
import { sendouUpload } from "./sendou-upload";
import { thumbnailFromBlob } from "./thumbnail";
@@ -50,475 +54,515 @@ const MAX_ANALYSIS_GAP_SECONDS = 0.25;
type Status = "idle" | "scanning" | "done" | "error";
interface VodMatch {
- event: DetectedEvent {
- e.preventDefault();
- setOver(true);
- }}
- onDragLeave={() => setOver(false)}
- onDrop={(e) => {
- e.preventDefault();
- setOver(false);
- const file = e.dataTransfer.files[0];
- if (file) void analyze(file);
- }}
- >
- Drop a frame (PNG/JPEG) here, or{" "}
-
- {busy && " — analyzing…"}
-
- {error && {error}
} + return ( +
+ {/* biome-ignore lint/a11y/noStaticElementInteractions: drag-and-drop target; the file input inside is the accessible path */}
+
-
-
- )}
-
- );
+ {frame && event && !isDeath && !isMapStart && !isOwn && (
+ {
+ e.preventDefault();
+ setOver(true);
+ }}
+ onDragLeave={() => setOver(false)}
+ onDrop={(e) => {
+ e.preventDefault();
+ setOver(false);
+ const file = e.dataTransfer.files[0];
+ if (file) void analyze(file);
+ }}
+ >
+ Drop a frame (PNG/JPEG) here, or{" "}
+
+ {busy && " — analyzing…"}
+
+ {error && {error}
} -
-
-
+
+
+
- {frame && !busy && (
- - {" "} - -
- )} + {frame && !busy && ( ++ {" "} + +
+ )} - {Object.values(results).map((result) => ( -- {result.detector} gate: {result.gate.pass ? "fired" : "no fire"} (score{" "} - {result.gate.score.toFixed(3)}) - {result.events[0] && result.detector === "death" && ( - <> - {" · "}confidence {((result.events[0].confidence ?? 0) * 100).toFixed(1)}%{" · "} - {(() => { - const data = result.events[0].data as DeathData; - return `splatted by ${weaponLabel(data.weaponType, data.weaponId) ?? "?"} (${data.name ?? "?"})`; - })()} - - )} - {result.events[0] && result.detector === "map-start" && ( - <> - {" · "}confidence {((result.events[0].confidence ?? 0) * 100).toFixed(1)}%{" · "} - {(() => { - const data = result.events[0].data as MapStartData; - return `${modeLabel(data.mode) ?? "?"} · ${stageLabel(data.stage) ?? "?"}`; - })()} - - )} - {result.events[0] && result.detector === "scoreboard-own" && ( - <> - {" · "}confidence {((result.events[0].confidence ?? 0) * 100).toFixed(1)}%{" · "} - {(() => { - const data = result.events[0].data as ScoreboardOwnData; - return `${[lobbyLabel(data.lobby), modeLabel(data.mode), stageLabel(data.stage)].map((v) => v ?? "?").join(" · ")} · ${mainWeaponLabel(data.weaponId) ?? "?"}`; - })()} - - )} - {result.events[0] && result.detector === "minimap" && ( - <> - {" · "}confidence {((result.events[0].confidence ?? 0) * 100).toFixed(1)}%{" · "} - {(() => { - const data = result.events[0].data as MinimapData; - const players = data.teammates.map((p) => p.name ?? "?").join(", "); - return `${data.stage ?? "?"} · ${players}`; - })()} - - )} - {result.events[0] && - result.detector !== "death" && - result.detector !== "map-start" && - result.detector !== "scoreboard-own" && - result.detector !== "minimap" && ( - <> - {" · "}confidence {((result.events[0].confidence ?? 0) * 100).toFixed(1)}% · scores{" "} - {JSON.stringify((result.events[0].data as CardData).scores)} - {" · "} - {(() => { - const data = result.events[0].data as CardData; - return [lobbyLabel(data.lobby), modeLabel(data.mode), stageLabel(data.stage)] - .map((v) => v ?? "?") - .join(" · "); - })()} - - )} -
- ))} + {Object.values(results).map((result) => ( ++ {result.detector} gate:{" "} + {result.gate.pass ? "fired" : "no fire"} (score{" "} + {result.gate.score.toFixed(3)}) + {result.events[0] && result.detector === "death" && ( + <> + {" · "}confidence{" "} + {((result.events[0].confidence ?? 0) * 100).toFixed(1)}%{" · "} + {(() => { + const data = result.events[0].data as DeathData; + return `splatted by ${weaponLabel(data.weaponType, data.weaponId) ?? "?"} (${data.name ?? "?"})`; + })()} + + )} + {result.events[0] && result.detector === "map-start" && ( + <> + {" · "}confidence{" "} + {((result.events[0].confidence ?? 0) * 100).toFixed(1)}%{" · "} + {(() => { + const data = result.events[0].data as MapStartData; + return `${modeLabel(data.mode) ?? "?"} · ${stageLabel(data.stage) ?? "?"}`; + })()} + + )} + {result.events[0] && result.detector === "scoreboard-own" && ( + <> + {" · "}confidence{" "} + {((result.events[0].confidence ?? 0) * 100).toFixed(1)}%{" · "} + {(() => { + const data = result.events[0].data as ScoreboardOwnData; + return `${[lobbyLabel(data.lobby), modeLabel(data.mode), stageLabel(data.stage)].map((v) => v ?? "?").join(" · ")} · ${mainWeaponLabel(data.weaponId) ?? "?"}`; + })()} + + )} + {result.events[0] && result.detector === "minimap" && ( + <> + {" · "}confidence{" "} + {((result.events[0].confidence ?? 0) * 100).toFixed(1)}%{" · "} + {(() => { + const data = result.events[0].data as MinimapData; + const players = data.teammates + .map((p) => p.name ?? "?") + .join(", "); + return `${data.stage ?? "?"} · ${players}`; + })()} + + )} + {result.events[0] && + result.detector !== "death" && + result.detector !== "map-start" && + result.detector !== "scoreboard-own" && + result.detector !== "minimap" && ( + <> + {" · "}confidence{" "} + {((result.events[0].confidence ?? 0) * 100).toFixed(1)}% · + scores{" "} + {JSON.stringify((result.events[0].data as CardData).scores)} + {" · "} + {(() => { + const data = result.events[0].data as CardData; + return [ + lobbyLabel(data.lobby), + modeLabel(data.mode), + stageLabel(data.stage), + ] + .map((v) => v ?? "?") + .join(" · "); + })()} + + )} +
+ ))} - {frame && event && isReplay && ( -
- timestamp {event.data.timestamp ?? "?"}
- {" · "}code {event.data.replayCode ?? "?"}{" "}
- (raw: {String(event.debug?.codeRaw ?? "")})
- {" · "}match scores {JSON.stringify(event.data.matchScores)}
- {" · "}winner panel {winnerSide}
-
-
+ timestamp {event.data.timestamp ?? "?"}
+ {" · "}code {event.data.replayCode ?? "?"}{" "}
+
+ (raw: {String(event.debug?.codeRaw ?? "")})
+
+ {" · "}match scores {JSON.stringify(event.data.matchScores)}
+ {" · "}winner panel {winnerSide}
+
+
- {(() => {
- const data = event.data as unknown as DeathData;
- return (
- <>
- weapon {weaponLabel(data.weaponType, data.weaponId) ?? "?"}{" "}
- (raw: {String(event.debug?.weaponRaw ?? "")})
- {" · "}name {data.name ?? "?"}{" "}
- (raw: {String(event.debug?.nameRaw ?? "")})
- {" · "}abilities {data.abilities.map((row) => row.join(" ")).join(" | ")}
-
-
+ {(() => {
+ const data = event.data as unknown as DeathData;
+ return (
+ <>
+ weapon{" "}
+ {weaponLabel(data.weaponType, data.weaponId) ?? "?"}{" "}
+
+ (raw: {String(event.debug?.weaponRaw ?? "")})
+
+ {" · "}name {data.name ?? "?"}{" "}
+
+ (raw: {String(event.debug?.nameRaw ?? "")})
+
+ {" · "}abilities{" "}
+ {data.abilities.map((row) => row.join(" ")).join(" | ")}
+
+
- {(() => {
- const data = event.data as unknown as MapStartData;
- return (
- <>
- mode {modeLabel(data.mode) ?? "?"}{" "}
- (raw: {String(event.debug?.modeReading ?? "")})
- {" · "}stage {stageLabel(data.stage) ?? "?"}{" "}
- (raw: {String(event.debug?.stageReading ?? "")})
-
-
+ {(() => {
+ const data = event.data as unknown as MapStartData;
+ return (
+ <>
+ mode {modeLabel(data.mode) ?? "?"}{" "}
+
+ (raw: {String(event.debug?.modeReading ?? "")})
+
+ {" · "}stage {stageLabel(data.stage) ?? "?"}{" "}
+
+ (raw: {String(event.debug?.stageReading ?? "")})
+
+
+
- {(() => {
- const data = event.data as unknown as ScoreboardOwnData;
- return (
- <>
- weapon {mainWeaponLabel(data.weaponId) ?? "?"}{" "}
- (raw: {String(event.debug?.weaponReading ?? "")})
- {" · "}abilities {data.abilities.map((row) => row.join(" ")).join(" | ")}
-
-
+ {(() => {
+ const data = event.data as unknown as ScoreboardOwnData;
+ return (
+ <>
+ weapon {mainWeaponLabel(data.weaponId) ?? "?"}{" "}
+
+ (raw: {String(event.debug?.weaponReading ?? "")})
+
+ {" · "}abilities{" "}
+ {data.abilities.map((row) => row.join(" ")).join(" | ")}
+
+
| row | -weapon crop | -top candidates | -name | -paint | -stats (splats / deaths / specials) | -
|---|---|---|---|---|---|
| {i} | -
- |
-
-
- {dbg?.weapon?.top.map((c) => (
-
-
- 
- {c.id}
- {c.score.toFixed(3)}
-
- ))}
- |
-
- |
-
- |
-
-
- {([0, 1, 2] as const).map((s) => (
-
-
- |
-
| row | +weapon crop | +top candidates | +name | +paint | +stats (splats / deaths / specials) | +
|---|---|---|---|---|---|
| {i} | +
+ |
+
+
+ {dbg?.weapon?.top.map((c) => (
+
+
+
+ {c.id}
+ {c.score.toFixed(3)}
+
+ ))}
+ |
+
+ |
+
+ |
+
+
+ {([0, 1, 2] as const).map((s) => (
+
+
+ |
+