fix: make timeline activation durable and visible

2026-09-29 18:15:08 -05:00
parent 92bef4c7aa
commit 5760059ee3
5 changed files with 156 additions and 11 deletions
@@ -70,6 +70,16 @@ export function PlaybackPanel({
    command.run(() => api.send("POST", `playback/${groupId}/${path}`, body));
  }

+  function timelineLabel(timelineId: string): string {
+    if (timelines.state.status !== "ready") {
+      return timelineId;
+    }
+    return (
+      timelines.state.value.timelines.find((timeline) => timeline.id === timelineId)?.name ??
+      timelineId
+    );
+  }
+
  return (
    <div className="signage-columns">
      <Panel
@@ -108,6 +118,11 @@ export function PlaybackPanel({
              ) : (
                <div className="signage-playback" data-testid="signage-playback">
                  <div className="signage-playback__status">
+                    {value.snapshot.activeTimelineId === null ? undefined : (
+                      <Badge tone="success">
+                        {`Active: ${timelineLabel(value.snapshot.activeTimelineId)}`}
+                      </Badge>
+                    )}
                    <Badge
                      tone={
                        value.snapshot.transport === "playing"