From 25cea89d3e015559714a1e62f7dc5309e4b1fd0a Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 2 Apr 2026 19:41:57 +0200
Subject: [PATCH] Add sound interaction options in App.tsx

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

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 341ce0b9..c9857e47 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -2285,6 +2285,24 @@ export function App({ store, initialStatusMessage }: AppProps) {
                     <span className="label">Loop</span>
                   </label>
                 </div>
+              ) : link.action.type === "playSound" || link.action.type === "stopSound" ? (
+                <div className="form-section">
+                  <label className="form-field">
+                    <span className="label">Emitter</span>
+                    <select
+                      data-testid={`interaction-link-sound-target-${link.id}`}
+                      className="text-input"
+                      value={link.action.targetSoundEmitterId}
+                      onChange={(event) => updateSoundInteractionLinkTarget(link, event.currentTarget.value)}
+                    >
+                      {soundEmitterOptions.map(({ entity, label }) => (
+                        <option key={entity.id} value={entity.id}>
+                          {label}
+                        </option>
+                      ))}
+                    </select>
+                  </label>
+                </div>
               ) : (
                 <div className="form-section">
                   <label className="form-field">
@@ -2315,6 +2333,8 @@ export function App({ store, initialStatusMessage }: AppProps) {
                   Delete Link
                 </button>
               </div>
+
+              {link.action.type === "playAnimation" || link.action.type === "stopAnimation" ? null : null}
             </div>
           ))}
         </div>