completion-kit 0.4.2 → 0.4.8

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

@@ -14,30 +14,68 @@
 
 <section>
   <p class="ck-kicker">CSV preview</p>
-  <pre class="ck-code ck-code--dark"><%= @dataset.csv_data %></pre>
+  <%
+    require "csv"
+    parsed_rows = []
+    parse_error = nil
+    begin
+      csv = ::CSV.parse(@dataset.csv_data.to_s)
+      parsed_rows = csv
+    rescue ::CSV::MalformedCSVError => e
+      parse_error = e.message
+    end
+    headers = parsed_rows.first || []
+    body_rows = parsed_rows.drop(1)
+  %>
+  <% if parse_error %>
+    <p class="ck-field-hint" style="color: var(--ck-warning);">Could not parse CSV: <%= parse_error %></p>
+    <pre class="ck-code ck-code--dark"><%= @dataset.csv_data %></pre>
+  <% elsif headers.empty? %>
+    <p class="ck-field-hint">Dataset is empty.</p>
+  <% else %>
+    <div class="ck-csv-table-wrap">
+      <table class="ck-csv-table">
+        <thead>
+          <tr>
+            <th class="ck-csv-table__rownum">#</th>
+            <% headers.each do |h| %>
+              <th><%= h %></th>
+            <% end %>
+          </tr>
+        </thead>
+        <tbody>
+          <% body_rows.each_with_index do |row, idx| %>
+            <tr>
+              <td class="ck-csv-table__rownum"><%= idx + 1 %></td>
+              <% headers.each_with_index do |_, i| %>
+                <td><span class="ck-csv-cell"><%= row[i] %></span></td>
+              <% end %>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% end %>
 </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;">
+    <table class="ck-results-table ck-runs-table" style="margin-top: 0.5rem;">
       <thead>
         <tr>
           <th>Run</th>
-          <th>Prompt</th>
           <th>Responses</th>
+          <th>Metrics</th>
+          <th>Avg score</th>
+          <th>When</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>
+          <%= render "completion_kit/runs/row", run: run %>
         <% end %>
       </tbody>
     </table>

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

@@ -31,7 +31,7 @@
           <div class="ck-rubric-row">
             <div class="ck-rubric-row__stars">
               <% 5.times do |i| %>
-                <svg viewBox="0 0 24 24" width="14" height="14" stroke-width="1.75" class="ck-star <%= i < band["stars"] ? "ck-star--filled" : "ck-star--empty" %>"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
+                <svg viewBox="0 0 24 24" width="16" height="16" stroke-width="1.75" class="ck-star <%= i < band["stars"] ? "ck-star--filled" : "ck-star--empty" %>"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
               <% end %>
               <input type="hidden" name="metric[rubric_bands][<%= index %>][stars]" value="<%= band["stars"] %>">
             </div>

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

@@ -9,7 +9,7 @@
 </section>
 
 <% if @metrics.any? %>
-  <table class="ck-results-table">
+  <table class="ck-results-table ck-metrics-table">
     <thead>
       <tr>
         <th>Name</th>
@@ -23,7 +23,20 @@
         <tr onclick="window.location='<%= metric_path(metric) %>'" style="cursor: pointer;">
           <td><strong><%= metric.name %></strong></td>
           <td class="ck-meta-copy"><%= truncate(metric.instruction.to_s, length: 90).presence || "—" %></td>
-          <td class="ck-meta-copy"><%= metric.metric_groups.any? ? metric.metric_groups.map(&:name).join(", ") : "—" %></td>
+          <td>
+            <% groups = metric.metric_groups %>
+            <% if groups.any? %>
+              <div class="ck-metrics-table__groups">
+                <% groups.each do |g| %>
+                  <%= link_to metric_group_path(g), class: "ck-metric-group-pill ck-metric-group-pill--active", onclick: "event.stopPropagation();" do %>
+                    <span class="ck-metric-group-pill__label"><%= g.name %></span>
+                  <% end %>
+                <% end %>
+              </div>
+            <% else %>
+              <span class="ck-metrics-table__dim">—</span>
+            <% end %>
+          </td>
           <td class="ck-results-table__arrow">&rarr;</td>
         </tr>
       <% end %>

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

