completion-kit 0.5.32 → 0.5.33

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 339fdc985a929e4f80d4d5f3e47f76964b1b7d17022b526c94dfa017dae50cb4
-  data.tar.gz: 7a966b72a43ec017a013f4fec8f676c9e595657e8c0276ba2691438375b59887
+  metadata.gz: df835ff1e701f30b2d0b2889040f1d5fb0f09e5414ce4b50b8c2aeb0729a09b0
+  data.tar.gz: b104c726a3aacac06bfaf7332da69845a5d441b60c6d97cb70a3cf69ce6d50ed
 SHA512:
-  metadata.gz: 023f898c0be28720c6660d656bad3ee3a027e4ae5ef1ea0a043cc4a6900e0c60412fd362ad5483eff241b816f8752be35fcb7ae5d4fe77d0b88abdd0c02f70f7
-  data.tar.gz: 12d4bba30abb2cc2cd4d568df88cdd48d70d8185e26f74cc0dcaccc8ba0ae94402c49b1309e94f747e87c5aa8ca2759a26687985e19dd228467e8b00eb79c94e
+  metadata.gz: 63a12da9635ce4bda787581edd983c4544a51ee0d2dd5816e0473107dc5a46e1b04d751e93dbb8452536daaf4c53961576996fe478fc2f59354fc4d4935dc749
+  data.tar.gz: b7a6b8b01d28e6dbbd0511ae85f9b3e19c813d623c6e0e8470ec82eae14310b30bf9bae3a0fd22adfac7a3414dda9bdb2c0e220d6a4bfc4952eb1c1acc4bfe38

data/app/assets/config/completion_kit_manifest.js

@@ -1,2 +1,3 @@
 //= link_directory ../stylesheets/completion_kit .css
 //= link_directory ../javascripts/completion_kit .js
+//= link_tree ../fonts/completion_kit

data/app/assets/stylesheets/completion_kit/{application.css → application.css.erb}

@@ -1,4 +1,12 @@
-@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
+<% %w[400 500 700].each do |weight| %>
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: <%= weight %>;
+  font-display: swap;
+  src: url('<%= asset_path("completion_kit/jetbrains-mono-#{weight}.woff2") %>') format('woff2');
+}
+<% end %>
 
 .turbo-progress-bar {
   background-color: var(--ck-accent);
@@ -14,7 +22,7 @@
   --ck-line-strong: #334155;
   --ck-text: #e2e8f0;
   --ck-muted: #8b9ab5;
-  --ck-dim: #64748b;
+  --ck-dim: #7a8aa3;
   --ck-accent: #06b6d4;
   --ck-accent-soft: rgba(6, 182, 212, 0.1);
   --ck-accent-hover: #22d3ee;
@@ -5053,3 +5061,30 @@ a.tag-mark {
     max-width: none;
   }
 }
