raif 1.3.0 → 1.5.0

data/app/views/raif/admin/prompt_studio/batch_runs/_batch_run_item.html.erb

@@ -0,0 +1,54 @@
+<%= tag.tr id: dom_id(item) do %>
+  <td>
+    <%= link_to "##{item.source_task_id}", raif.admin_prompt_studio_task_path(item.source_task_id), class: "text-decoration-none" %>
+  </td>
+  <td>
+    <% case item.status %>
+    <% when "pending" %>
+      <span class="badge bg-secondary"><%= t("raif.admin.prompt_studio.batch_runs.status.pending") %></span>
+    <% when "running" %>
+      <span class="badge bg-warning text-dark">
+        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>
+        <%= t("raif.admin.prompt_studio.batch_runs.status.running") %>
+      </span>
+    <% when "judging" %>
+      <span class="badge bg-info text-dark">
+        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>
+        <%= t("raif.admin.prompt_studio.batch_runs.status.judging") %>
+      </span>
+    <% when "completed" %>
+      <span class="badge bg-success"><%= t("raif.admin.prompt_studio.batch_runs.status.completed") %></span>
+    <% when "failed" %>
+      <span class="badge bg-danger"><%= t("raif.admin.prompt_studio.batch_runs.status.failed") %></span>
+    <% end %>
+  </td>
+  <td>
+    <% if item.source_task&.raw_response.present? %>
+      <%= tag.span truncate(item.source_task.raw_response, length: 80), title: item.source_task.raw_response %>
+    <% end %>
+  </td>
+  <td>
+    <% if item.result_task&.raw_response.present? %>
+      <%= link_to truncate(item.result_task.raw_response, length: 80),
+            raif.admin_prompt_studio_task_path(item.result_task),
+            class: "text-decoration-none",
+            title: item.result_task.raw_response %>
+    <% end %>
+  </td>
+  <% if item.batch_run.has_judge? %>
+    <td>
+      <% if item.judge_summary.present? %>
+        <a href="#" class="text-decoration-none" data-bs-toggle="modal" data-bs-target="#judge-detail-modal-<%= item.id %>">
+          <strong><%= item.judge_summary %></strong>
+        </a>
+      <% end %>
+    </td>
+    <td>
+      <% if item.judge_reasoning.present? %>
+        <a href="#" class="text-decoration-none text-body" data-bs-toggle="modal" data-bs-target="#judge-detail-modal-<%= item.id %>">
+          <%= truncate(item.judge_reasoning, length: 80) %>
+        </a>
+      <% end %>
+    </td>
+  <% end %>
+<% end %>

data/app/views/raif/admin/prompt_studio/batch_runs/_judge_config_fields.html.erb