@@ -26,7 +26,7 @@
       <div class="ck-rubric-row ck-rubric-row--display">
         <div class="ck-rubric-row__stars">
           <% 5.times do |i| %>
-            <svg viewBox="0 0 24 24" width="14" height="14" stroke-width="1.75" class="ck-star <%= i < band["stars"] ? "ck-star--filled" : "ck-star--empty" %>"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
+            <svg viewBox="0 0 24 24" width="16" height="16" stroke-width="1.75" class="ck-star <%= i < band["stars"] ? "ck-star--filled" : "ck-star--empty" %>"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
           <% end %>
         </div>
         <div class="ck-rubric-row__fields">

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

@@ -9,31 +9,50 @@
 </section>
 
 <% if @prompts.any? %>
-  <table class="ck-results-table">
+  <table class="ck-results-table ck-prompts-table">
     <thead>
       <tr>
         <th>Name</th>
+        <th>Version</th>
         <th>Model</th>
+        <th>Best score</th>
         <th>Runs</th>
-        <th>Last run</th>
         <th></th>
       </tr>
     </thead>
     <tbody>
       <% @prompts.each do |prompt| %>
         <tr onclick="window.location='<%= prompt_path(prompt) %>'" style="cursor: pointer;">
-          <td><strong><%= prompt.name %></strong> <span class="ck-chip ck-chip--soft"><%= prompt.version_label %></span></td>
+          <td><strong><%= prompt.name %></strong></td>
+          <% latest_version = prompt.family_versions.maximum(:version_number) %>
+          <td>
+            <span class="ck-chip ck-chip--soft"><%= prompt.version_label %></span>
+            <% if prompt.version_number < latest_version %>
+              <span class="ck-meta-copy" style="margin-left: 0.4rem;">of <%= latest_version %></span>
+            <% end %>
+          </td>
           <td><span class="ck-chip"><%= prompt.llm_model %></span></td>
           <% family_runs = CompletionKit::Run.where(prompt_id: prompt.family_versions.select(:id)) %>
-          <td><%= family_runs.count %></td>
+          <% current_version_runs = prompt.runs.includes(responses: :reviews) %>
+          <% best_score = current_version_runs.map(&:avg_score).compact.max %>
           <td>
-            <% last_run = family_runs.order(created_at: :desc).first %>
-            <% if last_run %>
-              <%= time_ago_in_words(last_run.created_at) %> ago
+            <% if best_score %>
+              <span class="<%= ck_badge_classes(ck_score_kind(best_score)) %>"><%= best_score %></span>
             <% else %>
-              Never
+              <span class="ck-prompts-table__dim">—</span>
             <% end %>
           </td>
+          <td>
+            <div class="ck-prompts-table__runs">
+              <span class="ck-prompts-table__runs-count"><%= family_runs.count %></span>
+              <% last_run = family_runs.order(created_at: :desc).first %>
+              <% if last_run %>
+                <span class="ck-prompts-table__runs-when">last <time data-relative-time datetime="<%= last_run.created_at.utc.iso8601 %>"><%= time_ago_in_words(last_run.created_at) %></time> ago</span>
+              <% else %>
+                <span class="ck-prompts-table__runs-when">never run</span>
+              <% end %>
+            </div>
+          </td>
           <td class="ck-results-table__arrow">&rarr;</td>
         </tr>
       <% end %>

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

@@ -56,7 +56,7 @@
           <tr>
             <td><strong>v<%= v.version_number %></strong></td>
             <td><span class="ck-chip ck-chip--soft"><%= v.llm_model %></span></td>
