ai-design-context 0.4.0

package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/context/sources-read.txt

@@ -0,0 +1,36 @@
+AGENTS.md
+checklists/DESIGN_QA.md
+patterns/context-preserving-preview.md
+patterns/daily-home-surface.md
+patterns/mobile-primary-action.md
+patterns/object-status-list.md
+patterns/quick-capture.md
+prompts/PROTOTYPE_REVIEW.md
+prompts/QUICK_CAPTURE_STATE_REVIEW.md
+research/accessibility/keyboard-focus-and-interaction-motion.md
+research/accessibility/textual-error-recovery.md
+research/performance/reserved-loading-space.md
+research/products/apple-reminders.md
+research/products/arc.md
+research/products/linear.md
+research/products/telegram.md
+research/products/things-3.md
+research/ux/motion-as-state-continuity.md
+research/visual/expressive-system-ui-2026.md
+rules/accessibility/A11Y-001.md
+rules/accessibility/A11Y-002.md
+rules/accessibility/A11Y-003.md
+rules/accessibility/A11Y-004.md
+rules/ia/IA-001.md
+rules/ia/IA-002.md
+rules/performance/PERF-001.md
+rules/product/PRD-001.md
+rules/product/PRD-002.md
+rules/ux/UX-001.md
+rules/ux/UX-002.md
+rules/ux/UX-003.md
+rules/ux/UX-004.md
+rules/visual/VIS-001.md
+rules/visual/VIS-002.md
+skills/agent-context/SKILL.md
+skills/product-designer/SKILL.md

package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/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).

package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/index.html

@@ -0,0 +1,64 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+  <meta name="theme-color" content="#f7f8f4">
+  <title>Daylight — Your day, a little lighter</title>
+  <link rel="stylesheet" href="styles.css">
+  <script defer src="app.js"></script>
+</head>
+<body>
+  <a class="skip" href="#main">Skip to tasks</a>
+  <div class="layout">
+    <aside class="sidebar">
+      <div class="brand"><span class="brand-mark" aria-hidden="true">✳</span> daylight<span class="brand-dot">.</span></div>
+      <nav aria-label="Task views">
+        <button class="nav-button active" data-view="today" aria-current="page"><span aria-hidden="true">☀</span> Today <span id="today-count" class="nav-count"></span></button>
+        <button class="nav-button" data-view="all"><span aria-hidden="true">≡</span> All tasks <span id="all-count" class="nav-count"></span></button>
+      </nav>
+      <p class="sidebar-note">A little space<br>for your everyday.</p>
+    </aside>
+    <main id="main" tabindex="-1">
+      <header class="page-header">
+        <p class="eyebrow">MONDAY, SEPTEMBER 28</p>
+        <h1 id="view-title">Today<span class="sun" aria-hidden="true">☀</span></h1>
+        <p id="summary" class="summary">Getting your day ready…</p>
+      </header>
+      <section aria-label="Tasks" id="task-region" aria-busy="true">
+        <div class="section-label"><h2 id="list-title">Your next steps</h2><span id="remaining-count"></span></div>
+        <ul id="task-list" class="task-list"></ul>
+        <div id="empty" class="empty" hidden><span class="empty-mark" aria-hidden="true">✓</span><h2 id="empty-title">A little room to begin</h2><p id="empty-copy">Add your first task below.<br>One small thing is a good start.</p><button id="empty-add" class="text-button">Add a task <span aria-hidden="true">↓</span></button></div>
+        <section id="completed-section" class="completed-section" hidden>
+          <button id="completed-toggle" class="completed-toggle" aria-expanded="true" aria-controls="completed-list"><span id="completed-chevron" aria-hidden="true">⌄</span> Completed <span id="completed-count"></span></button>
+          <ul id="completed-list" class="task-list completed-list"></ul>
+        </section>
+      </section>
+      <div class="capture-space" aria-hidden="true"></div>
+    </main>
+  </div>
+  <div class="capture-dock">
+    <div class="feedback" id="feedback" role="status" aria-live="polite"><span id="feedback-text">Tasks stay on this device.</span><button id="retry" class="retry" hidden>Retry</button></div>
+    <form id="capture" class="capture" novalidate>
+      <label for="task-title" class="sr-only">New task title</label>
+      <span class="capture-plus" aria-hidden="true">+</span>
+      <input id="task-title" name="title" placeholder="What needs doing?" autocomplete="off" maxlength="240" aria-describedby="feedback-text">
+      <button id="add-task" class="primary" type="submit">Add <span aria-hidden="true">↵</span></button>
+    </form>
+    <p class="capture-hint">Add to Today · Details can wait</p>
+  </div>
+  <dialog id="detail" aria-labelledby="detail-heading">
+    <div class="detail-head"><p class="eyebrow" id="detail-heading">TASK DETAILS</p><button id="close-detail" class="icon-button" aria-label="Close task details">×</button></div>
+    <form id="detail-form" novalidate>
+      <label for="detail-title">Task</label>
+      <textarea id="detail-title" rows="2" maxlength="240" required aria-describedby="detail-feedback"></textarea>
+      <label for="detail-date">Date <span class="optional">Optional</span></label>
+      <input id="detail-date" type="date">
+      <label for="detail-notes">Notes <span class="optional">Optional</span></label>
+      <textarea id="detail-notes" rows="5" placeholder="Anything you want to remember…" maxlength="5000"></textarea>
+      <p id="detail-feedback" class="detail-feedback" role="status" aria-live="polite">Make a little space for the details.</p>
+      <div class="detail-actions"><button type="button" id="detail-cancel" class="secondary">Close</button><button type="submit" id="save-detail" class="primary">Save changes</button></div>
+    </form>
+  </dialog>
+</body>
+</html>

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

