Agenda, Agendador, Configurações

src/layout/AppTopbar.vue

@@ -15,6 +15,9 @@ import { useTenantStore } from '@/stores/tenantStore'
 import { useRoleGuard } from '@/composables/useRoleGuard'
 const { canSee } = useRoleGuard()
 
+import { useAjuda } from '@/composables/useAjuda'
+const { openDrawer: openAjudaDrawer } = useAjuda()
+
 import { useUserSettingsPersistence } from '@/composables/useUserSettingsPersistence'
 import { applyThemeEngine } from '@/theme/theme.options'
 
@@ -623,6 +626,15 @@ onMounted(async () => {
             :baseZIndex="3000"
           />
 
+          <Button
+            icon="pi pi-question-circle"
+            label="Ajuda"
+            severity="secondary"
+            outlined
+            class="ajuda-btn"
+            @click="openAjudaDrawer"
+          />
+
           <button type="button" class="layout-topbar-action">
             <i class="pi pi-calendar"></i>
             <span>Calendar</span>
@@ -680,6 +692,13 @@ onMounted(async () => {
   white-space: nowrap;
 }
 
+.ajuda-btn {
+  border-radius: 999px;
+  font-size: 0.8rem;
+  padding: 0.3rem 0.8rem;
+  height: 2rem;
+}
+
 .topbar-ctx-v {
   font-size: 0.75rem;
   opacity: 0.95;