> For the complete documentation index, see [llms.txt](https://ai-os-and-trend-finder.gitbook.io/ai-os-and-trend-finder-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ai-os-and-trend-finder.gitbook.io/ai-os-and-trend-finder-docs/.spec_system/archive/sessions/phase37-session05-g6-ui-cinematics/tasks.md).

# Task Checklist

**Session ID**: `phase37-session05-g6-ui-cinematics` **Total Tasks**: 23 **Tasks Completed**: 23 / 23 **Estimated Duration**: 3-4 hours **Created**: 2026-06-29

***

Legend: `[x]` completed; `[ ]` pending; `[P]` parallelizable; `[SNNMM]` session ref; `TNNN` task ID.

***

## Setup (3 tasks)

* [x] T001 \[S3705] Verify G6 source, alpha derivative, crop manifest, gameplay/UI atlas outputs, docs preview, packer prerequisites, and current UI/cinematic touchpoints before edits (`docs/ongoing-projects/generated/ai-rogue-visual-audio-assets/source/ai-rogue-cinematic-ui-source.png`, `docs/ongoing-projects/generated/ai-rogue-visual-audio-assets/alpha/ai-rogue-cinematic-ui-alpha.png`, `docs/ongoing-projects/generated/ai-rogue-visual-audio-assets/crop-manifest.json`, `src/assets/ai-rogue/gameplay-atlas.json`, `src/assets/ai-rogue/ui-atlas.json`, `docs/extensions/ai-rogue/generated/ai-rogue-production-atlas-preview.png`, `scripts/extensions/ai-rogue/pack-visual-assets.py`, `src/extensions/ai-rogue/runtime/effects-cinematics.ts`, `src/extensions/ai-rogue/runtime/render-hud.ts`, `src/extensions/ai-rogue/views/reward-icon.tsx`)
* [x] T002 \[S3705] Create the G6 implementation ledger with candidate review, accepted/rejected manifest decisions, no-baked-text review, validation commands, desktop proof, mobile proof, and familiar-control review sections (`.spec_system/specs/phase37-session05-g6-ui-cinematics/implementation-notes.md`)
* [x] T003 \[S3705] Baseline current end-screen, HUD, Play, Ledger, Loadout, Settings, asset metadata, and mobile route behavior before modifying visuals (`src/extensions/ai-rogue/runtime/effects-cinematics.ts`, `src/extensions/ai-rogue/runtime/render-hud.ts`, `src/extensions/ai-rogue/__tests__/client.test.tsx`, `src/extensions/ai-rogue/runtime/__tests__/render-model.test.ts`, `tests/e2e/ai-rogue-runtime.spec.ts`, `tests/e2e/ai-rogue-mobile.spec.ts`)

***

## Foundation (6 tasks)

* [x] T004 \[S3705] Extend accepted and rejected G6 crop decisions for title-card panels, result badges, run-stat markers, shard/save-slot icons, class/relic/wallet upgrade icons, and domain-specific settings icons with no-baked-text review (`docs/ongoing-projects/generated/ai-rogue-visual-audio-assets/crop-manifest.json`)
* [x] T005 \[S3705] Run the visual packer and refresh UI atlas output plus the docs preview while preserving the gameplay atlas unless a scoped gameplay-atlas need is proven (`scripts/extensions/ai-rogue/pack-visual-assets.py`, `src/assets/ai-rogue/ui-atlas.png`, `src/assets/ai-rogue/ui-atlas.json`, `src/assets/ai-rogue/gameplay-atlas.png`, `src/assets/ai-rogue/gameplay-atlas.json`, `docs/extensions/ai-rogue/generated/ai-rogue-production-atlas-preview.png`)
* [x] T006 \[S3705] Add typed G6 panel, badge, run-stat, surface-icon, save-slot, and settings frame-name unions plus required UI frame groups with types matching declared contracts and exhaustive enum handling (`src/extensions/ai-rogue/runtime/types-assets.ts`, `src/extensions/ai-rogue/runtime/assets.ts`)
* [x] T007 \[S3705] Extend `RewardIcon` with accepted G6 React icon names, accessible labels, decorative handling, stable dimensions, and null-safe missing-frame behavior (`src/extensions/ai-rogue/views/reward-icon.tsx`)
* [x] T008 \[S3705] \[P] Update asset metadata tests for G6 frame counts, required UI frame membership, compact TexturePacker metadata, and atlas size expectations (`src/extensions/ai-rogue/runtime/__tests__/assets.test.ts`)
* [x] T009 \[S3705] \[P] Update `RewardIcon` client coverage for G6 accessible labels, decorative icons, missing-frame fallback, and product-facing copy (`src/extensions/ai-rogue/__tests__/client.test.tsx`, `src/extensions/ai-rogue/views/reward-icon.tsx`)

***

## Implementation (9 tasks)

* [x] T010 \[S3705] Wire G6 end-screen panels, result badges, and decorative frame accents in Pixi while keeping titles, stats, prompts, and numbers as rendered text (`src/extensions/ai-rogue/runtime/effects-cinematics.ts`)
* [x] T011 \[S3705] Wire G6 HUD run-stat, shard, objective, class, relic, and wallet icons through presentation descriptors with stable dimensions and no simulation-state changes (`src/extensions/ai-rogue/runtime/render-hud.ts`, `src/extensions/ai-rogue/runtime/render-model.ts`)
* [x] T012 \[S3705] Wire Play route save-slot, run-summary, wallet, and readiness icons with explicit loading, empty, error, storage-unavailable, public-demo, and recovery states preserved (`src/extensions/ai-rogue/views/play-view.tsx`)
* [x] T013 \[S3705] Wire Ledger claim, source, wallet, and durable-record icons with duplicate-trigger prevention while in-flight and storage recovery states preserved (`src/extensions/ai-rogue/views/ledger-view.tsx`)
* [x] T014 \[S3705] Wire Loadout class, relic, equipment upgrade, and wallet icons with duplicate-trigger prevention while in-flight and selected-state revalidation on re-entry (`src/extensions/ai-rogue/views/loadout-view.tsx`)
* [x] T015 \[S3705] Wire domain-specific Settings storage, audio, input-mode, display, and save-state icons while preserving familiar generic controls, accessibility labels, focus management, and input support (`src/extensions/ai-rogue/views/settings-view.tsx`)
* [x] T016 \[S3705] \[P] Update render-model tests for G6 HUD descriptors, z-ordering, high-contrast/reduced-motion readability, stable dimensions, and product-facing labels (`src/extensions/ai-rogue/runtime/__tests__/render-model.test.ts`)
* [x] T017 \[S3705] \[P] Update React surface tests for Play, Ledger, Loadout, Settings, G6 icon labels, loading/empty/error states, claim idempotency, purchase idempotency, and standard-control preservation (`src/extensions/ai-rogue/__tests__/client.test.tsx`)
* [x] T018 \[S3705] \[P] Update desktop and mobile browser specs for G6 end-screen/HUD/React surface proof, no layout shift, no text overlap, no horizontal overflow, no bridge requests, and no unclear control replacement (`tests/e2e/ai-rogue-runtime.spec.ts`, `tests/e2e/ai-rogue-mobile.spec.ts`)

***

## Testing (5 tasks)

* [x] T019 \[S3705] Run the packer, typecheck, and asset-size validation and record command results (`scripts/extensions/ai-rogue/pack-visual-assets.py`, `bun run typecheck`, `scripts/check-asset-sizes.sh`)
* [x] T020 \[S3705] Run focused Vitest suites for assets, render-model, and AI Rogue client/view behavior touched by G6 changes (`src/extensions/ai-rogue/runtime/__tests__/assets.test.ts`, `src/extensions/ai-rogue/runtime/__tests__/render-model.test.ts`, `src/extensions/ai-rogue/__tests__/client.test.tsx`)
* [x] T021 \[S3705] Run desktop AI Rogue browser proof for G6 end-screen, HUD, Play, Ledger, Loadout, and Settings visuals with product-facing copy only (`tests/e2e/ai-rogue-runtime.spec.ts`)
* [x] T022 \[S3705] Run mobile AI Rogue browser proof for G6 icon readability, familiar controls, no horizontal overflow, no layout overlap, and recovery paths (`tests/e2e/ai-rogue-mobile.spec.ts`)
* [x] T023 \[S3705] Update visual asset documentation and validate ASCII, LF line endings, diff whitespace, and completion notes before handoff (`docs/extensions/ai-rogue/visual-assets.md`, `git diff --check`, `.spec_system/specs/phase37-session05-g6-ui-cinematics/implementation-notes.md`)

***

## Completion Checklist

* [x] All tasks marked `[x]`
* [x] All tests and checks passing
* [x] All files ASCII-encoded with LF line endings
* [x] implementation-notes.md updated
* [x] Ready for `creview` to start the creview -> validate sequence

***

## Next Steps

Run the `creview` workflow step.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://ai-os-and-trend-finder.gitbook.io/ai-os-and-trend-finder-docs/.spec_system/archive/sessions/phase37-session05-g6-ui-cinematics/tasks.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.