code/yieldomega
Watch
4
0
Fork
You've already forked yieldomega
 0
Code Issues 1 Pull requests 1 Projects Releases Packages Wiki Activity

Frontend UX: update Home and launch countdown surfaces for the new gameplay-first brand #295

New issue
Closed
opened 2026-06-06 09:35:12 +00:00 by PlasticDigits · 3 comments
PlasticDigits commented 2026-06-06 09:35:12 +00:00 (Migrated from gitlab.com)

Summary

Update Home and launch countdown entry surfaces for the approved gameplay-first, PvP-focused Yield Omega brand — removing arcade/worldbuilding emphasis and discarding outdated sale/PvE explanations.

Scope

  • Home hub cards and hero copy
  • Launch countdown page treatment
  • Surface content definitions
  • Cross-links that point users toward immediate TimeArena gameplay
  • Preserve existing character cast in the new cyberminimalist aesthetic

Key files

  • frontend/src/pages/HomePage.tsx
  • frontend/src/pages/LaunchCountdownPage.tsx
  • frontend/src/lib/surfaceContent.ts

Constraints

  • Do not assume existing Home/countdown content is current — audit against docs/product/time-arena.md
  • Remove or rewrite copy that frames Yield Omega as PvE/worldbuilding or legacy TimeCurve sale
  • Branding: Yield Omega (with space) in user-facing strings
  • Characters stay the same cast; restyle to match new palette

Acceptance criteria

  • Home and countdown surfaces match the new visual system
  • Copy emphasizes PvP TimeArena gameplay, not worldbuilding
  • No stale TimeCurve/sale/PvE explanations remain
  • Existing characters remain recognizable in the new aesthetic
  • E2E specs (home.spec.ts, launch-countdown.spec.ts) updated and passing
## Summary Update Home and launch countdown entry surfaces for the approved gameplay-first, PvP-focused Yield Omega brand — removing arcade/worldbuilding emphasis and discarding outdated sale/PvE explanations. ## Scope - Home hub cards and hero copy - Launch countdown page treatment - Surface content definitions - Cross-links that point users toward immediate TimeArena gameplay - Preserve existing character cast in the new cyberminimalist aesthetic ## Key files - `frontend/src/pages/HomePage.tsx` - `frontend/src/pages/LaunchCountdownPage.tsx` - `frontend/src/lib/surfaceContent.ts` ## Constraints - **Do not assume existing Home/countdown content is current** — audit against `docs/product/time-arena.md` - Remove or rewrite copy that frames Yield Omega as PvE/worldbuilding or legacy TimeCurve sale - Branding: **Yield Omega** (with space) in user-facing strings - Characters stay the same cast; restyle to match new palette ## Acceptance criteria - [ ] Home and countdown surfaces match the new visual system - [ ] Copy emphasizes PvP TimeArena gameplay, not worldbuilding - [ ] No stale TimeCurve/sale/PvE explanations remain - [ ] Existing characters remain recognizable in the new aesthetic - [ ] E2E specs (`home.spec.ts`, `launch-countdown.spec.ts`) updated and passing
PlasticDigits commented 2026-06-07 07:34:32 +00:00 (Migrated from gitlab.com)

mentioned in merge request !435

mentioned in merge request !435
PlasticDigits commented 2026-06-07 07:46:10 +00:00 (Migrated from gitlab.com)

Implemented #295 in non-draft MR !435: https://gitlab.com/PlasticDigits/yieldomega/-/merge_requests/65

What I design-reviewed and changed

  • Reviewed issue #295, docs/product/time-arena.md, docs/product/arena-v2.md, frontend design/arena docs, invariants, Home/countdown code, surface content, art README, and the relevant E2E specs.
  • User goals: get to TimeArena play quickly, understand that the primary action is CHARM buying / PvP podium competition, and have an AUDIT path for verification.
  • Time-sensitive action: countdown is now a frontend access gate for Time Arena routes, not a DOUB/sale launch explanation.
  • Updated Home hero/cards and launch countdown to use dark tactical glass, compact action-first copy, tooltip-backed mechanics, and recognizable bunny/coin accents.
  • Removed stale assumptions/copy: DOUB launch wording, “goes live” wording, TimeCurve/sale/launchpad/PvE/worldbuilding/redemption framing.
  • Added/updated tests, INV-FRONTEND-295-HOME-COUNTDOWN-BRAND, manual QA #295, frontend design docs, and art consumer mapping.

Acceptance and verification

