Add Sequences panel to App component

2026-04-14 23:44:31 +02:00
parent 3ed30308ee
commit 72ca99fde7
1 changed files with 57 additions and 0 deletions
--- 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>