-            <td class="ck-meta-copy"><%= time_ago_in_words(v.created_at) %> ago</td>
+            <td class="ck-meta-copy"><time datetime="<%= v.created_at.iso8601 %>" data-local-time><%= v.created_at.utc.strftime("%b %-d, %Y at %-I:%M %p UTC") %></time></td>
             <td>
               <% if v.current? %>
                 <span class="ck-chip">Current</span>
@@ -75,50 +75,20 @@
   <section class="ck-card--spaced">
     <p class="ck-kicker">Runs</p>
 
-    <table class="ck-results-table" style="margin-top: 0.5rem;">
+    <table class="ck-results-table ck-runs-table" style="margin-top: 0.5rem;">
       <thead>
         <tr>
           <th>Run</th>
-          <th>Version</th>
           <th>Responses</th>
-          <th>Avg score</th>
           <th>Metrics</th>
+          <th>Avg score</th>
           <th>When</th>
           <th></th>
         </tr>
       </thead>
       <tbody>
         <% @runs.each do |run| %>
-          <tr onclick="window.location='<%= run_path(run) %>'" style="cursor: pointer;">
-            <td><span class="ck-run-name"><span class="<%= ck_run_dot(run) %>"></span><strong><%= run.name %></strong></span></td>
-            <td><span class="ck-chip ck-chip--soft">v<%= run.prompt.version_number %></span></td>
-            <td><%= run.responses.size %></td>
-            <td>
-              <% avg = run.avg_score %>
-              <% if avg %>
-                <span class="<%= ck_badge_classes(ck_score_kind(avg)) %>"><%= avg %></span>
-              <% else %>
-                &mdash;
-              <% end %>
-            </td>
-            <td>
-              <% metrics = run.metric_averages %>
-              <% if metrics.any? %>
-                <div class="ck-metric-bar ck-metric-bar--compact">
-                  <% metrics.each do |m| %>
-                    <span class="ck-metric-pip ck-metric-pip--<%= ck_score_kind(m[:avg]) %>">
-                      <span class="ck-metric-pip__bar"></span>
-                      <span class="ck-metric-pip__label"><%= m[:name] %> <strong><%= m[:avg] %></strong></span>
-                    </span>
-                  <% end %>
-                </div>
-              <% else %>
-                &mdash;
-              <% end %>
-            </td>
-            <td class="ck-meta-copy"><%= time_ago_in_words(run.created_at) %> ago</td>
-            <td class="ck-results-table__arrow">&rarr;</td>
-          </tr>
+          <%= render "completion_kit/runs/row", run: run %>
         <% end %>
       </tbody>
     </table>
@@ -141,11 +111,11 @@
       </thead>
       <tbody>
         <% suggestions.each do |s| %>
-          <tr onclick="window.location='<%= suggestion_run_path(s.run) %>'" style="cursor: pointer;">
+          <tr onclick="window.location='<%= suggestion_path(s, from: "prompt") %>'" style="cursor: pointer;">
             <td><strong><%= s.run.name %></strong></td>
             <td class="ck-meta-copy"><%= truncate(s.reasoning.to_s, length: 100) %></td>
             <td><%= s.applied_at? ? content_tag(:span, "Applied", class: "ck-chip", style: "background: var(--ck-success-soft); color: var(--ck-success);") : "&mdash;".html_safe %></td>
-            <td class="ck-meta-copy"><%= time_ago_in_words(s.created_at) %> ago</td>
+            <td class="ck-meta-copy"><time data-relative-time datetime="<%= s.created_at.utc.iso8601 %>"><%= time_ago_in_words(s.created_at) %></time> ago</td>
             <td class="ck-results-table__arrow">&rarr;</td>
           </tr>
         <% end %>

data/app/views/completion_kit/provider_credentials/_discovery_status.html.erb

@@ -20,11 +20,13 @@
     </div>
   <% elsif provider_credential.discovery_status == "failed" %>
     <div class="ck-discovery-bar ck-discovery-bar--failed">