Acceptance item Command / manual step Result
Home and countdown surfaces match the new visual system Rabby Chromium visual pass via xvfb-run on /home desktop/mobile and future-timestamp countdown desktop/mobile PASS
Copy emphasizes PvP TimeArena gameplay, not worldbuilding cd frontend && npm test (surfaceContent.test.ts, LaunchCountdownPage.test.tsx) + visual copy review PASS
No stale TimeCurve/sale/PvE explanations remain surfaceContent.test.ts, LaunchCountdownPage.test.tsx, e2e/home.spec.ts, e2e/launch-countdown.spec.ts PASS
Existing characters remain recognizable in the new aesthetic Rabby Chromium visual pass: Home/countdown desktop + mobile PASS
home.spec.ts / launch-countdown.spec.ts updated and passing cd frontend && npm run build && CI=1 npm run test:e2e -- --workers=5 e2e/home.spec.ts e2e/launch-countdown.spec.ts (default no-env: 2 passed, 2 expected skips) PASS
Countdown E2E path exercised cd frontend && VITE_LAUNCH_TIMESTAMP=4102444800 npm run build && CI=1 npm run test:e2e -- --workers=5 e2e/home.spec.ts e2e/launch-countdown.spec.ts (future build: 1 passed, 3 expected skips) PASS
Frontend typecheck cd frontend && npm run typecheck PASS
Frontend lint cd frontend && npm run lint PASS (0 errors; existing warnings only in unrelated Arena/provider files)
Frontend unit tests cd frontend && npm test PASS (108 files, 553 tests)
Docs/art checks bash scripts/check-doc-anchors.sh && bash scripts/check-art-readme-consumers.sh PASS

Accessibility / responsive notes

  • Home and countdown were checked at desktop (1440x1000) and mobile (390x844) with no horizontal overflow.
  • Entry actions remain native links/buttons with visible focus-ring support from the existing shell.
  • Informational mechanics are in title / aria-label text; visible copy stays compact.
  • Rabby was loaded for the requested Chromium/Rabby environment; no wallet signing was required for these entry surfaces.

All criteria are PASS. Leaving the issue open for maintainer review per the “changes needed” path in the task instructions.

Implemented #295 in non-draft MR !435: https://gitlab.com/PlasticDigits/yieldomega/-/merge_requests/65 ## What I design-reviewed and changed - Reviewed issue #295, `docs/product/time-arena.md`, `docs/product/arena-v2.md`, frontend design/arena docs, invariants, Home/countdown code, surface content, art README, and the relevant E2E specs. - User goals: get to TimeArena play quickly, understand that the primary action is CHARM buying / PvP podium competition, and have an AUDIT path for verification. - Time-sensitive action: countdown is now a frontend access gate for Time Arena routes, not a DOUB/sale launch explanation. - Updated Home hero/cards and launch countdown to use dark tactical glass, compact action-first copy, tooltip-backed mechanics, and recognizable bunny/coin accents. - Removed stale assumptions/copy: DOUB launch wording, “goes live” wording, TimeCurve/sale/launchpad/PvE/worldbuilding/redemption framing. - Added/updated tests, `INV-FRONTEND-295-HOME-COUNTDOWN-BRAND`, manual QA #295, frontend design docs, and art consumer mapping. ## Acceptance and verification | Acceptance item | Command / manual step | Result | |---|---|---| | Home and countdown surfaces match the new visual system | Rabby Chromium visual pass via `xvfb-run` on `/home` desktop/mobile and future-timestamp countdown desktop/mobile | PASS | | Copy emphasizes PvP TimeArena gameplay, not worldbuilding | `cd frontend && npm test` (`surfaceContent.test.ts`, `LaunchCountdownPage.test.tsx`) + visual copy review | PASS | | No stale TimeCurve/sale/PvE explanations remain | `surfaceContent.test.ts`, `LaunchCountdownPage.test.tsx`, `e2e/home.spec.ts`, `e2e/launch-countdown.spec.ts` | PASS | | Existing characters remain recognizable in the new aesthetic | Rabby Chromium visual pass: Home/countdown desktop + mobile | PASS | | `home.spec.ts` / `launch-countdown.spec.ts` updated and passing | `cd frontend && npm run build && CI=1 npm run test:e2e -- --workers=5 e2e/home.spec.ts e2e/launch-countdown.spec.ts` (default no-env: 2 passed, 2 expected skips) | PASS | | Countdown E2E path exercised | `cd frontend && VITE_LAUNCH_TIMESTAMP=4102444800 npm run build && CI=1 npm run test:e2e -- --workers=5 e2e/home.spec.ts e2e/launch-countdown.spec.ts` (future build: 1 passed, 3 expected skips) | PASS | | Frontend typecheck | `cd frontend && npm run typecheck` | PASS | | Frontend lint | `cd frontend && npm run lint` | PASS (0 errors; existing warnings only in unrelated Arena/provider files) | | Frontend unit tests | `cd frontend && npm test` | PASS (108 files, 553 tests) | | Docs/art checks | `bash scripts/check-doc-anchors.sh && bash scripts/check-art-readme-consumers.sh` | PASS | ## Accessibility / responsive notes - Home and countdown were checked at desktop (`1440x1000`) and mobile (`390x844`) with no horizontal overflow. - Entry actions remain native links/buttons with visible focus-ring support from the existing shell. - Informational mechanics are in `title` / `aria-label` text; visible copy stays compact. - Rabby was loaded for the requested Chromium/Rabby environment; no wallet signing was required for these entry surfaces. All criteria are PASS. Leaving the issue open for maintainer review per the “changes needed” path in the task instructions.
PlasticDigits commented 2026-06-07 12:04:26 +00:00 (Migrated from gitlab.com)

