completion-kit 0.4.8 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7c2de74d874b4b8ea5952f574bd922360399b2287d0cf87a3ef05bf11e4c50cd
-  data.tar.gz: 3a949c1db4c91dd7d2b3ef353ac50a4c3a0d16210695adbd9b4e98a7c43157c1
+  metadata.gz: e4a1592e3ab99397804845b4b200ec44ec78ba2575426aa34525ce1137b932fc
+  data.tar.gz: baaed961b26171e4fac1410b587de872f5e0c28606d3b591232218406cca79d3
 SHA512:
-  metadata.gz: 4212a7bef6dbf0302631e4a70cbe9823656687ecee26003aaa940c10aff39c81c94402b2dbb9820259b11bde7ce6bcb22662b4749a9a8631884635fd88df18f9
-  data.tar.gz: 7cba484ac695ebeaa5956de196208bfa6c68d51d47e46726d2804a12db5df16f82acd9632bab3aac5538bce4a5bc977e65b5137d4dea214c0584541d03d50c8f
+  metadata.gz: a0709c0819790bcb7246920fbaa6440debbafaa5872fa968f3d91acc1c3011c60c1682187d4a64102a81ead142ce2b0aa123503b13f9730967e20d3e1b156a94
+  data.tar.gz: 6ea65ed6fec559e8b92c5f3cc46812425120a5a20681d527d7cb05c32dd39e22a6705b95df21f51657a0bf4e255cbc0e876df49e181578714218aaf921234754

data/README.md

@@ -136,6 +136,7 @@ Only one mode can be active.
 - **Response.** The model's output for one dataset row, with reviews attached.
 - **Metric.** An evaluation dimension with a name, instruction, evaluation steps, and a 1-5 star scoring scale. The LLM judge uses this to score each response.
 - **Metric Group.** A reusable group of metrics you can apply to a run as a set.
+- **Tag.** A domain label you can attach to prompts, runs, metrics, and datasets. Auto-assigned from a 10-color palette. Filter any index page by tag (`?tag[]=...`).
 - **Provider Credential.** An API key for a model provider. Encrypted at rest, never returned through the API.
 
 ## REST API

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

@@ -501,6 +501,11 @@ tr:hover .ck-chip--publish {
   transform: translateY(-1px);
 }
 