-      <div class="ck-discovery-bar__label">Model discovery failed</div>
+      <div class="ck-discovery-bar__label">
+        Model discovery failed<% if provider_credential.discovery_error.present? %>: <%= provider_credential.discovery_error %><% end %>
+      </div>
     </div>
   <% elsif provider_credential.discovery_status == "completed" && local_assigns.fetch(:show_completed, true) %>
     <div class="ck-discovery-bar ck-discovery-bar--completed">
-      <div class="ck-discovery-bar__label">Available models list updated <%= time_ago_in_words(provider_credential.updated_at) %> ago</div>
+      <div class="ck-discovery-bar__label">Available models list updated <time data-relative-time datetime="<%= provider_credential.updated_at.utc.iso8601 %>"><%= time_ago_in_words(provider_credential.updated_at) %></time> ago</div>
     </div>
   <% end %>
 </div>

data/app/views/completion_kit/provider_credentials/_models_card.html.erb

@@ -15,7 +15,7 @@
             <span class="ck-model-list__summary-label">Available models <span class="ck-model-list__summary-count"><%= models.count %></span></span>
             <span class="ck-model-list__summary-meta">
               <% if provider_credential.discovery_status == "completed" %>
-                <span class="ck-model-list__summary-stamp">updated <%= time_ago_in_words(provider_credential.updated_at) %> ago</span>
+                <span class="ck-model-list__summary-stamp">updated <time data-relative-time datetime="<%= provider_credential.updated_at.utc.iso8601 %>"><%= time_ago_in_words(provider_credential.updated_at) %></time> ago</span>
               <% end %>
               <button type="button" class="ck-icon-btn ck-model-list__refresh<%= ' ck-icon-btn--spinning' if discovering %>" title="Refresh models" aria-label="Refresh available models" <%= 'disabled' if discovering %> onclick="event.preventDefault();event.stopPropagation();fetch('<%= refresh_provider_credential_path(provider_credential) %>', {method:'POST',headers:{'X-CSRF-Token':document.querySelector('meta[name=csrf-token]').content}})">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="13" height="13" aria-hidden="true"><path fill-rule="evenodd" d="M13.836 2.477a.75.75 0 0 1 .75.75v3.182a.75.75 0 0 1-.75.75h-3.182a.75.75 0 0 1 0-1.5h1.37l-.84-.841a4.5 4.5 0 0 0-7.08.681.75.75 0 0 1-1.264-.808 6 6 0 0 1 9.44-.908l.84.84V3.227a.75.75 0 0 1 .75-.75Zm-.911 7.5A.75.75 0 0 1 13.199 11a6 6 0 0 1-9.44.908l-.84-.84v1.68a.75.75 0 0 1-1.5 0V9.567a.75.75 0 0 1 .75-.75h3.182a.75.75 0 0 1 0 1.5h-1.37l.84.841a4.5 4.5 0 0 0 7.08-.681.75.75 0 0 1 1.024-.274Z" clip-rule="evenodd"/></svg>

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

@@ -27,7 +27,7 @@
           <span><%= provider_credential.api_endpoint.presence || default_endpoints[provider_credential.provider] %></span>
           <span><%= provider_credential.prompt_count %> prompts</span>
           <span><%= provider_credential.judge_count %> judges</span>
-          <span><%= provider_credential.last_used_at ? "Used #{time_ago_in_words(provider_credential.last_used_at)} ago" : "Never used" %></span>
+          <span><% if provider_credential.last_used_at %>Used <time data-relative-time datetime="<%= provider_credential.last_used_at.utc.iso8601 %>"><%= time_ago_in_words(provider_credential.last_used_at) %></time> ago<% else %>Never used<% end %></span>
         </div>
 
         <%= render "discovery_status", provider_credential: provider_credential %>

data/app/views/completion_kit/runs/_actions.html.erb

@@ -9,6 +9,9 @@
       <%= button_to "Start", generate_run_path(run), method: :post, class: ck_button_classes(:dark), form_class: "inline-block" %>
     <% elsif run.status == "failed" %>
       <%= button_to "Retry", generate_run_path(run), method: :post, class: ck_button_classes(:light, variant: :outline), form_class: "inline-block" %>
