feat: add built-in file editor with syntax highlighting #79

Merged

naomi merged 6 commits from feat/editor into main 2026-01-28 18:20:02 -08:00

Conversation 0 Commits 6 Files Changed 21

+3803 -4

hikari commented 2026-01-28 16:14:23 -08:00

Owner

Copy Link

Copy Source

Summary

• Add CodeMirror 6 editor with syntax highlighting for 40+ languages
• Add file browser sidebar with collapsible directory tree navigation
• Add multi-tab support with dirty state indicators and close buttons
• Add keyboard shortcuts (Ctrl+E toggle, Ctrl+B file browser, Ctrl+S save, Ctrl+W close tab)
• Add editor toggle button to status bar (disabled when not connected)
• Editor automatically uses current session's working directory
• Add Tauri backend commands for file operations (list_directory, read_file_content, write_file_content)

Test Plan

• Connect to a session and verify the editor toggle button becomes enabled
• Press Ctrl+E to open the editor and verify file tree shows the session's CWD
• Navigate directories and open files to verify syntax highlighting works
• Edit a file and verify the dirty indicator (*) appears
• Save with Ctrl+S and verify the dirty indicator disappears
• Open multiple files and verify tab switching works
• Close tabs with Ctrl+W or the X button
• Disconnect and verify the editor automatically closes
• Verify keyboard shortcuts are documented in the shortcuts modal

Closes #72

✨ This PR was created with help from Hikari~ 🌸

## Summary - Add CodeMirror 6 editor with syntax highlighting for 40+ languages - Add file browser sidebar with collapsible directory tree navigation - Add multi-tab support with dirty state indicators and close buttons - Add keyboard shortcuts (Ctrl+E toggle, Ctrl+B file browser, Ctrl+S save, Ctrl+W close tab) - Add editor toggle button to status bar (disabled when not connected) - Editor automatically uses current session's working directory - Add Tauri backend commands for file operations (list_directory, read_file_content, write_file_content) ## Test Plan - [ ] Connect to a session and verify the editor toggle button becomes enabled - [ ] Press Ctrl+E to open the editor and verify file tree shows the session's CWD - [ ] Navigate directories and open files to verify syntax highlighting works - [ ] Edit a file and verify the dirty indicator (*) appears - [ ] Save with Ctrl+S and verify the dirty indicator disappears - [ ] Open multiple files and verify tab switching works - [ ] Close tabs with Ctrl+W or the X button - [ ] Disconnect and verify the editor automatically closes - [ ] Verify keyboard shortcuts are documented in the shortcuts modal Closes #72 ✨ This PR was created with help from Hikari~ 🌸

hikari added 1 commit 2026-01-28 16:14:23 -08:00

feat: add built-in file editor with syntax highlighting ... 392243f54f

- Add CodeMirror 6 editor with support for 40+ languages
- Add file browser sidebar with directory tree navigation
- Add multi-tab support with dirty state indicators
- Add keyboard shortcuts (Ctrl+E, Ctrl+B, Ctrl+S, Ctrl+W)
- Add editor toggle button to status bar
- Editor uses current session's CWD and requires connection
- Add Tauri commands for file operations (list, read, write)

naomi added 1 commit 2026-01-28 16:23:47 -08:00

feat: add create and delete file/folder functionality to editor ... d6d43a8abe

- Add Tauri backend commands: create_file, create_directory, delete_file, delete_directory
- Add editor store functions for create/delete with auto-refresh
- Add FileContextMenu component with right-click support
- Add InputDialog component for file/folder name input
- Add ConfirmDialog component for delete confirmation
- Add Ctrl+N keyboard shortcut for new file
- Update keyboard shortcuts modal with new shortcuts
- Auto-close tabs when their files are deleted
- Auto-refresh file tree after create/delete operations

naomi added 1 commit 2026-01-28 16:33:48 -08:00

feat: add theme support for code editor ... abacb0131f

