From 047204bada3492fd84633994265519d9cca91d1a Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Tue, 7 Apr 2026 06:46:26 +0200
Subject: [PATCH] Add Foam Contact Limit input field in App.tsx

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

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 19d669ac..61afbdad 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -7421,6 +7421,23 @@ export function App({ store, initialStatusMessage }: AppProps) {
                               onPointerUp={(event) => handleNumberInputPointerUp(event, applyBoxWaterSettings)}
                             />
                           </label>
+                          <label className="form-field">
+                            <span className="label">Foam Contact Limit</span>
+                            <input
+                              data-testid="brush-water-foam-contact-limit"
+                              className="text-input"
+                              type="number"
+                              min="1"
+                              max={String(MAX_BOX_BRUSH_WATER_FOAM_CONTACT_LIMIT)}
+                              step="1"
+                              value={boxVolumeWaterFoamContactLimitDraft}
+                              onChange={(event) => setBoxVolumeWaterFoamContactLimitDraft(event.currentTarget.value)}
+                              onBlur={applyBoxWaterSettings}
+                              onKeyDown={(event) => handleDraftVectorKeyDown(event, applyBoxWaterSettings)}
+                              onKeyUp={(event) => handleNumberInputKeyUp(event, applyBoxWaterSettings)}
+                              onPointerUp={(event) => handleNumberInputPointerUp(event, applyBoxWaterSettings)}
+                            />
+                          </label>
                         </>
                       ) : null}