+.ck-button:focus-visible {
+  outline: 2px solid var(--ck-accent);
+  outline-offset: 2px;
+}
+
 .ck-button--primary {
   background: var(--ck-accent);
   color: #080b14;
@@ -1531,6 +1536,11 @@ tr:hover .ck-chip--publish {
   color: var(--ck-danger);
 }
 
+.ck-icon-btn:focus-visible {
+  outline: 2px solid var(--ck-accent);
+  outline-offset: 2px;
+}
+
 .ck-icon-btn--spinning svg {
   animation: ck-spin 0.8s linear infinite;
 }
@@ -2594,6 +2604,7 @@ select.ck-input {
   align-items: center;
   gap: 0.4rem;
   padding: 0.32rem 0.7rem;
+  white-space: nowrap;
   background: transparent;
   border: 1px solid var(--ck-line);
   border-radius: 999px;
@@ -2842,6 +2853,72 @@ select.ck-input {
   color: var(--ck-dim);
 }
 
+.ck-clamp-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.ck-tags-table th:first-child,
+.ck-tags-table td:first-child {
+  width: 35%;
+}
+.ck-tags-table th:nth-child(2),
+.ck-tags-table td:nth-child(2) {
+  width: 60%;
+}
+.tag-mark.tag-mark--lg {
+  padding: 4px 10px;
+  font-size: 0.8rem;
+  letter-spacing: 0.02em;
+  border-radius: 5px;
+}
+.ck-tags-table__unused {
+  color: var(--ck-dim);
+  font-style: italic;
+}
+
+.ck-mg-members {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.3rem;
+}
+.ck-mg-member {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  background: var(--ck-surface-soft);
+  border: 1px solid var(--ck-line);
+  border-radius: 4px;
+  font-family: var(--ck-mono);
+  font-size: 11px;
+  letter-spacing: 0.02em;
+  color: var(--ck-muted);
+  white-space: nowrap;
+}
+
+.ck-metric-tag-filter {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin: 0.5rem 0 0.85rem;
+}
+.ck-metric-tag-filter__label {
+  font-family: var(--ck-mono);
+  font-size: 11px;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: var(--ck-dim);
+  margin-right: 0.3rem;
+}
+.ck-metric-tag-filter__chip {
+  border-radius: 5px;
+  font: inherit;
+  cursor: pointer;
+}
+
 .ck-metrics-table__groups {
   display: flex;
   flex-wrap: wrap;
@@ -3396,3 +3473,301 @@ a.ck-metric-group-pill {
   text-overflow: ellipsis;
 }
 
+:root {
+  --tag-crimson: #F24E1E;
+  --tag-burnt-orange: #FF8A00;
+  --tag-amber: #FFC700;
+  --tag-mint: #14AE5C;
+  --tag-deep-emerald: #00623F;
+  --tag-electric-cyan: #00D1FF;
+  --tag-cobalt-blue: #0D99FF;
+  --tag-deep-indigo: #5551FF;
+  --tag-amethyst: #9747FF;
+  --tag-rose: #FF5CBE;
+}
+
+.tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 9px;
+  min-height: calc(1.4em + 8px);
+  border-radius: 5px;
+  font-family: var(--ck-mono);
+  font-size: 12.5px;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+  text-transform: lowercase;
+  color: white;
+  line-height: 1.4;
+  white-space: nowrap;
+  transition: filter 120ms ease;
+  text-decoration: none;
+  user-select: none;
+}
+
+.tag::before {
+  content: "";
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.85);
+  flex-shrink: 0;
+}
+
+.tag > span:empty { display: none; }
+
+a.tag, label.tag { cursor: pointer; }
+a.tag:hover, label.tag:hover { filter: brightness(1.12); }
+
+
+.tag-crimson       { background-color: var(--tag-crimson);       --current-tag-color: var(--tag-crimson); }
+.tag-burnt-orange  { background-color: var(--tag-burnt-orange);  --current-tag-color: var(--tag-burnt-orange);  color: #2a1300; }
+.tag-burnt-orange::before { background: rgba(0, 0, 0, 0.55); }
+.tag-amber         { background-color: var(--tag-amber);         --current-tag-color: var(--tag-amber);         color: #1a0f00; }
+.tag-amber::before { background: rgba(0, 0, 0, 0.55); }
+.tag-mint          { background-color: var(--tag-mint);          --current-tag-color: var(--tag-mint); }
+.tag-deep-emerald  { background-color: var(--tag-deep-emerald);  --current-tag-color: var(--tag-deep-emerald); }
+.tag-electric-cyan { background-color: var(--tag-electric-cyan); --current-tag-color: var(--tag-electric-cyan); color: #001620; }
+.tag-electric-cyan::before { background: rgba(0, 0, 0, 0.55); }
+.tag-cobalt-blue   { background-color: var(--tag-cobalt-blue);   --current-tag-color: var(--tag-cobalt-blue); }
+.tag-deep-indigo   { background-color: var(--tag-deep-indigo);   --current-tag-color: var(--tag-deep-indigo); }
+.tag-amethyst      { background-color: var(--tag-amethyst);      --current-tag-color: var(--tag-amethyst); }
+.tag-rose          { background-color: var(--tag-rose);          --current-tag-color: var(--tag-rose);          color: #2a0017; }
+.tag-rose::before  { background: rgba(0, 0, 0, 0.6); }
+
+.tag-outline {
+  background-color: transparent !important;
+  border: 1px solid currentColor;
+  box-shadow: none;
+}
+.tag-outline::before { background: currentColor; }
+.tag-outline.tag-crimson       { color: var(--tag-crimson); }
+.tag-outline.tag-burnt-orange  { color: var(--tag-burnt-orange); }
+.tag-outline.tag-amber         { color: var(--tag-amber); }
+.tag-outline.tag-mint          { color: var(--tag-mint); }
+.tag-outline.tag-deep-emerald  { color: var(--tag-deep-emerald); }
+.tag-outline.tag-electric-cyan { color: var(--tag-electric-cyan); }
+.tag-outline.tag-cobalt-blue   { color: var(--tag-cobalt-blue); }
+.tag-outline.tag-deep-indigo   { color: var(--tag-deep-indigo); }
+.tag-outline.tag-amethyst      { color: var(--tag-amethyst); }
+.tag-outline.tag-rose          { color: var(--tag-rose); }
+
+/* Inline mark — quiet "color dot + name" used on row metadata */
+.tag-mark {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 2px 8px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  font-family: var(--ck-mono);
+  font-size: 11px;
+  letter-spacing: 0.02em;
+  text-transform: lowercase;
+  white-space: nowrap;
+  background: color-mix(in srgb, var(--mark-color) 24%, transparent);
+  color: color-mix(in srgb, var(--mark-color) 88%, var(--ck-text));
+}
+
+.tag-mark::before {
+  content: "";
+  display: inline-block;
+  width: 0.95em;
+  height: 0.95em;
+  flex-shrink: 0;
+  background-color: currentColor;
+  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 4.5C3 3.67 3.67 3 4.5 3h5.379c.398 0 .779.158 1.06.44L18.06 10.56c.585.586.585 1.535 0 2.121l-5.379 5.379a1.5 1.5 0 0 1-2.121 0L3.44 10.94A1.5 1.5 0 0 1 3 9.879V4.5Zm3.5 1.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z' fill='black'/></svg>") no-repeat center / contain;
+  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 4.5C3 3.67 3.67 3 4.5 3h5.379c.398 0 .779.158 1.06.44L18.06 10.56c.585.586.585 1.535 0 2.121l-5.379 5.379a1.5 1.5 0 0 1-2.121 0L3.44 10.94A1.5 1.5 0 0 1 3 9.879V4.5Zm3.5 1.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z' fill='black'/></svg>") no-repeat center / contain;
+}
+.tag-mark + .tag-mark { margin-left: 0.4rem; }
+.tag-marks-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-top: 0.35rem;
+}
+
+/* Picker — flat row of chips + inline input, no enclosing field */
+.ck-tag-picker {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 7px;
+}
+.ck-tag-picker__input {
+  flex: 1;
+  min-width: 160px;
+  background: transparent;
+  border: 0;
+  padding: 2px 0;
+  color: var(--ck-text);
+  font-family: var(--ck-mono);
+  font-size: 12.5px;
+  letter-spacing: 0.01em;
+  outline: none;
+}
+.ck-tag-picker__input::placeholder { color: var(--ck-dim); }
+
+/* Picker chips: unchecked = neutral pill with a small tag-colored dot.
+   Avoids looking "applied" simply because the tag color is on screen. */
+.ck-tag-picker label.tag-mark,
+.ck-tag-filter .tag-mark,
+.ck-metric-tag-filter .tag-mark {
+  cursor: pointer;
+  user-select: none;
+  padding: 4px 10px;
+  font-size: 0.8rem;
+  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
+}
+
+/* Selected state — picker, filter bars, metric-tag-filter share one look */
+.ck-tag-picker label.tag-mark:has(input:checked),
+.ck-tag-filter .tag-mark:not(.tag-mark--off),
+.ck-metric-tag-filter .tag-mark:not(.tag-mark--off) {
+  background: color-mix(in srgb, var(--mark-color) 38%, transparent);
+  color: color-mix(in srgb, var(--mark-color) 95%, var(--ck-text));
+  border-color: color-mix(in srgb, var(--mark-color) 50%, transparent);
+}
+
+/* Unselected state — same shape, neutral outline + muted text */
+.ck-tag-picker label.tag-mark:has(input:not(:checked)),
+.ck-tag-filter .tag-mark.tag-mark--off,
+.ck-metric-tag-filter .tag-mark.tag-mark--off {
+  background: transparent;
+  border-color: var(--ck-line);
+  color: var(--ck-muted);
+}
+.ck-tag-picker label.tag-mark:has(input:not(:checked)):hover,
+.ck-tag-filter .tag-mark.tag-mark--off:hover,
+.ck-metric-tag-filter .tag-mark.tag-mark--off:hover {
+  border-color: var(--ck-line-strong);
+  color: color-mix(in srgb, var(--mark-color) 80%, var(--ck-text));
+}
+button.tag-mark, a.tag-mark {
+  border: 0;
+  background: color-mix(in srgb, var(--mark-color) 24%, transparent);
+  cursor: pointer;
+  text-decoration: none;
+}
+
+/* Top-nav settings menu (ported from completion-kit-cloud) */
+.ck-settings-menu {
+  position: relative;
+}
+.ck-settings-menu__trigger {
+  cursor: pointer;
+  list-style: none;
+  user-select: none;
+}
+.ck-settings-menu__trigger::-webkit-details-marker {
+  display: none;
+}
+.ck-settings-menu__panel {
+  position: absolute;
+  right: 0;
+  top: calc(100% + 0.5rem);
+  padding: 0.5rem;
+  background: var(--ck-surface);
+  border: 1px solid var(--ck-line);
+  border-radius: var(--ck-radius);
+  z-index: 50;
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  white-space: nowrap;
+}
+.ck-settings-menu__item {
+  display: block;
+  padding: 0.5rem 0.65rem;
+  border-radius: calc(var(--ck-radius) - 2px);
+  font-family: var(--ck-mono);
+  font-size: 0.78rem;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  text-decoration: none;
+  color: var(--ck-text);
+  transition: background 0.15s, color 0.15s;
+}
+.ck-settings-menu__item:hover {
+  background: var(--ck-surface-hover);
+}
+
+/* Settings page kicker — small label above the page title on settings pages */
+.ck-settings-kicker {
+  display: flex;
+  align-items: center;
+  gap: 0.45rem;
+  flex-wrap: wrap;
+  font-family: var(--ck-mono);
+  font-size: 11px;
+  letter-spacing: 0.2em;
+  text-transform: uppercase;
+  color: var(--ck-dim);
+  margin: 0 0 0.85rem;
+}
+.ck-settings-kicker__sep {
+  opacity: 0.55;
+}
+.ck-settings-kicker__link {
+  color: var(--ck-muted);
+  text-decoration: none;
+  transition: color 120ms ease;
+}
+.ck-settings-kicker__link:hover { color: var(--ck-text); }
+
+.tag-marks-row--header {
+  margin-top: -0.5rem;
+  margin-bottom: 1.25rem;
+}
+
+
+.ck-input--error {
+  border-color: var(--ck-danger);
+  background: rgba(248, 113, 113, 0.05);
+}
+.ck-input--error:focus {
+  box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.15);
+  border-color: var(--ck-danger);
+}
+
+.ck-field-error {
+  margin: 0.35rem 0 0;
+  color: var(--ck-danger);
+  font-family: var(--ck-sans);
+  font-size: 0.95rem;
+}
+
+/* Filter bar — its own visual moment */
+.ck-tag-filter {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin: 1.1rem 0 1.6rem;
+  padding: 0.65rem 0.85rem;
+  background: var(--ck-surface-soft);
+  border: 1px solid var(--ck-line);
+  border-radius: 6px;
+}
+.ck-tag-filter__label {
+  font-family: var(--ck-mono);
+  font-size: 12px;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--ck-dim);
+  margin-right: 0.4rem;
+}
+.ck-tag-filter__clear {
+  margin-left: auto;
+  font-family: var(--ck-mono);
+  font-size: 11.5px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--ck-muted);
+  text-decoration: none;
+  transition: color 120ms ease;
+}
+.ck-tag-filter__clear:hover { color: var(--ck-accent); }
+
+

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

@@ -5,7 +5,7 @@ module CompletionKit
         before_action :set_dataset, only: [:show, :update, :destroy]
 
         def index
-          render json: Dataset.order(created_at: :desc)
+          render json: Dataset.includes(:tags).order(created_at: :desc)
         end
 
         def show
@@ -43,7 +43,7 @@ module CompletionKit
         end
 
         def dataset_params
-          params.permit(:name, :csv_data)
+          params.permit(:name, :csv_data, tag_names: [])
         end
       end
     end

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

@@ -5,7 +5,7 @@ module CompletionKit
         before_action :set_metric_group, only: [:show, :update, :destroy]
 
         def index
-          render json: MetricGroup.order(created_at: :desc)
+          render json: MetricGroup.includes(:tags).order(created_at: :desc)
         end
 
         def show
@@ -45,7 +45,7 @@ module CompletionKit
         end
 
         def metric_group_params
-          params.permit(:name, :description, metric_ids: [])
+          params.permit(:name, :description, metric_ids: [], tag_names: [])
         end
       end
     end

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

@@ -5,7 +5,7 @@ module CompletionKit
         before_action :set_metric, only: [:show, :update, :destroy]
 
         def index
-          render json: Metric.order(created_at: :desc)
+          render json: Metric.includes(:tags).order(created_at: :desc)
         end
 
         def show
@@ -43,7 +43,8 @@ module CompletionKit
         end
 
         def metric_params
-          params.permit(:name, :instruction, rubric_bands: [:stars, :description])
+          params.permit(:name, :instruction,
+            rubric_bands: [:stars, :description], tag_names: [])
         end
       end
     end

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

@@ -5,7 +5,7 @@ module CompletionKit
         before_action :set_prompt, only: [:show, :update, :destroy, :publish]
 
         def index
-          render json: Prompt.order(created_at: :desc)
+          render json: Prompt.includes(:tags).order(created_at: :desc)
         end
 
         def show
@@ -23,9 +23,10 @@ module CompletionKit
 
         def update
           if @prompt.runs.exists?
-            new_prompt = @prompt.clone_as_new_version(prompt_params.to_h)
+            new_prompt = @prompt.clone_as_new_version(prompt_params.except(:tag_names).to_h)
             new_prompt.publish!
-            render json: new_prompt
+            new_prompt.update!(tag_names: prompt_params[:tag_names]) if prompt_params.key?(:tag_names)
+            render json: new_prompt.reload
           elsif @prompt.update(prompt_params)
             render json: @prompt
           else
@@ -56,7 +57,7 @@ module CompletionKit
         end
 
         def prompt_params
-          params.permit(:name, :description, :template, :llm_model)
+          params.permit(:name, :description, :template, :llm_model, tag_names: [])
         end
       end
     end

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

@@ -5,7 +5,7 @@ module CompletionKit
         before_action :set_run, only: [:show, :update, :destroy, :generate, :retry_failures]
 
         def index
-          render json: Run.order(created_at: :desc)
+          render json: Run.includes(:tags).order(created_at: :desc)
         end
 
         def show
@@ -76,7 +76,8 @@ module CompletionKit
         end
 
         def run_params
-          params.permit(:name, :prompt_id, :dataset_id, :judge_model, :temperature, metric_ids: [])
+          params.permit(:name, :prompt_id, :dataset_id, :judge_model, :temperature,
+            metric_ids: [], tag_names: [])
         end
       end
     end

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

@@ -0,0 +1,51 @@
+module CompletionKit
+  module Api
+    module V1
+      class TagsController < BaseController
+        before_action :set_tag, only: [:show, :update, :destroy]
+
+        def index
+          render json: Tag.order(:name)
+        end
+
+        def show
+          render json: @tag
+        end
+
+        def create
+          tag = Tag.new(tag_params)
+          if tag.save
+            render json: tag, status: :created
+          else
+            render json: {errors: tag.errors}, status: :unprocessable_entity
+          end
+        end
+
+        def update
+          if @tag.update(tag_params)
+            render json: @tag
+          else
+            render json: {errors: @tag.errors}, status: :unprocessable_entity
+          end
+        end
+
+        def destroy
+          @tag.destroy!
+          head :no_content
+        end
+
+        private
+
+        def set_tag
+          @tag = Tag.find(params[:id])
+        rescue ActiveRecord::RecordNotFound
+          not_found
+        end
+
+        def tag_params
+          params.permit(:name)
+        end
+      end
+    end
+  end
+end

data/app/controllers/completion_kit/datasets_controller.rb

@@ -1,9 +1,10 @@
 module CompletionKit
   class DatasetsController < ApplicationController
+    include CompletionKit::TagFiltering
     before_action :set_dataset, only: [:show, :edit, :update, :destroy]
 
     def index
-      @datasets = Dataset.includes(:runs).order(created_at: :desc)
+      @datasets = apply_tag_filter(Dataset.includes(:runs, :tags).order(created_at: :desc))
     end
 
     def show
@@ -47,7 +48,7 @@ module CompletionKit
     end
 
     def dataset_params
-      params.require(:dataset).permit(:name, :csv_data)
+      params.require(:dataset).permit(:name, :csv_data, tag_names: [])
     end
   end
 end

data/app/controllers/completion_kit/metric_groups_controller.rb

@@ -1,9 +1,10 @@
 module CompletionKit
   class MetricGroupsController < ApplicationController
+    include CompletionKit::TagFiltering
     before_action :set_metric_group, only: [:show, :edit, :update, :destroy]
 
     def index
-      @metric_groups = MetricGroup.includes(:metrics).order(:name)
+      @metric_groups = apply_tag_filter(MetricGroup.includes(:metrics, :tags).order(:name))
     end
 
     def show
@@ -11,16 +12,16 @@ module CompletionKit
 
     def new
       @metric_group = MetricGroup.new
-      @metrics = Metric.order(:name)
+      @metrics = Metric.includes(:tags).order(:name)
     end
 
     def edit
-      @metrics = Metric.order(:name)
+      @metrics = Metric.includes(:tags).order(:name)
     end
 
     def create
       @metric_group = MetricGroup.new(metric_group_params.except(:metric_ids))
-      @metrics = Metric.order(:name)
+      @metrics = Metric.includes(:tags).order(:name)
 
       if @metric_group.save
         @metric_group.replace_metrics!(metric_group_params[:metric_ids])
@@ -31,7 +32,7 @@ module CompletionKit
     end
 
     def update
-      @metrics = Metric.order(:name)
+      @metrics = Metric.includes(:tags).order(:name)
 
       if @metric_group.update(metric_group_params.except(:metric_ids))
         @metric_group.replace_metrics!(metric_group_params[:metric_ids])
@@ -53,7 +54,7 @@ module CompletionKit
     end
 
     def metric_group_params
-      params.require(:metric_group).permit(:name, :description, metric_ids: [])
+      params.require(:metric_group).permit(:name, :description, metric_ids: [], tag_names: [])
     end
   end
 end

data/app/controllers/completion_kit/metrics_controller.rb

@@ -1,9 +1,10 @@
 module CompletionKit
   class MetricsController < ApplicationController
+    include CompletionKit::TagFiltering
     before_action :set_metric, only: [:show, :edit, :update, :destroy]
 
     def index
-      @metrics = Metric.includes(:metric_groups).order(:name)
+      @metrics = apply_tag_filter(Metric.includes(:metric_groups, :tags).order(:name))
     end
 
     def show
@@ -46,7 +47,8 @@ module CompletionKit
     end
 
     def metric_params
-      params.require(:metric).permit(:name, :instruction, rubric_bands: [:stars, :description])
+      params.require(:metric).permit(:name, :instruction,
+        rubric_bands: [:stars, :description], tag_names: [])
     end
   end
 end