Restyle the factory UI with the Render design system

[anurag]

Summary

The factory UI used a blue gradient, rounded panels with shadows, and the Inter face, which is not the look of Render. This change restyles it with the foundations of the Render design system, in the dark palette only, as the UI did before. The text of the page does not change.

Changes

public/style.css (new):

• Semantic color tokens from Render's dark palette. Each component refers only to them.
• Roobert for headings, PP Neue Montreal for text, and PP Neue Montreal Mono for labels, stages, and dates.
• 1px borders, square corners, and no shadows.
• Purple only for the primary button on hover, the link to the live website, and one phrase of the headline.
• Green for stages that are done and runs that deployed, and red for failures. The stage that runs now is white, with a square that pulses. The pulse stops when the system asks for reduced motion.
• One column below 1024 px. Below 768 px, the stages are one column and the form buttons are full width.

public/index.html:

• A top bar with the Render logo, as inline SVG in the color of the text.
• The open fallbacks of the brand faces, Manrope and Roboto Mono, from Google Fonts. The brand faces have a license for internal use only, and this repository is public. A machine that has Roobert and PP Neue Montreal uses them first.
• The same element IDs, so app.js finds each element as before.

public/app.js: the history shows each status in its own element, so that the stylesheet can color it.

tests/gateway.test.ts: the test of Basic Auth looked for the headline as one string, and the purple phrase now divides it in the HTML. The test looks for the title of the page.

The gateway still serves only /, /app.js, and /style.css, all behind Basic Auth.

Test plan

• npm run check: Biome, tsc, and 376 tests pass.
• Checked in a browser at 1280 px and at 375 px, against a stand-in for /ui/apps: a run that builds, a deployed run, a failed build, the history, and the delete dialog.
• Check the page on the deployed gateway after the merge.

🤖 Generated with Claude Code