fix(editor): drop the zoom level row when no preset is within reach

Author: EtienneLescot

src/components/ai-edition/v4/FloatingInspector.tsx

@@ -515,16 +515,19 @@ export function ZoomLevelControl({
 
 	return (
 		<>
-			{/* A level outside the row presses no button; the field below shows it. */}
-			{paneStack(
-				ts("zoom.level"),
-				<ChoiceRow<number>
-					label={ts("zoom.level")}
-					options={presets}
-					value={requested}
-					onChange={setScale}
-				/>,
-			)}
+			{/* A level outside the row presses no button; the field below shows it. With no
+			    preset within reach, the row goes and the field alone remains. */}
+			{presets.length > 0
+				? paneStack(
+						ts("zoom.level"),
+						<ChoiceRow<number>
+							label={ts("zoom.level")}
+							options={presets}
+							value={requested}
+							onChange={setScale}
+						/>,
+					)
+				: null}
 			{paneRow(
 				ts("zoom.customScale"),
 				<input

src/components/ai-edition/v4/ZoomLevelControl.test.tsx

@@ -142,6 +142,18 @@ describe("ZoomLevelControl", () => {
 		expect(updateZoomDepth).not.toHaveBeenCalled();
 	});
 
+	it("drops the row when no preset is within reach", () => {
+		render(
+			<ZoomLevelControl
+				region={{ id: "z1", depth: 1 }}
+				tl={{ updateZoomDepth: vi.fn(), updateZoomCustomScale }}
+				maxScale={1.3}
+			/>,
+		);
+		expect(screen.queryByRole("group", { name: "zoom.level" })).toBeNull();
+		expect(screen.getByRole("textbox", { name: "zoom.customScale" })).toBeInTheDocument();
+	});
+
 	it("offers every level when all are within reach", () => {
 		renderControl(3);
 		expect(screen.getAllByRole("button")).toHaveLength(4);