From 7abacca0bfc156f9d4c7e1d37e00f669c0ba721f Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Mon, 11 May 2026 14:06:54 +0200
Subject: [PATCH] Feature: Add rotation (X, Y, Z) and size inputs to the form

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

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 7514c83a..e3932a79 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -25646,6 +25646,120 @@ export function App({ store, draftStorage = null, initialStatusMessage }: AppPro
 
                   {selectedTriggerVolume !== null ? (
                     <>
+                      <div className="form-section">
+                        <div className="label">Rotation</div>
+                        <div className="vector-inputs">
+                          <label className="form-field">
+                            <span className="label">X</span>
+                            <input
+                              data-testid="trigger-volume-rotation-x"
+                              className="text-input"
+                              type="number"
+                              step="1"
+                              value={triggerVolumeRotationDraft.x}
+                              onChange={(event) => {
+                                const nextValue = event.currentTarget.value;
+                                setTriggerVolumeRotationDraft((draft) => ({
+                                  ...draft,
+                                  x: nextValue
+                                }));
+                              }}
+                              onBlur={applyTriggerVolumeChange}
+                              onKeyDown={(event) =>
+                                handleDraftVectorKeyDown(
+                                  event,
+                                  applyTriggerVolumeChange
+                                )
+                              }
+                              onKeyUp={(event) =>
+                                handleNumberInputKeyUp(
+                                  event,
+                                  applyTriggerVolumeChange
+                                )
+                              }
+                              onPointerUp={(event) =>
+                                handleNumberInputPointerUp(
+                                  event,
+                                  applyTriggerVolumeChange
+                                )
+                              }
+                            />
+                          </label>
+                          <label className="form-field">
+                            <span className="label">Y</span>
+                            <input
+                              data-testid="trigger-volume-rotation-y"
+                              className="text-input"
+                              type="number"
+                              step="1"
+                              value={triggerVolumeRotationDraft.y}
+                              onChange={(event) => {
+                                const nextValue = event.currentTarget.value;
+                                setTriggerVolumeRotationDraft((draft) => ({
+                                  ...draft,
+                                  y: nextValue
+                                }));
+                              }}
+                              onBlur={applyTriggerVolumeChange}
+                              onKeyDown={(event) =>
+                                handleDraftVectorKeyDown(
+                                  event,
+                                  applyTriggerVolumeChange
+                                )
+                              }
+                              onKeyUp={(event) =>
+                                handleNumberInputKeyUp(
+                                  event,
+                                  applyTriggerVolumeChange
+                                )
+                              }
+                              onPointerUp={(event) =>
+                                handleNumberInputPointerUp(
+                                  event,
+                                  applyTriggerVolumeChange
+                                )
+                              }
+                            />
+                          </label>
+                          <label className="form-field">
+                            <span className="label">Z</span>
+                            <input
+                              data-testid="trigger-volume-rotation-z"
+                              className="text-input"
+                              type="number"
+                              step="1"
+                              value={triggerVolumeRotationDraft.z}
+                              onChange={(event) => {
+                                const nextValue = event.currentTarget.value;
+                                setTriggerVolumeRotationDraft((draft) => ({
+                                  ...draft,
+                                  z: nextValue
+                                }));
+                              }}
+                              onBlur={applyTriggerVolumeChange}
+                              onKeyDown={(event) =>
+                                handleDraftVectorKeyDown(
+                                  event,
+                                  applyTriggerVolumeChange
+                                )
+                              }
+                              onKeyUp={(event) =>
+                                handleNumberInputKeyUp(
+                                  event,
+                                  applyTriggerVolumeChange
+                                )
+                              }
+                              onPointerUp={(event) =>
+                                handleNumberInputPointerUp(
+                                  event,
+                                  applyTriggerVolumeChange
+                                )
+                              }
+                            />
+                          </label>
+                        </div>
+                      </div>
+
                       <div className="form-section">
                         <div className="label">Size</div>
                         <div className="vector-inputs">