@@ -0,0 +1 @@
+You are the knowledge-assisted generator in an authorized controlled benchmark. Read and execute exactly ${RUN_ROOT}/ai-design-rules/prompt.md. Your ownership is solely ${RUN_ROOT}/ai-design-rules. You are not alone in the workspace: do not inspect or change sibling outputs or revert others' edits. Read only common seed and the knowledge specified in your prompt; no existing generated app/example implementations, no browser/network, no subagents. Maximum 10 minutes including checks. Save raw app, context JSON, and GENERATION_NOTES.md; parent will evaluate without post-generation fixes. Report completion, files, checks, elapsed time, limitations. Do not score your output.

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

@@ -0,0 +1,55 @@
+{
+  "scenario": "Todo App",
+  "run_type": "ai-design-rules",
+  "date": "2026-09-28",
+  "model": "Inherited Codex session model; exact backend model identifier not exposed",
+  "provider": "OpenAI",
+  "generation_surface": "Codex collaboration.spawn_agent; fork_turns=none; worker role",
+  "temperature": "Not exposed; inherited identically, no model or reasoning override",
+  "tool_access": [
+    "filesystem read/write",
+    "shell syntax checks"
+  ],
+  "implementation_target": "Static HTML/CSS/JavaScript; no build dependencies or external assets",
+  "evaluator": "Codex parent agent (internal, unblinded; not independent)",
+  "rubric_version": "docs/EVALUATION_RUBRIC.md@3d9a6a70c47b7008a47dafd24a4aeef2855b07f2",
+  "evidence_level": "rendered",
+  "screenshots": [
+    "ai-design-rules/screenshots/desktop-completed.png",
+    "ai-design-rules/screenshots/desktop-default.png",
+    "ai-design-rules/screenshots/desktop-detail-reduced-motion.png",
+    "ai-design-rules/screenshots/desktop-detail.png",
+    "ai-design-rules/screenshots/desktop-empty.png",
+    "ai-design-rules/screenshots/desktop-keyboard-focus.png",
+    "ai-design-rules/screenshots/desktop-save-error.png",
+    "ai-design-rules/screenshots/desktop-saved.png",
+    "ai-design-rules/screenshots/desktop-saving.png",
+    "ai-design-rules/screenshots/desktop-validation.png",
+    "ai-design-rules/screenshots/mobile-completed.png",
+    "ai-design-rules/screenshots/mobile-default.png",
+    "ai-design-rules/screenshots/mobile-detail-reduced-motion.png",
+    "ai-design-rules/screenshots/mobile-detail.png",
+    "ai-design-rules/screenshots/mobile-empty.png",
+    "ai-design-rules/screenshots/mobile-keyboard-focus.png",
+    "ai-design-rules/screenshots/mobile-save-error.png",
+    "ai-design-rules/screenshots/mobile-saved.png",
+    "ai-design-rules/screenshots/mobile-saving.png",
+    "ai-design-rules/screenshots/mobile-validation.png"
+  ],
+  "limitation": "Single pair with inherited Codex configuration; exact backend version and sampling settings unexposed. Prompt-enforced isolation on a shared host, not OS isolation. Internal unblinded evaluator. No physical mobile keyboard, screen-reader, cross-browser, formal contrast or performance audit. No general output-quality claim.",
+  "time_budget_minutes": 10,
+  "generation_elapsed_seconds": 454,
+  "source_sha256": {
+    "index.html": "91b9e63ca59048184ef449622e60cb8098a66952177a15aad8b1d939e7fde1a6",
+    "styles.css": "2f6f7bd55b33d3e440cdbea22697753d8bc064584dbcdff85c4e5c263be03481",
+    "app.js": "7aabff88e038b7bb0bb7da83a0413cfbfbea6047a4a60a5629a0032e1adb917a"
+  },
+  "knowledge_commit": "3d9a6a70c47b7008a47dafd24a4aeef2855b07f2",
+  "knowledge_patch_sha256": "a26da973623d431c7258c64c7092352b03bce590154763be67b20cfabb90a03a",
+  "scenario_sha256": "368b10d4e3db8850d282010560e96e520b87737bc014a0385c30c45fd5b68f3d",
+  "common_brief_sha256": "5b35c4e957e106467c870fa10e70132cad6ef03fb7a390ad6edfdcfea7526ff7",
+  "seed_sha256": "09426e774f630cf8d673ade4a30c049d5e2e98ad661160e1ba71db85416728b4",
+  "original_prompt_sha256": "ca031c15ab1aff1a11aa42ae8c543ff55cabd5b324eb9289141537a0ef0742af",
+  "stored_prompt_sha256": "b76525fb4b003cfd292cd1e7f3ca67834e24196113aa60d91637ad38360bd196",
+  "prompt_path_redaction": "Transient absolute paths replaced with ${RUN_ROOT} and ${KNOWLEDGE_ROOT}; other prompt text unchanged."
+}

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

