Skip to content

feat(desktop): Add file explorer sidebar and integrated code editor #10425

@cristian1991

Description

@cristian1991

Description

The desktop app currently lacks a way to browse and edit project files directly. Users need to switch to external editors to view or modify files referenced in conversations.

Proposed Solution

Add a resizable file explorer sidebar and tabbed Monaco editor to the desktop app:

  • File Explorer: Tree view with expand/collapse, file type icons, refresh functionality
  • Code Editor: Monaco-based editor with syntax highlighting for 100+ languages
  • Tab Management: Multiple open files, modified indicators, close buttons
  • File Watching: Detect external changes and prompt to reload
  • Keyboard Shortcuts: Ctrl+S to save, Ctrl+W to close tab

Use Cases

  • View files that Claude references in conversations without leaving the app
  • Make quick edits to code files directly in the app
  • Browse project structure while working with Claude

Additional Context

The editor integrates with the existing session workflow. The explorer panel can be toggled on/off via settings. Web platform gets graceful fallbacks (features disabled).

Metadata

Metadata

Assignees

Labels

webRelates to opencode on web / desktop

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions