Copyright, Financeiro, Lançamentos, aprimoramentos de ui

src/features/agenda/components/AgendaCalendar.vue

@@ -1,4 +1,19 @@
-<!-- src/features/agenda/components/AgendaCalendar.vue -->
+<!--
+|--------------------------------------------------------------------------
+| Agência PSI
+|--------------------------------------------------------------------------
+| Criado e desenvolvido por Leonardo Nohama
+|
+| Tecnologia aplicada à escuta.
+| Estrutura para o cuidado.
+|
+| Arquivo: src/features/agenda/components/AgendaCalendar.vue
+| Data: 2026
+| Local: São Carlos/SP — Brasil
+|--------------------------------------------------------------------------
+| © 2026 — Todos os direitos reservados
+|--------------------------------------------------------------------------
+-->
 <script setup>
 import { computed, ref, watch, onMounted } from 'vue'
 
@@ -151,9 +166,12 @@ onMounted(() => {
 <template>
   <div class="agenda-calendar-wrap">
     <div v-if="loading" class="agenda-calendar-loading">
-      <ProgressSpinner strokeWidth="3" />
-      <div class="text-sm mt-2" style="color: var(--text-color-secondary);">
-        Carregando agenda…
+      <div class="flex flex-col gap-2 w-full px-2 py-2">
+        <Skeleton height="2rem" class="mb-1" />
+        <div class="grid grid-cols-7 gap-1">
+          <Skeleton v-for="n in 7" :key="n" height="1.25rem" />
+        </div>
+        <Skeleton v-for="n in 8" :key="'row' + n" height="3rem" />
       </div>
     </div>