add activities tab, make replay popup smaller and muted

webui/src/components/ReplaySourcesPanel/ReplayReadyPopup.jsx

@@ -121,11 +121,12 @@ export default function ReplayReadyPopup({ replay, onClose, variant = 'modal' })
             autoPlay
             preload="auto"
             playsInline
+            muted
             {...videoLifecycleProps}
             // The floating panel is intentionally compact because it appears for users who
             // did not ask for the replay. It still loads the video immediately, but its
             // bounded height prevents the floating card from covering too much of the UI.
-            className="aspect-video max-h-[24rem] w-full bg-black"
+            className="aspect-video max-h-[14rem] w-full bg-black"
           />
         </div>
       </CardFrame>

webui/src/components/ReplaySourcesPanel/index.jsx

@@ -221,7 +221,7 @@ export default function ReplaySourcesPanel({ panelId = 'replay-sources', fillHei
   return (
     <div className={`relative ${fillHeight ? 'flex h-full min-h-0 flex-col' : ''}`}>
       {showPanelReplay ? (
-        <div className="absolute bottom-[calc(100%+0.125rem)] left-1/2 z-[70] w-[min(42rem,calc(100vw-1rem))] -translate-x-1/2">
+        <div className="absolute bottom-[calc(100%+0.125rem)] left-1/2 z-[70] w-[min(20rem,calc(100vw-1rem))] -translate-x-1/2">
           <ReplayReadyPopup
             replay={latestReplay}
             variant="floating-panel"