diff --git a/app/javascript/dashboard/routes/dashboard/captain/reservations/Index.vue b/app/javascript/dashboard/routes/dashboard/captain/reservations/Index.vue
index d75852367..27758b40d 100644
--- a/app/javascript/dashboard/routes/dashboard/captain/reservations/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/captain/reservations/Index.vue
@@ -257,6 +257,16 @@ const suiteRevenueChart = computed(() => ({
],
}));
+const statusColor = reservationStatus => {
+ const colors = {
+ draft: 'bg-n-slate-3 text-n-slate-11',
+ pending_payment: 'bg-n-amber-3 text-n-amber-11',
+ confirmed: 'bg-n-teal-3 text-n-teal-11',
+ cancelled: 'bg-n-ruby-3 text-n-ruby-11',
+ };
+ return colors[reservationStatus] || 'bg-n-slate-3 text-n-slate-11';
+};
+
onMounted(() => {
readFiltersFromRoute();
store.dispatch('captainUnits/get');
@@ -483,7 +493,8 @@ onMounted(() => {
{{ formatMoney(reservation.amount) }} |
{{ reservation.status_label }}
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/reservation/ReservationSummary.vue b/app/javascript/dashboard/routes/dashboard/conversation/reservation/ReservationSummary.vue
index 35a5631c4..fb20a7fd5 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/reservation/ReservationSummary.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/reservation/ReservationSummary.vue
@@ -73,6 +73,18 @@ const statusLabel = computed(() => {
: translated;
});
+const statusColor = computed(() => {
+ const status =
+ reservation.value?.ui_status || props.marker?.status || 'draft';
+ const colors = {
+ draft: 'bg-n-slate-3 text-n-slate-11',
+ pending_payment: 'bg-n-amber-3 text-n-amber-11',
+ confirmed: 'bg-n-teal-3 text-n-teal-11',
+ cancelled: 'bg-n-ruby-3 text-n-ruby-11',
+ };
+ return colors[status] || 'bg-n-slate-3 text-n-slate-11';
+});
+
const onCopyPix = async () => {
if (!pixValue.value) {
useAlert(
@@ -107,7 +119,12 @@ const onCopyPix = async () => {
{{
$t('CAPTAIN_RESERVATIONS.SIDEBAR.STATUS')
}}
- {{ statusLabel }}
+
+ {{ statusLabel }}
+
{{
diff --git a/enterprise/app/services/captain/tools/send_suite_images_tool.rb b/enterprise/app/services/captain/tools/send_suite_images_tool.rb
index 04bf46189..c2bb86e09 100644
--- a/enterprise/app/services/captain/tools/send_suite_images_tool.rb
+++ b/enterprise/app/services/captain/tools/send_suite_images_tool.rb
@@ -46,6 +46,8 @@ class Captain::Tools::SendSuiteImagesTool < Captain::Tools::BaseTool
@conversation ||= resolve_conversation(args, params)
return error_response('Erro técnico ao enviar fotos. Não consegui identificar a conversa atual.') if @conversation.blank?
+ enrich_suite_filters_from_conversation!(actual_params)
+
selected_items = find_selected_items(actual_params)
return no_images_response(actual_params) if selected_items.blank?
@@ -171,6 +173,34 @@ class Captain::Tools::SendSuiteImagesTool < Captain::Tools::BaseTool
items.limit(normalize_limit(actual_params[:limit]))
end
+ def enrich_suite_filters_from_conversation!(actual_params)
+ return if normalize_filter(actual_params[:suite_number]).present?
+
+ inferred_suite = infer_suite_number_from_last_incoming_message
+ return if inferred_suite.blank?
+
+ actual_params[:suite_number] = inferred_suite
+ end
+
+ def infer_suite_number_from_last_incoming_message
+ text = last_incoming_text
+ return nil if text.blank?
+
+ # Captura "suite 110", "suíte 110", "suite n 110", "suite nº 110".
+ match = text.match(/\bsu[ií]te\s*(?:n(?:u|ú)?m(?:ero)?\.?\s*)?(?:n[ºo]\s*)?([a-z0-9_-]{1,20})\b/i)
+ return nil if match.blank?
+
+ normalize_filter(match[1])
+ end
+
+ def last_incoming_text
+ @conversation.messages
+ .where(message_type: :incoming)
+ .order(created_at: :desc)
+ .limit(1)
+ .pick(:content)
+ end
+
def send_images(items)
items.count do |item|
next false unless item.image.attached?
diff --git a/progresso/colorful_reservation_status.md b/progresso/colorful_reservation_status.md
new file mode 100644
index 000000000..0bb98fb1f
--- /dev/null
+++ b/progresso/colorful_reservation_status.md
@@ -0,0 +1,23 @@
+# Adicionando Cores aos Status de Reserava
+
+**Objetivo:** Alterar a exibição em texto simples dos status das reservas (Rascunho, Confirmada, etc.) para tags visuais coloridas, facilitando a visualização rápida pelos capitães.
+
+**Contexto:** O componente UI de listagem de reservas (`Index.vue`) e o componente de resumo na barra lateral das conversas (`ReservationSummary.vue`) exibiam o `status_label` com um fundo cinza genérico para todos os status.
+
+**Passos:**
+1. Criada uma função `statusColor` que mapeia o campo `ui_status` do backend para classes CSS dinâmicas baseadas nas cores já disponíveis da paleta atual (Tailwind - `bg-n-...`).
+2. Atualizado o `Index.vue` na visualização tipo Lista (Tabela) para injetar essas classes de cor correspondente.
+3. Atualizado o `ReservationSummary.vue` (barra lateral do chat) para usar a mesma lógica no Computed property `statusColor`.
+
+**Principais Arquivos Alterados:**
+- [app/javascript/dashboard/routes/dashboard/captain/reservations/Index.vue](file:///Users/user/Dev/Produtos/Chatwoot-fazer-ai/fazer-ai-kanban/chatwoot/app/javascript/dashboard/routes/dashboard/captain/reservations/Index.vue)
+- [app/javascript/dashboard/routes/dashboard/conversation/reservation/ReservationSummary.vue](file:///Users/user/Dev/Produtos/Chatwoot-fazer-ai/fazer-ai-kanban/chatwoot/app/javascript/dashboard/routes/dashboard/conversation/reservation/ReservationSummary.vue)
+
+**Como Validar:**
+1. Acesse o painel web local (ex: `localhost:3001`).
+2. Vá até o menu de Reservas (Captain).
+3. Na visualização de "Lista", verifique se a coluna "Status" tem diferentes cores, como ex. cinza para Draft, verde para Confirmada, e amarelo para Aguardando Pagamento.
+4. Abra uma conversa que tenha uma reserva vinculada e veja se na barra lateral direita se o badge "Status" também aparece colorido de forma coerente com o `ui_status`.
+
+**Como Reverter:**
+As classes customizadas dinâmicas podem ser removidas revertendo o commit correspondente nestes arquivos, voltando assim o uso estático de `class="bg-n-surface-2 text-n-slate-12"` em ambos os templates do span.
diff --git a/spec/enterprise/services/captain/tools/send_suite_images_tool_spec.rb b/spec/enterprise/services/captain/tools/send_suite_images_tool_spec.rb
index cca8f64d1..43080dcac 100644
--- a/spec/enterprise/services/captain/tools/send_suite_images_tool_spec.rb
+++ b/spec/enterprise/services/captain/tools/send_suite_images_tool_spec.rb
@@ -106,4 +106,40 @@ RSpec.describe Captain::Tools::SendSuiteImagesTool, type: :model do
expect(result[:success]).to be(true)
expect(result[:formatted_message]).to match(/não encontrei fotos cadastradas/i)
end
+
+ it 'infers suite number from customer message when suite_number is not passed' do
+ create(
+ :captain_gallery_item,
+ :inbox_scoped,
+ account: account,
+ captain_unit: unit,
+ inbox: conversation.inbox,
+ suite_category: 'hidromassagem',
+ suite_number: '110'
+ )
+ create(
+ :captain_gallery_item,
+ :inbox_scoped,
+ account: account,
+ captain_unit: unit,
+ inbox: conversation.inbox,
+ suite_category: 'hidromassagem',
+ suite_number: '101'
+ )
+ create(
+ :message,
+ conversation: conversation,
+ inbox: conversation.inbox,
+ message_type: :incoming,
+ content: 'Vc tem a foto da suíte 110?'
+ )
+
+ result = nil
+ expect do
+ result = tool.execute(tool_context, suite_category: 'hidromassagem')
+ end.to change { conversation.messages.outgoing.where(sender: assistant).count }.by(1)
+
+ expect(result[:success]).to be(true)
+ expect(result[:suite_number]).to eq('110')
+ end
end
|