rodrigo/iachat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix(captain/hermes-builder): troca componente Button por <button> HTML

Browse Source 
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>
This commit is contained in:
Rodribm10 2026-05-01 22:40:44 -03:00
parent cb067e1f17
commit f362949579
1 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/javascript/dashboard/routes/dashboard/captain/builder/Index.vue
View File

@ -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;