raif 1.4.0 → 1.5.0

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>

data/app/views/raif/admin/prompt_studio/tasks/_task_result.html.erb

@@ -0,0 +1,145 @@
+<%= tag.div id: dom_id(task, :result) do %>
+  <div class="row mb-4">
+    <div class="<%= Raif.config.prompt_studio_runs_enabled ? "col-md-7" : "col-12" %>">
+      <div class="card h-100">
+        <div class="card-header d-flex justify-content-between align-items-center">
+          <h5 class="mb-0"><%= t("raif.admin.prompt_studio.tasks.show.task_details") %></h5>
+          <% if task.prompt_studio_run? %>
+            <span class="badge bg-info"><%= t("raif.admin.prompt_studio.common.run_in_prompt_studio") %></span>
+          <% end %>
+        </div>
+        <div class="card-body">
+          <div class="row mb-3">
+            <div class="col-md-3"><strong><%= t("raif.admin.common.id") %>:</strong></div>
+            <div class="col-md-9"><%= task.id %></div>
+          </div>
+          <div class="row mb-3">
+            <div class="col-md-3"><strong><%= t("raif.admin.common.type") %>:</strong></div>
+            <div class="col-md-9"><%= task.type %></div>
+          </div>
+          <div class="row mb-3">
+            <div class="col-md-3"><strong><%= t("raif.admin.common.model") %>:</strong></div>
+            <div class="col-md-9"><%= task.llm_model_key %></div>
+          </div>
+          <div class="row mb-3">
+            <div class="col-md-3"><strong><%= t("raif.admin.common.status") %>:</strong></div>
+            <div class="col-md-9">
+              <% if task.status == :in_progress %>
+                <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.common.running") %>
+                </span>
+              <% elsif task.completed_at? %>
+                <span class="badge bg-success"><%= t("raif.admin.common.completed") %></span>
+                <% if task.raw_response.present? %>
+                  <a href="#task-response" class="ms-2 small"><%= t("raif.admin.prompt_studio.tasks.show.view_response") %></a>
+                <% end %>
+              <% elsif task.failed_at? %>
+                <span class="badge bg-danger"><%= t("raif.admin.common.failed") %></span>
+              <% else %>
+                <span class="badge bg-secondary"><%= t("raif.admin.common.pending") %></span>
+              <% end %>
+            </div>
+          </div>
+          <div class="row mb-3">
+            <div class="col-md-3"><strong><%= t("raif.admin.common.created_at") %>:</strong></div>
+            <div class="col-md-9"><%= task.created_at.rfc822 %></div>
+          </div>
+          <% if task.run_with.present? %>
+            <div class="row mb-3">
+              <div class="col-md-3"><strong><%= t("raif.admin.common.run_with") %>:</strong></div>
+              <div class="col-md-9">
+                <pre class="pre-wrap mb-0"><%= JSON.pretty_generate(task.run_with) %></pre>
+              </div>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+    <% if Raif.config.prompt_studio_runs_enabled %>
+      <div class="col-md-5">
+        <div class="card h-100">
+          <div class="card-header">
+            <h5 class="mb-0"><%= t("raif.admin.prompt_studio.tasks.rerun.title") %></h5>
+          </div>
+          <div class="card-body">
+            <p class="text-muted"><%= t("raif.admin.prompt_studio.tasks.rerun.description") %></p>
+            <div class="mb-3">
+              <% if comparison[:current_system_prompt].present? %>
+                <% if comparison[:system_prompt_changed] %>
+                  <span class="badge bg-warning text-dark"><%= t("raif.admin.prompt_studio.common.system_prompt_changed") %></span>
+                <% else %>
+                  <span class="badge bg-success"><%= t("raif.admin.prompt_studio.common.system_prompt_unchanged") %></span>
+                <% end %>
+              <% end %>
+              <% if comparison[:current_prompt].present? %>
+                <% if comparison[:prompt_changed] %>
+                  <span class="badge bg-warning text-dark"><%= t("raif.admin.prompt_studio.common.prompt_changed") %></span>
+                <% else %>
+                  <span class="badge bg-success"><%= t("raif.admin.prompt_studio.common.prompt_unchanged") %></span>
+                <% end %>
+              <% end %>
+            </div>
+            <% if comparison[:has_stale_references] %>
+              <div class="alert alert-danger mb-0">
+                <%= t("raif.admin.prompt_studio.common.warning_stale_reference") %>
+              </div>
+            <% else %>
+              <%= form_tag raif.admin_prompt_studio_tasks_path(source_task_id: task.id), method: :post do %>
+                <div class="mb-3">
+                  <label for="llm_model_key"><%= t("raif.admin.common.model") %></label>
+                  <%= select_tag :llm_model_key,
+                        llm_model_options(selected: task.llm_model_key),
+                        class: "form-select",
+                        data: { controller: "raif--tom-select" } %>
+                </div>
+                <%= submit_tag t("raif.admin.prompt_studio.tasks.rerun.submit"),
+                      class: "btn btn-primary",
+                      data: { confirm: t("raif.admin.prompt_studio.tasks.rerun.confirm"), disable_with: t("raif.admin.prompt_studio.tasks.rerun.running") } %>
+              <% end %>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  </div>
+
+  <%= render "raif/admin/prompt_studio/shared/prompt_comparison", comparison: comparison %>
+
+  <% if task.raw_response.present? && original_task&.raw_response.present? %>
+    <div class="card mb-4" id="task-response">
+      <div class="card-header">
+        <h5 class="mb-0"><%= t("raif.admin.prompt_studio.tasks.show.response_comparison") %></h5>
+      </div>
+      <div class="card-body">
+        <div class="row">
+          <div class="col-md-6">
+            <h6>
+              <%= t("raif.admin.prompt_studio.tasks.show.original_response") %>
+              <small class="text-muted">
+                (<%= link_to "##{original_task.id}", raif.admin_prompt_studio_task_path(original_task) %> &mdash; <%= original_task.llm_model_key %>)
+              </small>
+            </h6>
+            <pre class="pre-wrap border rounded p-3 bg-light"><%= format_task_response(original_task) %></pre>
+          </div>
+          <div class="col-md-6">
+            <h6>
+              <%= t("raif.admin.prompt_studio.tasks.show.new_response") %>
+              <small class="text-muted">(<%= task.llm_model_key %>)</small>
+            </h6>
+            <pre class="pre-wrap border rounded p-3 bg-light"><%= format_task_response(task) %></pre>
+          </div>
+        </div>
+      </div>
+    </div>
+  <% elsif task.raw_response.present? %>
+    <div class="card mb-4" id="task-response">
+      <div class="card-header">
+        <h5 class="mb-0"><%= t("raif.admin.common.response") %> (<%= task.response_format %>)</h5>
+      </div>
+      <div class="card-body">
+        <pre class="pre-wrap"><%= format_task_response(task) %></pre>
+      </div>
+    </div>
+  <% end %>
+<% end %>

data/app/views/raif/admin/prompt_studio/tasks/_task_row.html.erb

@@ -0,0 +1,12 @@
+<tr>
+  <% if show_checkbox %>
+    <td><input type="checkbox" name="source_task_ids[]" value="<%= task.id %>" class="form-check-input task-checkbox" data-raif--select-all-checkboxes-target="checkbox" data-raif--cost-estimate-target="checkbox" data-action="raif--select-all-checkboxes#updateCount raif--cost-estimate#calculate" data-prompt-tokens="<%= task.raif_model_completion&.prompt_tokens || 0 %>" data-completion-tokens="<%= task.raif_model_completion&.completion_tokens || 0 %>"></td>
+  <% end %>
+  <td><%= task.id %></td>
+  <td><%= task.type %></td>
+  <td><%= task.created_at.rfc822 %></td>
+  <td><%= task.llm_model_key %></td>
+  <td>
+    <%= link_to "View", raif.admin_prompt_studio_task_path(task), class: "btn btn-sm btn-outline-primary" %>
+  </td>
+</tr>

data/app/views/raif/admin/prompt_studio/tasks/_task_type_filter.html.erb

@@ -0,0 +1,58 @@
+<div class="row mb-4">
+  <div class="col-12">
+    <%= form_tag raif.admin_prompt_studio_tasks_path, method: :get, class: "mb-4" do %>
+      <div class="row align-items-end">
+        <div class="col-md-3">
+          <div class="form-group">
+            <label for="task_type"><%= t("raif.admin.prompt_studio.common.type") %></label>
+            <%= select_tag :task_type,
+                  options_for_select(
+                    task_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 show_batch_runs %>
+          <div class="col-md-auto ms-auto">
+            <button type="button" class="btn btn-outline-primary" disabled data-bs-toggle="modal" data-bs-target="#batch-run-modal" data-raif--select-all-checkboxes-target="batchButton">
+              <%= t("raif.admin.prompt_studio.batch_runs.create.new_batch_run") %>
+            </button>
+          </div>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/raif/admin/prompt_studio/tasks/_tasks_table.html.erb

@@ -0,0 +1,22 @@
+<div class="table-responsive">
+  <table class="table table-striped">
+    <thead>
+      <tr>
+        <% if show_checkbox %>
+          <th><input type="checkbox" class="form-check-input" data-raif--select-all-checkboxes-target="selectAll" data-action="raif--select-all-checkboxes#toggle"></th>
+        <% end %>
+        <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></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% tasks.each do |task| %>
+        <%= render "raif/admin/prompt_studio/tasks/task_row", task: task, show_checkbox: show_checkbox %>
+      <% end %>
+    </tbody>
+  </table>
+</div>
+<div class="mt-3"><%== pagy_bootstrap_nav(pagy) if pagy.pages > 1 %></div>