> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nextmed.med.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Mapa da aplicação e FigJam

> Diagrama dos módulos da plataforma Manager e como reproduzi-lo no FigJam.

Esta página reúne um **mapa navegável** da aplicação Manager (baseado na documentação do time em `MANAGER/`) e orientações para montar um **quadro FigJam** equivalente.

## Diagrama — módulos e fluxos principais

O diagrama abaixo resume a Home (cards por módulo), as áreas documentadas e os fluxos típicos entre listagem → detalhe → cadastro (modal).

```mermaid theme={"system"}
flowchart TB
  subgraph home["Home — Manager"]
    H[Módulos em cards]
  end

  subgraph mod["Módulos documentados"]
    U[Usuários]
    I[Instituições]
    M[Médicos]
    S[Serviços]
    P[Planos]
    R[Relatórios]
  end

  H --> U & I & M & S & P & R

  U --> U1[Gerenciar usuários — tabela]
  U1 --> U2[Adicionar usuário — modal]
  U1 --> U3[Editar — modal/tela]

  I --> I1[Listagem — abas Ocorrências / Lista geral]
  I1 --> I2[Nova instituição — modal]
  I1 --> I3[Detalhe — lupa]

  M --> M1[Lista / Ocorrências — abas + badge]
  M1 --> M2[Detalhe do médico]

  S --> S1[Lista de serviços — grade de cards]
  S1 --> S2[Novo serviço — modal + sub-modais]
  S2 --> S2a[Notificar usuários]
  S2 --> S2b[Plataformas]

  P --> P1[Listar planos — tabela]
  P1 --> P2[Novo plano — modal]

  R --> R1[Gestão de custos — KPIs + Looker Studio]
```

## Diagrama — hierarquia de telas (visão compacta)

```mermaid theme={"system"}
flowchart LR
  Home[Home]
  Home --> Usuarios[Usuários]
  Home --> Inst[Instituições]
  Home --> Med[Médicos]
  Home --> Serv[Serviços]
  Home --> Pla[Planos]
  Home --> Rel[Relatórios financeiros]

  Usuarios --> U_L[Listagem]
  U_L --> U_A[Adicionar modal]

  Inst --> I_L[Listagem]
  I_L --> I_N[Nova instituição]

  Serv --> S_G[Grade]
  S_G --> S_M[Modal serviço]
```

## FigJam: é possível usar?

Sim. **FigJam** (Figma) é ideal para mapas de navegação, fluxos e sticky notes com o time.

Não é possível criar ou salvar um arquivo **FigJam automaticamente na sua conta Figma** a partir deste repositório sem integração OAuth com a API do Figma. O que você pode fazer:

<Steps>
  <Step title="Criar um quadro FigJam">
    No Figma, escolha **FigJam** → **New FigJam file** (ou acesse [figma.com/figjam](https://www.figma.com/figjam/)).
  </Step>

  <Step title="Replicar o mapa">
    * Use **seções** (frames) para cada módulo: Usuários, Instituições, Médicos, Serviços, Planos, Relatórios.
    * Dentro de cada seção, crie **retângulos** para telas (Listagem, Modal, Detalhe) e **conectores** para setas de navegação.
    * Copie os nós do primeiro diagrama Mermaid desta página como checklist de rótulos.
  </Step>

  <Step title="Exportar ou embutir (opcional)">
    No Mintlify você pode manter os diagramas em **Mermaid** (como aqui) ou exportar o FigJam como **PNG/SVG** e usar `<Frame><img ... /></Frame>` em uma página MDX.
  </Step>
</Steps>

<Tip>
  Para colar estrutura rápida no FigJam: crie uma lista em texto (módulo → tela → ação) em um stickie, depois distribua em shapes. Plugins como busca por “diagram” na comunidade Figma podem ajudar a importar fluxos — revise sempre o resultado.
</Tip>

## Links para a documentação detalhada por módulo

<CardGroup cols={2}>
  <Card title="Usuários" icon="users" href="/manager/modulo-usuarios" />

  <Card title="Instituições" icon="building-2" href="/manager/modulo-instituicoes" />

  <Card title="Médicos" icon="user" href="/manager/modulo-medicos" />

  <Card title="Serviços" icon="briefcase" href="/manager/modulo-servicos" />

  <Card title="Planos" icon="credit-card" href="/manager/modulo-planos" />

  <Card title="Relatórios" icon="bar-chart" href="/manager/modulo-relatorios" />
</CardGroup>
