From fa2b431a565d73912f8861afa4681e27ab9e6724 Mon Sep 17 00:00:00 2001
From: Leonardo <lmnohama@gmail.com>
Date: Fri, 22 May 2026 11:41:00 -0300
Subject: [PATCH] melissa/hero: contagem 'cancelado/remarcado' no resumo do dia

Acrescenta sufixo "(x foi cancelado, x foi remarcado)" depois do chip
de atendimentos quando ha sessoes nesses status em eventosHojeReais.
Sufixo nao-clicavel, peso menor pra nao competir com o link do total.
Pluralizacao gramatical (1 foi / 2+ foram).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/layout/melissa/MelissaHeroClock.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/layout/melissa/MelissaHeroClock.vue b/src/layout/melissa/MelissaHeroClock.vue
index 59c2f23..2cafaea 100644
--- a/src/layout/melissa/MelissaHeroClock.vue
+++ b/src/layout/melissa/MelissaHeroClock.vue
@@ -72,7 +72,7 @@ const emit = defineEmits(['cronometro', 'toggle-filtro']);
                             class="resumo-link"
                             :class="{ 'is-active': filtroTipo === p.tipo }"
                             @click="emit('toggle-filtro', p.tipo)"
-                        >{{ p.text }}</button><span v-if="i < resumoPartes.length - 2">,&nbsp;</span><span v-else-if="i === resumoPartes.length - 2">&nbsp;e&nbsp;</span>
+                        >{{ p.text }}</button><span v-if="p.suffix" class="resumo-suffix">{{ p.suffix }}</span><span v-if="i < resumoPartes.length - 2">,&nbsp;</span><span v-else-if="i === resumoPartes.length - 2">&nbsp;e&nbsp;</span>
                     </template>.
                 </template>
             </span>
@@ -135,6 +135,13 @@ const emit = defineEmits(['cronometro', 'toggle-filtro']);
     border-bottom: 1px solid var(--m-text);
 }
 
+/* Sufixo "(1 foi cancelado, 2 foram remarcados)" — texto secundario,
+   nao clicavel, com peso menor pra nao competir com o chip. */
+.resumo-suffix {
+    color: var(--m-text-muted, rgba(255, 255, 255, 0.6));
+    font-size: 0.9em;
+}
+
 /* ─── Modo "fundo nos textos soltos" ──────────────────────────
    Toggle no painel Personalizar. Cada bloco de texto (.hero-text)
    ganha um fundo solido translucido + borda + padding pra ficar