frontend/src/components/exercises/ExerciseFormPageRoot.jsx

@@ -2735,6 +2735,36 @@ function ExerciseFormPageRoot() {
               </div>
             </div>
           )}
+          {mediaPreview && (
+            <MediaPreviewModal
+              title={(mediaPreview.title || '').trim() || mediaPreview.original_filename || `Medium #${mediaPreview.id}`}
+              media={mediaPreview}
+              fileUrl={mediaPreview.embed_url ? null : resolveExerciseMediaFileUrl(exerciseId, mediaPreview)}
+              onClose={() => setMediaPreview(null)}
+              onReport={
+                !mediaPreview.asset_legal_hold_active
+                  ? () => {
+                      setReportTarget(mediaPreview)
+                      setMediaPreview(null)
+                    }
+                  : null
+              }
+            />
+          )}
+          {reportTarget && (
+            <ReportContentModal
+              targetType="media_asset"
+              targetId={reportTarget.media_asset_id || reportTarget.id}
+              targetLabel={reportTarget.title || reportTarget.original_filename || `Medium #${reportTarget.id}`}
+              onClose={() => setReportTarget(null)}
+            />
+          )}
+            </ExerciseFormPanel>
+          ) : null}
+
+        </form>
+      </div>
+
       {aiSuggestionPreview &&
         (() => {
           const p = aiSuggestionPreview
@@ -2987,35 +3017,6 @@ function ExerciseFormPageRoot() {
             </div>
           )
         })()}
-          {mediaPreview && (
-            <MediaPreviewModal
-              title={(mediaPreview.title || '').trim() || mediaPreview.original_filename || `Medium #${mediaPreview.id}`}
-              media={mediaPreview}
-              fileUrl={mediaPreview.embed_url ? null : resolveExerciseMediaFileUrl(exerciseId, mediaPreview)}
-              onClose={() => setMediaPreview(null)}
-              onReport={
-                !mediaPreview.asset_legal_hold_active
-                  ? () => {
-                      setReportTarget(mediaPreview)
-                      setMediaPreview(null)
-                    }
-                  : null
-              }
-            />
-          )}
-          {reportTarget && (
-            <ReportContentModal
-              targetType="media_asset"
-              targetId={reportTarget.media_asset_id || reportTarget.id}
-              targetLabel={reportTarget.title || reportTarget.original_filename || `Medium #${reportTarget.id}`}
-              onClose={() => setReportTarget(null)}
-            />
-          )}
-            </ExerciseFormPanel>
-          ) : null}
-
-        </form>
-      </div>
 
       <ExercisePickerModal
         open={comboStationPickerIx !== null}