From 3b2c7733f2a967de9863239406d31ddbf98f4909 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Tue, 14 Apr 2026 19:58:42 +0200
Subject: [PATCH] Add dialogue interaction link functionality

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

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 60651a96..6a31aabc 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -7686,6 +7686,7 @@ export function App({ store, initialStatusMessage }: AppProps) {
                       <option value="stopAnimation">Stop Animation</option>
                       <option value="playSound">Play Sound</option>
                       <option value="stopSound">Stop Sound</option>
+                      <option value="startDialogue">Start Dialogue</option>
                       <option value="control">Control Effect</option>
                     </select>
                   </label>
@@ -7865,6 +7866,28 @@ export function App({ store, initialStatusMessage }: AppProps) {
                     </select>
                   </label>
                 </div>
+              ) : link.action.type === "startDialogue" ? (
+                <div className="form-section">
+                  <label className="form-field">
+                    <span className="label">Dialogue</span>
+                    <select
+                      className="text-input"
+                      value={link.action.dialogueId}
+                      onChange={(event) =>
+                        updateDialogueInteractionLinkTarget(
+                          link,
+                          event.currentTarget.value
+                        )
+                      }
+                    >
+                      {projectDialogueList.map((dialogue) => (
+                        <option key={dialogue.id} value={dialogue.id}>
+                          {dialogue.title}
+                        </option>
+                      ))}
+                    </select>
+                  </label>
+                </div>
               ) : link.action.type === "stopAnimation" ? (
                 <div className="form-section">
                   <label className="form-field">
@@ -7988,6 +8011,14 @@ export function App({ store, initialStatusMessage }: AppProps) {
         >
           Add Stop Sound Link
         </button>
+        <button
+          className="toolbar__button"
+          type="button"
+          disabled={projectDialogueList.length === 0}
+          onClick={handleAddDialogueInteractionLink}
+        >
+          Add Dialogue Link
+        </button>
       </div>
     </div>
   );