coworking-agents 0.8.0 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.9.0 — 2026-10-14
+- Tell me when… (☰ → ⏰, or the agent's panel): a notice when an agent finishes (once), when a limit passes a level you pick (again after it resets), or when any agent edits a file whose path has some text; in the office, the bell and as a system notification. Kept with your progress
+- Past conversations (☰ → 🗄): every Claude Code and Codex conversation on this computer from the last 60 days, open or closed, found by name, folder or what was said (last 30 days), and read as a chat with its helpers and a search inside it. Read only; off in private mode
+- A new release shows up in an office left open within about 10 minutes (it checked once an hour), and the releases board, the admin's sign and the notice follow as soon as the office knows
+
 ## 0.8.0 — 2026-10-14
 - The office wall: frames, screens and windows spread evenly between the light switch and the whiteboard (same gap between each), a quiet wallpaper pattern and a chair rail with wainscot instead of plain stripes; sunlight comes in only through real windows
 - Everyone in the office: click the agent count under the office name for every agent with its state and the helpers working for it; an agent opens its panel, a helper opens its conversation

package/README.md

@@ -227,6 +227,8 @@ The office works in any browser. If you prefer an app:
 - **💬 Conversation** (click an agent): the whole conversation as a chat, a search inside it, and a box to write to it once it finished its turn. Its helpers (subagents) are listed above the chat; pick one to read its own conversation. Only what you wrote and what it answered; off in private mode.
 - **▦ Task board** (Tasks → Board): queued, running, waiting on you and done; drag a card to retry, conclude or cancel it.
 - **When you spend** (Costs and limits): a weekday × hour map of output tokens over the last 28 days, and under each limit when it would run out at the pace of the last hour.
+- **⏰ Tell me when…:** a notice when an agent finishes (also a button in its panel), when a limit passes a level you pick, or when any agent edits a file you name.
+- **🗄 Past conversations:** every Claude Code and Codex conversation from the last 60 days, open or closed, found by name, folder or what was said, and read as a chat with its helpers. Read only.
 - **🎞 Day timelapse:** a picture of the office every 5 minutes (no names), turned into a ~20 s GIF in your browser. The pictures stay in this browser for 3 days.
 - **📺 TV mode** (or `?tv=1`): full screen, only the office and big counters; Esc leaves.
 - **Waiting on you today** in the daily report: measured time the agents waited on your answers and tasks stood blocked on you.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coworking-agents",
-  "version": "0.8.0",
+  "version": "0.9.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"

package/public/index.html

@@ -84,6 +84,8 @@
 <script src="js/tasks.js"></script>
 <script src="js/talkdesk.js"></script>
 <script src="js/timelapse.js"></script>
+<script src="js/archive.js"></script>
+<script src="js/watches.js"></script>
 <script src="js/main.js"></script>
 </body>
 </html>

package/public/js/alerts.js

@@ -101,6 +101,7 @@ function checkAlerts() {
   if (up && up.latest && !alerted.has('upd:' + up.latest)) {
     alerted.add('upd:' + up.latest);
     toast(`<b>${esc(A.update(up.latest))}</b>${esc(A.updateHow)} <code>npx coworking-agents@latest</code>`, 'ok sticky');
+    if (typeof loadVersion === 'function') loadVersion(); // the releases board, the admin's sign and the notice follow at once
   }
   firstAlertPass = false;
 }

package/public/js/archive.js

@@ -0,0 +1,61 @@
+'use strict';
+// ---------------- the conversation archive ----------------
+// Every conversation on disk, open or closed (the last 60 days): find one by name, folder or what was said,
+// then read it as a chat, with its helpers and a search inside it. Nothing here writes anything.
+let arcList = null, arcQ = '', arcOpen = null, arcTalk = null, arcTalkQ = '', arcSub = '', arcTimer = 0;
+async function arcLoad() {
+  const r = await api('api/archive?q=' + encodeURIComponent(arcQ));
+  arcList = r; if (reportTab === 'archive' && !arcOpen) arcDrawList();
+}
+async function arcLoadTalk(toTop) {
+  const o = arcOpen; if (!o) return;
+  const r = await api(`api/archive-talk?agent=${encodeURIComponent(o.agent)}&id=${encodeURIComponent(o.id)}&q=${encodeURIComponent(arcTalkQ)}&sub=${encodeURIComponent(arcSub)}`);
+  if (arcOpen !== o) return;
+  if (r.helpers) o.helpers = r.helpers;
+  arcTalk = r; const list = document.getElementById('arc-chat'); if (list) list.innerHTML = arcChatHtml();
+  const hb = document.getElementById('arc-helpers'); if (hb) hb.innerHTML = arcHelpersHtml();
+  const box = reportEl.querySelector('.report-body'); if (box && !toTop && !arcTalkQ) box.scrollTop = box.scrollHeight;
+}
+const arcWhen = ms => new Date(ms).toLocaleString(lang === 'pt' ? 'pt-BR' : 'en', { day: '2-digit', month: '2-digit', hour: '2-digit', minute: '2-digit' });
+function arcChatHtml() {
+  const C = T.chat, A = T.archive, r = arcTalk, q = arcTalkQ.toLowerCase(), o = arcOpen, h = (o.helpers || []).find(x => x.id === arcSub);
+  if (!r) return `<p class="note">…</p>`;
+  if (!r.ok) return `<p class="note">⚠ ${esc(C.fail[r.reason] || r.reason || '?')}</p>`;
+  if (!r.items.length) return `<p class="note">${esc(q ? C.none : C.empty)}</p>`;
+  return (q ? `<p class="note">${esc(C.found(r.found))}</p>` : r.cut || r.total > r.items.length ? `<p class="note">${esc(C.cut)}</p>` : '')
+    + r.items.map(m => `<div class="bubble ${m.role === 'user' ? 'me' : 'it'}"><p>${deskMd(deskMark(m.text, q))}</p><small>${m.role === 'user' ? esc(h ? A.mainAgent : C.you) : esc(h ? h.type : o.agent === 'codex' ? 'Codex' : 'Claude')}${m.at ? ' · ' + esc(arcWhen(m.at)) : ''}</small></div>`).join('');
+}
+function arcHelpersHtml() {
+  const C = T.chat, hs = (arcOpen && arcOpen.helpers) || []; if (!hs.length) return '';
+  return `<div class="phelpers"><button class="${arcSub ? '' : 'on'}" data-arc-sub="">${esc(C.main)}</button>${hs.map(h => `<button class="${h.id === arcSub ? 'on' : ''}" data-arc-sub="${esc(h.id)}" title="${esc(h.what)}">${esc(h.type)}</button>`).join('')}</div>`;
+}
+function arcDrawList() {
+  const A = T.archive, body = reportEl.querySelector('.report-body'), r = arcList, live = new Set(data ? data.people.map(p => p.id) : []);
+  const row = x => `<li><button class="arc-row" data-arc-open="${esc(x.agent)}|${esc(x.id)}"><i class="ailogo" data-ai="${esc(x.agent)}"></i><span class="arc-txt"><b>${esc(x.title || A.untitled)}</b><small>${x.cwd ? esc(x.cwd) + ' · ' : ''}${esc(arcWhen(x.at))}${live.has(x.id) ? ' · ● ' + esc(A.open) : ''}</small>${x.first ? `<small class="arc-first">${esc(x.first)}</small>` : ''}</span></button></li>`;
+  const focus = document.activeElement && document.activeElement.matches('[data-arc-q]');
+  body.innerHTML = tabsHtml() + `<h2>🗄 ${esc(A.title)}</h2><p class="sub">${esc(A.sub)}</p>
+    <input type="search" class="ptalk-q" data-arc-q placeholder="${esc(A.search)}" value="${esc(arcQ)}">
+    ${!r ? `<p class="note">…</p>` : !r.ok ? `<p class="note">⚠ ${esc(T.chat.fail[r.reason] || r.reason)}</p>` : `
+      <h3>${esc(A.list(r.items.length, r.total))}</h3>${r.items.length ? `<ul class="arc-list">${r.items.map(row).join('')}</ul>` : `<p class="note">${esc(A.none)}</p>`}
+      ${r.hits && r.hits.length ? `<h3>${esc(A.said(r.hits.length))}</h3><ul class="arc-list">${r.hits.map(x => `<li><button class="arc-row" data-arc-open="${esc(x.agent)}|${esc(x.id)}" data-arc-q-in="${esc(arcQ)}"><i class="ailogo" data-ai="${esc(x.agent)}"></i><span class="arc-txt"><small>${esc(x.role === 'user' ? T.chat.you : x.agent === 'codex' ? 'Codex' : 'Claude')} · ${esc(arcWhen(x.at))}</small><span>${deskMark(x.snippet, arcQ.toLowerCase())}</span></span></button></li>`).join('')}</ul>` : ''}`}`;
+  body.querySelectorAll('.ailogo[data-ai]').forEach(el => { const id = el.dataset.ai; el.appendChild(Art.aiIconEl(id, (AGENT[id] || {}).color || '#888')); });
+  if (focus) { const i = body.querySelector('[data-arc-q]'); i.focus(); i.setSelectionRange(i.value.length, i.value.length); }
+}
+function arcDrawTalk() {
+  const A = T.archive, body = reportEl.querySelector('.report-body'), o = arcOpen;
+  body.innerHTML = tabsHtml() + `<p><button class="tback" data-arc-back>${esc(A.back)}</button></p><h2>${esc(o.title || A.untitled)}</h2><p class="sub">${esc(o.agent === 'codex' ? 'Codex' : 'Claude Code')}${o.cwd ? ' · ' + esc(o.cwd) : ''}${o.at ? ' · ' + esc(arcWhen(o.at)) : ''}</p>
+    <div id="arc-helpers">${arcHelpersHtml()}</div><input type="search" class="ptalk-q" data-arc-tq placeholder="${esc(T.chat.search)}" value="${esc(arcTalkQ)}"><div id="arc-chat" class="arc-chat">${arcChatHtml()}</div>`;
+}
+function renderArchive() { if (arcOpen) arcDrawTalk(); else { arcDrawList(); if (!arcList) arcLoad(); } }
+reportEl.addEventListener('click', e => {
+  if (reportTab !== 'archive') return;
+  const op = e.target.closest('[data-arc-open]');
+  if (op) { const [agent, id] = op.dataset.arcOpen.split('|'), x = (arcList && arcList.items.find(i => i.id === id)) || { agent, id, title: '' }; arcOpen = { ...x, helpers: [] }; arcTalk = null; arcSub = ''; arcTalkQ = op.dataset.arcQIn || ''; arcDrawTalk(); arcLoadTalk(!!arcTalkQ); return; }
+  if (e.target.closest('[data-arc-back]')) { arcOpen = null; arcTalk = null; arcDrawList(); return; }
+  const sb = e.target.closest('[data-arc-sub]'); if (sb) { arcSub = sb.dataset.arcSub; arcTalk = null; const c = document.getElementById('arc-chat'); if (c) c.innerHTML = '<p class="note">…</p>'; arcLoadTalk(true); }
+});
+reportEl.addEventListener('input', e => {
+  if (reportTab !== 'archive') return;
+  if (e.target.matches('[data-arc-q]')) { clearTimeout(arcTimer); arcTimer = setTimeout(() => { arcQ = e.target.value.trim().slice(0, 100); arcLoad(); }, 400); }
+  if (e.target.matches('[data-arc-tq]')) { clearTimeout(arcTimer); arcTimer = setTimeout(() => { arcTalkQ = e.target.value.trim().slice(0, 100); arcLoadTalk(true); }, 350); }
+});

package/public/js/i18n.js

@@ -616,6 +616,16 @@ Object.assign(I18N.en, { timelapse: { title: 'Day timelapse', sub: 'A picture of
 // how many agents and helpers are in the office
 Object.assign(I18N.pt, { crew: { title: 'Todos no escritório', sub: (a, h) => `${a} agente${a === 1 ? '' : 's'} e ${h} ajudante${h === 1 ? '' : 's'} (subagentes) trabalhando agora.`, note: 'Clique num agente para abrir o painel dele, ou num ajudante para ler a conversa dele. Os ajudantes que já terminaram ficam na aba Conversa do agente.', agents: n => n === 1 ? 'agente' : 'agentes', helpers: n => n === 1 ? 'ajudante' : 'ajudantes', none: 'Nenhum ajudante (subagente) trabalhando agora.', status: n => `${n} ajudante${n === 1 ? '' : 's'}` } });
 Object.assign(I18N.en, { crew: { title: 'Everyone in the office', sub: (a, h) => `${a} agent${a === 1 ? '' : 's'} and ${h} helper${h === 1 ? '' : 's'} (subagents) working right now.`, note: 'Click an agent to open its panel, or a helper to read its conversation. Helpers that finished stay in the agent\'s Conversation tab.', agents: n => n === 1 ? 'agent' : 'agents', helpers: n => n === 1 ? 'helper' : 'helpers', none: 'No helpers (subagents) working right now.', status: n => `${n} helper${n === 1 ? '' : 's'}` } });
+// the conversation archive
+Object.assign(I18N.pt.officeObj.menu, { archive: 'Conversas antigas' });
+Object.assign(I18N.en.officeObj.menu, { archive: 'Past conversations' });
+Object.assign(I18N.pt, { archive: { title: 'Conversas antigas', sub: 'Todas as conversas do Claude Code e do Codex guardadas no computador nos últimos 60 dias, abertas ou já fechadas. Só leitura.', search: 'Buscar pelo nome, pela pasta ou pelo que foi dito', said: n => `No que foi dito (últimos 30 dias): ${n}`, list: (n, t) => `Conversas: ${n}${t > n ? ' de ' + t : ''}`, none: 'Nenhuma conversa encontrada.', untitled: '(sem título)', open: 'aberta agora', back: '‹ Voltar', mainAgent: 'agente principal' } });
+Object.assign(I18N.en, { archive: { title: 'Past conversations', sub: 'Every Claude Code and Codex conversation kept on this computer over the last 60 days, open or closed. Read only.', search: 'Search by name, folder or what was said', said: n => `In what was said (last 30 days): ${n}`, list: (n, t) => `Conversations: ${n}${t > n ? ' of ' + t : ''}`, none: 'No conversation found.', untitled: '(untitled)', open: 'open now', back: '‹ Back', mainAgent: 'main agent' } });
+// "tell me when…"
+Object.assign(I18N.pt.officeObj.menu, { watches: 'Me avise quando…' });
+Object.assign(I18N.en.officeObj.menu, { watches: 'Tell me when…' });
+Object.assign(I18N.pt, { watch: { title: 'Me avise quando…', sub: 'Avisos que você escolhe. Chegam aqui, no sino e como notificação do sistema.', empty: 'Nenhum aviso ainda.', add: 'Adicionar', addDone: 'Quando um agente terminar', addLimit: 'Quando um limite passar de', addFile: 'Quando algum agente mexer num arquivo', filePh: 'parte do caminho, ex.: checkout.ts ou src/auth', note: 'Funcionam enquanto o escritório estiver aberto. O de agente vale uma vez; o de limite volta a valer quando o limite renova; o de arquivo avisa a cada edição nova.', whenDone: 'Me avise quando terminar', cancelDone: 'Cancelar o aviso', set: 'Aviso criado', whenDoneOf: n => `Quando ${n} terminar`, whenLimit: (l, p) => `Quando ${l} passar de ${p}%`, whenFile: t => `Quando algum agente mexer em “${t}”`, done: n => `${n} terminou`, needs: n => `${n} parou e precisa de você`, closed: n => `${n} fechou`, limit: (l, p) => `${l} chegou a ${p}%`, limitWhy: p => `Você pediu aviso a partir de ${p}%.`, file: (n, f) => `${n} mexeu em ${f}` } });
+Object.assign(I18N.en, { watch: { title: 'Tell me when…', sub: 'Notices you choose. They show here, in the bell and as system notifications.', empty: 'No notices yet.', add: 'Add', addDone: 'When an agent finishes', addLimit: 'When a limit passes', addFile: 'When any agent touches a file', filePh: 'part of the path, e.g. checkout.ts or src/auth', note: 'They work while the office is open. The agent one fires once; the limit one again after the limit resets; the file one on every new edit.', whenDone: 'Tell me when it finishes', cancelDone: 'Cancel the notice', set: 'Notice set', whenDoneOf: n => `When ${n} finishes`, whenLimit: (l, p) => `When ${l} passes ${p}%`, whenFile: t => `When any agent touches “${t}”`, done: n => `${n} finished`, needs: n => `${n} stopped and needs you`, closed: n => `${n} closed`, limit: (l, p) => `${l} reached ${p}%`, limitWhy: p => `You asked to be told from ${p}%.`, file: (n, f) => `${n} edited ${f}` } });
 let T = I18N[lang];
 // sound is on by default; alerts follow the browser permission (asked on open). Only the buttons turn them off.
 let soundOn = store.get('sound', true);

package/public/js/panel.js

@@ -127,7 +127,7 @@ function renderPanel() {
     ${tools.length ? `<h3>${P.tools}</h3><ul class="bars">${tools.map(([k, n]) => `<li><code>${esc(k)}</code><span class="tbar"><i style="width:${(n / toolMax * 100).toFixed(1)}%"></i></span><span class="t">${Number(n) || 0}</span></li>`).join('')}</ul>` : ''}
     <h3 id="certs-h">${P.certs}</h3>${certs.length ? `<div class="certs">${certs.map(c => `<div class="cert" style="--c:${certColor(c)}"><small>${T.kinds[c.kind]}</small>${esc(c.name)}${c.kind === 'badge' ? `<br><span class="note">${esc(c.desc)}</span>` : ` <span class="note">${Number(c.n) || 0}×</span>`}</div>`).join('')}</div>` : `<p class="note">${P.noCerts}</p>`}
     <p class="note" style="margin-top:18px">${P.session}: <code>${esc(p.id)}</code></p>`;
-  if (typeof deskTabsHtml === 'function') panelBody.querySelector('header.ph').insertAdjacentHTML('afterend', deskTabsHtml());
+  if (typeof deskTabsHtml === 'function') panelBody.querySelector('header.ph').insertAdjacentHTML('afterend', deskTabsHtml() + (typeof watchBtnHtml === 'function' ? watchBtnHtml(p) : ''));
   const face = Art.portrait(p.id, p.state === 'needs_you' ? 'open' : null);
   const fb = panelBody.querySelector('.ph-face');
   fb.appendChild(face);

package/public/js/report.js

@@ -174,6 +174,8 @@ function renderReport() {
   if (reportTab === 'feed') return renderFeed();
   if (reportTab === 'timelapse') return renderTimelapse();
   if (reportTab === 'crew') return renderCrew();
+  if (reportTab === 'archive') return renderArchive();
+  if (reportTab === 'watches') return renderWatches();
   if (reportTab === 'ach') return renderAchievements();
   if (reportTab === 'paper') return renderPaper();
   if (reportTab === 'queue') return renderQueue();

package/public/js/tasks.js

@@ -622,7 +622,7 @@ function drawReleaseBadge(x, y, t) { // the rocket poster gets a star when a new
 // the same panels in the ☰ menu
 {
   const menu = document.getElementById('tools-menu');
-  if (menu) for (const [tab, icon] of [['tv', '📺'], ['phone', '📱'], ['broadcast', '📣'], ['repos', '📦'], ['tasks', '📋'], ['usage', '💲'], ['timelapse', '🎞'], ['feed', '🗂'], ['notices', '🔔'], ['version', '🚀']]) {
+  if (menu) for (const [tab, icon] of [['tv', '📺'], ['phone', '📱'], ['broadcast', '📣'], ['repos', '📦'], ['tasks', '📋'], ['usage', '💲'], ['watches', '⏰'], ['archive', '🗄'], ['timelapse', '🎞'], ['feed', '🗂'], ['notices', '🔔'], ['version', '🚀']]) {
     const b = document.createElement('button'); b.className = 'icon-btn menu-panel'; b.dataset.menuTab = tab;
     b.innerHTML = `<span aria-hidden="true">${icon}</span><span class="ml"></span>`; menu.prepend(b);
     b.addEventListener('click', () => { if (typeof setMenu === 'function') setMenu(false); if (tab === 'tv') return setTv(true); openReport(tab); });
@@ -834,7 +834,7 @@ async function loadVersion() {
     if (adminPreview === 'party') adminCelebrateUntil = Date.now() + 864e5;
   }
   if (verData && verData.current) { if (!adminPreview) checkVersionNotice(); drawAdmin(); } if (!reportEl.hidden && reportTab === 'version') renderVersion(); }
-setTimeout(loadVersion, 1500); setInterval(loadVersion, 30 * 60000);
+setTimeout(loadVersion, 1500); setInterval(loadVersion, 10 * 60000);
 function checkVersionNotice() {
   const v = verData; if (!v.newer) return;
   const later = Number(store.get('verLater', 0)) || 0;

package/public/js/watches.js

@@ -0,0 +1,74 @@
+'use strict';
+// ---------------- "tell me when…" ----------------
+// Notices you pick: when an agent finishes (once), when a limit passes a level (again after it comes back down),
+// when an agent edits a file whose path has some text. Kept with your progress; checked on every office update.
+const watchList = () => (prog.watches = Array.isArray(prog.watches) ? prog.watches : []);
+const watchBusy = s => !['idle', 'asleep', 'needs_you', 'waiting'].includes(s);
+let watchSaveAt = 0;
+function watchSave(now) { if (now || Date.now() - watchSaveAt > 5000) { watchSaveAt = Date.now(); saveProgress(); } }
+function watchAdd(w) { watchList().push({ id: Date.now().toString(36) + Math.random().toString(36).slice(2, 6), at: Date.now(), ...w }); watchSave(true); }
+function watchDel(id) { prog.watches = watchList().filter(w => w.id !== id); watchSave(true); }
+function watchFire(w, title, body, agent) {
+  toast(`<b>🔔 ${esc(title)}</b>${esc(body || '')}`, 'ok');
+  if (typeof pushNotice === 'function') pushNotice('watch:' + w.id + ':' + Date.now(), 'ok', '🔔 ' + title, body || '', agent ? { agent } : {});
+  notifyOS('🔔 ' + title, body || '');
+}
+const watchLabel = (ai, win) => `${(AGENT[ai] || { label: ai }).label} ${win === 'week' ? T.usage.week : T.usage.fiveHour}`;
+function checkWatches() {
+  if (!data || !watchList().length) return;
+  const W = T.watch;
+  for (const w of [...watchList()]) {
+    if (w.kind === 'done') { // fires the first time it stops after having worked
+      const p = data.people.find(x => x.id === w.agent && !x.leaving);
+      if (!p) { if (w.seen) { watchFire(w, W.closed(w.name), '', null); watchDel(w.id); } continue; }
+      w.seen = true;
+      if (watchBusy(p.state)) { if (!w.worked) { w.worked = true; watchSave(); } continue; }
+      if (w.worked) { watchFire(w, ['needs_you', 'waiting'].includes(p.state) ? W.needs(p.name) : W.done(p.name), p.title || '', p.id); watchDel(w.id); }
+    } else if (w.kind === 'limit') {
+      const l = data.limits && data.limits[w.ai], v = l && (w.win === 'week' ? l.secondary : l.primary); if (!v) continue;
+      if (v.usedPercent >= w.pct && !w.over) { w.over = true; watchSave(true); watchFire(w, W.limit(watchLabel(w.ai, w.win), Math.round(v.usedPercent)), W.limitWhy(w.pct)); }
+      else if (v.usedPercent < w.pct - 5 && w.over) { w.over = false; watchSave(true); } // back down (a new window): armed again
+    } else if (w.kind === 'file') {
+      const k = String(w.text || '').toLowerCase(); let last = w.last || w.at;
+      for (const p of data.people) for (const f of p.files || []) {
+        if (f.at <= (w.last || w.at) || !`${f.repo}/${f.rel}`.toLowerCase().includes(k)) continue;
+        watchFire(w, W.file(p.name, f.rel), p.title || '', p.id); last = Math.max(last, f.at);
+      }
+      if (last !== (w.last || w.at)) { w.last = last; watchSave(true); }
+    }
+  }
+}
+setInterval(checkWatches, 2000);
+// the agent panel's button: tell me when this one finishes
+function watchBtnHtml(p) {
+  const on = watchList().find(w => w.kind === 'done' && w.agent === p.id);
+  return `<div class="actions"><button class="btn small ${on ? '' : 'ghost'}" data-watch-done="${esc(p.id)}">${on ? '🔕 ' + esc(T.watch.cancelDone) : '🔔 ' + esc(T.watch.whenDone)}</button></div>`;
+}
+panelBody.addEventListener('click', e => {
+  const b = e.target.closest('[data-watch-done]'); if (!b) return;
+  const p = data && data.people.find(x => x.id === b.dataset.watchDone); if (!p) return;
+  const on = watchList().find(w => w.kind === 'done' && w.agent === p.id);
+  if (on) watchDel(on.id); else { watchAdd({ kind: 'done', agent: p.id, name: p.name }); toast(`<b>🔔 ${esc(T.watch.set)}</b>${esc(T.watch.whenDoneOf(p.name))}`, 'ok'); }
+  b.outerHTML = watchBtnHtml(p);
+});
+// the list of what you asked to be told, and the forms to add more
+function renderWatches() {
+  const W = T.watch, body = reportEl.querySelector('.report-body'), live = data ? data.people.filter(p => !p.leaving) : [];
+  const text = w => w.kind === 'done' ? W.whenDoneOf(w.name) : w.kind === 'limit' ? W.whenLimit(watchLabel(w.ai, w.win), w.pct) : W.whenFile(w.text);
+  body.innerHTML = tabsHtml() + `<h2>⏰ ${esc(W.title)}</h2><p class="sub">${esc(W.sub)}</p>
+    ${watchList().length ? `<ul class="list">${watchList().map(w => `<li><span class="k">🔔</span><span>${esc(text(w))}</span><button class="btn small ghost" data-watch-del="${esc(w.id)}">✕</button></li>`).join('')}</ul>` : `<p class="note">${esc(W.empty)}</p>`}
+    <h3>${esc(W.addDone)}</h3><p class="watch-form"><select data-w-agent>${live.map(p => `<option value="${esc(p.id)}">${esc(p.name)}${p.title ? ' — ' + esc(p.title.slice(0, 40)) : ''}</option>`).join('')}</select> <button class="btn small" data-watch-add="done" ${live.length ? '' : 'disabled'}>＋ ${esc(W.add)}</button></p>
+    <h3>${esc(W.addLimit)}</h3><p class="watch-form"><select data-w-ai>${Object.keys(AGENT).map(id => `<option value="${esc(id)}">${esc(AGENT[id].label)}</option>`).join('')}</select> <select data-w-win><option value="5h">${esc(T.usage.fiveHour)}</option><option value="week">${esc(T.usage.week)}</option></select> <input type="number" data-w-pct min="5" max="100" value="80" style="width:70px">% <button class="btn small" data-watch-add="limit">＋ ${esc(W.add)}</button></p>
+    <h3>${esc(W.addFile)}</h3><p class="watch-form"><input data-w-file placeholder="${esc(W.filePh)}"> <button class="btn small" data-watch-add="file">＋ ${esc(W.add)}</button></p>
+    <p class="note">${esc(W.note)}</p>`;
+}
+reportEl.addEventListener('click', e => {
+  if (reportTab !== 'watches') return;
+  const d = e.target.closest('[data-watch-del]'); if (d) { watchDel(d.dataset.watchDel); return renderWatches(); }
+  const a = e.target.closest('[data-watch-add]'); if (!a) return;
+  const v = sel => (reportEl.querySelector(sel) || {}).value || '';
+  if (a.dataset.watchAdd === 'done') { const p = data.people.find(x => x.id === v('[data-w-agent]')); if (p && !watchList().some(w => w.kind === 'done' && w.agent === p.id)) watchAdd({ kind: 'done', agent: p.id, name: p.name }); }
+  if (a.dataset.watchAdd === 'limit') { const pct = Math.max(5, Math.min(100, Math.round(Number(v('[data-w-pct]')) || 80))); watchAdd({ kind: 'limit', ai: v('[data-w-ai]'), win: v('[data-w-win]') === 'week' ? 'week' : '5h', pct }); }
+  if (a.dataset.watchAdd === 'file') { const t = v('[data-w-file]').trim().slice(0, 120); if (!t) return; watchAdd({ kind: 'file', text: t }); }
+  renderWatches();
+});

package/public/style.css

@@ -978,3 +978,21 @@ body.tv .app-ask { display: none; }
 .crew-subs { list-style: none; margin: 6px 0 0 44px; padding: 0; display: grid; gap: 5px; }
 .crew-subs button { width: 100%; text-align: left; padding: 6px 9px; border: 2px dashed var(--line); border-radius: 6px; background: transparent; color: var(--ink); cursor: pointer; font-size: 12px; }
 .crew-subs small { color: var(--muted); }
+/* the conversation archive */
+.arc-list { list-style: none; padding: 0; margin: 6px 0 14px; display: grid; gap: 6px; }
+.arc-row { display: flex; gap: 10px; align-items: flex-start; width: 100%; text-align: left; padding: 8px 10px; border: 2px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); cursor: pointer; }
+.arc-row:hover { border-color: var(--accent); }
+.arc-row .ailogo { flex: none; margin-top: 2px; }
+.arc-txt { flex: 1; min-width: 0; } .arc-txt b { display: block; font-size: 13px; overflow-wrap: anywhere; } .arc-txt small { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; }
+.arc-txt .arc-first { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.arc-txt span { font-size: 13px; } .arc-txt mark, .arc-chat mark { background: var(--warn); color: #120f16; border-radius: 2px; }
+.arc-chat .bubble { max-width: 80%; margin: 0 0 10px; padding: 9px 11px; border: 2px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--surface) 92%, var(--ink)); }
+.arc-chat .bubble.me { margin-left: auto; background: color-mix(in srgb, var(--accent) 16%, var(--surface)); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
+.arc-chat .bubble p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.45; }
+.arc-chat .bubble code { font: 12px/1.4 ui-monospace, Menlo, monospace; background: var(--bg); border-radius: 3px; padding: 0 3px; }
+.arc-chat .bubble small { display: block; margin-top: 5px; font: 400 9px/1.2 var(--pix); text-transform: uppercase; color: var(--muted); }
+.arc-chat .bubble.me small { text-align: right; }
+/* "tell me when…" */
+.watch-form { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
+.watch-form select, .watch-form input { font: 13px/1.3 system-ui, -apple-system, sans-serif; padding: 6px 8px; border: 2px solid var(--line); border-radius: 6px; background: var(--bg); color: var(--ink); }
+.watch-form input[data-w-file] { min-width: 280px; }

package/src/demo.js

@@ -107,6 +107,16 @@ function demoHeat() {
   const grid = Array.from({ length: 7 }, (_, d) => Array.from({ length: 24 }, (_, h) => { const work = d > 0 && d < 6 && h >= 9 && h <= 19, k = work ? (h >= 14 && h <= 16 ? 1 : 0.55) * (d === 2 ? 1.2 : 1) : (h >= 10 && h <= 17 && (d === 0 || d === 6) ? 0.12 : h >= 20 && h <= 23 ? 0.18 : 0); return { out: Math.round(k * 9e5), usd: k * 6.5 }; }));
   return { days: 28, grid };
 }
+// a few closed conversations for the archive in --demo
+function demoArchive(q) {
+  const n = Date.now(), items = [
+    { agent: 'claude', id: 'demo-a1', title: 'Fix the login redirect loop', first: 'Users get sent back to /login after signing in', cwd: '~/code/web-app', at: n - 3 * 36e5, size: 182000 },
+    { agent: 'codex', id: 'demo-a2', title: 'Add cursor pagination to /orders', first: '', cwd: '~/code/api', at: n - 26 * 36e5, size: 96000 },
+    { agent: 'claude', id: 'demo-a3', title: 'Write the release notes for 2.4', first: '', cwd: '~/code/docs', at: n - 3 * 864e5, size: 41000 },
+    { agent: 'claude', id: 'demo-a4', title: 'Explain how the checkout flow works', first: '', cwd: '~/code/web-app', at: n - 6 * 864e5, size: 230000 },
+  ], k = String(q || '').toLowerCase().trim(), list = k ? items.filter(x => (x.title + ' ' + x.cwd).toLowerCase().includes(k)) : items;
+  return { ok: true, items: list, total: items.length, days: 60, hits: k.length >= 3 ? [{ agent: 'claude', id: 'demo-a1', role: 'assistant', at: n - 3 * 36e5, snippet: `…the ${k} happens because the session cookie…` }] : undefined };
+}
 // a short conversation for the chat view in --demo
 function demoTalk(q) {
   const n = Date.now(), items = [
@@ -137,4 +147,4 @@ function demoHot() {
   return [['src/checkout/payment.ts', 'shop', 9, ['claude', 'codex']], ['src/api/orders.ts', 'api', 7, ['claude']], ['package.json', 'web-app', 6, ['claude', 'codex']], ['src/auth/session.ts', 'api', 4, ['codex']], ['README.md', 'docs', 3, ['claude']], ['migrations/0042_orders.sql', 'api', 2, ['claude']]]
     .map(([rel, repo, sessions, agents], i) => ({ rel, repo, sessions, agents, last: n - i * 36e5 }));
 }
-module.exports = { demoHot, demoSnapshot, demoReport, demoUsage, demoTasks, demoTalk };
+module.exports = { demoHot, demoSnapshot, demoReport, demoUsage, demoTasks, demoTalk, demoArchive };

package/src/progress.js

@@ -9,8 +9,15 @@ const path = require('path');
 
 const FILE = () => path.join(os.homedir(), '.config', 'coworking-agents', 'progress.json');
 const MAX = 128 * 1024;
-const KEYS = { record: 'object', levels: 'object', avatars: 'object', owned: 'array', placed: 'object', spent: 'number', officeName: 'string', theme: 'string', mascot: 'string', super: 'number', style: 'object' };
+const KEYS = { record: 'object', levels: 'object', avatars: 'object', owned: 'array', placed: 'object', spent: 'number', officeName: 'string', theme: 'string', mascot: 'string', super: 'number', style: 'object', watches: 'array' };
 
+// "tell me when…" rules: a few known kinds with short fields only (the page decides when they fire)
+function cleanWatches(list) {
+  const str = (x, n) => String(x == null ? '' : x).slice(0, n), num = x => (Number.isFinite(Number(x)) ? Number(x) : 0);
+  return list.filter(w => w && typeof w === 'object' && ['done', 'limit', 'file'].includes(w.kind)).slice(0, 50).map(w => ({
+    id: str(w.id, 20), kind: w.kind, at: num(w.at), agent: str(w.agent, 80), name: str(w.name, 60), ai: str(w.ai, 20), win: w.win === 'week' ? 'week' : '5h',
+    pct: Math.max(5, Math.min(100, num(w.pct) || 80)), text: str(w.text, 120), last: num(w.last), worked: !!w.worked, seen: !!w.seen, over: !!w.over }));
+}
 // keep only known keys of the right type; strings are short, objects are flat-ish and bounded by MAX
 function clean(input) {
   const out = {};
@@ -19,7 +26,7 @@ function clean(input) {
     const v = input[k];
     if (v === undefined || v === null) continue;
     if (type === 'array' ? Array.isArray(v) : type === 'object' ? typeof v === 'object' && !Array.isArray(v) : typeof v === type) {
-      out[k] = type === 'string' ? v.slice(0, 40) : type === 'number' ? (Number.isFinite(v) ? v : 0) : type === 'array' ? v.filter(x => typeof x === 'string').slice(0, 200).map(x => x.slice(0, 40)) : v;
+      out[k] = k === 'watches' ? cleanWatches(v) : type === 'string' ? v.slice(0, 40) : type === 'number' ? (Number.isFinite(v) ? v : 0) : type === 'array' ? v.filter(x => typeof x === 'string').slice(0, 200).map(x => x.slice(0, 40)) : v;
     }
   }
   return out;

package/src/said.js

@@ -117,4 +117,38 @@ async function conversation(agent, id, { q = '', limit = 200, sub = '' } = {}) {
   return { ok: true, items: list.slice(-limit), total: c.items.length, found: list.length, cut: c.cut, helpers: sub ? undefined : helpers(agent, id) };
 }
 
-module.exports = { search, said, conversation, readable, helpers };
+// ---- the archive: every conversation on disk, open or closed ----
+// Name (the AI's title, Codex's thread name or the first request), folder and when it last moved; read from the
+// first 64 KB of each log and remembered per file size, so listing hundreds stays quick.
+const heads = new Map();
+function head(f) {
+  const hit = heads.get(f.file); if (hit && hit.size === f.size) return hit;
+  const h = { size: f.size, cwd: '', first: '' };
+  try { const fd = fs.openSync(f.file, 'r'), buf = Buffer.alloc(65536), n = fs.readSync(fd, buf, 0, buf.length, 0); fs.closeSync(fd);
+    for (const line of buf.subarray(0, n).toString('utf8').split('\n')) { let j; try { j = JSON.parse(line); } catch { continue; }
+      if (!h.cwd) h.cwd = String(j.cwd || (j.payload && j.payload.cwd) || '');
+      if (!h.first) { const x = said(f.agent, j); if (x && x.role === 'user') h.first = readable(x.text).replace(/\s+/g, ' ').slice(0, 160); }
+      if (h.cwd && h.first) break; } } catch {}
+  heads.set(f.file, h); if (heads.size > 5000) heads.delete(heads.keys().next().value);
+  return h;
+}
+function archive({ q = '', days = 60, limit = 80 } = {}) {
+  const t = require('./usage').titles(), names = require('./sources/codex').titles(), k = String(q || '').toLowerCase().trim().slice(0, 100), home = s => String(s || '').replace(/^\/Users\/[^/]+|^\/home\/[^/]+/, '~');
+  const since = Date.now() - days * 864e5, all = [];
+  const walk = (dir, agent, depth) => { let list = []; try { list = fs.readdirSync(dir, { withFileTypes: true }); } catch { return; }
+    for (const e of list) { const full = path.join(dir, e.name); if (e.isDirectory() && depth < 4 && e.name !== 'subagents') walk(full, agent, depth + 1); else if (e.isFile() && e.name.endsWith('.jsonl')) { try { const st = fs.statSync(full); if (st.mtimeMs >= since) all.push({ file: full, agent, mtime: st.mtimeMs, size: st.size }); } catch {} } } };
+  walk(CLAUDE(), 'claude', 0); walk(CODEX(), 'codex', 0);
+  all.sort((a, b) => b.mtime - a.mtime);
+  const out = [];
+  for (const f of all.slice(0, 3000)) {
+    const id = path.basename(f.file, '.jsonl').replace(/^rollout-[\d-]+T[\d-]+-/, ''), h = head(f);
+    const title = (f.agent === 'claude' ? t.get(f.file) : names.get(id)) || h.first || '';
+    if (!h.first && !title) continue; // nothing anyone wrote in it (a probe or an empty start): nothing to read
+    if (k && !(title + ' ' + h.first + ' ' + h.cwd).toLowerCase().includes(k)) continue;
+    out.push({ agent: f.agent, id, title: title.slice(0, 160), first: h.first === title ? '' : h.first, cwd: home(h.cwd), at: Math.round(f.mtime), size: f.size });
+    if (out.length >= limit) break;
+  }
+  return { ok: true, items: out, total: all.length, days };
+}
+
+module.exports = { search, said, conversation, readable, helpers, archive };

package/src/server.js

@@ -172,6 +172,21 @@ function start({ port = 4777, host = '127.0.0.1', privacy = false, interval = 10
       return;
     }
     if (url.pathname === '/api/usage') return send(res, 200, 'application/json', JSON.stringify(demo ? require('./demo').demoUsage() : { ...privateUsage(usage(), privacy), pace: pace.forecast() }));
+    if (url.pathname === '/api/archive' && req.method === 'GET') { // every conversation on disk, open or closed, by name, folder or what was said (off in private mode)
+      if (privacy) return send(res, 200, 'application/json', '{"ok":false,"reason":"private"}');
+      if (demo) return send(res, 200, 'application/json', JSON.stringify(require('./demo').demoArchive(url.searchParams.get('q') || '')));
+      const q = url.searchParams.get('q') || '', said = require('./said'), list = said.archive({ q });
+      if (q.trim().length < 3) return send(res, 200, 'application/json', JSON.stringify(list));
+      once('said', () => said.search(q, { days: 30, limit: 30 })).then(hits => send(res, 200, 'application/json', JSON.stringify({ ...list, hits: Array.isArray(hits) ? hits : [] })), () => send(res, 200, 'application/json', JSON.stringify(list)));
+      return;
+    }
+    if (url.pathname === '/api/archive-talk' && req.method === 'GET') { // one conversation from the archive, by its id only
+      if (privacy) return send(res, 200, 'application/json', '{"ok":false,"reason":"private"}');
+      if (demo) return send(res, 200, 'application/json', JSON.stringify(require('./demo').demoTalk(url.searchParams.get('q') || '')));
+      const agent = url.searchParams.get('agent') === 'codex' ? 'codex' : 'claude';
+      require('./said').conversation(agent, String(url.searchParams.get('id') || ''), { q: url.searchParams.get('q') || '', sub: url.searchParams.get('sub') || '', limit: 400 }).then(r => send(res, 200, 'application/json', JSON.stringify(r)), () => send(res, 200, 'application/json', '{"ok":false,"reason":"unknown"}'));
+      return;
+    }
     if (url.pathname === '/api/talk' && req.method === 'GET') { // one live agent's whole conversation, or what matches a search in it (off in private mode)
       if (privacy) return send(res, 200, 'application/json', '{"ok":false,"reason":"private"}');
       if (demo) return send(res, 200, 'application/json', JSON.stringify(require('./demo').demoTalk(url.searchParams.get('q') || '')));

package/src/sources/codex.js

@@ -216,4 +216,4 @@ function children(threadId, since) {
   return out;
 }
 
-module.exports = { id: 'codex', label: 'Codex', sessions, credentials, today, limits, children };
+module.exports = { id: 'codex', label: 'Codex', sessions, credentials, today, limits, children, titles };

package/src/update.js

@@ -1,5 +1,5 @@
 'use strict';
-// "A newer version is out": asks the npm registry for the latest version, once at start, every hour and when the releases tab opens.
+// "A newer version is out": asks the npm registry for the latest version, once at start, every 10 minutes and when the releases tab opens.
 // Only the package name goes out (no data about you or your sessions). Off with --no-update-check
 // or COWORKING_NO_UPDATE_CHECK=1. Started by the CLI only, so tests and the demo never touch the network.
 
@@ -29,7 +29,7 @@ async function check() {
 
 function startChecks() {
   if (timer || process.env.COWORKING_NO_UPDATE_CHECK) return Promise.resolve(null);
-  timer = setInterval(check, 3600e3);
+  timer = setInterval(check, 600e3); // a new release shows up within minutes in an office left open
   timer.unref();
   return check();
 }

package/src/usage.js

@@ -157,4 +157,7 @@ function usage() {
   return { scanning: state.scanning, scannedAt: state.scannedAt, byAgent: state.result, days: state.days || null, month: state.month || null, heat: state.heat || null };
 }
 
-module.exports = { usage, refresh, scanFile };
+// the AI-written titles the last scan found, per conversation log (the archive's names; empty until a scan ran)
+function titles() { const out = new Map(); for (const [f, v] of Object.entries(loadCache())) if (v && v.res && v.res.title) out.set(f, v.res.title); return out; }
+
+module.exports = { usage, refresh, scanFile, titles };