From f362949579427007d79adb50c29d7f4aaf7ba270 Mon Sep 17 00:00:00 2001
From: Rodribm10 <rodrigobm10@me.com>
Date: Fri, 1 May 2026 22:40:44 -0300
Subject: [PATCH] fix(captain/hermes-builder): troca componente Button por
 <button> HTML
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Componente Button (components-next/button) provavelmente nao propaga
@click direito ou tem quirk com variant="primary" (nao esta em
VARIANT_OPTIONS que aceita solid|outline|faded|link|ghost). Botao
"Iniciar criação" nao disparava startSession.

Troca por <button> HTML simples com classe start-button estilizada.
Garante que @click vai direto pro handler.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../dashboard/captain/builder/Index.vue       | 30 +++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/captain/builder/Index.vue b/app/javascript/dashboard/routes/dashboard/captain/builder/Index.vue
index de5cc933e..bae5db7e4 100644
--- a/app/javascript/dashboard/routes/dashboard/captain/builder/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/captain/builder/Index.vue
@@ -143,9 +143,14 @@ watch(messages, () => nextTick().then(scrollToBottom), { deep: true });
       <section ref="scrollContainer" class="messages">
         <div v-if="!messages.length" class="empty-state">
           <p>{{ t('CAPTAIN_HERMES_BUILDER.EMPTY_STATE') }}</p>
-          <Button variant="primary" :disabled="sending" @click="startSession">
+          <button
+            type="button"
+            class="start-button"
+            :disabled="sending"
+            @click="startSession"
+          >
             {{ t('CAPTAIN_HERMES_BUILDER.START') }}
-          </Button>
+          </button>
         </div>
         <div
           v-for="(msg, idx) in messages"
@@ -247,6 +252,27 @@ watch(messages, () => nextTick().then(scrollToBottom), { deep: true });
   }
 }
 
+.start-button {
+  background: var(--color-woot-500, #1f93ff);
+  color: #fff;
+  border: none;
+  padding: 10px 24px;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.15s;
+
+  &:hover:not(:disabled) {
+    background: var(--color-woot-600, #1976d2);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
 .msg {
   display: flex;