Editor de prompts
O editor de prompts e knowledge é construído sobre TipTap com a sensação do Notion. Slash commands, mentions, formatação rica.
Onde aparece
O mesmo editor é usado em:
/ia/conhecimento— base de conhecimento/ia/agentes/[id]→ Tab Geral (saudação, regras)- Flow Builder → inspector dos nodes que aceitam texto rico
- Templates HSM — body do template
Slash commands
Digite / em qualquer linha vazia → abre menu com filtro:
| Comando | Atalho | O que insere |
|---|---|---|
/h1 | — | Título grande |
/h2 | — | Subtítulo |
/h3 | — | Sub-subtítulo |
/text | — | Parágrafo regular |
/quote | — | Bloco de citação |
/code | — | Bloco de código |
/bullet | - + espaço | Lista bullet |
/numbered | 1. + espaço | Lista numerada |
/checklist | [] + espaço | Lista de tarefas |
/divider | --- | Linha horizontal |
/table | — | Tabela 3x3 |
/image | — | Insere imagem (URL ou upload) |
/link | ⌘K | Inserir link |
/mention | @ | Mention de variável |
/highlight | — | Texto destacado (amarelo) |
/typography | — | Aspas / dashes inteligentes |
Filtra digitando após o /. Ex.: /list mostra bullet, numbered, checklist.
Floating toolbar
Quando você seleciona texto, aparece toolbar flutuante com:
- B — negrito (
⌘B) - I — itálico (
⌘I) - U — sublinhado (
⌘U) - S — riscado
- Code inline —
código - Link —
⌘K - Highlight — fundo amarelo
- Cor (em breve)
- Limpar formatação
Mentions com @
Digitando @ em qualquer lugar, abre picker de variáveis com 3 escopos:
Customer
Variáveis do cliente atual da conversa.
{{customer.name}}
{{customer.phone}}
{{customer.email}}
{{customer.plan}}
{{customer.address}}
{{customer.due_date}}
{{customer.installed_at}}System / Org
Variáveis da sua organização.
{{org.name}}
{{org.support_phone}}
{{org.support_email}}
{{org.website}}
{{org.address}}Conversation / Session
Variáveis da conversa em andamento.
{{conversation.id}}
{{conversation.channel}}
{{conversation.started_at}}
{{conversation.last_message}}
{{session.summary}}Atalhos de teclado
Dentro do editor (chat e prompts):
| Atalho | Ação |
|---|---|
⌘B / Ctrl+B | Negrito |
⌘I / Ctrl+I | Itálico |
⌘E | Inline code |
⌘K | Inserir link |
Tab | Indentar (em listas) |
Shift+Tab | Desindentar |
Enter | Quebra de linha em parágrafo |
⌘Shift+8 | Bullet list |
⌘Shift+7 | Numbered list |
⌘Shift+9 | Checklist |
⌘Z / ⌘⇧Z | Undo / Redo |
Markdown auto-formatação
O editor reconhece markdown digitado:
| Você digita | Vira |
|---|---|
# Título | H1 |
## Título | H2 |
**bold** | bold |
*italic* | italic |
`code` | code |
> quote | bloco quote |
--- | divider |
[] + espaço | checklist |
1. + espaço | numbered |
Auto-save
Tudo é salvo automaticamente com debounce de 1 segundo. Você não precisa apertar Save.
Em caso de erro de rede, aparece toast vermelho “Falha ao salvar — tente novamente”.
Limites
- Cada bloco até 20.000 caracteres (não é prompt — é entrada)
- Total de entries por agente: praticamente ilimitado (limite Pinecone na infra)
- Imagens até 5 MB cada