completion-kit 0.1.0.rc1

data/app/views/completion_kit/api_reference/index.html.erb

@@ -0,0 +1,308 @@
+<% token_display = if @token.present? && @token.length >= 12
+  "#{@token[0..3]}#{'•' * [@token.length - 8, 4].max}#{@token[-4..]}"
+elsif @token.present?
+  "••••••••"
+else
+  "YOUR_TOKEN"
+end %>
+
+<section class="ck-page-header">
+  <div>
+    <h1 class="ck-title">API</h1>
+    <p class="ck-lead">REST JSON API for programmatic access. All requests require a bearer token via the Authorization header.</p>
+  </div>
+</section>
+
+<div class="ck-stack">
+  <div class="ck-card">
+    <div class="ck-split">
+      <div>
+        <p class="ck-kicker">Authentication</p>
+        <% if @token.present? %>
+          <div style="display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0;">
+            <button type="button" class="ck-chip ck-token-toggle" onclick="ckToggleToken(this)" data-masked="<%= token_display %>" data-real="<%= @token %>" aria-label="Reveal API token" aria-pressed="false" style="cursor: pointer;"><%= token_display %></button>
+            <button type="button" class="ck-icon-btn" title="Copy token" aria-label="Copy API token" onclick="var b=this;navigator.clipboard.writeText('<%= @token %>').then(function(){b.classList.add('ck-api-copy--done');setTimeout(function(){b.classList.remove('ck-api-copy--done')},1500)})">
+              <%= heroicon_tag "clipboard-document", variant: :outline, size: 14, "aria-hidden": "true" %>
+            </button>
+          </div>
+        <% else %>
+          <p class="ck-meta-copy">No API token configured. Set <code>COMPLETION_KIT_API_TOKEN</code> to enable API access.</p>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+
+<% if @published_prompts.any? %>
+  <div class="ck-api-prompts-section">
+    <p class="ck-kicker">Your prompts</p>
+    <% @published_prompts.each do |p| %>
+      <div class="ck-api-prompt-card">
+        <div class="ck-api-prompt-card__top">
+          <div>
+            <strong class="ck-api-prompt-card__name"><%= p.name %></strong>
+            <% if p.description.present? %>
+              <p class="ck-api-prompt-card__desc"><%= p.description %></p>
+            <% end %>
+          </div>
+          <span class="ck-chip" style="text-transform: none; flex-shrink: 0;"><%= p.llm_model %></span>
+        </div>
+        <div class="ck-api-prompt-card__url">
+          <code class="ck-endpoint__url" id="prompt_ep_<%= p.id %>"><%= @base_url %>/api/v1/prompts/<%= p.slug %></code>
+          <button type="button" class="ck-icon-btn" title="Copy endpoint" aria-label="Copy endpoint URL" onclick="navigator.clipboard.writeText(document.getElementById('prompt_ep_<%= p.id %>').textContent)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="14" height="14" aria-hidden="true"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"/><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"/></svg></button>
+        </div>
+      </div>
+    <% end %>
+  </div>
+<% end %>
+
+<div class="ck-api-tabs">
+  <input type="radio" name="ck-api-tab" id="ck-tab-mcp" class="ck-api-tabs__radio" checked>
+  <input type="radio" name="ck-api-tab" id="ck-tab-prompts" class="ck-api-tabs__radio">
+  <input type="radio" name="ck-api-tab" id="ck-tab-runs" class="ck-api-tabs__radio">
+  <input type="radio" name="ck-api-tab" id="ck-tab-responses" class="ck-api-tabs__radio">
+  <input type="radio" name="ck-api-tab" id="ck-tab-datasets" class="ck-api-tabs__radio">
+  <input type="radio" name="ck-api-tab" id="ck-tab-metrics" class="ck-api-tabs__radio">
+  <input type="radio" name="ck-api-tab" id="ck-tab-criteria" class="ck-api-tabs__radio">
+  <input type="radio" name="ck-api-tab" id="ck-tab-providers" class="ck-api-tabs__radio">
+
+  <nav class="ck-api-tabs__nav">
+    <label for="ck-tab-mcp" class="ck-api-tabs__label">MCP <span class="ck-api-tabs__count">35</span></label>
+    <label for="ck-tab-prompts" class="ck-api-tabs__label">Prompts <span class="ck-api-tabs__count">6</span></label>
+    <label for="ck-tab-runs" class="ck-api-tabs__label">Runs <span class="ck-api-tabs__count">7</span></label>
+    <label for="ck-tab-responses" class="ck-api-tabs__label">Responses <span class="ck-api-tabs__count">2</span></label>
+    <label for="ck-tab-datasets" class="ck-api-tabs__label">Datasets <span class="ck-api-tabs__count">5</span></label>
+    <label for="ck-tab-metrics" class="ck-api-tabs__label">Metrics <span class="ck-api-tabs__count">5</span></label>
+    <label for="ck-tab-criteria" class="ck-api-tabs__label">Criteria <span class="ck-api-tabs__count">5</span></label>
+    <label for="ck-tab-providers" class="ck-api-tabs__label">Providers <span class="ck-api-tabs__count">5</span></label>
+  </nav>
+
+  <div class="ck-api-tabs__panels">
+
+    <div class="ck-api-tabs__panel">
+      <h2 class="ck-section-title">MCP Server</h2>
+      <p class="ck-copy">Connect Claude Code, Cursor, or any <a href="https://modelcontextprotocol.io" class="ck-link">MCP</a> client to manage prompts, runs, datasets, and metrics conversationally. 35 tools over streamable HTTP.</p>
+
+      <div class="ck-mcp-install-grid">
+        <div class="ck-mcp-install-card">
+          <div class="ck-mcp-install-card__header">
+            <span class="ck-mcp-install-card__icon">&#9654;</span>
+            Claude Code
+          </div>
+          <%= render "example", base_url: @base_url, token: token_display, real_token: @token, cmd: "claude mcp add completion-kit \\\n  --transport http \\\n  --url #{@base_url}/mcp \\\n  --header \"Authorization: Bearer #{token_display}\"" %>
+        </div>
+        <div class="ck-mcp-install-card">
+          <div class="ck-mcp-install-card__header">
+            <span class="ck-mcp-install-card__icon">{}</span>
+            Cursor / Generic
+          </div>
+          <%= render "example", base_url: @base_url, token: token_display, real_token: @token, cmd: "{\n  \"mcpServers\": {\n    \"completion-kit\": {\n      \"url\": \"#{@base_url}/mcp\",\n      \"headers\": {\n        \"Authorization\": \"Bearer #{token_display}\"\n      }\n    }\n  }\n}" %>
+        </div>
+      </div>
+
+      <div class="ck-api-endpoint" style="padding-top: 1.5rem;">
+        <p class="ck-kicker" style="margin-bottom: 0.75rem;">Available tools</p>
+        <% grouped = CompletionKit::McpDispatcher.tool_definitions.group_by { |t| t[:name].split("_").first } %>
+        <% grouped.each do |group, tools| %>
+          <div class="ck-mcp-tool-group">
+            <p class="ck-mcp-tool-group__label"><%= group %> <span class="ck-api-tabs__count"><%= tools.size %></span></p>
+            <div class="ck-mcp-tools">
+              <% tools.each do |tool| %>
+                <div class="ck-mcp-tool">
+                  <code class="ck-mcp-tool__name"><%= tool[:name] %></code>
+                  <span class="ck-mcp-tool__desc"><%= tool[:description] %></span>
+                </div>
+              <% end %>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    </div>
+
+    <div class="ck-api-tabs__panel">
+      <h2 class="ck-section-title">Prompts</h2>
+      <p class="ck-copy">Create, version, and manage LLM prompt templates.</p>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span> /api/v1/prompts</p>
+        <p class="ck-meta-copy">List all prompts, ordered by most recent.</p>
+        <%= render "example", base_url: @base_url, token: token_display, real_token: @token, cmd: "curl #{@base_url}/api/v1/prompts \\\n  -H \"Authorization: Bearer #{token_display}\"" %>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">POST</span> /api/v1/prompts</p>
+        <p class="ck-meta-copy">Create a new prompt.</p>
+        <p class="ck-api-params"><strong>Required:</strong>&ensp;<code>name</code>, <code>template</code>, <code>llm_model</code>&emsp;<strong>Optional:</strong>&ensp;<code>description</code></p>
+        <%= render "example", base_url: @base_url, token: token_display, real_token: @token, cmd: "curl -X POST #{@base_url}/api/v1/prompts \\\n  -H \"Authorization: Bearer #{token_display}\" \\\n  -H \"Content-Type: application/json\" \\\n  -d '{\"name\": \"summarizer\", \"template\": \"Summarize: {{text}}\", \"llm_model\": \"gpt-4.1\"}'" %>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span> /api/v1/prompts/:id</p>
+        <p class="ck-meta-copy">Get a single prompt by ID.</p>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">PATCH</span> /api/v1/prompts/:id</p>
+        <p class="ck-meta-copy">Update a prompt. Accepts same params as create.</p>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip" style="color: var(--ck-danger);">DELETE</span> /api/v1/prompts/:id</p>
+        <p class="ck-meta-copy">Delete a prompt. Returns 204 No Content.</p>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">POST</span> /api/v1/prompts/:id/publish</p>
+        <p class="ck-meta-copy">Publish a prompt version, making it the current version in its family.</p>
+      </div>
+    </div>
+
+    <div class="ck-api-tabs__panel">
+      <h2 class="ck-section-title">Runs</h2>
+      <p class="ck-copy">Create runs, generate LLM responses, and judge them with metrics.</p>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span> /api/v1/runs</p>
+        <p class="ck-meta-copy">List all runs with response counts and average scores.</p>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">POST</span> /api/v1/runs</p>
+        <p class="ck-meta-copy">Create a new run.</p>
+        <p class="ck-api-params"><strong>Required:</strong>&ensp;<code>prompt_id</code>&emsp;<strong>Optional:</strong>&ensp;<code>name</code>, <code>dataset_id</code>, <code>metric_ids</code>, <code>judge_model</code></p>
+        <%= render "example", base_url: @base_url, token: token_display, real_token: @token, cmd: "curl -X POST #{@base_url}/api/v1/runs \\\n  -H \"Authorization: Bearer #{token_display}\" \\\n  -H \"Content-Type: application/json\" \\\n  -d '{\"prompt_id\": 1, \"dataset_id\": 1, \"metric_ids\": [1, 2]}'" %>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span> /api/v1/runs/:id</p>
+        <p class="ck-meta-copy">Get a run with status, progress, response count, and average score.</p>
+        <%= render "example", base_url: @base_url, token: token_display, real_token: @token, cmd: "curl #{@base_url}/api/v1/runs/1 \\\n  -H \"Authorization: Bearer #{token_display}\"" %>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">POST</span> /api/v1/runs/:id/generate</p>
+        <p class="ck-meta-copy">Start generating responses. Returns 202 Accepted. Poll the run to check progress.</p>
+        <%= render "example", base_url: @base_url, token: token_display, real_token: @token, cmd: "curl -X POST #{@base_url}/api/v1/runs/1/generate \\\n  -H \"Authorization: Bearer #{token_display}\"" %>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">POST</span> /api/v1/runs/:id/judge</p>
+        <p class="ck-meta-copy">Start judging responses with the configured judge model and metrics. Returns 202 Accepted.</p>
+        <%= render "example", base_url: @base_url, token: token_display, real_token: @token, cmd: "curl -X POST #{@base_url}/api/v1/runs/1/judge \\\n  -H \"Authorization: Bearer #{token_display}\"" %>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">PATCH</span> /api/v1/runs/:id</p>
+        <p class="ck-meta-copy">Update a run. Accepts same params as create.</p>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip" style="color: var(--ck-danger);">DELETE</span> /api/v1/runs/:id</p>
+        <p class="ck-meta-copy">Delete a run and all its responses. Returns 204 No Content.</p>
+      </div>
+    </div>
+
+    <div class="ck-api-tabs__panel">
+      <h2 class="ck-section-title">Responses</h2>
+      <p class="ck-copy">Read-only access to generated responses and their review scores. Nested under runs.</p>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span> /api/v1/runs/:run_id/responses</p>
+        <p class="ck-meta-copy">List all responses for a run, including nested review scores.</p>
+        <%= render "example", base_url: @base_url, token: token_display, real_token: @token, cmd: "curl #{@base_url}/api/v1/runs/1/responses \\\n  -H \"Authorization: Bearer #{token_display}\"" %>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span> /api/v1/runs/:run_id/responses/:id</p>
+        <p class="ck-meta-copy">Get a single response with its review scores and feedback.</p>
+      </div>
+    </div>
+
+    <div class="ck-api-tabs__panel">
+      <h2 class="ck-section-title">Datasets</h2>
+      <p class="ck-copy">Data used as input for runs.</p>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span> /api/v1/datasets</p>
+        <p class="ck-meta-copy">List all datasets.</p>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">POST</span> /api/v1/datasets</p>
+        <p class="ck-meta-copy">Create a dataset.</p>
+        <p class="ck-api-params"><strong>Required:</strong>&ensp;<code>name</code>, <code>csv_data</code></p>
+        <%= render "example", base_url: @base_url, token: token_display, real_token: @token, cmd: "curl -X POST #{@base_url}/api/v1/datasets \\\n  -H \"Authorization: Bearer #{token_display}\" \\\n  -H \"Content-Type: application/json\" \\\n  -d '{\"name\": \"tickets\", \"csv_data\": \"text,expected_output\\\\nHello,Hi\"}'" %>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span>&ensp;<span class="ck-chip ck-chip--soft">PATCH</span>&ensp;<span class="ck-chip" style="color: var(--ck-danger);">DELETE</span> /api/v1/datasets/:id</p>
+        <p class="ck-meta-copy">Get, update, or delete a dataset.</p>
+      </div>
+    </div>
+
+    <div class="ck-api-tabs__panel">
+      <h2 class="ck-section-title">Metrics</h2>
+      <p class="ck-copy">Scoring dimensions used by the judge model.</p>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span> /api/v1/metrics</p>
+        <p class="ck-meta-copy">List all metrics.</p>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">POST</span> /api/v1/metrics</p>
+        <p class="ck-meta-copy">Create a metric.</p>
+        <p class="ck-api-params"><strong>Required:</strong>&ensp;<code>name</code>&emsp;<strong>Optional:</strong>&ensp;<code>instruction</code>, <code>evaluation_steps</code> (array), <code>rubric_bands</code> (array of {stars, description})</p>
+        <%= render "example", base_url: @base_url, token: token_display, real_token: @token, cmd: "curl -X POST #{@base_url}/api/v1/metrics \\\n  -H \"Authorization: Bearer #{token_display}\" \\\n  -H \"Content-Type: application/json\" \\\n  -d '{\"name\": \"relevance\", \"instruction\": \"Is the response relevant?\"}'" %>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span>&ensp;<span class="ck-chip ck-chip--soft">PATCH</span>&ensp;<span class="ck-chip" style="color: var(--ck-danger);">DELETE</span> /api/v1/metrics/:id</p>
+        <p class="ck-meta-copy">Get, update, or delete a metric.</p>
+      </div>
+    </div>
+
+    <div class="ck-api-tabs__panel">
+      <h2 class="ck-section-title">Criteria</h2>
+      <p class="ck-copy">Named groups of metrics applied to runs as a set.</p>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span> /api/v1/criteria</p>
+        <p class="ck-meta-copy">List all criteria with their metric IDs.</p>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">POST</span> /api/v1/criteria</p>
+        <p class="ck-meta-copy">Create a criteria group.</p>
+        <p class="ck-api-params"><strong>Required:</strong>&ensp;<code>name</code>&emsp;<strong>Optional:</strong>&ensp;<code>description</code>, <code>metric_ids</code> (array)</p>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span>&ensp;<span class="ck-chip ck-chip--soft">PATCH</span>&ensp;<span class="ck-chip" style="color: var(--ck-danger);">DELETE</span> /api/v1/criteria/:id</p>
+        <p class="ck-meta-copy">Get, update, or delete a criteria group. PATCH with <code>metric_ids</code> replaces all metric associations.</p>
+      </div>
+    </div>
+
+    <div class="ck-api-tabs__panel">
+      <h2 class="ck-section-title">Provider Credentials</h2>
+      <p class="ck-copy">LLM provider API keys. The <code>api_key</code> field is write-only and never returned in responses.</p>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span> /api/v1/provider_credentials</p>
+        <p class="ck-meta-copy">List all provider credentials (api_key excluded).</p>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">POST</span> /api/v1/provider_credentials</p>
+        <p class="ck-meta-copy">Create a provider credential.</p>
+        <p class="ck-api-params"><strong>Required:</strong>&ensp;<code>provider</code> (openai, anthropic, ollama, openrouter), <code>api_key</code>&emsp;<strong>Optional:</strong>&ensp;<code>api_endpoint</code></p>
+      </div>
+      <div class="ck-api-endpoint">
+        <p class="ck-api-method"><span class="ck-chip ck-chip--soft">GET</span>&ensp;<span class="ck-chip ck-chip--soft">PATCH</span>&ensp;<span class="ck-chip" style="color: var(--ck-danger);">DELETE</span> /api/v1/provider_credentials/:id</p>
+        <p class="ck-meta-copy">Get, update, or delete a provider credential.</p>
+      </div>
+    </div>
+
+  </div>
+</div>
+
+<script>
+function ckToggleToken(el) {
+  var showing = el.textContent === el.dataset.masked;
+  el.textContent = showing ? el.dataset.real : el.dataset.masked;
+  el.setAttribute('aria-pressed', showing ? 'true' : 'false');
+  el.setAttribute('aria-label', showing ? 'Hide API token' : 'Reveal API token');
+  navigator.clipboard.writeText(el.dataset.real).then(function() {
+    el.classList.add('ck-api-copy--done');
+    setTimeout(function() { el.classList.remove('ck-api-copy--done'); }, 1500);
+  });
+}
+
+function ckCopyExample(btn) {
+  var pre = btn.closest('.ck-api-example').querySelector('pre');
+  var text = pre.textContent;
+  var realToken = btn.dataset.realToken;
+  var displayToken = btn.dataset.displayToken;
+  if (realToken && displayToken) {
+    text = text.split(displayToken).join(realToken);
+  }
+  navigator.clipboard.writeText(text).then(function() {
+    btn.classList.add('ck-api-copy--done');
+    setTimeout(function() { btn.classList.remove('ck-api-copy--done'); }, 1500);
+  });
+}
+</script>

