CodeState UI

A modern VS Code webview application for managing development sessions, scripts, and terminal collections. Built with Preact and featuring a minimal design system inspired by codestate.dev with glassmorphism effects and three theme modes.

Used By

This UI library powers the CodeState IDE VS Code extension - a powerful tool that saves and restores your complete development environment. CodeState IDE automatically captures open files and restores files, terminal commands, scripts, and project state across sessions, ensuring you never lose your coding context again.

Features

Core Functionality

• Session Management: Create, view, and manage development sessions
• Script Management: Organize and execute scripts within sessions
• Terminal Collections: Group and manage terminal instances
• Configuration Management: Customize settings and preferences
• Real-time Updates: Live data synchronization with VS Code

Design System

• Three Theme Modes: Match IDE (inherits VS Code theme), Light (soft grays), Dark (codestate.dev inspired)
• Glassmorphism Effects: Restrained transparency and blur for depth and layering
• Smooth Animations: Subtle micro-animations with purposeful transitions
• Accessibility: Full keyboard navigation and screen reader support
• Responsive Design: Adapts to different screen sizes
• Modular Components: Easy to scale and customize

License

MIT License - see LICENSE file for details.

Contributing

For development information, contributing guidelines, and technical details, see Development.md.

Support

• 📖 Documentation
• 🐛 Report Issues
• 💬 Discussions