From 4070fbda36ff411cf59b214d7f11892575b1c6dc Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Wed, 15 Apr 2026 01:29:23 +0200
Subject: [PATCH] Add teleport and visibility step handling in App.tsx

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

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 451286ec..e9838d95 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -11416,6 +11416,18 @@ export function App({ store, initialStatusMessage }: AppProps) {
                   mode={sequencerMode}
                   onSetMode={setSequencerMode}
                   targetOptions={projectScheduleTargetOptions}
+                  teleportTargetOptions={teleportTargetOptions.map(
+                    ({ entity, label }) => ({
+                      entityId: entity.id,
+                      label
+                    })
+                  )}
+                  visibilityTargetOptions={visibilityBrushOptions.map(
+                    ({ brush, label }) => ({
+                      brushId: brush.id,
+                      label
+                    })
+                  )}
                   scheduler={editorState.projectDocument.scheduler}
                   sequences={editorState.projectDocument.sequences}
                   dialogues={editorState.projectDocument.dialogues}
@@ -11904,6 +11916,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                     )
                   }
                   onAddDialogueStep={handleAddProjectSequenceDialogueStep}
+                  onAddTeleportStep={handleAddProjectSequenceTeleportStep}
+                  onAddVisibilityStep={handleAddProjectSequenceVisibilityStep}
                   onDeleteStep={handleDeleteProjectSequenceStep}
                   onSetControlStepTarget={updateProjectSequenceControlStepTarget}
                   onSetControlStepEffectOption={
@@ -11924,6 +11938,15 @@ export function App({ store, initialStatusMessage }: AppProps) {
                   onSetDialogueStepDialogueId={
                     updateProjectSequenceDialogueStepDialogueId
                   }
+                  onSetTeleportStepTarget={
+                    updateProjectSequenceTeleportStepTarget
+                  }
+                  onSetVisibilityStepTarget={
+                    updateProjectSequenceVisibilityStepTarget
+                  }
+                  onSetVisibilityStepMode={
+                    updateProjectSequenceVisibilityStepMode
+                  }
                 />
               </div>
             </>