cardinal-ai 0.0.1 → 0.2.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 446132d856f0db6104e2df65f61510d970b1b1044ac86eb49b7e87da174ef04b
-  data.tar.gz: 48b6a1a1014d1dc6b354fac38aba8ab4dd49cbdba8c921fddaae884f9e425d16
+  metadata.gz: decfcea83bc4294b6cf14e947fa1586dee954dfaa30250b67df7d1c29377c191
+  data.tar.gz: f6718005edcdeda0d1608d13d93211c7785af98ca2297ef418d96457724c6d1d
 SHA512:
-  metadata.gz: 7d83e1cc64403965c0856577ae139effc8d73ea971aa2f25e7a73cc1c4b82419bd90f6b00c283ba84d5b545ec6a5cf4827bd5e7d675e7a7a1a180544b96ed5cd
-  data.tar.gz: 9fbe3ab30ea42683d7726bbabb8d8ccfdb9329cc0429487c885341634a450dfe9952f7e8af29bcf2c0e1d1088dfac3997a38803dceebb4f144c977d8309dcd55
+  metadata.gz: 7c106ef6387b43103682e495071e3dfa1d04701eea84c2192f9c67c132ae623a5fa9614294e7e59606e0fad300cf9147008013906d6d9981799e4e3ea0740c89
+  data.tar.gz: 1e2b72553d1bd2c6fd678bd7a3bd8c49c5ec6acc902026546d51d7e0fa9fe783803285e4f2933319f52f1193f1850cf3dc516fb6439b402ef97daa78393f96e3

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Jason Ellis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -1,43 +1,64 @@
-# Cardinal 🐦‍🔥
+# Cardinal AI 🐦‍🔥
 
 **A Kanban board where dragging a card to "In Progress" hires an AI to actually do the task.**
 
-Cardinal is a Kanban board where the cards do the work. It's a little tool you fire up
-inside any code repo, and it gives you a board like Trello — but the columns aren't just
-labels, they're rules. The far-left column is where you dump ideas. The next one has an AI
-assistant that helps you think each idea through. And when you drag a card into
-"In Progress," that card *becomes* its own AI agent — it spins up in a sandbox, writes the
-code on its own branch, reports its progress right on the card, and asks you questions when
-it's stuck. When it's done, you drag the card to Review, look at the pull request it made,
-and either send it back with notes or drag it to Done — which merges the code.
+Cardinal AI puts a board on any of your projects. You write down what needs doing, chat
+with an assistant to sharpen the idea, and then drag the card forward — at which point an
+AI agent picks it up, does the work on its own branch, asks you questions when it's stuck,
+and hands you a pull request to review. Approve it, drag the card to Done, and the work is
+merged. You never leave the board.
 
-It's not an app you sign up for. It's more like having a small dev team living in your
-repo, and the board is how you manage them. Dragging a card left to right literally *is*
-assigning the work, supervising it, and shipping it.
+## What you need
 
-## Status
+- **Ruby 3.2 or newer** (`ruby -v` to check)
+- **The Claude CLI**, signed in — this is the AI: `npm install -g @anthropic-ai/claude-code`, then `claude` once to log in
+- **git**, and for pull requests the **GitHub CLI** (`gh auth login`)
 
-Early but real: the full card lifecycle works end to end. Cards become agents in
-execution columns (plan approval → work → questions back to you → draft PR), you review
-and request changes (revision runs on the same branch), and dragging to Done squash-merges
-the PR. Column rules, one-shot AI maintenance agents, a policy editor behind every
-column's gear icon, run heartbeats + sweeping, and `cardinal up` for spinning a board up
-inside any repo. PRs #2 and #3 of this very repo were written by Cardinal cards. The
-design document — architecture, decisions, roadmap — lives in [cardinal.md](cardinal.md).
+## Install
 
-## Stack
+```sh
+gem install cardinal-ai
+```
 
-Rails 8.1 · Ruby 3.4 · SQLite (the whole instance lives in `.cardinal/`) · Hotwire.
-No database server, no Redis, no sign-in.
+## Use it
 
-## Running it
+Go to any project that lives in git, and start Cardinal:
 
 ```sh
-bundle install
-bin/rails db:prepare db:seed
-bin/rails server
+cd your-project
+cardinal
 ```
 
-Then open http://localhost:3000 (or set `PORT`).
+The first time, a browser window asks **which Claude account this board should work as** —
+pick one, and it's remembered for this project only. Then open **http://localhost:4000**.
+
+That's the whole setup. Now:
+
+1. **Add a card** for something you want done, in plain English.
+2. **Drag it to Planning** — an assistant reads your card *and your code*, then asks the
+   questions that make the task clear. Chat until it feels right.
+3. **Drag it to In Progress** — an agent studies the repo and proposes a plan. One click
+   to approve. Then it works: you can watch its progress live on the card, and it will
+   stop and ask you if it hits a real decision.
+4. **Review** — read the final report and the pull request. Say what's wrong in the
+   card's conversation to send it back, or approve.
+5. **QA** — the pull request goes live for formal review on GitHub.
+6. **Drag to Done** — the pull request merges. Shipped.
+
+Every column has a ⚙ gear where you can change the rules — which AI model works there,
+how many cards can run at once, spending limits, and what happens when a card arrives
+(written in plain English; Cardinal figures out the rest).
+
+## Good to know
+
+- Everything Cardinal knows about a project lives in a `.cardinal/` folder inside it,
+  invisible to git. Delete the folder and Cardinal was never there.
+- Each project's board can use a **different Claude account** (`cardinal login` to switch,
+  `cardinal logout` to unlink).
+- Agents can only push to their own card branches — merging is always your drag.
+- AI usage bills the Claude account you linked, the same as using Claude Code.
+
+## For developers
 
-*Drag it to Done.*
+The architecture and design history live in [cardinal.md](cardinal.md). The engine is a
+Rails 8 app — clone, `bundle install`, `bin/rails test`. MIT licensed.

data/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require_relative "config/application"
+
+Rails.application.load_tasks

data/app/assets/stylesheets/application.css

@@ -0,0 +1,10 @@
+/*
+ * This is a manifest file that'll be compiled into application.css.
+ *
+ * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
+ * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
+ * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
+ * depending on specificity.
+ *
+ * Consider organizing styles into separate files for maintainability.
+ */

data/app/assets/stylesheets/cardinal.css

