diff --git a/components/forms/SettingsSubmit.tsx b/components/forms/SettingsSubmit.tsx index fc15609d..2b163c17 100644 --- a/components/forms/SettingsSubmit.tsx +++ b/components/forms/SettingsSubmit.tsx @@ -262,7 +262,6 @@ export default function SettingsSubmit({ mode = "create", submissionId, initialV const hydrate = (name: string, currentId: string | null | undefined, opts: Opt[]) => { if (!currentId || !opts.length) return; - // Always nudge value back to the current id after options load setValue(name as any, String(currentId), { shouldDirty: false, shouldValidate: false }); }; @@ -412,8 +411,8 @@ export default function SettingsSubmit({ mode = "create", submissionId, initialV
- + @@ -446,14 +447,23 @@ export default function SettingsSubmit({ mode = "create", submissionId, initialV +
+ + {/* Auto rotate row */} +
{autoRotate && ( )} +
+ + {/* Simple toggles row */} +
+ ); }} /> @@ -468,29 +478,36 @@ export default function SettingsSubmit({ mode = "create", submissionId, initialV const perf = !!useWatch({ control, name: `line_settings.${i}.perf` }); const wobble = !!useWatch({ control, name: `line_settings.${i}.wobble` }); return ( -
+ <> + {/* Base fields */} +
+
+ + {/* Perforation row */} +
- {perf && ( - <> - - - - )} + {perf && } + {perf && } +
+ + {/* Wobble row */} +
- {wobble && ( - <> - - - - )} + {wobble && } + {wobble && } +
+ + {/* Simple toggle */} +
+ ); }} /> @@ -505,7 +522,9 @@ export default function SettingsSubmit({ mode = "create", submissionId, initialV const ditherVal = useWatch({ control, name: `raster_settings.${i}.dither` }) || ""; const isHalftone = ditherVal === "halftone"; return ( -
+ <> + {/* Base fields */} +
@@ -513,19 +532,27 @@ export default function SettingsSubmit({ mode = "create", submissionId, initialV