coworking-agents 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -0,0 +1,15 @@
+# Changelog
+
+## 0.4.0 — 2026-10-11
+- Tasks: create a task, pick folder, agent and profile; it runs in the background (Claude Code or Codex), in its own worktree if you want
+- Answer questions, approve blocked tools, review the diff and test results, conclude, hand off or retry — all from the office
+- Queue with priority, dependencies, max parallel agents and automatic agent choice
+- Cost ranking by task and by AI (day, week, month), budget per task, Save / More capacity / Recommended / manual model and effort
+- Recommendations with the reason, warnings for loops, retries and budget
+- Notification center and a releases board with the office admin
+- Read-only MCP server: `coworking-agents mcp`
+- Linux: send text to agents running in tmux
+- Private mode hides repo names and titles in the report and usage ranking
+
+## 0.3.1 — 2026-10-10
+- Crisp Bug Catcher, redesigned rooftop and server room

package/README.md

@@ -1,23 +1,67 @@
 <p align="center">
-  <img src="docs/logo.png" width="128" alt="coworking-agents logo">
+  <img src="docs/logo.png" width="112" alt="coworking-agents logo">
 </p>
 
 <h1 align="center">coworking-agents</h1>
 
-<p align="center"><b>A live pixel-art office for your AI coding agents.</b><br>Claude Code · Codex · walk around · trophies · zero dependencies · local only</p>
+<p align="center"><b>A live pixel-art office for your AI coding agents.</b><br>Every Claude Code and Codex session becomes a person at a desk.</p>
 
