cardinal-ai 0.0.1 → 0.2.4

data/app/views/cards/_detail.html.erb

@@ -0,0 +1,190 @@
+  <div class="modal-backdrop" data-controller="modal" data-action="click->modal#backdrop">
+    <div class="modal card-detail">
+      <%= turbo_stream_from @card %>
+      <header class="modal-header">
+        <h1>
+          <%= @card.title %>
+          <span class="chip status-chip status-<%= @card.status %>"><%= @card.status.humanize %></span>
+          <span class="card-number-sub" title="Card number — how branches, PRs, and other cards refer to this card">#<%= @card.number %></span>
+        </h1>
+        <div class="modal-header-right">
+          <% if @card.branch_name %>
+            <span class="git-line">
+              <span class="branch-base"><%= @card.board.default_branch %></span>
+              <span class="git-arrow">→</span>
+              <span class="branch-pill" data-controller="clipboard" data-clipboard-text-value="<%= @card.branch_name %>">
+                <code><%= @card.branch_name %></code>
+                <button type="button" class="copy-btn" data-clipboard-target="button"
+                        data-action="clipboard#copy" title="Copy branch name">⧉</button>
+              </span>
+              <% if @card.pr_url %>
+                <span class="git-arrow">→</span>
+                <%= link_to "##{@card.pr_url[%r{/pull/(\d+)}, 1]}", @card.pr_url, target: "_blank", rel: "noopener", class: "pr-link" %>
+                <% if @card.pr_state.present? %><span class="pr-state">(<%= @card.pr_state %>)</span><% end %>
+              <% end %>
+            </span>
+          <% end %>
+          <button type="button" class="modal-close" data-action="modal#close" title="Close (Esc)">✕</button>
+        </div>
+      </header>
+
+      <div class="detail-panes">
+        <section class="timeline" data-controller="scroll">
+          <nav class="zoom-tabs">
+            <% %w[conversation activity debug].each do |zoom| %>
+              <%= link_to zoom.capitalize, card_path(@card, zoom: zoom),
+                          class: ("active" if @zoom == zoom) %>
+            <% end %>
+          </nav>
+
+          <div class="timeline-scroll" data-scroll-target="scroller">
+            <% if @card.description.present? %>
+              <div class="event event-description"><%= render_markdown @card.description %></div>
+            <% end %>
+
+            <div id="card_events">
+              <%= render partial: "events/event", collection: @events %>
+              <% if @events.empty? %>
+                <p class="empty">No events yet — this card hasn't been anywhere.</p>
+              <% end %>
+            </div>
+
+            <% if @card.thinking? %>
+              <div class="event typing" id="typing-indicator">
+                <span class="event-actor"><%= @card.working? ? "🤖" : "🪶" %></span>
+                <div class="typing-dots"><span></span><span></span><span></span></div>
+              </div>
+            <% end %>
+          </div>
+
+          <button type="button" class="new-messages-pill" data-scroll-target="pill"
+                  data-action="scroll#jump">↓ New messages</button>
+
+          <%= form_with url: card_messages_path(@card), class: "message-form" do |f| %>
+            <%= f.text_area "message[text]", rows: 2, required: true,
+                  data: { controller: "composer", action: "keydown->composer#keydown" },
+                  placeholder: (@card.column.planning? ? "Discuss this card with the planning assistant…" : "Add a note to this card…") + " (Enter sends, Shift+Enter for a new line)" %>
+          <% end %>
+        </section>
+
+        <aside class="work-panel">
+          <div data-controller="autosave">
+            <h3>Details <span class="autosave-status" data-autosave-target="status"></span></h3>
+            <%= form_with model: @card, class: "card-edit",
+                  data: { autosave_target: "form", action: "input->autosave#save change->autosave#save" } do |f| %>
+              <%= hidden_field_tag :autosave, "1" %>
+              <label>Title</label>
+              <%= f.text_field :title, required: true %>
+              <label>Tags</label>
+              <%= render "cards/tag_picker", board: @card.board, tags: @card.tags %>
+              <label>Description</label>
+              <%= f.text_area :description, rows: 6 %>
+              <label>Branch <span class="hint">— optional</span></label>
+              <% if @card.branch_name.present? %>
+                <%# Locked once set — by the user here or by the agent on run start. %>
+                <p class="locked-field"><code><%= @card.branch_name %></code> <span class="hint">set</span></p>
+              <% else %>
+                <%= f.text_field :branch_name, placeholder: @card.default_branch_name %>
+              <% end %>
+              <label>Pull request <span class="hint">— optional</span></label>
+              <% if @card.pr_url.present? %>
+                <p class="locked-field"><%= link_to @card.pr_url, @card.pr_url, target: "_blank", rel: "noopener" %> <span class="hint">set</span></p>
+              <% else %>
+                <%= f.text_field :pr_url, placeholder: "https://github.com/owner/repo/pull/123" %>
+              <% end %>
+            <% end %>
+          </div>
+
+          <% if @card.parent || @card.children.any? %>
+            <h3>Related</h3>
+            <ul class="related-list">
+              <% if @card.parent %>
+                <li>↑ <%= link_to @card.parent.title, card_path(@card.parent), data: { turbo_frame: "modal", turbo_action: "advance" } %>
+                    <span class="hint"><%= @card.parent.status.humanize.downcase %></span></li>
+              <% end %>
+              <% @card.children.each do |child| %>
+                <li>↳ <%= link_to child.title, card_path(child), data: { turbo_frame: "modal", turbo_action: "advance" } %>
+                    <span class="hint"><%= child.status.humanize.downcase %></span></li>
+              <% end %>
+            </ul>
+          <% end %>
+          <%= link_to "+ Child card", new_card_path(parent_id: @card.id),
+                class: "child-card-link", data: { turbo_frame: "modal" } %>
+
+          <% if @card.column.review? %>
+            <h3>Review</h3>
+            <% if @card.pr_url %>
+              <%= link_to "View Pull Request", @card.pr_url, target: "_blank", rel: "noopener", class: "pr-view-btn" %>
+            <% end %>
+            <% if @card.in_review? %>
+              <div class="panel-callout callout-plan">
+                <p><strong>Your verdict.</strong> Check the final report in the timeline.
+                Approve, or just say what's wrong in the conversation — that marks it changes-requested,
+                and dragging the card back to a work column carries your feedback into the next run.</p>
+                <%= button_to "✅ Approve", approve_card_path(@card), class: "approve-btn", form_class: "align-right" %>
+              </div>
+            <% elsif @card.approved? %>
+              <div class="panel-callout callout-plan"><p><strong>Approved.</strong> Drag the card to Done to merge and ship.</p></div>
+            <% elsif @card.changes_requested? %>
+              <div class="panel-callout callout-question"><p><strong>Changes requested.</strong> Drag the card back to an execution column for a revision run — your conversation feedback rides along.</p></div>
+            <% end %>
+          <% end %>
+
+          <h3>Work</h3>
+          <% runs = @card.runs.order(:id) %>
+          <% parked = runs.select(&:needs_input?).last %>
+          <% latest = runs.last %>
+          <% if parked&.phase == "plan" %>
+            <div class="panel-callout callout-plan">
+              <p><strong>Plan proposed.</strong> Approve to let the agent execute, or reply in the timeline to redirect.</p>
+              <%= button_to "👍 Approve plan", approve_run_path(parked), class: "approve-btn", form_class: "align-right" %>
+            </div>
+          <% elsif parked&.restartable? %>
+            <div class="panel-callout callout-restart">
+              <p><strong>Run hit its turn budget.</strong> Restart to continue with a fresh budget, or raise <strong>Max turns</strong> in the column's gear settings.</p>
+              <%= button_to "🔄 Restart run", restart_run_path(parked), class: "restart-btn", form_class: "align-right" %>
+            </div>
+          <% elsif parked %>
+            <div class="panel-callout callout-question">
+              <p><strong>The agent has a question</strong> — answer it in the timeline message box.</p>
+            </div>
+          <% elsif latest&.failed? && latest.restartable? %>
+            <div class="panel-callout callout-restart">
+              <p><strong>Run failed on its budget.</strong> Restart to try again with a fresh budget, or raise the column's <strong>Max turns</strong> / timeout in its gear settings.</p>
+              <%= button_to "🔄 Restart run", restart_run_path(latest), class: "restart-btn", form_class: "align-right" %>
+            </div>
+          <% end %>
+          <% if runs.any? %>
+            <ul class="run-list">
+              <% runs.each do |run| %>
+                <li class="run run-<%= run.status %>">
+                  <span>Run #<%= run.id %> — <%= run.status %><%= " (#{run.phase})" if run.needs_input? %></span>
+                  <% if run.cost.positive? %>
+                    <span class="hint"><%= run.output_tokens %> out · $<%= run.cost.round(2) %></span>
+                  <% end %>
+                  <% if run.running? || run.needs_input? %>
+                    <%= button_to "✖ Cancel", cancel_run_path(run), class: "cancel-btn" %>
+                  <% end %>
+                </li>
+              <% end %>
+            </ul>
+            <% if @card.pr_url %>
+              <p>🌿 <%= link_to "View pull request", @card.pr_url, target: "_blank" %><%= " (#{@card.pr_state})" if @card.pr_state.present? %></p>
+            <% end %>
+          <% else %>
+            <p class="empty">No runs yet — drag the card into an execution column to assign an agent.</p>
+          <% end %>
+
+          <details class="advanced-rules panel-advanced">
+            <summary>Advanced</summary>
+            <p class="hint">Deleting removes the card and its entire history (events, runs, workspace). The remote branch and PR, if any, are left untouched.</p>
+            <%= button_to "🗑 Delete card", card_path(@card), method: :delete,
+                  class: "cancel-btn delete-card",
+                  form: { data: { turbo_frame: "_top", action: "turbo:submit-end->modal#closeOnSuccess",
+                                  turbo_confirm: "Delete ##{@card.number} \"#{@card.title}\" and its entire history? This cannot be undone." } },
+                  disabled: @card.working? %>
+          </details>
+        </aside>
+      </div>
+    </div>
+  </div>

