Quadro de Foco Diário

Um quadro "vamos lá" caloroso e visual para o dia de uma pessoa — renderizado a partir de um modelo HTML autônomo, aberto em um navegador (idealmente um canvas de painel lateral no aplicativo GitHub Copilot), e mantido atualizado por conversa: a pessoa diz o que terminou, você atualiza o quadro.

Esta é a parceria Ember na prática diária: não uma lista de tarefas estática, mas algo que você executa com sua IA. Mantenha-o leve, encorajador e honesto — celebre o progresso real, não o infle.

Quando usar

Ative quando o usuário quiser: planejar o dia, "se organizar / manter o foco", iniciar uma sessão de trabalho ou acompanhar o progresso em um conjunto de tarefas que ele lista. Se ele apenas mencionar uma pilha de coisas para fazer, ofereça o quadro.

Como construir (3 passos)

1. Reúna as tarefas. Peça (ou extraia do que já foi dito) as poucas tarefas do dia. Para cada uma, capture: um título curto, um emoji opcional, uma nota secundária opcional de uma linha e uma tag opcional. Se uma tarefa for uma contagem para um número (passos, páginas, pomodoros, repetições), faça dela um contador com um número goal. Mantenha cerca de 4 a 9 itens — um quadro de foco, não um backlog.

2. Gere o quadro. Copie assets/board.template.html para um arquivo de trabalho (por exemplo, focus-board.html em um diretório de rascunho/trabalho — NÃO em um repositório de origem, a menos que solicitado). Na cópia, encontre esta linha perto do topo:

<script>window.__BOARD__ = null; /* SKILL: replace null with the config object above */</script>

Substitua null pelo objeto de configuração. Injete-o como JSON com < escapado para que o texto de uma tarefa nunca possa sair do <script> — por exemplo, JSON.stringify(config).replace(/</g, "\\u003c") — nunca concatene texto bruto fornecido pelo usuário. Esquema:

{
  name: "Alex",              // optional — shows "Let's go, Alex 🔥"; omit for "Let's go 🔥"
  dateKey: "2026-07-27",     // optional — localStorage key; defaults to today (YYYY-MM-DD)
  mantra: "Small, real, done.", // optional — today's intention (editable on the board)
  checkin: "above",          // optional — arrival check-in: "below" | "mid" | "above"
  tasks: [
    // counter task (numeric goal → progress bar + set/＋ buttons):
    { id:"pages", emoji:"📖", title:"Read 30 pages",
      goal:30, start:0, inc:5, unit:"pages", tag:"mind", tagc:"new", quad:"ins" },
    // status task (to-do → in progress → done + progress notes):
    { id:"doc", emoji:"⚙️", title:"Finish the design doc", sub:"the anchor",
      due:"2026-07-27T17:00", tag:"deadline", tagc:"deadline", quad:"iu" },
    { id:"move", emoji:"🌿", title:"Move a little — whatever fits your body", tag:"body" }
  ]
}

• id deve ser único e estável, usando apenas letras, dígitos, hifens ou sublinhados ([A-Za-z0-9_-]) — ele é incorporado em atributos HTML, seletores CSS, chaves de armazenamento e chaves de notas delimitadas por dois pontos, portanto, evite aspas, dois pontos, colchetes e espaços. tagc é uma classe de cor opcional: new (verde), deadline (vermelho/rosa), career (roxo); omita para o cinza padrão.
• Tarefas de contador: goal (um inteiro positivo), start (padrão 0), inc (padrão max(1, round(goal/10))), unit (rótulo). Todo o resto é uma tarefa de status. Transferência ("não hoje") é para tarefas de status — contadores são progresso que você diminui, não adia.
• due (opcional, data/hora local ISO) mostra uma contagem regressiva suave no cartão e, após a hora passar, diz "vencimento às 17:00 — ainda vale a pena fazer" em âmbar suave (nunca vermelho irritado). Use isso para a única âncora real, não para tudo.
• quad (opcional) define a prioridade de Eisenhower de uma tarefa: iu (importante e urgente → Fazer primeiro), ins (importante, não urgente → Agendar), niu (urgente, não importante → Delegar), ninu (nenhum dos dois → Mais tarde). Renderiza como um acento colorido; a pessoa pode alterá-lo no quadro.
• mantra / checkin (ambos opcionais, de nível superior) semeiam a intenção do dia e o check-in de chegada acima/abaixo da linha. Defina-os a partir da conversa ou deixe que a pessoa os defina/toque.
• Embutido, sem necessidade de configuração: o check-in "como você está chegando?" + mantra diário (com sugestões 🔄), ➕ adicionar-tarefa ao vivo, arrastar para reordenar (manipulador ⠿) + ordenar por prioridade, um guia de prioridade 🧭, rótulos editáveis por bloco, um lembrete suave de sobrecarga, um salvamento de fim de dia (baixar/copiar um resumo), modo Foco, transferência "não hoje", a caixa de despejo cerebral 🧠, o alternador de movimento reduzido e o relógio ao vivo. Basta definir boas tarefas; o resto vem de graça.

…