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