completion-kit 0.5.42 → 0.5.44

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;
 }
@@ -2802,6 +2816,31 @@ select.ck-input {
   line-height: 1.55;
 }
 
+.ck-review-card--stale {
+  border-left: 2px solid rgba(224, 164, 88, 0.45);
+}
+
+.ck-stale-versions-banner {
+  margin: 0 0 1rem;
+  padding: 0.9rem 1rem;
+  border: 1px solid rgba(224, 164, 88, 0.4);
+  background: rgba(224, 164, 88, 0.06);
+  border-radius: var(--ck-radius);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+.ck-stale-versions-banner__body { min-width: 0; flex: 1 1 320px; }
+.ck-stale-versions-banner .ck-kicker { color: var(--ck-warning); }
+.ck-review-card__stale-note {
+  margin: 0.4rem 0 0;
+  font-family: var(--ck-mono);
+  font-size: 0.78rem;
+  color: var(--ck-warning);
+}
+
 @media (max-width: 900px) {
   .ck-grid--sidebar,
   .ck-grid--cards,
@@ -3458,7 +3497,6 @@ select.ck-input {
 }
 .ck-tags-table__unused {
   color: var(--ck-dim);
-  font-style: italic;
 }
 
 .ck-mg-members {
@@ -3523,6 +3561,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 +4046,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 +4101,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 +4641,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 +5336,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 +5516,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 +5613,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 +5777,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 +5826,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 +5874,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,6 +5978,15 @@ 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;
@@ -5559,45 +6008,73 @@ a.tag-mark {
 }
 .ck-starter-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-  gap: 12px;
+  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  gap: 10px;
 }
 .ck-starter-card {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  padding: 14px;
-  background: var(--ck-surface);
+  justify-content: space-between;
+  gap: 10px;
+  padding: 12px 14px;
+  background: var(--ck-surface-soft);
   border: 1px solid var(--ck-line);
-  border-radius: var(--ck-radius-lg);
-  transition: border-color 0.12s, background 0.12s;
+  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 {
-  border-color: rgba(6, 182, 212, 0.35);
+.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-size: 1rem;
-  font-weight: 600;
+  font-family: var(--ck-mono);
+  font-size: 0.92rem;
+  letter-spacing: 0.01em;
 }
 .ck-starter-card__desc {
   margin: 0;
-  font-size: 0.85rem;
+  font-size: 0.78rem;
   color: var(--ck-muted);
   line-height: 1.45;
-  flex: 1;
 }
-.ck-starter-card__actions {
+.ck-starter-card__foot {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
-  margin-top: 4px;
+}
+.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 {
-  font-size: 0.75rem;
+  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 {
@@ -5606,3 +6083,17 @@ a.tag-mark {
 .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;
+}

data/app/controllers/completion_kit/api/v1/calibrations_controller.rb

@@ -15,7 +15,7 @@ module CompletionKit
             run: @run,
             response: @response,
             metric: @metric,
-            judge_version: JudgeVersion.ensure_current_for(@metric),
+            metric_version: MetricVersion.ensure_current_for(@metric),
             **calibration_params
           )