+      <%= button_to "Re-run as new", rerun_run_path(run), method: :post, class: ck_button_classes(:dark), form_class: "inline-block" %>
+    <% elsif run.status == "completed" %>
+      <%= button_to "Re-run", rerun_run_path(run), method: :post, class: ck_button_classes(:dark), form_class: "inline-block" %>
     <% end %>
   <% end %>
 </div>

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

@@ -18,7 +18,29 @@
 
     <div class="ck-field">
       <%= form.label :prompt_id, "Prompt", class: "ck-label" %>
-      <%= form.select :prompt_id, @prompts.map { |p| [p.display_name, p.id, { "data-has-variables" => p.variables.any? ? "1" : "0" }] }, { include_blank: "Select a prompt" }, { class: "ck-input", id: "run_prompt_id" } %>
+      <%= form.select :prompt_id,
+            @prompts.map { |p|
+              vars = p.variables
+              label_parts = [p.display_name, p.llm_model]
+              label_parts << (vars.any? ? "#{vars.size} #{'var'.pluralize(vars.size)}" : "no vars")
+              [
+                label_parts.join(" · "),
+                p.id,
+                {
+                  "data-has-variables" => vars.any? ? "1" : "0",
+                  "data-model" => p.llm_model.to_s,
+                  "data-variables" => vars.join(", "),
+                  "data-description" => p.description.to_s,
+                  "data-template-preview" => p.template.to_s.truncate(220, separator: " ")
+                }
+              ]
+            },
+            { include_blank: "Select a prompt" },
+            { class: "ck-input", id: "run_prompt_id" } %>
+      <div class="ck-prompt-summary" id="prompt-summary" hidden>
+        <p class="ck-prompt-summary__description" id="prompt-summary-description" hidden></p>
+        <p class="ck-prompt-summary__template" id="prompt-summary-template"></p>
+      </div>
     </div>
 
     <div class="ck-field" id="dataset-field">
@@ -26,18 +48,17 @@
       <% if @datasets.empty? %>
         <p class="ck-meta-copy">No datasets yet. <%= link_to "Create a dataset", new_dataset_path, class: "ck-link" %> first.</p>
       <% else %>
-        <%= form.select :dataset_id, @datasets.map { |d| [d.name, d.id] }, { include_blank: "Select a dataset" }, { class: "ck-input", id: "run_dataset_id" } %>
+        <%= form.select :dataset_id,
+              @datasets.map { |d| [d.name, d.id, { "data-headers" => d.headers.join(",") }] },
+              { include_blank: "Select a dataset" },
+              { class: "ck-input", id: "run_dataset_id" } %>
       <% end %>
-      <p class="ck-field-hint" id="dataset-hint" style="display: none; color: var(--ck-warning);">This prompt uses variables. Select a dataset to provide values.</p>
+      <p class="ck-field-hint" id="dataset-hint"></p>
     </div>
 
     <div class="ck-field">
       <label class="ck-label" for="run_temperature" style="position: relative;">
-        Temperature
-        <span class="ck-info-toggle">?</span>
-        <div class="ck-info-popup">
-          Controls how random the model's output is. Lower values make the model more focused and deterministic — it'll pick the most likely words. Higher values introduce more variety and creativity, but also more risk of odd phrasing. Most LLMs default to 1.0. For evaluation, try different values to see how your prompt performs under varying conditions.
-        </div>
+        Temperature<span class="ck-info-toggle" tabindex="0">?</span><span class="ck-info-popup">Controls how random the model's output is. Lower values are more focused and deterministic — the model picks the most likely words. Higher values are more varied and creative, with more risk of odd phrasing. Most LLMs default to 1.0; for evaluation, try a few values and see how your prompt holds up. Newer reasoning models (Claude Opus 4.7, GPT-5 family, etc.) ignore temperature entirely — CompletionKit detects this and re-sends without the parameter.</span>
       </label>
       <div class="ck-slider-row">
         <%= form.range_field :temperature, min: 0, max: 1, step: 0.1, class: "ck-slider", id: "run_temperature", oninput: "document.getElementById('temp-value').textContent = this.value" %>
