Skip to content

Conversation

@Only-Moon
Copy link

Major architectural refactor to the workspace and monitor to fix layout instability and improve resilience. Swapped the heavy IDE engine for a high-performance lightweight core.
Workspace Enhancements:

  • Lightweight Editor Core: Replaced original text handling with react-simple-code-editor + PrismJS for stable, grid-aware editing of .md, .py, .json, and .sh files.
  • Unified Card UI: Standardized every file type into a consistent bg-shell-900 card shell with unified margins and 1200px max-width container.
  • Markdown Viewer: Added dedicated MarkdownViewer.tsx with integrated Prism highlighting for nested code blocks.
  • URL State Sync: Integrated useSearch/useNavigate to persist the selected file in the URL, keeping the state active on refresh.
  • Hardened File Ops: Improved workspace-fs.ts with recursive directory creation and stricter path validation.

Monitor & Stability Fixes:

  • Deep Null-Safety: Added defensive checks across Action Graph and Session List components to kill "White Screen" crashes during slow streaming.
  • Web Socket Resilience: Hardened OpenClaw Client with 30s timeouts and a smarter 2s reconnect strategy.
  • Performance: Optimized monitor polling intervals to 10s to reduce system load.
  • Visual Polish: Standardized Status Indicator and Session Node logic for data-parity during partial frame loads.

Purged unused experimental dependencies and standardized PrismJS highlighting across the entire stack. fr 🚀

…ility

Major architectural refactor to the workspace and monitor to fix layout instability and improve resilience. Swapped the heavy IDE engine for a high-performance lightweight core.

Workspace Enhancements:
- Lightweight Editor Core: Replaced original text handling with react-simple-code-editor + PrismJS for stable, grid-aware editing of .md, .py, .json, and .sh files.
- Unified Card UI: Standardized every file type into a consistent bg-shell-900 card shell with unified margins and 1200px max-width container.
- Markdown Viewer: Added dedicated MarkdownViewer.tsx with integrated Prism highlighting for nested code blocks.
- URL State Sync: Integrated useSearch/useNavigate to persist the selected file in the URL, keeping the state active on refresh.
- Hardened File Ops: Improved workspace-fs.ts with recursive directory creation and stricter path validation.

Monitor & Stability Fixes:
- Deep Null-Safety: Added defensive checks across ActionGraph and SessionList components to kill "White Screen" crashes during slow streaming.
- WebSocket Resilience: Hardened ClawdbotClient with 30s timeouts and a smarter 2s reconnect strategy.
- Performance: Optimized monitor polling intervals to 10s to reduce system load.
- Visual Polish: Standardized StatusIndicator and SessionNode logic for data-parity during partial frame loads.

Purged unused experimental dependencies and standardized PrismJS highlighting across the entire stack. 🚀
@Only-Moon
Copy link
Author

This PR likely resolves Issue #37 by hardening the WebSocket client resilience and adding deep null-safety to the ActionGraph components, preventing silent UI crashes during real-time streaming.

@luccast luccast added the enhancement New feature or request label Feb 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants