completion-kit 0.28.7 → 0.28.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 15a1909a7793a8a6cb9e0d95eb333483823c0040dd902b40a4a50e3ced485bee
-  data.tar.gz: fc407f0abd09a7505d56a96d4adcad8f9aedfa7ec6aaa4de928fb71fb8a9859c
+  metadata.gz: f5ebc05340fbd19412b2d7ceae93492c353dbd72400d420532a2894c2dd0c89c
+  data.tar.gz: 5a7ebe39faee5c5cb2419825ac285fae5cd67ec7c7f3f1618629ccf5f9fa5d01
 SHA512:
-  metadata.gz: 16242a62b2e34fc8667093e88cb77cba25fcdaab65c4603cfd693fbe3dcce71ac34a76a501ffb1725a8d868ee78107775984d42135d9b98ca846f48712416634
-  data.tar.gz: a3b5ba5d4eda948f3c2e2d0c5f75262793e3ddf439aac7e4a33c782df93dd0a4944e1b2b8655836fb4df25ae0f4e1e6a70ccb3b795a53d78951cac30456256dd
+  metadata.gz: d7a6a084c52769258fa3f170e0c2cd1bb793e4885e922dea83011a45425b4bb41a49351a47832733db8e5d0200f5a213ee33ddf953deef3c5346c143112c62ca
+  data.tar.gz: f7a1030d709b0434214ca24cc5f8215167ea8790f539365e869568850c35aa1758e8095c83b3d177fc9303b4fa78058beb5b4dfd4cf1cf53c8750debf3323bd0

data/app/assets/stylesheets/completion_kit/application.css

@@ -352,7 +352,9 @@ form.button_to {
 }
 
 .ck-link {
-  text-decoration: none;
+  text-decoration: underline;
+  text-decoration-color: color-mix(in srgb, var(--ck-text) 40%, transparent);
+  text-underline-offset: 0.15em;
   color: var(--ck-text);
   transition: color 0.15s;
 }
