completion-kit 0.5.41 → 0.5.43

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c92ab72bfe3b2fe9fa296a21e8430f7b8c3d9f949a933f7675f4ffd8059dd8ae
-  data.tar.gz: ec53ee3e3b29a4d283db95d90e7a1dd8afef3572647ae243c9458500600714c9
+  metadata.gz: 7a9284c6a53b1b609de8ca2c081111687990d32f40f1fa4d2422670daeae9f2f
+  data.tar.gz: edb62bc8b34b3ecce534a1e4f0730066d6b56f591d05046b1904eb33f9f7cbc6
 SHA512:
-  metadata.gz: 8b783ec1b478a365f9e8a04da486fc7a87251d53dd6c63720c7d88795a524546bf71da8a07eca79337863c6787f52c776e51c75940b854a6e477f8074bf1d016
-  data.tar.gz: 7444db06e0adf5e29c7d68426496e643c743187d9cc8d974367cfdf025c993c0e061ad2b4b3f9d6a70f1aca3d70d124744b2a7ae416d5827efab9b6339b496f7
+  metadata.gz: 0aaf95d75bdfee01b387d3ebe97434168815d58627f8d855ad3dd15534e33c2a69eca7ee8a25a964f6669f891026d350abb5c23e23006ada5a1c56df9ad616ea
+  data.tar.gz: 800fec24cee472a245fcfffbb025eabb2a3bc62cbfc513d1ec0a2c7aa8d1e304f59cc28aa9074712060d0f49ac6bbfba4597cc17e1d3b8db71c5e3b9c557dcab

data/app/assets/javascripts/completion_kit/application.js

@@ -164,3 +164,20 @@ document.addEventListener("click", function(e) {
     if (!menu.contains(e.target)) menu.removeAttribute("open");
   });
 });
