Create conversation details history view.
This should be vertical view a kind of history view with entries.
Each entry has own "dot" on the timeline of the left side.
Use this items to create initial entries:
This timeline should show history of the flow for a single feedback conversation.
Feedback conversation is scheduled and periodical process, so the current "conversation" is always displayed but user should be able to see historical conversations. This should be done via changing the top-right "select" field with options which are historical conversation items.
I'll help you create a conversation details history view with a vertical timeline. Let me start by understanding your codebase structure and generating design inspiration for this timeline interface.
Now I'll create the conversation details history view with a vertical timeline and historical conversation selector.
I've created a professional conversation details history view with a vertical timeline. The interface features timeline dots on the left, status indicators (completed/pending/sent) with appropriate icons and colors, and action buttons for each entry. The top-right select dropdown allows switching between current and historical feedback conversations. The design uses a clean, corporate aesthetic with proper spacing and responsive layout that works on all screen sizes.
I'll add appropriate icons to the action buttons. Let me first read the current file to see the structure.
I've added appropriate icons to each action button: Mail icon for "Resend", FileText icon for "Preview document", and ClipboardList icon for "View form". The icons are automatically matched to the action text using a helper function, so they'll work for both current and historical conversations.