---
fonte: 02-tokens/seed-tokens.md
versao_da_fonte: v1.40
secao: 03f
titulo: "Painel lateral à direita — largura e piso do conteúdo (`SH-P62`, folha 11)"
status: vigente
vigente_desde: null
superseded_by: null
status_origem: cabecalho
tipo_de_fatia: secao
quando_consultar: "Painel lateral à direita: largura de abertura, largura mínima e piso do conteúdo."
em_uma_frase: null
nao_cobre: null
conceitos: null
vocabulario: null
sequencia: 11 de 23
bytes_do_corpo: 2358
md5_do_corpo: d71c012ec03a333b8680a1a324fb4d19
gerado_por: 06-validacao/geradores/gen-camada-ia.py
nota: fatia GERADA — o corpo abaixo é byte a byte o trecho do canônico; edite o canônico, nunca esta fatia. Canônico inteiro em https://ds.seed.eng.br/02-tokens/seed-tokens.md
---
## 3f. Painel lateral à direita — largura e piso do conteúdo (`SH-P62`, folha 11)

*Para quem lê sem ter visto a conversa:* em 2026-10-18 o Rafael pediu que o painel que abre à direita (a "folha" do app Claude era a referência dele) **empurrasse** a conversa até um limite e, dali em diante, **sobrepusesse** sem encolhê-la mais (pedido verbatim no MANIFESTO §315). O estudo `SH-P62` (2026-10-18) mediu as telas do DS e propôs uma regra; a folha 11 (respostas dele gravadas em 2026-10-18 18:56Z, verbatim no MANIFESTO §315.6) decidiu: `SH62a` = a (piso de **640 px**), `SH62b` = a (**uma regra só** para todo painel lateral à direita), `SH62c` = b (o conteúdo coberto **não** fica inerte), `SH62d` = b (o painel do assistente do chat migra para a regra; muda o CH3 do §55), `SH62e` = a (aplicar agora). A regra mora no `seed-componentes.md` §31.4 (PL1–PL9); quem a executa nas telas é o módulo único `06-validacao/ferramentas/painel_lateral_bloco.py`. Nascem três tokens, grupo `semantic.side-panel` do JSON, invariantes de tema:

| Token | Valor | Papel | De onde vem o número |
|---|---|---|---|
| `--seed-side-panel-width` | `420px` | largura de abertura do painel quando a pessoa ainda não escolheu outra; se 420 deixaria o conteúdo abaixo do piso, o painel abre com a largura que ainda cabe sem cobrir (nunca abaixo do mínimo) | o valor que o chat (§55.5, medido 420) e a mensageria (MS5) já usavam escrito à mão |
| `--seed-side-panel-width-min` | `320px` | a menor largura do painel no arraste da borda e no teclado | Fluent 2, `useDrawerBaseStyles.styles.ts`, tamanho *small* = 320 px (lido em 2026-10-18 pelo estudo) |
| `--seed-side-panel-content-min` | `640px` | o PISO do conteúdo (lista, conversa, tabela): enquanto o painel empurra, o conteúdo nunca fica abaixo disto; passado o piso, o painel sobrepõe e o conteúdo para de encolher; abaixo do piso o painel ocupa a região inteira | `SH62a` = a; a MS5 já declarava "a conversa mantém ≈ 640 px"; coincide com o breakpoint `sm` (§2.9) |

Os passos do teclado da borda (16 px e, com Shift, 48 px) e a folga mínima de conteúdo visível no teto do arraste (48 px) **não** são tokens novos: são `--seed-sp-4` e `--seed-sp-12` (§2.6). A largura máxima do painel não é número fixo: é a largura da região menos `--seed-sp-12`, recalculada ao vivo.