@@ -0,0 +1,76 @@
+<div id="judge-config-section" data-controller="raif--judge-config">
+  <h6 class="mb-2"><%= t("raif.admin.prompt_studio.batch_runs.judge_config.title") %></h6>
+  <p class="text-muted small"><%= t("raif.admin.prompt_studio.batch_runs.judge_config.description") %></p>
+
+  <div class="mb-3">
+    <label for="judge_type" class="form-label"><%= t("raif.admin.prompt_studio.batch_runs.judge_config.type_label") %></label>
+    <%= select_tag :judge_type,
+          options_for_select([
+            [t("raif.admin.prompt_studio.batch_runs.judge_config.type_none"), ""],
+            [t("raif.admin.prompt_studio.batch_runs.judge_config.type_binary"), "Raif::Evals::LlmJudges::Binary"],
+            [t("raif.admin.prompt_studio.batch_runs.judge_config.type_scored"), "Raif::Evals::LlmJudges::Scored"],
+            [t("raif.admin.prompt_studio.batch_runs.judge_config.type_comparative"), "Raif::Evals::LlmJudges::Comparative"],
+            [t("raif.admin.prompt_studio.batch_runs.judge_config.type_summarization"), "Raif::Evals::LlmJudges::Summarization"]
+          ]),
+          class: "form-select",
+          data: { controller: "raif--tom-select", action: "raif--judge-config#toggle raif--cost-estimate#calculate", raif__cost_estimate_target: "judgeTypeSelect" } %>
+  </div>
+
+  <div class="d-none" data-raif--judge-config-target="binary">
+    <div class="mb-3">
+      <label for="judge_criteria" class="form-label"><%= t("raif.admin.prompt_studio.batch_runs.judge_config.criteria_label") %></label>
+      <%= text_area_tag :judge_criteria,
+            nil,
+            class: "form-control",
+            rows: 2,
+            placeholder: t("raif.admin.prompt_studio.batch_runs.judge_config.criteria_placeholder") %>
+    </div>
+    <div class="form-check mb-3">
+      <%= check_box_tag :judge_strict_mode, "1", false, class: "form-check-input" %>
+      <label for="judge_strict_mode" class="form-check-label"><%= t("raif.admin.prompt_studio.batch_runs.judge_config.strict_mode_label") %></label>
+    </div>
+  </div>
+
+  <div class="d-none" data-raif--judge-config-target="scored">
+    <div class="mb-3">
+      <label for="judge_scoring_rubric" class="form-label"><%= t("raif.admin.prompt_studio.batch_runs.judge_config.rubric_label") %></label>
+      <%= select_tag :judge_scoring_rubric,
+            options_for_select([
+              [t("raif.admin.prompt_studio.batch_runs.judge_config.rubric_accuracy"), "accuracy"],
+              [t("raif.admin.prompt_studio.batch_runs.judge_config.rubric_helpfulness"), "helpfulness"],
+              [t("raif.admin.prompt_studio.batch_runs.judge_config.rubric_clarity"), "clarity"]
+            ]),
+            class: "form-select" %>
+    </div>
+  </div>
+
+  <div class="d-none" data-raif--judge-config-target="comparative">
+    <div class="mb-3">
+      <label for="judge_comparison_criteria" class="form-label"><%= t("raif.admin.prompt_studio.batch_runs.judge_config.comparison_criteria_label") %></label>
+      <%= text_area_tag :judge_comparison_criteria,
+            nil,
+            class: "form-control",
+            rows: 2,
+            placeholder: t("raif.admin.prompt_studio.batch_runs.judge_config.comparison_criteria_placeholder") %>
+    </div>
+  </div>
+
+  <div class="d-none" data-raif--judge-config-target="summarization">
+    <p class="text-muted small"><%= t("raif.admin.prompt_studio.batch_runs.judge_config.summarization_description") %></p>
+  </div>
+
+  <div class="d-none" data-raif--judge-config-target="sharedOptions">
+    <div class="form-check mb-3">
+      <%= check_box_tag :judge_include_original_prompt_as_context, "1", true, class: "form-check-input" %>
+      <label for="judge_include_original_prompt_as_context" class="form-check-label"><%= t("raif.admin.prompt_studio.batch_runs.judge_config.include_original_prompt_as_context_label") %></label>
+      <div class="form-text"><%= t("raif.admin.prompt_studio.batch_runs.judge_config.include_original_prompt_as_context_description") %></div>
+    </div>
+    <div class="mb-3">
+      <label for="judge_llm_model_key" class="form-label"><%= t("raif.admin.prompt_studio.batch_runs.judge_config.judge_model_label") %></label>
+      <%= select_tag :judge_llm_model_key,
+            llm_model_options,
+            class: "form-select",
+            data: { controller: "raif--tom-select", raif__cost_estimate_target: "judgeModelSelect", action: "raif--cost-estimate#calculate" } %>
+    </div>
+  </div>
+</div>

data/app/views/raif/admin/prompt_studio/batch_runs/_judge_detail_modal.html.erb