@@ -664,7 +666,7 @@ form.button_to {
 
 .ck-chip {
   background: var(--ck-surface-soft);
-  border: 1px solid var(--ck-line);
+  border: 1px solid var(--ck-line-strong);
   color: var(--ck-muted);
 }
 
@@ -743,7 +745,7 @@ tr:hover .ck-chip--publish {
 
 .ck-badge--pending {
   background: var(--ck-surface-soft);
-  border: 1px solid var(--ck-line);
+  border: 1px solid var(--ck-line-strong);
   color: var(--ck-dim);
 }
 
@@ -4309,7 +4311,8 @@ table.ck-runs-table {
   transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.ck-response-row--expanded .ck-response-cell__preview {
+.ck-response-row--expanded .ck-response-cell__preview,
+.ck-responses-table tbody tr:focus-within .ck-response-cell__preview {
   -webkit-line-clamp: 12;
   line-clamp: 12;
   max-height: 22em;
@@ -4936,7 +4939,7 @@ a.tag:hover, label.tag:hover { filter: brightness(1.12); }
   text-transform: lowercase;
   white-space: nowrap;
   background: color-mix(in srgb, var(--mark-color) 38%, transparent);
-  color: color-mix(in srgb, var(--mark-color) 88%, var(--ck-text));
+  color: color-mix(in srgb, var(--mark-color) 35%, white);
 }
 
 .tag-mark::before {
@@ -4995,8 +4998,8 @@ a.tag:hover, label.tag:hover { filter: brightness(1.12); }
 .ck-tag-filter .tag-mark:not(.tag-mark--off),
 .ck-metric-tag-filter .tag-mark:not(.tag-mark--off) {
   background: color-mix(in srgb, var(--mark-color) 38%, transparent);
-  color: color-mix(in srgb, var(--mark-color) 95%, var(--ck-text));
-  border-color: color-mix(in srgb, var(--mark-color) 50%, transparent);
+  color: color-mix(in srgb, var(--mark-color) 42%, white);
+  border-color: color-mix(in srgb, var(--mark-color) 70%, transparent);
 }
 
 /* Unselected state — same shape, neutral outline + muted text */
@@ -6487,3 +6490,23 @@ a.tag-mark {
   color: var(--ck-muted);
   margin-right: 0.2rem;
 }
+
+.ck-slider:focus-visible {
+  outline: 2px solid var(--ck-accent);
+  outline-offset: 4px;
+}
+.ck-select__option:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--ck-accent);
+}
+.ck-disclosure-toggle:focus-visible {
+  outline: 2px solid var(--ck-accent);
+  outline-offset: 2px;
+}
+.ck-settings-menu__trigger:focus-visible {
+  outline: 2px solid var(--ck-accent);
+  outline-offset: 2px;
+}
+.ck-tag-picker__input:focus-visible {
+  outline: 2px solid var(--ck-accent);
+  outline-offset: 2px;
+}

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Edit dataset" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Datasets", datasets_path %></li>
   <li><%= link_to @dataset.name, dataset_path(@dataset) %></li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Datasets" %>
 <section class="ck-page-header">
   <div>
     <h1 class="ck-title">Datasets</h1>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "New dataset" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Datasets", datasets_path %></li>
   <li>New</li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, @dataset.name %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Datasets", datasets_path %></li>
   <li><%= @dataset.name %></li>
@@ -55,7 +56,7 @@
             <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>
+                <td><span class="ck-csv-cell" title="<%= row[i] %>"><%= row[i] %></span></td>
               <% end %>
             </tr>
           <% end %>

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

@@ -6,19 +6,15 @@
        "Delete \"#{metric_group.name}\"? Removes this grouping. #{pluralize(members_n, 'member metric')} #{members_n == 1 ? 'is' : 'are'} kept." %>
 <% end %>
 <%= form_with(model: metric_group, url: metric_group.persisted? ? metric_group_path(metric_group) : metric_groups_path, local: true) do |form| %>
-  <% name_error = metric_group.errors[:name].first %>
-
   <div class="ck-card ck-form-card">
     <div class="ck-field">
       <%= form.label :name, "Metric group name", class: "ck-label" %>
       <%= form.text_field :name,
-            class: ["ck-input", ("ck-input--error" if name_error)].compact.join(" "),
+            class: ["ck-input", ("ck-input--error" if metric_group.errors[:name].any?)].compact.join(" "),
             placeholder: "Support quality",
             autofocus: !metric_group.persisted?,
-            "aria-invalid": name_error ? "true" : nil %>
-      <% if name_error %>
-        <p class="ck-field-error" role="alert"><%= name_error %></p>
-      <% end %>
+            **ck_field_aria(form, :name) %>
+      <%= ck_field_error(form, :name) %>
     </div>
 
     <div class="ck-field">
@@ -29,7 +25,7 @@
     <%= render "completion_kit/tags/picker", record: metric_group, param_namespace: :metric_group %>
 
     <div class="ck-field">
-      <p class="ck-label">Metrics in this group</p>
+      <p class="ck-label" id="mg_metrics_label">Metrics in this group</p>
       <p class="ck-hint">Pick the metrics to include. Filter the list by tag to narrow it down.</p>
 
       <% available_filter_tags = @metrics.flat_map(&:tags).uniq.sort_by(&:name) %>
@@ -46,7 +42,7 @@
         </div>
       <% end %>
 
-      <div class="ck-metric-checkboxes" data-metric-checkboxes>
+      <div class="ck-metric-checkboxes" data-metric-checkboxes role="group" aria-labelledby="mg_metrics_label">
         <% @metrics.each do |metric| %>
           <label class="ck-checkbox-label" data-metric-tags="<%= metric.tag_names.join(",") %>">
             <%= check_box_tag "metric_group[metric_ids][]", metric.id, metric_group.metrics.exists?(metric.id), class: "ck-checkbox", id: "metric_group_metric_#{metric.id}" %>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Edit metric group" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Metrics", metrics_path %></li>
   <li><%= link_to @metric_group.name, metric_group_path(@metric_group) %></li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Metric groups" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Metrics", metrics_path %></li>
   <li>Metric groups</li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "New metric group" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Metrics", metrics_path %></li>
   <li>New metric group</li>

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

@@ -138,7 +138,7 @@
               <input type="hidden" name="metric[rubric_bands][<%= index %>][stars]" value="<%= band["stars"] %>">
             </div>
             <div class="ck-rubric-row__fields">
-              <textarea name="<%= target_name %>" rows="2" class="ck-input ck-input--area"><%= band["description"] %></textarea>
+              <textarea name="<%= target_name %>" rows="2" class="ck-input ck-input--area" aria-label="Rubric description for the <%= band["stars"] %>-star rating"><%= band["description"] %></textarea>
               <% if band_changed %>
                 <div class="ck-inline-suggestion ck-inline-suggestion--band">
                   <div class="ck-inline-suggestion__head">

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Edit metric" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Metrics", metrics_path %></li>
   <li><%= link_to @metric.name, metric_path(@metric) %></li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Metrics" %>
 <section class="ck-page-header">
   <div>
     <h1 class="ck-title">Metrics</h1>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "New metric" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Metrics", metrics_path %></li>
   <li>New</li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, @metric.name %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Metrics", metrics_path %></li>
   <li><%= @metric.name %></li>
@@ -125,11 +126,11 @@
     <% pred = predecessor_of[v] %>
     <% next unless v.change_summary_against(pred) %>
     <% vs = v.validation_summary %>
-    <dialog id="ck-mvdiff-<%= v.id %>" class="ck-modal" onclick="if(event.target===this)this.close()">
+    <dialog id="ck-mvdiff-<%= v.id %>" class="ck-modal" aria-labelledby="ck-mvdiff-title-<%= v.id %>" onclick="if(event.target===this)this.close()">
       <article class="ck-modal__panel" tabindex="-1" onclick="event.stopPropagation()">
         <header class="ck-modal__header">
           <div class="ck-modal__heading">
-            <h2 class="ck-modal__title"><%= pred.version_label %> &rarr; <%= v.version_label %></h2>
+            <h2 class="ck-modal__title" id="ck-mvdiff-title-<%= v.id %>"><%= pred.version_label %> &rarr; <%= v.version_label %></h2>
             <span class="ck-modal__meta">What changed in <%= v.version_label %><% if v.current? %> (live)<% elsif v.draft? %> (draft)<% end %></span>
           </div>
           <button type="button" class="ck-modal__close" aria-label="Close" onclick="this.closest('dialog').close()">&times;</button>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Edit prompt" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Prompts", prompts_path %></li>
   <li><%= link_to @prompt.name, prompt_path(@prompt) %></li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Prompts" %>
 <section class="ck-page-header">
   <div>
     <h1 class="ck-title">Prompts</h1>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "New prompt" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Prompts", prompts_path %></li>
   <li>New</li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, @prompt.name %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Prompts", prompts_path %></li>
   <li><%= @prompt.name %></li>
@@ -15,7 +16,7 @@
     <% end %>
     <div class="ck-endpoint">
       <code class="ck-endpoint__url" id="prompt_endpoint"><%= request.base_url %><%= api_v1_prompt_path(@prompt.slug) %></code>
-      <button type="button" class="ck-icon-btn" title="Copy endpoint" onclick="navigator.clipboard.writeText(document.getElementById('prompt_endpoint').textContent)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="14" height="14"><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>
+      <button type="button" class="ck-icon-btn" title="Copy endpoint" aria-label="Copy endpoint" onclick="navigator.clipboard.writeText(document.getElementById('prompt_endpoint').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>
     <% if @prompt.tags.any? %>
       <div class="tag-marks-row">
@@ -72,7 +73,7 @@
             <td>
               <div class="ck-version-cell">
                 <div class="ck-version-cell__label" onclick="event.stopPropagation()">
-                  <strong>v<%= v.version_number %></strong>
+                  <%= link_to prompt_path(v), class: "ck-record-name" do %><strong>v<%= v.version_number %></strong><% end %>
                   <% if v.current? %>
                     <span class="ck-chip">Published</span>
                   <% else %>
@@ -80,7 +81,7 @@
                   <% end %>
                 </div>
                 <% if version_changed.call(v, pred) %>
-                  <button type="button" class="ck-cell-link ck-cell-link--delta" title="What changed from v<%= pred.version_number %>" onclick="event.stopPropagation();document.getElementById('ck-vdiff-<%= v.id %>').showModal()">&Delta;</button>
+                  <button type="button" class="ck-cell-link ck-cell-link--delta" title="What changed from v<%= pred.version_number %>" aria-label="What changed from v<%= pred.version_number %>" onclick="event.stopPropagation();document.getElementById('ck-vdiff-<%= v.id %>').showModal()"><span aria-hidden="true">&Delta;</span></button>
                 <% end %>
               </div>
             </td>
@@ -106,11 +107,11 @@
   <% versions.each do |v| %>
     <% pred = predecessor_of[v] %>
     <% next unless version_changed.call(v, pred) %>
-    <dialog id="ck-vdiff-<%= v.id %>" class="ck-modal" onclick="if(event.target===this)this.close()">
+    <dialog id="ck-vdiff-<%= v.id %>" class="ck-modal" aria-labelledby="ck-vdiff-title-<%= v.id %>" onclick="if(event.target===this)this.close()">
       <article class="ck-modal__panel" tabindex="-1" autofocus onclick="event.stopPropagation()">
         <header class="ck-modal__header">
           <div class="ck-modal__heading">
-            <h2 class="ck-modal__title">v<%= pred.version_number %> &rarr; v<%= v.version_number %></h2>
+            <h2 class="ck-modal__title" id="ck-vdiff-title-<%= v.id %>">v<%= pred.version_number %> <span aria-hidden="true">&rarr;</span> v<%= v.version_number %></h2>
             <span class="ck-modal__meta">What changed in <%= v.version_label %><% if v.current? %> (published)<% end %></span>
           </div>
           <button type="button" class="ck-modal__close" aria-label="Close" onclick="this.closest('dialog').close()">&times;</button>
@@ -168,11 +169,11 @@
       <tbody>
         <% suggestions.each do |s| %>
           <tr onclick="window.location='<%= suggestion_path(s, from: "prompt") %>'" style="cursor: pointer;">
-            <td><strong><%= s.run.name %></strong></td>
+            <td><%= link_to suggestion_path(s, from: "prompt"), class: "ck-record-name" do %><strong><%= s.run.name %></strong><% end %></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 data-relative-time datetime="<%= s.created_at.utc.iso8601 %>"><%= time_ago_in_words(s.created_at) %> ago</time></td>
-            <td class="ck-results-table__arrow">&rarr;</td>
+            <td class="ck-results-table__arrow" aria-hidden="true">&rarr;</td>
           </tr>
         <% end %>
       </tbody>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Edit provider" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Providers", provider_credentials_path %></li>
   <li>Edit</li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Providers" %>
 <% @provider_credentials.each do |pc| %>
   <%= turbo_stream_from "completion_kit_provider_#{pc.id}" %>
 <% end %>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "New provider" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Providers", provider_credentials_path %></li>
   <li>New</li>

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

@@ -119,7 +119,7 @@
     </div>
 
     <div class="ck-field" id="metrics-field">
-      <label class="ck-label">Metrics</label>
+      <p class="ck-label" id="run_metrics_label">Metrics</p>
       <% if @all_metrics.empty? %>
         <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 %>
@@ -158,7 +158,7 @@
           </div>
         <% end %>
 
-        <div class="ck-metric-checkboxes" data-metric-checkboxes>
+        <div class="ck-metric-checkboxes" data-metric-checkboxes role="group" aria-labelledby="run_metrics_label">
           <% @all_metrics.each do |metric| %>
             <label class="ck-checkbox-label" data-metric-tags="<%= metric.tag_names.join(",") %>" data-compare-expected="<%= metric.check? && metric.check_config.to_h["compare_to"] == "expected" ? "1" : "0" %>">
               <%= check_box_tag "run[metric_ids][]", metric.id, run.metric_ids.include?(metric.id), class: "ck-checkbox", id: "run_metric_#{metric.id}" %>

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

@@ -15,14 +15,14 @@
       <span class="ck-metric-bar ck-metric-bar--compact">
         <% pip_reviews.each do |r| %>
           <% if r.ai_score.present? %>
-            <span class="ck-metric-pip ck-metric-pip--<%= ck_score_kind(r.ai_score.to_f) %>">
+            <span class="ck-metric-pip ck-metric-pip--<%= ck_score_kind(r.ai_score.to_f) %>" role="img" aria-label="<%= r.metric_name %> score <%= r.ai_score %>">
               <span class="ck-metric-pip__bar"></span>
-              <span class="ck-metric-pip__label"><%= r.metric_name %> <strong><%= r.ai_score %></strong></span>
+              <span class="ck-metric-pip__label" aria-hidden="true"><%= r.metric_name %> <strong><%= r.ai_score %></strong></span>
             </span>
           <% else %>
-            <span class="ck-metric-pip ck-metric-pip--<%= ck_pass_rate_kind(r.passed ? 1.0 : 0.0) %>">
+            <span class="ck-metric-pip ck-metric-pip--<%= ck_pass_rate_kind(r.passed ? 1.0 : 0.0) %>" role="img" aria-label="<%= r.metric_name %> <%= r.passed ? "Pass" : "Fail" %>">
               <span class="ck-metric-pip__bar"></span>
-              <span class="ck-metric-pip__label"><%= r.metric_name %> <strong><%= r.passed ? "Pass" : "Fail" %></strong></span>
+              <span class="ck-metric-pip__label" aria-hidden="true"><%= r.metric_name %> <strong><%= r.passed ? "Pass" : "Fail" %></strong></span>
             </span>
           <% end %>
         <% end %>
@@ -69,5 +69,5 @@
             onclick: "event.stopPropagation();" %>
     <% end %>
   </td>
-  <td class="ck-results-table__arrow"><% if clickable %>&rarr;<% end %></td>
+  <td class="ck-results-table__arrow"><% if clickable %><span aria-hidden="true">&rarr;</span><% end %></td>
 </tr>

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

@@ -3,6 +3,7 @@
     <div class="ck-runs-table__identity">
       <span class="ck-run-name">
         <span class="<%= ck_run_dot(run) %>"></span>
+        <span class="ck-visually-hidden"><%= run.status.to_s.humanize %>:</span>
         <%= link_to ck_run_path(run), class: "ck-record-name" do %><strong><%= run.name %></strong><% end %>
       </span>
       <div class="ck-runs-table__config">
@@ -35,14 +36,14 @@
       <div class="ck-metric-bar ck-metric-bar--compact">
         <% metrics.each do |m| %>
           <% if m[:kind] == "check" %>
-            <span class="ck-metric-pip ck-metric-pip--<%= ck_pass_rate_kind(m[:pass_rate]) %>">
+            <span class="ck-metric-pip ck-metric-pip--<%= ck_pass_rate_kind(m[:pass_rate]) %>" role="img" aria-label="<%= m[:name] %> <%= (m[:pass_rate] * 100).round %>% pass rate">
               <span class="ck-metric-pip__bar"></span>
-              <span class="ck-metric-pip__label"><%= m[:name] %> <strong><%= (m[:pass_rate] * 100).round %>%</strong></span>
+              <span class="ck-metric-pip__label" aria-hidden="true"><%= m[:name] %> <strong><%= (m[:pass_rate] * 100).round %>%</strong></span>
             </span>
           <% else %>
-            <span class="ck-metric-pip ck-metric-pip--<%= ck_score_kind(m[:avg]) %>">
+            <span class="ck-metric-pip ck-metric-pip--<%= ck_score_kind(m[:avg]) %>" role="img" aria-label="<%= m[:name] %> average score <%= m[:avg] %>">
               <span class="ck-metric-pip__bar"></span>
-              <span class="ck-metric-pip__label"><%= m[:name] %> <strong><%= m[:avg] %></strong></span>
+              <span class="ck-metric-pip__label" aria-hidden="true"><%= m[:name] %> <strong><%= m[:avg] %></strong></span>
             </span>
           <% end %>
         <% end %>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "#{@run.name} vs #{@other_run.name}" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Runs", runs_path %></li>
   <li><%= link_to @run.name, run_path(@run) %></li>
@@ -26,7 +27,7 @@
         <th scope="col">Case</th>
         <th scope="col">Metric</th>
         <th scope="col">A → B</th>
-        <th scope="col" class="ck-num">Δ</th>
+        <th scope="col" class="ck-num"><span aria-hidden="true">Δ</span><span class="ck-visually-hidden">Delta (B minus A)</span></th>
         <th scope="col">Version</th>
       </tr>
     </thead>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Compare runs" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Runs", runs_path %></li>
   <li><%= link_to @run.name, run_path(@run) %></li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Edit run" %>
 <ol class="ck-breadcrumb">
   <% if @run.prompt %>
     <li><%= link_to "Prompts", prompts_path %></li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Runs" %>
 <section class="ck-page-header">
   <div>
     <h1 class="ck-title">Runs</h1>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "New run" %>
 <ol class="ck-breadcrumb">
   <li><%= link_to "Runs", runs_path %></li>
   <li>New run</li>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, @run.name %>
 <%= turbo_stream_from "completion_kit_run_#{@run.id}" %>
 
 <ol class="ck-breadcrumb">
@@ -117,11 +118,11 @@
 <% end %>
 
 <% if @run.dataset %>
-  <dialog id="dataset-preview-<%= @run.id %>" class="ck-modal" onclick="if(event.target===this)this.close()">
+  <dialog id="dataset-preview-<%= @run.id %>" class="ck-modal" aria-labelledby="dataset-preview-title-<%= @run.id %>" onclick="if(event.target===this)this.close()">
     <article class="ck-modal__panel" tabindex="-1" autofocus onclick="event.stopPropagation()">
       <header class="ck-modal__header">
         <div class="ck-modal__heading">
-          <h2 class="ck-modal__title"><%= @run.dataset.name %></h2>
+          <h2 class="ck-modal__title" id="dataset-preview-title-<%= @run.id %>"><%= @run.dataset.name %></h2>
           <span class="ck-modal__meta"><%= @run.dataset.row_count %> rows</span>
         </div>
         <button type="button" class="ck-modal__close" aria-label="Close" onclick="this.closest('dialog').close()">×</button>
@@ -187,12 +188,12 @@
 <table class="ck-results-table ck-responses-table"<%= ' hidden'.html_safe unless @responses.any? %> id="responses_table">
   <thead>
     <tr>
-      <th>#</th>
-      <th>Response</th>
-      <th>Metrics</th>
-      <th>Avg score</th>
-      <th>Status</th>
-      <th></th>
+      <th scope="col">#</th>
+      <th scope="col">Response</th>
+      <th scope="col">Metrics</th>
+      <th scope="col">Avg score</th>
+      <th scope="col">Status</th>
+      <th scope="col"></th>
     </tr>
   </thead>
   <tbody id="run_responses">

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

@@ -7,18 +7,16 @@
 <% end %>
 <%= form_with(model: tag, local: true) do |form| %>
   <div class="ck-card ck-form-card">
-    <% name_error = tag.errors[:name].first %>
     <div class="ck-field">
       <%= form.label :name, "Tag name", class: "ck-label" %>
       <%= form.text_field :name,
             id: "tag_name",
-            class: ["ck-input", ("ck-input--error" if name_error)].compact.join(" "),
+            class: ["ck-input", ("ck-input--error" if tag.errors[:name].any?)].compact.join(" "),
             placeholder: "e.g. production",
             autofocus: true,
-            "aria-invalid": name_error ? "true" : nil %>
-      <% if name_error %>
-        <p class="ck-field-error" role="alert"><%= name_error %></p>
-      <% elsif !tag.persisted? %>
+            **ck_field_aria(form, :name) %>
+      <%= ck_field_error(form, :name) %>
+      <% if tag.errors[:name].empty? && !tag.persisted? %>
         <p class="ck-hint">Color is auto-assigned from a 10-color palette.</p>
       <% end %>
     </div>

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Edit tag" %>
 <% original = @tag.name_was.presence || "tag" %>
 <% display_name = @tag.name.presence || original %>
 <% pill = content_tag(:span,

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "Tags" %>
 <%= render "completion_kit/shared/settings_nav", section_label: "Tags" %>
 
 <section class="ck-page-header">

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

@@ -1,3 +1,4 @@
+<% content_for :ck_title, "New tag" %>
 <% display_name = @tag.name.presence.to_s %>
 <% pill = content_tag(:span,
        content_tag(:span, display_name, id: "tag-pill-text", data: { placeholder: "" }),

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

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <title>CompletionKit</title>
+  <title><%= [content_for(:ck_title).presence, "CompletionKit"].compact.join(" — ") %></title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>

data/lib/completion_kit/version.rb

@@ -1,3 +1,3 @@
 module CompletionKit
-  VERSION = "0.28.7"
+  VERSION = "0.28.8"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: completion-kit
 version: !ruby/object:Gem::Version
-  version: 0.28.7
+  version: 0.28.8
 platform: ruby
 authors:
 - Damien Bastin