data/app/views/cards/_tag_picker.html.erb

@@ -0,0 +1,12 @@
+<%# locals: board, tags (currently selected) %>
+<div data-controller="tags">
+  <%= hidden_field_tag "card[tags]", tags.join(", "), data: { tags_target: "field" } %>
+  <div class="tag-chips" data-tags-target="chips">
+    <% (board.tag_pool | tags).each do |tag| %>
+      <button type="button" class="tag-chip <%= "on" if tags.include?(tag) %>"
+              data-tag="<%= tag %>" data-action="tags#toggle"><%= tag %></button>
+    <% end %>
+  </div>
+  <input type="text" class="new-tag-input" placeholder="+ new tag (Enter)"
+         data-tags-target="newTag" data-action="keydown->tags#keydown">
+</div>

data/app/views/cards/new.html.erb

@@ -0,0 +1,35 @@
+<%= turbo_frame_tag "modal", data: { turbo_permanent: true } do %>
+  <div class="modal-backdrop" data-controller="modal" data-modal-sticky-value="true" data-action="click->modal#backdrop">
+    <div class="modal modal-sm">
+      <header class="modal-header">
+        <h1>New card<% if @parent %> <span class="hint">— child of “<%= @parent.title %>”</span><% end %></h1>
+        <button type="button" class="modal-close" data-action="modal#close" title="Cancel">✕</button>
+      </header>
+      <div class="modal-body">
+        <%# _top: a full-page redirect after create — Turbo suppresses this
+            tab's own refresh broadcast, so a frame-scoped response would
+            leave the board stale behind the modal. %>
+        <%= form_with url: cards_path, class: "card-edit",
+              data: { turbo_frame: "_top", action: "turbo:submit-end->modal#closeOnSuccess" } do |f| %>
+          <%= hidden_field_tag "card[parent_id]", @parent&.id %>
+          <label>Title</label>
+          <%= f.text_field "card[title]", required: true, autofocus: true, placeholder: "What needs doing?" %>
+          <label>Tags</label>
+          <%= render "cards/tag_picker", board: @board, tags: [] %>
+          <label>Description</label>
+          <%= f.text_area "card[description]", rows: 8,
+                placeholder: "Goal, context, acceptance criteria — the planning assistant will help refine this." %>
+          <label>Branch <span class="hint">— optional</span></label>
+          <%= f.text_field "card[branch_name]", placeholder: "cardinal/#{@board.cards.maximum(:number).to_i + 1}-feature-name" %>
+          <label>Pull request <span class="hint">— optional</span></label>
+          <%= f.text_field "card[pr_url]", placeholder: "https://github.com/owner/repo/pull/123" %>
+          <p class="hint">Leave blank and the agent picks a branch. Set either to point work at an existing branch or PR.</p>
+          <div class="card-edit-actions">
+            <button type="button" class="btn-cancel" data-action="modal#close">Cancel</button>
+            <%= f.submit "Save" %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/cards/show.html.erb

