App Shell

Composição Sidebar + Top Nav + área de conteúdo. O layout base para qualquer página do app.

Default

Sidebar colapsável + top nav + conteúdo

Visão Geral

Métricas e atividades das suas propriedades.

Total de Imóveis

248

+12vs. mês anterior

Taxa de Ocupação

94.2%

+2.1%vs. mês anterior

Receita Mensal

R$ 1.2M

+8.3%vs. mês anterior

Inquilinos Ativos

1.847

-3vs. mês anterior

Ocupação por Região

Atividade Recente

Contrato AP 302 assinado

Vistoria Rua Augusta agendada

Pagamento R$ 3.500 recebido

Manutenção Bloco B concluída

<AppShell />

// Estrutura interna:
<div className="flex h-full bg-background">
  {/* Mobile overlay */}
  {mobileOpen && <div className="fixed inset-0 bg-foreground/20" onClick={close} />}

  {/* Sidebar */}
  <div className="fixed inset-y-0 left-0 z-50 lg:relative">
    <SidebarNav />
  </div>

  {/* Main */}
  <div className="flex flex-1 flex-col min-w-0">
    <TopNav onMenuClick={toggleMobile} />
    <main className="flex-1 overflow-y-auto p-6">
      {children}
    </main>
  </div>
</div>