Flagship v32 white‑edition redesign: premium white theme and top‑fold readiness gateway

[MontrealAI]

Motivation

• Elevate the single-file dApp into a premium, editorial, white/ivory “flagship” console with clearer hierarchy, editorial spacing, and a calm authoritative tone.
• Make the transaction readiness surface (.heroNotice — “Before You Transact” + Quick Bond Calculator) a top priority by moving it directly after the wallet/connect card and before #missionControlSection so users see it as a formal compliance gateway.
• Introduce a coherent, tokenized light design system to unify cards, controls, tables, modals, mobile dock, and terms surfaces while preserving all on‑chain semantics and JS hooks.

Description

• Physically moved the existing .heroNotice markup so it now appears immediately after the wallet/connect card and before the #missionControlSection, preserving the original IDs and inputs such as termsAccepted, jumpToTermsBtn, expandTermsBtn, collapseTermsBtn, calcPayout, and calcDuration (no duplication of IDs or elements).
• Added a flagship white‑edition CSS token override block in the same single HTML file that defines a disciplined token set (--background, --foreground, --card, --border, --accent, --shadow-*, --radius-*, etc.) and applied refined styles across core primitives (cards, btn / btn-primary, inputs, jobs-table, pills, charts, modals, mobile dock).
• Upgraded the top fold by inserting a small masthead badge and strengthening the h1/subtitle copy and layout to create a composed, institutional entry experience while keeping all original DOM hooks intact.
• Kept the file self‑contained (single HTML) with no external frameworks, no ABI/contract/logic edits, and no changes to contract/math/approval flows.

Testing

• Served the updated file locally with python3 -m http.server 4173 and verified the page loads for visual validation; the server run succeeded.
• Loaded the served page via an automated Playwright script and captured a top‑fold screenshot to validate visual placement and composition; the script completed and the screenshot artifact was produced.
• Performed automated verification that the ui/agijobmanager_genesis_job_mainnet_2026-03-05-v32.html output was the only file changed and confirmed the .heroNotice block is present in its new location and critical IDs remain unchanged; those checks succeeded.

---

Codex Task

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 2f7555c2bc

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Keep desktop container rule from overriding mobile media query

This new base rule is now defined after the existing responsive block (@media (max-width:560px) earlier in the same stylesheet), so on small screens it wins the cascade and replaces the intended mobile padding with desktop spacing. That regression makes the top fold and dock layout much less usable on phones, even though the mobile overrides are still present. Move the flagship base block above the responsive section (or add a later mobile override) so the compact mobile spacing remains effective.

Useful? React with 👍 / 👎.