45 lines
2.1 KiB
Markdown
45 lines
2.1 KiB
Markdown
---
|
|
id: TASK-10
|
|
title: Modernize savings chat agent UI with AI Elements phases
|
|
status: In Progress
|
|
assignee: []
|
|
created_date: '2026-06-16 08:38'
|
|
updated_date: '2026-06-16 08:41'
|
|
labels: []
|
|
dependencies: []
|
|
priority: high
|
|
ordinal: 10000
|
|
---
|
|
|
|
## Description
|
|
|
|
<!-- SECTION:DESCRIPTION:BEGIN -->
|
|
Implement the planned AI Elements-inspired savings chat agent UI in three sequential phases: conversation/message/prompt/tool trace primitives, reasoning/work-progress disclosure, and sources/citation support.
|
|
<!-- SECTION:DESCRIPTION:END -->
|
|
|
|
## Acceptance Criteria
|
|
<!-- AC:BEGIN -->
|
|
- [x] #1 Phase 1 replaces the basic chat surface with reusable conversation, message, prompt input, and tool trace UI primitives
|
|
- [ ] #2 Phase 2 adds a safe reasoning/work-progress disclosure derived from existing tool traces, without exposing hidden chain-of-thought
|
|
- [ ] #3 Phase 3 adds structured source/citation support through stored assistant metadata and visible UI affordances
|
|
- [ ] #4 Each phase is covered by failing-first tests, verified after implementation, and committed separately
|
|
<!-- AC:END -->
|
|
|
|
## Implementation Plan
|
|
|
|
<!-- SECTION:PLAN:BEGIN -->
|
|
1. Phase 1 TDD: add tested chat UI view-model helpers, reusable conversation/message/prompt/tool trace components, and integrate them into SavingsChatPage.
|
|
2. Commit Phase 1.
|
|
3. Phase 2 TDD: derive safe reasoning/work-progress summaries from tool traces and render them as collapsible disclosure.
|
|
4. Commit Phase 2.
|
|
5. Phase 3 TDD: extend chat message metadata with structured sources/citations, persist it through Convex history, and render sources/inline citations.
|
|
6. Commit Phase 3.
|
|
7. Run focused tests, lint, build, and record verification notes without closing the task until user confirmation.
|
|
<!-- SECTION:PLAN:END -->
|
|
|
|
## Implementation Notes
|
|
|
|
<!-- SECTION:NOTES:BEGIN -->
|
|
Phase 1 complete: added AgentChat primitives for conversation, message rendering, prompt input, and tool trace disclosure; integrated SavingsChatPage. Verification: npx vitest src/components/chat/AgentChat.test.tsx --run, npx eslint targeted chat/page files, npm run build (Vite chunk-size warning only).
|
|
<!-- SECTION:NOTES:END -->
|