completion-kit 0.5.12 → 0.5.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9c45ef9dab51631cbc2bfc606b6c98c038d967edeea8903efa634571d012e0b0
-  data.tar.gz: 549981db86a07f2d48cafb2b2413f6e1850997087ef553418c3ec9d7d07e0a0a
+  metadata.gz: 0ec878fca14222f69bc34d85967b065b298ea669be11f60c49b52af13aefdfe5
+  data.tar.gz: 8211fc882175c1e69c52f2cba5a5e14668af4ddfc5784362252e8c051a59bee1
 SHA512:
-  metadata.gz: ddf258f7c59bc3a92113bcb95211f0314ea6cebe624d163478833f1515f0baafab0c630b9dd8983b7e2bde7ea5b641cb45b2249cd48c08a853422633e93409d9
-  data.tar.gz: 5001137b6be3a376f665cff46480e51b6994774f7e9146b5e464053bedcd5d989e2171b4ea8d792c9312b8c03b2e46e9d6b7515d8037e1c5510bde14caf11b1f
+  metadata.gz: 2afc081fde8f6722aadee50f973bc1512be15e5cbd19913881f0f38f06df37fee4f1cdbda54cfcb230892e73df7b27f6fdf537ea71df7da49ddfba39d2c9f644
+  data.tar.gz: 02cfae669de0b9a1f7a10bbedd7eecda8d708802ff85c1d8c6a50368fb49385e43f19b388f2ea45313b90e14a3d53464688b897ad23378964cfb55103bd3a8c2

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

@@ -39,6 +39,7 @@
 }
 
 html {
+  color-scheme: dark;
   font-size: 18px;
   line-height: 1.5;
   scrollbar-gutter: stable;
@@ -1284,6 +1285,24 @@ tr:hover .ck-chip--publish {
   line-height: 1.75;
 }
 
+/* Scrollable code-block wrapper — caps height for big payloads. Inner
+   <pre> drops its own border/radius so the wrapper owns the edge. We
+   leave the scrollbar unstyled so it matches the browser/page scrollbar. */
+.ck-code-scroll-wrap {
+  margin-top: 0.5rem;
+  max-height: 28rem;
+  overflow: auto;
+  border: 1px solid var(--ck-line);
+  border-radius: var(--ck-radius);
+  background: var(--ck-bg-strong);
+}
+.ck-code-scroll-wrap > .ck-code {
+  margin-top: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+}
+
 .ck-note-box {
   background: var(--ck-surface-soft);
   border: 1px solid var(--ck-line);
@@ -1873,22 +1892,7 @@ tr:hover .ck-chip--publish {
   background: var(--ck-bg-strong);
   overflow: auto;
   max-height: 60vh;
-  scrollbar-width: thin;
-  scrollbar-color: var(--ck-line-strong) var(--ck-bg);
 }
-.ck-csv-table-wrap::-webkit-scrollbar { width: 12px; height: 12px; background: var(--ck-bg); }
-.ck-csv-table-wrap::-webkit-scrollbar-track {
-  background: var(--ck-bg);
-  border-left: 1px solid var(--ck-line);
-  border-top: 1px solid var(--ck-line);
-}
-.ck-csv-table-wrap::-webkit-scrollbar-thumb {
-  background: var(--ck-line-strong);
-  border-radius: 6px;
-  border: 3px solid var(--ck-bg);
-}
-.ck-csv-table-wrap::-webkit-scrollbar-thumb:hover { background: var(--ck-muted); }
-.ck-csv-table-wrap::-webkit-scrollbar-corner { background: var(--ck-bg); }
 
 .ck-modal__body .ck-csv-table-wrap {
   margin-top: 0;
@@ -3197,6 +3201,7 @@ a.ck-metric-group-pill {
   white-space: nowrap;
 }
 
+
 .ck-runs-table th {
   vertical-align: middle;
   white-space: nowrap;
@@ -3208,21 +3213,44 @@ a.ck-metric-group-pill {
   padding-bottom: 0.7rem;
 }
 
+.ck-runs-table th:first-child,
+.ck-runs-table td:first-child {
+  width: 1%;
+}
+
 .ck-runs-table th:nth-child(n+2),
 .ck-runs-table td:nth-child(n+2) {
   width: 1%;
   white-space: nowrap;
 }
 
+.ck-runs-table th:last-child,
+.ck-runs-table td:last-child {
+  width: auto;
+}
+
 .ck-runs-table__identity {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
   min-width: 0;
+  width: 27rem;
+  max-width: 100%;
 }
 
 .ck-runs-table .ck-run-name {
   line-height: 1.2;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  min-width: 0;
+}
+
+.ck-runs-table .ck-run-name strong {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
 }
 
 .ck-runs-table__config {

data/app/helpers/completion_kit/application_helper.rb

@@ -179,6 +179,18 @@ module CompletionKit
       ["tag", "tag-#{tag.color}", ("tag-outline" if outline)].compact.join(" ")
     end
 
+    def ck_format_maybe_json(text)
+      s = text.to_s
+      return s if s.strip.empty?
+      first = s.strip[0]
+      return s unless first == "{" || first == "["
+      begin
+        JSON.pretty_generate(JSON.parse(s))
+      rescue JSON::ParserError
+        s
+      end
+    end
+
     def tag_filter_url(base_path, selected, toggling)
       remaining = selected.reject { |t| t.id == toggling.id }
       next_set = selected.include?(toggling) ? remaining : remaining + [toggling]

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

@@ -67,7 +67,7 @@
 
 <section>
   <p class="ck-kicker">Input</p>
-  <pre class="ck-code ck-code--dark"><%= begin; JSON.pretty_generate(JSON.parse(@response.input_data)); rescue; @response.input_data; end %></pre>
+  <div class="ck-code-scroll-wrap"><pre class="ck-code"><%= ck_format_maybe_json(@response.input_data) %></pre></div>
 </section>
 
 <section class="ck-card--spaced">
@@ -77,13 +77,13 @@
       <span class="ck-chip ck-chip--soft" style="text-transform: none;"><%= @run.prompt.llm_model %></span>
     <% end %>
   </div>
-  <pre class="ck-code"><%= @response.response_text %></pre>
+  <div class="ck-code-scroll-wrap"><pre class="ck-code"><%= ck_format_maybe_json(@response.response_text) %></pre></div>
 </section>
 
 <% if @response.expected_output.present? %>
   <section class="ck-card--spaced">
     <p class="ck-kicker">Expected</p>
-    <pre class="ck-code"><%= @response.expected_output %></pre>
+    <div class="ck-code-scroll-wrap"><pre class="ck-code"><%= ck_format_maybe_json(@response.expected_output) %></pre></div>
   </section>
 <% end %>
 

data/lib/completion_kit/version.rb

@@ -1,3 +1,3 @@
 module CompletionKit
-  VERSION = "0.5.12"
+  VERSION = "0.5.13"
 end

metadata

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