From 1521172b9d603df03751b25a85b2bd6a74bdf3c7 Mon Sep 17 00:00:00 2001
From: Daniel Han <danielhanchen@gmail.com>
Date: Fri, 3 Jul 2026 19:18:54 +0000
Subject: [PATCH] Show the compile control for SDXL in the Train settings

The compile select was nested inside the DiT-only branch of the precision area, so
supports_compile=true for sdxl never rendered it. Lift it out of the ternary: the
precision selects stay family-specific, the compile control follows supports_compile.
Verified with a live Playwright pass (mxfp8 listed for DiT families on sm100, compile
select present for SDXL, DiT precision selector still hidden for SDXL).
---
 .../images/train/diffusion-train-panel.tsx    | 90 +++++++++----------
 1 file changed, 44 insertions(+), 46 deletions(-)

diff --git a/studio/frontend/src/features/images/train/diffusion-train-panel.tsx b/studio/frontend/src/features/images/train/diffusion-train-panel.tsx
index 6ef3599e34..d3f089a42c 100644
--- a/studio/frontend/src/features/images/train/diffusion-train-panel.tsx
+++ b/studio/frontend/src/features/images/train/diffusion-train-panel.tsx
@@ -812,52 +812,29 @@ export function DiffusionTrainPanel({
         </div>
 
         {isDiT ? (
-          <>
-            <div className="grid gap-1.5">
-              <Label className="text-xs">Base precision</Label>
-              <select
-                value={basePrecision}
-                onChange={(e) => {
-                  precisionDirty.current = true;
-                  setBasePrecision(e.target.value as typeof basePrecision);
-                }}
-                className={selectClass}
-                aria-label="Base precision"
-              >
-                {precisionModes.map((m) => (
-                  <option key={m} value={m}>
-                    {precisionLabel(m)}
-                  </option>
-                ))}
-              </select>
-              <p className="text-[11px] leading-snug text-muted-foreground">
-                How the frozen base weights are quantised. nf4 (4-bit) uses the least VRAM;
-                bf16 is fastest but needs the most. Auto picks this family&apos;s recommended
-                mode.
-              </p>
-            </div>
-            {supportsCompile && (
-              <div className="grid gap-1.5">
-                <Label className="text-xs">Compile transformer</Label>
-                <select
-                  value={compileTransformer}
-                  onChange={(e) =>
-                    setCompileTransformer(e.target.value as typeof compileTransformer)
-                  }
-                  className={selectClass}
-                  aria-label="Compile transformer"
-                >
-                  <option value="auto">Auto</option>
-                  <option value="on">On (faster after warmup)</option>
-                  <option value="off">Off</option>
-                </select>
-                <p className="text-[11px] leading-snug text-muted-foreground">
-                  torch.compile the transformer. Adds a one-time warmup, then speeds up each
-                  step.
-                </p>
-              </div>
-            )}
-          </>
+          <div className="grid gap-1.5">
+            <Label className="text-xs">Base precision</Label>
+            <select
+              value={basePrecision}
+              onChange={(e) => {
+                precisionDirty.current = true;
+                setBasePrecision(e.target.value as typeof basePrecision);
+              }}
+              className={selectClass}
+              aria-label="Base precision"
+            >
+              {precisionModes.map((m) => (
+                <option key={m} value={m}>
+                  {precisionLabel(m)}
+                </option>
+              ))}
+            </select>
+            <p className="text-[11px] leading-snug text-muted-foreground">
+              How the frozen base weights are quantised. nf4 (4-bit) uses the least VRAM;
+              bf16 is fastest but needs the most. Auto picks this family&apos;s recommended
+              mode.
+            </p>
+          </div>
         ) : (
           <div className="grid gap-1.5">
             <Label className="text-xs">Precision</Label>
@@ -876,6 +853,27 @@ export function DiffusionTrainPanel({
             </p>
           </div>
         )}
+        {supportsCompile && (
+          <div className="grid gap-1.5">
+            <Label className="text-xs">Compile transformer</Label>
+            <select
+              value={compileTransformer}
+              onChange={(e) =>
+                setCompileTransformer(e.target.value as typeof compileTransformer)
+              }
+              className={selectClass}
+              aria-label="Compile transformer"
+            >
+              <option value="auto">Auto</option>
+              <option value="on">On (faster after warmup)</option>
+              <option value="off">Off</option>
+            </select>
+            <p className="text-[11px] leading-snug text-muted-foreground">
+              torch.compile the transformer blocks. Adds a one-time warmup, then speeds up
+              each step.
+            </p>
+          </div>
+        )}
       </div>
     </div>
   );