feat(composer): drop the build history so the composer sits centred

apps/web/src/components/configurator/IdleCourseSetup.test.tsx

@@ -1,5 +1,4 @@
 import { fireEvent, render, screen, within } from "@testing-library/react";
-import { MemoryRouter } from "react-router";
 import { afterEach, describe, expect, it, vi } from "vitest";
 
 import { makeBriefResponse, makeRun } from "../../test/fixtures";
@@ -44,16 +43,7 @@ function renderSetup(overrides: Partial<React.ComponentProps<typeof IdleCourseSe
     onOpenSettings: vi.fn(),
     ...overrides,
   };
-  // RecentBuildsTable links to a course, which is real navigation and correctly a <Link>, so the
-  // harness supplies router context rather than the component avoiding it.
-  return {
-    props,
-    ...render(
-      <MemoryRouter>
-        <IdleCourseSetup {...props} />
-      </MemoryRouter>,
-    ),
-  };
+  return { props, ...render(<IdleCourseSetup {...props} />) };
 }
 
 afterEach(() => vi.unstubAllGlobals());
@@ -149,15 +139,15 @@ describe("IdleCourseSetup", () => {
     ).toBeInTheDocument();
   });
 
-  it("drops the explainer once there are builds, and shows them instead", () => {
-    // Someone with completed courses does not need to be told what a build does; that space is
-    // better spent on the thing they came back for.
+  it("drops the explainer once there are builds", () => {
+    // Someone with completed courses does not need to be told what a build does. The composer is
+    // then just the composer: nothing below it, so it can sit centred on the page.
     renderSetup({ runsLoaded: true, runs: [makeRun()] });
 
     expect(
       screen.queryByRole("list", { name: /what a lunaris studio build does/i }),
     ).not.toBeInTheDocument();
-    expect(screen.getByRole("heading", { name: /recent builds/i })).toBeInTheDocument();
+    expect(screen.getByLabelText("Topic")).toBeInTheDocument();
   });
 
   it("shows neither while the build history is still loading", () => {
@@ -168,7 +158,6 @@ describe("IdleCourseSetup", () => {
     expect(
       screen.queryByRole("list", { name: /what a lunaris studio build does/i }),
     ).not.toBeInTheDocument();
-    expect(screen.queryByRole("heading", { name: /recent builds/i })).not.toBeInTheDocument();
   });
 
   it("does not offer to personalize before there is a topic to read", () => {

apps/web/src/components/configurator/IdleCourseSetup.tsx

@@ -14,7 +14,6 @@ import { LiveToggle } from "../gateway/LiveToggle";
 import { PersonalizeMenu } from "./PersonalizeMenu";
 import { ComposerFeatures } from "./ComposerFeatures";
 import { ComposerOptions } from "./ComposerOptions";
-import { RecentBuildsTable } from "./RecentBuildsTable";
 import styles from "./IdleCourseSetup.module.css";
 
 interface IdleCourseSetupProps {
@@ -27,7 +26,8 @@ interface IdleCourseSetupProps {
   onStartLive?: ((topic: string) => void) | undefined;
   /** Open the operator/admin Settings panel (the rail only points there). */
   onOpenSettings: () => void;
-  /** The run history (from the shell's useRuns), which drives the recent-builds table. */
+  /** The run history (from the shell's useRuns). Read only to tell a first-time visitor from a
+   *  returning one; the composer no longer lists builds. */
   runs?: CourseRun[];
   /** Whether that history has actually loaded. The parent collapses an unloaded history to an empty
    *  array, so without this the first-run explainer would flash up and vanish for every returning
@@ -169,7 +169,6 @@ export function IdleCourseSetup({
       {/* What a build does is first-run material: someone with completed courses does not need to
           be told, and the space is better spent on what they came back for. */}
       {runsLoaded && runs.length === 0 && <ComposerFeatures mode={mode} />}
-      <RecentBuildsTable runs={runs} />
     </div>
   );
 }