Phase 4-B: Frontend CLAUDE.md Memory Browser #51

New Issue

Open

opened 2026-05-24 16:55:19 -05:00 by null · 0 comments

null commented

2026-05-24 16:55:19 -05:00

Owner

Source plan: /home/kaspa/.claude/plans/with-our-backend-created-precious-owl.md

Feature context: Feature 4: CLAUDE.md Memory Browser

Scope

Phase 4-B — Frontend

Summary

Add a "Memory" tab on the project detail view (or a modal from the sessions page) that renders CLAUDE.md content as markdown.

Affected area

UI page: project view within /claude-code
UI component: memory file viewer

Affected files

frontend/src/components/claude/MemoryBrowser.tsx — new component
frontend/src/lib/api/claude-code.ts — add getProjectMemory() API function
frontend/src/app/claude-code/page.tsx — add memory browse trigger per project row

Affected routes or endpoints

Calls: GET /api/v1/claude-code/projects/{project_dir}/memory

Expected behavior

Each project row in the projects table has a "Memory" icon button
Clicking opens a sheet/modal showing all CLAUDE.md files for that project
Files listed in a sidebar; clicking one renders its markdown content on the right
Global ~/.claude/CLAUDE.md shown first with a "Global" badge
If no files exist, show "No CLAUDE.md files found for this project"

Steps to reproduce (acceptance criteria)

Click Memory button on any project row
Panel opens and shows at least the global CLAUDE.md (if it exists)
Markdown renders correctly (headings, lists, code blocks)
Multiple files are navigable via the file list

Source plan: `/home/kaspa/.claude/plans/with-our-backend-created-precious-owl.md` Feature context: **Feature 4: CLAUDE.md Memory Browser** ## Scope ### Phase 4-B — Frontend #### Summary Add a "Memory" tab on the project detail view (or a modal from the sessions page) that renders CLAUDE.md content as markdown. #### Affected area - UI page: project view within `/claude-code` - UI component: memory file viewer #### Affected files - `frontend/src/components/claude/MemoryBrowser.tsx` — new component - `frontend/src/lib/api/claude-code.ts` — add `getProjectMemory()` API function - `frontend/src/app/claude-code/page.tsx` — add memory browse trigger per project row #### Affected routes or endpoints - Calls: `GET /api/v1/claude-code/projects/{project_dir}/memory` #### Expected behavior - Each project row in the projects table has a "Memory" icon button - Clicking opens a sheet/modal showing all CLAUDE.md files for that project - Files listed in a sidebar; clicking one renders its markdown content on the right - Global `~/.claude/CLAUDE.md` shown first with a "Global" badge - If no files exist, show "No CLAUDE.md files found for this project" #### Steps to reproduce (acceptance criteria) 1. Click Memory button on any project row 2. Panel opens and shows at least the global CLAUDE.md (if it exists) 3. Markdown renders correctly (headings, lists, code blocks) 4. Multiple files are navigable via the file list ---