data/app/views/completion_kit/criteria/_form.html.erb

@@ -0,0 +1,46 @@
+<%= form_with(model: criteria, url: criteria.persisted? ? criterion_path(criteria) : criteria_path, local: true) do |form| %>
+  <% if criteria.errors.any? %>
+    <div class="ck-flash ck-flash--alert">
+      <p class="ck-flash__title"><%= pluralize(criteria.errors.count, "problem") %> prevented this criteria from being saved.</p>
+      <ul class="ck-error-list">
+        <% criteria.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="ck-card ck-form-card">
+    <div class="ck-field">
+      <%= form.label :name, "Criteria name", class: "ck-label" %>
+      <%= form.text_field :name, class: "ck-input", placeholder: "Support quality" %>
+    </div>
+
+    <div class="ck-field">
+      <%= form.label :description, class: "ck-label" %>
+      <%= form.text_area :description, rows: 3, class: "ck-input ck-input--area", placeholder: "When this criteria should be used." %>
+    </div>
+
+    <div class="ck-field">
+      <p class="ck-label">Metrics in this criteria</p>
+      <p class="ck-hint">A criteria groups metrics together for judging.</p>
+      <div class="ck-list ck-list--compact">
+        <% @metrics.each do |metric| %>
+          <label class="ck-item">
+            <span>
+              <strong><%= metric.name %></strong>
+              <span class="ck-meta-copy"><%= metric.instruction.presence || "No instruction set." %></span>
+            </span>
+            <%= check_box_tag "criteria[metric_ids][]", metric.id, criteria.metrics.exists?(metric.id), class: "ck-checkbox" %>
+          </label>
+        <% end %>
+      </div>
+      <%= hidden_field_tag "criteria[metric_ids][]", "" %>
+    </div>
+
+    <div class="ck-actions">
+      <%= link_to "Cancel", criteria_path, class: ck_button_classes(:light, variant: :outline) %>
+      <%= form.submit(criteria.persisted? ? "Save criteria" : "Create criteria", class: ck_button_classes(:dark)) %>
+    </div>
+  </div>
+<% end %>