- Add light theme with GitHub-inspired colors
- Add high contrast theme with VS Code high contrast colors
- Dynamically switch themes when user changes app theme
- Use CodeMirror Compartment for efficient theme reconfiguration
- Support dark, light, high-contrast, and custom (uses dark) themes

naomi added 1 commit 2026-01-28 16:49:36 -08:00

feat: add rename functionality to file editor ... 505e24cbd2

Add ability to rename files and folders through the context menu:
- Add rename_path Tauri command in backend
- Add renamePath function to editor store that updates open tabs
- Add rename option to context menu with pencil icon
- Update InputDialog to support initial value for rename operations

naomi added 1 commit 2026-01-28 16:54:59 -08:00

feat: add theme support to editor dialogs and context menu ... 38b591a084

Update ConfirmDialog, InputDialog, and FileContextMenu to use CSS
variables instead of hardcoded Tailwind colors, so they respect the
user's theme selection (dark/light/high-contrast).

naomi added 1 commit 2026-01-28 17:25:34 -08:00

feat: add custom context menus for editor and chat input ... f889002266

- Add EditorContextMenu for code editor with clipboard operations
  (Undo, Redo, Cut, Copy, Paste, Select All)
- Add TextInputContextMenu for chat input textarea
- Add global context menu prevention to disable default webview menu
- Add viewport boundary detection to keep menus within window bounds
- Install @codemirror/commands for undo/redo functionality

naomi merged commit e45a1a1c98 into main 2026-01-28 18:20:02 -08:00

naomi deleted branch feat/editor 2026-01-28 18:20:02 -08:00

naomi referenced this issue from a commit 2026-01-28 18:20:03 -08:00

feat: add built-in file editor with syntax highlighting (#79)

Sign in to join this conversation.

Reviewers

No Reviewers

Labels

Clear labels

aspect

code

Concerns the software code in the repository

aspect

dx

Concerns developers' experience with the codebase

aspect

interface

Concerns end-users' experience with the software

aspect

text

Concerns the documentation material in the repository

contribute

good first issue

A great opportunity for a team member to learn a new codebase

contribute

help wanted

Open for anyone on our team to grab.

contribute

staff only

Restricted to our executive leadership.

goal

addition

Addition of new feature

goal

fix

Bug fix

goal

improvement

Improvement to an existing feature

points

1

Very simple issue requiring minimal effort and complexity.

points

13

Extremely complex issue representing major undertakings. Should be broken down into smaller pieces.

points

2

Simple issue that requires a bit more thought or investigation.

points

3

Moderate complexity issue requiring more substantial work.

points

5

Complex issue requiring significant effort and expertise.

points

8

Very complex issue requiring extensive work and deep expertise.

priority

critical

1

Must be fixed ASAP

priority

high

2

Stalls work on the project or its dependents

priority

low

4

Low priority and doesn't need to be rushed

priority

medium

3

Not blocking but should be fixed soon

priority

none

5

No priority, should only be performed when a developer is available

status

awaiting triage

Has not been triaged & therefore, not ready for work

status

blocked

Blocked and therefore not ready for work

status

discarded

Will not be worked on

status

discontinued

Not suitable for work as repo is in maintenance

status

label work required

Needs proper labelling before it can be worked on

status

ready for dev

Ready for work

status

ticket work required

Needs more details before it can be worked on

talk

discussion

Open for discussions and feedback

talk

question

Can be resolved with an answer

time

1 day

Approximately one full day of development work.

time

1-2 weeks

One to two weeks of focused development effort.

time

2-3 days

Two to three days of development effort.

time

4-5 days

Approximately one week of development work.

time

<1 day

Less than one day of focused work. Quick fixes or simple tasks.

time

>2 weeks

More than two weeks of development work. Must be broken down into smaller pieces.

No Label

Milestone

No items

No Milestone

Assignees

Clear assignees

gurkirat hanna (Hanna Rose) hikari (Hikari) minori (Minori) naomi (Naomi Carrigan) rain teklu tim

No Assignees

2 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: nhcarrigan/hikari-desktop#79