Skip to content

Add Config tab, CodeMirror editors, and project folder groups#8

Closed
aarlint wants to merge 1 commit intodoctly:mainfrom
aarlint:feature/config-tab-and-editors
Closed

Add Config tab, CodeMirror editors, and project folder groups#8
aarlint wants to merge 1 commit intodoctly:mainfrom
aarlint:feature/config-tab-and-editors

Conversation

@aarlint
Copy link

@aarlint aarlint commented Mar 17, 2026

Summary

  • CodeMirror editors: Memory, Skills, and Agents viewers now use CodeMirror with syntax highlighting and save support (replaces plain <pre> blocks)
  • Project folder groups: Drag-and-drop folder groups in the sidebar to organize projects, with tree-line UI and persistent state
  • Unified Config tab: Consolidates 3 separate sidebar tabs (Memory, Skills, Agents) into a single "Config" tab that groups all .claude/ files by category. Adds per-project scoping via a config button on each project header, with breadcrumb navigation back to global view

Config tab details

  • Backend: get-config(projectPath) returns all config items in a uniform shape; read-config / save-config with path validation
  • Frontend: 12 duplicated functions replaced with 4 (loadConfig, renderConfig, buildConfigItem, openConfig)
  • Sidebar reduced from 7 tabs to 5: Sessions, Plans, Stats, Config, Settings

Test plan

  • Click Config tab → shows global files grouped by category (Memory, Commands, Skills)
  • Click a file → CodeMirror opens with content, Save/Copy buttons work
  • Click config button on a project header → Config sidebar shows that project's files with breadcrumb
  • Click "Global" breadcrumb → returns to global config view
  • Search within config tab → filters across all categories
  • Folder groups: create, rename, drag projects in/out, delete
  • All other tabs (Sessions, Plans, Stats, Settings) still work correctly

🤖 Generated with Claude Code

@abasiri
Copy link
Contributor

abasiri commented Mar 17, 2026

I think the css got messed up, i see this now, where the CLI panel should be

image

Consolidate Memory/Skills/Agents into a unified Config tab with:
- SVG icon tab bar (Sessions, Plans, Stats, Config, Settings)
- Unified config browser for CLAUDE.md, commands, skills, agents
- CodeMirror editor with save/copy for all config files
- Project-scoped config via header button with breadcrumb nav
- Sidebar folder groups with drag-drop, collapse, rename, delete
- Collapse-all/expand-all toggle for session groups
- FTS indexing for config items

Preserves all upstream features including FILE PANEL (MCP Bridge) CSS.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@aarlint aarlint force-pushed the feature/config-tab-and-editors branch from 71a2b9c to 72fc651 Compare March 17, 2026 21:33
@aarlint
Copy link
Author

aarlint commented Mar 17, 2026

@abasiri Sorry about that, late night, claude destroyed the css and I didnt catch it. Its ready for a preview. Let me know what you think.

@abasiri
Copy link
Contributor

abasiri commented Mar 19, 2026

The branch was still broken with the same issue. I reimplemented your changes and cherry picked them into PR #11. The only thing missing still from it is the nested projects feature.

@abasiri
Copy link
Contributor

abasiri commented Mar 19, 2026

Changes will be in version 0.0.14

@abasiri abasiri closed this Mar 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants