Add tour step for fullscreen button

Author: morozov-av

bases/rsptx/assignment_server_api/assignment_builder/src/components/routes/AssignmentBuilder/components/exercises/components/CreateExercise/components/ParsonsExercise/components/ParsonsExerciseTour.tsx

@@ -182,6 +182,11 @@ export const ParsonsExerciseTour: FC<ParsonsExerciseTourProps> = ({
       await ensureBlockExists();
       await nextTick();
       await waitForElement('[data-tour="first-block"] [aria-label="Block options"]');
+    },
+    /* 14 — Fullscreen */
+    13: async () => {
+      await nextTick();
+      await waitForElement('[data-tour="fullscreen-btn"]');
     }
   };
 

bases/rsptx/assignment_server_api/assignment_builder/src/components/routes/AssignmentBuilder/components/exercises/components/CreateExercise/components/ParsonsExercise/components/parsonsTourConfig.ts

@@ -137,5 +137,15 @@ export const PARSONS_TOUR_STEPS: TourStepConfig[] = [
       "In Enhanced Mode, click the <strong>⋮</strong> button to open a dropdown with advanced block settings: <strong>Block Type</strong> (Solution / Distractor), <strong>Paired</strong> toggle, <strong>DAG Configuration</strong> (Tag & DependsOn), <strong>Display Order</strong>, <strong>Add Alternative</strong>, and <strong>Add Explanation</strong>.",
     side: "left",
     align: "start"
+  },
+
+  /* 14 — Fullscreen */
+  {
+    element: '[data-tour="fullscreen-btn"]',
+    title: "Fullscreen Mode",
+    description:
+      "Click this button to enter <strong>Fullscreen</strong> mode. It gives you more screen space to work with blocks comfortably, especially for larger exercises.",
+    side: "bottom",
+    align: "end"
   }
 ];

bases/rsptx/assignment_server_api/assignment_builder/src/components/routes/AssignmentBuilder/components/exercises/components/CreateExercise/shared/ExerciseLayout.tsx

@@ -103,6 +103,7 @@ export const ExerciseLayout = ({
                 onClick={toggleFullscreen}
                 tooltip={isFullscreen ? "Exit Fullscreen" : "Enter Fullscreen"}
                 tooltipOptions={{ position: "bottom" }}
+                data-tour="fullscreen-btn"
               />
             )}
             <Button label="Cancel" icon="pi pi-times" severity="secondary" onClick={handleCancel} />