Melissa: preview teleport 3-way no Agendador/LinkExterno + chrome 6 paginas

PADRAO PREVIEW 3-WAY (mobile/sidebar/floating)
- Replica o pattern do MelissaNegocio em MelissaAgendador e MelissaLinkExterno.
- Mobile: preview teleporta pro topo do main, acima de tudo (diferente do
  Negocio que vai pro drawer).
- Mid-desktop (1024-1339): teleporta pro fim da sidebar inline.
- Wide-desktop (>=1340): painel flutuante glass fora do fake dialog,
  ancorado a +14px do right edge da .X-page com width 320px.

MELISSAAGENDADOR (.mag-page)
- Importa AgendadorPreview (componente legacy do ConfiguracoesAgendadorPage).
- isWideDesktop ref + matchMedia('(min-width: 1340px)') + previewTarget computed.
- 3 placeholders + Teleport com card mag-w--side mag-w--preview.
- Adiciona right: max(6px, min(50%, calc(100% - 1006px))) em .mag-page no
  @media >=1024px (necessario pra abrir espaco pro floating).

MELISSALINKEXTERNO (.ml-page)
- Restruturacao: sidebar (Como funciona / Boas praticas) movida da DIREITA
  pra ESQUERDA + mobile drawer pattern (botao Menu, Teleport, transitions,
  backdrop) espelhando MelissaAgendador.
- 3-way teleport do preview com placeholders nos 3 alvos.
- ml-side ganha width 320px + scroll proprio.
- Right rule + floating preview CSS.

COMPONENTE NOVO: src/components/cadastro/CadastroExternoPreview.vue (~350L)
- Phone-frame 260px estilo AgendadorPreview replicando o CadastroPacienteExterno
  publico: nav (logo Psi + chip verificado), hero (avatar 38px + nome split
  firstName/lastName em accent + work_description label + clinic name),
  stepper 4 dots (1 active), card etapa 1 (numero decorativo + tag "Etapa
  1 de 4" + title "Sobre voce" + 3 input bars + CTA "Continuar"), powered by.
- Recebe :token e busca info via mesma edge function que o publico
  (get-intake-invite-info), watch refetcha quando token rotaciona.
- Sem token ou sem dados, fallback gracioso pra placeholders ("Profissional"
  + iniciais).

CHROME EM 6 PAGINAS TABULARES (sem preview)
- Apenas o right: max(6px, min(50%, calc(100% - 1006px))) no @media >=1024px,
  fazendo a janela ficar do mesmo tamanho do MelissaAgendador.
- MelissaCadastrosRecebidos (.mcr), MelissaRecorrencias (.mr), MelissaGrupos
  (.mg), MelissaTags (.mt), MelissaCompromissos (.mc), MelissaMedicos (.mm).
- +9 a 12 linhas por arquivo. Cada um nao tinha @media >=1024px ainda.

ESLint: 0 errors da minha mudanca. 2 errors pre-existentes em
MelissaRecorrencias.vue (totalDone unused L235, v-for/v-bind:key L584) -
nao toquei aquelas linhas.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Obsidian/Brain/log.md

@@ -49,3 +49,53 @@ Touched: none
 
 ## [2026-05-08 00:00] session | Melissa cfg-* nativas + temas + cronometro DB
 Touched: none
+
+## [2026-05-08 09:30] session | Chrome+preview em 7 paginas Melissa (LinkExterno preview novo)
+Touched: none (sem mudanca de wiki - aplicacao do pattern existente)
+Detalhes: Aplicou o chrome `right: max(6px, min(50%, calc(100% - 1006px)))`
+em 6 paginas tabulares (CadastrosRecebidos .mcr / Recorrencias .mr / Grupos
+.mg / Tags .mt / Compromissos .mc / Medicos .mm) - so o tamanho de janela,
+sem preview, conforme pedido pelo user. Adicionou novo @media (min-width:
+1024px) ao final de cada arquivo (cada um nao tinha esse breakpoint ainda).
+
+MelissaLinkExterno (.ml) ganhou tratamento completo: chrome + sidebar
+restruturada (2-col com aside agora a ESQUERDA, antes era a direita) +
+mobile drawer pattern (Teleport pro #ml-mobile-drawer-target, transitions,
+backdrop, botao Menu mobile-only) + 3-way teleport do preview (mobile=topo
+do main / mid-desktop=bottom da sidebar / wide-desktop>=1340=floating glass).
+Sidebar agora com Como funciona + Boas praticas (movidos da .ml-side direita)
++ scroll proprio. Sem cfg toggle (nao havia necessidade conceitual).
+
+Componente novo: src/components/cadastro/CadastroExternoPreview.vue (~350L).
+Phone-frame 260px estilo AgendadorPreview replicando o CadastroPacienteExterno
+publico: nav (logo Psi + chip verificado), hero (avatar 38px + nome split
+firstName/lastName em accent + work_description label + clinic name), stepper
+4 dots (1 active), card etapa 1 (numero decorativo + tag "Etapa 1 de 4" +
+title "Sobre voce" + 3 input bars + CTA "Continuar"), powered by. Recebe
+:token prop e busca info do convite via mesma edge function que o publico
+(get-intake-invite-info), watch refetcha quando token rotaciona. Sem token
+ou sem dados, fallbacks pra "Profissional" + iniciais.
+
+ESLint: 0 errors da minha mudanca. 2 errors pre-existentes em
+MelissaRecorrencias.vue (totalDone unused L235, v-for/v-bind:key L584) -
+nao toquei aquelas linhas. Working tree: 9 arquivos modificados +
+src/components/cadastro/ (untracked). Nao commitado, nao testado em browser.
+
+## [2026-05-08 07:55] session | MelissaAgendador preview celular teleport 3-way
+Touched: none (aplicacao do padrao MelissaNegocio - sem mudanca de wiki)
+Detalhes: Replicou o padrao floating preview do MelissaNegocio em
+MelissaAgendador.vue (+145L). Importou AgendadorPreview (phone-frame ja
+existente do legacy ConfiguracoesAgendadorPage). Adicionou ref isWideDesktop
++ matchMedia('(min-width: 1340px)') + computed previewTarget com 3-way
+branching: mobile -> #mag-main-preview-target (topo do main, acima de tudo,
+DIFERENTE do MelissaNegocio que vai pro drawer); mid-desktop (1024-1339) ->
+#mag-sidebar-preview-target (dentro da sidebar apos Status/Resumos);
+wide-desktop (>=1340) -> #mag-floating-preview-target (painel flutuante glass
+fora do fake dialog, 320px de largura, ancorado a +14px do right edge da
+.mag-page). Adicionou regra `right: max(6px, min(50%, calc(100% - 1006px)))`
+em .mag-page no @media >=1024px (necessario pra abrir espaco a direita pro
+floating). CSS: .mag-floating-preview com glass igual ao fake dialog;
+placeholders com display:contents; hide rules por breakpoint. Card de preview
+usa mag-w--side e perde fundo/borda no floating (glass do painel ja faz papel).
+ESLint 0 errors. Working tree: src/auto-imports.d.ts (auto-gerado) +
+MelissaAgendador.vue. Nao commitado, nao testado em browser ainda.