+md

frontend/src/lib/components/assistant/AssistantChatPanel.svelte

@@ -644,7 +644,12 @@
                 <div class="mt-3 flex flex-wrap gap-2">
                   {#each message.actions as action}
                     <button
-                      class="rounded-md border border-slate-300 px-2.5 py-1 text-xs font-medium text-slate-700 transition hover:bg-slate-100"
+                      class="rounded-md border px-3 py-1.5 text-xs font-semibold transition
+                        {action.type === 'confirm'
+                        ? 'border-emerald-300 bg-emerald-50 text-emerald-700 hover:bg-emerald-100'
+                        : action.type === 'cancel'
+                          ? 'border-rose-300 bg-rose-50 text-rose-700 hover:bg-rose-100'
+                          : 'border-slate-300 bg-white text-slate-700 hover:bg-slate-100'}"
                       on:click={() => handleAction(action, message)}
                     >
                       {action.label}