feat: harden portfolio and add SEO foundations

app/components/story/NotebookBrowser.test.tsx

@@ -1,10 +1,10 @@
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { portfolio } from "@/lib/portfolio-data";
+import { getFeaturedProjects } from "@/lib/portfolio-data";
 import NotebookBrowser, { type NotebookBrowserProps } from "./NotebookBrowser";
 import { selectNotebookProjects } from "./notebookProjects";
 
-const projects = selectNotebookProjects(portfolio.projects);
+const projects = selectNotebookProjects(getFeaturedProjects(null));
 const frame: NotebookBrowserProps["frame"] = {
   cursorVisible: true,
   cursorX: 0.4,
@@ -113,15 +113,65 @@ describe("NotebookBrowser", () => {
     expect(onSelectTab).toHaveBeenNthCalledWith(4, projects.length - 1);
   });
 
-  it("exposes a real deployment link with safe new-tab attributes", () => {
-    renderBrowser();
+  it("keeps an unknown demo link and announces its state", () => {
+    const unknownProjects = projects.map((project, index) =>
+      index === 0
+        ? {
+            ...project,
+            demoAvailability: "unknown" as const,
+            demoCheckedAt: null,
+          }
+        : project,
+    );
+    renderBrowser({ projects: unknownProjects });
 
-    const link = screen.getByRole("link", { name: /abrir projeto/i });
+    const link = screen.getByRole("link", {
+      name: /abrir projeto.*disponibilidade não verificada/i,
+    });
     expect(link).toHaveAttribute("href", projects[0].demoUrl);
     expect(link).toHaveAttribute("target", "_blank");
     expect(link).toHaveAttribute("rel", "noopener noreferrer");
   });
 
+  it("renders an unavailable demo as non-navigable text", () => {
+    const unavailableProjects = projects.map((project, index) =>
+      index === 0
+        ? {
+            ...project,
+            demoAvailability: "unavailable" as const,
+            demoCheckedAt: "2026-09-04T12:00:00.000Z",
+          }
+        : project,
+    );
+    renderBrowser({ projects: unavailableProjects });
+
+    const unavailable = screen.getByText(
+      "Demo indisponível na última verificação",
+    );
+    expect(unavailable).toHaveAttribute("aria-disabled", "true");
+    expect(unavailable.closest("a")).toBeNull();
+    expect(
+      screen.queryByRole("link", { name: /abrir projeto/i }),
+    ).not.toBeInTheDocument();
+  });
+
+  it("renders no demo action for a project without a demo", () => {
+    const noDemoProjects = [
+      {
+        ...projects[0],
+        demoUrl: null,
+        demoAvailability: "none",
+        demoCheckedAt: null,
+      },
+    ] as unknown as NotebookBrowserProps["projects"];
+    renderBrowser({ projects: noDemoProjects });
+
+    expect(screen.queryByText(/abrir projeto/i)).not.toBeInTheDocument();
+    expect(
+      screen.queryByText("Demo indisponível na última verificação"),
+    ).not.toBeInTheDocument();
+  });
+
   it("keeps the animated cursor decorative and never embeds an iframe", () => {
     const { container } = renderBrowser({
       frame: { ...frame, cursorClicking: true },