Verification complete — GitLab #295

Issue: https://gitlab.com/PlasticDigits/yieldomega/-/work_items/295
Implementation: merged in MR !435
Agent: agent:verify (independent re-verification on main @ 4d26577)

Acceptance criteria

Item How verified Result
Home and countdown surfaces match the new visual system Playwright Chromium visual pass on preview (127.0.0.1:5173): /home desktop 1440×1000 + mobile 390×844; countdown gate desktop + mobile after VITE_LAUNCH_TIMESTAMP=4102444800 build PASS
Copy emphasizes PvP TimeArena gameplay, not worldbuilding cd frontend && npm test (surfaceContent.test.ts, LaunchCountdownPage.test.tsx) + visual copy scan on Home/countdown surfaces PASS
No stale TimeCurve/sale/PvE explanations remain Unit tests above + e2e/home.spec.ts + e2e/launch-countdown.spec.ts stale-copy assertions; grep of HomePage.tsx / LaunchCountdownPage.tsx / surfaceContent.ts PASS
Existing characters remain recognizable in the new aesthetic Desktop: bunny cutout accents on Home + countdown; mobile: hero/countdown scene SVG art (cutouts intentionally hidden ≤720px per CSS) PASS
E2E specs updated and passing See commands below PASS

Commands run

cd frontend && npm run typecheck                    # PASS
cd frontend && npm run lint                         # PASS (0 errors; 9 pre-existing warnings in unrelated Arena/provider files)
cd frontend && npm test                             # PASS — 110 files, 564 tests
cd frontend && npm run build && CI=1 npm run test:e2e -- --workers=5 e2e/home.spec.ts e2e/launch-countdown.spec.ts
# default no-env build: 2 passed, 2 expected skips

cd frontend && VITE_LAUNCH_TIMESTAMP=4102444800 npm run build && CI=1 npm run test:e2e -- --workers=5 e2e/home.spec.ts e2e/launch-countdown.spec.ts
# future-timestamp build: 1 passed, 3 expected skips

bash scripts/check-doc-anchors.sh                   # PASS — 61 anchors
bash scripts/check-art-readme-consumers.sh          # PASS — 31 consumers, no stale TimeCurve links