@@ -0,0 +1,514 @@
+:root {
+  --bg: #16181d;
+  --surface: #1e2128;
+  --surface-2: #262a33;
+  --border: #333845;
+  --text: #d7dae0;
+  --text-dim: #8b91a0;
+  --accent: #c94f4f;        /* cardinal red */
+  --amber: #d9a441;
+  --green: #5fae6f;
+  --red: #d66;
+  --blue: #6b93c9;
+}
+
+/* Light theme — light greys, dark grey text. Applied via data-theme="light"
+   on <html> (see the theme controller + head boot script). Only the palette
+   and a few hardcoded dark-specific colors below need to flip; every surface
+   drives its colors through these variables. */
+[data-theme="light"] {
+  --bg: #eceef1;
+  --surface: #f6f7f9;
+  --surface-2: #ffffff;
+  --border: #d3d7de;
+  --text: #23262c;
+  --text-dim: #646b78;
+  --accent: #c1443f;        /* cardinal red */
+  --amber: #b5791b;
+  --green: #3f8a50;
+  --red: #c23b30;
+  --blue: #4d76ad;
+}
+
+* { box-sizing: border-box; }
+
+body {
+  margin: 0;
+  background: var(--bg);
+  color: var(--text);
+  font: 14px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+}
+
+a { color: var(--blue); text-decoration: none; }
+
+/* ── Top bar ─────────────────────────────────────────── */
+.topbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 18px;
+  border-bottom: 1px solid var(--border);
+  background: var(--surface);
+}
+.topbar h1 { font-size: 16px; margin: 0; font-weight: 600; }
+.topbar h1 .sep { color: var(--accent); margin: 0 4px; }
+.topbar-right { display: flex; align-items: center; gap: 14px; }
+
+.theme-toggle {
+  background: transparent; border: 1px solid var(--border); border-radius: 6px;
+  color: var(--text-dim); font-weight: 600; padding: 5px 10px; line-height: 1;
+}
+.theme-toggle:hover { color: var(--text); border-color: var(--text-dim); }
+
+.attention summary {
+  cursor: pointer;
+  color: var(--amber);
+  font-weight: 600;
+  list-style: none;
+}
+.auth-chip {
+  font-size: 11px; color: var(--text-dim); border: 1px solid var(--border);
+  border-radius: 10px; padding: 2px 9px; cursor: default;
+}
+
+.attention { position: relative; }
+.attention-list {
+  position: absolute; right: 0; top: 26px; z-index: 20;
+  background: var(--surface-2); border: 1px solid var(--border); border-radius: 8px;
+  padding: 8px 12px; margin: 0; min-width: 300px; max-height: 60vh; overflow-y: auto;
+}
+.attention ul { list-style: none; margin: 0 0 6px; padding: 0; }
+.attention li { padding: 4px 0; }
+.attn-part { margin-left: 10px; }
+.attn-part:first-child { margin-left: 0; }
+.attn-part.working-part { color: var(--blue); }
+.attn-header {
+  font-size: 10px; text-transform: uppercase; letter-spacing: .07em;
+  color: var(--text-dim); margin: 8px 0 2px; font-weight: 700;
+}
+.attn-header:first-child { margin-top: 0; }
+.attn-working { display: flex; align-items: center; gap: 6px; }
+.pulse-dot {
+  display: inline-block; width: 7px; height: 7px; border-radius: 50%;
+  background: var(--blue); animation: pulse-dot 1.6s ease-in-out infinite;
+  flex-shrink: 0;
+}
+@keyframes pulse-dot {
+  0%, 100% { opacity: .35; transform: scale(.85); }
+  50%      { opacity: 1; transform: scale(1.15); }
+}
+
+.add-card {
+  cursor: pointer; color: var(--text-dim); font-weight: 700;
+  line-height: 1; padding: 0 4px; margin-bottom: 6px; text-decoration: none;
+}
+.add-card:hover { color: var(--text); }
+
+button, input[type="submit"] {
+  background: var(--accent); color: #fff; border: 0; border-radius: 6px;
+  padding: 6px 12px; cursor: pointer; font-weight: 600;
+}
+
+.new-column { position: relative; }
+.new-column summary { cursor: pointer; color: var(--text-dim); font-weight: 600; list-style: none; }
+.new-column summary:hover { color: var(--text); }
+.new-column-form {
+  position: absolute; right: 0; top: 28px; z-index: 20;
+  background: var(--surface-2); border: 1px solid var(--border); border-radius: 8px;
+  padding: 10px; display: flex; flex-direction: column; gap: 8px; min-width: 220px;
+}
+.new-column-form input[type="text"], .new-column-form select {
+  background: var(--surface); border: 1px solid var(--border); border-radius: 6px;
+  color: var(--text); padding: 6px 10px;
+}
+
+/* ── Board ───────────────────────────────────────────── */
+.board {
+  display: flex;
+  gap: 12px;
+  padding: 14px;
+  align-items: stretch;
+  overflow-x: auto;
+  height: calc(100vh - 53px);
+}
+
+.column {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  min-width: 250px;
+  width: 250px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+}
+.column-execution { background: #1c2a21; border-color: #375844; }
+.column-review    { background: #24211c; border-color: #4a4232; }
+[data-theme="light"] .column-execution { background: #e9f3ec; border-color: #bcd8c4; }
+[data-theme="light"] .column-review    { background: #f6f1e6; border-color: #e3d7bf; }
+.column-header { display: flex; justify-content: space-between; align-items: center; }
+.column-title { display: flex; align-items: center; gap: 2px; }
+.column-header h2 { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; margin: 2px 4px 8px; color: var(--text-dim); }
+.gear { cursor: pointer; color: var(--text-dim); }
+.drop-hint { display: none; font-size: 11px; color: var(--amber); margin: 0 4px 8px; }
+body.dragging .drop-hint { display: block; }
+.ticker { font-size: 11px; color: var(--text-dim); margin: 0 4px 8px; }
+
+.cards { min-height: 40px; display: flex; flex-direction: column; gap: 8px; flex: 1; overflow-y: auto; }
+.cards-clickable { cursor: pointer; }
+.agent-chip { color: var(--blue); }
+
+/* ── Cards ───────────────────────────────────────────── */
+.card {
+  background: var(--surface-2);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 9px 10px;
+  cursor: grab;
+}
+.card-link { color: inherit; display: block; }
+
+/* PR footer: the card's bottom edge is the link out to GitHub. The left
+   slot is reserved for ticket integrations (Asana/Trello). */
+.card-footer {
+  display: flex; justify-content: space-between; align-items: center;
+  margin: 8px -10px -9px; padding: 4px 10px 5px;
+  background: var(--bg);
+  border-top: 1px solid rgba(255, 255, 255, .09);
+  border-radius: 0 0 7px 7px;
+  font-size: 11px; color: var(--text-dim); font-weight: 600;
+}
+.card-footer:hover .footer-pr { color: var(--blue); }
+.footer-left { min-width: 1px; }
+.card-ghost { opacity: .4; }
+.card-title { font-weight: 600; }
+.card-number { color: var(--text-dim); font-weight: 400; }
+.card-number-sub { color: var(--text-dim); font-weight: 400; font-size: 11px; margin-left: 6px; }
+.status-glyph { float: right; }
+.card-progress { margin: 5px 0 0; font-size: 12px; color: var(--text-dim); overflow: hidden; word-break: break-all; }
+.card-meta { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 4px; }
+.tag, .chip {
+  font-size: 11px; padding: 1px 7px; border-radius: 10px;
+  background: var(--surface); border: 1px solid var(--border); color: var(--text-dim);
+}
+
+/* Status treatments (§6) */
+.card.status-working { animation: breathe 2.2s ease-in-out infinite; }
+.card.status-queued { opacity: .65; border-style: dashed; }
+
+.working-line { color: var(--blue); }
+.spinner {
+  display: inline-block; width: 9px; height: 9px;
+  border: 2px solid var(--blue); border-top-color: transparent; border-radius: 50%;
+  animation: spin 0.9s linear infinite; vertical-align: -1px;
+}
+@keyframes spin { to { transform: rotate(360deg); } }
+.card.status-needs_input { border-color: var(--amber); box-shadow: 0 0 0 1px var(--amber); }
+.card.status-needs_input .attention-text { color: var(--amber); font-weight: 600; }
+.card.status-blocked, .card.status-failed { border-color: var(--red); }
+.card.status-failed .attention-text { color: var(--red); font-weight: 600; }
+.card.status-work_complete { border-color: var(--green); }
+.card.status-work_complete .attention-text { color: var(--green); font-weight: 600; }
+.card.status-in_review { border-color: var(--blue); }
+.card.status-approved { border-color: var(--green); box-shadow: 0 0 0 1px var(--green); }
+.card.status-approved .approved-text { color: var(--green); font-weight: 600; }
+.card.status-changes_requested { border-color: var(--amber); border-style: dashed; }
+.card.status-done, .card.status-archived { opacity: .55; }
+
+@keyframes breathe {
+  0%, 100% { box-shadow: 0 0 0 0 rgba(107, 147, 201, 0); border-color: var(--border); }
+  50%      { box-shadow: 0 0 0 3px rgba(107, 147, 201, .3); border-color: var(--blue); }
+}
+
+/* Bounce-back on a move the destination's accept policy forbids (card #15) */
+.card.move-rejected { animation: reject-flash 0.6s ease; }
+@keyframes reject-flash {
+  0%, 100% { box-shadow: 0 0 0 0 rgba(201, 107, 107, 0); border-color: var(--border); }
+  15%, 55% { box-shadow: 0 0 0 3px rgba(201, 107, 107, .45); border-color: var(--red); }
+}
+
+/* ── Card modal ──────────────────────────────────────── */
+.modal-backdrop {
+  position: fixed; inset: 0; z-index: 50;
+  background: rgba(0, 0, 0, .6);
+  display: flex; align-items: center; justify-content: center;
+  padding: 3vh 3vw;
+}
+.modal {
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  width: 100%; height: 100%;
+  display: flex; flex-direction: column;
+  overflow: hidden;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
+}
+[data-theme="light"] .modal { box-shadow: 0 20px 60px rgba(0, 0, 0, .18); }
+.modal-header {
+  display: flex; justify-content: space-between; align-items: center;
+  padding: 14px 18px; border-bottom: 1px solid var(--border);
+  background: var(--surface); border-radius: 12px 12px 0 0;
+  flex-shrink: 0;
+}
+.modal-body { overflow-y: auto; }
+.modal-header h1 { font-size: 17px; margin: 0; font-weight: 600; }
+.modal-header-right { display: flex; align-items: center; gap: 14px; }
+.modal-close {
+  background: var(--surface-2); color: var(--text-dim);
+  font-size: 15px; line-height: 1; padding: 7px 10px;
+}
+.modal-close:hover { color: var(--text); }
+.modal-sm { max-width: 580px; height: auto; max-height: 88vh; }
+.modal-body { padding: 16px 18px; }
+.modal-body h3 { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--text-dim); margin: 16px 0 6px; }
+.modal pre {
+  background: var(--surface); border: 1px solid var(--border); border-radius: 8px;
+  padding: 10px 12px; font-size: 12px; overflow-x: auto; color: var(--text);
+}
+.git-line { margin: 0; font-size: 12px; color: var(--text-dim); display: inline-flex; align-items: center; gap: 6px; }
+.branch-base { font-family: ui-monospace, monospace; }
+.git-arrow { color: var(--text-dim); }
+.branch-pill {
+  display: inline-flex; align-items: center; gap: 4px;
+  background: var(--surface-2); border: 1px solid var(--border); border-radius: 6px;
+  padding: 2px 4px 2px 8px;
+}
+.branch-pill code { font-size: 12px; font-family: ui-monospace, monospace; color: var(--text); }
+.copy-btn {
+  background: none; border: 0; color: var(--text-dim); cursor: pointer;
+  font-size: 12px; padding: 0 4px; border-radius: 4px;
+}
+.copy-btn:hover { color: var(--text); background: var(--surface); }
+.copy-btn.copied { color: var(--green); }
+.pr-link { font-weight: 700; }
+.pr-state { font-size: 11px; }
+.status-chip { margin-left: 8px; }
+
+.card-edit { display: flex; flex-direction: column; gap: 4px; margin-bottom: 18px; }
+.card-edit label { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--text-dim); margin-top: 6px; }
+.card-edit .hint { text-transform: none; letter-spacing: 0; }
+.card-edit input[type="text"], .card-edit textarea {
+  background: var(--surface-2); border: 1px solid var(--border); border-radius: 6px;
+  color: var(--text); padding: 6px 10px; font: inherit;
+}
+.card-edit input[type="submit"] { margin-top: 10px; align-self: flex-end; }
+.card-edit .locked-field { margin: 4px 0 0; font-size: 12px; word-break: break-all; }
+.card-edit .locked-field code { font-family: ui-monospace, monospace; color: var(--text); }
+.card-edit-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
+.card-edit-actions input[type="submit"] { margin-top: 0; }
+.btn-cancel { background: transparent; color: var(--text-dim); border: 1px solid var(--border); }
+.btn-cancel:hover { color: var(--text); border-color: var(--text-dim); }
+
+.related-list { list-style: none; margin: 0 0 8px; padding: 0; font-size: 13px; }
+.related-list li { padding: 3px 0; }
+.child-card-link { display: inline-block; font-size: 12px; color: var(--text-dim); margin-bottom: 14px; }
+.child-card-link:hover { color: var(--text); }
+
+.tag-chips { display: flex; flex-wrap: wrap; gap: 5px; margin: 2px 0 6px; }
+.tag-chip {
+  font-size: 11px; padding: 2px 9px; border-radius: 10px; cursor: pointer;
+  background: var(--surface-2); border: 1px solid var(--border); color: var(--text-dim);
+  font-weight: 400;
+}
+.tag-chip.on { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 600; }
+.new-tag-input {
+  background: var(--surface-2); border: 1px dashed var(--border); border-radius: 6px;
+  color: var(--text); padding: 4px 10px; font-size: 12px; width: 100%;
+}
+
+.detail-panes { display: flex; gap: 16px; padding: 16px; flex: 1; min-height: 0; }
+.timeline { flex: 2; display: flex; flex-direction: column; min-height: 0; position: relative; }
+
+.new-messages-pill {
+  display: none;
+  position: absolute; left: 50%; bottom: 78px; transform: translateX(-50%);
+  z-index: 10; padding: 5px 14px; border-radius: 14px;
+  background: var(--blue); color: #fff; font-size: 12px; font-weight: 600;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, .4); cursor: pointer; border: 0;
+}
+.new-messages-pill.visible { display: block; }
+.timeline-scroll { flex: 1; overflow-y: auto; min-height: 0; padding-right: 6px; }
+.work-panel {
+  flex: 1; background: var(--surface); border: 1px solid var(--border);
+  border-radius: 10px; padding: 12px 14px; overflow-y: auto;
+}
+.work-panel h3 { margin: 0 0 8px; font-size: 13px; text-transform: uppercase; color: var(--text-dim); }
+
+.zoom-tabs { display: flex; gap: 4px; margin-bottom: 12px; }
+.zoom-tabs a { padding: 4px 12px; border-radius: 6px; color: var(--text-dim); }
+.zoom-tabs a.active { background: var(--surface-2); color: var(--text); }
+
+.event { display: flex; gap: 10px; padding: 8px 4px; border-bottom: 1px solid var(--surface-2); }
+
+/* Column moves are chapter markers in the card's story */
+.stage-divider {
+  display: flex; align-items: center; gap: 10px;
+  margin: 18px 0 8px; color: var(--accent);
+  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
+}
+.stage-divider::before, .stage-divider::after {
+  content: ""; flex: 1; height: 1px; background: var(--border);
+}
+.stage-divider time { color: var(--text-dim); font-weight: 400; letter-spacing: 0; text-transform: none; }
+
+/* A move the accept policy blocked — logged but never happened (card #15) */
+.move-rejected-row {
+  display: flex; align-items: center; gap: 10px;
+  margin: 10px 0; padding: 4px 8px;
+  border-left: 2px solid var(--red); border-radius: 3px;
+  background: rgba(201, 107, 107, .08); color: var(--red); font-size: 12px;
+}
+.move-rejected-row time { margin-left: auto; color: var(--text-dim); }
+.event-actor { width: 22px; text-align: center; }
+.event-body { flex: 1; }
+.event-body p { margin: 0 0 4px; }
+.event-body time { font-size: 11px; color: var(--text-dim); }
+
+/* Markdown inside timeline events */
+.event-body h1, .event-body h2, .event-body h3 {
+  font-size: 13px; margin: 12px 0 4px; color: var(--text);
+  text-transform: uppercase; letter-spacing: .04em;
+}
+.event-body ul, .event-body ol { margin: 4px 0 8px 20px; padding: 0; }
+.event-body li { margin: 2px 0; }
+.event-body code {
+  background: var(--surface); border: 1px solid var(--border); border-radius: 4px;
+  padding: 0 4px; font-size: 12px; font-family: ui-monospace, monospace;
+}
+.event-body pre {
+  background: var(--surface); border: 1px solid var(--border); border-radius: 8px;
+  padding: 8px 10px; overflow-x: auto; margin: 6px 0 8px;
+}
+.event-body pre code { background: none; border: 0; padding: 0; }
+.event-body blockquote {
+  margin: 6px 0; padding: 2px 10px; border-left: 2px solid var(--border);
+  color: var(--text-dim);
+}
+.event-body table { border-collapse: collapse; margin: 6px 0; font-size: 12px; }
+.event-body th, .event-body td { border: 1px solid var(--border); padding: 3px 8px; }
+.event-kind { color: var(--text-dim); font-size: 12px; }
+.event-description {
+  display: block; /* .event is flex for icon+body; raw markdown children must stack */
+  background: var(--surface); border-radius: 8px; border-bottom: 0; padding: 10px 12px;
+}
+.actor-agent .event-body p { color: #b9c3d8; }
+[data-theme="light"] .actor-agent .event-body p { color: #3a4a63; }
+
+.empty { color: var(--text-dim); font-style: italic; }
+
+/* AI typing indicator */
+.event.typing { border-bottom: 0; }
+.typing-dots { display: inline-flex; gap: 4px; padding: 8px 2px; align-items: center; }
+.typing-dots span {
+  width: 6px; height: 6px; border-radius: 50%;
+  background: var(--text-dim); animation: typing-blink 1.2s infinite;
+}
+.typing-dots span:nth-child(2) { animation-delay: .2s; }
+.typing-dots span:nth-child(3) { animation-delay: .4s; }
+.typing-dots.mini { padding: 0 1px; gap: 3px; }
+.typing-dots.mini span { width: 4px; height: 4px; }
+.thinking-chip { display: inline-flex; align-items: center; gap: 3px; }
+@keyframes typing-blink {
+  0%, 80%, 100% { opacity: .25; }
+  40% { opacity: 1; }
+}
+
+.message-form { display: flex; gap: 8px; margin-top: 12px; align-items: flex-end; flex-shrink: 0; }
+.message-form textarea {
+  flex: 1; background: var(--surface-2); border: 1px solid var(--border);
+  border-radius: 8px; color: var(--text); padding: 8px 10px; font: inherit; resize: vertical;
+}
+.actor-assistant .event-body p { color: #d8cfc0; }
+[data-theme="light"] .actor-assistant .event-body p { color: #5a4e3c; }
+
+.run-list { list-style: none; padding: 0; margin: 0 0 10px; }
+.run-list .run { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--surface-2); font-size: 13px; }
+.run-running { color: var(--blue); }
+.run-succeeded { color: var(--green); }
+.run-failed, .run-cancelled { color: var(--red); }
+.cancel-btn { font-size: 11px; padding: 3px 8px; background: var(--red); }
+.event-final_report .event-body { background: rgba(95, 174, 111, .07); border-radius: 8px; padding: 8px 10px; }
+.event-plan_proposed .event-body { background: rgba(107, 147, 201, .08); border-radius: 8px; padding: 8px 10px; }
+.event-question .event-body { background: rgba(217, 164, 65, .1); border-radius: 8px; padding: 8px 10px; }
+.event-error .event-body { background: rgba(214, 102, 102, .08); border-radius: 8px; padding: 8px 10px; }
+.event-error .event-body > p:first-of-type { color: var(--red); }
+.error-detail summary { font-size: 11px; color: var(--text-dim); cursor: pointer; }
+.error-detail pre {
+  font-size: 11px; max-height: 180px; overflow: auto;
+  white-space: pre-wrap; overflow-wrap: anywhere;
+}
+
+.panel-callout { border-radius: 8px; padding: 10px 12px; margin-bottom: 12px; font-size: 13px; }
+.panel-callout p { margin: 0 0 8px; }
+.callout-plan { border: 1px solid var(--blue); background: rgba(107, 147, 201, .08); }
+.callout-question { border: 1px solid var(--amber); background: rgba(217, 164, 65, .08); }
+.callout-restart { border: 1px solid var(--accent); background: rgba(201, 79, 79, .08); }
+.approve-btn { background: var(--green); }
+.pr-view-btn {
+  display: block; width: 100%; box-sizing: border-box; text-align: center;
+  background: var(--green); color: #fff; border-radius: 6px;
+  padding: 8px 12px; font-weight: 600; margin-bottom: 12px;
+}
+.restart-btn { background: var(--accent); }
+.align-right { display: flex; justify-content: flex-end; }
+.autosave-status { font-size: 11px; color: var(--green); text-transform: none; letter-spacing: 0; margin-left: 6px; }
+
+.field-row { display: flex; gap: 10px; }
+.field-row > div { flex: 1; display: flex; flex-direction: column; gap: 4px; }
+.field-row input, .field-row select {
+  background: var(--surface-2); border: 1px solid var(--border); border-radius: 6px;
+  color: var(--text); padding: 6px 10px; width: 100%;
+}
+.check-row { display: flex; align-items: center; gap: 8px; margin: 10px 0; font-size: 13px; color: var(--text); text-transform: none; letter-spacing: 0; }
+.mono { font-family: ui-monospace, monospace; font-size: 12px; }
+.form-error { color: var(--red); font-size: 13px; }
+.delete-column { margin-top: 6px; }
+.color-cell { flex: 0 0 auto !important; }
+.color-row { display: flex; align-items: center; gap: 6px; }
+.color-row input[type="color"] {
+  width: 42px; height: 30px; padding: 2px; border: 1px solid var(--border);
+  border-radius: 6px; background: var(--surface-2); cursor: pointer;
+}
+.check-row.inline { margin: 0; font-size: 12px; color: var(--text-dim); display: flex; gap: 4px; }
+.accepts-from { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 4px 0 6px; }
+.panel-advanced { margin-top: 18px; border-top: 1px solid var(--surface-2); padding-top: 10px; }
+.delete-card { margin: 4px 0 16px; opacity: .7; }
+.delete-card:hover { opacity: 1; }
+.delete-card[disabled] { opacity: .3; cursor: not-allowed; }
+.default-rule {
+  font-size: 12px; color: var(--text-dim); margin: 2px 0 6px;
+  padding: 7px 10px; background: var(--surface); border-left: 2px solid var(--accent);
+  border-radius: 0 6px 6px 0; text-transform: none; letter-spacing: 0;
+}
+.advanced-rules { margin: 8px 0; }
+.advanced-rules summary { cursor: pointer; font-size: 12px; color: var(--text-dim); }
+.advanced-rules textarea { width: 100%; }
+
+/* (i) tooltips */
+.info {
+  cursor: help; position: relative; display: inline-flex;
+  align-items: center; justify-content: center;
+  width: 14px; height: 14px; margin-left: 5px;
+  border: 1px solid var(--border); border-radius: 50%;
+  color: var(--text-dim); font-size: 10px; font-style: italic; font-weight: 600;
+  text-transform: none; vertical-align: middle;
+}
+.info:hover, .info:focus { color: var(--text); border-color: var(--text-dim); outline: none; }
+
+.tooltip-pop {
+  position: fixed; z-index: 100; max-width: 260px;
+  background: var(--surface-2); border: 1px solid var(--border); border-radius: 8px;
+  padding: 8px 10px; color: var(--text);
+  font-size: 12px; font-style: normal; font-weight: 400;
+  letter-spacing: 0; text-transform: none; line-height: 1.4; white-space: normal;
+  box-shadow: 0 6px 20px rgba(0, 0, 0, .4);
+  pointer-events: none;
+}
+
+/* Light overrides for components added on main after the theme branch was cut */
+[data-theme="light"] .card-footer { background: #e2e5ea; border-top-color: rgba(0, 0, 0, .1); }
+
+/* Accept-policy visibility while dragging + rejected-drop flash */
+.column.drop-blocked { opacity: .45; }
+.column.drop-blocked .drop-hint { color: var(--red); }
+.column.drop-blocked .drop-hint::before { content: "✗ won't accept from here — "; }

data/app/controllers/application_controller.rb

@@ -0,0 +1,7 @@
+class ApplicationController < ActionController::Base
+  # Only allow modern browsers supporting webp images, web push, badges, import maps, CSS nesting, and CSS :has.
+  allow_browser versions: :modern
+
+  # Changes to the importmap will invalidate the etag for HTML responses
+  stale_when_importmap_changes
+end

data/app/controllers/boards_controller.rb

@@ -0,0 +1,5 @@
+class BoardsController < ApplicationController
+  def show
+    @board = Board.includes(columns: :cards).first!
+  end
+end