@@ -46,7 +67,9 @@
     </div>
 
     <div class="ck-field" id="judge-field">
-      <%= form.label :judge_model, "Judge model", class: "ck-label" %>
+      <label class="ck-label" for="run_judge_model" style="position: relative;">
+        Judge model<span class="ck-info-toggle" tabindex="0">?</span><span class="ck-info-popup">Judge models score generated responses against your metrics. Pick one when configuring a run.</span>
+      </label>
       <% available = CompletionKit::ApiConfig.available_models(scope: :judging) %>
       <% if available.any? %>
         <div class="ck-select-with-action">
@@ -74,18 +97,35 @@
         <p class="ck-field-hint" style="color: var(--ck-warning);">No metrics yet.&ensp;<%= link_to "Create a metric", new_metric_path, class: "ck-link" %></p>
       <% else %>
         <% if @metric_groups.any? %>
-          <p class="ck-meta-copy" style="margin-bottom: 0.5rem;">
-            Quick add:&ensp;
-            <% @metric_groups.each do |g| %>
-              <span class="ck-chip" style="cursor: pointer;" onclick="ckQuickAddMetricGroup(<%= g.metric_ids.to_json %>)"><%= g.name %></span>&ensp;
-            <% end %>
-          </p>
+          <div class="ck-metric-groups">
+            <span class="ck-metric-groups__label">Groups</span>
+            <div class="ck-metric-groups__row">
+              <% @metric_groups.each do |g| %>
+                <button type="button"
+                        class="ck-metric-group-pill"
+                        data-metric-group
+                        data-metric-ids="<%= g.metric_ids.join(",") %>"
+                        onclick="ckToggleMetricGroup(this)">
+                  <span class="ck-metric-group-pill__check" aria-hidden="true">✓</span>
+                  <span class="ck-metric-group-pill__label"><%= g.name %></span>
+                  <span class="ck-metric-group-pill__count"><%= g.metric_ids.size %></span>
+                </button>
+              <% end %>
+            </div>
+          </div>
+          <div class="ck-metric-divider"><span>or pick individually</span></div>
         <% end %>
         <div class="ck-metric-checkboxes">
           <% @all_metrics.each do |metric| %>
             <label class="ck-checkbox-label">
               <%= check_box_tag "run[metric_ids][]", metric.id, run.metric_ids.include?(metric.id), class: "ck-checkbox", id: "run_metric_#{metric.id}" %>
-              <span><%= metric.name %></span>
+              <span class="ck-checkbox-label__box" aria-hidden="true"></span>
+              <span class="ck-checkbox-label__body">
+                <span class="ck-checkbox-label__text"><%= metric.name %></span>
+                <% if metric.instruction.present? %>
+                  <span class="ck-checkbox-label__hint"><%= truncate(metric.instruction.to_s, length: 90) %></span>
+                <% end %>
+              </span>
             </label>
           <% end %>
         </div>
