feat: add preview environment simulator

[bo-iliev]

Summary

• add an interactive preview environment simulator inspired by the Atomsized preview-environments workflow
• teach the lifecycle as one persistent architecture map instead of separate browser-style windows
• keep three connected zones visible: developer intent, GitOps control plane, and ephemeral environment
• identify each action with a minimal owner cue for Developer, CI pipeline, Argo CD automation, or Kubernetes automation
• keep only genuine human decisions clickable while automated infrastructure work advances on its own
• show five-second circular progress for CI image build and registry push, followed by timed Argo CD detection, ApplicationSet rendering, and Kubernetes reconciliation
• return health and revision evidence to the pull request through a visible feedback path
• trigger cleanup by closing the PR, then show Argo CD pruning every Kubernetes preview resource together without additional learner clicks
• center single-service examples and stack the architecture cleanly on small screens
• include three examples plus an optional concrete failure-and-repair challenge
• keep generated Git intent and deployment evidence in a collapsed inspection view
• register the simulator for listings and embeds, add partnership context, metadata, tests, and a social image

Verification

• Vitest: 10 tests passed
• ESLint: passed for the simulator component
• Prettier and git diff checks: passed
• Browser walkthrough: completed the automatic flow from one label click through image build, registry push, Argo CD reconciliation, Kubernetes deployment, review, and teardown
• Timing check: build runs at 1.2s, push at 6.4s, Argo detection at 11.4s, and ApplicationSet rendering at 14s
• Interaction check: no Next or per-resource cleanup buttons appear during automatic work
• Ownership check: the active indicator hands off between Developer, CI pipeline, and Argo CD as the flow advances
• Cleanup check: Argo CD and every preview resource enter removing together, complete automatically, and expose no per-resource cleanup buttons
• Challenge check: a wrong repair is explained and the correct repair resumes the flow
• Responsive check: verified at 390px with no simulator-level horizontal overflow
• Browser console: no warnings or errors
• Repository-wide TypeScript has existing baseline diagnostics; none reference the preview-environment simulator

[cloudflare-workers-and-pages]

Deploying devops-daily with    Cloudflare Pages

Latest commit:	891b271
Status:	✅  Deploy successful!
Preview URL:	https://3f2026f4.devops-daily.pages.dev
Branch Preview URL:	https://codex-preview-environment-si.devops-daily.pages.dev

View logs

[bobbyonmagic]

Nice work here, the simulator looks good! I would suggest improving the UX a bit because on a bit of smaller screens it is a bit overwhelming and you cant see the navigation controls so you end up needing to scroll up and down: