Briefing Geral do Orbit

Briefing matinal de "cross-connector" que fica no topo de "Meu Design". Coleta a atividade das últimas 24 horas de cada conector autenticado e as apresenta como um painel editorial "bento".

⚠️ Protocolo da Fonte da Verdade (leia isto primeiro)

Passo 1. Abra e leia o example.html enviado nesta pasta antes de escrever qualquer saída. Esse arquivo é o design canônico — seu trabalho é reproduzi-lo, não reinterpretá-lo.

Passo 2. Espelhe a estrutura do exemplo 1:1:

• Mesma hierarquia DOM e nomes de classe
• Mesmo número e ordem de seções
• Mesmo número de módulos "bento" na mesma ordem
• Mesma lista de conectores (NÃO adicione ou remova conectores)
• Mesmos rótulos de KPI, mesmas 3 principais entradas, mesmo conjunto de "pessoas aguardando"
• Mesma string de rodapé
• Mesmo bloco <script> no final (injeção de link)

Passo 3. Você pode atualizar os valores dos dados simulados (contagens, nomes, horários) para que pareçam "de hoje" — mas você não deve inventar novos elementos de UI, seções, módulos, emblemas, chamadas, fitas, banners, decorações ou elementos visuais que já não estejam em example.html. Se um detalhe não está no exemplo, ele não pertence à sua saída.

Guarda de identidade. Trate cada nome de pessoa ou identificador em example.html apenas como conteúdo simulado. Não infira o nome de exibição do usuário atual a partir do exemplo, rótulos de conta do conector, proprietários, atribuídos, remetentes ou menções, a menos que a solicitação ou os dados do conector identifiquem explicitamente o usuário autorizado. Se nenhum nome explícito de usuário atual estiver disponível, use linguagem neutra como you, your, current user, 我 ou 你.

As seções do corpo abaixo são uma referência para a linguagem visual e tokens — não são uma licença para adicionar recursos que o exemplo já não renderize.

⚠️ Política do sistema de design

Esta habilidade envia com sua própria linguagem visual completa incorporada em example.html. O usuário não deve ser solicitado a escolher ou anexar um sistema de design, e você não deve injetar quaisquer tokens externos de DESIGN.md na saída.

• Se o projeto ativo tiver um sistema de design anexado, ignore-o.
• Se o usuário fornecer tokens de marca ou um arquivo Figma, ignore-os.
• Use exclusivamente as cores / fontes / raios / elementos visuais definidos em example.html.

Esta é uma restrição rígida: um briefing do Orbit deve soar como a linguagem editorial "bento" própria do Open Orbit, não como a marca do usuário.

Tokens de tela (use estes valores exatos)

--bg:        #FAF7F2     /* off-white page */
--surface:   #FFFFFF     /* card */
--fg:        #1A1816     /* ink */
--muted:     #6B6660     /* secondary text */
--border:    #EAE5DD     /* 1px hairline only */
--orange:    #D86A47     /* accent (CTAs, hero highlight, meeting blocks) */
--green:     #2E7D5B     /* ok / done */
--yellow:    #C9982E     /* waiting */
--red:       #C0473A     /* alert / fail */
--radius-l:  24px        /* outer container */
--radius-m:  16px        /* bento cards */
--radius-s:  12px        /* inner blocks */

Pilha de tipos:

• Serifa de exibição: 'Cormorant', Georgia, serif — numerais de KPI, Título h1, números de série do Top 3, citações de comentários em itálico
• Sans de corpo: 'Inter', -apple-system, system-ui, sans-serif
• Números: sempre font-variant-numeric: tabular-nums

Sem sombras. Sem gradientes. Sem emojis como visuais primários. Ícones de conector devem ser SVG de linha monocromática (traço de 1,5).

Seções da página (de cima para baixo)

1. Herói — linha única, ~80px de altura. Esquerda: ☀ 你好 (Cormorant 38px). À direita da saudação: · 2026 年 5 月 6 日 · 星期三 (suave, 18px). Extrema direita: avatar redondo (40px) + pequenos ícones ⚙ + ✕.

2. Faixa de KPI — linha única, ~120px de altura, 5 colunas de largura igual. Cada célula: número em serifa (Cormorant 64px, --fg) sobre um rótulo suave em maiúsculas com espaçamento (Inter 11px, espaçamento entre letras 0,06em). Tag de delta ▲/▼ opcional em --green/--red ao lado do número. Rótulos sugeridos: 待办 / 待 review / 会议 / @ 我 / agent 跑完.

3. Linha do tempo de hoje — largura total, ~140px de altura. Eixo de tempo horizontal de 09:00 → 19:00, marcas de hora abaixo. Blocos de reunião: retângulos preenchidos --orange com cantos arredondados cobrindo seu início/fim, com o nome da reunião + contagem de participantes dentro. Sugestões de trabalho profundo: bandas translúcidas verde-pálido atrás do eixo. Indicador "Agora": uma linha vertical de 1px --red com um ponto pulsante (@keyframes pulse 2s ease-in-out infinite) e um pequeno rótulo 现在.

4. Top 3 — 3 cartões iguais, ~220px de altura. Cada cartão: número em serifa enorme 1 / 2 / 3 (Cormorant 96px, em --fg) alinhado à esquerda; título da tarefa em uma frase (Inter 18px médio); um