feat: implement file editor with syntax highlighting and editing

- Install react-simple-code-editor and prismjs dependencies
- Create language detection utility with 50+ file extensions
- Create SyntaxHighlighter component with Prism.js highlighting
- Create CodeEditor component with syntax-highlighted editing
- Create CommitDialog with diff preview and commit message
- Create FileEditor component integrating view/edit/commit flow
- Replace FileViewer with FileEditor in RepoWorkspace
- Add comprehensive CSS styles for editor, highlighter, and dialog
- Support keyboard shortcuts: Ctrl+E (toggle edit), Ctrl+S (save)
- Quality gates: typecheck ✓ lint ✓ build ✓

This commit is contained in:

Fusion

2026-05-19 16:04:48 +02:00

parent 84bf7e4aeb

commit 7261c75bb2

14 changed files with 1533 additions and 90 deletions

									
										openspec/changes/file-editor/.openspec.yaml
									
		+2
		
												View File
												
				@@ -0,0 +1,2 @@

				schema: spec-driven

				created: 2026-05-19