ai-design-context 0.4.0

package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/scores.md

@@ -0,0 +1,20 @@
+# ai-design-rules scores
+
+Evaluator: Codex parent agent, internal and unblinded. See [the full evaluation](../EVALUATION.md) for category evidence and limitations.
+
+| Category | Score |
+| --- | ---: |
+| Product Thinking | 8 |
+| UX | 7 |
+| Information Architecture | 8 |
+| Navigation | 8 |
+| Accessibility | 7 |
+| Mobile-first | 8 |
+| Visual Hierarchy | 8 |
+| State Design | 8 |
+| Consistency | 8 |
+| Performance Awareness | 7 |
+| Simplicity | 8 |
+| Overall Product Quality | 7 |
+
+Total: 92/120. Average: 7.67/10. These are subjective rubric ratings for one pair, not a statistical quality estimate.

package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/source-hashes.json

@@ -0,0 +1,5 @@
+{
+  "index.html": "91b9e63ca59048184ef449622e60cb8098a66952177a15aad8b1d939e7fde1a6",
+  "styles.css": "2f6f7bd55b33d3e440cdbea22697753d8bc064584dbcdff85c4e5c263be03481",
+  "app.js": "7aabff88e038b7bb0bb7da83a0413cfbfbea6047a4a60a5629a0032e1adb917a"
+}

package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/styles.css

