Add revert button to user messages

- Add revert icon (↶) button in message header for all user messages
- Clicking revert button reverts session to that specific message
- Restores the message text back to the prompt input
- Style revert button with hover effects and border highlight
- Revert action updates UI automatically via SSE session.updated event
This commit is contained in:
Shantur Rathore
2025-10-24 17:44:19 +01:00
parent 3edd852ee2
commit 1362a5872a
4 changed files with 89 additions and 1 deletions

View File

@@ -188,6 +188,33 @@ body {
color: var(--text-muted);
}
.message-revert-button {
background: none;
border: 1px solid var(--border-color);
color: var(--text-muted);
cursor: pointer;
padding: 2px 8px;
border-radius: 4px;
font-size: 16px;
line-height: 1;
transition: all 0.2s;
display: flex;
align-items: center;
justify-content: center;
min-width: 28px;
height: 24px;
}
.message-revert-button:hover {
background-color: var(--hover-bg);
border-color: var(--accent-color);
color: var(--accent-color);
}
.message-revert-button:active {
transform: scale(0.95);
}
.message-content {
padding-top: 6px;
line-height: 1.6;