@@ -0,0 +1,27 @@
+<div class="modal fade" id="judge-detail-modal-<%= item.id %>" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title"><%= t("raif.admin.prompt_studio.batch_runs.show.judge_result") %> &mdash; <%= t("raif.admin.common.task") %> #<%= item.source_task_id %></h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <% if item.judge_summary.present? %>
+          <div class="mb-3">
+            <h6><%= t("raif.admin.prompt_studio.batch_runs.show.judge_result") %></h6>
+            <span class="badge bg-primary fs-6"><%= item.judge_summary %></span>
+          </div>
+        <% end %>
+        <% if item.judge_reasoning.present? %>
+          <div>
+            <h6><%= t("raif.admin.prompt_studio.batch_runs.show.judge_reasoning") %></h6>
+            <pre class="pre-wrap border rounded p-3 bg-light"><%= item.judge_reasoning %></pre>
+          </div>
+        <% end %>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><%= t("raif.admin.prompt_studio.common.back") %></button>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/raif/admin/prompt_studio/batch_runs/_modal.html.erb

@@ -0,0 +1,35 @@
+<div class="modal fade" id="batch-run-modal" tabindex="-1" aria-labelledby="batch-run-modal-label" aria-hidden="true">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="batch-run-modal-label"><%= t("raif.admin.prompt_studio.batch_runs.create.title") %></h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <div class="mb-3">
+          <label for="llm_model_key" class="form-label"><%= t("raif.admin.common.model") %></label>
+          <%= select_tag :llm_model_key,
+                llm_model_options,
+                class: "form-select",
+                data: { controller: "raif--tom-select", raif__cost_estimate_target: "modelSelect", action: "raif--cost-estimate#calculate" } %>
+        </div>
+
+        <%= render "raif/admin/prompt_studio/batch_runs/judge_config_fields" %>
+
+        <div class="alert alert-light border mb-0 mt-3 d-none" data-raif--cost-estimate-target="estimate"></div>
+      </div>
+      <div class="modal-footer d-flex justify-content-between">
+        <span class="text-muted">
+          <span data-raif--select-all-checkboxes-target="selectedCount">0</span>
+          <%= t("raif.admin.prompt_studio.batch_runs.create.tasks_selected") %>
+        </span>
+        <div class="d-flex gap-2">
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><%= t("raif.admin.prompt_studio.common.back") %></button>
+          <%= submit_tag t("raif.admin.prompt_studio.batch_runs.create.submit"),
+                class: "btn btn-primary",
+                data: { confirm: t("raif.admin.prompt_studio.batch_runs.create.confirm") } %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/raif/admin/prompt_studio/batch_runs/_progress.html.erb

