agenda: expandir e materializar ocorrencias de recorrencia (cross-layout)

PROBLEMA 1 — recorrencias virtuais nao apareciam em listas de sessao
============================================================
Sistema cria 1 row real em agenda_eventos por recorrencia (a primeira
ocorrencia) + 1 regra em recurrence_rules. As N-1 sessoes seguintes sao
geradas em runtime via useRecurrence.loadAndExpand. AgendaTerapeutaPage e
AgendaClinicaPage ja usavam loadAndExpand, mas composables compartilhados
("Hoje", widget, prontuario, ver todas) so liam agenda_eventos direto —
serie semanal de 4 sessoes aparecia como 1.

Fix em 3 composables cross-layout:
- usePatientSessions.load — range padrao -6mo a +12mo, filtra virtuais
  por patient_id apos loadAndExpand. Cobre MelissaPaciente Tab Agenda +
  PatientProntuario legacy.
- useMelissaEventos._fetchRange — merge real + virtual no range visivel.
  Cobre widget "Hoje" (MelissaLayout), mini-cal, fallback standalone do
  MelissaAgenda. Falha do expand cai silencioso pra so-reais.
- useMelissaTodasSessoesPaciente.fetch — mesma logica do paciente, range
  -6mo a +12mo. Cobre "Ver todas as sessoes" do MelissaAgenda.

normalizeEvent agora aceita shape de virtual (paciente_nome/patient_name)
alem de joined query (patients.nome_completo). Expoe is_occurrence +
recurrence_id pra consumidores diferenciarem.

PROBLEMA 2 — UPDATE em id virtual quebra com "invalid input syntax for type uuid"
============================================================
Apos #1, ocorrencias virtuais aparecem na UI. Quando o user mudava status
(via botoes do MelissaEventoPanel, watcher do form.status no
AgendaEventDialog, ou botoes diretos no MelissaPaciente Tab Agenda), o
UPDATE caia direto no PostgreSQL com id "rec::ruleId::date" — sintaxe
invalida pra coluna UUID.

Materializacao em 4 caminhos:
- usePatientSessions.updateStatus(sessionOrId, status) — aceita row inteira
  agora. Se virtual, busca row real por recurrence_id+date, ou cria nova
  copiando campos da virtual (com status aplicado).
- useAgendaEventActions watcher do form.status — emit('updateSeriesEvent',
  { ..., row: form }) em vez de UPDATE direto. Parent materializa.
- MelissaLayout.updateEventoStatus — detecta virtual, delega pro
  M.onUpdateSeriesEvent passando row: ev (sem isso, dialogEventRow ficaria
  vazio porque user nao abriu o dialog antes — criava row orfa sem
  patient_id).
- MelissaPaciente — @updateSeriesEvent do dialog local aponta pro
  onSessaoDialogUpdateSeries (wrapper que delega pro composable que sabe
  materializar). Antes apontava pro save normal.

useMelissaAgenda.onUpdateSeriesEvent atualizado:
- aceita row opcional do chamador (prioridade > dialogEventRow > vazio).
- guard: aborta com toast se rid (recurrence_id) for null, em vez de
  criar row orfa.
- error check no .maybeSingle (antes ignorado — query falhando seguia pro
  insert e duplicava sessoes).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/ComponentCadastroRapido.vue

@@ -90,7 +90,13 @@ const props = defineProps({
     initialData: { type: Object, default: () => ({}) },
 
     closeOnCreated: { type: Boolean, default: true },
-    resetOnOpen: { type: Boolean, default: true }
+    resetOnOpen: { type: Boolean, default: true },
+
+    // Quando true (uso "in-flow", ex: dentro do AgendaEventDialog),
+    // esconde o botao "Salvar e ver pacientes" — navegar pra lista
+    // abandonaria o fluxo onde o cadastro foi aberto. Default false
+    // mantem o botao visivel pra usos standalone (sidebar, menu).
+    hideViewListButton: { type: Boolean, default: false }
 });
 
 const emit = defineEmits(['update:modelValue', 'created']);