@@ -0,0 +1,15 @@
+# Evaluator notes
+
+Condition: `ai-design-rules`. See [generation notes](GENERATION_NOTES.md) for the generator's actual sources, timing and static checks.
+
+The parent rendered this frozen output in Headless Chrome 153.0.8010.53, locale en-GB, light scheme, device scale 1, at 390×844 and 1440×900 CSS pixels. The evaluator knew the condition and helped author the tested knowledge; this is internal, unblinded evaluation.
+
+Both viewport runs checked default/empty states, controlled save delay, one injected failure, retry without duplicates, completion, detail open/close with source scroll/focus restoration, immediate dismissal, reduced motion, failed edit and retry, reload persistence, keyboard traversal, and blank validation. Twenty PNGs are stored, ten per viewport. [Runtime results](runtime-checks.json) contain state and geometry observations; [layout measurements](../layout-metrics.json) compare the same mobile elements before/during/after failure.
+
+The detail source row was centered before clicking to avoid Playwright scrolling an obscured click target behind the fixed capture dock. The capture pass was repeated with that harness correction for both versions. Initial screenshots were also normalized to a blurred active element. App source was never modified.
+
+No JavaScript page errors were observed in the scripted passes. The initial local server returned a non-product 404 for `/favicon.ico`. Native dialog behavior was tested only in this browser. Reduced motion had the same content and return path; screenshots alone do not establish timing.
+
+The automated path follows Tab from a fresh page without activating optional skip links or undisclosed shortcuts. Its count describes that path with the supplied twelve-task seed, not a universal accessibility measure. Touch measurements inspect actual controls and enclosing checkbox labels, not icon dimensions.
+
+Source hashes still match the generator freeze. Absolute machine paths in text artifacts were replaced with portable tokens; raw HTML/CSS/JS and PNGs were not changed.

package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/parent-status-message.md

@@ -0,0 +1 @@
+Status only: please report elapsed time and current stage when convenient. Keep the original 10-minute budget and do not alter the implementation scope. Parent has the rendering/evaluation environment ready.

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

@@ -0,0 +1,49 @@
+Implement the brief below in your owned output directory: ${RUN_ROOT}/ai-design-rules
+
+You are not alone in the workspace. Never modify, revert, or inspect the other run's files. Do not spawn agents. Use a fresh implementation. You own only this output directory. Work independently with a maximum of 10 minutes from starting this task; record elapsed time and stop with the current output if the budget expires.
+
+Shared technical envelope:
+- Static index.html, styles.css, app.js; no dependencies, frameworks, build step, external fonts/images/assets, network or browser tools. Filesystem and shell syntax checks only. Parent will render both frozen outputs afterward.
+- Use the exact deterministic task data from ${RUN_ROOT}/common/seed.json; localStorage persistence is allowed. Treat 2026-09-28 as today for the initial seed. Do not edit the common inputs.
+- Expose non-product testing hooks on window.__benchmark: reset('seed'|'empty') resets local data and renders; setSaveDelay(milliseconds) sets delay for later save operations; failNextSave() makes the next save fail exactly once; getState() returns a serializable snapshot including tasks. Default delay is 500 ms. Hooks are evaluator-only, not visible product controls.
+- Document hook usage, exact state reproduction, local serving, checks, known limitations, and actual sources read in GENERATION_NOTES.md. Do not assign scores or claim rendered validation.
+- Include empty, loading, failed-save and successful-save states. The evaluator will use the same viewports (390x844 and 1440x900), data and sequences. Decide the UI and interactions yourself from the brief.
+- Save only your own application and notes. Do not inspect an existing implementation or another run's output. Do not modify repository tooling or knowledge files.
+
+Condition: AI Design Rules. In ${KNOWLEDGE_ROOT}, read AGENTS.md, then run the current context CLI for daily-home-surface, quick-capture, and context-preserving-preview, each with --platform mobile --intent implement --format json. Save each raw JSON result in your owned context/ directory. Read all returned research and rule files and applicable patterns/review instructions before implementation. Preserve their draft/seed evidence boundaries. Use existing knowledge only, do not invent rules. Do not inspect examples/todo-reference, existing benchmark generated outputs, or the sibling output. The repository working tree is the frozen knowledge input; do not edit it. Record every knowledge file read.
+
+## Product Brief
+
+Create a modern consumer todo app for everyday personal task management.
+
+The app should help a busy person capture tasks quickly, see what matters today, complete tasks, and inspect optional details without turning the product into a project management dashboard.
+
+## Expected User
+
+- Adult consumer managing personal errands, reminders, and daily tasks.
+- Uses mobile frequently and desktop occasionally.
+- Wants low friction more than advanced planning.
+
+## Expected Platform
+
+- Responsive web app.
+- Must work well at mobile width around 390px.
+- Desktop layout may use additional space but must preserve the same product model.
+
+## Constraints
+
+- No authentication flow required.
+- No team collaboration required.
+- No analytics dashboard.
+- No project management concepts such as sprints, roadmaps, or velocity.
+- Include realistic empty, loading, and error states.
+- Include accessible labels and touch-friendly controls.
+- Keep optional metadata secondary.
+
+## Core User Tasks
+
+- Add a task quickly.
+- See today's tasks.
+- Mark a task complete.
+- Inspect or edit task details.
+- Recover from a failed save.