+
+.ck-skip-link {
+  position: absolute;
+  left: -10000px;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+.ck-skip-link:focus {
+  position: fixed;
+  left: 0.75rem;
+  top: 0.75rem;
+  width: auto;
+  height: auto;
+  z-index: 1000;
+  padding: 0.6rem 1rem;
+  background: var(--ck-accent);
+  color: var(--ck-bg);
+  border-radius: var(--ck-radius);
+  text-decoration: none;
+  font-family: var(--ck-mono);
+  font-size: 0.85rem;
+  font-weight: 500;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}

data/app/controllers/completion_kit/onboarding_controller.rb

@@ -9,7 +9,13 @@ module CompletionKit
     end
 
     def dismiss
-      cookies[ONBOARDING_DISMISS_COOKIE] = { value: "1", expires: 1.year.from_now, httponly: true }
+      cookies[ONBOARDING_DISMISS_COOKIE] = {
+        value: "1",
+        expires: 1.year.from_now,
+        httponly: true,
+        secure: Rails.env.production?,
+        same_site: :lax
+      }
       redirect_to dashboard_path, notice: "Setup skipped. Pick it back up from Settings → Getting started any time."
     end
 

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

@@ -49,7 +49,7 @@
           <%= render "completion_kit/provider_credentials/discovery_status", provider_credential: pc, show_completed: false %>
         <% end %>
       </div>
-      <p class="ck-field-hint" id="refresh-status" style="min-height: 1.2em; margin-top: -0.25rem; font-size: 0.75rem;">&nbsp;</p>
+      <p class="ck-field-hint" id="refresh-status" role="status" aria-live="polite" style="min-height: 1.2em; margin-top: -0.25rem; font-size: 0.75rem;">&nbsp;</p>
     </div>
 
     <%= render "completion_kit/tags/picker", record: prompt, param_namespace: :prompt %>

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

@@ -101,7 +101,7 @@
             <%= render "completion_kit/provider_credentials/discovery_status", provider_credential: pc, show_completed: false %>
           <% end %>
         </div>
-        <p class="ck-field-hint" id="refresh-status" style="min-height: 1.2em; margin-top: -0.25rem; font-size: 0.75rem;">&nbsp;</p>
+        <p class="ck-field-hint" id="refresh-status" role="status" aria-live="polite" style="min-height: 1.2em; margin-top: -0.25rem; font-size: 0.75rem;">&nbsp;</p>
       <% else %>
         <p class="ck-field-hint" style="color: var(--ck-warning);">No judge models available.&ensp;<%= link_to "Add a provider", provider_credentials_path, class: "ck-link" %></p>
         <%= form.hidden_field :judge_model, value: nil, id: "run_judge_model" %>

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

@@ -13,6 +13,7 @@
   <%= action_cable_meta_tag %>
 </head>
 <body class="ck-app">
+  <a class="ck-skip-link" href="#ck-main-content">Skip to content</a>
   <header class="ck-topbar">
     <div class="ck-wrap ck-topbar__inner">
       <%= link_to dashboard_path, class: "ck-brand" do %><%= image_tag "completion_kit/logo.png", alt: "CompletionKit", style: "height: 64px; width: auto;" %><span class="ck-brand__name">Completion<span class="ck-brand__kit">Kit</span></span><% end %>
@@ -21,7 +22,7 @@
         <summary class="ck-nav-menu__trigger" aria-label="Menu">
           <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
         </summary>
-      <nav class="ck-nav">
+      <nav class="ck-nav" aria-label="Primary">
         <% active = ->(path) { request.path.start_with?(path) ? ck_button_classes(:dark) : ck_button_classes(:light, variant: :outline) } %>
         <%= link_to "Prompts", prompts_path, class: active.(prompts_path) %>
         <%= link_to "Metrics", metrics_path, class: request.path.start_with?(metrics_path) || request.path.start_with?(metric_groups_path) ? ck_button_classes(:dark) : ck_button_classes(:light, variant: :outline) %>
@@ -32,7 +33,7 @@
           <summary class="<%= settings_active ? ck_button_classes(:dark) : ck_button_classes(:light, variant: :outline) %> ck-settings-menu__trigger" aria-label="Settings">
             <%= heroicon_tag "cog-6-tooth", variant: :outline, size: 18, "aria-hidden": "true" %>
           </summary>
-          <div class="ck-settings-menu__panel" role="menu">
+          <div class="ck-settings-menu__panel">
             <%= link_to "Getting started", onboarding_path(reset: 1), class: "ck-settings-menu__item" %>
             <%= link_to "API", api_reference_path, class: "ck-settings-menu__item" %>
             <%= link_to "Providers", provider_credentials_path, class: "ck-settings-menu__item" %>
@@ -47,7 +48,7 @@
     </div>
   </header>
 
-  <main class="ck-main">
+  <main class="ck-main" id="ck-main-content" tabindex="-1">
     <div class="ck-wrap">
     <% flash.each do |type, message| %>
       <% notice = type.to_s == "notice" %>

data/lib/completion_kit/version.rb

@@ -1,3 +1,3 @@
 module CompletionKit
-  VERSION = "0.5.32"
+  VERSION = "0.5.33"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: completion-kit
 version: !ruby/object:Gem::Version
-  version: 0.5.32
+  version: 0.5.33
 platform: ruby
 authors:
 - Damien Bastin
@@ -227,10 +227,13 @@ files:
 - Rakefile
 - app/assets/config/completion_kit_manifest.js
 - app/assets/config/manifest.js
+- app/assets/fonts/completion_kit/jetbrains-mono-400.woff2
+- app/assets/fonts/completion_kit/jetbrains-mono-500.woff2
+- app/assets/fonts/completion_kit/jetbrains-mono-700.woff2
 - app/assets/images/completion_kit/favicon.ico
 - app/assets/images/completion_kit/logo.png
 - app/assets/javascripts/completion_kit/application.js
-- app/assets/stylesheets/completion_kit/application.css
+- app/assets/stylesheets/completion_kit/application.css.erb
 - app/controllers/completion_kit/api/v1/base_controller.rb
 - app/controllers/completion_kit/api/v1/datasets_controller.rb
 - app/controllers/completion_kit/api/v1/metric_groups_controller.rb