@@ -123,25 +163,79 @@ function updateRunForm() {
 
   var datasetEl = document.getElementById('run_dataset_id');
   var datasetHint = document.getElementById('dataset-hint');
+  var datasetField = document.getElementById('dataset-field');
   var dataset = datasetEl ? datasetEl.value : '';
   var selectedOption = promptEl ? promptEl.options[promptEl.selectedIndex] : null;
   var hasVars = selectedOption && selectedOption.dataset.hasVariables === '1';
-  if (datasetHint) datasetHint.style.display = (hasVars && !dataset) ? '' : 'none';
+  var promptVars = (selectedOption && selectedOption.dataset.variables ? selectedOption.dataset.variables.split(/,\s*/) : []).filter(Boolean);
+
+  var missingVars = [];
+  if (hasVars && dataset && datasetEl) {
+    var datasetOption = datasetEl.options[datasetEl.selectedIndex];
+    var headers = (datasetOption && datasetOption.dataset.headers ? datasetOption.dataset.headers.split(/,\s*/) : []).filter(Boolean);
+    missingVars = promptVars.filter(function(v) { return headers.indexOf(v) === -1; });
+  }
+
+  if (datasetField) datasetField.className = 'ck-field';
+  if (datasetHint) datasetHint.textContent = '';
+  if (missingVars.length > 0) {
+    if (datasetField) datasetField.className = 'ck-field ck-field--error';
+    if (datasetHint) datasetHint.textContent = 'Dataset is missing ' + (missingVars.length === 1 ? 'column' : 'columns') + ' the prompt needs: ' + missingVars.join(', ');
+  } else if (hasVars && !dataset) {
+    if (datasetField) datasetField.className = 'ck-field ck-field--info';
+    if (datasetHint) datasetHint.textContent = 'This prompt uses variables. Select a dataset to provide values.';
+  }
+
+  var summary = document.getElementById('prompt-summary');
+  if (summary) {
+    if (selectedOption && selectedOption.value) {
+      var desc = selectedOption.dataset.description || '';
+      var tmpl = selectedOption.dataset.templatePreview || '';
+      var descEl = document.getElementById('prompt-summary-description');
+      descEl.textContent = desc;
+      descEl.hidden = !desc;
+      document.getElementById('prompt-summary-template').textContent = tmpl;
+      summary.hidden = false;
+    } else {
+      summary.hidden = true;
+    }
+  }
 
   var valid = prompt !== '';
   if (judge && metrics.length === 0) valid = false;
   if (!judge && metrics.length > 0) valid = false;
+  if (hasVars && !dataset) valid = false;
+  if (missingVars.length > 0) valid = false;
   if (submitBtn) submitBtn.disabled = !valid;
+
+  ckUpdateMetricGroupsState();
 }
 
-function ckQuickAddMetricGroup(metricIds) {
-  metricIds.forEach(function(id) {
+function ckToggleMetricGroup(button) {
+  var ids = (button.getAttribute('data-metric-ids') || '').split(',').filter(Boolean);
+  var allChecked = ids.every(function(id) {
+    var cb = document.getElementById('run_metric_' + id);
+    return cb && cb.checked;
+  });
+  ids.forEach(function(id) {
     var cb = document.getElementById('run_metric_' + id);
-    if (cb) cb.checked = true;
+    if (cb) cb.checked = !allChecked;
   });
   updateRunForm();
 }
 
+function ckUpdateMetricGroupsState() {
+  document.querySelectorAll('[data-metric-group]').forEach(function(btn) {
+    var ids = (btn.getAttribute('data-metric-ids') || '').split(',').filter(Boolean);
+    if (ids.length === 0) return;
+    var allChecked = ids.every(function(id) {
+      var cb = document.getElementById('run_metric_' + id);
+      return cb && cb.checked;
+    });
+    btn.classList.toggle('ck-metric-group-pill--active', allChecked);
+  });
+}
+
 var judgeEl = document.getElementById('run_judge_model');
 var promptEl = document.getElementById('run_prompt_id');
 var datasetEl = document.getElementById('run_dataset_id');

data/app/views/completion_kit/runs/_response_row.html.erb

@@ -1,38 +1,61 @@
-<% if response.succeeded? %>
-  <%= link_to run_response_path(run, response, sort: params[:sort]), class: "ck-response-row ck-response-row--succeeded", id: "response_#{response.id}" do %>
-    <span class="ck-response-row__index">#<%= index %></span>
-    <span class="ck-response-row__text"><%= truncate(response.response_text.to_s, length: 160) %></span>
-    <span class="ck-response-row__score">
-      <% if response.reviewed? %>
-        <span class="ck-score"><span class="ck-score__star">★</span> <%= response.score %></span>
+<% clickable = response.succeeded? %>
+<tr id="response_<%= response.id %>"<% if clickable %> onclick="window.location='<%= run_response_path(run, response, sort: params[:sort]) %>'" style="cursor: pointer;"<% end %>>
+  <td class="ck-response-cell__index"><%= index %></td>
+  <td class="ck-response-cell__text">
+    <% if response.status == "failed" %>
+      <% err = response.error_payload %>
+      <span class="ck-response-cell__error"><%= err && err[:provider]&.titleize %><%= " #{err[:status]}" if err && err[:status] %> — <%= truncate(err && err[:message].to_s, length: 160) %></span>
+    <% else %>
+      <%= truncate(response.response_text.to_s, length: 160) %>
+    <% end %>
+  </td>
+  <td>
+    <% scored_reviews = response.reviews.select { |r| r.ai_score.present? }.sort_by { |r| r.metric_name.to_s.downcase } %>
+    <% if scored_reviews.any? %>
+      <span class="ck-metric-bar ck-metric-bar--compact">
+        <% scored_reviews.each do |r| %>
+          <span class="ck-metric-pip ck-metric-pip--<%= ck_score_kind(r.ai_score.to_f) %>">
+            <span class="ck-metric-pip__bar"></span>
+            <span class="ck-metric-pip__label"><%= r.metric_name %> <strong><%= r.ai_score %></strong></span>
+          </span>
+        <% end %>
+      </span>
+    <% else %>
+      <span class="ck-response-cell__dim">—</span>
+    <% end %>
+  </td>
+  <td>
+    <% if response.reviewed? %>
+      <span class="<%= ck_badge_classes(ck_score_kind(response.score.to_f)) %>"><%= response.score %></span>
+    <% else %>
+      <span class="ck-response-cell__dim">—</span>
+    <% end %>
+  </td>
+  <td>
+    <% case response.status
+       when "pending" %>
+      <span class="ck-chip">Queued</span>
+    <% when "retrying" %>
+      <% if response.attempts.to_i <= 1 %>
+        <span class="ck-chip">Generating</span>
+      <% else %>
+        <span class="ck-chip ck-chip--warning">Retrying <%= response.attempts %>/5</span>
+      <% end %>
+    <% when "succeeded" %>
+      <% if response.fully_reviewed? %>
+        <span class="ck-chip ck-chip--done">Done</span>
       <% elsif run.status == "running" %>
         <span class="ck-chip">Judging</span>
+      <% else %>
+        <span class="ck-chip">Awaiting judge</span>
       <% end %>
-    </span>
-  <% end %>
-<% else %>
-  <div class="ck-response-row ck-response-row--<%= response.status %>" id="response_<%= response.id %>">
-    <span class="ck-response-row__index">#<%= index %></span>
-    <span class="ck-response-row__text">
-      <% if response.status == "failed" %>
-        <% err = response.error_payload %>
-        <span class="ck-response-row__error">
-          <%= err && err[:provider]&.titleize %><%= " #{err[:status]}" if err && err[:status] %> — <%= truncate(err && err[:message].to_s, length: 120) %>
-        </span>
-      <% end %>
-    </span>
-    <span class="ck-response-row__score">
-      <% case response.status
-         when "pending" %>
-        <span class="ck-chip">Queued</span>
-      <% when "retrying" %>
-        <span class="ck-chip ck-chip--warning">Retrying <%= response.attempts %>/5</span>
-      <% when "failed" %>
-        <%= button_to "Retry", retry_failures_run_path(run, only: response.id),
-              method: :post,
-              class: "ck-chip ck-chip--retry",
-              form_class: "inline-block" %>
-      <% end %>
-    </span>
-  </div>
-<% end %>
+    <% when "failed" %>
+      <%= button_to "Retry", retry_failures_run_path(run, only: response.id),
+            method: :post,
+            class: "ck-chip ck-chip--retry",
+            form_class: "inline-block",
+            onclick: "event.stopPropagation();" %>
+    <% end %>
+  </td>
+  <td class="ck-results-table__arrow"><% if clickable %>&rarr;<% end %></td>
+</tr>