Skip to content

Enhance Web Chat With Memory Inspection Panel #3

@rexdivakar

Description

@rexdivakar

Overview
The current web/chat.html focuses on the live conversation. Let’s give users a way to inspect stored memories directly in the UI so they can verify what HippocampAI has captured.

What to build

  1. API support
    • Extend src/hippocampai/api/app.py with a GET /v1/memories endpoint that accepts query parameters (user_id, session_id, type, limit, etc.), delegates to MemoryClient.recall or an appropriate method, and returns a
      JSON list of memories with metadata and score breakdown.
    • Add basic validation (e.g., require user_id), sensible defaults (limit=20), and error handling.
  2. Frontend panel
    • Update web/chat.html (and any supporting JS/CSS) to include a sidebar or modal showing returned memories.
    • Provide filters:
      • Freeform input for user_id.
      • Optional dropdowns for session_id (populate by hitting a sessions endpoint if available, or just freeform text for now) and type (fact, preference, goal, event, habit, context).
      • Numeric input for limit.
    • Display results in a scrollable list/table showing memory text, type, importance, last updated, and score breakdown (sim/rerank/recency/importance).
    • Add a “Refresh” button that re-queries the API with current filters; consider auto-refresh after sending a chat message.
  3. Documentation
    • Update README.md or docs/CHAT_INTEGRATION.md to mention the new memory inspector and how to use it.
    • Include screenshots/gifs (optional but welcome).
  4. Testing & polish
    • Handle loading/error states in the UI.
    • Ensure the page remains responsive on mobile.
    • Avoid breaking existing chat functionality.

Getting help
Questions or want to coordinate? Join the community Discord: https://discord.gg/pPSNW9J7gB

Metadata

Metadata

Assignees

Projects

Status

In Progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions