1 files changed, 45 insertions, 0 deletions
diff --git a/apps/web/src/commands/timeline/track/toggle-track-visibility.ts b/apps/web/src/commands/timeline/track/toggle-track-visibility.ts
new file mode 100644
index 00000000..f4160e3f
--- /dev/null
+++ b/apps/web/src/commands/timeline/track/toggle-track-visibility.ts
@@ -0,0 +1,45 @@
+import { Command, type CommandResult } from "@/commands/base-command";
+import type { SceneTracks } from "@/timeline";
+import { EditorCore } from "@/core";
+import { canTrackBeHidden, findTrackInSceneTracks, updateTrackInSceneTracks } from "@/timeline";
+
+export class ToggleTrackVisibilityCommand extends Command {
+	private savedState: SceneTracks | null = null;
+
+	constructor(private trackId: string) {
+		super();
+	}
+
+	execute(): CommandResult | undefined {
+		const editor = EditorCore.getInstance();
+		this.savedState = editor.scenes.getActiveScene().tracks;
+
+		const targetTrack = findTrackInSceneTracks({
+			tracks: this.savedState,
+			trackId: this.trackId,
+		});
+		if (!targetTrack) {
+			return;
+		}
+
+		const updatedTracks = updateTrackInSceneTracks({
+			tracks: this.savedState,
+			trackId: this.trackId,
+			update: (track) => {
+				if (canTrackBeHidden(track)) {
+					return { ...track, hidden: !track.hidden };
+				}
+				return track;
+			},
+		});
+
+		editor.timeline.updateTracks(updatedTracks);
+	}
+
+	undo(): void {
+		if (this.savedState) {
+			const editor = EditorCore.getInstance();
+			editor.timeline.updateTracks(this.savedState);
+		}
+	}
+}