From 8ec1e6204de3a2044f0d32a1ef13eaf73150a0ff Mon Sep 17 00:00:00 2001
From: VPS 4 Builder <deploy@clube67.com>
Date: Tue, 7 Jul 2026 04:02:24 +0200
Subject: [PATCH] =?UTF-8?q?feat(salas):=20move=20o=20modelo=20de=20loca?=
 =?UTF-8?q?=C3=A7=C3=A3o=20para=20o=20passo=20"Dados"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Seletor de modelo (Hora/Período/Dia/Semana/Mês) sai do passo Calendário e
  passa a ficar no passo Dados — o usuário escolhe o modelo primeiro, depois
  o calendário/horário reagem à escolha.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/views/plugins/SalasPlugin.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/views/plugins/SalasPlugin.tsx b/frontend/views/plugins/SalasPlugin.tsx
index a5158da..8fcdce2 100644
--- a/frontend/views/plugins/SalasPlugin.tsx
+++ b/frontend/views/plugins/SalasPlugin.tsx
@@ -445,14 +445,6 @@ const ReservaModal: React.FC<{ sala: Sala; onClose: () => void; onReserved: () =
                   <p className="text-[9px] text-gray-400 font-bold uppercase mt-1">O anti-conflito verifica a agenda do profissional selecionado</p>
                 </div>
               )}
-              <div>
-                <label className={labelCls}>Observações</label>
-                <textarea className={inputCls} rows={4} value={f.observacoes} onChange={e => setF(p => ({ ...p, observacoes: e.target.value }))} placeholder="Alguma informação para o locador…" />
-              </div>
-            </div>
-
-            {/* PASSO 2 — Calendário */}
-            <div className="w-full shrink-0 overflow-y-auto p-6 space-y-4">
               <div>
                 <label className={labelCls}>Modelo de locação</label>
                 <div className="grid grid-cols-3 sm:grid-cols-5 gap-2 mt-1">
@@ -470,6 +462,14 @@ const ReservaModal: React.FC<{ sala: Sala; onClose: () => void; onReserved: () =
                   })}
                 </div>
               </div>
+              <div>
+                <label className={labelCls}>Observações</label>
+                <textarea className={inputCls} rows={4} value={f.observacoes} onChange={e => setF(p => ({ ...p, observacoes: e.target.value }))} placeholder="Alguma informação para o locador…" />
+              </div>
+            </div>
+
+            {/* PASSO 2 — Calendário */}
+            <div className="w-full shrink-0 overflow-y-auto p-6 space-y-4">
               <div className="rounded-2xl border border-gray-100 p-4">
                 <div className="flex items-center justify-between mb-3">
                   <button type="button" onClick={() => setMesRef(m => new Date(m.getFullYear(), m.getMonth() - 1, 1))} className="p-1.5 rounded-lg hover:bg-gray-100 text-gray-500"><ChevronLeft size={18} /></button>