Claude a59b5ad527 Fix SSR build error by dynamically importing xterm modules ...

The Next.js build was failing with "ReferenceError: self is not defined"
during static page generation for the /dashboard page. This occurred because
the @xterm/xterm library uses browser-specific APIs like 'self' which are
not available during server-side rendering.

Fixed by:
- Converting xterm Terminal and FitAddon imports to dynamic imports
- Using type-only imports for TypeScript types
- Loading modules asynchronously only when the component is mounted in the browser
- Keeping CSS import at top level (safe for SSR as it's handled by bundler)

This ensures xterm code only executes in the browser environment while
maintaining full functionality of the interactive terminal feature.

https://claude.ai/code/session_01FwrvrFYEkL58b9HxjGDNUM

2026-01-30 21:54:00 +00:00

..

ContainerCard.tsx

Improve responsiveness and add container control buttons

2026-01-30 21:27:49 +00:00

LoginForm.tsx

Move old project and create new Flask + Next.js + MUI stack

2026-01-08 22:46:46 +00:00

TerminalModal.tsx

Fix SSR build error by dynamically importing xterm modules

2026-01-30 21:54:00 +00:00