data/app/views/completion_kit/criteria/edit.html.erb

@@ -0,0 +1,14 @@
+<ol class="ck-breadcrumb">
+  <li><%= link_to "Metrics", metrics_path %></li>
+  <li><%= link_to "Criteria", criteria_path %></li>
+  <li><%= link_to @criteria.name, criterion_path(@criteria) %></li>
+  <li>Edit</li>
+</ol>
+
+<section class="ck-page-header">
+  <div>
+    <h1 class="ck-title">Edit criteria</h1>
+  </div>
+</section>
+
+<%= render "form", criteria: @criteria %>

data/app/views/completion_kit/criteria/index.html.erb

@@ -0,0 +1,37 @@
+<ol class="ck-breadcrumb">
+  <li><%= link_to "Metrics", metrics_path %></li>
+  <li>Criteria</li>
+</ol>
+
+<section class="ck-page-header">
+  <div>
+    <h1 class="ck-title">Criteria</h1>
+    <p class="ck-lead">Named groups of metrics that can be applied to a run as a set. Use criteria to bundle related metrics together for reuse across runs.</p>
+  </div>
+  <div class="ck-actions">
+    <%= link_to "New criteria", new_criterion_path, class: ck_button_classes(:dark) %>
+  </div>
+</section>
+
+<% if @criterias.any? %>
+  <table class="ck-results-table">
+    <thead>
+      <tr>
+        <th>Name</th>
+        <th>Metrics</th>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @criterias.each do |criteria| %>
+        <tr onclick="window.location='<%= criterion_path(criteria) %>'" style="cursor: pointer;">
+          <td><strong><%= criteria.name %></strong></td>
+          <td><%= criteria.metrics.size %></td>
+          <td class="ck-results-table__arrow">&rarr;</td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% else %>
+  <div class="ck-empty">No criteria yet.</div>
+<% end %>

