Skip to content

Sidebar visual refresh, Agent Files tab, and OSC-driven busy state#11

Merged
abasiri merged 6 commits intomainfrom
feature/sidebar-visual-refresh
Mar 19, 2026
Merged

Sidebar visual refresh, Agent Files tab, and OSC-driven busy state#11
abasiri merged 6 commits intomainfrom
feature/sidebar-visual-refresh

Conversation

@abasiri
Copy link
Contributor

@abasiri abasiri commented Mar 19, 2026

Summary

  • Sidebar visual refresh: Card-styled project groups with hover-reveal action buttons, SVG icons replacing all text tab labels and action buttons throughout the app
  • Agent Files tab (formerly Memory): Project-grouped layout showing all .md config files (CLAUDE.md, GEMINI.md, agents.md, commands/*.md) from ~/.claude/, project root, and .claude/ directories. Clicking a file opens it in a CodeMirror editor with save/copy buttons
  • OSC-driven busy state: Moved activity tracking to backend, using OSC 0 title spinner as the authoritative busy/idle signal. Suppressed terminal focus reports (\x1b[I/\x1b[O) that were stopping the Claude braille spinner on tab switch. Needs-attention CSS now takes precedence over busy spinner
  • Shared icon system: icons.js with window.ICONS for reusable SVG icons (gear, archive) to avoid copy-paste
  • Global settings button moved to tab bar, right-aligned

Test plan

  • Verify sidebar tab icons render correctly (Sessions, Plans, Agent Files, Stats)
  • Open Agent Files tab and confirm files are grouped by project with correct short paths
  • Click a file to open in editor, make an edit, save it
  • Switch between tabs while Claude is working — verify busy spinner persists (no focus-out interruption)
  • Trigger a needs-attention state — verify orange ripple shows over busy spinner
  • Clear attention by clicking session — verify spinner resumes if still busy
  • Check search placeholder updates per tab

🤖 Generated with Claude Code

abasiri and others added 5 commits March 18, 2026 17:28
…tons

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Rewrite Memory tab: project-grouped layout with expand/collapse, matching Sessions tab structure
- Add CodeMirror editor for memory files with save/copy buttons
- Scan .md files from ~/.claude/, project root, and project/.claude/ directories
- Add save-memory IPC handler and preload binding
- Replace all sidebar tab labels with SVG icons (Claude asterisk, notebook, brain, bar chart)
- Move global settings gear to tab bar, right-aligned
- Add shared icons.js for reusable SVG icons (gear, archive)
- Update all action button icons: archive, fork, messages, resort, add project, calendar
- Respect hiddenProjects setting in memory tab

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
… Agent Files

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
… cleanup

Replace favicon.ico with inline Claude asterisk SVG in launch popover, use
terminal CLI SVG icon for terminal badges and menu, always show project
action buttons at 50% opacity, limit terminal entries to stop-only actions,
suppress focus report escapes, and make OSC 0 idle the authoritative busy
signal (removing client-side idle timer fallback).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@abasiri abasiri merged commit 10a31c1 into main Mar 19, 2026
3 checks passed
@abasiri abasiri deleted the feature/sidebar-visual-refresh branch March 19, 2026 07:35
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.

1 participant