@@ -0,0 +1,3 @@
+<%= turbo_frame_tag "modal", data: { turbo_permanent: true } do %>
+  <%= render "cards/detail" %>
+<% end %>

data/app/views/columns/_column.html.erb

@@ -0,0 +1,25 @@
+<section class="column column-<%= column.archetype %>" id="<%= dom_id(column) %>"
+         data-col-id="<%= column.id %>" data-accepts="<%= Array(column.accepts_from).join(",") %>"<%= " style=\"background-color: #{column.safe_color}\"".html_safe if column.safe_color %>>
+  <header class="column-header">
+    <span class="column-title">
+      <h2><%= column.name %></h2>
+      <% if column.inbox? %>
+        <%= link_to "+", new_card_path, class: "add-card", title: "New card",
+                    data: { turbo_frame: "modal" } %>
+      <% end %>
+    </span>
+    <%= link_to "⚙", edit_column_path(column), class: "gear", title: "Column settings",
+                data: { turbo_frame: "modal" } %>
+  </header>
+  <p class="drop-hint">→ <%= column.drag_hint %></p>
+  <div class="cards<%= " cards-clickable" if column.inbox? %>"
+       data-controller="board-column"
+       data-board-column-hint-value="<%= column.drag_hint %>"
+       <% if column.inbox? %>data-action="click->board-column#newCard"
+       data-board-column-new-url-value="<%= new_card_path %>"<% end %>
+       data-column-id="<%= column.id %>">
+    <% column.cards.each do |card| %>
+      <%= render "cards/card", card: card %>
+    <% end %>
+  </div>
+</section>

