feat(ui): add documents view to WebUI #200

Merged

jack merged 1 commit from feat/196-documents-webui into main

2026-01-24 17:16:26 +00:00

jack commented

2026-01-24 17:14:12 +00:00

Owner

Summary

Implements Issue #196 - Display vector database documents in WebUI.

Add Document interface and API methods to UI client
Create new DocumentsView component
Add "Docs" navigation tab

Features

List View: Display all indexed documents with metadata (title, source, type, date)
Filtering: Filter by project, document type, and source tool
Search: Client-side search through titles, sources, and content
Statistics: Show access count and content size for each document
Content Preview: Expandable cards showing document content and metadata
Delete: Remove individual documents

Screenshots

The new Documents tab shows:

Document count and total
Filter dropdowns for Project, Type, and Source Tool
Search input
List of document cards with:
- Type icon and label
- Title and project badge
- Source tool, access count, and size
- Expandable content preview with metadata

Test plan

Navigate to Documents tab
Verify documents are listed with correct metadata
Test project filter
Test type filter
Test source tool filter
Test search functionality
Expand a document to see content preview
Delete a document and verify it's removed

Closes #196

🤖 Generated with Claude Code

## Summary Implements Issue #196 - Display vector database documents in WebUI. - Add `Document` interface and API methods to UI client - Create new `DocumentsView` component - Add "Docs" navigation tab ## Features - **List View**: Display all indexed documents with metadata (title, source, type, date) - **Filtering**: Filter by project, document type, and source tool - **Search**: Client-side search through titles, sources, and content - **Statistics**: Show access count and content size for each document - **Content Preview**: Expandable cards showing document content and metadata - **Delete**: Remove individual documents ## Screenshots The new Documents tab shows: - Document count and total - Filter dropdowns for Project, Type, and Source Tool - Search input - List of document cards with: - Type icon and label - Title and project badge - Source tool, access count, and size - Expandable content preview with metadata ## Test plan - [ ] Navigate to Documents tab - [ ] Verify documents are listed with correct metadata - [ ] Test project filter - [ ] Test type filter - [ ] Test source tool filter - [ ] Test search functionality - [ ] Expand a document to see content preview - [ ] Delete a document and verify it's removed Closes #196 🤖 Generated with [Claude Code](https://claude.com/claude-code)

jack added 1 commit

2026-01-24 17:14:12 +00:00

feat(ui): add documents view to WebUI

CI / build (pull_request) Successful in 38s

Details

77dd321185

Implements Issue #196 - Display vector database documents in WebUI.

- Add Document interface and API methods to client.ts
- Create Documents view component with:
  - List of all indexed documents with metadata
  - Filtering by project, type, and source tool
  - Search functionality
  - Content preview with metadata display
  - Delete action for individual documents
  - Storage statistics (access count, size)
- Add Documents navigation tab to App.tsx

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>