cardinal-ai 0.0.1 → 0.2.3

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,126 @@
+<%= 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">
+      <header class="modal-header">
+        <h1>⚙ <%= @column.name %> <span class="chip"><%= @column.archetype %></span></h1>
+        <button type="button" class="modal-close" data-action="modal#close" title="Close (Esc)">✕</button>
+      </header>
+      <div class="modal-body">
+        <% if @json_error %><p class="form-error"><%= @json_error %></p><% end %>
+
+        <%= form_with model: @column, class: "card-edit" do |f| %>
+          <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. Inbox: parking lot, no AI. 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).") %></label>
+              <%= f.select :archetype, Column::ARCHETYPES.map { |a| [a.capitalize, a] } %>
+            </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. It does not control where this column's cards may go — set that on the destination columns. Leave all unchecked to accept from anywhere. Example: check only Planning on In Progress so work can't skip triage.") %></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). %>
+          <% unless @column.inbox? %>
+            <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>
+
+            <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>
+            <% if @column.policy["on_entry_text"].blank? && @column.policy["on_entry"].blank? %>
+              <p class="default-rule">Default: <%= Rules::DEFAULT_DESCRIPTIONS[@column.archetype] %></p>
+            <% end %>
+            <%= f.text_area :on_entry_text, rows: 3,
+                  value: @column.policy["on_entry_text"],
+                  placeholder: "Describe what should happen instead of the 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>
+          <% end %>
+
+          <%= f.submit "Save" %>
+        <% 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