@@ -0,0 +1,78 @@
+<%= tag.div id: dom_id(batch_run, :progress) do %>
+  <div class="card mb-4">
+    <div class="card-body">
+      <div class="d-flex justify-content-between align-items-center mb-2">
+        <div>
+          <strong><%= t("raif.admin.prompt_studio.batch_runs.show.progress") %></strong>
+          <% case batch_run.status %>
+          <% when :pending %>
+            <span class="badge bg-secondary ms-2"><%= t("raif.admin.prompt_studio.batch_runs.status.pending") %></span>
+          <% when :in_progress %>
+            <span class="badge bg-warning text-dark ms-2">
+              <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>
+              <%= t("raif.admin.prompt_studio.batch_runs.status.in_progress") %>
+            </span>
+          <% when :completed %>
+            <span class="badge bg-success ms-2"><%= t("raif.admin.prompt_studio.batch_runs.status.completed") %></span>
+          <% when :failed %>
+            <span class="badge bg-danger ms-2"><%= t("raif.admin.prompt_studio.batch_runs.status.failed") %></span>
+          <% end %>
+        </div>
+        <div class="text-muted">
+          <%= batch_run.completed_count + batch_run.failed_count %> / <%= batch_run.total_count %>
+          <% if batch_run.failed_count > 0 %>
+            (<span class="text-danger"><%= batch_run.failed_count %> <%= t("raif.admin.common.failed").downcase %></span>)
+          <% end %>
+        </div>
+      </div>
+      <div class="progress" style="height: 20px;">
+        <div class="progress-bar bg-success" role="progressbar"
+          style="width: <%= batch_run.progress_percentage %>%"
+          aria-valuenow="<%= batch_run.progress_percentage %>"
+          aria-valuemin="0"
+          aria-valuemax="100">
+          <%= batch_run.progress_percentage %>%
+        </div>
+      </div>
+
+      <% if batch_run.has_judge? && batch_run.completed? %>
+        <div class="mt-3">
+          <strong><%= t("raif.admin.prompt_studio.batch_runs.show.summary") %>:</strong>
+          <% case batch_run.judge_type %>
+          <% when "Raif::Evals::LlmJudges::Binary" %>
+            <% if batch_run.judge_pass_rate %>
+              <%= t("raif.admin.prompt_studio.batch_runs.show.pass_rate") %>: <%= batch_run.judge_pass_rate %>
+            <% end %>
+          <% when "Raif::Evals::LlmJudges::Scored" %>
+            <% if batch_run.judge_average_score %>
+              <%= t("raif.admin.prompt_studio.batch_runs.show.average_score") %>: <%= batch_run.judge_average_score %>
+            <% end %>
+          <% when "Raif::Evals::LlmJudges::Comparative" %>
+            <% summary = batch_run.judge_comparative_summary %>
+            <% if summary %>
+              <div class="d-flex gap-4 mt-2">
+                <div>
+                  <span class="badge bg-success"><%= summary[:new_win_pct] %>%</span>
+                  <%= t("raif.admin.prompt_studio.batch_runs.judge.new_response") %>
+                  <span class="text-muted">(<%= summary[:new_wins] %>/<%= summary[:total] %>)</span>
+                </div>
+                <div>
+                  <span class="badge bg-secondary"><%= summary[:original_win_pct] %>%</span>
+                  <%= t("raif.admin.prompt_studio.batch_runs.judge.original_response") %>
+                  <span class="text-muted">(<%= summary[:original_wins] %>/<%= summary[:total] %>)</span>
+                </div>
+                <% if summary[:ties] > 0 %>
+                  <div>
+                    <span class="badge bg-warning text-dark"><%= summary[:tie_pct] %>%</span>
+                    <%= t("raif.admin.prompt_studio.batch_runs.judge.tie") %>
+                    <span class="text-muted">(<%= summary[:ties] %>/<%= summary[:total] %>)</span>
+                  </div>
+                <% end %>
+              </div>
+            <% end %>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/raif/admin/prompt_studio/batch_runs/show.html.erb

@@ -0,0 +1,49 @@
+<div class="d-flex justify-content-between align-items-center my-4">
+  <h1 class="mb-0"><%= t("raif.admin.prompt_studio.batch_runs.show.page_title", id: @batch_run.id) %></h1>
+  <%= link_to t("raif.admin.prompt_studio.common.back"),
+        raif.admin_prompt_studio_tasks_path(task_type: @batch_run.task_type),
+        class: "btn btn-outline-secondary" %>
+</div>
+
+<%= turbo_stream_from @batch_run %>
+
+<%= render "raif/admin/prompt_studio/batch_runs/progress", batch_run: @batch_run %>
+
+<div class="card mb-4">
+  <div class="card-header">
+    <h5 class="mb-0"><%= t("raif.admin.prompt_studio.batch_runs.show.results") %></h5>
+  </div>
+  <div class="card-body p-0">
+    <div class="table-responsive">
+      <table class="table table-striped mb-0">
+        <thead>
+          <tr>
+            <th><%= t("raif.admin.prompt_studio.batch_runs.show.source_task") %></th>
+            <th><%= t("raif.admin.common.status") %></th>
+            <th><%= t("raif.admin.prompt_studio.batch_runs.show.original_response") %></th>
+            <th><%= t("raif.admin.prompt_studio.batch_runs.show.new_response") %></th>
+            <% if @batch_run.has_judge? %>
+              <th><%= t("raif.admin.prompt_studio.batch_runs.show.judge_result") %></th>
+              <th><%= t("raif.admin.prompt_studio.batch_runs.show.judge_reasoning") %></th>
+            <% end %>
+          </tr>
+        </thead>
+        <tbody>
+          <% @items.each do |item| %>
+            <%= render "raif/admin/prompt_studio/batch_runs/batch_run_item", item: item %>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+
+<div class="mt-3"><%== pagy_bootstrap_nav(@pagy) if @pagy.pages > 1 %></div>
+
+<% if @batch_run.has_judge? %>
+  <% @items.each do |item| %>
+    <% if item.judge_summary.present? || item.judge_reasoning.present? %>
+      <%= render "raif/admin/prompt_studio/batch_runs/judge_detail_modal", item: item %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/raif/admin/prompt_studio/conversations/index.html.erb