Manual QA (#295 checklist)

  • Home desktop: Yield Omega hero, PLAY TIME ARENA primary CTA, AUDIT secondary, Time Arena / Arena AUDIT / Referrals / Kumbaya / Sir cards — PASS
  • Home mobile: no horizontal overflow; hero chips + CTAs visible — PASS
  • Countdown desktop/mobile: Time Arena opens in, PvP console gate. Prepare to play., PLAY / CRED / PVP / AUDIT chips — PASS
  • Rabby extension installed per cloud bootstrap; wallet connection not required for entry-surface review — SKIP (not in scope for this surface)

Invariant

INV-FRONTEND-295-HOME-COUNTDOWN-BRAND documented in docs/testing/invariants-and-business-logic.md and covered by the automated checks above.

All acceptance criteria PASS. Closing as verified on main with no additional repo changes from this verification run.

## Verification complete — GitLab #295 **Issue:** https://gitlab.com/PlasticDigits/yieldomega/-/work_items/295 **Implementation:** merged in MR !435 **Agent:** `agent:verify` (independent re-verification on `main` @ `4d26577`) ### Acceptance criteria | Item | How verified | Result | |------|----------------|--------| | Home and countdown surfaces match the new visual system | Playwright Chromium visual pass on preview (`127.0.0.1:5173`): `/home` desktop `1440×1000` + mobile `390×844`; countdown gate desktop + mobile after `VITE_LAUNCH_TIMESTAMP=4102444800` build | **PASS** | | Copy emphasizes PvP TimeArena gameplay, not worldbuilding | `cd frontend && npm test` (`surfaceContent.test.ts`, `LaunchCountdownPage.test.tsx`) + visual copy scan on Home/countdown surfaces | **PASS** | | No stale TimeCurve/sale/PvE explanations remain | Unit tests above + `e2e/home.spec.ts` + `e2e/launch-countdown.spec.ts` stale-copy assertions; grep of `HomePage.tsx` / `LaunchCountdownPage.tsx` / `surfaceContent.ts` | **PASS** | | Existing characters remain recognizable in the new aesthetic | Desktop: bunny cutout accents on Home + countdown; mobile: hero/countdown scene SVG art (cutouts intentionally hidden ≤720px per CSS) | **PASS** | | E2E specs updated and passing | See commands below | **PASS** | ### Commands run ```bash cd frontend && npm run typecheck # PASS cd frontend && npm run lint # PASS (0 errors; 9 pre-existing warnings in unrelated Arena/provider files) cd frontend && npm test # PASS — 110 files, 564 tests cd frontend && npm run build && CI=1 npm run test:e2e -- --workers=5 e2e/home.spec.ts e2e/launch-countdown.spec.ts # default no-env build: 2 passed, 2 expected skips cd frontend && VITE_LAUNCH_TIMESTAMP=4102444800 npm run build && CI=1 npm run test:e2e -- --workers=5 e2e/home.spec.ts e2e/launch-countdown.spec.ts # future-timestamp build: 1 passed, 3 expected skips bash scripts/check-doc-anchors.sh # PASS — 61 anchors bash scripts/check-art-readme-consumers.sh # PASS — 31 consumers, no stale TimeCurve links ``` ### Manual QA (#295 checklist) - Home desktop: **Yield Omega** hero, **PLAY TIME ARENA** primary CTA, **AUDIT** secondary, Time Arena / Arena AUDIT / Referrals / Kumbaya / Sir cards — **PASS** - Home mobile: no horizontal overflow; hero chips + CTAs visible — **PASS** - Countdown desktop/mobile: **Time Arena opens in**, **PvP console gate. Prepare to play.**, **PLAY / CRED / PVP / AUDIT** chips — **PASS** - Rabby extension installed per cloud bootstrap; wallet connection not required for entry-surface review — **SKIP** (not in scope for this surface) ### Invariant `INV-FRONTEND-295-HOME-COUNTDOWN-BRAND` documented in `docs/testing/invariants-and-business-logic.md` and covered by the automated checks above. All acceptance criteria **PASS**. Closing as verified on `main` with no additional repo changes from this verification run.
PlasticDigits (Migrated from gitlab.com) closed this issue 2026-06-07 12:04:30 +00:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
cac-design-issue-544
renovate/configure
No results found.
Labels
Clear labels   
agent:fix_bugfix

   
agent:fix_conflicts

   
agent:fix_security

   
agent:gap_analysis

   
agent:implement

   
agent:open_issues

   
agents

   
agent:security_audit

   
agent:verify
  
area
timecurve

  
arena

   
arena-v2

   
audit

   
block:feature_review

   
block:security

   
bug

   
contracts

   
design

   
devops

   
docs
Documentation

  
documentation

   
enhancement

   
epic
Epic / umbrella issue

  
feature

   
frontend

   
indexer

   
low priority
Low priority, investigate other issues first

  
megaeth

   
operations

   
ops
Deploy and operations

  
performance

   
QA

   
qa checklist

   
referrals

   
removal
Legacy removal

  
security

   
smart-contracts

   
tech-debt

   
testing

   
time-arena
TimeArena v2 revamp

  
timecurve

   
visual-qa
No labels
agent:fix_bugfix
agent:fix_conflicts
agent:fix_security
agent:gap_analysis
agent:implement
agent:open_issues
agents
agent:security_audit
agent:verify
area
timecurve
arena
arena-v2
audit
block:feature_review
block:security
bug
contracts
design
devops
docs
documentation
enhancement
epic
feature
frontend
indexer
low priority
megaeth
operations
ops
performance
QA
qa checklist
referrals
removal
security
smart-contracts
tech-debt
testing
time-arena
timecurve
visual-qa
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
code/yieldomega#295
No description provided.