data/app/views/columns/edit.html.erb

@@ -0,0 +1,146 @@
+<%= turbo_frame_tag "modal", data: { turbo_permanent: true } do %>
+  <div class="modal-backdrop" data-controller="modal" data-action="click->modal#backdrop">
+    <div class="modal modal-sm" data-controller="autosave">
+      <header class="modal-header">
+        <h1>⚙ <%= @column.name %> <span class="chip"><%= @column.archetype %></span>
+            <span class="autosave-status" data-autosave-target="status"></span></h1>
+        <button type="button" class="modal-close" data-action="modal#close" title="Close (Esc)">✕</button>
+      </header>
+      <div class="modal-body">
+        <div id="column-form-errors"><% if @json_error %><p class="form-error"><%= @json_error %></p><% end %></div>
+
+        <%= form_with model: @column, class: "card-edit",
+              data: { autosave_target: "form", action: "input->autosave#save change->autosave#save" } do |f| %>
+          <%= hidden_field_tag :autosave, "1" %>
+          <div class="field-row">
+            <div>
+              <label>Name <%= info_tip("The column's display name on the board.") %></label>
+              <%= f.text_field :name, required: true %>
+            </div>
+            <div>
+              <label>Archetype <%= info_tip("What kind of stage this is. Planning: a shared assistant discusses cards with you. Execution: each card gets its own worker agent that does the work. Review: work stops for your verdict. Terminal: finalizes the card (Done merges the PR). Inbox isn't selectable — the board has exactly one, the far-left intake.") %></label>
+              <% if @column.inbox? %>
+                <p class="archetype-locked">Inbox — the board's single intake (fixed)</p>
+              <% else %>
+                <%= f.select :archetype, (Column::ARCHETYPES - ["inbox"]).map { |a| [a.capitalize, a] } %>
+              <% end %>
+            </div>
+            <div>
+              <label>Arrivals <%= info_tip("Where cards land when dragged into this column. 'Top' makes it a feed — newest first, no matter where you drop (the Done default). Reordering inside the column stays manual.") %></label>
+              <%= f.select :arrivals, [["Where dropped", ""], ["Top of column", "top"], ["Bottom of column", "bottom"]], selected: @column.arrivals %>
+            </div>
+            <div class="color-cell">
+              <label>Background <%= info_tip("Custom background color for this column on the board. Uncheck to fall back to the archetype's default tint.") %></label>
+              <span class="color-row">
+                <%= f.color_field :color, value: @column.safe_color || "#1e2128" %>
+                <label class="check-row inline"><%= check_box_tag "column[custom_color]", "1", @column.safe_color.present? %> use</label>
+              </span>
+            </div>
+          </div>
+
+          <% siblings = @column.board.columns.where.not(id: @column.id).order(:position) %>
+          <% if siblings.any? %>
+            <% allowed = Array(@column.accepts_from).map(&:to_s) %>
+            <label>Accepts moves from (inbound) <%= info_tip("INBOUND rule: which columns may drag cards INTO this one. EXPLICIT ONLY — nothing checked means nothing may enter (there is no accept-from-anywhere). It does not control where this column's cards may go; set that on the destinations.") %></label>
+            <div class="accepts-from">
+              <% siblings.each do |sib| %>
+                <label class="check-row inline">
+                  <%= check_box_tag "column[accepts_from][]", sib.id, allowed.include?(sib.id.to_s) %>
+                  <%= sib.name %>
+                </label>
+              <% end %>
+            </div>
+          <% end %>
+
+          <%# The Tasks/inbox column is the board's intake — cards park here untouched,
+              so none of the AI-work or on-entry settings below apply to it (card #17). %>
+          <% if @column.inbox? %>
+            <p class="default-rule">This column never uses AI — it's the board's intake.</p>
+          <% else %>
+          <div data-controller="reveal">
+            <label class="check-row">
+              <%= hidden_field_tag "column[ai]", "0", id: nil %>
+              <%= check_box_tag "column[ai]", "1", @column.ai?, data: { reveal_target: "toggle", action: "change->reveal#sync" } %>
+              🤖 Use AI in this column — <%= @column.ai_mode_description %>
+              <%= info_tip("Off = this column is fully inert AI-wise: no assistant, no worker agents, no AI rules. Cards here are human work (a card dragged into a non-AI work column reads as being worked by a person). Non-AI on-entry rules like merge_pr still run.") %>
+            </label>
+
+            <div data-reveal-target="panel">
+            <label>Instructions <%= info_tip("Extra guidance given to any AI servicing cards in this column — added ON TOP of the built-in role shown below (which is enforced in code and can't be edited away).") %></label>
+            <% if @column.built_in_role %>
+              <p class="default-rule">Built-in role: <%= @column.built_in_role %></p>
+            <% end %>
+            <%= f.text_area :instructions, rows: 3, value: @column.instructions,
+                  placeholder: "Your additions — e.g. “always press for acceptance criteria”, “follow the repo style guide”…" %>
+
+            <div class="field-row">
+              <div>
+                <label>Model <%= info_tip("Which Claude model works cards in this column. Haiku for cheap chat and maintenance, Sonnet for most real work, Opus/Fable when the work is hard and worth it.") %></label>
+                <%= f.select :model, model_options(@column.model), selected: @column.model.to_s %>
+              </div>
+              <div>
+                <label>Effort <%= info_tip("How hard the model thinks per step. Higher = smarter but slower and pricier. Max is supported on Sonnet/Opus tiers only.") %></label>
+                <%= f.select :effort, [["(default)", ""], "low", "medium", "high", "max"], selected: @column.effort %>
+              </div>
+            </div>
+
+            <div class="field-row">
+              <div>
+                <label>Concurrency <%= info_tip("WIP limit: how many cards may be actively worked at once here. Extra cards queue in order; drag to reprioritize.") %></label>
+                <%= f.number_field :concurrency_limit, value: @column.concurrency_limit, min: 1, placeholder: "∞" %>
+              </div>
+              <div>
+                <label>Max turns <%= info_tip("Check-in cadence and loop guard: after this many actions the agent pauses, saves progress, and asks whether to continue (one reply = fresh budget). Catches busy-but-stuck loops a wall-clock timeout can't. Not a work limit.") %></label>
+                <%= f.number_field :max_turns, value: @column.max_turns, min: 1, placeholder: "80" %>
+              </div>
+              <div>
+                <label>Timeout (min) <%= info_tip("Wall-clock limit per run segment. The agent process is killed when it expires — never a runaway.") %></label>
+                <%= f.number_field :timeout_minutes, value: @column.timeout_minutes, min: 1, placeholder: "30" %>
+              </div>
+            </div>
+
+            <label class="check-row">
+              <%= f.check_box :plan_approval, checked: ActiveModel::Type::Boolean.new.cast(@column.plan_approval) %>
+              Require plan approval before the agent makes changes
+              <%= info_tip("The agent's first pass is read-only: it explores and proposes a plan, then waits. You approve with one click or reply to redirect. Your main safety rail.") %>
+            </label>
+
+            </div>
+
+            <label>On-entry rules <%= info_tip("What happens when a card lands in this column, in plain English — e.g. \"start the worker agent\" or \"have an AI suggest tags and a better title\". Cardinal compiles it to rule actions when you save. Blank = the archetype's default behavior shown below.") %></label>
+            <p class="default-rule">Archetype template: <%= Rules::DEFAULT_DESCRIPTIONS[@column.archetype] %></p>
+            <% if @column.policy["on_entry"].present? %>
+              <p class="default-rule active-rule">Currently active: <%= Rules.describe(@column.policy["on_entry"]) %><%= " — from your English rules below" if @column.policy["on_entry_text"].present? %></p>
+            <% end %>
+            <%= f.text_area :on_entry_text, rows: 3,
+                  value: @column.policy["on_entry_text"],
+                  placeholder: "Describe what should happen when a card arrives — replaces the active behavior shown above. Blank = archetype default." %>
+
+            <details class="advanced-rules">
+              <summary>Advanced: compiled rules (JSON)</summary>
+              <p class="hint">Applied only when the English box above is empty. Current compiled form:</p>
+              <%= f.text_area :on_entry_json, rows: 4, class: "mono",
+                    value: @column.policy["on_entry"] ? JSON.pretty_generate(@column.policy["on_entry"]) : "",
+                    placeholder: '[{"action": "ai_task", "prompt": "Suggest tags for: %{title}"}]' %>
+            </details>
+          </div>
+          <% end %>
+        <% end %>
+
+        <details class="advanced-rules panel-advanced">
+          <summary>Advanced</summary>
+          <% if @column.inbox? %>
+            <p class="hint">The Tasks column is the board's intake — cards enter the flow here to be triaged. It can't be deleted.</p>
+          <% elsif @column.cards.none? %>
+            <p class="hint">Deleting removes this column and its policy. Cards are unaffected — the column must already be empty.</p>
+            <%= button_to "🗑 Delete column", column_path(@column), method: :delete, class: "cancel-btn delete-column",
+                  form: { data: { turbo_frame: "_top", action: "turbo:submit-end->modal#closeOnSuccess",
+                                  turbo_confirm: "Delete the \"#{@column.name}\" column and its policy?" } } %>
+          <% else %>
+            <p class="hint">This column still has <%= pluralize(@column.cards.count, "card") %> — move them before it can be deleted.</p>
+          <% end %>
+        </details>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/events/_event.html.erb

@@ -0,0 +1,29 @@
+<% if event.kind == "column_move" %>
+  <div class="stage-divider">
+    <span><%= event.payload["from"] %> → <%= event.payload["to"] %></span>
+    <time><%= event.created_at.strftime("%b %-d %H:%M") %></time>
+  </div>
+<% elsif event.kind == "move_rejected" %>
+  <div class="move-rejected-row">
+    <span>⤺ <%= event.text %></span>
+    <time><%= event.created_at.strftime("%b %-d %H:%M") %></time>
+  </div>
+<% else %>
+  <div class="event event-<%= event.kind %> actor-<%= event.actor %>">
+    <span class="event-actor"><%= { "user" => "👤", "agent" => "🤖", "assistant" => "🪶", "system" => "·" }[event.actor] || event.actor %></span>
+    <div class="event-body">
+      <% if event.text %>
+        <%= render_markdown event.text %>
+      <% else %>
+        <code class="event-kind"><%= event.kind %></code>
+      <% end %>
+      <% if event.kind == "error" && event.payload["detail"].present? %>
+        <details class="error-detail">
+          <summary>technical detail</summary>
+          <pre><%= event.payload["detail"] %></pre>
+        </details>
+      <% end %>
+      <time><%= event.created_at.strftime("%b %-d %H:%M") %></time>
+    </div>
+  </div>
+<% end %>

data/app/views/layouts/application.html.erb

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= content_for(:title) || "Cardinal AI" %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="application-name" content="Cardinal AI">
+    <meta name="mobile-web-app-capable" content="yes">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%# Live board sync: server broadcasts trigger a page refresh, morphed in place %>
+    <meta name="turbo-refresh-method" content="morph">
+    <meta name="turbo-refresh-scroll" content="preserve">
+
+    <%= yield :head %>
+
+    <%# Apply the saved theme before first paint to avoid a flash of dark. Dark is the
+        default. Turbo morph refreshes reconcile <html> against the server markup (which
+        has no data-theme), so re-apply after each render to keep the choice sticky. %>
+    <script>
+      (function () {
+        function applyTheme() {
+          if (localStorage.getItem("theme") === "light") {
+            document.documentElement.setAttribute("data-theme", "light")
+          } else {
+            document.documentElement.removeAttribute("data-theme")
+          }
+        }
+        applyTheme()
+        document.addEventListener("turbo:render", applyTheme)
+      })()
+    </script>
+
+    <link rel="icon" href="/icon.png" type="image/png">
+    <link rel="icon" href="/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/icon.png">
+
+    <%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
+    <%= javascript_importmap_tags %>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/app/views/layouts/mailer.html.erb

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <style>
+      /* Email styles need to be inline */
+    </style>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/app/views/layouts/mailer.text.erb

@@ -0,0 +1 @@
+<%= yield %>

data/app/views/pwa/manifest.json.erb

@@ -0,0 +1,22 @@
+{
+  "name": "Work",
+  "icons": [
+    {
+      "src": "/icon.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "/icon.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
+    }
+  ],
+  "start_url": "/",
+  "display": "standalone",
+  "scope": "/",
+  "description": "Work.",
+  "theme_color": "red",
+  "background_color": "red"
+}

data/app/views/pwa/service-worker.js

@@ -0,0 +1,26 @@
+// Add a service worker for processing Web Push notifications:
+//
+// self.addEventListener("push", async (event) => {
+//   const { title, options } = await event.data.json()
+//   event.waitUntil(self.registration.showNotification(title, options))
+// })
+//
+// self.addEventListener("notificationclick", function(event) {
+//   event.notification.close()
+//   event.waitUntil(
+//     clients.matchAll({ type: "window" }).then((clientList) => {
+//       for (let i = 0; i < clientList.length; i++) {
+//         let client = clientList[i]
+//         let clientPath = (new URL(client.url)).pathname
+//
+//         if (clientPath == event.notification.data.path && "focus" in client) {
+//           return client.focus()
+//         }
+//       }
+//
+//       if (clients.openWindow) {
+//         return clients.openWindow(event.notification.data.path)
+//       }
+//     })
+//   )
+// })

data/bin/rails

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+APP_PATH = File.expand_path("../config/application", __dir__)
+require_relative "../config/boot"
+require "rails/commands"

data/bin/rake

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+require_relative "../config/boot"
+require "rake"
+Rake.application.run