selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2026-02-04 09:56:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: integrate TranscriptChatModal and button into transcript page

Browse Source
This commit is contained in:
Igor Loskutov
2026-01-12 20:08:23 -05:00
parent 39e0b89e67
commit 8ca5324c1a
3 changed files with 54 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
.flow/tasks/fn-1.7.md
View File

@@ -1,15 +1,32 @@
# fn-1.7 Integrate into transcript page
## Description
TBD
Add TranscriptChatModal and TranscriptChatButton to the transcript details page. Use `useDisclosure` hook for modal state, instantiate `useTranscriptChat` hook with transcriptId, and render both components.
## Acceptance
- [ ] TBD
- [ ] Import useDisclosure from @chakra-ui/react
- [ ] Import TranscriptChatModal and TranscriptChatButton components
- [ ] Import useTranscriptChat hook
- [ ] Add useDisclosure hook for modal open/close state
- [ ] Add useTranscriptChat hook with transcriptId
- [ ] Render TranscriptChatModal with all required props
- [ ] Render TranscriptChatButton with onClick handler
- [ ] Floating button appears on transcript page
- [ ] Click button opens chat dialog
- [ ] Dialog integrates with existing page layout
## Done summary
TBD
- Added TranscriptChatModal and TranscriptChatButton to transcript details page
- Imported useDisclosure hook from @chakra-ui/react for modal state management
- Integrated useTranscriptChat hook with transcriptId for WebSocket connection
- Rendered floating chat button in bottom-right corner and modal dialog
- Chat interface now accessible from all completed transcript pages
Verification:
- Code formatting passed (pnpm format)
- Pre-commit hooks passed
- Integration follows existing patterns from PRD spec
## Evidence
- Commits:
- Tests:
- PRs:
- Commits: e7dc003a1dacdbc1992265e6c5b0f0cf522f8530
- Tests: pnpm format
- PRs: