{
  "id": "perfil",
  "titulo": "Perfil",
  "tela": "/app/settings/profile",
  "resumo": "Onde você acha todas as Configurações e ajusta o que é só seu: o nome que a equipe vê, a foto, o idioma e o fuso horário.",
  "licoes": [
    {
      "id": "achando-as-configuracoes",
      "titulo": "Achando as Configurações",
      "objetivo": "Saber chegar às Configurações de qualquer tela e entender como a lista de telas está dividida.",
      "papel": "admin",
      "busca": [
        "configurações",
        "onde ficam as configurações",
        "ajustes do sistema",
        "minha conta",
        "dados da empresa",
        "engrenagem",
        "preferências"
      ],
      "passos": [
        {
          "id": "p1",
          "titulo": "A porta das Configurações",
          "texto": "O item \"Configurações\", com o desenho de uma engrenagem, fica no rodapé do menu da esquerda e aparece em todas as telas. Clicando nele, abre esta página, que lista todas as telas de ajuste do sistema. Cada cartão tem o nome da tela e uma frase dizendo para que ela serve. O primeiro grupo, \"Sua empresa\", vale para a clínica inteira: tipos de agendamento, equipe, marca, recursos que se ligam e desligam, plano e outros.",
          "rota": "/app/settings",
          "antes": [],
          "destaques": [
            {
              "alvo": {
                "role": "link",
                "nome": "Configurações",
                "exato": true
              },
              "rotulo": "Sempre no rodapé do menu",
              "tipo": "seta"
            },
            {
              "alvo": {
                "css": "section[aria-labelledby='hub-organizacao-sua-empresa']"
              },
              "rotulo": "Vale para a empresa toda",
              "tipo": "caixa"
            }
          ]
        },
        {
          "id": "p2",
          "titulo": "Dados e acesso",
          "texto": "Rolando até o fim aparece \"Dados e acesso\": os pedidos de dados feitos pelos clientes (\"LGPD\"), as chaves para outros sistemas conversarem com o seu (\"API Tokens\"), os dados da linha telefônica para a IA fazer chamadas de voz (\"Trunk SIP\") e o endereço de um sistema de fora que a IA pode consultar (\"Servidor MCP externo\"). Cada pessoa só vê os cartões que o cargo dela permite usar, e alguns só aparecem quando o recurso está ligado na instalação: um atendente vê bem menos cartões que a dona da clínica.",
          "antes": [],
          "destaques": [
            {
              "alvo": {
                "css": "section[aria-labelledby='hub-organizacao-dados-e-acesso']"
              },
              "rotulo": "Dados e acesso",
              "tipo": "caixa"
            }
          ]
        },
        {
          "id": "p3",
          "titulo": "Sua conta",
          "texto": "Logo acima fica \"Sua conta\", com o que vale só para você: \"Perfil\" (nome, idioma, fuso e foto), \"Segurança\" (verificação em duas etapas e sessões), \"Notificações\" (sobre o que você quer ser avisado) e \"App no celular\" (instalar o sistema no telefone). Cada pessoa da equipe ajusta o seu, sem mexer no dos colegas. Para seguir, clique em \"Perfil\".",
          "antes": [],
          "destaques": [
            {
              "alvo": {
                "css": "#hub-organizacao-sua-conta"
              },
              "rotulo": "O que é só seu",
              "tipo": "seta"
            },
            {
              "alvo": {
                "css": "a[href='/app/settings/profile']"
              },
              "rotulo": "Perfil",
              "tipo": "seta"
            }
          ],
          "clicar": {
            "css": "a[href='/app/settings/profile']"
          }
        }
      ]
    },
    {
      "id": "nome-e-foto",
      "titulo": "Seu nome e sua foto",
      "objetivo": "Mudar o nome com que você aparece no sistema e colocar uma foto no seu perfil.",
      "papel": "admin",
      "busca": [
        "mudar meu nome",
        "trocar nome do usuário",
        "colocar foto de perfil",
        "avatar",
        "foto no canto da tela",
        "meu perfil",
        "trocar email"
      ],
      "passos": [
        {
          "id": "p1",
          "titulo": "A tela de Perfil",
          "texto": "O Perfil guarda os seus dados pessoais dentro do sistema. O \"Email\" ainda não dá para trocar: logo abaixo dele está escrito \"Trocar email — em breve.\". Em seguida ficam o \"Nome completo\", o \"Idioma\", o \"Fuso horário\" e o \"Avatar URL\", que é o endereço da sua foto.",
          "rota": "/app/settings/profile",
          "antes": [],
          "destaques": [
            {
              "alvo": {
                "rotulo": "Email",
                "exato": true
              },
              "rotulo": "Email (ainda não se troca)",
              "tipo": "caixa"
            },
            {
              "alvo": {
                "rotulo": "Nome completo",
                "exato": true
              },
              "rotulo": "Seu nome",
              "tipo": "caixa"
            }
          ]
        },
        {
          "id": "p2",
          "titulo": "Mudar o seu nome",
          "texto": "Apague o nome no campo \"Nome completo\" e escreva como você quer aparecer, com até 120 caracteres (espaços contam). Depois clique em \"Salvar\". Aparece o aviso \"Perfil atualizado.\" e o novo nome passa a valer no menu do canto de cima, com as iniciais no círculo. Se ali ainda aparecer o nome antigo, recarregue a página.",
          "dica": "O botão \"Salvar\" grava tudo o que está no formulário de uma vez: nome, idioma, fuso e foto.",
          "antes": [
            {
              "acao": "fill",
              "alvo": {
                "rotulo": "Nome completo",
                "exato": true
              },
              "valor": "Helena Prado Bastos"
            }
          ],
          "destaques": [
            {
              "alvo": {
                "rotulo": "Nome completo",
                "exato": true
              },
              "rotulo": "Escreva o novo nome",
              "tipo": "caixa"
            },
            {
              "alvo": {
                "role": "button",
                "nome": "Salvar",
                "exato": true
              },
              "rotulo": "Grava a mudança",
              "tipo": "seta"
            }
          ]
        },
        {
          "id": "p3",
          "titulo": "Colocar uma foto",
          "texto": "Ainda não dá para enviar um arquivo do computador. Para ter foto, cole no campo \"Avatar URL\" o endereço de uma imagem que já está na internet, aberta para qualquer pessoa (por exemplo, a foto da equipe no site da clínica). Prefira um endereço que comece com \"https://\". Depois de salvar, a foto entra no círculo do canto de cima, no lugar das iniciais. Se não aparecer, recarregue a página.",
          "dica": "Para tirar a foto, apague o endereço deste campo e salve: as iniciais voltam.",
          "antes": [
            {
              "acao": "fill",
              "alvo": {
                "rotulo": "Avatar URL",
                "exato": true
              },
              "valor": "https://clinicabemviver.com.br/equipe/helena-prado.jpg"
            }
          ],
          "destaques": [
            {
              "alvo": {
                "rotulo": "Avatar URL",
                "exato": true
              },
              "rotulo": "Endereço da sua foto",
              "tipo": "caixa"
            },
            {
              "alvo": {
                "texto": "Upload de arquivo — em breve. Cole uma URL pública.",
                "exato": true
              },
              "rotulo": "Envio de arquivo ainda não existe",
              "tipo": "seta"
            }
          ]
        },
        {
          "id": "p4",
          "titulo": "Onde o nome e a foto aparecem",
          "texto": "Clique no círculo do canto de cima, à direita, para abrir o menu da sua conta. No alto dele aparecem o seu nome e o seu email, do jeito que estão gravados no Perfil. O círculo mostra a sua foto ou, sem foto, as iniciais do nome (aqui, \"HP\", de Helena Prado). Logo abaixo, quem administra o servidor vê \"Modo administrador\". \"Sair\" desconecta você de todos os aparelhos onde estava conectado, não só deste, e os avisos no celular também param.",
          "antes": [
            {
              "acao": "click",
              "alvo": {
                "role": "button",
                "nome": "Menu do usuário",
                "exato": false
              }
            },
            {
              "acao": "aguardar",
              "alvo": {
                "role": "menu"
              }
            }
          ],
          "destaques": [
            {
              "alvo": {
                "css": "button[aria-label^='Menu do usuário']"
              },
              "rotulo": "Foto ou iniciais",
              "tipo": "seta"
            },
            {
              "alvo": {
                "css": "[role=menu] div:has(> span.truncate)"
              },
              "rotulo": "Seu nome e email",
              "tipo": "caixa"
            }
          ],
          "rota": "/app/settings/profile"
        }
      ]
    },
    {
      "id": "idioma-e-fuso",
      "titulo": "Idioma e fuso horário",
      "objetivo": "Escolher em que idioma o sistema aparece para você e conhecer o campo de fuso horário.",
      "papel": "admin",
      "busca": [
        "mudar idioma",
        "sistema em espanhol",
        "trocar língua",
        "fuso horário",
        "horário errado",
        "português ou espanhol"
      ],
      "passos": [
        {
          "id": "p1",
          "titulo": "Escolher o idioma",
          "texto": "Clique no campo \"Idioma\" para ver as opções. \"Seguir o idioma da empresa\" faz o sistema aparecer no idioma que a empresa escolheu para todos: se a empresa mudar, você muda junto. Escolhendo \"Português (BR)\" ou \"Español\" e clicando em \"Salvar\", vale a sua escolha, mesmo que a empresa use outro idioma.",
          "dica": "O idioma da empresa fica em Configurações › Organização.",
          "rota": "/app/settings/profile",
          "antes": [
            {
              "acao": "click",
              "alvo": {
                "role": "combobox",
                "nome": "Idioma",
                "exato": true
              }
            },
            {
              "acao": "aguardar",
              "alvo": {
                "role": "listbox"
              }
            }
          ],
          "destaques": [
            {
              "alvo": {
                "css": "#locale"
              },
              "rotulo": "Idioma",
              "tipo": "caixa"
            },
            {
              "alvo": {
                "role": "option",
                "nome": "Seguir o idioma da empresa",
                "exato": true
              },
              "rotulo": "Acompanha a empresa",
              "tipo": "seta"
            }
          ]
        },
        {
          "id": "p2",
          "titulo": "O atalho do topo",
          "texto": "Há um jeito mais rápido de trocar o idioma, de qualquer tela: o botão com a sigla do idioma em uso (\"PT\"), no canto de cima, ao lado do botão de tema. Ao escolher outro idioma ali, a página recarrega na hora já no idioma novo, e a escolha fica gravada no seu perfil.",
          "antes": [
            {
              "acao": "press",
              "tecla": "Escape"
            },
            {
              "acao": "click",
              "alvo": {
                "testid": "seletor-de-idioma"
              }
            },
            {
              "acao": "aguardar",
              "alvo": {
                "role": "menu"
              }
            }
          ],
          "destaques": [
            {
              "alvo": {
                "testid": "seletor-de-idioma"
              },
              "rotulo": "Idioma em uso",
              "tipo": "seta"
            },
            {
              "alvo": {
                "role": "menu"
              },
              "rotulo": "Troca na hora",
              "tipo": "caixa"
            }
          ],
          "dica": "Escolher um idioma por este atalho faz você parar de acompanhar o idioma da empresa. Para voltar a acompanhá-lo, escolha \"Seguir o idioma da empresa\" no Perfil e clique em \"Salvar\"."
        },
        {
          "id": "p3",
          "titulo": "O fuso horário",
          "texto": "O campo \"Fuso horário\" lista as cidades pelo nome técnico, como \"America/Sao_Paulo\" (horário de Brasília) ou \"America/Manaus\". A escolha fica guardada no seu perfil quando você clica em \"Salvar\", mas hoje ela ainda não muda os horários que você vê: a Agenda segue o fuso da empresa, para todos da equipe verem a mesma semana.",
          "dica": "Se os horários estão errados para a clínica toda, ajuste o fuso em Configurações › Organização.",
          "antes": [
            {
              "acao": "press",
              "tecla": "Escape"
            },
            {
              "acao": "click",
              "alvo": {
                "role": "combobox",
                "nome": "Fuso horário",
                "exato": true
              }
            },
            {
              "acao": "aguardar",
              "alvo": {
                "role": "listbox"
              }
            }
          ],
          "destaques": [
            {
              "alvo": {
                "css": "#timezone"
              },
              "rotulo": "Seu fuso",
              "tipo": "caixa"
            },
            {
              "alvo": {
                "role": "option",
                "nome": "America/Sao_Paulo",
                "exato": true
              },
              "rotulo": "Horário de Brasília",
              "tipo": "seta"
            }
          ]
        }
      ]
    }
  ]
}