carousel, agenda arquivados, agenda cor, agenda arquivados, grupos pacientes, pacientes arquivados - desativados, sessoes verificadas, ajuste notificações, Prontuario, Agenda Animation, Menu Profile, bagdes Profile, Offline

src/layout/AppRailPanel.vue

@@ -6,13 +6,23 @@ import { useRouter, useRoute } from 'vue-router'
 import { useMenuStore }         from '@/stores/menuStore'
 import { useLayout }            from './composables/layout'
 import { useEntitlementsStore } from '@/stores/entitlementsStore'
+import { useMenuBadges }        from '@/composables/useMenuBadges'
 
 const menuStore        = useMenuStore()
 const { layoutState }  = useLayout()
 const entitlements     = useEntitlementsStore()
+const menuBadges       = useMenuBadges()
 const router           = useRouter()
 const route            = useRoute()
 
+function menuBadgeLabel (item) {
+  const key = item?.badgeKey
+  if (!key) return null
+  const val = menuBadges[key]?.value || 0
+  if (!val) return null
+  return key === 'agendaHoje' ? `${val} hoje` : String(val)
+}
+
 // ── Seção ativa ──────────────────────────────────────────────
 const currentSection = computed(() => {
   const model = menuStore.model || []
@@ -372,6 +382,7 @@ async function goToResult (r) {
                 <i v-if="child.icon" :class="child.icon" class="text-[1rem] shrink-0 opacity-75" />
                 <span class="flex-1">{{ child.label }}</span>
                 <span v-if="isLocked(child)" class="text-[0.58rem] font-extrabold uppercase tracking-widest px-1.5 py-px rounded border border-[var(--surface-border)] text-[var(--text-color-secondary)] opacity-70">PRO</span>
+                <span v-if="menuBadgeLabel(child)" class="text-[0.62rem] font-bold px-1.5 py-px rounded-full bg-[var(--primary-color)] text-white leading-none">{{ menuBadgeLabel(child) }}</span>
               </button>
             </div>
 
@@ -388,6 +399,7 @@ async function goToResult (r) {
               <i v-if="item.icon" :class="item.icon" class="text-[1rem] shrink-0 opacity-75" />
               <span class="flex-1">{{ item.label }}</span>
               <span v-if="isLocked(item)" class="text-[0.58rem] font-extrabold uppercase tracking-widest px-1.5 py-px rounded border border-[var(--surface-border)] text-[var(--text-color-secondary)] opacity-70">PRO</span>
+              <span v-if="menuBadgeLabel(item)" class="text-[0.62rem] font-bold px-1.5 py-px rounded-full bg-[var(--primary-color)] text-white leading-none">{{ menuBadgeLabel(item) }}</span>
             </button>
 
           </template>