Improved layout of global print modal

frontend/src/components/PrintModal/index.tsx

@@ -501,6 +501,14 @@ export function PrintModal({
               )}
             </p>
 
+            {/* Plate selection - first so users know filament requirements before selecting printers */}
+            <PlateSelector
+              plates={plates}
+              isMultiPlate={isMultiPlate}
+              selectedPlate={selectedPlate}
+              onSelect={setSelectedPlate}
+            />
+
             {/* Printer selection with per-printer mapping */}
             <PrinterSelector
               printers={printers || []}
@@ -515,14 +523,6 @@ export function PrintModal({
               onUpdatePrinterConfig={multiPrinterMapping.updatePrinterConfig}
             />
 
-            {/* Plate selection */}
-            <PlateSelector
-              plates={plates}
-              isMultiPlate={isMultiPlate}
-              selectedPlate={selectedPlate}
-              onSelect={setSelectedPlate}
-            />
-
             {/* Warning when archive data couldn't be loaded */}
             {archiveDataMissing && (
               <div className="flex items-start gap-2 p-3 mb-2 bg-orange-500/10 border border-orange-500/30 rounded-lg text-sm">

static/index.html

@@ -23,7 +23,7 @@
 
     <!-- Splash screens for iOS -->
     <link rel="apple-touch-startup-image" href="/img/android-chrome-512x512.png" />
-    <script type="module" crossorigin src="/assets/index-Cw5WdZhp.js"></script>
+    <script type="module" crossorigin src="/assets/index-Cw4dIiLT.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-C__bvgqz.css">
   </head>
   <body>