data/app/views/completion_kit/criteria/new.html.erb

@@ -0,0 +1,13 @@
+<ol class="ck-breadcrumb">
+  <li><%= link_to "Metrics", metrics_path %></li>
+  <li><%= link_to "Criteria", criteria_path %></li>
+  <li>New</li>
+</ol>
+
+<section class="ck-page-header">
+  <div>
+    <h1 class="ck-title">New criteria</h1>
+  </div>
+</section>
+
+<%= render "form", criteria: @criteria %>

data/app/views/completion_kit/criteria/show.html.erb

@@ -0,0 +1,37 @@
+<ol class="ck-breadcrumb">
+  <li><%= link_to "Metrics", metrics_path %></li>
+  <li><%= link_to "Criteria", criteria_path %></li>
+  <li><%= @criteria.name %></li>
+</ol>
+
+<section class="ck-page-header">
+  <div>
+    <h1 class="ck-title"><%= @criteria.name %></h1>
+    <% if @criteria.description.present? %>
+      <p class="ck-lead"><%= @criteria.description %></p>
+    <% end %>
+  </div>
+  <div class="ck-actions">
+    <%= link_to "Edit", edit_criterion_path(@criteria), class: ck_button_classes(:light, variant: :outline) %>
+  </div>
+</section>
+
+<section class="ck-card">
+  <p class="ck-kicker">Metrics</p>
+  <% if @criteria.metrics.any? %>
+    <div class="ck-list ck-list--compact">
+      <% @criteria.metrics.each do |metric| %>
+        <div class="ck-item">
+          <div>
+            <p class="ck-item-title"><%= link_to metric.name, metric_path(metric), class: "ck-link" %></p>
+            <% if metric.instruction.present? %>
+              <p class="ck-copy"><%= metric.instruction %></p>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  <% else %>
+    <p class="ck-copy">No metrics in this criteria yet.</p>
+  <% end %>
+</section>

