Resolves #3686 ([FR-1014](https://lablup.atlassian.net/browse/FR-1014)) ## Summary Implement the ability to directly edit and save simple text files within the NEO File Explorer. ## Background Users frequently need to modify configuration files such as yaml, toml, and json within vfolders for model serving. Currently, this requires downloading the file → editing locally → re-uploading, which results in a poor user experience. ## Implementation ### Key Features - **Edit button in More menu**: Added dropdown menu with edit option in File Explorer controls - **Text file detection**: Supports .txt, .md, .json, .yaml, .yml, .xml, .csv, .js, .ts, .jsx, .tsx, .py, .sh, .bash, .html, .css, .scss, .less, .sql, .log, .env, .conf, .config, .ini, .toml - **CodeMirror editor**: Full-featured text editor with syntax highlighting - **File operations**: Download → Edit → Upload workflow using existing APIs ### Components Added - `TextFileEditorModal.tsx`: Main editor modal with BAICodeEditor - Enhanced `FileItemControls.tsx`: Added More menu with Edit option - Enhanced `BAIFileExplorer.tsx`: Added `enableEdit` and `onClickEditFile` props - Updated `FolderExplorerModal.tsx`: Integration with TextFileEditorModal ### Technical Details - **File Reading**: `request_download_token` → `fetch` → `blob.text()` - **File Saving**: Modified content → `new File()` → `FileUploadManager.uploadFiles()` (overwrites) - **Permissions**: Requires `write_content` permission - **Size Limit**: `baiClient._config.maxFileUploadSize` ### i18n Support - `comp:FileExplorer.EditFile`: "Edit" - `data.explorer.EditFile`: "Edit File" - `data.explorer.FailedToLoadFile": "Failed to load file" **Checklist:** - [x] Documentation (PR description) - [ ] Minimum required manager version (N/A - client-side feature) - [ ] Specific setting for review: Test with various text files in File Explorer - [x] Minimum requirements: `write_content` permission on vfolder - [x] Test cases: Edit .txt, .yaml, .json files; verify save/cancel functionality [FR-1014]: https://lablup.atlassian.net/browse/FR-1014 ### test https://github.com/user-attachments/assets/f067e671-999a-4f20-9f7f-1c13f1d92e00

NEO File Explorer: Edit and save text files #3686

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions