---
description: Trading UI remediation verification with turbo-safe checks
---

# Trading UI Remediation Verification

Use this workflow after each UI remediation slice in `learning_ai_invt_trdg`.

1. Review current working tree status.

// turbo
2. Run `git status --short --branch`.

3. Inspect the pending diff and confirm only intended files changed.

// turbo
4. Run `git diff --stat`.

// turbo
5. Run `git diff --check`.

6. Run the UI drift audit.

// turbo
7. Run `pnpm run audit:ui`.

// turbo
8. Run `pnpm run audit:ui:strict`.

9. Run trading web static verification.

// turbo
10. Run `pnpm --filter @bytelyst/trading-web typecheck`.

// turbo
11. Run `pnpm --filter @bytelyst/trading-web lint`.

// turbo
12. Run `pnpm --filter @bytelyst/trading-web build`.

13. Run targeted tests for the changed surface. Prefer one of these commands based on the slice:

// turbo
14. For app shell/layout changes, run `TMPDIR="$PWD/.tmp/vitest" pnpm --filter @bytelyst/trading-web exec vitest run src/components/layout/Header.dom.test.tsx src/components/layout/AppShell.dom.test.tsx src/App.dom.test.tsx`.

// turbo
15. For Trade Plans changes, run `TMPDIR="$PWD/.tmp/vitest" pnpm --filter @bytelyst/trading-web exec vitest run src/views/SimpleView.test.ts src/views/tradePlansState.test.ts`.

// turbo
16. For primitive adapter changes, run `TMPDIR="$PWD/.tmp/vitest" pnpm --filter @bytelyst/trading-web exec vitest run src/components/ComponentsSmoke.test.ts`.

17. If all verification passes, update `docs/PRODUCTION_GRADE_UX_REMEDIATION_ROADMAP.md` with the slice summary, verification commands, and commit hash.

18. Commit the implementation slice with a scoped message such as `refactor(ui): polish app shell right rail`.

19. Commit the roadmap update with a scoped message such as `docs(ui): record app shell remediation`.

20. Push to `origin main`.