From 72ca99fde7a727750601ec9fc2bac52e95ee838e Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Tue, 14 Apr 2026 23:44:31 +0200
Subject: [PATCH] Add Sequences panel to App component

---
 src/app/App.tsx | 57 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index d9e67b81..200e3767 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -12240,6 +12240,63 @@ export function App({ store, initialStatusMessage }: AppProps) {
                 />
               </Panel>
 
+              <Panel title="Sequences">
+                <ProjectSequencesPanel
+                  sequences={editorState.projectDocument.sequences}
+                  dialogues={editorState.projectDocument.dialogues}
+                  targetOptions={projectScheduleTargetOptions}
+                  selectedSequenceId={selectedSequenceId}
+                  onSelectSequence={setSelectedSequenceId}
+                  onAddSequence={handleAddProjectSequence}
+                  onDeleteSequence={handleDeleteProjectSequence}
+                  onSetSequenceTitle={(sequenceId, title) =>
+                    updateProjectSequence(
+                      sequenceId,
+                      "Rename project sequence",
+                      "Updated project sequence title.",
+                      (sequence) => {
+                        sequence.title = title.trim() || "Sequence";
+                      }
+                    )
+                  }
+                  onAddHeldControlStep={(sequenceId, targetKey) =>
+                    handleAddProjectSequenceControlStep(
+                      sequenceId,
+                      "held",
+                      targetKey
+                    )
+                  }
+                  onAddImpulseControlStep={(sequenceId, targetKey) =>
+                    handleAddProjectSequenceControlStep(
+                      sequenceId,
+                      "impulse",
+                      targetKey
+                    )
+                  }
+                  onAddDialogueStep={handleAddProjectSequenceDialogueStep}
+                  onDeleteStep={handleDeleteProjectSequenceStep}
+                  onSetControlStepTarget={updateProjectSequenceControlStepTarget}
+                  onSetControlStepEffectOption={
+                    updateProjectSequenceControlStepEffectOption
+                  }
+                  onSetControlStepNumericValue={
+                    updateProjectSequenceControlStepNumericValue
+                  }
+                  onSetControlStepColorValue={
+                    updateProjectSequenceControlStepColorValue
+                  }
+                  onSetControlStepAnimationClip={
+                    updateProjectSequenceControlStepAnimationClip
+                  }
+                  onSetControlStepAnimationLoop={
+                    updateProjectSequenceControlStepAnimationLoop
+                  }
+                  onSetDialogueStepDialogueId={
+                    updateProjectSequenceDialogueStepDialogueId
+                  }
+                />
+              </Panel>
+
               <Panel title="World">
                 <div className="stat-card">
                   <div className="label">Day Environment</div>