Improve intro terminal layout and wrapping for narrow/mobile viewports

[smcga]

Motivation

• Intro terminal text was getting clipped and wrapping incorrectly on narrow/mobile screens, causing letters to be hidden and lines to wrap oddly.

Description

• Add IntroLayoutMetrics and getIntroLayoutMetrics(width, height, theme) to compute responsive fontSize, lineHeight, padding, windowWidth, and windowHeight when the viewport is narrow.
• Set the canvas font before measuring character width so measureText and wrapping calculations match the rendered glyph sizes.
• Apply the responsive metrics consistently to content layout, title bar sizing, cursor block height, and the explosion-text pass to preserve the console look while avoiding clipping.
• Update src/renderer/intro/terminalIntro.ts and add tests in src/renderer/intro/terminalIntro.test.ts for the new layout behavior.

Testing

• Ran npm test -- src/renderer/intro/terminalIntro.test.ts and the test suite passed (1 file, 7 tests all green).

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
codexperimental	Ready	Preview, Comment	Apr 4, 2026 6:20pm