fix(story): harden notebook interaction and fallback

app/components/story/NotebookStory.test.tsx

@@ -2,6 +2,7 @@ import { render, screen, waitFor } from "@testing-library/react";
 import { portfolio } from "@/lib/portfolio-data";
 import NotebookStory, {
   canUseNotebook3D,
+  getNotebookRunwayVh,
   getNotebookSeekProgress,
 } from "./NotebookStory";
 
@@ -88,25 +89,54 @@ describe("NotebookStory", () => {
       expect(screen.queryByTestId("notebook-stage")).not.toBeInTheDocument(),
     );
   });
-
   it("initializes the 3D stage only on a desktop hover-capable viewport", async () => {
     render(<NotebookStory projects={projects} />);
 
     await waitFor(() =>
       expect(screen.getByTestId("notebook-stage")).toBeInTheDocument(),
     );
+    expect(
+      screen.getByLabelText("Projetos em produção no notebook"),
+    ).toHaveAttribute("data-notebook-runway-vh", "520");
   });
+  it("returns to the static fallback when the viewport loses desktop eligibility", async () => {
+    render(<NotebookStory projects={projects} />);
+    await waitFor(() =>
+      expect(screen.getByTestId("notebook-stage")).toBeInTheDocument(),
+    );
+
+    Object.defineProperty(window, "innerWidth", {
+      configurable: true,
+      value: 800,
+    });
+    window.dispatchEvent(new Event("resize"));
+
+    await waitFor(() =>
+      expect(screen.queryByTestId("notebook-stage")).not.toBeInTheDocument(),
+    );
+    expect(screen.getByTestId("notebook-fallback")).toBeInTheDocument();
+  });
+
   it("keeps the static fallback when no mapped projects are available", async () => {
     mockMatchMedia();
 
     render(<NotebookStory projects={[]} />);
 
     expect(screen.getByTestId("notebook-fallback")).toBeInTheDocument();
+    expect(
+      screen.getByLabelText("Projetos em produção no notebook"),
+    ).toBeInTheDocument();
     await waitFor(() =>
       expect(screen.queryByTestId("notebook-stage")).not.toBeInTheDocument(),
     );
   });
 
+  it("scales the runway from the number of projects", () => {
+    expect(getNotebookRunwayVh(1)).toBe(400);
+    expect(getNotebookRunwayVh(4)).toBe(520);
+    expect(getNotebookRunwayVh(99)).toBe(4320);
+  });
+
   it("requires desktop hover input without reduced motion", () => {
     const matchMedia = (query: string) =>
       ({