Skip to content

feat(chat): redesign chat history pages in admin and app (CLEAN-47) - #43

Merged
maksymhryzodub-prog merged 4 commits into
mainfrom
feat/CLEAN-47-chat-redesign
Aug 26, 2026
Merged

feat(chat): redesign chat history pages in admin and app (CLEAN-47)#43
maksymhryzodub-prog merged 4 commits into
mainfrom
feat/CLEAN-47-chat-redesign

Conversation

@maksymhryzodub-prog

@maksymhryzodub-prog maksymhryzodub-prog commented Aug 26, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Redesigns /chats/:id in admin and app per the approved mockup (CLEAN-47, before/after screenshots attached there): slim header (back link · title · channel badge · Refresh), two-column grid with a right rail — meta card, summary card, navigation mini-map with jump-to-message, export row.
  • Reworked bubbles: user messages as dark right-aligned bubbles with timestamps below; assistant replies as bordered cards with an avatar chip and a time / 👍👎 / Copy actions row.
  • Admin only: tool_call/tool_result events pair up client-side (groupTranscript) and attach as collapsible rows above the assistant reply they belong to — name, args snippet, duration, expandable Request/Result. The tool-events toggle moved into the rail meta card as a switch.
  • All colors go through theme tokens — dark mode verified. App strings localized (en/ru), i18n.sync.json updated.

Test plan

  • Playwright run against local dev (admin :3001, app :3002): login → chats list → detail
  • Tool events toggle on → rows attach to replies; expand shows Request/Result
  • Navigation mini-map jump scrolls the feed (scrollTop 307 → 4421)
  • Dark mode renders via tokens in both apps
  • Load older / feedback / export smoke-check after merge (logic untouched)

🤖 Generated with Claude Code

maksymhryzodub-prog and others added 4 commits August 26, 2026 12:54
Two-column layout with a slim header and right rail (meta, summary,
navigation mini-map, export), reworked bubbles per the design mockup.
Admin groups tool_call/tool_result pairs client-side and attaches them
as collapsible rows above the assistant reply they belong to. Colors go
through theme tokens so dark mode keeps working.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
The only v-html fed by unsanitized HTML — every other usage already goes
through renderMarkdown (marked + DOMPurify allowlist) or escapes first.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@maksymhryzodub-prog
maksymhryzodub-prog merged commit 542c1f9 into main Aug 26, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant