Copyright, Financeiro, Lançamentos, aprimoramentos de ui

src/layout/AppMenuItem.vue

@@ -1,10 +1,26 @@
-<!-- src/layout/AppMenuItem.vue -->
+<!--
+|--------------------------------------------------------------------------
+| Agência PSI
+|--------------------------------------------------------------------------
+| Criado e desenvolvido por Leonardo Nohama
+|
+| Tecnologia aplicada à escuta.
+| Estrutura para o cuidado.
+|
+| Arquivo: src/layout/AppMenuItem.vue
+| Data: 2026
+| Local: São Carlos/SP — Brasil
+|--------------------------------------------------------------------------
+| © 2026 — Todos os direitos reservados
+|--------------------------------------------------------------------------
+-->
 <script setup>
 import { useLayout } from '@/layout/composables/layout'
 import { computed, ref, nextTick, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 
 import Popover from 'primevue/popover'
+import PatientCadastroDialog from '@/components/ui/PatientCadastroDialog.vue'
 
 import { useTenantStore } from '@/stores/tenantStore'
 import { useEntitlementsStore } from '@/stores/entitlementsStore'
@@ -172,6 +188,8 @@ const onMouseEnter = () => {
   }
 }
 
+const showCadastroDialog = ref(false)
+
 /* ---------- POPUP + ---------- */
 function togglePopover (event) {
   if (isBlocked.value) return
@@ -187,7 +205,17 @@ function abrirCadastroRapido () {
   emit('quick-create', { entity: props.item?.quickCreateEntity || 'patient', mode: 'rapido' })
 }
 
-async function irCadastroCompleto () {
+function irCadastroCompleto () {
+  closePopover()
+
+  layoutState.overlayMenuActive = false
+  layoutState.mobileMenuActive = false
+  layoutState.menuHoverActive = false
+
+  showCadastroDialog.value = true
+}
+
+async function irLinkCadastro () {
   closePopover()
 
   layoutState.overlayMenuActive = false
@@ -195,11 +223,14 @@ async function irCadastroCompleto () {
   layoutState.menuHoverActive = false
 
   await nextTick()
-  router.push({ name: 'admin-pacientes-cadastro' })
+  const linkTo = props.item?.quickCreateLinkTo || '/therapist/patients/link-externo'
+  router.push(linkTo)
 }
 </script>
 
 <template>
+  <PatientCadastroDialog v-if="item.quickCreate" v-model="showCadastroDialog" />
+
   <li v-show="isVisible" :class="{ 'layout-root-menuitem': root, 'active-menuitem': isActive }">
     <div v-if="root" class="layout-menuitem-root-text">
       {{ item.label }}
@@ -255,9 +286,47 @@ async function irCadastroCompleto () {
     </div>
 
     <Popover v-if="item.quickCreate" ref="pop">
-      <div class="flex flex-column gap-2 min-w-[180px]">
-        <Button label="Cadastro rápido" icon="pi pi-bolt" text @click="abrirCadastroRapido" />
-        <Button label="Cadastro completo" icon="pi pi-user-plus" text @click="irCadastroCompleto" />
+      <div class="flex flex-col gap-0.5 min-w-[190px] py-0.5">
+        <button
+          class="flex items-center gap-2.5 px-3 py-2 rounded-md cursor-pointer border-0 bg-transparent text-left w-full transition-colors duration-100 hover:bg-[var(--surface-ground,#f8fafc)]"
+          @click="abrirCadastroRapido"
+        >
+          <div class="w-7 h-7 rounded-md flex items-center justify-center flex-shrink-0 bg-indigo-500/10 text-indigo-500">
+            <i class="pi pi-bolt text-xs" />
+          </div>
+          <div>
+            <div class="text-sm font-semibold text-[var(--text-color)]">Cadastro Rápido</div>
+            <div class="text-[0.68rem] text-[var(--text-color-secondary)]">Nome, e-mail e telefone</div>
+          </div>
+        </button>
+
+        <button
+          class="flex items-center gap-2.5 px-3 py-2 rounded-md cursor-pointer border-0 bg-transparent text-left w-full transition-colors duration-100 hover:bg-[var(--surface-ground,#f8fafc)]"
+          @click="irCadastroCompleto"
+        >
+          <div class="w-7 h-7 rounded-md flex items-center justify-center flex-shrink-0 bg-emerald-500/10 text-emerald-600">
+            <i class="pi pi-user-plus text-xs" />
+          </div>
+          <div>
+            <div class="text-sm font-semibold text-[var(--text-color)]">Cadastro Completo</div>
+            <div class="text-[0.68rem] text-[var(--text-color-secondary)]">Formulário detalhado</div>
+          </div>
+        </button>
+
+        <div class="mx-3 my-1 border-t border-[var(--surface-border,#e2e8f0)]" />
+
+        <button
+          class="flex items-center gap-2.5 px-3 py-2 rounded-md cursor-pointer border-0 bg-transparent text-left w-full transition-colors duration-100 hover:bg-[var(--surface-ground,#f8fafc)]"
+          @click="irLinkCadastro"
+        >
+          <div class="w-7 h-7 rounded-md flex items-center justify-center flex-shrink-0 bg-sky-500/10 text-sky-600">
+            <i class="pi pi-link text-xs" />
+          </div>
+          <div>
+            <div class="text-sm font-semibold text-[var(--text-color)]">Link de Cadastro</div>
+            <div class="text-[0.68rem] text-[var(--text-color-secondary)]">Enviar link ao paciente</div>
+          </div>
+        </button>
       </div>
     </Popover>