+
+document.addEventListener("click", function(e) {
+  var btn = e.target.closest("[data-ck-apply]");
+  if (!btn) return;
+  e.preventDefault();
+  var targetName = btn.getAttribute("data-target");
+  var value = btn.getAttribute("data-value");
+  if (!targetName) return;
+  var field = document.querySelector('[name="' + targetName.replace(/"/g, '\\"') + '"]');
+  if (!field) return;
+  field.value = value;
+  field.dispatchEvent(new Event("input", { bubbles: true }));
+  field.dispatchEvent(new Event("change", { bubbles: true }));
+  btn.classList.add("is-applied");
+  btn.textContent = "Applied ✓";
+  field.focus({ preventScroll: true });
+});

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

@@ -1943,11 +1943,22 @@ tr:hover .ck-chip--publish {
   transition: all 0.15s;
 }
 
+
 .ck-icon-btn svg {
   width: 16px;
   height: 16px;
 }
 
+.ck-icon-btn--form {
+  min-height: 2rem;
+  padding: 0.4rem 0.7rem;
+  border-color: var(--ck-line-strong);
+}
+.ck-icon-btn--form.ck-icon-btn svg {
+  width: 18px;
+  height: 18px;
+}
+
 .ck-select-with-action {
   display: flex;
   gap: 0.5rem;
@@ -2721,6 +2732,9 @@ select.ck-input {
   height: 16px;
 }
 
+.ck-metric-pip__sub {
+  color: var(--ck-dim);
+}
 .ck-metric-pip__label strong {
   font-weight: 700;
 }
@@ -3458,7 +3472,6 @@ select.ck-input {
 }
 .ck-tags-table__unused {
   color: var(--ck-dim);
-  font-style: italic;
 }
 
 .ck-mg-members {
@@ -3523,6 +3536,47 @@ select.ck-input {
 .ck-prompt-versions-table th:nth-child(3), .ck-prompt-versions-table td:nth-child(3) { width: 8rem; white-space: nowrap; }
 .ck-prompt-versions-table th:nth-child(4), .ck-prompt-versions-table td:nth-child(4) { width: auto; }
 
+.ck-metric-versions-table th:nth-child(1), .ck-metric-versions-table td:nth-child(1) { width: 16rem; }
+.ck-metric-versions-table th:nth-child(2), .ck-metric-versions-table td:nth-child(2) { width: 12rem; white-space: nowrap; }
+.ck-metric-versions-table th:nth-child(3), .ck-metric-versions-table td:nth-child(3) { width: auto; }
+
+.ck-source-chip {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-family: var(--ck-mono);
+  font-size: 0.7rem;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  border: 1px solid var(--ck-line-strong);
+  background: var(--ck-surface-soft);
+  color: var(--ck-muted);
+}
+.ck-source-chip--ai {
+  border-color: rgba(56, 189, 248, 0.35);
+  background: rgba(56, 189, 248, 0.08);
+  color: var(--ck-accent);
+}
+.ck-source-chip--manual {
+  border-color: var(--ck-line-strong);
+  color: var(--ck-text);
+}
+.ck-source-chip--initial {
+  border-color: var(--ck-line);
+  color: var(--ck-dim);
+}
+.ck-source-chip--current {
+  border-color: var(--ck-line-strong);
+  color: var(--ck-text);
+}
+.ck-source-chip--past {
+  border-color: var(--ck-line);
+  color: var(--ck-dim);
+}
+.ck-disagreement--stale {
+  opacity: 0.7;
+}
+
 .ck-suggestions-table th:nth-child(1), .ck-suggestions-table td:nth-child(1) { width: 16rem; white-space: nowrap; }
 .ck-suggestions-table th:nth-child(2), .ck-suggestions-table td:nth-child(2) { width: auto; }
 .ck-suggestions-table th:nth-child(3), .ck-suggestions-table td:nth-child(3) { width: 6rem; white-space: nowrap; }
@@ -3967,6 +4021,28 @@ table.ck-runs-table {
   transform: none;
 }
 
+.ck-info-hint {
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  vertical-align: middle;
+  margin-left: 0.4rem;
+  color: var(--ck-dim);
+  cursor: help;
+}
+.ck-info-hint:hover,
+.ck-info-hint:focus-visible {
+  color: var(--ck-text);
+}
+.ck-info-hint:hover .ck-info-popup,
+.ck-info-hint:focus-within .ck-info-popup {
+  display: block;
+}
+.ck-info-hint svg {
+  width: 14px;
+  height: 14px;
+}
+
 .ck-suggest-reasoning {
   margin: 1.5rem 0;
   padding: 1.25rem 1.5rem;
@@ -4000,6 +4076,65 @@ table.ck-runs-table {
   background: var(--ck-line);
 }
 
+.ck-kicker--inset {
+  margin: 1.25rem 0 0.5rem;
+}
+
+.ck-rubric-diff {
+  margin: 0 0 0.5rem;
+  border: 1px solid var(--ck-line);
+  border-radius: var(--ck-radius);
+  overflow: hidden;
+  background: var(--ck-line);
+}
+.ck-rubric-diff__row {
+  display: grid;
+  grid-template-columns: 110px 1fr;
+  gap: 1px;
+  align-items: stretch;
+  background: var(--ck-surface);
+  border-bottom: 1px solid var(--ck-line);
+}
+.ck-rubric-diff__row:last-child { border-bottom: 0; }
+.ck-rubric-diff__row--unchanged { opacity: 0.55; }
+.ck-rubric-diff__stars {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 0.75rem 0.85rem;
+  background: var(--ck-bg-strong);
+  border-right: 1px solid var(--ck-line);
+  white-space: nowrap;
+}
+.ck-rubric-diff__stars svg { width: 12px; height: 12px; flex-shrink: 0; }
+.ck-rubric-diff__panes {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1px;
+  background: var(--ck-line);
+  min-width: 0;
+}
+.ck-rubric-diff__pane {
+  margin: 0;
+  padding: 0.7rem 0.85rem;
+  background: var(--ck-surface);
+  font-family: var(--ck-mono);
+  font-size: 0.78rem;
+  line-height: 1.55;
+  color: var(--ck-text);
+  white-space: pre-wrap;
+  word-break: break-word;
+  min-width: 0;
+}
+.ck-rubric-diff__unchanged {
+  margin: 0;
+  padding: 0.7rem 0.85rem;
+  font-family: var(--ck-mono);
+  font-size: 0.78rem;
+  line-height: 1.55;
+  color: var(--ck-dim);
+}
+
 .ck-suggest-diff__pane {
   background: var(--ck-surface);
   min-width: 0;
@@ -4481,8 +4616,8 @@ a.tag-mark {
 .ck-settings-kicker__link:hover { color: var(--ck-text); }
 
 .tag-marks-row--header {
-  margin-top: -0.5rem;
-  margin-bottom: 1.25rem;
+  margin-top: 0.4rem;
+  margin-bottom: 0;
 }
 
 
@@ -5176,36 +5311,124 @@ a.tag-mark {
 }
 .ck-calibration__prompt {
   margin: 0 0 10px;
-  display: flex;
-  align-items: baseline;
-  flex-wrap: wrap;
-  gap: 8px 12px;
-}
-.ck-calibration__label {
   font-family: var(--ck-mono);
   font-size: 0.72rem;
-  letter-spacing: 0.06em;
+  letter-spacing: 0.04em;
+  color: var(--ck-dim);
+}
+.ck-calibration__prompt > * + * {
+  margin-left: 8px;
+}
+.ck-calibration__label {
+  letter-spacing: 0.08em;
   text-transform: uppercase;
   color: var(--ck-dim);
-  flex-shrink: 0;
 }
-.ck-calibration__count {
+.ck-calibration__meta {
+  color: var(--ck-muted);
+}
+.ck-calibration__sep {
+  color: var(--ck-line-strong);
+}
+.ck-calibration__meta-link {
+  color: var(--ck-accent);
+  text-decoration: none;
+  white-space: nowrap;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.ck-calibration__others {
+  margin: 10px 0 0;
   font-family: var(--ck-mono);
-  font-size: 0.72rem;
-  letter-spacing: 0.03em;
+  font-size: 0.78rem;
+}
+.ck-calibration__others-summary {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
   color: var(--ck-accent);
+  font-weight: 500;
+  cursor: pointer;
+  user-select: none;
+  list-style: none;
 }
-.ck-calibration__hint {
-  font-size: 0.82rem;
+.ck-calibration__others-summary:hover,
+.ck-calibration__others-summary:focus-visible {
+  color: var(--ck-accent-hover);
+}
+.ck-calibration__others-summary::-webkit-details-marker { display: none; }
+.ck-calibration__others-summary svg {
+  width: 12px;
+  height: 12px;
+  transition: transform 0.15s;
+}
+.ck-calibration__others[open] .ck-calibration__others-summary svg {
+  transform: rotate(90deg);
+}
+.ck-calibration__others-list {
+  list-style: none;
+  padding: 8px 0 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.ck-calibration__others-item {
+  padding: 8px 10px;
+  background: var(--ck-surface-soft);
+  border: 1px solid var(--ck-line);
+  border-radius: 4px;
   color: var(--ck-dim);
-  line-height: 1.4;
 }
-@media (max-width: 640px) {
-  .ck-calibration__prompt {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 4px;
-  }
+.ck-calibration__others-item--agree { border-left: 2px solid var(--ck-success); }
+.ck-calibration__others-item--disagree { border-left: 2px solid var(--ck-danger); }
+.ck-calibration__others-item--borderline { border-left: 2px solid var(--ck-warning); }
+.ck-calibration__others-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 10px;
+  line-height: 1;
+}
+.ck-calibration__others-verdict {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  font-weight: 500;
+  color: var(--ck-text);
+}
+.ck-calibration__others-item--agree .ck-calibration__others-verdict { color: var(--ck-success); }
+.ck-calibration__others-item--disagree .ck-calibration__others-verdict { color: var(--ck-danger); }
+.ck-calibration__others-item--borderline .ck-calibration__others-verdict { color: var(--ck-warning); }
+.ck-calibration__others-by {
+  color: var(--ck-muted);
+}
+.ck-calibration__others-stars {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+.ck-calibration__others-stars svg { display: block; }
+.ck-calibration__others-note {
+  margin: 6px 0 0;
+  color: var(--ck-dim);
+  line-height: 1.5;
+}
+.ck-calibration__meta-link svg {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  vertical-align: middle;
+  margin-right: 3px;
+  position: relative;
+  top: -1px;
+}
+.ck-calibration__meta-link:hover,
+.ck-calibration__meta-link:focus-visible {
+  color: var(--ck-accent-hover);
 }
 .ck-calibration__buttons {
   display: flex;
@@ -5268,6 +5491,10 @@ a.tag-mark {
 .ck-calibration__detail .ck-button {
   align-self: flex-start;
 }
+.ck-calibration__detail textarea {
+  font-family: var(--ck-mono);
+  font-size: 0.82rem;
+}
 .ck-calibration__value {
   color: var(--ck-accent);
   font-family: var(--ck-mono);
@@ -5361,6 +5588,112 @@ a.tag-mark {
 .ck-trust-panel__borderline--warning { color: var(--ck-warning); }
 .ck-trust-panel__borderline--danger { color: var(--ck-danger); }
 
+.ck-trust-line {
+  margin: 10px 0 0;
+  font-family: var(--ck-mono);
+  font-size: 0.82rem;
+  color: var(--ck-dim);
+  line-height: 1.55;
+}
+.ck-trust-line > * + * {
+  margin-left: 6px;
+}
+.ck-trust-line__label {
+  font-size: 0.82rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--ck-muted);
+  white-space: nowrap;
+}
+.ck-trust-line__label svg {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  vertical-align: middle;
+  margin-right: 2px;
+  position: relative;
+  top: -1px;
+}
+.ck-trust-line__state {
+  color: var(--ck-text);
+  font-weight: 500;
+}
+.ck-trust-icon {
+  display: inline-block;
+  width: 11px;
+  height: 11px;
+  vertical-align: -1px;
+  margin-right: 4px;
+  color: var(--ck-muted);
+}
+.ck-trust-line__state {
+  color: var(--ck-text);
+}
+.ck-trust-line__sep {
+  color: var(--ck-line-strong);
+}
+.ck-trust-line__counter {
+  font-weight: 600;
+  color: var(--ck-accent);
+}
+.ck-trust-line__score {
+  font-weight: 600;
+  color: var(--ck-success);
+}
+.ck-trust-line--early .ck-trust-line__score,
+.ck-trust-line--provisional .ck-trust-line__score {
+  color: var(--ck-accent);
+}
+.ck-trust-line__margin {
+  color: var(--ck-dim);
+}
+.ck-trust-line__gate {
+  font-size: 0.68rem;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  padding: 1px 6px;
+  border-radius: 3px;
+  border: 1px solid var(--ck-line);
+  color: var(--ck-dim);
+}
+.ck-trust-line--firm .ck-trust-line__gate {
+  color: var(--ck-success);
+  border-color: rgba(45, 212, 168, 0.35);
+}
+.ck-trust-line__hint {
+  color: var(--ck-dim);
+}
+.ck-trust-line__link {
+  color: var(--ck-accent);
+  text-decoration: none;
+  font-weight: 500;
+  white-space: nowrap;
+}
+.ck-trust-line__link:hover,
+.ck-trust-line__link:focus-visible {
+  color: var(--ck-accent-hover);
+}
+.ck-trust-line__borderline--ok { color: var(--ck-dim); }
+.ck-trust-line__borderline--warning { color: var(--ck-warning); }
+.ck-trust-line__borderline--danger { color: var(--ck-danger); }
+
+@media (max-width: 640px) {
+  .ck-trust-panel {
+    display: flex;
+    width: 100%;
+    box-sizing: border-box;
+  }
+  .ck-trust-panel__body {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 4px;
+  }
+  .ck-trust-panel__hint {
+    line-height: 1.4;
+    white-space: normal;
+  }
+}
+
 .ck-disagreements-table td .ck-meta-copy {
   font-size: 0.78rem;
 }
@@ -5419,6 +5752,15 @@ a.tag-mark {
   letter-spacing: 0.03em;
   color: var(--ck-dim);
 }
+.ck-metrics-table__trust-label {
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--ck-muted);
+  margin-right: 4px;
+}
+.ck-metrics-table__trust-state {
+  color: var(--ck-text);
+}
 .ck-metrics-table__trust-rate {
   font-weight: 600;
   color: var(--ck-success);
@@ -5459,6 +5801,8 @@ a.tag-mark {
   border-radius: 4px;
 }
 .ck-star-picker label svg {
+  width: 20px;
+  height: 20px;
   fill: transparent;
   stroke: var(--ck-line-strong);
   transition: fill 0.08s, stroke 0.08s;
@@ -5505,6 +5849,77 @@ a.tag-mark {
   flex-direction: column;
   gap: 8px;
 }
+.ck-disagreement--remembered {
+  border-color: rgba(45, 212, 168, 0.35);
+  background: rgba(45, 212, 168, 0.04);
+}
+
+.ck-suggestion-banner {
+  margin: 0 0 1rem;
+  padding: 0.9rem 1rem;
+  border: 1px solid rgba(56, 189, 248, 0.35);
+  background: rgba(56, 189, 248, 0.05);
+  border-radius: var(--ck-radius);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+.ck-suggestion-banner__body { min-width: 0; flex: 1 1 320px; }
+.ck-suggestion-banner__actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+.ck-inline-suggestion {
+  margin: 0.6rem 0 0;
+  border: 1px solid rgba(56, 189, 248, 0.3);
+  background: rgba(56, 189, 248, 0.04);
+  border-radius: var(--ck-radius);
+  overflow: hidden;
+}
+.ck-inline-suggestion--band { margin-top: 0.45rem; }
+.ck-inline-suggestion__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.6rem;
+  padding: 0.55rem 0.75rem;
+  background: rgba(56, 189, 248, 0.06);
+  border-bottom: 1px solid rgba(56, 189, 248, 0.18);
+}
+.ck-inline-suggestion__head .ck-kicker { color: var(--ck-accent); }
+.ck-inline-suggestion__diff {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1px;
+  background: var(--ck-line);
+}
+.ck-inline-suggestion__pane {
+  margin: 0;
+  padding: 0.7rem 0.85rem;
+  background: var(--ck-surface);
+  font-family: var(--ck-mono);
+  font-size: 0.78rem;
+  line-height: 1.55;
+  color: var(--ck-text);
+  white-space: pre-wrap;
+  word-break: break-word;
+  min-width: 0;
+}
+.ck-inline-suggestion__apply.is-applied {
+  color: var(--ck-success);
+  border-color: rgba(45, 212, 168, 0.45);
+}
+.ck-disagreement__action {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
 .ck-disagreement__head {
   display: flex;
   align-items: center;
@@ -5538,3 +5953,122 @@ a.tag-mark {
   margin: 0;
   font-size: 0.78rem;
 }
+.ck-disagreement__source-link {
+  color: var(--ck-accent);
+  text-decoration: none;
+  font-weight: 500;
+}
+.ck-disagreement__source-link:hover,
+.ck-disagreement__source-link:focus-visible {
+  color: var(--ck-accent-hover);
+}
+
+.ck-starter-row {
+  margin-top: 2rem;
+  padding-top: 1.5rem;
+  border-top: 1px solid var(--ck-line);
+}
+.ck-starter-row--empty-state {
+  margin-top: 0;
+  padding-top: 0;
+  border-top: 0;
+}
+.ck-starter-row .ck-kicker,
+.ck-starter-row .ck-title {
+  margin-bottom: 0.5rem;
+}
+.ck-starter-row .ck-lead,
+.ck-starter-row .ck-meta-copy {
+  margin-bottom: 1.25rem;
+}
+.ck-starter-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  gap: 10px;
+}
+.ck-starter-card {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 10px;
+  padding: 12px 14px;
+  background: var(--ck-surface-soft);
+  border: 1px solid var(--ck-line);
+  border-radius: 6px;
+  color: var(--ck-text);
+  text-decoration: none;
+  transition: border-color 0.12s, background 0.12s, color 0.12s;
+}
+.ck-starter-card:hover,
+.ck-starter-card:focus-visible {
+  border-color: rgba(6, 182, 212, 0.45);
+  background: var(--ck-surface-hover);
+}
+.ck-starter-card__body {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.ck-starter-card__name {
+  margin: 0;
+  font-family: var(--ck-mono);
+  font-size: 0.92rem;
+  letter-spacing: 0.01em;
+}
+.ck-starter-card__desc {
+  margin: 0;
+  font-size: 0.78rem;
+  color: var(--ck-muted);
+  line-height: 1.45;
+}
+.ck-starter-card__foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+.ck-starter-card__cta {
+  font-family: var(--ck-mono);
+  font-size: 0.72rem;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--ck-accent);
+}
+.ck-starter-card:hover .ck-starter-card__cta {
+  color: var(--ck-accent-hover);
+}
+.ck-starter-card__dismiss-form {
+  margin: 0;
+}
+.ck-starter-card__dismiss {
+  background: transparent;
+  border: 0;
+  padding: 0;
+  font-family: var(--ck-mono);
+  font-size: 0.7rem;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--ck-dim);
+  cursor: pointer;
+}
+.ck-starter-card__dismiss:hover,
+.ck-starter-card__dismiss:focus-visible {
+  color: var(--ck-text);
+}
+.ck-actions--right {
+  justify-content: flex-end;
+}
+
+.ck-starter-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 10px;
+  margin-top: 1.5rem;
+}
+.ck-starter-actions form.inline-block {
+  margin: 0;
+}
+.ck-starter-actions .ck-button {
+  line-height: 1;
+}