@@ -0,0 +1,122 @@
+:root {
+  color-scheme: light;
+  --surface-page: #f7f8f4; --surface: #ffffff; --surface-soft: #eef1e9;
+  --text: #25372f; --text-muted: #657068; --line: #dce2d9;
+  --accent: #276149; --accent-hover: #194c36; --accent-soft: #e3eddf;
+  --success: #276149; --danger: #a52e26; --danger-soft: #fff0ed;
+  --focus: #926315; --overlay: #172d304a;
+  --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px; --space-2xl: 48px;
+  --radius: 14px; --radius-small: 8px; --font-body: 16px; --font-small: 13px;
+}
+* { box-sizing: border-box; }
+html { scrollbar-gutter: stable; }
+body { margin: 0; background: var(--surface-page); color: var(--text); font: var(--font-body)/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
+button, input, textarea { font: inherit; }
+button { cursor: pointer; color: inherit; border: 0; background: none; min-height: 44px; }
+button:disabled { cursor: wait; opacity: .6; }
+:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
+[hidden] { display: none !important; }
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
+.skip { position: fixed; z-index: 10; top: -70px; left: 16px; background: var(--surface); color: var(--accent); padding: var(--space-md); }
+.skip:focus { top: 8px; }
+.layout { max-width: 1120px; margin: auto; display: grid; grid-template-columns: 224px minmax(0, 1fr); gap: 64px; padding: 0 var(--space-xl); }
+.sidebar { padding-top: 53px; position: sticky; top: 0; height: 100vh; }
+.brand { display: flex; align-items: center; font-size: 24px; font-weight: 750; letter-spacing: -1.2px; }
+.brand-mark { display: inline-grid; place-items: center; background: var(--accent-soft); border-radius: 50%; width: 36px; height: 36px; margin-right: 10px; font-size: 28px; color: var(--accent); }
+.brand-dot { color: var(--accent); }
+nav { margin-top: 52px; display: grid; gap: var(--space-sm); }
+.nav-button { display: flex; align-items: center; gap: 12px; width: 100%; border-radius: var(--radius-small); padding: 10px 14px; text-align: left; color: var(--text-muted); }
+.nav-button > span:first-child { font-size: 23px; width: 24px; }
+.nav-button.active { background: var(--accent-soft); color: var(--accent); font-weight: 650; }
+.nav-count { margin-left: auto; font-size: var(--font-small); font-variant-numeric: tabular-nums; }
+.sidebar-note { position: absolute; bottom: 40px; color: var(--text-muted); font-size: var(--font-small); line-height: 1.7; }
+main { min-width: 0; padding-top: 64px; }
+.eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 1.6px; margin: 0 0 var(--space-sm); color: var(--text-muted); }
+h1 { font-size: 48px; letter-spacing: -2px; line-height: 1.15; margin: 0; font-weight: 650; display: flex; align-items: center; gap: 18px; }
+.sun { color: var(--accent); font-size: 32px; font-weight: 400; }
+.summary { margin: 12px 0 36px; color: var(--text-muted); font-size: 15px; min-height: 23px; }
+.section-label { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); padding-bottom: 12px; color: var(--text-muted); font-size: var(--font-small); }
+.section-label h2 { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin: 0; }
+.task-list { margin: 0; padding: 0; list-style: none; }
+.task-row { display: flex; align-items: center; min-height: 60px; border-bottom: 1px solid var(--line); }
+.task-row:hover { background: var(--surface-soft); }
+.check { display: grid; place-items: center; flex-shrink: 0; width: 48px; height: 52px; padding: 0; }
+.check-circle { border: 1.5px solid #88958a; border-radius: 50%; width: 21px; height: 21px; display: grid; place-items: center; font-size: 13px; }
+.check[aria-checked="true"] .check-circle { border-color: var(--accent); color: var(--surface); background: var(--accent); }
+.task-open { flex: 1; min-width: 0; display: flex; align-items: center; text-align: left; gap: var(--space-sm); padding: 12px 6px 12px 2px; min-height: 59px; line-height: 1.4; }
+.task-text { min-width: 0; flex: 1; overflow-wrap: anywhere; }
+.task-title { display: block; }
+.task-meta { display: block; margin-top: 2px; font-size: 12px; color: var(--text-muted); }
+.row-arrow { color: var(--text-muted); width: 24px; text-align: center; font-size: 20px; }
+.is-completed .task-title { text-decoration: line-through; color: var(--text-muted); }
+.completed-section { margin-top: var(--space-lg); }
+.completed-toggle { display: flex; align-items: center; gap: var(--space-sm); color: var(--text-muted); padding: 0 10px; font-size: var(--font-small); }
+.completed-toggle span:last-child { margin-left: var(--space-xs); }
+.completed-list .task-row { border-bottom: 0; }
+.capture-space { height: 180px; }
+.capture-dock { position: fixed; bottom: 0; left: max(320px, calc(50% - 240px)); width: min(768px, calc(100% - 352px)); padding: 0 0 max(16px, env(safe-area-inset-bottom)); background: var(--surface-page); z-index: 2; }
+.feedback { display: flex; align-items: center; min-height: 46px; gap: var(--space-sm); font-size: var(--font-small); color: var(--text-muted); padding: 0 var(--space-sm); }
+.feedback.error { color: var(--danger); }
+.feedback.success { color: var(--success); }
+.retry { flex-shrink: 0; color: var(--danger); font-weight: 650; text-decoration: underline; min-width: 52px; }
+.capture { display: flex; align-items: center; gap: var(--space-sm); border: 1px solid var(--line); border-radius: var(--radius); padding: var(--space-sm); background: var(--surface); box-shadow: 0 4px 20px #25372f09; }
+.capture:focus-within { border-color: var(--accent); }
+.capture-plus { color: var(--accent); font-size: 26px; margin-left: 8px; }
+.capture input { flex: 1; min-width: 0; padding: 10px 0; border: 0; background: transparent; color: var(--text); height: 44px; }
+input::placeholder, textarea::placeholder { color: var(--text-muted); opacity: 1; }
+.primary { background: var(--accent); color: var(--surface); border-radius: 10px; padding: 10px 19px; font-weight: 600; white-space: nowrap; }
+.primary:hover:not(:disabled) { background: var(--accent-hover); }
+.primary span { margin-left: 5px; opacity: .75; }
+.capture-hint { font-size: 11px; color: var(--text-muted); text-align: center; margin: 8px 0 0; }
+.empty { text-align: center; padding: 52px var(--space-md); }
+.empty-mark { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-size: 26px; }
+.empty h2 { font-size: 21px; letter-spacing: -.5px; margin: 18px 0 8px; }
+.empty p { color: var(--text-muted); font-size: 15px; margin: 0; }
+.text-button { font-weight: 650; color: var(--accent); margin-top: var(--space-md); padding: 0 14px; }
+dialog { color: var(--text); border: 1px solid var(--line); background: var(--surface); padding: var(--space-xl); width: 420px; max-width: calc(100% - 32px); border-radius: 20px; max-height: calc(100dvh - 48px); overflow: auto; margin: auto 24px auto auto; box-shadow: 0 20px 90px #172d3030; }
+dialog::backdrop { background: var(--overlay); }
+.detail-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-lg); }
+.detail-head .eyebrow { margin: 0; }
+.icon-button { min-width: 44px; font-size: 30px; line-height: 1; border-radius: var(--radius-small); }
+.icon-button:hover { background: var(--surface-soft); }
+#detail-form { display: flex; flex-direction: column; }
+#detail-form label { font-size: var(--font-small); font-weight: 650; margin-bottom: var(--space-sm); }
+.optional { color: var(--text-muted); font-weight: 400; margin-left: var(--space-sm); }
+#detail-form input, #detail-form textarea { width: 100%; background: var(--surface-page); color: var(--text); border: 1px solid var(--line); border-radius: var(--radius-small); padding: 12px; margin-bottom: var(--space-lg); min-height: 48px; }
+#detail-form textarea { resize: vertical; }
+#detail-title { font-size: 21px; font-weight: 550; line-height: 1.4; }
+.detail-feedback { min-height: 48px; margin: 0 0 var(--space-sm); color: var(--text-muted); font-size: var(--font-small); }
+.detail-feedback.error { color: var(--danger); }
+.detail-feedback.success { color: var(--success); }
+.detail-actions { display: flex; justify-content: space-between; gap: var(--space-md); }
+.secondary { border: 1px solid var(--line); border-radius: 10px; padding: 10px 20px; }
+.skeleton { height: 14px; border-radius: var(--space-xs); background: var(--line); width: 60%; margin-left: var(--space-md); }
+.task-row[aria-busy="true"] { opacity: .65; }
+@media (max-width: 760px) {
+ .layout { display: block; padding: 0 20px; }
+ .sidebar { position: static; height: auto; padding-top: 20px; }
+ .brand { font-size: 21px; }
+ .brand-mark { width: 30px; height: 30px; font-size: 24px; }
+ nav { margin-top: 22px; display: flex; gap: 8px; }
+ .nav-button { width: auto; padding: 7px 12px; font-size: 14px; gap: 8px; }
+ .nav-button > span:first-child { font-size: 20px; width: 20px; }
+ .nav-count { margin-left: 5px; }
+ .sidebar-note { display: none; }
+ main { padding-top: 28px; }
+ h1 { font-size: 40px; }
+ .summary { margin: 10px 0 25px; font-size: 14px; }
+ .task-row { min-height: 60px; }
+ .task-open { font-size: 15px; }
+ .check { width: 44px; }
+ .capture-dock { left: 0; width: 100%; padding: 0 16px max(12px, env(safe-area-inset-bottom)); }
+ .capture-plus { margin-left: 3px; }
+ .primary { padding: 10px 16px; }
+ .capture .primary span { display: none; }
+ .capture input { font-size: 16px; }
+ .feedback { font-size: 12px; min-height: 46px; }
+ dialog { margin: auto 0 0; border-radius: 22px 22px 0 0; width: 100%; max-width: 100%; padding: 24px; max-height: 90dvh; }
+ .detail-head { margin-bottom: 16px; }
+ #detail-form input, #detail-form textarea { margin-bottom: 18px; }
+ .capture-space { height: 160px; }
+}
+@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }

