Message Versions

public/css/chat.css

@@ -99,20 +99,13 @@
 
 /* Version navigator */
 .msg-version-nav {
-  position: absolute;
-  bottom: -4px;
-  right: 0;
   display: flex;
   align-items: center;
   gap: 4px;
   font-size: 12px;
   color: var(--text-muted);
-  opacity: 0;
-  transition: opacity var(--transition);
 }
 
-.msg-group:hover .msg-version-nav { opacity: 1; }
-
 .msg-version-nav button {
   display: flex; align-items: center; justify-content: center;
   width: 20px; height: 20px; border-radius: 50%;
@@ -125,22 +118,34 @@
 .msg-actions {
   display: flex;
   gap: 3px;
+}
+
+.msg-actions.msg-actions-right {
+  justify-content: flex-end;
+}
+
+.msg-actions.msg-actions-left {
+  justify-content: flex-start;
+}
+
+.msg-controls {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
   opacity: 0;
   transition: opacity var(--transition);
   pointer-events: none;
-  /* Default: left-aligned (assistant messages) */
-  position: absolute;
-  bottom: 4px;
-  left: 0;
 }
 
-/* Right-aligned (user messages) */
-.msg-actions.msg-actions-right {
-  left: auto;
-  right: 0;
+.msg-controls.msg-controls-right {
+  align-items: flex-end;
+}
+
+.msg-controls.msg-controls-left {
+  align-items: flex-start;
 }
 
-.msg-group:hover .msg-actions {
+.msg-group:hover .msg-controls {
   opacity: 1;
   pointer-events: auto;
 }

public/js/chat.js

@@ -26,7 +26,19 @@ on('chat:aborted',          (msg) => { if (msg.sessionId === activeSessionId) on
 on('chat:error',            (msg) => { if (msg.sessionId === activeSessionId) onChatError(msg.error); });
 on('chat:asset',            (msg) => { if (msg.sessionId === activeSessionId) appendAsset(msg.asset); });
 on('chat:toolCall',         (msg) => { if (msg.sessionId === activeSessionId) handleLiveToolCall(msg.call); });
-on('chat:messageEdited',    (msg) => { if (msg.sessionId === activeSessionId) renderHistory(msg.history); });
+on('chat:messageEdited',    (msg) => {
+  if (msg.sessionId === activeSessionId) {
+    renderHistory(msg.history);
+    // Update the session history
+    const s = sessions.find(s => s.id === msg.sessionId);
+    if (s) s.history = msg.history;
+    // If edited message is user, regenerate the response
+    const editedMsg = msg.history[msg.messageIndex];
+    if (editedMsg && editedMsg.role === 'user') {
+      submitMessage('', [], true);
+    }
+  }
+});
 on('chat:versionSelected',  (msg) => { if (msg.sessionId === activeSessionId) renderHistory(msg.history); });
 
 // Reconnect: reload current session instead of resetting to welcome
@@ -121,13 +133,14 @@ function appendUserMsg(box, msg, index) {
 
   wrap.appendChild(bubble);
 
-  // User actions appear on the RIGHT side
-  wrap.appendChild(buildActions([
+  const controls = document.createElement('div');
+  controls.className = 'msg-controls msg-controls-right';
+  controls.appendChild(buildActions([
     { icon: '📋', title: 'Copy', fn: () => copyText(text) },
     { icon: '✏️', title: 'Edit', fn: () => startUserEdit(wrap, index, msg, text) },
   ], 'right'));
-
-  if (msg.versions?.length > 1) wrap.appendChild(buildVersionNav(msg, index));
+  if (msg.versions?.length > 1) controls.appendChild(buildVersionNav(msg, index));
+  wrap.appendChild(controls);
 
   box.appendChild(wrap);
 }
@@ -149,13 +162,14 @@ function appendAssistantMsg(box, msg, index) {
 
   wrap.appendChild(bubble);
 
-  // Assistant actions appear on the LEFT side
-  wrap.appendChild(buildActions([
+  const controls = document.createElement('div');
+  controls.className = 'msg-controls msg-controls-left';
+  controls.appendChild(buildActions([
     { icon: '📋', title: 'Copy', fn: () => copyText(msg.content || '') },
     { icon: '✏️', title: 'Edit', fn: () => startAssistantEdit(wrap, index, msg) },
   ], 'left'));
-
-  if (msg.versions?.length > 1) wrap.appendChild(buildVersionNav(msg, index));
+  if (msg.versions?.length > 1) controls.appendChild(buildVersionNav(msg, index));
+  wrap.appendChild(controls);
 
   box.appendChild(wrap);
 }
@@ -512,8 +526,8 @@ function appendAsset(asset) {
 
 // ── Submit ────────────────────────────────────────────────────────────────
 
-export function submitMessage(text, attachments = []) {
-  if (!text.trim() && attachments.length === 0) return;
+export function submitMessage(text, attachments = [], regenerate = false) {
+  if (!text.trim() && attachments.length === 0 && !regenerate) return;
   if (isStreaming) { send({ type: 'chat:stop' }); return; }
   if (!activeSessionId) return;