@@ -0,0 +1,48 @@
+<div class="d-flex justify-content-between align-items-center my-4">
+  <h1 class="mb-0"><%= t("raif.admin.prompt_studio.common.prompt_studio") %></h1>
+</div>
+
+<%= render "raif/admin/prompt_studio/shared/nav_tabs", active_tab: :conversations %>
+
+<%= render "raif/admin/prompt_studio/shared/type_filter",
+      filter_path: raif.admin_prompt_studio_conversations_path,
+      param_name: :conversation_type,
+      types: @conversation_types,
+      selected_type: @selected_type,
+      llm_model_keys: @llm_model_keys %>
+
+<% if @selected_type.present? && @conversations.present? %>
+  <div class="table-responsive">
+    <table class="table table-striped">
+      <thead>
+        <tr>
+          <th><%= t("raif.admin.common.id") %></th>
+          <th><%= t("raif.admin.common.type") %></th>
+          <th><%= t("raif.admin.common.created_at") %></th>
+          <th><%= t("raif.admin.common.model") %></th>
+          <th><%= t("raif.admin.common.entries_count") %></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @conversations.each do |conversation| %>
+          <tr>
+            <td><%= conversation.id %></td>
+            <td><%= conversation.type %></td>
+            <td><%= conversation.created_at.rfc822 %></td>
+            <td><%= conversation.llm_model_key %></td>
+            <td><%= conversation.conversation_entries_count %></td>
+            <td>
+              <%= link_to "View", raif.admin_prompt_studio_conversation_path(conversation), class: "btn btn-sm btn-outline-primary" %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+  <div class="mt-3"><%== pagy_bootstrap_nav(@pagy) if @pagy.pages > 1 %></div>
+<% elsif @selected_type.present? %>
+  <div class="alert alert-info">
+    <%= t("raif.admin.prompt_studio.common.no_instances") %>
+  </div>
+<% end %>

data/app/views/raif/admin/prompt_studio/conversations/show.html.erb

@@ -0,0 +1,36 @@
+<div class="d-flex justify-content-between align-items-center my-4">
+  <h1 class="mb-0"><%= t("raif.admin.prompt_studio.conversations.show.page_title", id: @conversation.id) %></h1>
+  <%= link_to t("raif.admin.prompt_studio.common.back"),
+        raif.admin_prompt_studio_conversations_path(conversation_type: @conversation.type),
+        class: "btn btn-outline-secondary" %>
+</div>
+
+<div class="card mb-4">
+  <div class="card-header">
+    <h5 class="mb-0"><%= t("raif.admin.prompt_studio.conversations.show.conversation_details") %></h5>
+  </div>
+  <div class="card-body">
+    <div class="row mb-3">
+      <div class="col-md-2"><strong><%= t("raif.admin.common.id") %>:</strong></div>
+      <div class="col-md-10"><%= @conversation.id %></div>
+    </div>
+    <div class="row mb-3">
+      <div class="col-md-2"><strong><%= t("raif.admin.common.type") %>:</strong></div>
+      <div class="col-md-10"><%= @conversation.type %></div>
+    </div>
+    <div class="row mb-3">
+      <div class="col-md-2"><strong><%= t("raif.admin.common.model") %>:</strong></div>
+      <div class="col-md-10"><%= @conversation.llm_model_key %></div>
+    </div>
+    <div class="row mb-3">
+      <div class="col-md-2"><strong><%= t("raif.admin.common.created_at") %>:</strong></div>
+      <div class="col-md-10"><%= @conversation.created_at.rfc822 %></div>
+    </div>
+    <div class="row mb-3">
+      <div class="col-md-2"><strong><%= t("raif.admin.common.entries_count") %>:</strong></div>
+      <div class="col-md-10"><%= @conversation.conversation_entries_count %></div>
+    </div>
+  </div>
+</div>
+
+<%= render "raif/admin/prompt_studio/shared/prompt_comparison", comparison: @comparison %>