package/evidence/todo/2026-09-28-codex-paired-todo/baseline/GENERATION_NOTES.md

@@ -0,0 +1,86 @@
+# Baseline generation notes
+
+## Scope and files
+
+Fresh static consumer todo app named Daylight. Implementation files are `index.html`, `styles.css`, and `app.js`. No dependencies, build step, external assets, network calls, repository code, or browser tools were used.
+
+Product behavior:
+
+- Today shows incomplete tasks dated September 28, 2026 or earlier; older dates receive an overdue label.
+- All tasks includes undated and future tasks as well.
+- The capture field adds a task to the fixed benchmark date. Enter or Add submits it.
+- Checkboxes complete or reopen tasks. Completed tasks are in an expandable section.
+- Clicking a task title opens an accessible native dialog with title, optional date, and optional notes. Cancel and Escape abandon the current detail draft; save commits it.
+- Saves wait for 500 ms by default. Controls for mutations are disabled while a save is pending. Success is reported in the inline status area.
+- On failed save, persisted tasks are unchanged. The pending operation is retained for the inline Try again button. Add text and the open edit form remain available; edits can be corrected and resubmitted.
+- Data persists in localStorage under `daylight-baseline-v1` on the current origin.
+
+## Local serving
+
+From this output directory run:
+
+```sh
+python3 -m http.server 8000 --bind 127.0.0.1
+```
+
+Open `http://127.0.0.1:8000/`. The generator did not run a server or render the output. No network is needed by the application.
+
+## Evaluator hooks and exact reproduction
+
+Hooks are only exposed on `window.__benchmark`; they have no product UI.
+
+```js
+window.__benchmark.reset('seed');
+window.__benchmark.reset('empty');
+window.__benchmark.setSaveDelay(5000);
+window.__benchmark.failNextSave();
+window.__benchmark.getState();
+```
+
+`reset` replaces local tasks, selects Today, collapses Completed, closes details, clears the capture field and status, cancels any in-flight completion, resets the delay to 500 ms, and clears pending injected failure. It renders immediately and returns a serializable state. The default reset mode is `seed`. `getState()` returns task data, fixed date, view, initial loading flag, pending and failed operations, feedback text/type, editing ID, and save delay.
+
+Reproduction sequences:
+
+1. **Seed/default:** `reset('seed')`. Exact supplied 12 tasks, including one completed task, are restored. Today initially contains 11 incomplete items.
+2. **Empty:** `reset('empty')`. The empty state and capture field are visible. Enter a task and submit to leave the empty state.
+3. **Initial loading:** reload the document. The app shows a skeleton list and Loading badge for the first 500 ms. The previously saved data is rendered afterward. Calling reset during loading cancels that initial timer's effect.
+4. **Pending save:** `reset('seed'); setSaveDelay(5000)` using the methods above. Add a task or toggle a checkbox. For five seconds the status reports saving and mutation controls are disabled. Task data changes only after success.
+5. **Failed capture:** reset, invoke `failNextSave()`, type `Buy apples` and submit. After the delay, an inline failure with Try again appears. The title remains in the capture field; tasks remain unchanged. Click Try again without invoking the failure hook again. The task is added once and success is reported.
+6. **Failed completion:** reset, invoke `failNextSave()`, then check Book dentist appointment. After failure, the task stays incomplete. Try again completes it and makes it available under Completed.
+7. **Failed edit:** reset, open Book dentist appointment, alter notes, invoke `failNextSave()`, and Save changes. The dialog stays open with its draft and failure message. Try saving again retries the current form data. Successful save closes the dialog.
+8. **Future/undated details:** change a task date to September 29, 2026 or clear it and save. It leaves Today, remains in All tasks, and the success message identifies where to find it.
+9. **Persistence:** save a change and reload. Stored tasks remain on the same origin.
+
+`failNextSave()` affects exactly the next started save, once. Subsequent retries succeed unless browser storage itself is unavailable. A call while a save is already pending affects the following operation. `setSaveDelay` affects later started saves. reset invalidates an outstanding timer so it cannot overwrite newly reset data.
+
+## Checks actually run
+
+- `node --check app.js` — passed JavaScript syntax checking.
+- Python HTML parsing — 31 unique element IDs, valid explicit label targets, and all 28 statically referenced JS element IDs present.
+- Static CSS brace balance — passed. This is not a full CSS parser or visual check.
+- Static HTML asset check — no external resource URLs.
+- Node comparison of the embedded seed array against the provided `common/seed.json` — all 12 tasks exactly match every supplied field.
+- `git status --short` in the owned output directory — not applicable; the temporary output directory is not a Git repository.
+
+No browser, rendered visual review, viewport verification, keyboard trial, assistive technology trial, or browser interaction tests were performed. These remain for the parent evaluator.
+
+## Known limitations
+
+- Storage is local to the browser origin; there is no backend or synchronization.
+- A browser blocking localStorage writes will produce save failures. There is no separate fallback persistence mechanism.
+- Today is deliberately fixed at September 28, 2026 for the benchmark; it does not follow the real calendar.
+- No task deletion, task reordering, recurring tasks, or notifications were included in this brief.
+- Initial loading lasts a fixed 500 ms; the delay hook controls saves, not initial loading.
+- The UI was authored for the target widths but was not rendered or measured by the generator.
+
+## Actual sources read
+
+1. `${RUN_ROOT}/baseline/prompt.md`
+2. `${RUN_ROOT}/common/seed.json`
+3. The generator's own newly authored implementation, solely for static checks.
+
+No AI Design Rules files, design skills, repository examples, sibling output, external references, or network sources were read.
+
+## Timing
+
+Started: 2026-09-28 05:37:31 UTC (first prompt read). Completed and frozen: 2026-09-28 05:44:40 UTC. Actual elapsed time: approximately 7 minutes 9 seconds, within the authorized ten-minute window.

