Mark the map as no longer maintained, and show each title ID's own stage (#117)

Author: AlxcBTW

README.md

@@ -1,17 +1,17 @@
 # AnyPS5 blocker map
 
-[![CI](https://github.com/AlxcBTW/anyps5-roadmap/actions/workflows/ci.yml/badge.svg)](https://github.com/AlxcBTW/anyps5-roadmap/actions/workflows/ci.yml)
-[![Pages](https://github.com/AlxcBTW/anyps5-roadmap/actions/workflows/roadmap.yml/badge.svg)](https://github.com/AlxcBTW/anyps5-roadmap/actions/workflows/roadmap.yml)
+> [!WARNING]
+> **No longer maintained, as of 24 October 2026.** The repository is archived and the page is no longer rebuilt.
+> It stays online with its last build, so its stages and blockers are as of that day. Newer test reports are in
+> AnyPS5's [Game bring-up discussions](https://github.com/boykopovar/AnyPS5/discussions/categories/game-bring-up).
+> The code is MIT licensed, and anyone can fork it to carry the map on.
 
 Which open issues stop which PS5 games in [AnyPS5](https://github.com/boykopovar/AnyPS5), the tool that ports PS5 executables to Linux and Windows,
 ranked by how many games a fix would move, plus how much of the PS5's system libraries and GPU AnyPS5
 implements.
 
-**Live: <https://alxcbtw.github.io/anyps5-roadmap/>**. A merge to `main` goes live within minutes. Otherwise
-GitHub's schedule rebuilds the page: an hourly build, and a check several times an hour that builds once an upstream
-issue or PR changed and costs no API quota when nothing did (`.github/workflows/update-check.yml`). GitHub runs
-schedules best effort and started both far less often than their cron asks, so the rebuilds come irregularly: in
-mid-October 2026 about 1.7 hours apart at the median and at most about 5 hours apart
+**Last build: <https://alxcbtw.github.io/anyps5-roadmap/>**. While the map was maintained, a merge to `main` went
+live within minutes, and GitHub's schedule rebuilt the page from upstream every few hours
 ([#70](https://github.com/AlxcBTW/anyps5-roadmap/issues/70) has the details).
 
 A community project, not an official AnyPS5 page. Every stage and link on it comes from public GitHub

web/src/App.tsx

@@ -1,4 +1,5 @@
 import { lazy, Suspense, useCallback, useEffect, useMemo, useRef } from "react";
+import { Archived } from "./components/Archived";
 import { Drawer } from "./components/Drawer";
 import { Footer } from "./components/Footer";
 import { TopBar } from "./components/TopBar";
@@ -72,6 +73,7 @@ export function App() {
         </a>
         <TopBar view={view} project={data?.model.project ?? "AlxcBTW/anyps5-roadmap"} />
         <main id="main" ref={main} tabIndex={-1} className="page main">
+          <Archived builtAt={data?.model.doc.generated_at ?? null} repo={data?.model.repo ?? "boykopovar/AnyPS5"} />
           {roadmap.status === "loading" && (
             <p className="loading" role="status">
               Loading the games…

web/src/components/Archived.tsx

@@ -0,0 +1,15 @@
+import { fmtDate } from "../lib/format";
+import { External } from "./ui";
+
+/** The map is no longer maintained: every view opens with the date its data is from. */
+export function Archived({ builtAt, repo }: { builtAt: string | null; repo: string }) {
+  const date = fmtDate(builtAt);
+  return (
+    <p className="archived">
+      <strong>This map is no longer updated.</strong>
+      {date && <> Stages and blockers are as of {date}.</>} For newer test reports, see the{" "}
+      <External href={`https://github.com/${repo}/discussions/categories/game-bring-up`}>Game bring-up discussions</External> on
+      AnyPS5.
+    </p>
+  );
+}

web/src/components/Footer.tsx

@@ -29,7 +29,7 @@ export function Footer({ model }: { model: Model | null }) {
                 </External>
               </>
             )}
-            . Rebuilt every few hours. Merged corrections go live within minutes.
+            . This is the last build.
           </p>
         )}
         <p className="foot-fine">

web/src/styles/app.css

@@ -129,6 +129,21 @@ a {
 .main:focus {
   outline: none;
 }
+/* the map is no longer maintained: ink on a sunken surface, not a warning color */
+.archived {
+  margin-top: var(--s-5);
+  padding: var(--s-3) var(--s-4);
+  border-radius: 12px;
+  background: var(--sunken);
+  color: var(--text-2);
+  font-size: var(--text-ui);
+  line-height: 1.5;
+  text-wrap: pretty;
+}
+.archived strong {
+  color: var(--text);
+  font-weight: 550;
+}
 .loading {
   padding-block: var(--s-9);
   color: var(--text-2);
@@ -1220,6 +1235,11 @@ details.detail-sec[open] > summary::after {
   gap: 6px var(--s-3);
   font-size: var(--text-small);
 }
+.stage-others {
+  color: var(--text-2);
+  font-size: var(--text-small);
+  line-height: 1.5;
+}
 .source {
   color: var(--text-2);
 }

web/src/views/About.tsx

@@ -39,7 +39,7 @@ export function About({ loc }: { loc: Location }) {
   return (
     <div className="view about">
       <ViewHead title="About this map">
-        A community map of how far PS5 games get on AnyPS5, rebuilt every few hours from public issues and pull requests in{" "}
+        A community map of how far PS5 games get on AnyPS5, built from public issues and pull requests in{" "}
         <External href={`https://github.com/${model.repo}`}>{model.repo}</External>. Every stage and every blocker links
         its source.
       </ViewHead>

web/src/views/GameDetail.tsx

@@ -37,6 +37,8 @@ export function GameDetail({ id, loc }: { id: string; loc: Location }) {
   const evidence = game.evidence ?? [];
   const meaning = model.stages.find((s) => s.name === g.stage)?.meaning;
   const several = game.title_ids.length > 1;
+  // the game's stage is its furthest title ID's; the others can be lower or have none (#114)
+  const others = (game.titles ?? []).filter((t) => t.id !== best?.title && t.stage !== g.stage);
   const timeline = game.timeline ?? [];
   const mentions = game.issues.length + game.prs.length + (game.discussions?.length ?? 0);
   // one link per kind of source: two region IDs often both have a store page
@@ -101,6 +103,18 @@ export function GameDetail({ id, loc }: { id: string; loc: Location }) {
             {g.reports && <span className={`tag sure sure-${g.confidence.level ?? "reported"}`}>{g.reports}</span>}
           </p>
         )}
+        {others.length > 0 && (
+          <p className="stage-others">
+            {others.map((t, i) => (
+              <Fragment key={t.id}>
+                {i > 0 && " "}
+                <span className="mono">{t.id}</span>
+                {t.name && t.name.toLowerCase() !== g.name.toLowerCase() && ` (${t.name})`}{" "}
+                {t.stage ? `is at ${t.stage}.` : "has no stage yet."}
+              </Fragment>
+            ))}
+          </p>
+        )}
       </section>
 
       {g.claim && (

web/src/views/views.test.tsx

@@ -153,6 +153,20 @@ describe("Game drawer", () => {
     expect(screen.queryByText(/Cover art from/)).toBeNull();
   });
 
+  it("names the title IDs that are not as far as the game", () => {
+    const doc = structuredClone(fixture);
+    const game = doc.games.find((x) => x.id === "kena-bridge-of-spirits")!;
+    game.stage = { stage: "Presents", title: "PPSA01802", url: "https://github.com/boykopovar/AnyPS5/issues/1", origin: "mined" } as typeof game.stage;
+    game.titles = game.titles.map((t) => ({ ...t, stage: t.id === "PPSA01802" ? "Presents" : null }));
+    const loc = { route: { item: null }, under: { view: "games" } } as unknown as Parameters<typeof GameDetail>[0]["loc"];
+    render(
+      <DataContext.Provider value={{ ...data, model: buildModel(doc) }}>
+        <GameDetail id="kena-bridge-of-spirits" loc={loc} />
+      </DataContext.Provider>,
+    );
+    expect(document.querySelector(".stage-others")!.textContent).toBe("PPSA01746 has no stage yet.");
+  });
+
   it("shows how far a game gets off main and the open PRs it needs", () => {
     render(<Drawer id="kena-bridge-of-spirits" />);
     const box = screen.getByRole("region", { name: "Off main" });