completion-kit 0.29.0 → 0.29.1

data/app/services/completion_kit/csv_processor.rb

@@ -37,7 +37,18 @@ module CompletionKit
     def self.extract_variables(prompt)
       return [] if prompt.nil? || prompt.template.blank?
 
-      prompt.template.scan(/\{\{([^}]+)\}\}/).flatten.map(&:strip).uniq
+      template = prompt.template
+      names = []
+      cursor = 0
+      while (opener = template.byteindex("{{", cursor)) && (closer = template.byteindex("}", opener + 2))
+        if closer > opener + 2 && template.byteslice(closer + 1, 1) == "}"
+          names << template.byteslice(opener + 2, closer - opener - 2)
+          cursor = closer + 2
+        else
+          cursor = closer + 1
+        end
+      end
+      names.map(&:strip).uniq
     end
 
     def self.validate_variables(run, headers)
@@ -57,7 +68,8 @@ module CompletionKit
       return prompt.template.dup if values.empty?
 
       names = values.keys.map { |name| Regexp.escape(name) }.join("|")
-      prompt.template.gsub(/\{\{\s*(#{names})\s*\}\}/) { values[Regexp.last_match(1)].to_s }
+      pattern = Regexp.new("\\{\\{\\s*(#{names})\\s*\\}\\}", timeout: Checks::Regex.timeout)
+      prompt.template.gsub(pattern) { values[Regexp.last_match(1)].to_s }
     end
   end
 end

data/app/services/completion_kit/model_discovery_service.rb

@@ -12,8 +12,9 @@ module CompletionKit
 
     def initialize(config:)
       @provider = config[:provider]
-      @api_key = config[:api_key]
       @api_endpoint = config[:api_endpoint]
+      @api_key = config[:api_key]
+      @api_key = @api_key.presence || OllamaClient.fallback_api_key(@api_endpoint) if @provider == "ollama"
       @api_version = config[:api_version]
       @catalog_model_count = nil
     end

data/app/services/completion_kit/ollama_client.rb

@@ -1,5 +1,22 @@
 module CompletionKit
   class OllamaClient < LlmClient
+    DEFAULT_ENDPOINT = "http://localhost:11434/v1"
+
+    def self.configured_endpoint
+      endpoint = CompletionKit.config.ollama_api_endpoint || ENV["OLLAMA_API_ENDPOINT"]
+      endpoint || (DEFAULT_ENDPOINT if CompletionKit.config.allow_loopback_endpoints)
+    end
+
+    def self.fallback_api_key(endpoint)
+      return unless ProviderEndpoint.same_destination?(root_url(endpoint), root_url(configured_endpoint))
+
+      env_key = ENV["OLLAMA_API_KEY"]
+      CompletionKit.config.tenant_scope ? env_key : CompletionKit.config.ollama_api_key || env_key
+    end
+
+    def self.root_url(endpoint)
+      endpoint.to_s.strip.delete_suffix("/").delete_suffix("/v1")
+    end
 
     def generate_completion(prompt, options = {})
       @temperature_dropped = false
@@ -75,12 +92,12 @@ module CompletionKit
     end
 
     def api_key
-      @config[:api_key] || ENV["OLLAMA_API_KEY"]
+      @config[:api_key].presence || self.class.fallback_api_key(api_endpoint)
     end
 
     def api_endpoint
       raw = @config[:api_endpoint] || ENV["OLLAMA_API_ENDPOINT"]
-      raw ||= "http://localhost:11434/v1" if CompletionKit.config.allow_loopback_endpoints
+      raw ||= DEFAULT_ENDPOINT if CompletionKit.config.allow_loopback_endpoints
       raw.to_s.delete_suffix("/")
     end
 

data/app/services/completion_kit/provider_endpoint.rb

@@ -51,6 +51,16 @@ module CompletionKit
       nil
     end
 
+    def same_destination?(url, other)
+      destination = destination(url)
+      !destination.nil? && destination == destination(other)
+    end
+
+    def destination(url)
+      uri = parse(url)
+      [uri.scheme, uri.host.downcase, uri.port, uri.path.delete_suffix("/")] if uri
+    end
+
     def issues_for(addrs)
       return [:unresolvable] if addrs.empty?
       return [:unsafe_host] if addrs.any? { |ip| unsafe?(ip) }

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

@@ -1,8 +1,8 @@
 <% if token.present? %>
   <% masked = ck_masked_token(token) %>
   <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="<%= masked %>" data-real="<%= token %>" aria-label="Reveal API token" aria-pressed="false" style="cursor: pointer;"><%= masked %></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)})">
+    <button type="button" class="ck-chip ck-token-toggle" data-ck-token-toggle data-masked="<%= masked %>" data-real="<%= token %>" aria-label="Reveal API token" aria-pressed="false" style="cursor: pointer;"><%= masked %></button>
+    <button type="button" class="ck-icon-btn" title="Copy token" aria-label="Copy API token" data-ck-copy-text="<%= token %>" data-ck-copy-feedback>
       <%= heroicon_tag "clipboard-document", variant: :outline, size: 14, "aria-hidden": "true" %>
     </button>
   </div>

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

@@ -423,30 +423,3 @@
 
   </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/api_reference/_example.html.erb

@@ -1,6 +1,6 @@
 <div class="ck-api-example">
   <pre class="ck-code ck-code--dark"><%= cmd %></pre>
-  <button type="button" class="ck-api-copy" aria-label="Copy example to clipboard" onclick="ckCopyExample(this)" data-real-token="<%= real_token %>" data-display-token="<%= token %>">
+  <button type="button" class="ck-api-copy" aria-label="Copy example to clipboard" data-ck-copy-example data-real-token="<%= real_token %>" data-display-token="<%= token %>">
     <%= heroicon_tag "clipboard-document", variant: :outline, size: 14, "aria-hidden": "true" %>
   </button>
 </div>

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

@@ -19,6 +19,6 @@
   </div>
   <div class="ck-api-prompt-card__url">
     <code class="ck-endpoint__url" id="<%= dom_id %>"><%= url %></code>
-    <button type="button" class="ck-icon-btn" title="Copy endpoint" aria-label="Copy endpoint URL" onclick="navigator.clipboard.writeText(document.getElementById('<%= dom_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>
+    <button type="button" class="ck-icon-btn" title="Copy endpoint" aria-label="Copy endpoint URL" data-ck-copy="<%= dom_id %>"><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>

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

@@ -46,34 +46,6 @@
       <%= form.submit(dataset.persisted? ? "Save dataset" : "Create dataset", class: ck_button_classes(:dark)) %>
     </div>
   </div>
-
-  <script>
-function ckDatasetHeaderPreview() {
-  var area = document.getElementById('dataset_csv_data');
-  var box = document.getElementById('dataset-header-preview');
-  var chips = document.getElementById('dataset-header-chips');
-  if (!area || !box || !chips) return;
-  var recognized = { expected_output: 'answer key', actual_output: 'pre-made output' };
-  var firstLine = (area.value.split(/\r?\n/).find(function(l) { return l.trim() !== ''; }) || '');
-  var headers = firstLine.split(',').map(function(h) { return h.trim().replace(/^"|"$/g, ''); }).filter(Boolean);
-  if (headers.length === 0) { box.hidden = true; chips.textContent = ''; return; }
-  box.hidden = false;
-  chips.textContent = '';
-  headers.forEach(function(h) {
-    var role = recognized[h];
-    var chip = document.createElement('span');
-    chip.className = 'ck-header-chip' + (role ? ' ck-header-chip--special' : '');
-    chip.textContent = role ? h + ' · ' + role : h;
-    chips.appendChild(chip);
-  });
-}
-document.addEventListener('turbo:load', ckDatasetHeaderPreview);
-(function() {
-  var area = document.getElementById('dataset_csv_data');
-  if (area) area.addEventListener('input', ckDatasetHeaderPreview);
-})();
-ckDatasetHeaderPreview();
-  </script>
 <% end %>
 
 <% if dataset.persisted? %>

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

@@ -27,7 +27,7 @@
     </thead>
     <tbody>
       <% @datasets.each do |dataset| %>
-        <tr onclick="window.location='<%= dataset_path(dataset) %>'" style="cursor: pointer;">
+        <tr data-ck-href="<%= dataset_path(dataset) %>" style="cursor: pointer;">
           <td>
             <%= link_to dataset_path(dataset), class: "ck-record-name" do %><strong><%= dataset.name %></strong><% end %>
             <% if dataset.tags.any? %>

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

@@ -47,8 +47,7 @@
             <button type="button"
                     class="tag-mark tag-mark--off ck-metric-tag-filter__chip"
                     style="--mark-color: var(--tag-<%= tag.color %>);"
-                    data-filter-tag="<%= tag.name %>"
-                    onclick="ckToggleMetricGroupFilter(this)"><%= tag.name %></button>
+                    data-filter-tag="<%= tag.name %>"><%= tag.name %></button>
           <% end %>
         </div>
       <% end %>
@@ -78,24 +77,6 @@
       <%= hidden_field_tag "metric_group[metric_ids][]", "" %>
     </div>
 
-    <script>
-      function ckToggleMetricGroupFilter(btn) {
-        btn.classList.toggle("tag-mark--off");
-        var bar = btn.closest("[data-metric-tag-filter]");
-        var grid = bar && bar.parentElement.querySelector("[data-metric-checkboxes]");
-        if (!grid) return;
-        var active = Array.prototype.map.call(
-          bar.querySelectorAll(".ck-metric-tag-filter__chip:not(.tag-mark--off)"),
-          function(b) { return b.getAttribute("data-filter-tag"); }
-        );
-        grid.querySelectorAll(".ck-checkbox-label").forEach(function(lbl) {
-          var tags = (lbl.getAttribute("data-metric-tags") || "").split(",").filter(Boolean);
-          var visible = active.length === 0 || tags.some(function(t) { return active.indexOf(t) !== -1; });
-          lbl.style.display = visible ? "" : "none";
-        });
-      }
-    </script>
-
     <div class="ck-actions">
       <% if metric_group.persisted? %>
         <%= ck_delete_trigger(form_id: metric_group_delete_id, label: "Delete metric group", confirm: metric_group_delete_confirm) %>

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

@@ -31,7 +31,7 @@
     </thead>
     <tbody>
       <% @metric_groups.each do |metric_group| %>
-        <tr onclick="window.location='<%= metric_group_path(metric_group) %>'" style="cursor: pointer;">
+        <tr data-ck-href="<%= metric_group_path(metric_group) %>" style="cursor: pointer;">
           <td>
             <%= link_to metric_group_path(metric_group), class: "ck-record-name" do %><strong><%= metric_group.name %></strong><% end %>
             <% if metric_group.tags.any? %>

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

@@ -7,7 +7,7 @@
     <span class="ck-starter-card__cta">Preview →</span>
     <%= button_to "dismiss", dismiss_starter_metrics_path(key: starter.key),
           method: :post,
-          form: { onclick: "event.stopPropagation();" },
+          form: { data: { ck_stop_propagation: true } },
           form_class: "inline-block ck-starter-card__dismiss-form",
           class: "ck-starter-card__dismiss",
           data: { turbo_confirm: "Hide \"#{starter.name}\" from this list?" } %>

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

@@ -28,7 +28,7 @@
     </thead>
     <tbody>
       <% @metrics.each do |metric| %>
-        <tr onclick="window.location='<%= metric_path(metric) %>'" style="cursor: pointer;">
+        <tr data-ck-href="<%= metric_path(metric) %>" style="cursor: pointer;">
           <td>
             <%= link_to metric_path(metric), class: "ck-record-name" do %><strong><%= metric.name %></strong><% end %>
             <span class="ck-chip ck-chip--soft ck-metric-type-chip"><%= metric.check? ? "Check" : "Judge" %></span>
@@ -48,7 +48,7 @@
             <% 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 %>
+                  <%= link_to metric_group_path(g), class: "ck-metric-group-pill ck-metric-group-pill--active" do %>
                     <span class="ck-metric-group-pill__label"><%= g.name %></span>
                   <% end %>
                 <% end %>

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

@@ -91,7 +91,7 @@
                     <% if v.draft? && vs.present? %>
                       <span class="ck-version-score"><span class="ck-version-score__label">Match</span> <%= vs["after"] %>/<%= vs["tested"] %></span>
                     <% end %>
-                    <button type="button" class="ck-cell-link ck-cell-link--delta" title="What changed from <%= pred.version_label %>" onclick="document.getElementById('ck-mvdiff-<%= v.id %>').showModal()">&Delta;</button>
+                    <button type="button" class="ck-cell-link ck-cell-link--delta" title="What changed from <%= pred.version_label %>" data-ck-dialog-open="ck-mvdiff-<%= v.id %>">&Delta;</button>
                   </div>
                 <% end %>
               </div>
@@ -126,14 +126,14 @@
     <% pred = predecessor_of[v] %>
     <% next unless v.change_summary_against(pred) %>
     <% vs = v.validation_summary %>
-    <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()">
+    <dialog id="ck-mvdiff-<%= v.id %>" class="ck-modal" aria-labelledby="ck-mvdiff-title-<%= v.id %>" data-ck-dialog<%= " data-ck-dialog-autoopen" if params[:show_change].to_i == v.id %>>
+      <article class="ck-modal__panel" tabindex="-1">
         <header class="ck-modal__header">
           <div class="ck-modal__heading">
             <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>
+          <button type="button" class="ck-modal__close" aria-label="Close" data-ck-dialog-close>&times;</button>
         </header>
         <div class="ck-modal__body">
           <% if v.draft? && vs.present? %>
@@ -223,13 +223,3 @@
     <% end %>
   </section>
 <% end %>
-
-<% if params[:show_change].present? %>
-  <script>
-    (function () {
-      var dialog = document.getElementById("ck-mvdiff-<%= params[:show_change].to_i %>");
-      if (dialog && typeof dialog.showModal === "function") dialog.showModal();
-    })();
-  </script>
-<% end %>
-

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

@@ -49,7 +49,7 @@
         <div class="ck-select-with-action">
           <%= form.select :llm_model, ck_grouped_models(available, prompt.llm_model, rejected: prompt.errors[:llm_model].any?), { include_blank: "Select a model" }, { class: "ck-input", id: "prompt_llm_model", **ck_field_aria(form, :llm_model) } %>
           <% ck_refreshing = CompletionKit::ProviderCredential.discovery_in_progress? %>
-          <button type="button" class="ck-icon-btn<%= ' ck-icon-btn--spinning' if ck_refreshing %>" title="Refresh models" <%= 'disabled' if ck_refreshing %> onclick="ckRefreshModels()"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="16" height="16"><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></button>
+          <button type="button" class="ck-icon-btn<%= ' ck-icon-btn--spinning' if ck_refreshing %>" title="Refresh models" <%= 'disabled' if ck_refreshing %> data-ck-refresh-models><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="16" height="16"><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></button>
         </div>
       <% else %>
         <p class="ck-meta-copy">No models available. <%= link_to "Add a provider", provider_credentials_path, class: "ck-link" %> or click refresh after configuring a provider.</p>

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

@@ -28,15 +28,15 @@
     </thead>
     <tbody>
       <% @prompts.each do |prompt| %>
-        <tr onclick="window.location='<%= prompt_path(prompt) %>'" style="cursor: pointer;">
+        <tr data-ck-href="<%= prompt_path(prompt) %>" style="cursor: pointer;">
           <td>
             <%= link_to prompt_path(prompt), class: "ck-record-name" do %><strong><%= prompt.name %></strong><% end %>
             <% if prompt.description.present? %>
               <p class="ck-prompts-table__desc"><%= truncate(prompt.description, length: 120) %></p>
             <% end %>
-            <div class="ck-endpoint ck-endpoint--compact" onclick="event.stopPropagation()">
+            <div class="ck-endpoint ck-endpoint--compact" data-ck-row-ignore>
               <code class="ck-endpoint__url" id="prompt_endpoint_<%= prompt.id %>"><%= api_v1_prompt_path(prompt.slug) %></code>
-              <button type="button" class="ck-icon-btn" title="Copy API path" onclick="event.stopPropagation();navigator.clipboard.writeText(document.getElementById('prompt_endpoint_<%= prompt.id %>').textContent)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="13" height="13" 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>
+              <button type="button" class="ck-icon-btn" title="Copy API path" data-ck-copy="prompt_endpoint_<%= prompt.id %>"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="13" height="13" 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">

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

@@ -16,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" 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>
+      <button type="button" class="ck-icon-btn" title="Copy endpoint" aria-label="Copy endpoint" data-ck-copy="prompt_endpoint"><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>
     <p class="ck-meta-copy" id="prompt_serves">
       <% if @serve_summary[:total].positive? %>
@@ -83,10 +83,10 @@
           <% best_score = scoped_runs.map(&:avg_score).compact.max %>
           <% best_pass_rate = scoped_runs.map(&:check_pass_rate).compact.max %>
           <% pred = predecessor_of[v] %>
-          <tr class="<%= "ck-results-table__row--active" if v.id == @prompt.id %>" onclick="window.location='<%= prompt_path(v) %>'" style="cursor: pointer;">
+          <tr class="<%= "ck-results-table__row--active" if v.id == @prompt.id %>" data-ck-href="<%= prompt_path(v) %>" style="cursor: pointer;">
             <td>
               <div class="ck-version-cell">
-                <div class="ck-version-cell__label" onclick="event.stopPropagation()">
+                <div class="ck-version-cell__label" data-ck-row-ignore>
                   <%= 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>
@@ -95,7 +95,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 %>" 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>
+                  <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 %>" data-ck-dialog-open="ck-vdiff-<%= v.id %>"><span aria-hidden="true">&Delta;</span></button>
                 <% end %>
               </div>
             </td>
@@ -121,14 +121,14 @@
   <% versions.each do |v| %>
     <% pred = predecessor_of[v] %>
     <% next unless version_changed.call(v, pred) %>
-    <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()">
+    <dialog id="ck-vdiff-<%= v.id %>" class="ck-modal" aria-labelledby="ck-vdiff-title-<%= v.id %>" data-ck-dialog>
+      <article class="ck-modal__panel" tabindex="-1" autofocus>
         <header class="ck-modal__header">
           <div class="ck-modal__heading">
             <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>
+          <button type="button" class="ck-modal__close" aria-label="Close" data-ck-dialog-close>&times;</button>
         </header>
         <div class="ck-modal__body">
           <% if pred.llm_model != v.llm_model %>
@@ -188,7 +188,7 @@
       </thead>
       <tbody>
         <% suggestions.each do |s| %>
-          <tr onclick="window.location='<%= suggestion_path(s, from: "prompt") %>'" style="cursor: pointer;">
+          <tr data-ck-href="<%= suggestion_path(s, from: "prompt") %>" style="cursor: pointer;">
             <td><%= link_to suggestion_path(s, from: "prompt"), class: "ck-record-name" do %><strong><%= s.run.name %></strong><% end %></td>
             <td><span class="ck-chip ck-chip--soft"><%= s.prompt.version_label %></span></td>
             <td class="ck-meta-copy"><%= truncate(ck_strip_markdown(s.reasoning), length: 100) %></td>

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

@@ -16,7 +16,7 @@
               <% if provider_credential.discovery_status == "completed" %>
                 <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) %> ago</time></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}});if(window.ckStartDiscoveryPolling)ckStartDiscoveryPolling(8000)">
+              <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 %> data-ck-provider-refresh="<%= refresh_provider_credential_path(provider_credential) %>">
                 <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>
               </button>
             </span>
@@ -74,7 +74,7 @@
         <div class="ck-model-list__summary">
           <span class="ck-model-list__summary-label">Available models <span class="ck-model-list__summary-count">0</span></span>
           <span class="ck-model-list__summary-meta">
-            <button type="button" class="ck-icon-btn ck-model-list__refresh" title="Refresh models" aria-label="Refresh available models" onclick="event.preventDefault();fetch('<%= refresh_provider_credential_path(provider_credential) %>', {method:'POST',headers:{'X-CSRF-Token':document.querySelector('meta[name=csrf-token]').content}});if(window.ckStartDiscoveryPolling)ckStartDiscoveryPolling(8000)"><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></button>
+            <button type="button" class="ck-icon-btn ck-model-list__refresh" title="Refresh models" aria-label="Refresh available models" data-ck-provider-refresh="<%= refresh_provider_credential_path(provider_credential) %>"><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></button>
           </span>
         </div>
       <% end %>