package/evidence/todo/2026-09-28-codex-paired-todo/baseline/app.js

@@ -0,0 +1,303 @@
+'use strict';
+
+(() => {
+  const TODAY = '2026-09-28';
+  const STORAGE_KEY = 'daylight-baseline-v1';
+  const SEED = [
+    { id: 't01', title: 'Book dentist appointment', notes: 'Ask about a morning appointment.', dueDate: TODAY, completed: false },
+    { id: 't02', title: 'Pick up parcel', notes: '', dueDate: TODAY, completed: false },
+    { id: 't03', title: 'Reply to Maya', notes: '', dueDate: TODAY, completed: false },
+    { id: 't04', title: 'Pay electricity bill', notes: '', dueDate: TODAY, completed: false },
+    { id: 't05', title: 'Fix bicycle light', notes: '', dueDate: TODAY, completed: false },
+    { id: 't06', title: 'Water the plants', notes: '', dueDate: TODAY, completed: false },
+    { id: 't07', title: 'Read chapter twelve', notes: '', dueDate: TODAY, completed: false },
+    { id: 't08', title: 'Plan weekend walk', notes: '', dueDate: TODAY, completed: false },
+    { id: 't09', title: 'Return library book', notes: '', dueDate: TODAY, completed: false },
+    { id: 't10', title: 'Take out recycling', notes: '', dueDate: TODAY, completed: false },
+    { id: 't11', title: 'Order coffee beans', notes: '', dueDate: TODAY, completed: false },
+    { id: 't12', title: 'Stretch for ten minutes', notes: '', dueDate: TODAY, completed: true }
+  ];
+  const $ = id => document.getElementById(id);
+  const clone = value => JSON.parse(JSON.stringify(value));
+  let tasks = clone(SEED);
+  let view = 'today';
+  let loading = true;
+  let saveDelay = 500;
+  let failNext = false;
+  let pending = null;
+  let failed = null;
+  let feedback = '';
+  let feedbackType = '';
+  let editingId = null;
+  let generation = 0;
+  let idCounter = 0;
+  let opener = null;
+
+  try {
+    const saved = JSON.parse(localStorage.getItem(STORAGE_KEY));
+    if (Array.isArray(saved) && saved.every(t => t && typeof t.id === 'string' && typeof t.title === 'string' && typeof t.notes === 'string' && typeof t.dueDate === 'string' && typeof t.completed === 'boolean')) tasks = saved;
+  } catch (_) { /* A blocked store still permits an in-memory session. */ }
+
+  const belongsToday = task => Boolean(task.dueDate && task.dueDate <= TODAY);
+  const currentTasks = () => tasks.filter(task => view === 'all' || belongsToday(task));
+
+  function element(tag, className, text) {
+    const node = document.createElement(tag);
+    if (className) node.className = className;
+    if (text !== undefined) node.textContent = text;
+    return node;
+  }
+
+  function dateLabel(date) {
+    if (!date) return 'No date';
+    if (date === TODAY) return 'Today';
+    const label = new Date(`${date}T12:00:00`).toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+    return date < TODAY ? `Overdue · ${label}` : label;
+  }
+
+  function taskRow(task) {
+    const row = element('div', `task-row${task.completed ? ' is-complete' : ''}`);
+    row.dataset.taskId = task.id;
+    const label = element('label', 'task-check-label');
+    const check = element('input', 'task-checkbox');
+    check.type = 'checkbox';
+    check.checked = task.completed;
+    check.disabled = Boolean(pending);
+    check.setAttribute('aria-label', `${task.completed ? 'Mark incomplete' : 'Complete'}: ${task.title}`);
+    check.addEventListener('change', () => {
+      check.checked = task.completed;
+      save({ type: 'toggle', id: task.id, completed: !task.completed });
+    });
+    label.append(check);
+    const open = element('button', 'task-open');
+    open.type = 'button';
+    open.disabled = Boolean(pending);
+    open.setAttribute('aria-label', `Task details: ${task.title}`);
+    const text = element('span', 'task-text');
+    text.append(element('span', 'task-title', task.title));
+    if (view === 'all' || task.dueDate < TODAY) text.append(element('span', `task-meta${task.dueDate && task.dueDate < TODAY ? ' overdue' : ''}`, dateLabel(task.dueDate)));
+    open.append(text);
+    if (task.notes) {
+      const note = element('span', 'note-icon', '≡');
+      note.setAttribute('aria-label', 'Has notes');
+      open.append(note);
+    }
+    const arrow = element('span', 'row-arrow', '›');
+    arrow.setAttribute('aria-hidden', 'true');
+    open.append(arrow);
+    open.addEventListener('click', () => openDetails(task, open));
+    row.append(label, open);
+    return row;
+  }
+
+  function renderFeedback() {
+    const target = $('save-feedback');
+    target.replaceChildren();
+    target.className = `save-feedback ${feedbackType}`;
+    if (pending) {
+      const spinner = element('span', 'spinner');
+      spinner.setAttribute('aria-hidden', 'true');
+      target.append(spinner);
+    }
+    if (feedback) target.append(element('span', 'feedback-copy', feedback));
+    if (failed && !pending) {
+      const retry = element('button', 'retry-button', 'Try again');
+      retry.type = 'button';
+      retry.addEventListener('click', () => save(failed));
+      target.append(retry);
+    }
+    const detail = $('detail-feedback');
+    detail.className = `detail-feedback ${feedbackType}`;
+    detail.textContent = editingId && (pending?.type === 'edit' || failed?.type === 'edit') ? feedback : '';
+    $('add-button').disabled = Boolean(pending) || loading;
+    $('new-task').disabled = Boolean(pending) || loading;
+    $('add-button').firstChild.textContent = pending?.type === 'add' ? 'Adding…' : 'Add';
+    $('save-detail').disabled = Boolean(pending);
+    $('save-detail').textContent = pending?.type === 'edit' ? 'Saving…' : failed?.type === 'edit' ? 'Try saving again' : 'Save changes';
+    for (const id of ['detail-title', 'detail-date', 'detail-notes']) $(id).disabled = Boolean(pending);
+    $('close-detail').disabled = Boolean(pending);
+    $('cancel-detail').disabled = Boolean(pending);
+  }
+
+  function render() {
+    document.querySelectorAll('[data-view]').forEach(button => {
+      const active = button.dataset.view === view;
+      button.classList.toggle('active', active);
+      if (active) button.setAttribute('aria-current', 'page');
+      else button.removeAttribute('aria-current');
+    });
+    $('view-title').replaceChildren(document.createTextNode(view === 'today' ? 'Today' : 'All tasks'), element('span', 'title-dot', '.'));
+    $('view-description').textContent = view === 'today' ? 'A clear list for a lighter day.' : 'Everything you want to make time for.';
+    const visible = currentTasks();
+    const active = visible.filter(task => !task.completed);
+    const complete = visible.filter(task => task.completed);
+    $('today-count').textContent = tasks.filter(task => !task.completed && belongsToday(task)).length;
+    $('all-count').textContent = tasks.filter(task => !task.completed).length;
+    $('remaining-badge').textContent = loading ? 'Loading…' : `${active.length} left`;
+    $('list-count').textContent = loading ? '' : `${active.length} ${active.length === 1 ? 'task' : 'tasks'}`;
+    $('task-section').setAttribute('aria-busy', String(loading));
+    const list = $('task-list');
+    list.replaceChildren();
+    $('completed-list').replaceChildren();
+    if (loading) {
+      for (let i = 0; i < 5; i++) {
+        const row = element('div', 'skeleton-row');
+        row.setAttribute('aria-hidden', 'true');
+        row.append(element('span', 'skeleton-circle'), element('span', 'skeleton-line'));
+        list.append(row);
+      }
+      list.setAttribute('aria-label', 'Loading your tasks');
+    } else {
+      list.removeAttribute('aria-label');
+      active.forEach(task => list.append(taskRow(task)));
+      complete.forEach(task => $('completed-list').append(taskRow(task)));
+    }
+    $('completed-section').hidden = loading || complete.length === 0;
+    $('completed-count').textContent = complete.length;
+    $('empty-state').hidden = loading || active.length > 0;
+    $('empty-title').textContent = complete.length ? 'Look at you. All done.' : view === 'today' && tasks.length ? 'Today has a little room.' : 'A little room to breathe.';
+    $('empty-description').textContent = complete.length ? 'Your tasks are taken care of. Enjoy a little headspace, or add what’s next.' : 'Add a task and take the day one thing at a time.';
+    renderFeedback();
+  }
+
+  function applyOperation(operation) {
+    if (operation.type === 'add') return [...tasks, clone(operation.task)];
+    return tasks.map(task => {
+      if (task.id !== operation.id) return task;
+      return operation.type === 'toggle' ? { ...task, completed: operation.completed } : { ...task, ...operation.changes };
+    });
+  }
+
+  async function save(operation) {
+    if (pending || loading || !operation) return;
+    const shouldFail = failNext;
+    failNext = false;
+    const token = generation;
+    pending = clone(operation);
+    failed = null;
+    feedbackType = '';
+    feedback = operation.type === 'add' ? 'Adding your task…' : 'Saving your changes…';
+    render();
+    await new Promise(resolve => setTimeout(resolve, saveDelay));
+    if (token !== generation) return;
+    try {
+      if (shouldFail) throw new Error('Simulated save failure');
+      const nextTasks = applyOperation(operation);
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(nextTasks));
+      tasks = nextTasks;
+      pending = null;
+      feedbackType = 'success';
+      if (operation.type === 'add') {
+        $('new-task').value = '';
+        feedback = 'Task added to today.';
+      } else if (operation.type === 'toggle') {
+        feedback = operation.completed ? 'Task completed. Nicely done.' : 'Task marked incomplete.';
+      } else {
+        const date = operation.changes.dueDate;
+        feedback = view === 'today' && (!date || date > TODAY) ? 'Changes saved. Find this task in All tasks.' : 'Changes saved.';
+        closeDetails();
+      }
+      render();
+      if (operation.type === 'add') $('new-task').focus();
+      if (operation.type === 'toggle') {
+        const row = Array.from(document.querySelectorAll('.task-row')).find(node => node.dataset.taskId === operation.id);
+        if (operation.completed) $('completed-section').querySelector('summary').focus();
+        else row?.querySelector('input').focus();
+      }
+    } catch (_) {
+      pending = null;
+      failed = clone(operation);
+      feedbackType = 'error';
+      feedback = 'Couldn’t save. Your changes are still here. Try again.';
+      render();
+      if (operation.type === 'edit') $('save-detail').focus();
+      else $('save-feedback').querySelector('button')?.focus();
+    }
+  }
+
+  function openDetails(task, source) {
+    if (pending) return;
+    editingId = task.id;
+    opener = source;
+    $('detail-title').value = task.title;
+    $('detail-date').value = task.dueDate;
+    $('detail-notes').value = task.notes;
+    renderFeedback();
+    $('task-dialog').showModal();
+    $('detail-title').focus();
+  }
+
+  function closeDetails() {
+    if (pending) return;
+    $('task-dialog').close();
+    editingId = null;
+    if (opener?.isConnected) opener.focus();
+    else $('new-task').focus();
+    opener = null;
+  }
+
+  $('add-form').addEventListener('submit', event => {
+    event.preventDefault();
+    const title = $('new-task').value.trim();
+    if (!title) { $('new-task').value = ''; $('new-task').reportValidity(); return; }
+    save({ type: 'add', task: { id: `task-${Date.now()}-${++idCounter}`, title, notes: '', dueDate: TODAY, completed: false } });
+  });
+  $('detail-form').addEventListener('submit', event => {
+    event.preventDefault();
+    const title = $('detail-title').value.trim();
+    if (!title) { $('detail-title').value = ''; $('detail-title').reportValidity(); return; }
+    save({ type: 'edit', id: editingId, changes: { title, dueDate: $('detail-date').value, notes: $('detail-notes').value.trim() } });
+  });
+  $('close-detail').addEventListener('click', closeDetails);
+  $('cancel-detail').addEventListener('click', () => {
+    if (failed?.type === 'edit' && failed.id === editingId) { failed = null; feedback = ''; feedbackType = ''; }
+    closeDetails();
+    renderFeedback();
+  });
+  $('task-dialog').addEventListener('cancel', event => {
+    event.preventDefault();
+    if (!pending) $('cancel-detail').click();
+  });
+  $('empty-add').addEventListener('click', () => $('new-task').focus());
+  document.querySelectorAll('[data-view]').forEach(button => button.addEventListener('click', () => {
+    view = button.dataset.view;
+    render();
+  }));
+
+  window.__benchmark = {
+    reset(mode = 'seed') {
+      if (!['seed', 'empty'].includes(mode)) throw new Error('Use seed or empty');
+      generation++;
+      tasks = mode === 'seed' ? clone(SEED) : [];
+      view = 'today';
+      loading = false;
+      pending = null;
+      failed = null;
+      failNext = false;
+      saveDelay = 500;
+      feedback = '';
+      feedbackType = '';
+      editingId = null;
+      $('new-task').value = '';
+      $('task-dialog').close();
+      $('completed-section').open = false;
+      try { localStorage.setItem(STORAGE_KEY, JSON.stringify(tasks)); } catch (_) { /* Reset still updates the current session. */ }
+      render();
+      return this.getState();
+    },
+    setSaveDelay(milliseconds) {
+      if (!Number.isFinite(milliseconds) || milliseconds < 0) throw new Error('Delay must be a nonnegative number');
+      saveDelay = milliseconds;
+    },
+    failNextSave() { failNext = true; },
+    getState() { return clone({ tasks, today: TODAY, view, loading, pending, failed, feedback, feedbackType, editingId, saveDelay }); }
+  };
+
+  render();
+  const initialGeneration = generation;
+  setTimeout(() => {
+    if (generation !== initialGeneration) return;
+    loading = false;
+    render();
+  }, 500);
+})();

package/evidence/todo/2026-09-28-codex-paired-todo/baseline/generated-output.md

@@ -0,0 +1,11 @@
+# Frozen generated output
+
+- [HTML](index.html)
+- [CSS](styles.css)
+- [JavaScript](app.js)
+- [Generation notes](GENERATION_NOTES.md)
+- [Source hashes](source-hashes.json)
+- [Runtime checks](runtime-checks.json)
+- [Screenshot directory](screenshots/)
+
+These are the generator's frozen files, copied byte-for-byte. No application code was fixed after generation. Run the HTTP server from the run root as described in [the run README](../README.md).