data/app/views/completion_kit/datasets/_form.html.erb

@@ -0,0 +1,29 @@
+<%= form_with(model: dataset, local: true) do |form| %>
+  <% if dataset.errors.any? %>
+    <div class="ck-flash ck-flash--alert">
+      <p class="ck-flash__title"><%= pluralize(dataset.errors.count, "problem") %> prevented this dataset from being saved.</p>
+      <ul class="ck-error-list">
+        <% dataset.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="ck-card ck-form-card">
+    <div class="ck-field">
+      <%= form.label :name, "Name", class: "ck-label" %>
+      <%= form.text_field :name, class: "ck-input", placeholder: "Customer support tickets" %>
+    </div>
+
+    <div class="ck-field">
+      <%= form.label :csv_data, "CSV data", class: "ck-label" %>
+      <%= form.text_area :csv_data, rows: 12, class: "ck-input ck-input--area ck-input--code", placeholder: "content,audience\nFirst ticket text,internal\nSecond ticket text,customer" %>
+    </div>
+
+    <div class="ck-actions">
+      <%= link_to "Cancel", datasets_path, class: ck_button_classes(:light, variant: :outline) %>
+      <%= form.submit(dataset.persisted? ? "Save dataset" : "Create dataset", class: ck_button_classes(:dark)) %>
+    </div>
+  </div>
+<% end %>