data/app/views/raif/admin/prompt_studio/shared/_nav_tabs.html.erb

@@ -0,0 +1,17 @@
+<ul class="nav nav-tabs mb-4">
+  <li class="nav-item">
+    <%= link_to t("raif.admin.common.tasks"),
+          raif.admin_prompt_studio_tasks_path,
+          class: "nav-link #{active_tab == :tasks ? "active" : ""}" %>
+  </li>
+  <li class="nav-item">
+    <%= link_to t("raif.admin.common.conversations"),
+          raif.admin_prompt_studio_conversations_path,
+          class: "nav-link #{active_tab == :conversations ? "active" : ""}" %>
+  </li>
+  <li class="nav-item">
+    <%= link_to t("raif.admin.common.agents"),
+          raif.admin_prompt_studio_agents_path,
+          class: "nav-link #{active_tab == :agents ? "active" : ""}" %>
+  </li>
+</ul>

data/app/views/raif/admin/prompt_studio/shared/_prompt_comparison.html.erb

@@ -0,0 +1,87 @@
+<% if comparison[:warnings].any? %>
+  <div class="alert <%= comparison[:has_stale_references] ? "alert-danger" : "alert-warning" %>">
+    <ul class="mb-0">
+      <% comparison[:warnings].each do |warning| %>
+        <li><%= warning %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>
+
+<% if comparison[:original_system_prompt].present? || comparison[:current_system_prompt].present? %>
+  <div class="card mb-4">
+    <div class="card-header d-flex justify-content-between align-items-center">
+      <h5 class="mb-0"><%= t("raif.admin.common.system_prompt") %></h5>
+      <% if comparison[:system_prompt_changed] %>
+        <span class="badge bg-warning text-dark"><%= t("raif.admin.prompt_studio.common.system_prompt_changed") %></span>
+      <% elsif comparison[:current_system_prompt].present? %>
+        <span class="badge bg-success"><%= t("raif.admin.prompt_studio.common.system_prompt_unchanged") %></span>
+      <% end %>
+    </div>
+    <div class="card-body">
+      <% if comparison[:system_prompt_changed] %>
+        <div class="row">
+          <div class="col-md-6">
+            <h6><%= t("raif.admin.prompt_studio.common.original_system_prompt") %></h6>
+            <pre class="pre-wrap border rounded p-3 bg-light"><%= comparison[:original_system_prompt] %></pre>
+          </div>
+          <div class="col-md-6">
+            <h6><%= t("raif.admin.prompt_studio.common.current_system_prompt") %></h6>
+            <pre class="pre-wrap border rounded p-3 bg-light"><%= comparison[:current_system_prompt] %></pre>
+          </div>
+        </div>
+      <% else %>
+        <pre class="pre-wrap"><%= comparison[:current_system_prompt] || comparison[:original_system_prompt] %></pre>
+      <% end %>
+    </div>
+  </div>
+<% end %>
+
+<% if comparison[:original_prompt].present? || comparison[:current_prompt].present? %>
+  <div class="card mb-4">
+    <div class="card-header d-flex justify-content-between align-items-center">
+      <h5 class="mb-0"><%= t("raif.admin.common.prompt") %></h5>
+      <% if comparison[:prompt_changed] %>
+        <span class="badge bg-warning text-dark"><%= t("raif.admin.prompt_studio.common.prompt_changed") %></span>
+      <% elsif comparison[:current_prompt].present? %>
+        <span class="badge bg-success"><%= t("raif.admin.prompt_studio.common.prompt_unchanged") %></span>
+      <% end %>
+    </div>
+    <div class="card-body">
+      <% if comparison[:prompt_changed] %>
+        <div class="row">
+          <div class="col-md-6">
+            <h6 class="d-flex justify-content-between align-items-center">
+              <span><%= t("raif.admin.prompt_studio.common.original_prompt") %></span>
+              <span>
+                <% if comparison[:original_prompt_tokens].present? %>
+                  <span class="badge bg-secondary fw-normal"><%= t("raif.admin.prompt_studio.common.prompt_tokens", count: number_with_delimiter(comparison[:original_prompt_tokens])) %></span>
+                <% end %>
+                <% if comparison[:original_prompt_token_cost].present? %>
+                  <span class="badge bg-secondary fw-normal"><%= number_to_currency(comparison[:original_prompt_token_cost], precision: 4) %></span>
+                <% end %>
+              </span>
+            </h6>
+            <pre class="pre-wrap border rounded p-3 bg-light"><%= comparison[:original_prompt] %></pre>
+          </div>
+          <div class="col-md-6">
+            <h6 class="d-flex justify-content-between align-items-center">
+              <span><%= t("raif.admin.prompt_studio.common.current_prompt") %></span>
+              <span>
+                <% if comparison[:current_prompt_token_estimate].present? %>
+                  <span class="badge bg-secondary fw-normal"><%= t("raif.admin.prompt_studio.common.estimated_tokens", count: number_with_delimiter(comparison[:current_prompt_token_estimate])) %></span>
+                <% end %>
+                <% if comparison[:current_prompt_cost_estimate].present? %>
+                  <span class="badge bg-secondary fw-normal"><%= t("raif.admin.prompt_studio.common.estimated_cost", cost: number_to_currency(comparison[:current_prompt_cost_estimate], precision: 4)) %></span>
+                <% end %>
+              </span>
+            </h6>
+            <pre class="pre-wrap border rounded p-3 bg-light"><%= comparison[:current_prompt] %></pre>
+          </div>
+        </div>
+      <% else %>
+        <pre class="pre-wrap"><%= comparison[:current_prompt] || comparison[:original_prompt] %></pre>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/raif/admin/prompt_studio/shared/_type_filter.html.erb

