show escrow accounts

src/components/replay-viewer.tsx

@@ -353,13 +353,15 @@ export function ReplayViewer({
   const [dragOver, setDragOver] = useState(false);
 
   const canvasRef = useRef<HTMLCanvasElement>(null);
-  const cutsRef = useRef<number[]>([]);
+  const cutsRef = useRef<number[]>(
+    initialReplay ? discontinuityTimes(initialReplay.events) : [],
+  );
   const timeRef = useRef(0);
   const playingRef = useRef(false);
   const speedRef = useRef(1);
   const lastTsRef = useRef<number | null>(null);
   const eventCursorRef = useRef(0);
-  const replayRef = useRef<ReplayFile | null>(null);
+  const replayRef = useRef<ReplayFile | null>(initialReplay);
 
   useEffect(() => {
     timeRef.current = time;
@@ -532,7 +534,7 @@ export function ReplayViewer({
           <p className="mt-2 max-w-md text-sm text-zinc-400">
             From the game server:{" "}
             <code className="rounded bg-zinc-800 px-1.5 py-0.5 text-zinc-300">
-              Logs/&#123;matchId&#125;_replay.json
+              Logs/&#123;matchId&#125;.json
             </code>
           </p>
           <span className="mt-6 rounded-lg border border-zinc-500 bg-zinc-800 px-4 py-2 text-sm font-medium text-zinc-100">
@@ -547,7 +549,7 @@ export function ReplayViewer({
           <div className="flex flex-wrap items-center justify-between gap-3">
             <div className="min-w-0">
               <p className="truncate font-mono text-sm text-zinc-300">
-                {fileName ?? `match_${replay.matchId}_replay.json`}
+                {fileName ?? `${replay.matchId}.json`}
               </p>
               <p className="mt-0.5 text-xs text-zinc-500">
                 Match {replay.matchId}