data/app/views/completion_kit/datasets/edit.html.erb

@@ -0,0 +1,13 @@
+<ol class="ck-breadcrumb">
+  <li><%= link_to "Datasets", datasets_path %></li>
+  <li><%= link_to @dataset.name, dataset_path(@dataset) %></li>
+  <li>Edit</li>
+</ol>
+
+<section class="ck-page-header">
+  <div>
+    <h1 class="ck-title">Edit dataset</h1>
+  </div>
+</section>
+
+<%= render "form", dataset: @dataset %>

data/app/views/completion_kit/datasets/index.html.erb

@@ -0,0 +1,38 @@
+<section class="ck-page-header">
+  <div>
+    <h1 class="ck-title">Datasets</h1>
+    <p class="ck-lead">Data used as input for runs. Each row becomes a separate prompt completion, with column values substituted into template variables.</p>
+  </div>
+  <div class="ck-actions">
+    <%= link_to "New dataset", new_dataset_path, class: ck_button_classes(:dark) %>
+  </div>
+</section>
+
+<% if @datasets.any? %>
+  <table class="ck-results-table">
+    <thead>
+      <tr>
+        <th>Name</th>
+        <th>Rows</th>
+        <th>Used in</th>
+        <th>Created</th>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @datasets.each do |dataset| %>
+        <tr onclick="window.location='<%= dataset_path(dataset) %>'" style="cursor: pointer;">
+          <td><strong><%= dataset.name %></strong></td>
+          <td><%= dataset.row_count %></td>
+          <td><%= dataset.runs.count %></td>
+          <td><%= dataset.created_at.strftime("%Y-%m-%d") %></td>
+          <td class="ck-results-table__arrow">&rarr;</td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% else %>
+  <div class="ck-empty">
+    No datasets yet. Create one to use with your prompts.
+  </div>
+<% end %>

