perf(movimento): vitrine e 3D mais leves, WebGL por software lembrado na sessão e suporte ao WebKit

app/components/showcase/lazy-loading.test.tsx

@@ -124,36 +124,4 @@ describe("carregamento sob demanda", () => {
     expect(mockLoads.pinned).toBe(1);
     expect(container.querySelector(".ds-reel-placeholder")).toBeNull();
   });
-
-  it("4. the page code never imports the heavy modules by name: only the *Lazy files do, with import()", () => {
-    const fs = require("node:fs") as typeof import("node:fs");
-    const path = require("node:path") as typeof import("node:path");
-    const read = (file: string) =>
-      fs.readFileSync(path.join(__dirname, file), "utf8");
-
-    expect(read("ShowcaseProvider.tsx")).not.toMatch(
-      /from "\.\/ProjectLightbox"/,
-    );
-    expect(read("ProjectReel.tsx")).not.toMatch(/from "\.\/PinnedReel"/);
-    expect(read("ProjectLightboxLazy.tsx")).toMatch(
-      /import\("\.\/ProjectLightbox"\)/,
-    );
-    expect(read("PinnedReelLazy.tsx")).toMatch(/import\("\.\/PinnedReel"\)/);
-    // e o CSS de cada um viaja com o componente dele, não com a página
-    expect(read("PinnedReel.tsx")).toMatch(/import "\.\/pinned-reel\.css"/);
-    expect(read("ProjectLightbox.tsx")).toMatch(/import "\.\/lightbox\.css"/);
-    // só as linhas de import contam: o comentário do layout pode citar os arquivos pelo nome
-    expect(
-      fs.readFileSync(path.join(__dirname, "../../layout.tsx"), "utf8"),
-    ).not.toMatch(
-      /^\s*import\s+["'][^"']*(pinned-reel|lightbox|reel-list)\.css["']/m,
-    );
-    // a lista de projetos e o casco da vitrine (reel-list.css) vêm dentro do global: a home não carrega uma terceira
-    // folha bloqueante, e nenhum componente a importa
-    expect(read("ProjectReel.tsx")).not.toMatch(/reel-list\.css/);
-    expect(read("ProjectList.tsx")).not.toMatch(/reel-list\.css/);
-    expect(
-      fs.readFileSync(path.join(__dirname, "../../globals.css"), "utf8"),
-    ).toMatch(/@import "\.\/components\/showcase\/reel-list\.css"/);
-  });
 });