@@ -346,9 +352,10 @@ async function submit(mode = 'only') {
         <template #footer>
             <div class="flex justify-end gap-2">
                 <Button label="Cancelar" severity="secondary" text :disabled="saving" @click="close" />
-                <!-- Na rota de pacientes: só "Salvar" -->
+                <!-- Na rota de pacientes OU em fluxo (hideViewListButton): só "Salvar" / "Salvar e fechar" -->
                 <Button v-if="isOnPatientsPage" label="Salvar" :loading="saving" :disabled="saving" @click="submit('only')" />
-                <!-- Fora da rota de pacientes: "Salvar e fechar" + "Salvar e ver pacientes" -->
+                <Button v-else-if="hideViewListButton" label="Salvar e fechar" :loading="saving" :disabled="saving" @click="submit('only')" />
+                <!-- Standalone fora da lista: "Salvar e fechar" + "Salvar e ver pacientes" -->
                 <template v-else>
                     <Button label="Salvar e fechar" severity="secondary" outlined :loading="saving" :disabled="saving" @click="submit('only')" />
                     <Button label="Salvar e ver pacientes" :loading="saving" :disabled="saving" @click="submit('view')" />

src/components/ui/PatientCadastroDialog.vue

@@ -33,7 +33,13 @@ import PatientsCadastroPage from '@/features/patients/cadastro/PatientsCadastroP
 
 const props = defineProps({
     modelValue: { type: Boolean, default: false },
-    patientId: { type: String, default: null }
+    patientId: { type: String, default: null },
+
+    // Quando true (uso "in-flow", ex: aberto de dentro do AgendaEventDialog),
+    // esconde o botao "Salvar e ver pacientes" — navegar pra lista
+    // abandonaria o fluxo onde o cadastro foi aberto. Default false
+    // mantem o botao visivel pra usos standalone (Pacientes, Melissa).
+    hideViewListButton: { type: Boolean, default: false }
 });
 const emit = defineEmits(['update:modelValue', 'created']);
 
@@ -188,9 +194,10 @@ async function onCreated(data) {
         <template #footer>
             <div class="flex justify-end gap-2">
                 <Button label="Cancelar" severity="secondary" text :disabled="!!pageRef?.saving?.value || !!pageRef?.deleting?.value" @click="isOpen = false" />
-                <!-- Na rota de pacientes: só "Salvar" -->
+                <!-- Na rota de pacientes OU em fluxo (hideViewListButton): só um botao -->
                 <Button v-if="isOnPatientsPage" label="Salvar" :loading="!!pageRef?.saving?.value" :disabled="!!pageRef?.saving?.value || !!pageRef?.deleting?.value" @click="submitWith('only')" />
-                <!-- Fora da rota de pacientes: "Salvar e fechar" + "Salvar e ver pacientes" -->
+                <Button v-else-if="hideViewListButton" label="Salvar e fechar" :loading="!!pageRef?.saving?.value" :disabled="!!pageRef?.saving?.value || !!pageRef?.deleting?.value" @click="submitWith('only')" />
+                <!-- Standalone fora da lista: "Salvar e fechar" + "Salvar e ver pacientes" -->
                 <template v-else>
                     <Button label="Salvar e fechar" severity="secondary" outlined :loading="pendingMode === 'only' && !!pageRef?.saving?.value" :disabled="!!pageRef?.saving?.value || !!pageRef?.deleting?.value" @click="submitWith('only')" />
                     <Button label="Salvar e ver pacientes" :loading="pendingMode === 'view' && !!pageRef?.saving?.value" :disabled="!!pageRef?.saving?.value || !!pageRef?.deleting?.value" @click="submitWith('view')" />

src/features/agenda/components/AgendaCalendar.vue

@@ -23,6 +23,7 @@ import interactionPlugin from '@fullcalendar/interaction';
 import dayGridPlugin from '@fullcalendar/daygrid';
 
 import ProgressSpinner from 'primevue/progressspinner';
+import { FC_TOUCH_DEFAULTS } from '@/features/agenda/utils/fcDefaults';
 
 const props = defineProps({
     // UI
@@ -71,6 +72,7 @@ const calendarOptions = computed(() => {
     const maxTime = isWorkHours ? props.slotMaxTime : '23:59:59';
 
     return {
+        ...FC_TOUCH_DEFAULTS,
         plugins: [timeGridPlugin, interactionPlugin, dayGridPlugin],
         initialView: initialView.value,
 

src/features/agenda/components/AgendaClinicMosaic.vue

@@ -23,6 +23,7 @@ import dayGridPlugin from '@fullcalendar/daygrid';
 import listPlugin from '@fullcalendar/list';
 import interactionPlugin from '@fullcalendar/interaction';
 import ptBrLocale from '@fullcalendar/core/locales/pt-br';
+import { FC_TOUCH_DEFAULTS } from '@/features/agenda/utils/fcDefaults';
 
 const props = defineProps({
     view: { type: String, default: 'day' }, // 'day' | 'week' | 'month'
@@ -258,6 +259,7 @@ function emitDebug(col) {
 
 function buildFcOptions(ownerId) {
     const base = {
+        ...FC_TOUCH_DEFAULTS,
         plugins: [timeGridPlugin, dayGridPlugin, listPlugin, interactionPlugin],
         locale: ptBrLocale,
         timeZone: props.timezone,

src/features/agenda/components/AgendaEventDialogV2.vue

@@ -270,16 +270,22 @@ function onPatientCreatedRapido(p) {
     cadRapidoOpen.value = false;
 }
 
+// Mostra TODOS os pacientes (inclusive Inativo/Arquivado) — UX intencional:
+// nao-Ativos vem com badge + disabled no template, ordenados pro final.
+// selectPaciente bloqueia o clique se status !== 'Ativo'.
+const _aev2StatusRank = { Ativo: 0, Inativo: 1, Arquivado: 2 };
 const filteredPatients = computed(() => {
     const q = String(pacienteSearch.value || '').trim().toLowerCase();
-    const list = (patients.value || []).filter((p) => p.status === 'Ativo');
-    if (!q) return list;
-    return list.filter((p) => {
+    const list = patients.value || [];
+    const matched = !q
+        ? [...list]
+        : list.filter((p) => {
               const nome = String(p.nome || '').toLowerCase();
               const email = String(p.email || '').toLowerCase();
               const tel = String(p.telefone || '').toLowerCase();
               return nome.includes(q) || email.includes(q) || tel.includes(q);
           });
+    return matched.sort((a, b) => (_aev2StatusRank[a.status] ?? 3) - (_aev2StatusRank[b.status] ?? 3));
 });
 
 function goToAgendamentosRecebidos() {
@@ -924,6 +930,9 @@ const heroDateText = computed(() => {
                         :key="p.id"
                         type="button"
                         class="aev2-picker-item"
+                        :class="{ 'aev2-picker-item--blocked': p.status && p.status !== 'Ativo' }"
+                        :disabled="p.status && p.status !== 'Ativo'"
+                        :title="p.status === 'Arquivado' ? 'Paciente arquivado — não é possível agendar' : p.status === 'Inativo' ? 'Paciente inativo — não é possível agendar' : ''"
                         @click="selectPaciente(p)"
                     >
                         <Avatar v-if="p.avatar_url" :image="p.avatar_url" shape="circle" size="normal" />
@@ -932,6 +941,8 @@ const heroDateText = computed(() => {
                             <div class="font-semibold truncate">{{ p.nome }}</div>
                             <div class="text-xs opacity-60 truncate">{{ p.email || p.telefone }}</div>
                         </div>
+                        <Tag v-if="p.status === 'Arquivado'" value="Arquivado" severity="danger" class="shrink-0" />
+                        <Tag v-else-if="p.status === 'Inativo'" value="Inativo" severity="warn" class="shrink-0" />
                     </button>
                 </div>
             </div>
@@ -946,6 +957,7 @@ const heroDateText = computed(() => {
             email-field="email_principal"
             phone-field="telefone"
             :extra-payload="{ status: 'Ativo' }"
+            hide-view-list-button
             @created="onPatientCreatedRapido"
         />
 
@@ -1477,4 +1489,9 @@ const heroDateText = computed(() => {
     transition: background .15s;
 }
 .aev2-picker-item:hover { background: var(--aev2-pill-bg); }
+.aev2-picker-item--blocked {
+    opacity: .6;
+    cursor: not-allowed;
+}
+.aev2-picker-item--blocked:hover { background: transparent; }
 </style>

src/features/agenda/components/ServiceQuickCreateDialog.vue

@@ -67,10 +67,23 @@ async function onSave() {
     }
     saving.value = true;
     try {
+        const name = form.value.name.trim().slice(0, 120);
+
+        // Nome unico por owner (case-insensitive) — espelha a validacao
+        // do useServices.save() pra impedir duplicata tambem quando o
+        // cadastro vem do quick-create dentro do AgendaEventDialog.
+        const { data: dups, error: dupErr } = await supabase.from('services').select('id').eq('owner_id', ownerId).ilike('name', name).limit(1);
+        if (dupErr) throw dupErr;
+        if (dups && dups.length > 0) {
+            toast.add({ severity: 'warn', summary: 'Nome em uso', detail: 'Já existe um serviço com este nome.', life: 3500 });
+            saving.value = false;
+            return;
+        }
+
         const payload = {
             owner_id: ownerId,
             tenant_id: tid,
-            name: form.value.name.trim().slice(0, 120),
+            name,
             price: Number(form.value.price),
             duration_min: form.value.duration_min ? Number(form.value.duration_min) : null,
             description: form.value.description?.trim().slice(0, 500) || null,

src/features/agenda/composables/__tests__/useAgendaEventPickerBilling.spec.js

@@ -333,6 +333,33 @@ describe('selectPaciente / clearPaciente', () => {
         expect(composer.form.value.paciente_id).toBe(null);
     });
 
+    it('selectPaciente copia status pro form quando Ativo', () => {
+        const composer = makeComposer();
+        const { selectPaciente } = setup({ composer });
+        selectPaciente({ id: 'p-1', nome: 'Ana', status: 'Ativo' });
+        expect(composer.form.value.paciente_id).toBe('p-1');
+        expect(composer.form.value.paciente_status).toBe('Ativo');
+    });
+
+    it('selectPaciente bloqueia paciente Arquivado (defesa em camadas)', () => {
+        const composer = makeComposer();
+        const { selectPaciente, pacientePickerOpen } = setup({ composer });
+        pacientePickerOpen.value = true;
+        selectPaciente({ id: 'p-arq', nome: 'Ana', status: 'Arquivado' });
+        // Form nao deve ter sido tocado
+        expect(composer.form.value.paciente_id).toBe(null);
+        expect(composer.form.value.paciente_status).toBeFalsy();
+        // Picker permanece aberto pro user escolher outro
+        expect(pacientePickerOpen.value).toBe(true);
+    });
+
+    it('selectPaciente bloqueia paciente Inativo', () => {
+        const composer = makeComposer();
+        const { selectPaciente } = setup({ composer });
+        selectPaciente({ id: 'p-ina', nome: 'Bruno', status: 'Inativo' });
+        expect(composer.form.value.paciente_id).toBe(null);
+    });
+
     it('clearPaciente limpa form + samePatientConflict', () => {
         const composer = makeComposer({
             formExtra: { paciente_id: 'p-1', paciente_nome: 'Ana', paciente_avatar: 'url' }

src/features/agenda/composables/useAgendaEventActions.js

@@ -87,10 +87,46 @@ export function useAgendaEventActions({
                 acceptSeverity: isCancelar ? 'danger' : 'warn',
                 accept: async () => {
                     try {
+                        // Se o evento é ocorrência VIRTUAL de recorrência
+                        // (id "rec::..." sem row real em agenda_eventos),
+                        // delega pro parent — useMelissaAgenda.onUpdateSeriesEvent
+                        // e AgendaTerapeutaPage.onUpdateSeriesEvent materializam
+                        // a linha antes de aplicar status. Sem essa delegação,
+                        // UPDATE direto em id virtual quebra com PostgreSQL
+                        // "invalid input syntax for type uuid".
+                        const formId = composer.form.value.id;
+                        const isVirtual =
+                            !!composer.form.value.is_occurrence ||
+                            (typeof formId === 'string' && formId.startsWith('rec::'));
+
+                        if (isVirtual) {
+                            emit('updateSeriesEvent', {
+                                id: null, // sem row real
+                                status: newVal,
+                                recurrence_date:
+                                    composer.form.value.recurrence_date ||
+                                    composer.form.value.original_date ||
+                                    String(composer.form.value.inicio_em || '').slice(0, 10),
+                                inicio_em: composer.form.value.inicio_em,
+                                fim_em: composer.form.value.fim_em,
+                                is_virtual: true,
+                                // Form completo do dialog — handler usa pra resolver
+                                // recurrence_id/patient_id sem depender de dialogEventRow.
+                                row: { ...composer.form.value }
+                            });
+                            toast.add({
+                                severity: 'success',
+                                summary: 'Status atualizado',
+                                detail: `Sessão marcada como ${labelStatusSessao(newVal)}.`,
+                                life: 3000
+                            });
+                            return;
+                        }
+
                         const { data, error } = await supabase
                             .from('agenda_eventos')
                             .update({ status: newVal })
-                            .eq('id', composer.form.value.id)
+                            .eq('id', formId)
                             .select()
                             .single();
                         if (error) throw error;

src/features/agenda/composables/useAgendaEventPickerBilling.js

@@ -286,9 +286,18 @@ export function useAgendaEventPickerBilling({
 
     function selectPaciente(p) {
         if (!p?.id) return;
+        // Bloqueia clique em paciente arquivado/inativo — defesa em camadas:
+        // o template do picker ja marca esses items como disabled, mas se
+        // alguem chamar selectPaciente programaticamente (cache stale, etc),
+        // a regra precisa valer.
+        if (p.status && p.status !== 'Ativo') return;
         composer.form.value.paciente_id = p.id;
         composer.form.value.paciente_nome = p.nome || '';
         composer.form.value.paciente_avatar = p.avatar_url || '';
+        // Sem isso, form.paciente_status fica '' e canSave nao consegue
+        // aplicar getPatientAgendaPermissions — qualquer falha do filtro
+        // acima vira sessao criavel com paciente fora do escopo.
+        composer.form.value.paciente_status = p.status || '';
         pacientePickerOpen.value = false;
     }
 
@@ -296,6 +305,7 @@ export function useAgendaEventPickerBilling({
         composer.form.value.paciente_id = null;
         composer.form.value.paciente_nome = '';
         composer.form.value.paciente_avatar = '';
+        composer.form.value.paciente_status = '';
         actions.samePatientConflict.value = null;
     }
 

src/features/agenda/composables/useServices.js

@@ -54,6 +54,21 @@ export function useServices() {
     async function save(payload) {
         error.value = '';
         try {
+            const name = payload.name?.trim();
+            if (!name) throw new Error('Nome do serviço é obrigatório.');
+            if (!payload.owner_id) throw new Error('Owner ausente.');
+
+            // Nome unico por owner (case-insensitive). No update,
+            // ignora o proprio id pra nao conflitar consigo mesmo
+            // quando o usuario salva sem mudar o nome.
+            let dupQuery = supabase.from('services').select('id').eq('owner_id', payload.owner_id).ilike('name', name).limit(1);
+            if (payload.id) dupQuery = dupQuery.neq('id', payload.id);
+            const { data: dups, error: dupErr } = await dupQuery;
+            if (dupErr) throw dupErr;
+            if (dups && dups.length > 0) {
+                throw new Error('Já existe um serviço com este nome.');
+            }
+
             if (payload.id) {
                 const { id, owner_id, tenant_id, ...fields } = payload;
                 const { error: err } = await supabase.from('services').update(fields).eq('id', id).eq('owner_id', owner_id);

src/features/agenda/pages/AgendaTerapeutaPage.vue

@@ -31,6 +31,7 @@ import dayGridPlugin from '@fullcalendar/daygrid';
 import listPlugin from '@fullcalendar/list';
 import interactionPlugin from '@fullcalendar/interaction';
 import ptBrLocale from '@fullcalendar/core/locales/pt-br';
+import { FC_TOUCH_DEFAULTS } from '@/features/agenda/utils/fcDefaults';
 
 import AgendaEventDialog from '@/features/agenda/components/AgendaEventDialog.vue';
 import BloqueioDialog from '@/features/agenda/components/BloqueioDialog.vue';
@@ -672,6 +673,7 @@ const _initSlotMax = slotMaxTime.value;
 const fcOptions = computed(() => ({
     plugins: [timeGridPlugin, dayGridPlugin, listPlugin, interactionPlugin],
     locale: ptBrLocale,
+    ...FC_TOUCH_DEFAULTS,
     timeZone: timezone.value,
 
     headerToolbar: false,

src/features/agenda/utils/fcDefaults.js

@@ -0,0 +1,32 @@
+/*
+ * FullCalendar shared defaults.
+ *
+ * Centraliza opções que devem se aplicar a TODAS as instâncias do
+ * FullCalendar do sistema (MelissaAgenda, AgendaTerapeutaPage,
+ * AgendaClinicMosaic, e futuras). Se aparecer outra agenda, basta:
+ *
+ *   import { FC_TOUCH_DEFAULTS } from '@/features/agenda/utils/fcDefaults';
+ *   const fcOptions = { ...FC_TOUCH_DEFAULTS, ...resto };
+ *
+ * Sem isso, tablet/touch fica sem paridade com mouse — ver detalhe abaixo.
+ */
+
+/**
+ * Defaults pra paridade touch ↔ mouse no FullCalendar.
+ *
+ * Por padrão o FC exige long-press de 1000ms no touch antes de disparar
+ * `select` ou `eventDrop` — no mouse, qualquer clique/drag funciona na hora.
+ * Zerar os dois delays faz tap se comportar igual clique do mouse.
+ *
+ * - selectLongPressDelay: 0  → tap em slot vazio dispara `select` na hora
+ *   (abre o AgendaEventDialog igual ao desktop)
+ * - eventLongPressDelay: 0   → tap-and-drag em evento existente já move/resize
+ *   sem precisar segurar 1s
+ *
+ * O FC continua diferenciando tap curto (select de 1 slot) de tap+drag
+ * (select de range) automaticamente — não há perda de funcionalidade.
+ */
+export const FC_TOUCH_DEFAULTS = Object.freeze({
+    selectLongPressDelay: 0,
+    eventLongPressDelay: 0
+});

src/features/patients/composables/usePatientSessions.js

@@ -11,6 +11,7 @@
 */
 import { ref, computed } from 'vue';
 import { supabase } from '@/lib/supabase/client';
+import { useRecurrence } from '@/features/agenda/composables/useRecurrence';
 
 export function usePatientSessions() {
     const sessions = ref([]);
@@ -19,6 +20,9 @@ export function usePatientSessions() {
     const busy = ref(false); // mutations em curso (updateStatus etc)
     let _lastPatientId = null;
 
+    // Instancia local — refs internos (rules/exceptions) ficam isolados deste consumidor.
+    const { loadAndExpand } = useRecurrence();
+
     async function load(patientId) {
         _lastPatientId = patientId || null;
         if (!patientId) {
@@ -29,14 +33,49 @@ export function usePatientSessions() {
         error.value = '';
         sessions.value = [];
         try {
+            // 1. Linhas reais — `recurrence_id`/`recurrence_date` inclusos pra
+            //    mergeWithStoredSessions deduplicar virtuais de sessões já materializadas.
             const { data, error: err } = await supabase
                 .from('agenda_eventos')
-                .select('id, inicio_em, fim_em, status, modalidade, tipo, titulo, titulo_custom, observacoes')
+                .select('id, inicio_em, fim_em, status, modalidade, tipo, titulo, titulo_custom, observacoes, patient_id, recurrence_id, recurrence_date')
                 .eq('patient_id', patientId)
                 .order('inicio_em', { ascending: false })
                 .limit(100);
             if (err) throw err;
-            sessions.value = data || [];
+            const realRows = data || [];
+
+            // 2. Expande recorrências do owner + filtra só as deste paciente.
+            //    Range default: 6 meses atrás → 12 meses à frente (cobre histórico
+            //    recente + ~1 ano de séries semanais/quinzenais futuras). Sem expansão,
+            //    sessão 1 aparece (materializada) mas as N-1 virtuais ficam invisíveis.
+            let virtualOccs = [];
+            try {
+                const { data: userData } = await supabase.auth.getUser();
+                const ownerId = userData?.user?.id || null;
+                if (ownerId) {
+                    let tenantId = null;
+                    try {
+                        const { useTenantStore } = await import('@/stores/tenantStore');
+                        tenantId = useTenantStore().activeTenantId || null;
+                    } catch { /* sem tenant store — segue */ }
+
+                    const now = new Date();
+                    const rangeStart = new Date(now.getFullYear(), now.getMonth() - 6, 1);
+                    const rangeEnd = new Date(now.getFullYear() + 1, now.getMonth(), 1);
+
+                    const expanded = await loadAndExpand(ownerId, rangeStart, rangeEnd, realRows, tenantId);
+                    virtualOccs = expanded.filter((r) => r.is_occurrence && r.patient_id === patientId);
+                }
+            } catch (e) {
+                // Fallback silencioso — UI segue funcional só com sessões reais.
+                // eslint-disable-next-line no-console
+                console.warn('[usePatientSessions] recurrence expand falhou:', e);
+            }
+
+            // 3. Merge desc por inicio_em (mantém contrato do composable original).
+            const merged = [...realRows, ...virtualOccs];
+            merged.sort((a, b) => String(b.inicio_em).localeCompare(String(a.inicio_em)));
+            sessions.value = merged;
         } catch (e) {
             error.value = e?.message || 'Falha ao carregar sessões.';
             sessions.value = [];
@@ -145,17 +184,96 @@ export function usePatientSessions() {
     /**
      * Atualiza o status de uma sessao (mutation). Recarrega a lista do paciente
      * ao final pra refletir o novo estado nos computeds derivados.
+     *
+     * Aceita string (UUID legado) OU a row inteira da sessão. Quando vier a row
+     * e ela for ocorrência virtual (is_occurrence=true, id `rec::ruleId::date`),
+     * MATERIALIZA primeiro: cria/encontra a linha real em agenda_eventos com
+     * recurrence_id+recurrence_date apontando pra regra, depois aplica o status.
+     * Sem isso o UPDATE falha com "invalid input syntax for type uuid" porque
+     * o id virtual nunca existiu no banco. Espelha o pattern de
+     * useMelissaAgenda.onUpdateSeriesEvent (L808-850).
+     *
      * Retorna {ok: true} ou {ok: false, error: msg}.
      */
-    async function updateStatus(sessionId, novoStatus) {
-        if (!sessionId || busy.value) return { ok: false, error: 'busy' };
+    async function updateStatus(sessionOrId, novoStatus) {
+        if (!sessionOrId || busy.value) return { ok: false, error: 'busy' };
         busy.value = true;
         try {
+            // Caminho A — string UUID legado ou row real (id é UUID real).
+            const isObject = typeof sessionOrId === 'object' && sessionOrId !== null;
+            const isVirtual = isObject && !!sessionOrId.is_occurrence;
+
+            if (!isVirtual) {
+                const realId = isObject ? sessionOrId.id : sessionOrId;
+                if (!realId || typeof realId !== 'string' || realId.startsWith('rec::')) {
+                    return { ok: false, error: 'ID inválido pra atualizar status (virtual sem row).' };
+                }
                 const { error: err } = await supabase
                     .from('agenda_eventos')
                     .update({ status: novoStatus })
-                .eq('id', sessionId);
+                    .eq('id', realId);
                 if (err) throw err;
+                if (_lastPatientId) await load(_lastPatientId);
+                return { ok: true };
+            }
+
+            // Caminho B — ocorrência virtual: materializar antes de atualizar.
+            const row = sessionOrId;
+            const rid = row.recurrence_id;
+            const rDate = row.recurrence_date || row.original_date || String(row.inicio_em || '').slice(0, 10);
+
+            if (!rid || !rDate) {
+                return { ok: false, error: 'Ocorrência sem recurrence_id/date — não dá pra materializar.' };
+            }
+
+            // Já existe row materializada (mesmo recurrence_id+date)? Usa ela.
+            const { data: existing, error: exErr } = await supabase
+                .from('agenda_eventos')
+                .select('id')
+                .eq('recurrence_id', rid)
+                .eq('recurrence_date', rDate)
+                .maybeSingle();
+            if (exErr) throw exErr;
+
+            if (existing?.id) {
+                const { error: upErr } = await supabase
+                    .from('agenda_eventos')
+                    .update({ status: novoStatus })
+                    .eq('id', existing.id);
+                if (upErr) throw upErr;
+            } else {
+                // Materializa NOVA row a partir da virtual. Owner/tenant via auth+store.
+                const { data: userData } = await supabase.auth.getUser();
+                const ownerId = userData?.user?.id || null;
+                let tenantId = null;
+                try {
+                    const { useTenantStore } = await import('@/stores/tenantStore');
+                    tenantId = useTenantStore().activeTenantId || null;
+                } catch { /* sem store — segue */ }
+
+                const newRow = {
+                    owner_id: ownerId,
+                    tenant_id: tenantId,
+                    recurrence_id: rid,
+                    recurrence_date: rDate,
+                    patient_id: row.patient_id || row.paciente_id || _lastPatientId,
+                    tipo: row.tipo || 'sessao',
+                    status: novoStatus,
+                    inicio_em: row.inicio_em,
+                    fim_em: row.fim_em,
+                    modalidade: row.modalidade || 'presencial',
+                    titulo: row.titulo || null,
+                    titulo_custom: row.titulo_custom || null,
+                    observacoes: row.observacoes || null,
+                    determined_commitment_id: row.determined_commitment_id || null,
+                    price: row.price ?? null
+                };
+                const { error: insErr } = await supabase
+                    .from('agenda_eventos')
+                    .insert([newRow]);
+                if (insErr) throw insErr;
+            }
+
             if (_lastPatientId) await load(_lastPatientId);
             return { ok: true };
         } catch (e) {

src/layout/melissa/MelissaAgenda.vue

@@ -22,6 +22,7 @@ import dayGridPlugin from '@fullcalendar/daygrid';
 import listPlugin from '@fullcalendar/list';
 import interactionPlugin from '@fullcalendar/interaction';
 import ptBrLocale from '@fullcalendar/core/locales/pt-br';
+import { FC_TOUCH_DEFAULTS } from '@/features/agenda/utils/fcDefaults';
 import { useMelissaEventosRange, useMelissaTodasSessoesPaciente } from './composables/useMelissaEventos';
 import { MELISSA_AGENDA_KEY } from './composables/useMelissaAgenda';
 import { useMelissaPacientesAside } from './composables/useMelissaPacientesAside';
@@ -244,7 +245,11 @@ const VIEW_MAP = {
     dia: 'timeGridDay',
     semana: 'timeGridWeek',
     mes: 'dayGridMonth',
-    lista: 'listWeek'
+    // listAll é view custom (configurada em fcOptions.views) — cobre 2 anos
+    // (1 ano antes + 1 ano depois de hoje). Substituiu listWeek que mostrava
+    // só 7 dias e escondia recorrências semanais/quinzenais futuras. Cap do
+    // loadAndExpand é 730d (MAX_RANGE_DAYS), 2 anos cai exatamente no limite.
+    lista: 'listAll'
 };
 
 const fcRef = ref(null);
@@ -384,6 +389,11 @@ const fcEvents = computed(() => {
         const evPid = ev.patient_id || ev.paciente_id;
         if (onlySess && !evPid) continue;
         if (pacienteId && evPid !== pacienteId) continue;
+        // Eventos cujo paciente foi arquivado/desativado ganham classe
+        // visual ("inativo") — borda tracejada + opacidade reduzida no CSS
+        // abaixo. Mantem a cor do commitment pra nao perder contexto.
+        const pStatus = ev.paciente_status;
+        const isInactivePatient = pStatus === 'Arquivado' || pStatus === 'Inativo';
         out.push({
             id: ev.id,
             title: ev.label,
@@ -392,6 +402,7 @@ const fcEvents = computed(() => {
             backgroundColor: `${ev.color}26`, // ~15% opacity
             borderColor: ev.color,
             textColor: 'white',
+            classNames: isInactivePatient ? ['ma-evt--inactive-patient'] : undefined,
             extendedProps: ev
         });
     }
@@ -403,6 +414,19 @@ const fcEvents = computed(() => {
     return out;
 });
 
+// Hint pra trocar pra view 'lista' quando há ocorrências de recorrência
+// visíveis em view dia/semana/mês. Cada view dessas cobre janela curta
+// (1d / 7d / ~35d) — séries semanais com 4+ ocorrências sempre extrapolam.
+// Lista cobre 2 anos centrada no usuário, então mostra passado/presente/futuro.
+// Não mostra no modo "Ver todas" (já tá em modo lista paralela) nem na própria
+// view lista. Some quando nenhum virtual aparece (sem recorrência ativa visível).
+const showRecurrenceHint = computed(() => {
+    if (calendarView.value === 'lista') return false;
+    if (verTodasSessoes.value) return false;
+    if (!eventosSemana.value?.length) return false;
+    return eventosSemana.value.some((ev) => ev.is_occurrence);
+});
+
 // ── slotMinTime / slotMaxTime baseado em timeMode ─────────────
 // 24: 00–24h. 12: 06–18h. my: range das workRules (snap em 30min).
 function _hhmmToMin(t) {
@@ -492,11 +516,22 @@ function slotLabelContent(arg) {
 
 const fcOptions = computed(() => ({
     plugins: [timeGridPlugin, dayGridPlugin, listPlugin, interactionPlugin],
+    ...FC_TOUCH_DEFAULTS,
     locale: ptBrLocale,
     headerToolbar: false, // toolbar é nossa (custom glass)
     initialView: VIEW_MAP[calendarView.value] || 'timeGridWeek',
     initialDate: refDate.value,
     nowIndicator: true,
+    // View custom "listAll": list view cobrindo 2 anos. Usada quando user clica
+    // o toggle "Lista" — exibe passadas + presentes + futuras numa varredura só.
+    // setView('lista') faz gotoDate(hoje - 1 ano) pra centrar.
+    views: {
+        listAll: {
+            type: 'list',
+            duration: { years: 2 },
+            buttonText: 'Lista'
+        }
+    },
     // Drag/resize/select habilitam apenas com M (composable disponível) —
     // standalone (sem M) fica readonly por compat (preview puro).
     editable: !!M,
@@ -696,6 +731,14 @@ function goToday() { fcApi()?.today(); }
 function setView(v) {
     calendarView.value = v;
     fcApi()?.changeView(VIEW_MAP[v]);
+    // Lista cobre 2 anos — abrimos centrado: pula pra (hoje - 1 ano) pra
+    // mostrar passado + presente + futuro de uma vez. Outras views mantém
+    // o refDate atual (datesSet sincroniza viewStart/End normalmente).
+    if (v === 'lista') {
+        const umAnoAtras = new Date();
+        umAnoAtras.setFullYear(umAnoAtras.getFullYear() - 1);
+        fcApi()?.gotoDate(umAnoAtras);
+    }
 }
 
 // ── Menu de Bloqueio (toolbar) ─────────────────────────────────
@@ -1574,16 +1617,21 @@ defineExpose({
                             @bloqueio="onActionsBloqueio"
                         />
 
-                        <div class="ma-cal__view ma-cal__view--xl-only flex bg-[var(--m-bg-soft)] border border-[var(--m-border)] rounded-[10px] p-0.5 flex-shrink-0 max-[1279px]:hidden">
-                            <button
-                                v-for="opt in [{v:'dia',l:'Dia'},{v:'semana',l:'Semana'},{v:'mes',l:'Mês'},{v:'lista',l:'Lista'}]"
-                                :key="opt.v"
-                                class="ma-cal__view-btn bg-transparent border-0 text-[var(--m-text-muted)] px-3 py-[5px] rounded-lg text-[0.75rem] font-medium [font-family:inherit] cursor-pointer transition-all duration-[140ms] hover:text-[var(--m-text)] focus-visible:outline-2 focus-visible:outline-[var(--m-accent)] focus-visible:outline-offset-2"
-                                :class="{ 'is-active': calendarView === opt.v }"
-                                @click="setView(opt.v)"
-                            >
-                                {{ opt.l }}
-                            </button>
+                        <div class="ma-cal__view ma-cal__view--xl-only flex-shrink-0 max-[1279px]:hidden">
+                            <SelectButton
+                                :model-value="calendarView"
+                                :options="[
+                                    { v: 'dia', l: 'Dia' },
+                                    { v: 'semana', l: 'Semana' },
+                                    { v: 'mes', l: 'Mês' },
+                                    { v: 'lista', l: 'Lista' }
+                                ]"
+                                option-value="v"
+                                option-label="l"
+                                :allow-empty="false"
+                                size="small"
+                                @update:model-value="(v) => v && setView(v)"
+                            />
                         </div>
                     </div>
                 </div>
@@ -1662,6 +1710,32 @@ defineExpose({
                     </div>
                 </Transition>
 
+                <!-- Aviso quando há ocorrências de recorrência visíveis E o user
+                     não está na view 'lista'. Cobre o caso "sessão recorrente
+                     com count=4 — aparece só na semana atual; outras 3 ficam
+                     fora do range visível". Botão troca pra view lista, que
+                     cobre 2 anos (passado + futuro) numa varredura só. -->
+                <Transition name="ma-patient-banner">
+                    <div
+                        v-if="showRecurrenceHint"
+                        class="ma-cal__recurrence-hint flex items-center gap-2.5 px-3.5 py-1.5 border-b border-[var(--m-border)] bg-[color-mix(in_srgb,var(--m-accent)_6%,var(--m-bg-medium))] text-[var(--m-text)] text-[0.78rem] flex-shrink-0"
+                        role="status"
+                    >
+                        <i class="pi pi-refresh text-[var(--m-accent)] text-[0.74rem] flex-shrink-0" />
+                        <span class="min-w-0 flex-1 leading-[1.3] text-[var(--m-text-muted)]">
+                            Há sessões recorrentes visíveis — pode haver mais fora deste período.
+                        </span>
+                        <button
+                            class="inline-flex items-center gap-1.5 px-2.5 py-[5px] rounded-lg border border-[var(--m-border)] bg-[var(--m-bg-soft)] text-[var(--m-text)] text-[0.74rem] font-medium [font-family:inherit] cursor-pointer transition-[background-color,border-color,color] duration-[140ms] flex-shrink-0 hover:bg-[var(--m-bg-soft-hover)] hover:border-[var(--m-border-strong)] focus-visible:outline-2 focus-visible:outline-[var(--m-accent)] focus-visible:outline-offset-2"
+                            v-tooltip.bottom="'Lista cobre 2 anos centrada em hoje'"
+                            @click="setView('lista')"
+                        >
+                            <i class="pi pi-list" />
+                            <span>Ver na lista</span>
+                        </button>
+                    </div>
+                </Transition>
+
                 <!-- FullCalendar — view selecionada via :key pra re-mount limpo -->
                 <div class="ma-cal__fc">
                     <!-- Overlay leve enquanto eventos carregam. Não bloqueia interação,
@@ -2015,18 +2089,14 @@ defineExpose({
 /* ═══ COL 2: Calendar central ════════════════════════════════ */
 /* .ma-cal*, .ma-cal__toolbar, .ma-cal__nav*, .ma-cal__btn (versão ghost
    da toolbar), .ma-cal__icon, .ma-cal__period, .ma-cal__right, .ma-cal__view*
-   migraram pra Tailwind no template. Aqui ficam SO os state modifiers:
-   .is-today-active (botao Hoje desabilitado) e .is-active do view-btn. */
+   migraram pra Tailwind no template. Aqui fica SO o state modifier
+   .is-today-active (botao Hoje desabilitado). O view selector agora e
+   PrimeVue SelectButton — visual herdado do tema do projeto. */
 .ma-cal__btn.is-today-active {
     opacity: 0.45;
     cursor: default;
 }
 .ma-cal__btn.is-today-active:hover { background: transparent; }
-.ma-cal__view-btn.is-active {
-    background: var(--m-bg-soft-hover);
-    color: var(--m-text);
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
-}
 
 /* .ma-cal__loading migrou pra Tailwind utilities no template. */
 .ma-loading-fade-enter-active,
@@ -2171,6 +2241,16 @@ defineExpose({
 .ma-cal__fc :deep(.fc-list-day-cushion) {
     background: var(--m-bg-soft);
 }
+/* Sticky day header em listAll precisa de z-index + bg opaco — sem isso,
+   conforme o user dá scroll, .fc-list-event passa POR CIMA do header
+   (stacking context da row de evento vence o cushion sem z-index). */
+.ma-cal__fc :deep(.fc-list-day) {
+    position: relative;
+    z-index: 3;
+}
+.ma-cal__fc :deep(.fc-list-day > *) {
+    background: var(--m-bg-medium);
+}
 .ma-cal__fc :deep(.fc-list-event:hover td) {
     background: var(--m-bg-soft);
 }
@@ -2197,6 +2277,20 @@ defineExpose({
 .ma-cal__fc :deep(.fc-event-main) {
     padding: 0;
 }
+
+/* Eventos de paciente Inativo/Arquivado — borda tracejada + opacidade reduzida.
+   Mantem a cor do commitment (contexto preservado) e funciona em todas as
+   views (day/week/month/list) porque ataca .fc-event direto. */
+.ma-cal__fc :deep(.fc-event.ma-evt--inactive-patient) {
+    opacity: 0.58;
+    border-left-style: dashed;
+}
+.ma-cal__fc :deep(.fc-list-event.ma-evt--inactive-patient) {
+    opacity: 0.58;
+}
+.ma-cal__fc :deep(.fc-list-event.ma-evt--inactive-patient td) {
+    font-style: italic;
+}
 .ma-cal__fc :deep(.mc-fc-event) {
     padding: 4px 6px;
     color: var(--m-text);
@@ -2393,7 +2487,7 @@ html:not(.app-dark) .ma-cal__fc :deep(.mc-fc-event__badge--modal.is-presencial)
     font-size: 0.7rem;
 }
 
-/* Lista (listWeek) */
+/* Lista (listAll — view custom 2 anos centrada em hoje) */
 .ma-cal__fc :deep(.fc-list-day-text),
 .ma-cal__fc :deep(.fc-list-day-side-text) {
     color: var(--m-text);

src/layout/melissa/MelissaLayout.vue

@@ -652,16 +652,42 @@ function fecharEvento() {
 // ── Actions do MelissaEventoPanel ──────────────────────────────
 // updateStatus: muda status no DB e refetcha agenda. Pattern espelha
 // AgendaTerapeutaPage (sem optimistic update por simplicidade no MVP).
+//
+// Quando `ev` é ocorrência VIRTUAL de recorrência (id `rec::...` sem row real),
+// delega pro M.onUpdateSeriesEvent que materializa antes do UPDATE — sem isso
+// PostgreSQL recusa o UPDATE com "invalid input syntax for type uuid".
 async function updateEventoStatus(novoStatus, msgSucesso) {
     const ev = eventoSelecionado.value;
     if (!ev?.id || eventoBusy.value) return;
     eventoBusy.value = true;
     try {
+        const isVirtual =
+            !!ev.is_occurrence ||
+            (typeof ev.id === 'string' && ev.id.startsWith('rec::'));
+
+        if (isVirtual) {
+            await M.onUpdateSeriesEvent({
+                id: null,
+                status: novoStatus,
+                recurrence_date:
+                    ev.recurrence_date ||
+                    ev.original_date ||
+                    String(ev.inicio_em || '').slice(0, 10),
+                inicio_em: ev.inicio_em,
+                fim_em: ev.fim_em,
+                is_virtual: true,
+                // Passa o ev completo — sem isso o handler depende de
+                // dialogEventRow.value (que está vazio quando o user clica
+                // direto no evento do FC sem abrir o dialog antes).
+                row: ev
+            });
+        } else {
             const { error } = await supabase
                 .from('agenda_eventos')
                 .update({ status: novoStatus })
                 .eq('id', ev.id);
             if (error) throw error;
+        }
         toast.add({ severity: 'success', summary: msgSucesso, life: 2200 });
         // Refetch:
         //  - M.refetch() alimenta a Agenda (FullCalendar + ocorrências virtuais)

src/layout/melissa/MelissaPaciente.vue

@@ -321,8 +321,11 @@ async function revertRecordPaid(record) {
 }
 
 // Handler de mutacao de status (Realizada / Falta / Cancelar)
+// Passa a row inteira pro composable porque pode ser ocorrência virtual de
+// recorrência (id `rec::ruleId::date`) — nesse caso o composable materializa
+// uma linha real antes de aplicar o status (UPDATE em id virtual quebra).
 async function updateSessionStatus(ev, novoStatus, msg) {
-    const result = await sessionsHook.updateStatus(ev.id, novoStatus);
+    const result = await sessionsHook.updateStatus(ev, novoStatus);
     if (result.ok) {
         toast.add({ severity: 'success', summary: msg, life: 2200 });
     } else {
@@ -539,6 +542,21 @@ async function onSessaoDialogSave(payload) {
         ]);
     }
 }
+// Mudança de status numa ocorrência (cancelado/remarcado/etc) — delega pro
+// handler do composable que SABE materializar ocorrência virtual antes de
+// aplicar o status. Sem isso o UPDATE em id virtual quebra ("invalid input
+// syntax for type uuid"). Espelha o wire-up de MelissaLayout/AgendaTerapeuta.
+async function onSessaoDialogUpdateSeries(payload) {
+    if (typeof melissaAgenda?.onUpdateSeriesEvent === 'function') {
+        await melissaAgenda.onUpdateSeriesEvent(payload);
+    }
+    if (props.patientId) {
+        await Promise.all([
+            sessionsHook.load(props.patientId),
+            recorrenciasHook.load(props.patientId)
+        ]);
+    }
+}
 async function onSessaoDialogDelete(payload) {
     if (typeof melissaAgenda?.onDialogDelete === 'function') {
         await melissaAgenda.onDialogDelete(payload);
@@ -2296,7 +2314,7 @@ onBeforeUnmount(() => {
         :lock-patient="true"
         @save="onSessaoDialogSave"
         @delete="onSessaoDialogDelete"
-        @updateSeriesEvent="onSessaoDialogSave"
+        @updateSeriesEvent="onSessaoDialogUpdateSeries"
         @editSeriesOccurrence="onSessaoDialogSave"
     >
         <template #headerLeft>

src/layout/melissa/composables/useMelissaAgenda.js

@@ -806,7 +806,11 @@ function _buildHandlers(deps) {
     }
 
     // ── onUpdateSeriesEvent — mudança de status numa ocorrência ──
-    async function onUpdateSeriesEvent({ id, status, recurrence_date, inicio_em, fim_em, is_virtual }) {
+    //
+    // `row` opcional: row completa quando o chamador NÃO abriu o dialog antes
+    // (MelissaEventoPanel clica direto no evento → não há dialogEventRow ainda).
+    // Sem isso, recurrence_id/patient_id caem pra null e criavam row órfã.
+    async function onUpdateSeriesEvent({ id, status, recurrence_date, inicio_em, fim_em, is_virtual, row: callerRow }) {
         try {
             if (id) {
                 await update(id, { status });
@@ -814,20 +818,29 @@ function _buildHandlers(deps) {
             }
             if (!is_virtual || !inicio_em) return;
 
-            const rid = dialogEventRow.value?.recurrence_id ?? dialogEventRow.value?.serie_id ?? null;
+            // Prioridade: row passado pelo chamador > dialogEventRow > vazio.
+            // dialogEventRow só está populado se o user abriu o dialog antes.
+            const row = callerRow || dialogEventRow.value || {};
+            const rid = row.recurrence_id ?? row.serie_id ?? dialogEventRow.value?.recurrence_id ?? dialogEventRow.value?.serie_id ?? null;
             const rDate = recurrence_date || inicio_em?.slice(0, 10);
 
-            const { data: existing } = await supabase
+            if (!rid) {
+                toast.add({ severity: 'warn', summary: 'Erro', detail: 'Não foi possível identificar a regra de recorrência desta ocorrência.', life: 4000 });
+                return;
+            }
+
+            // .is() pra null seria inválido aqui — rid já validado acima.
+            const { data: existing, error: exErr } = await supabase
                 .from('agenda_eventos')
                 .select('id')
                 .eq('recurrence_id', rid)
                 .eq('recurrence_date', rDate)
                 .maybeSingle();
+            if (exErr) throw exErr;
 
             if (existing?.id) {
                 await update(existing.id, { status });
             } else {
-                const row = dialogEventRow.value || {};
                 await create({
                     owner_id: ownerId.value,
                     tenant_id: clinicTenantId.value,
@@ -841,6 +854,7 @@ function _buildHandlers(deps) {
                     titulo: row.titulo || 'Sessão',
                     patient_id: row.patient_id || row.paciente_id || null,
                     determined_commitment_id: row.determined_commitment_id || null,
+                    modalidade: row.modalidade || 'presencial',
                     price: row.price ?? null
                 });
             }

src/layout/melissa/composables/useMelissaEventos.js

@@ -20,13 +20,16 @@
  *
  * Sem auth/tenant: retorna [] silencioso (UI segue funcional).
  *
- * NÃO inclui ocorrências virtuais de recorrência (loadAndExpand) pra simplificar
- * o preview. Adicionar quando promover Melissa pra produção.
+ * Inclui ocorrências virtuais de recorrência (via useRecurrence.loadAndExpand)
+ * mescladas com linhas reais — assim widgets ("Hoje", mini-cal, "Ver todas")
+ * mostram sessões futuras de séries semanais/quinzenais mesmo antes da
+ * materialização. Falha do expand não bloqueia: fallback silencioso pra reais.
  */
 import { ref, watch, onMounted, computed } from 'vue';
 import { supabase } from '@/lib/supabase/client';
 import { useTenantStore } from '@/stores/tenantStore';
 import { useMelissaCacheStore, MELISSA_CACHE_TTL } from '@/stores/melissaCacheStore';
+import { useRecurrence } from '@/features/agenda/composables/useRecurrence';
 
 // ── Cores por tipo/status (consistente com o resto do Melissa) ──
 function pickColor(tipo, status) {
@@ -48,29 +51,43 @@ function isoToDecimalHour(iso) {
 }
 
 function normalizeEvent(r) {
-    const pacNome = r.patients?.nome_completo || '';
+    // Linhas reais (joined query) trazem `patients.nome_completo`; ocorrências
+    // virtuais (loadAndExpand) trazem `paciente_nome`/`patient_name`. Aceita os 3
+    // pra que a mesma normalização sirva pros dois tipos sem perder o rótulo.
+    const pacNome = r.patients?.nome_completo || r.paciente_nome || r.patient_name || '';
+    const pacStatus = r.patients?.status || r.paciente_status || '';
     return {
         id: r.id,
         tipo: r.tipo || 'sessao',
         status: r.status || '',
-        titulo: r.titulo || '',
+        titulo: r.titulo || r.titulo_custom || '',
         patient_id: r.patient_id || null,
         pacienteNome: pacNome,
+        // Status do paciente — usado pelo MelissaAgenda pra marcar visualmente
+        // eventos de paciente Inativo/Arquivado (borda tracejada + opacidade).
+        paciente_status: pacStatus,
         modalidade: r.modalidade || '',
         descricao: r.observacoes || '',
         color: pickColor(r.tipo, r.status),
-        label: pacNome || r.titulo || '—',
+        label: pacNome || r.titulo || r.titulo_custom || '—',
         inicio_em: r.inicio_em,
         fim_em: r.fim_em,
         startH: isoToDecimalHour(r.inicio_em),
         endH: isoToDecimalHour(r.fim_em),
         dateKey: String(r.inicio_em || '').slice(0, 10),
         price: r.price != null ? Number(r.price) : 0,
-        billed: !!r.billed
+        billed: !!r.billed,
+        // Flag pra consumidores diferenciarem materializada vs virtual de recorrência
+        // (UI pode optar por badge, click handler pode materializar antes de editar).
+        is_occurrence: !!r.is_occurrence,
+        recurrence_id: r.recurrence_id ?? null
     };
 }
 
 // ── Helper interno: garante uid + tenant + faz a query ──
+// Carrega linhas reais de agenda_eventos no range + expande recorrências
+// virtuais (loadAndExpand). Falha da expansão não bloqueia o fetch: cai pra
+// só-reais com aviso no console — UI continua funcional.
 async function _fetchRange(start, end) {
     const tenantStore = useTenantStore();
     const { data: userData } = await supabase.auth.getUser();
@@ -82,9 +99,11 @@ async function _fetchRange(start, end) {
 
     if (!userId || !tid) return [];
 
+    // Recurrence_id/date inclusos no select pra mergeWithStoredSessions dedupar
+    // ocorrências já materializadas (sessões reais ganham precedência sobre virtuais).
     const { data, error } = await supabase
         .from('agenda_eventos')
-        .select('id, tipo, status, titulo, inicio_em, fim_em, modalidade, observacoes, patient_id, price, billed, patients!agenda_eventos_patient_id_fkey(nome_completo, status)')
+        .select('id, tipo, status, titulo, inicio_em, fim_em, modalidade, observacoes, patient_id, price, billed, recurrence_id, recurrence_date, patients!agenda_eventos_patient_id_fkey(nome_completo, status)')
         .eq('owner_id', userId)
         .is('mirror_of_event_id', null)
         .gte('inicio_em', start.toISOString())
@@ -92,7 +111,20 @@ async function _fetchRange(start, end) {
         .order('inicio_em', { ascending: true });
 
     if (error) throw error;
-    return (data || []).map(normalizeEvent);
+    const realRows = data || [];
+
+    // Expansão de recorrências — falha silenciosa não derruba a UI.
+    let virtualOccs = [];
+    try {
+        const { loadAndExpand } = useRecurrence();
+        const expanded = await loadAndExpand(userId, start, end, realRows, tid);
+        virtualOccs = expanded.filter((r) => r.is_occurrence);
+    } catch (e) {
+        // eslint-disable-next-line no-console
+        console.warn('[useMelissaEventos] recurrence expand falhou:', e);
+    }
+
+    return [...realRows, ...virtualOccs].map(normalizeEvent);
 }
 
 // ── Range helpers ──────────────────────────────────────────────
@@ -293,14 +325,33 @@ export function useMelissaTodasSessoesPaciente() {
 
             const { data, error: err } = await supabase
                 .from('agenda_eventos')
-                .select('id, tipo, status, titulo, inicio_em, fim_em, modalidade, observacoes, patient_id, price, billed, patients!agenda_eventos_patient_id_fkey(nome_completo, status)')
+                .select('id, tipo, status, titulo, inicio_em, fim_em, modalidade, observacoes, patient_id, price, billed, recurrence_id, recurrence_date, patients!agenda_eventos_patient_id_fkey(nome_completo, status)')
                 .eq('owner_id', userId)
                 .eq('patient_id', patientId)
                 .is('mirror_of_event_id', null)
                 .order('inicio_em', { ascending: false });
 
             if (err) throw err;
-            eventos.value = (data || []).map(normalizeEvent);
+            const realRows = data || [];
+
+            // Expansão de recorrências do paciente — range padrão -6mo → +12mo
+            // (cobre histórico recente + ~1 ano de série semanal/quinzenal futura).
+            let virtualOccs = [];
+            try {
+                const { loadAndExpand } = useRecurrence();
+                const now = new Date();
+                const rangeStart = new Date(now.getFullYear(), now.getMonth() - 6, 1);
+                const rangeEnd = new Date(now.getFullYear() + 1, now.getMonth(), 1);
+                const expanded = await loadAndExpand(userId, rangeStart, rangeEnd, realRows, tid);
+                virtualOccs = expanded.filter((r) => r.is_occurrence && r.patient_id === patientId);
+            } catch (rec) {
+                // eslint-disable-next-line no-console
+                console.warn('[useMelissaTodasSessoesPaciente] recurrence expand falhou:', rec);
+            }
+
+            const merged = [...realRows, ...virtualOccs];
+            merged.sort((a, b) => String(b.inicio_em).localeCompare(String(a.inicio_em)));
+            eventos.value = merged.map(normalizeEvent);
         } catch (e) {
             error.value = e?.message || 'Erro ao carregar sessões';
             eventos.value = [];