feat(archive): complete recorded session lifecycle

apps/control-station/src/App.tsx

@@ -40,7 +40,10 @@ import {
 } from "./core/runtime/latestAsyncCommitter";
 import { useObservationLayout } from "./core/observation/useObservationLayout";
 import { recordedObservationSources } from "./core/observation/recordedObservationSources";
-import type { ObservationSessionReplayLaunch } from "./core/observation/sessionArchive";
+import type {
+  ObservationSessionReplayLaunch,
+  ObservationSessionSummary,
+} from "./core/observation/sessionArchive";
 import { useRecordedSessionAdmission } from "./core/observation/useRecordedSessionAdmission";
 import { useWorkspaceLayoutProfile } from "./core/observation/useWorkspaceLayoutProfile";
 import {
@@ -136,6 +139,7 @@ export default function App() {
   const [activeRoot, setActiveRoot] = useState<RootId | null>(null);
   const [sourceUrl, setSourceUrl] = useState("");
   const [recordedReplay, setRecordedReplay] = useState<ObservationSessionReplayLaunch | null>(null);
+  const [recordedReplayLabel, setRecordedReplayLabel] = useState<string | null>(null);
   const [replayTransitioning, setReplayTransitioning] = useState(false);
   const [sourceDraft, setSourceDraft] = useState("");
   const [sourceWindowOpen, setSourceWindowOpen] = useState(false);
@@ -447,6 +451,7 @@ export default function App() {
     // accepting the already-ready archive.
     setReplayTransitioning(true);
     setRecordedReplay(null);
+    setRecordedReplayLabel(null);
     setSourceUrl("");
     setSourceDraft("");
     await new Promise<void>((resolve) => {
@@ -454,11 +459,15 @@ export default function App() {
     });
   }, []);
 
-  const acceptRecordedReplay = useCallback((launch: ObservationSessionReplayLaunch) => {
+  const acceptRecordedReplay = useCallback((
+    session: ObservationSessionSummary,
+    launch: ObservationSessionReplayLaunch,
+  ) => {
     if (sourceSwitchBlockedRef.current) {
       throw new Error(SPATIAL_SOURCE_SWITCH_BLOCKED_REASON);
     }
     setRecordedReplay(launch);
+    setRecordedReplayLabel(session.label);
     setSourceUrl(launch.sourceUrl);
     setSourceDraft(launch.sourceUrl);
     setReplayTransitioning(false);
@@ -475,6 +484,7 @@ export default function App() {
     // switch, so it intentionally does not consult the acquisition guard.
     setReplayTransitioning(false);
     setRecordedReplay(null);
+    setRecordedReplayLabel(null);
     setSourceUrl("");
     setSourceDraft("");
   }, []);
@@ -634,7 +644,11 @@ export default function App() {
           <ApplicationPanel
             key={activeDefinition.id}
             eyebrow={activeDefinition.eyebrow}
-            title={activeDefinition.title}
+            title={
+              activeDefinition.kind === "spatial" && replayActive && recordedReplayLabel
+                ? `${activeDefinition.title}: ${recordedReplayLabel}`
+                : activeDefinition.title
+            }
             description={activeDefinition.description}
             expanded={workspace.contentExpanded}
             onExpandedChange={workspace.setContentExpanded}
@@ -646,11 +660,10 @@ export default function App() {
               ) : activeDefinition.kind === "spatial" ? (
                 <div className="observation-header-tools">
                   <ObservationSessionSelect
-                    limit={3}
                     disabled={runtime.pendingAction !== null || sourceSwitchBlocked}
                     blockedReason={sourceSwitchBlockedReason}
                     onReplayBegin={beginRecordedReplaySwitch}
-                    onReplayAccepted={(_session, launch) => acceptRecordedReplay(launch)}
+                    onReplayAccepted={acceptRecordedReplay}
                     onReplaySettled={(_session, outcome) => settleRecordedReplaySwitch(outcome)}
                   />
                   {layoutSaveNotice || workspaceLayoutProfile.error ? (
@@ -739,6 +752,7 @@ export default function App() {
                 setSourceDraft("");
                 setSourceUrl("");
                 setRecordedReplay(null);
+                setRecordedReplayLabel(null);
               }}
             >
               Сбросить адрес
@@ -752,6 +766,7 @@ export default function App() {
                 if (sourceSwitchBlockedRef.current) return;
                 setSourceUrl(sourceDraft.trim());
                 setRecordedReplay(null);
+                setRecordedReplayLabel(null);
               }}
             >
               Применить адрес