data/app/views/completion_kit/datasets/new.html.erb

@@ -0,0 +1,12 @@
+<ol class="ck-breadcrumb">
+  <li><%= link_to "Datasets", datasets_path %></li>
+  <li>New</li>
+</ol>
+
+<section class="ck-page-header">
+  <div>
+    <h1 class="ck-title">New dataset</h1>
+  </div>
+</section>
+
+<%= render "form", dataset: @dataset %>

data/app/views/completion_kit/datasets/show.html.erb

@@ -0,0 +1,45 @@
+<ol class="ck-breadcrumb">
+  <li><%= link_to "Datasets", datasets_path %></li>
+  <li><%= @dataset.name %></li>
+</ol>
+
+<section class="ck-page-header">
+  <div>
+    <h1 class="ck-title"><%= @dataset.name %></h1>
+  </div>
+  <div class="ck-actions">
+    <%= link_to "Edit", edit_dataset_path(@dataset), class: ck_button_classes(:light, variant: :outline) %>
+  </div>
+</section>
+
+<section>
+  <p class="ck-kicker">CSV preview</p>
+  <pre class="ck-code ck-code--dark"><%= @dataset.csv_data %></pre>
+</section>
+
+<% if @runs.any? %>
+  <section class="ck-card--spaced">
+    <p class="ck-kicker">Runs</p>
+
+    <table class="ck-results-table" style="margin-top: 0.5rem;">
+      <thead>
+        <tr>
+          <th>Run</th>
+          <th>Prompt</th>
+          <th>Responses</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @runs.each do |run| %>
+          <tr onclick="window.location='<%= run_path(run) %>'" style="cursor: pointer;">
+            <td><strong><%= run.name %></strong></td>
+            <td><%= link_to run.prompt.name, prompt_path(run.prompt), class: "ck-link" %></td>
+            <td><%= run.responses.size %></td>
+            <td class="ck-results-table__arrow">&rarr;</td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </section>
+<% end %>