@@ -0,0 +1,54 @@
+<div class="row mb-4">
+  <div class="col-12">
+    <%= form_tag filter_path, method: :get, class: "mb-4" do %>
+      <div class="row align-items-end">
+        <div class="col-md-3">
+          <div class="form-group">
+            <label for="<%= param_name %>"><%= t("raif.admin.prompt_studio.common.type") %></label>
+            <%= select_tag param_name,
+                  options_for_select(
+                    types.map { |type| [type, type] },
+                    selected_type
+                  ),
+                  include_blank: t("raif.admin.prompt_studio.common.select_type"),
+                  class: "form-select",
+                  data: { controller: "raif--tom-select" } %>
+          </div>
+        </div>
+        <% if local_assigns[:llm_model_keys]&.any? %>
+          <div class="col-md-2">
+            <div class="form-group">
+              <label for="llm_model_key"><%= t("raif.admin.common.model") %></label>
+              <%= select_tag :llm_model_key,
+                    options_for_select(
+                      llm_model_keys.map { |key| [key, key] },
+                      params[:llm_model_key]
+                    ),
+                    include_blank: t("raif.admin.common.all"),
+                    class: "form-select",
+                    data: { controller: "raif--tom-select" } %>
+            </div>
+          </div>
+        <% end %>
+        <div class="col-md-2">
+          <div class="form-group">
+            <label for="created_after"><%= t("raif.admin.prompt_studio.common.created_after") %></label>
+            <%= date_field_tag :created_after, params[:created_after], class: "form-control", autocomplete: "off" %>
+          </div>
+        </div>
+        <div class="col-md-2">
+          <div class="form-group">
+            <label for="created_before"><%= t("raif.admin.prompt_studio.common.created_before") %></label>
+            <%= date_field_tag :created_before, params[:created_before], class: "form-control", autocomplete: "off" %>
+          </div>
+        </div>
+        <div class="col-md-auto">
+          <%= submit_tag t("raif.admin.common.filter"), class: "btn btn-primary" %>
+        </div>
+        <% if local_assigns[:extra_buttons] %>
+          <%= extra_buttons %>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</div>