feat: add confirm/revise buttons to agent recommendations

Agent messages now show CONFIRM and REVISE buttons. Confirming sends the
recommendation as a decision that updates the design state. Revising
pre-fills the input with context for the user to edit.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

agents/design_state.py

@@ -168,6 +168,12 @@ class DesignState(BaseModel):
                     if s not in state.decisions and len(state.decisions) < max_decisions:
                         state.decisions.append(s)
 
+        # Extract confirmed decisions from user messages ("Confirmed: Agent: ...")
+        if user_message.lower().startswith("confirmed:"):
+            decision = user_message.split(":", 2)[-1].strip()
+            if decision and decision not in state.decisions and len(state.decisions) < max_decisions:
+                state.decisions.append(decision)
+
         # Extract part name from user message if not set
         if not state.part_name and user_message:
             name_patterns = [

web/index.html

@@ -694,6 +694,54 @@
 
   .msg-view-code:hover { opacity: 0.7; }
 
+  .msg-actions {
+    display: flex;
+    gap: 6px;
+    margin-top: 8px;
+  }
+
+  .msg-actions.resolved { display: none; }
+
+  .msg-action-btn {
+    all: unset;
+    font-family: var(--font-mono);
+    font-size: 10px;
+    font-weight: 600;
+    letter-spacing: 0.5px;
+    padding: 4px 12px;
+    border-radius: 3px;
+    cursor: pointer;
+    transition: all 0.15s;
+  }
+
+  .msg-action-btn.confirm {
+    background: rgba(0, 230, 118, 0.1);
+    border: 1px solid rgba(0, 230, 118, 0.3);
+    color: var(--success);
+  }
+
+  .msg-action-btn.confirm:hover {
+    background: rgba(0, 230, 118, 0.2);
+  }
+
+  .msg-action-btn.revise {
+    background: rgba(255, 171, 64, 0.08);
+    border: 1px solid rgba(255, 171, 64, 0.25);
+    color: var(--warning);
+  }
+
+  .msg-action-btn.revise:hover {
+    background: rgba(255, 171, 64, 0.15);
+  }
+
+  .msg-confirmed {
+    font-family: var(--font-mono);
+    font-size: 10px;
+    color: var(--success);
+    margin-top: 6px;
+    letter-spacing: 0.5px;
+  }
+
   /* Typing indicator */
   .typing-indicator {
     display: flex;
@@ -1626,6 +1674,7 @@ function addMessage(msg) {
     const isCad = agentId === 'cad';
 
     el.className = 'msg msg-agent';
+    const msgId = 'msg-' + Date.now() + '-' + Math.random().toString(36).slice(2, 6);
 
     let html = '<div class="msg-avatar" style="background: ' + color + ';">' + avatar + '</div>';
     html += '<div class="msg-agent-body">';
@@ -1637,14 +1686,55 @@ function addMessage(msg) {
       html += '<br><a class="msg-view-code" onclick="openCodeModal()">&#9654; View code</a>';
     }
 
-    html += '</div></div>';
+    html += '</div>';
+
+    // Add confirm/revise buttons for agent recommendations (not system, not code-only)
+    const isSystem = agentId === 'system';
+    const isCodeOnly = isCad && msg.code;
+    if (!isSystem && !isCodeOnly && msg.content && !msg.content.startsWith('NOT READY:')) {
+      html += '<div class="msg-actions" id="' + msgId + '-actions">';
+      html += '<button class="msg-action-btn confirm" onclick="confirmRecommendation(\'' + msgId + '\', \'' + escapeHtml(agentId) + '\')">CONFIRM</button>';
+      html += '<button class="msg-action-btn revise" onclick="reviseRecommendation(\'' + msgId + '\', \'' + escapeHtml(agentId) + '\')">REVISE</button>';
+      html += '</div>';
+    }
+
+    html += '</div>';
     el.innerHTML = html;
+    el.dataset.msgId = msgId;
+    el.dataset.content = msg.content;
   }
 
   container.appendChild(el);
   scrollChatToBottom();
 }
 
+function confirmRecommendation(msgId, agentId) {
+  const el = document.querySelector('[data-msg-id="' + msgId + '"]');
+  if (!el) return;
+  const content = el.dataset.content;
+  const actions = document.getElementById(msgId + '-actions');
+  if (actions) {
+    actions.innerHTML = '<div class="msg-confirmed">CONFIRMED</div>';
+  }
+  // Send confirmation as user message so it updates design state
+  const agentName = (AGENTS[agentId] || {}).name || agentId;
+  sendMessage('Confirmed: ' + agentName + ': ' + content);
+}
+
+function reviseRecommendation(msgId, agentId) {
+  const el = document.querySelector('[data-msg-id="' + msgId + '"]');
+  if (!el) return;
+  const content = el.dataset.content;
+  const actions = document.getElementById(msgId + '-actions');
+  if (actions) actions.classList.add('resolved');
+  // Pre-fill input with context for the user to edit
+  const input = document.getElementById('chat-input');
+  const agentName = (AGENTS[agentId] || {}).name || agentId;
+  input.value = 'Regarding ' + agentName + '\'s suggestion: ';
+  input.focus();
+  input.setSelectionRange(input.value.length, input.value.length);
+}
+
 function showTyping() {
   const container = document.getElementById('chat-messages');
   const el = document.createElement('div');