-<p align="center"><a href="https://www.npmjs.com/package/coworking-agents"><img src="https://img.shields.io/npm/v/coworking-agents" alt="npm"></a></p>
+<p align="center">
+  <a href="https://www.npmjs.com/package/coworking-agents"><img src="https://img.shields.io/npm/v/coworking-agents?color=e8804a" alt="npm version"></a>
+  <a href="https://www.npmjs.com/package/coworking-agents"><img src="https://img.shields.io/npm/dm/coworking-agents?color=4f7fd9" alt="npm downloads"></a>
+  <img src="https://img.shields.io/badge/node-%E2%89%A518-5bbf6a" alt="Node 18+">
+  <img src="https://img.shields.io/badge/dependencies-0-5bbf6a" alt="zero dependencies">
+  <img src="https://img.shields.io/badge/runs-100%25%20local-c75fa8" alt="runs 100% local">
+  <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-8a8494" alt="MIT license"></a>
+</p>
+
+<p align="center">
+  <a href="https://portfolio-delta-five-78.vercel.app/demos/coworking/index.html?lang=en"><b>▶ Try the live demo</b></a> ·
+  <a href="#quick-start">Quick start</a> ·
+  <a href="#see-it-in-action">See it in action</a> ·
+  <a href="#how-it-works">How it works</a> ·
+  <a href="#as-a-claude-code-plugin">Claude Code plugin</a>
+</p>
+
+<p align="center"><img src="docs/demo.webp" alt="The office at night: agents typing at their desks, toasts asking for you, the camera flying in to one agent and its side panel"></p>
+
+At a glance you see who is working, who needs you (and what they are asking), whose turn it is, and which sessions are editing the same checkout, even across different AIs. Reply to an agent or jump to its terminal tab straight from the office.
+
+## Try it in 10 seconds
+
+```bash
+npx coworking-agents --demo   # a fake office with every state, no sessions needed
+npx coworking-agents          # your real sessions
+```
+
+Or **[open the live demo](https://portfolio-delta-five-78.vercel.app/demos/coworking/index.html?lang=en)** in your browser: nothing to install. It runs the same `--demo` office (with no server and no AI calls), so you can click the agents, open the panels and walk around.
 
-**A live pixel-art office for your AI coding agents.** Every open session (Claude Code, Codex, …) becomes a person at a desk. At a glance you see who is working, who needs you (and what they are asking), whose turn it is, and which sessions are editing the same checkout, even across different AIs.
+## See it in action
 
-![The office by day](docs/office-day.png)
+<p align="center"><img src="docs/tour.webp" alt="Tour: the office, the camera flying in to an agent with its side panel, talking to an agent that finished, the usage report, the server room and the rooftop"></p>
 
-![The office at night: monitors and desk lamps light the room](docs/office-night.png)
+<p align="center"><sub>The office → click an agent (camera + side panel) → talk to one that is waiting → usage report → server room → rooftop.</sub></p>
+
+## How it works
+
+```mermaid
+flowchart LR
+  CC["Claude Code<br/>~/.claude sessions + transcripts"] --> S
+  CX["Codex<br/>~/.codex sessions"] --> S
+  OT["Gemini CLI, Aider, OpenCode…<br/>running processes"] --> S
+  S["Local Node server<br/>zero dependencies · 127.0.0.1"] -- "state of every session, every second (SSE)" --> O["The office in your browser<br/>pixel-art canvas"]
+  O -- "reply · answer · compact · go to terminal" --> T["Your Terminal / iTerm tab"]
+```
+
+1. **Read, never write.** The server reads the files each AI already keeps on disk (the live-session registry and the transcripts). No hooks, nothing installed into the AIs, no model is ever called.
+2. **One snapshot per second.** It works out what every session is doing (editing, in the terminal, thinking, delegating, waiting for you) and streams it to the page over Server-Sent Events.
+3. **Drawn as an office.** One room per repository, one desk per session, the kitchen when it's your turn, the meeting room when it delegates, a red **!** when it needs you.
 
 ## Tour
 
 | | |
 |---|---|
+| ![The office by day](docs/office-day.png) | **The office.** One room per repository, a desk per session, a shared wing with the kitchen, the glass meeting room and the nap corner. |
 | ![Top bar](docs/top-bar.png) | **Top bar.** One HUD with the counters and the usage meters; the counter below is where agents waiting on you sit (4 per office, **+** slides to the next). |
 | ![Talk](docs/talk.png) | **Talk.** Click a waiting agent: it says what it wants at its desk. Reply right there (typed into its Terminal/iTerm tab for Claude Code and Codex CLI) or jump to it. |
 | ![Camera](docs/camera.png) | **Camera.** Click an agent and the camera flies in to its desk with a spotlight; the side panel shows everything about the session. |
@@ -134,6 +178,27 @@ Agents away from their desks (kitchen, meeting room, nap corner) carry a name ta
 - **Focus mode:** sounds and system notifications pause for 25 or 50 minutes.
 - **Replay:** scrub or play back the last hour.
 
+## Tasks: hand work to agents from the office
+
+Open **Tasks** (☰ → report tabs) and describe the work, pick a folder, an agent (Claude Code, Codex or *Automatic*) and a profile. The agent runs in the background (`claude -p` / `codex exec`), in its own git worktree if you tick it. You never need the terminal:
+
+- **Answer** its questions and **approve** tools it was not allowed to use; it resumes the same session.
+- **Review** the result, the files changed, the diff and your test command's output, then **conclude**, **retry** or **hand off** to the other agent (with a summary of what was done).
+- **Queue:** priority, "after task X" dependencies and how many agents run at once.
+- **Cost:** per task (tokens in/out/cache, estimated USD, attempts), a ranking by task and by AI for today / 7 / 30 days, and an optional budget that pauses the task when reached.
+- **Profiles and controls:** Economy, Balanced, Deep. *Save*, *More capacity*, *Apply recommendation* or pick model and effort by hand; changes apply from the next step and are logged. The recommendation is plain rules plus what similar past tasks taught (no AI call to choose).
+- **Warnings:** the same action repeated without progress, two failed attempts, budget reached.
+
+Only tasks created here can be controlled. Sessions found by monitoring stay read-only. Costs are estimates at API prices, not your bill or plan percentage. Tasks live in `~/.config/coworking-agents/tasks/`.
+
+## Notices, releases and the office admin
+
+The 🔔 bell collects agent requests, task updates, recommendations (*Apply*, *See why*, *Not now*), cost alerts and new versions, grouped so repeats don't pile up. **Releases** shows the installed version, the newest on npm, when it checked and what changed, with the update command to copy. The office admin waves a sign while a new version is unseen, keeps it until you run it, then celebrates.
+
+## MCP (read-only)
+
+`claude mcp add coworking -- npx coworking-agents mcp` gives other agents `list_agents`, `get_agent_status`, `get_conflicts`, `get_daily_report` and `list_tasks`. Nothing through MCP changes anything.
+
 ## Walk around (Gather-style)
 
 You're in the office too, with a **YOU** tag. **WASD** or the arrow keys walk (hold **Shift** to run), a click on the floor walks you there through the doors, and walls stop you. Near an agent, a prop or a door, **Enter** talks, opens or enters. Turn it off in the ☰ menu.
@@ -209,7 +274,8 @@ Click the elevator (or press Enter next to it) to ride between floors, up to the
 |---|---|---|---|
 | See sessions (Claude Code, Codex, other CLIs) | ✓ | ✓ | ✓ |
 | Go to terminal | exact tab (Terminal, iTerm2) | window (needs `xdotool` or `wmctrl`) | window |
-| Reply / answer / compact from the office | ✓ | copy and go | copy and go |
+| Reply / answer / compact from the office | ✓ | tmux, else copy and go | tmux, else copy and go |
+| Tasks in the background | ✓ | ✓ | ✓ (needs the CLIs on PATH) |
 
 Linux and Windows support is written against their process tools but has not been tested on real machines yet; reports welcome. See the [roadmap](https://github.com/ChaconLucas/coworking-agents/blob/main/ROADMAP.md) for what's waiting on testing and what's next.
 
@@ -288,6 +354,7 @@ module.exports = {
 npm test             # builds fake ~/.claude and ~/.codex folders and checks the collector and the server
 npm run demo         # the fake office with every state
 npm run screenshots  # regenerates docs/*.png from demo mode (needs agent-browser on PATH)
+npm run video        # re-records docs/demo.webp and docs/tour.webp (needs agent-browser and img2webp)
 node bin/coworking-agents.js --json   # one snapshot of the state, as JSON
 ```
 

package/ROADMAP.md

@@ -9,7 +9,7 @@ These are written or designed, but can't be verified without hardware or data we
 - **Windows, real-machine test.** The process table (PowerShell/CIM), snapshot and server have never run on a real Windows box. Needed: someone running `npx coworking-agents` and `npx coworking-agents --json` there.
 - **Windows CPU per process.** Other AI CLIs always show "idle" on Windows because CIM doesn't give CPU %. Needs a cheap measurement (e.g. two `Get-Process` samples) tested on a real machine.
 - **Linux, real-machine test.** `ps`, `/proc/<pid>/cwd` and the "go to terminal" path (xdotool / wmctrl) were written blind.
-- **Typing into a terminal on Linux and Windows.** Reply, answer and `/compact` are macOS only (AppleScript into Terminal/iTerm). Linux would need per-terminal support (tmux `send-keys` is the most portable start); Windows would need Windows Terminal/conhost support.
+- **Typing into a terminal on Linux and Windows.** Reply, answer and `/compact` are macOS only (AppleScript into Terminal/iTerm). Agents inside tmux now get text through `tmux send-keys` on any OS (written, not yet tested on a real Linux box); other Linux terminals and Windows Terminal/conhost still need support.
 - **Full readers for other AIs.** Gemini CLI, OpenCode, Aider, Cursor Agent, Amp, Goose, Qwen Code, Crush, Droid and Kimi are detected by process only (working/idle). Showing what they are doing (tool, file, question, tokens) needs their on-disk session format, read from real transcripts. Share a sample (redacted) to get one added.
 
 ## Next
@@ -24,3 +24,9 @@ Estimated cost · wait reminder · git state on the door · daily report as Mark
 ## Ideas
 
 - **Seasonal decor** by date (subtle, off with a toggle).
+
+## Tasks (0.4.0) — next steps
+- Automatic assignment beyond "least busy agent"; per-profile instructions (Backend, Frontend, Reviewer).
+- Mid-run permission prompts in the page (today: denied tools are listed after the step and you approve to resume).
+- Compare similar tasks by tests, cost and retries to tune recommendations further; optional auto-apply.
+- Semantic search over history only if plain text search stops being enough.

package/bin/coworking-agents.js

@@ -19,10 +19,13 @@ if (flag('-h') || flag('--help')) {
   --private   hide session titles, paths and file names (screen sharing)
   --demo [N]  show a fake office with every state and N agents (default 10)
   --json      print one snapshot and exit
+  mcp         run a read-only MCP server on stdio (claude mcp add coworking -- npx coworking-agents mcp)
   --no-update-check  don't ask npm whether a newer version is out`);
   process.exit(0);
 }
 
+if (args[0] === 'mcp') { require('../src/mcp').serve(); return; }
+
 if (flag('--json')) {
   const { snapshot } = require('../src/collect');
   // write and let Node exit on its own: process.exit() cuts a big snapshot short when stdout is a pipe

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coworking-agents",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "A pixel-art coworking office for your AI coding agents (Claude Code, Codex, …): see who's working, who needs you, and who's editing the same checkout.",
   "bin": {
     "coworking-agents": "bin/coworking-agents.js"
@@ -11,6 +11,7 @@
     "public",
     ".claude-plugin",
     "README.md",
+    "CHANGELOG.md",
     "LICENSE",
     "commands",
     "skills",
@@ -25,7 +26,8 @@
     "start": "node bin/coworking-agents.js",
     "demo": "node bin/coworking-agents.js --demo",
     "test": "node test/run.js",
-    "screenshots": "bash scripts/screenshots.sh"
+    "screenshots": "bash scripts/screenshots.sh",
+    "video": "node scripts/record-video.js"
   },
   "keywords": [
     "ai",

package/public/index.html

@@ -79,6 +79,7 @@
 <script src="js/work.js"></script>
 <script src="js/views.js"></script>
 <script src="js/fun2.js"></script>
+<script src="js/tasks.js"></script>
 <script src="js/main.js"></script>
 </body>
 </html>

package/public/js/alerts.js

@@ -61,6 +61,7 @@ function checkAlerts() {
       if (firstAlertPass) continue; // already waiting when the page opened: the counters show it
       const what = p.state === 'needs_you' ? A.waitAsk(mins) : A.waitApprove(mins);
       toast(`<b>${esc(what)}</b>${esc(p.name)} · ${esc(p.title || '')}`, 'warn');
+      if (typeof pushNotice === 'function') pushNotice('agent:' + p.id, 'warn', p.name + ': ' + what, p.title || '', { agent: p.id });
       notifyOS(what, p.name);
     }
   }

package/public/js/fun2.js

@@ -91,21 +91,30 @@ function openArcade() {
 function drawArcadeTitle() {
   const c = arcadeEl.querySelector('.arcade-cv'); if (!c) return;
   const g = c.getContext('2d'); arcadeBg(g, performance.now());
-  g.fillStyle = '#ffd84d'; g.font = 'bold 18px monospace'; g.textAlign = 'center'; g.fillText('BUG CATCHER', AW / 2, 62);
-  g.fillStyle = '#c0cbdc'; g.font = '10px monospace'; g.fillText(T.arcade.press, AW / 2, 86); g.textAlign = 'left';
+  gText(g, AW / 2, 46, 'BUG CATCHER', '#ffd84d', 3, true);
+  gText(g, AW / 2, 78, lang === 'pt' ? 'ESPACO OU ENTER' : 'SPACE OR ENTER', '#c0cbdc', 1, true);
   drawBug(g, AW / 2 - 30, 100, false, 0); drawBug(g, AW / 2 - 4, 104, true, 1); drawBug(g, AW / 2 + 22, 100, false, 0);
 }
+// crisp text: the office's pixel font, scaled by whole pixels
+function gText(g, x, y, str, c, k = 1, center = false) {
+  const txt = String(str).toUpperCase(); if (center) x -= Math.round(txt.length * 4 * k / 2);
+  g.fillStyle = c; let cx = Math.round(x);
+  for (const ch of txt) { const gl = PIXFONT[ch]; if (gl) for (let i = 0; i < 15; i++) if (gl[i] === '1') g.fillRect(cx + (i % 3) * k, Math.round(y) + ((i / 3) | 0) * k, k, k); cx += 4 * k; }
+}
 function arcadeBg(g, now) {
   g.fillStyle = '#141826'; g.fillRect(0, 0, AW, AH);
-  g.fillStyle = '#1c2236'; for (let y = 0; y < AH; y += 8) { const sh = (y * 13) % 70; g.fillRect(6 + sh % 20, (y + now / 60) % AH, 30 + sh, 2); }   // code scrolling behind
+  g.fillStyle = '#1c2236'; for (let y = 0; y < AH; y += 8) { const sh = (y * 13) % 70; g.fillRect(6 + sh % 20, Math.round((y + now / 60) % AH), 30 + sh, 2); }   // code scrolling behind
   g.fillStyle = '#2a2f45'; g.fillRect(0, AH - 8, AW, 8);
 }
 function drawBug(g, x, y, gold, f) {
-  const body = gold ? '#ffd84d' : '#63c74d', dark = gold ? '#b07d2a' : '#2f7a3b';
-  g.fillStyle = '#1b1622'; for (const dx of [-2, 9]) for (const dy of [2, 5]) g.fillRect(x + dx + (f && dx < 0 ? -1 : 0), y + dy + (f ? 1 : 0), 3, 1);
-  g.fillStyle = dark; g.fillRect(x, y, 10, 8); g.fillStyle = body; g.fillRect(x + 1, y + 1, 8, 6); g.fillStyle = dark; g.fillRect(x + 4, y + 1, 2, 6);
-  g.fillStyle = '#1b1622'; g.fillRect(x + 2, y - 2, 6, 3); g.fillRect(x + 2, y - 4, 1, 2); g.fillRect(x + 7, y - 4, 1, 2);
-  if (gold) { g.fillStyle = '#ffffff'; g.fillRect(x + 2, y + 2, 1, 1); }
+  x = Math.round(x); y = Math.round(y);
+  const body = gold ? '#ffd84d' : '#63c74d', dark = gold ? '#b07d2a' : '#2f7a3b', leg = '#c0cbdc';
+  g.fillStyle = leg; for (const [dx, dy] of [[-3, 3], [-3, 6], [11, 3], [11, 6]]) g.fillRect(x + dx + (f ? (dx < 0 ? -1 : 1) : 0), y + dy + (f ? 1 : 0), 4, 1); // legs wiggle
+  g.fillStyle = '#0b0a0e'; g.fillRect(x - 1, y - 1, 13, 11);
+  g.fillStyle = dark; g.fillRect(x, y, 11, 9); g.fillStyle = body; g.fillRect(x + 1, y + 1, 4, 7); g.fillRect(x + 6, y + 1, 4, 7); // shell, split down the middle
+  g.fillStyle = '#ffffff'; g.fillRect(x + 2, y + 2, 1, 2); g.fillRect(x + 7, y + 2, 1, 2);
+  g.fillStyle = '#3a4058'; g.fillRect(x + 2, y - 4, 7, 4); g.fillStyle = '#ffffff'; g.fillRect(x + 3, y - 3, 1, 1); g.fillRect(x + 7, y - 3, 1, 1); // head and eyes
+  g.fillStyle = leg; g.fillRect(x + 2, y - 7, 1, 3); g.fillRect(x + 8, y - 7, 1, 3); // antennae
 }
 function startArcade() {
   const cv2 = arcadeEl.querySelector('.arcade-cv'); if (!cv2) return;
@@ -129,7 +138,7 @@ function tickArcade(now) {
     } else if (b.y > AH - 8) { b.miss = true; G.lives--; G.combo = 0; }
   }
   G.bugs = G.bugs.filter(b => !b.hit && !b.miss);
-  for (const s of G.sparks) { s.x += s.vx * dt; s.y += s.vy * dt; s.vy += 80 * dt; s.life -= dt; g.fillStyle = s.c; if (s.txt) { g.font = 'bold 9px monospace'; g.fillText(s.txt, s.x, s.y); } else g.fillRect(s.x, s.y, 2, 2); }
+  for (const s of G.sparks) { s.x += s.vx * dt; s.y += s.vy * dt; s.vy += 80 * dt; s.life -= dt; if (s.txt) gText(g, s.x, s.y - 6, s.txt, s.c); else { g.fillStyle = s.c; g.fillRect(Math.round(s.x), Math.round(s.y), 2, 2); } }
   G.sparks = G.sparks.filter(s => s.life > 0);
   // the laptop paddle
   const px = Math.round(G.x), py = AH - 18;
@@ -137,14 +146,14 @@ function tickArcade(now) {
   g.fillStyle = '#8b9bb4'; g.fillRect(px, py + 2, 28, 4); g.fillStyle = '#d97757'; g.fillRect(px + 11, py - 4, 6, 2);
   // HUD: hearts, score, combo
   for (let i = 0; i < 3; i++) { g.fillStyle = i < G.lives ? '#e43b44' : '#3a3448'; g.fillRect(6 + i * 10, 6, 3, 2); g.fillRect(10 + i * 10, 6, 3, 2); g.fillRect(6 + i * 10, 8, 7, 2); g.fillRect(7 + i * 10, 10, 5, 1); g.fillRect(8 + i * 10, 11, 3, 1); }
-  g.fillStyle = '#ffffff'; g.font = 'bold 10px monospace'; g.textAlign = 'right'; g.fillText(String(G.score), AW - 6, 14); g.textAlign = 'left';
-  if (G.combo >= 5) { g.fillStyle = '#ff6ec7'; g.font = 'bold 9px monospace'; g.fillText('COMBO x2', AW / 2 - 22, 14); }
+  gText(g, AW - 6 - String(G.score).length * 8, 5, G.score, '#ffffff', 2);
+  if (G.combo >= 5) gText(g, AW / 2, 6, 'COMBO X2', '#ff6ec7', 1, true);
   const sc = arcadeEl.querySelector('#arcade-score'); if (sc) sc.textContent = `${T.arcade.score}: ${G.score}`;
   if (G.lives <= 0) {
     const best = Number(store.get('arcadeBest', 0)) || 0;
     if (G.score > best) { store.set('arcadeBest', G.score); toast(`<b>${esc(T.arcade.record)}</b>${G.score}`, 'ok'); const be = arcadeEl.querySelector('#arcade-best'); if (be) be.textContent = G.score; }
     achRecord.arcadeBest = Math.max(achRecord.arcadeBest || 0, G.score); achBump('arcadeGames');
-    g.fillStyle = 'rgba(0,0,0,.65)'; g.fillRect(0, 56, AW, 46); g.fillStyle = '#ffd84d'; g.font = 'bold 14px monospace'; g.textAlign = 'center'; g.fillText(T.arcade.over, AW / 2, 76); g.fillStyle = '#ffffff'; g.font = '10px monospace'; g.fillText(`${T.arcade.score}: ${G.score}`, AW / 2, 92); g.textAlign = 'left';
+    g.fillStyle = 'rgba(0,0,0,.7)'; g.fillRect(0, 56, AW, 46); gText(g, AW / 2, 64, 'GAME OVER', '#ffd84d', 2, true); gText(g, AW / 2, 84, `${G.score}`, '#ffffff', 2, true);
     game2 = null; return;
   }
   requestAnimationFrame(tickArcade);

package/public/js/i18n.js

@@ -122,6 +122,21 @@ const I18N = {
     scoreboard: { title: 'Placar da semana entre as IAs', hours: 'horas', actions: 'ações', tokens: 'tokens' },
     share: { card: 'Cartão da semana', visit: 'Foto para visita', week: 'Minha semana no escritório', hours: 'horas de agentes trabalhando', actions: 'ações', trophies: 'níveis de conquista · lendas', saved: 'Cartão salvo', visitSaved: 'Foto para visita salva', visitNote: 'Sem nomes, branches nem o nome do escritório.' },
     elevator: { title: 'Elevador', sub: 'Escolha o andar: terraço, escritório, sala de troféus ou servidores.', terrace: '🌇 Terraço', trophy: '🏆 Sala de troféus', servers: '🖧 Sala de servidores', office: '🏢 Escritório', floor: n => `🏢 Andar ${n}` },
+    tasks: { tab: n => n ? `Tarefas (${n})` : 'Tarefas', sub: 'Crie uma tarefa e um agente trabalha nela em segundo plano. Você responde, aprova e revisa por aqui, sem abrir o terminal. Só as tarefas criadas aqui podem ser controladas; as sessões abertas por fora seguem só monitoradas.',
+      newT: 'Nova tarefa', title: 'Título (opcional)', desc: 'O que fazer', folder: 'Pasta', agent: 'Agente', auto: 'Automático', profile: 'Perfil', prio: 'Prioridade', prios: ['', 'Baixa', 'Normal', 'Alta'],
+      budget: 'Orçamento (US$, 0 = sem limite)', test: 'Comando de teste (opcional)', wt: 'Worktree separada (isola as alterações)', perm: 'Permissões', perms: { acceptEdits: 'Pode editar arquivos', plan: 'Só planejar', default: 'Pedir para tudo' },
+      dep: 'Depois de', none: 'nenhuma', create: 'Criar tarefa', rec: 'Recomendar', recWhy: { default: 'tarefa comum de desenvolvimento', deep: 'parece investigação, arquitetura ou mudança ampla', eco: 'parece texto, documentação ou ajuste localizado', history: 'tarefas parecidas falharam ou precisaram de novas tentativas nesse perfil' },
+      profiles: { eco: 'Econômico', bal: 'Equilibrado', deep: 'Profundo' }, states: { pending: 'Na fila', running: 'Trabalhando', blocked: 'Espera você', done: 'Concluída', failed: 'Falhou', cancelled: 'Cancelada' },
+      reasons: { question: 'fez uma pergunta', review: 'pronta para revisar', approval: 'precisa de permissão', budget: 'chegou no orçamento', restart: 'o servidor reiniciou; responda para retomar', error: 'deu erro' },
+      reply: 'Responder', send: 'Enviar', approve: 'Aprovar e continuar', cancel: 'Cancelar', cancelSure: 'Cancelar a tarefa? O que o agente já alterou continua alterado.', conclude: 'Concluir', retry: 'Tentar de novo', handoff: 'Passar para outro agente', del: 'Apagar', diff: 'Ver diff',
+      save: 'Economizar', more: 'Aumentar capacidade', applyRec: 'Aplicar recomendação', pick: 'Escolher', model: 'Modelo', effort: 'Esforço', cliDefault: 'padrão do CLI', next: 'vale a partir da próxima etapa', now: 'aplicado', configLog: 'Mudanças de configuração',
+      cost: 'Custo estimado', costUnknown: 'custo desconhecido (modelo padrão do CLI)', tokens: 'tokens', attempts: n => `${n} tentativa(s)`, files: 'Arquivos alterados', tests: c => c === 0 ? '✓ testes passaram' : `✗ testes falharam (código ${c})`, denied: 'Ferramentas bloqueadas', events: 'Atividade', back: '← Tarefas',
+      parallel: 'Agentes ao mesmo tempo', ranking: 'Ranking de custo', byTask: 'Por tarefa', byAi: 'Por IA', period: { day: 'Hoje', week: '7 dias', month: '30 dias' }, perDone: 'por tarefa concluída', costNote: 'Estimativa a preço de API. Não é o valor cobrado nem a porcentagem do seu plano.',
+      empty: 'Nenhuma tarefa ainda.', search: 'Buscar no histórico', fail: { nodir: 'Pasta inválida (precisa estar dentro da sua pasta pessoal).', nodesc: 'Escreva o que fazer.', unsupported: 'Agente não suportado.', state: 'Não dá agora.', demo: 'Modo demo: nada roda.' },
+      warn: { loop: n => `Repetiu a mesma ação (${n}) várias vezes sem progresso.`, retry: 'Já teve duas tentativas sem sucesso. Considere aumentar o esforço.', budget: 'Chegou no orçamento e foi pausada.' } },
+    notices: { tab: n => n ? `Avisos (${n})` : 'Avisos', sub: 'Pedidos dos agentes, tarefas, recomendações, orçamento e novidades do app, num lugar só.', empty: 'Nenhum aviso.', apply: 'Aplicar', why: 'Ver motivo', notNow: 'Agora não', open: 'Abrir', readAll: 'Marcar tudo como lido', times: n => `×${n}`,
+      task: (t, r) => `Tarefa “${t}”: ${r}`, update: v => `Versão ${v} disponível` },
+    ver: { tab: 'Versões', sub: 'Versão instalada, a mais nova no npm e o que mudou.', installed: 'Instalada', latest: 'No npm', checked: 'Verificado', never: 'ainda não', upToDate: 'Você está na versão mais nova.', news: 'Ver novidades', copy: 'Copiar comando', copied: 'Copiado!', later: 'Lembrar depois', npx: 'Se você usa npx:', global: 'Se instalou global:', plugin: 'No plugin do Claude Code: /plugin update coworking-agents', note: 'Copiar o comando não atualiza nada sozinho: rode, reinicie e a versão nova aparece aqui.', admin: 'Admin do escritório', celebrate: v => `Versão ${v} no ar! 🎉` },
     queue: { tab: n => n ? `Fila (${n})` : 'Fila', sub: 'Quem está esperando você, de quem espera há mais tempo para quem espera menos.', empty: 'Ninguém esperando você. 🎉', answer: 'Responder', reply: 'Próxima instrução' },
     quick: ['Pode seguir.', 'Roda os testes.', 'Faz o commit e o push.', 'Explica o que você fez.', 'Continua de onde parou.', 'Revisa o código antes de seguir.'],
     welcome: { title: a => `Bem-vindo de volta! Você ficou fora ${a}`, body: (d, a, l, need) => `Enquanto isso: ${d} terminaram, ${a} chegaram, ${l} saíram. ${need} esperando você agora.`, queue: 'Ver a fila' },
@@ -150,7 +165,7 @@ const I18N = {
     clockIn: 'Relógio de ponto: quem chegou hoje', clockNone: 'Ninguém bateu o ponto hoje ainda.',
     thoughts: ['será que esqueceram de mim?', 'hora do café?', 'terminei… alguém?', 'zzz… brincadeira, tô aqui', 'posso fazer mais uma coisa', 'que silêncio…', 'alguém viu meu grampeador?', 'revisando meus commits mentalmente', 'tô de olho no relógio', 'me chama que eu vou!'],
     radio: { label: '♪ Rádio chiptune', on: 'Rádio ligado: a estação segue a IA que mais trabalha, o ritmo segue o escritório (clique para desligar)', off: 'Rádio desligado (clique para ligar)' },
-    menu: 'Menu', langName: 'Idioma: português (trocar para inglês)', menuItems: { launch: 'Nova sessão', deco: 'Decorar (mover itens)', walk: 'Andar pelo escritório', office: 'Personalizar escritório', photo: 'Foto do escritório', radio: 'Rádio', notify: 'Avisos do sistema', sound: 'Sons', focus: 'Modo foco', replay: 'Replay da última hora', search: 'Buscar agente', lang: 'English' },
+    menu: 'Menu', langName: 'Idioma: português (trocar para inglês)', menuItems: { launch: 'Nova sessão', deco: 'Decorar (mover itens)', walk: 'Andar pelo escritório', office: 'Personalizar escritório', photo: 'Foto do escritório', radio: 'Rádio', notify: 'Avisos do sistema', sound: 'Sons', focus: 'Modo foco', replay: 'Replay da última hora', search: 'Buscar agente', tasks: 'Tarefas', notices: 'Avisos', lang: 'English' },
     focus: { off: 'Modo foco: silencia sons e notificações por 25 min', on: m => `Modo foco: ${m} min restantes (clique para estender ou desligar)`, ended: 'Modo foco terminou' },
     feed: { title: 'Histórico', sub: 'O que aconteceu nas últimas 24 horas (guardado só neste navegador)', empty: 'Nada ainda. Chegadas, saídas, pedidos e entregas aparecem aqui.', clear: 'Limpar', thisHour: 'Nesta hora', kinds: { arrive: 'chegou', leave: 'saiu', done: 'terminou', needs_you: 'precisa de você', waiting: 'espera aprovação' } },
     git: { dirty: n => `${n} arquivo${n > 1 ? 's' : ''} sem commit`, clean: 'tudo commitado', ahead: n => `${n} commit${n > 1 ? 's' : ''} para enviar`, behind: n => `${n} commit${n > 1 ? 's' : ''} para puxar`, label: 'Git' },
@@ -329,6 +344,21 @@ const I18N = {
     scoreboard: { title: "This week's AI scoreboard", hours: 'hours', actions: 'actions', tokens: 'tokens' },
     share: { card: 'Weekly card', visit: 'Visitor photo', week: 'My week at the office', hours: 'hours of agents at work', actions: 'actions', trophies: 'achievement tiers · legends', saved: 'Card saved', visitSaved: 'Visitor photo saved', visitNote: 'No names, branches or office name.' },
     elevator: { title: 'Elevator', sub: 'Pick a floor: rooftop, office, trophy room or servers.', terrace: '🌇 Rooftop', trophy: '🏆 Trophy room', servers: '🖧 Server room', office: '🏢 Office', floor: n => `🏢 Floor ${n}` },
+    tasks: { tab: n => n ? `Tasks (${n})` : 'Tasks', sub: 'Create a task and an agent works on it in the background. You answer, approve and review here, no terminal needed. Only tasks created here can be controlled; sessions opened elsewhere stay monitor-only.',
+      newT: 'New task', title: 'Title (optional)', desc: 'What to do', folder: 'Folder', agent: 'Agent', auto: 'Automatic', profile: 'Profile', prio: 'Priority', prios: ['', 'Low', 'Normal', 'High'],
+      budget: 'Budget (USD, 0 = no limit)', test: 'Test command (optional)', wt: 'Separate worktree (isolates the changes)', perm: 'Permissions', perms: { acceptEdits: 'May edit files', plan: 'Plan only', default: 'Ask for everything' },
+      dep: 'After', none: 'none', create: 'Create task', rec: 'Recommend', recWhy: { default: 'regular development task', deep: 'looks like investigation, architecture or a wide change', eco: 'looks like text, docs or a small fix', history: 'similar tasks failed or needed retries at this profile' },
+      profiles: { eco: 'Economy', bal: 'Balanced', deep: 'Deep' }, states: { pending: 'Queued', running: 'Working', blocked: 'Waiting on you', done: 'Done', failed: 'Failed', cancelled: 'Cancelled' },
+      reasons: { question: 'asked a question', review: 'ready for review', approval: 'needs permission', budget: 'hit the budget', restart: 'the server restarted; reply to resume', error: 'errored' },
+      reply: 'Reply', send: 'Send', approve: 'Approve and continue', cancel: 'Cancel', cancelSure: 'Cancel the task? What the agent already changed stays changed.', conclude: 'Conclude', retry: 'Try again', handoff: 'Hand off to another agent', del: 'Delete', diff: 'See diff',
+      save: 'Save', more: 'More capacity', applyRec: 'Apply recommendation', pick: 'Choose', model: 'Model', effort: 'Effort', cliDefault: 'CLI default', next: 'applies from the next step', now: 'applied', configLog: 'Configuration changes',
+      cost: 'Estimated cost', costUnknown: 'cost unknown (CLI default model)', tokens: 'tokens', attempts: n => `${n} attempt(s)`, files: 'Files changed', tests: c => c === 0 ? '✓ tests passed' : `✗ tests failed (code ${c})`, denied: 'Blocked tools', events: 'Activity', back: '← Tasks',
+      parallel: 'Agents at once', ranking: 'Cost ranking', byTask: 'By task', byAi: 'By AI', period: { day: 'Today', week: '7 days', month: '30 days' }, perDone: 'per finished task', costNote: 'Estimate at API prices. Not what you are billed nor your plan percentage.',
+      empty: 'No tasks yet.', search: 'Search history', fail: { nodir: 'Invalid folder (must be inside your home folder).', nodesc: 'Write what to do.', unsupported: 'Agent not supported.', state: 'Not possible now.', demo: 'Demo mode: nothing runs.' },
+      warn: { loop: n => `Repeated the same action (${n}) several times without progress.`, retry: 'Two attempts failed already. Consider more effort.', budget: 'Hit the budget and was paused.' } },
+    notices: { tab: n => n ? `Notices (${n})` : 'Notices', sub: 'Agent requests, tasks, recommendations, budget and app news in one place.', empty: 'No notices.', apply: 'Apply', why: 'See why', notNow: 'Not now', open: 'Open', readAll: 'Mark all as read', times: n => `×${n}`,
+      task: (t, r) => `Task “${t}”: ${r}`, update: v => `Version ${v} available` },
+    ver: { tab: 'Releases', sub: 'Installed version, newest on npm and what changed.', installed: 'Installed', latest: 'On npm', checked: 'Checked', never: 'not yet', upToDate: 'You are on the newest version.', news: 'See what\'s new', copy: 'Copy command', copied: 'Copied!', later: 'Remind me later', npx: 'If you use npx:', global: 'If installed globally:', plugin: 'In the Claude Code plugin: /plugin update coworking-agents', note: 'Copying the command updates nothing by itself: run it, restart, and the new version shows here.', admin: 'Office admin', celebrate: v => `Version ${v} is live! 🎉` },
     queue: { tab: n => n ? `Queue (${n})` : 'Queue', sub: 'Who is waiting on you, longest wait first.', empty: 'Nobody is waiting on you. 🎉', answer: 'Answer', reply: 'Next instruction' },
     quick: ['Go ahead.', 'Run the tests.', 'Commit and push.', 'Explain what you did.', 'Pick up where you left off.', 'Review the code before going on.'],
     welcome: { title: a => `Welcome back! You were away ${a}`, body: (d, a, l, need) => `Meanwhile: ${d} finished, ${a} arrived, ${l} left. ${need} waiting on you now.`, queue: 'Open the queue' },
@@ -357,7 +387,7 @@ const I18N = {
     clockIn: 'Punch clock: who arrived today', clockNone: 'Nobody clocked in today yet.',
     thoughts: ['did they forget about me?', 'coffee time?', 'done… anyone?', 'zzz… kidding, still here', 'I can do one more thing', 'so quiet…', 'has anyone seen my stapler?', 'reviewing my commits in my head', 'watching the clock', 'call me, I am ready!'],
     radio: { label: '♪ Chiptune radio', on: 'Radio on: the station follows the AI working the most, the beat follows the office (click to turn off)', off: 'Radio off (click to turn on)' },
-    menu: 'Menu', langName: 'Language: English (switch to Portuguese)', menuItems: { launch: 'New session', deco: 'Decorate (move items)', walk: 'Walk around the office', office: 'Customise office', photo: 'Office photo', radio: 'Radio', notify: 'System alerts', sound: 'Sounds', focus: 'Focus mode', replay: 'Replay last hour', search: 'Search agents', lang: 'Português' },
+    menu: 'Menu', langName: 'Language: English (switch to Portuguese)', menuItems: { launch: 'New session', deco: 'Decorate (move items)', walk: 'Walk around the office', office: 'Customise office', photo: 'Office photo', radio: 'Radio', notify: 'System alerts', sound: 'Sounds', focus: 'Focus mode', replay: 'Replay last hour', search: 'Search agents', tasks: 'Tasks', notices: 'Notices', lang: 'Português' },
     focus: { off: 'Focus mode: mutes sounds and notifications for 25 min', on: m => `Focus mode: ${m} min left (click to extend or turn off)`, ended: 'Focus mode ended' },
     feed: { title: 'History', sub: 'What happened in the last 24 hours (kept in this browser only)', empty: 'Nothing yet. Arrivals, departures, requests and finished work show up here.', clear: 'Clear', thisHour: 'This hour', kinds: { arrive: 'arrived', leave: 'left', done: 'finished', needs_you: 'needs you', waiting: 'waits for approval' } },
     git: { dirty: n => `${n} uncommitted file${n > 1 ? 's' : ''}`, clean: 'all committed', ahead: n => `${n} commit${n > 1 ? 's' : ''} to push`, behind: n => `${n} commit${n > 1 ? 's' : ''} to pull`, label: 'Git' },

package/public/js/report.js

@@ -41,7 +41,7 @@ let reportTab = 'usage', todayData = null;
 function openReport(tab) { reportTab = tab || 'usage'; achBump('tab_' + reportTab); reportEl.hidden = false; renderReport(); loadUsage(true); if (reportTab === 'today') loadToday(); }
 async function loadToday() { try { todayData = await fetch('api/report').then(r => r.json()); } catch {} if (!reportEl.hidden) renderReport(); }
 reportEl.addEventListener('click', e => { const t = e.target.closest('[data-tab]'); if (t) { reportTab = t.dataset.tab; achBump('tab_' + reportTab); if (reportTab === 'today') loadToday(); renderReport(); } });
-function tabsHtml() { return `<div class="rtabs">${[['queue', T.queue.tab(typeof queueList === 'function' ? queueList().filter(p => p.state !== 'idle').length : 0)], ['usage', T.usage.title], ['today', T.today.title], ['paper', T.paper.tab], ['ach', T.ach.title], ['shop', T.shop.title], ['office', T.office.tab], ['feed', T.feed.title]].map(([k, l]) => `<button data-tab="${k}" class="${reportTab === k ? 'on' : ''}">${esc(l)}</button>`).join('')}</div>`; }
+function tabsHtml() { return `<div class="rtabs">${[['tasks', T.tasks.tab(typeof tasksWaiting === 'function' ? tasksWaiting() : 0)], ['notices', T.notices.tab(typeof unreadNotices === 'function' ? unreadNotices() : 0)], ['queue', T.queue.tab(typeof queueList === 'function' ? queueList().filter(p => p.state !== 'idle').length : 0)], ['usage', T.usage.title], ['today', T.today.title], ['paper', T.paper.tab], ['ach', T.ach.title], ['shop', T.shop.title], ['office', T.office.tab], ['feed', T.feed.title], ['version', T.ver.tab]].map(([k, l]) => `<button data-tab="${k}" class="${reportTab === k ? 'on' : ''}">${esc(l)}</button>`).join('')}</div>`; }
 // activity feed: newest first, grouped by hour
 function renderFeed() {
   const F = T.feed, body = reportEl.querySelector('.report-body');
@@ -97,6 +97,9 @@ reportEl.addEventListener('click', async e => {
 function closeReport() { reportEl.hidden = true; }
 
 function renderReport() {
+  if (reportTab === 'tasks') return renderTasks();
+  if (reportTab === 'notices') return renderNotices();
+  if (reportTab === 'version') return renderVersion();
   if (reportTab === 'today') return renderToday();
   if (reportTab === 'feed') return renderFeed();
   if (reportTab === 'ach') return renderAchievements();