5. O ecrã principal
Por defeito, ao abrires um projecto, aterras em Chat com o Preview ao lado:
┌─ Title bar ────────────────────────────────────────────────┐
│ [TM Code] | nome-do-projecto | [Publish] [⚙] │
├──┬─────────────────────────────────┬──────────────────────┤
│ │ │ │
│ │ │ Preview │
│ A│ Chat com o agente │ (iframe da app │
│ c│ (mensagens, diffs, │ a correr) ou │
│ t│ tool calls, │ HTTP Client │
│ i│ prompt bar) │ (backend) │
│ v│ │ │
│ B│ │ │
│ a│ │ │
│ r│ │ │
│ ├─────────────────────────────────┴──────────────────────┤
│ │ Terminal / dev server logs (toggleable) │
├──┴────────────────────────────────────────────────────────┤
│ Status bar: linguagem | linha:col | consumo | thinking | MCP│
└────────────────────────────────────────────────────────────┘
Quando entras em Editor mode (Cmd/Ctrl+Shift+E), o Monaco ocupa a área principal e o chat continua acessível como painel lateral — assim podes alternar entre conversar com o agente e mexer manualmente sem perder o contexto.
Activity bar (esquerda)
A activity bar dá acesso a painéis que substituem temporariamente o chat:
- Explorer — file tree do projecto
- Search — pesquisa global no projecto
- Source Control — Git (staging, commit, diff)
- Run/Debug — debugger DAP (breakpoints, call stack, variáveis)
- Containers — ambientes isolados (Docker)
- Settings — configurações
Clicas num ícone para abrir o painel; clicas de novo para fechar e voltar ao chat.
Painéis redimensionáveis
Arrastas os handles entre painéis para ajustar (chat vs preview, ou painel da activity bar vs main area). Toggle do painel lateral com Cmd/Ctrl+B.
Title bar
A barra do topo tem:
- Logo TM Code — clicar abre o menu da app
- Nome do projecto — abre o switcher de projectos
- Publish — abre o modal de deploy
- Status do agente — pulse quando está a trabalhar
- Avatar — perfil do user / logout
Status bar (em baixo)
Mostra (consoante a vista):
- Linguagem do ficheiro activo (TypeScript, JSON, etc.)
- Posição do cursor (linha:coluna)
- Indicador de créditos — % do plano consumida
- Toggle de "thinking" — quando o modelo suporta (paid plans)
- Estado do MCP — quantos servers a correr, quantas tools
- Indicador de toolkit (pandoc, etc.) — verde/âmbar
- Skills carregadas
← Toda a documentação · versão markdown