raif 1.3.0 → 1.5.0

data/app/views/raif/admin/model_completions/show.html.erb

@@ -8,97 +8,181 @@
     <h5 class="mb-0"><%= t("raif.admin.common.details") %></h5>
   </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"><%= @model_completion.id %></div>
-    </div>
-    <div class="row mb-3">
-      <div class="col-md-3"><strong><%= t("raif.admin.common.source") %>:</strong></div>
-      <div class="col-md-9"><%= @model_completion.source_type %> #<%= @model_completion.source_id %></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"><%= @model_completion.llm_model_key %></div>
-    </div>
-    <div class="row mb-3">
-      <div class="col-md-3"><strong><%= t("raif.admin.common.response_format") %>:</strong></div>
-      <div class="col-md-9"><%= @model_completion.response_format %></div>
-    </div>
-    <div class="row mb-3">
-      <div class="col-md-3"><strong><%= t("raif.admin.common.response_format_parameter") %>:</strong></div>
-      <div class="col-md-9"><%= @model_completion.response_format_parameter %></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"><%= @model_completion.created_at.rfc822 %></div>
-    </div>
-    <div class="row mb-3">
-      <div class="col-md-3"><strong><%= t("raif.admin.common.prompt_tokens") %>:</strong></div>
-      <div class="col-md-9">
-        <% if @model_completion.prompt_tokens %>
-          <%= number_with_delimiter(@model_completion.prompt_tokens) %>
-          <% if @model_completion.prompt_token_cost %>
-            <small>(<%= t("raif.admin.common.est_cost") %>: <%= "$" %><%= number_with_precision(@model_completion.prompt_token_cost, precision: 6) %>)</small>
-          <% end %>
-        <% else %>
-          -
-        <% end %>
+    <div class="row">
+      <div class="col-md-6">
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.id") %>:</strong></div>
+          <div class="col-7"><%= @model_completion.id %></div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.source") %>:</strong></div>
+          <div class="col-7"><%= @model_completion.source_type %> #<%= @model_completion.source_id %></div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.model") %>:</strong></div>
+          <div class="col-7"><%= @model_completion.llm_model_key %></div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.response_format") %>:</strong></div>
+          <div class="col-7"><%= @model_completion.response_format %><%= " (#{@model_completion.response_format_parameter})" if @model_completion.response_format_parameter.present? %></div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.status") %>:</strong></div>
+          <div class="col-7">
+            <% if @model_completion.failed? %>
+              <span class="badge bg-danger"><%= t("raif.admin.common.failed") %></span>
+            <% elsif @model_completion.completed? %>
+              <span class="badge bg-success"><%= t("raif.admin.common.completed") %></span>
+            <% elsif @model_completion.started? %>
+              <span class="badge bg-warning text-dark"><%= t("raif.admin.common.in_progress") %></span>
+            <% else %>
+              <span class="badge bg-secondary"><%= t("raif.admin.common.pending") %></span>
+            <% end %>
+          </div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.retry_count") %>:</strong></div>
+          <div class="col-7"><%= @model_completion.retry_count %></div>
+        </div>
       </div>
-    </div>
-    <div class="row mb-3">
-      <div class="col-md-3"><strong><%= t("raif.admin.common.completion_tokens") %>:</strong></div>
-      <div class="col-md-9">
-        <% if @model_completion.completion_tokens %>
-          <%= number_with_delimiter(@model_completion.completion_tokens) %>
-          <% if @model_completion.output_token_cost %>
-            <small>(<%= t("raif.admin.common.est_cost") %>: <%= "$" %><%= number_with_precision(@model_completion.output_token_cost, precision: 6) %>)</small>
-          <% end %>
-        <% else %>
-          -
-        <% end %>
+      <div class="col-md-6">
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.created_at") %>:</strong></div>
+          <div class="col-7"><small><%= @model_completion.created_at.rfc822 %></small></div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.started_at") %>:</strong></div>
+          <div class="col-7"><small><%= @model_completion.started_at&.rfc822 || "-" %></small></div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.completed_at") %>:</strong></div>
+          <div class="col-7"><small><%= @model_completion.completed_at&.rfc822 || "-" %></small></div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.duration") %>:</strong></div>
+          <div class="col-7"><small><%= @model_completion.runtime_duration %></small></div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.prompt_tokens") %>:</strong></div>
+          <div class="col-7">
+            <% if @model_completion.prompt_tokens %>
+              <%= number_with_delimiter(@model_completion.prompt_tokens) %>
+              <% if @model_completion.prompt_token_cost %>
+                <small>(<%= t("raif.admin.common.est_cost") %>: <%= number_to_currency(@model_completion.prompt_token_cost, precision: 6) %>)</small>
+              <% end %>
+            <% else %>
+              -
+            <% end %>
+          </div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.completion_tokens") %>:</strong></div>
+          <div class="col-7">
+            <% if @model_completion.completion_tokens %>
+              <%= number_with_delimiter(@model_completion.completion_tokens) %>
+              <% if @model_completion.output_token_cost %>
+                <small>(<%= t("raif.admin.common.est_cost") %>: <%= number_to_currency(@model_completion.output_token_cost, precision: 6) %>)</small>
+              <% end %>
+            <% else %>
+              -
+            <% end %>
+          </div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.total_tokens") %>:</strong></div>
+          <div class="col-7">
+            <% if @model_completion.total_tokens %>
+              <%= number_with_delimiter(@model_completion.total_tokens) %>
+              <% if @model_completion.total_cost %>
+                <small>(<%= t("raif.admin.common.est_cost") %>: <%= "$" %><%= number_with_precision(@model_completion.total_cost, precision: 6) %>)</small>
+              <% end %>
+            <% else %>
+              -
+            <% end %>
+          </div>
+        </div>
+        <hr class="my-2">
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.cache_read_input_tokens") %>:</strong></div>
+          <div class="col-7"><%= @model_completion.cache_read_input_tokens ? number_with_delimiter(@model_completion.cache_read_input_tokens) : "-" %></div>
+        </div>
+        <div class="row mb-2">
+          <div class="col-5"><strong><%= t("raif.admin.common.cache_creation_input_tokens") %>:</strong></div>
+          <div class="col-7"><%= @model_completion.cache_creation_input_tokens ? number_with_delimiter(@model_completion.cache_creation_input_tokens) : "-" %></div>
+        </div>
       </div>
     </div>
-    <div class="row mb-3">
-      <div class="col-md-3"><strong><%= t("raif.admin.common.total_tokens") %>:</strong></div>
-      <div class="col-md-9">
-        <% if @model_completion.total_tokens %>
-          <%= number_with_delimiter(@model_completion.total_tokens) %>
-          <% if @model_completion.total_cost %>
-            <small>(<%= t("raif.admin.common.est_cost") %>: <%= "$" %><%= number_with_precision(@model_completion.total_cost, precision: 6) %>)</small>
-          <% end %>
-        <% else %>
-          -
-        <% end %>
+    <% if @model_completion.failed? %>
+      <hr>
+      <div class="row mb-2">
+        <div class="col-md-2"><strong><%= t("raif.admin.common.failed_at") %>:</strong></div>
+        <div class="col-md-10"><small><%= @model_completion.failed_at&.rfc822 || "-" %></small></div>
       </div>
-    </div>
+      <div class="row mb-2">
+        <div class="col-md-2"><strong><%= t("raif.admin.common.failure_error") %>:</strong></div>
+        <div class="col-md-10"><code><%= @model_completion.failure_error %></code></div>
+      </div>
+      <div class="row mb-2">
+        <div class="col-md-2"><strong><%= t("raif.admin.common.failure_reason") %>:</strong></div>
+        <div class="col-md-10"><%= @model_completion.failure_reason %></div>
+      </div>
+    <% end %>
   </div>
 </div>
 
 <% if @model_completion.messages.present? %>
-<div class="card mb-4">
-  <div class="card-header">
-    <h5 class="mb-0"><%= t("raif.admin.common.messages") %></h5>
-  </div>
-  <div class="card-body">
-    <% @model_completion.messages.each do |message| %>
-      <div class="mb-3">
-        <strong><%= message["role"].titleize %>:</strong>
-        <pre class="mt-2"><%= message["content"] %></pre>
-      </div>
-    <% end %>
+  <div class="card mb-4">
+    <div class="card-header">
+      <h5 class="mb-0"><%= t("raif.admin.common.messages") %></h5>
+    </div>
+    <div class="card-body">
+      <% @model_completion.messages.each do |message| %>
+        <div class="mb-3">
+          <% if message["type"] == "function_call" %>
+            <strong><%= t("raif.admin.common.tool_call") %>:</strong>
+            <div class="border rounded p-2 mt-2 bg-light">
+              <div><strong><%= t("raif.admin.common.tool_name") %>:</strong> <%= message["name"] %></div>
+              <div><strong><%= t("raif.admin.common.arguments") %>:</strong></div>
+              <pre class="mb-0 mt-1"><%= pretty_json(message["arguments"]) %></pre>
+            </div>
+          <% elsif message["type"] == "function_call_output" %>
+            <strong><%= t("raif.admin.common.tool_result") %>:</strong>
+            <pre class="mt-2"><%= pretty_json(message["output"]) %></pre>
+          <% else %>
+            <% if message["role"].present? %>
+              <strong><%= message["role"].titleize %>:</strong>
+            <% end %>
+            <% if message["content"].present? %>
+              <pre class="mt-2"><%= message["content"] %></pre>
+            <% end %>
+
+            <% if message["tool_calls"].present? %>
+              <div class="mt-2">
+                <% message["tool_calls"].each do |tool_call| %>
+                  <div class="border rounded p-2 mb-2 bg-light">
+                    <div><strong><%= t("raif.admin.common.tool_name") %>:</strong> <%= tool_call.dig("function", "name") %></div>
+                    <div><strong><%= t("raif.admin.common.arguments") %>:</strong></div>
+                    <pre class="mb-0 mt-1"><%= pretty_json(tool_call.dig("function", "arguments")) %></pre>
+                  </div>
+                <% end %>
+              </div>
+            <% end %>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
   </div>
-</div>
 <% end %>
 
 <% if @model_completion.system_prompt.present? %>
-<div class="card mb-4">
-  <div class="card-header">
-    <h5 class="mb-0"><%= t("raif.admin.common.system_prompt") %></h5>
-  </div>
-  <div class="card-body">
-    <pre class="pre-wrap"><%= @model_completion.system_prompt %></pre>
+  <div class="card mb-4">
+    <div class="card-header">
+      <h5 class="mb-0"><%= t("raif.admin.common.system_prompt") %></h5>
+    </div>
+    <div class="card-body">
+      <pre class="pre-wrap"><%= @model_completion.system_prompt %></pre>
+    </div>
   </div>
-</div>
 <% end %>
 
 <div class="card mb-4">
@@ -113,7 +197,7 @@
       <h5 class="mb-0 mt-4"><%= t("raif.admin.common.prettified") %></h5>
       <% begin %>
         <pre class="pre-wrap"><%= JSON.pretty_generate(@model_completion.parsed_response) %></pre>
-      <% rescue StandardError %>
+        <% rescue StandardError %>
         <%= t("raif.admin.common.invalid_json") %>
       <% end %>
     <% elsif @model_completion.response_format_html? %>
@@ -143,22 +227,95 @@
   </div>
 </div>
 
+<% if @model_completion.provider_managed_tool_calls.present? %>
+  <div class="card mb-4">
+    <div class="card-header">
+      <h5 class="mb-0"><%= t("raif.admin.common.provider_managed_tool_calls") %></h5>
+    </div>
+    <div class="card-body">
+      <% @model_completion.provider_managed_tool_calls.each do |tool_call| %>
+        <div class="border rounded p-3 mb-3 bg-light">
+          <div class="d-flex justify-content-between align-items-start gap-3">
+            <div>
+              <div><strong><%= t("raif.admin.common.tool_name") %>:</strong> <%= tool_call["tool_name"].to_s.titleize %></div>
+              <% if tool_call["provider_tool_call_id"].present? %>
+                <div><strong><%= t("raif.admin.common.provider_tool_call_id") %>:</strong> <code><%= tool_call["provider_tool_call_id"] %></code></div>
+              <% end %>
+              <% if tool_call["inferred"] %>
+                <div><small class="text-muted"><%= t("raif.admin.common.inferred_from_citations") %></small></div>
+              <% end %>
+            </div>
+            <% if tool_call["status"].present? %>
+              <span class="badge bg-info text-dark"><%= tool_call["status"].to_s.titleize %></span>
+            <% end %>
+          </div>
+
+          <% if tool_call["arguments"].present? %>
+            <div class="mt-3"><strong><%= t("raif.admin.common.arguments") %>:</strong></div>
+            <pre class="mb-0 mt-1"><%= begin
+                                         JSON.pretty_generate(tool_call["arguments"])
+                                       rescue StandardError
+                                         tool_call["arguments"]
+                                       end %></pre>
+          <% end %>
+
+          <% if tool_call["sources"].present? %>
+            <div class="mt-3">
+              <strong><%= t("raif.admin.common.sources") %>:</strong>
+              <div class="mt-2">
+                <% tool_call["sources"].each do |source| %>
+                  <div class="border rounded p-2 mb-2 bg-white">
+                    <% if source["url"].present? %>
+                      <div>
+                        <a href="<%= source["url"] %>" target="_blank" rel="noopener" class="text-decoration-none">
+                          <%= source["title"].presence || source["url"] %>
+                        </a>
+                      </div>
+                      <small class="text-muted d-block"><%= source["url"] %></small>
+                    <% else %>
+                      <div><%= source["title"] %></div>
+                    <% end %>
+                    <% if source["page_age"].present? %>
+                      <small class="text-muted d-block"><%= source["page_age"] %></small>
+                    <% end %>
+                  </div>
+                <% end %>
+              </div>
+            </div>
+          <% elsif tool_call["raw_result"].present? %>
+            <div class="mt-3"><strong><%= t("raif.admin.common.result") %>:</strong></div>
+            <pre class="mb-0 mt-1"><%= begin
+                                         JSON.pretty_generate(tool_call["raw_result"])
+                                       rescue StandardError
+                                         tool_call["raw_result"]
+                                       end %></pre>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>
+
 <div class="card mb-4">
   <div class="card-header">
     <h5 class="mb-0"><%= t("raif.admin.common.citations") %></h5>
   </div>
   <div class="card-body">
-    <% if @model_completion.citations.present? %>
-      <% @model_completion.citations.each_with_index do |citation, index| %>
+    <% if @model_completion.sanitized_citations.present? %>
+      <% @model_completion.sanitized_citations.each_with_index do |citation, index| %>
         <div class="mb-3 p-3 border rounded">
           <div class="d-flex align-items-start">
             <span class="badge bg-primary me-3"><%= index + 1 %></span>
             <div class="flex-grow-1">
               <h6 class="mb-1">
-                <a href="<%= citation["url"] %>" target="_blank" rel="noopener" class="text-decoration-none">
+                <% if citation["url"].present? %>
+                  <a href="<%= citation["url"] %>" target="_blank" rel="noopener" class="text-decoration-none">
+                    <%= citation["title"] %>
+                    <i class="bi bi-box-arrow-up-right ms-1" style="font-size: 0.8em;"></i>
+                  </a>
+                <% else %>
                   <%= citation["title"] %>
-                  <i class="bi bi-box-arrow-up-right ms-1" style="font-size: 0.8em;"></i>
-                </a>
+                <% end %>
               </h6>
               <small class="text-muted"><%= citation["url"] %></small>
             </div>
@@ -170,3 +327,18 @@
     <% end %>
   </div>
 </div>
+
+<% if @model_completion.response_array.present? %>
+  <div class="card mb-4">
+    <div class="card-header">
+      <h5 class="mb-0"><%= t("raif.admin.common.response_array") %></h5>
+    </div>
+    <div class="card-body">
+      <pre class="pre-wrap"><%= begin
+                                  JSON.pretty_generate(@model_completion.response_array)
+                                rescue StandardError
+                                  @model_completion.response_array
+                                end %></pre>
+    </div>
+  </div>
+<% end %>

data/app/views/raif/admin/model_tool_invocations/index.html.erb

@@ -1,7 +1,28 @@
-<h1 class="my-4"><%= t("raif.admin.common.model_tool_invocations") %></h1>
+<div class="d-flex justify-content-between align-items-center my-4">
+  <h1 class="mb-0"><%= t("raif.admin.common.model_tool_invocations") %></h1>
+  <%= link_to raif.admin_stats_model_tool_invocations_path, class: "btn btn-outline-primary" do %>
+    <%= t("raif.admin.common.stats") %> &raquo;
+  <% end %>
+</div>
 
 <div class="row">
   <div class="col-12">
+    <%= form_tag raif.admin_model_tool_invocations_path, method: :get, class: "mb-4" do %>
+      <div class="row align-items-end">
+        <div class="col-md-4">
+          <div class="form-group">
+            <label for="tool_types"><%= t("raif.admin.common.tool_type") %></label>
+            <%= select_tag :tool_types,
+                  options_for_select([[t("raif.admin.common.all"), "all"]] + @tool_types.map{|type| [type, type] }, @selected_type),
+                  { class: "form-select", data: { controller: "raif--tom-select" } } %>
+          </div>
+        </div>
+        <div class="col-md-2">
+          <%= submit_tag t("raif.admin.common.filter"), class: "btn btn-primary" %>
+        </div>
+      </div>
+    <% end %>
+
     <% if @model_tool_invocations.any? %>
       <div class="table-responsive">
         <table class="table table-striped table-hover">

data/app/views/raif/admin/model_tool_invocations/show.html.erb

@@ -64,3 +64,21 @@
   </div>
 </div>
 <% end %>
+
+<% if @model_tool_invocation.admin_observation_available? %>
+  <div class="card mb-4">
+    <div class="card-header">
+      <h5 class="mb-0"><%= t(".observation_sent_to_model") %></h5>
+    </div>
+    <% if @model_tool_invocation.admin_observation_error.present? %>
+      <div class="card-body text-muted">
+        <%= t(".observation_unavailable", error: @model_tool_invocation.admin_observation_error) %>
+      </div>
+    <% else %>
+      <div class="card-body">
+        <p class="text-muted small"><%= t(".observation_disclaimer") %></p>
+        <pre class="pre-wrap"><%= @model_tool_invocation.admin_observation %></pre>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/raif/admin/model_tools/_list.html.erb

@@ -0,0 +1,16 @@
+<div class="card mb-4">
+  <div class="card-header">
+    <h5 class="mb-0"><%= t("raif.admin.common.available_tools") %></h5>
+  </div>
+  <div class="card-body">
+    <% if model_tools.blank? %>
+      <%= t("raif.admin.common.none") %>
+    <% else %>
+      <div class="accordion" id="modelToolsAccordion">
+        <% model_tools.each_with_index do |(tool_name, tool_class), index| %>
+          <%= render partial: "raif/admin/model_tools/model_tool", locals: { tool_name: tool_name, tool_class: tool_class, index: index } %>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/raif/admin/model_tools/_model_tool.html.erb

@@ -0,0 +1,36 @@
+<div class="accordion-item">
+  <h2 class="accordion-header" id="heading-<%= index %>">
+    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-<%= index %>" aria-expanded="false" aria-controls="collapse-<%= index %>">
+      <strong><%= tool_name %></strong>
+    </button>
+  </h2>
+  <div id="collapse-<%= index %>" class="accordion-collapse collapse" aria-labelledby="heading-<%= index %>" data-bs-parent="#modelToolsAccordion">
+    <div class="accordion-body">
+      <div class="row mb-3">
+        <div class="col-md-2"><strong><%= t("raif.admin.common.tool_name") %>:</strong></div>
+        <div class="col-md-10"><code><%= tool_class.tool_name %></code></div>
+      </div>
+      <div class="row mb-3">
+        <div class="col-md-2"><strong><%= t("raif.admin.common.description") %>:</strong></div>
+        <div class="col-md-10"><%= tool_class.tool_description %></div>
+      </div>
+      <% if tool_class.respond_to?(:tool_arguments_schema) %>
+        <% if tool_class.schema_defined?(:tool_arguments) %>
+          <div class="row mb-3">
+            <div class="col-md-2"><strong><%= t("raif.admin.common.arguments_schema") %>:</strong></div>
+            <div class="col-md-10">
+              <pre class="pre-wrap"><%= JSON.pretty_generate(tool_class.tool_arguments_schema) %></pre>
+            </div>
+          </div>
+        <% else %>
+          <div class="row mb-3">
+            <div class="col-md-2"><strong><%= t("raif.admin.common.arguments_schema") %>:</strong></div>
+            <div class="col-md-10">
+              <em><%= t("raif.admin.common.none") %></em>
+            </div>
+          </div>
+        <% end %>
+      <% end %>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,56 @@
+<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: :agents %>
+
+<%= render "raif/admin/prompt_studio/shared/type_filter",
+      filter_path: raif.admin_prompt_studio_agents_path,
+      param_name: :agent_type,
+      types: @agent_types,
+      selected_type: @selected_type,
+      llm_model_keys: @llm_model_keys %>
+
+<% if @selected_type.present? && @agents.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.status") %></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @agents.each do |agent| %>
+          <tr>
+            <td><%= agent.id %></td>
+            <td><%= agent.type %></td>
+            <td><%= agent.created_at.rfc822 %></td>
+            <td><%= agent.llm_model_key %></td>
+            <td>
+              <% if agent.completed_at? %>
+                <span class="badge bg-success"><%= t("raif.admin.common.completed") %></span>
+              <% elsif agent.failed_at? %>
+                <span class="badge bg-danger"><%= t("raif.admin.common.failed") %></span>
+              <% elsif agent.started_at? %>
+                <span class="badge bg-warning text-dark"><%= t("raif.admin.common.in_progress") %></span>
+              <% end %>
+            </td>
+            <td>
+              <%= link_to "View", raif.admin_prompt_studio_agent_path(agent), 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/agents/show.html.erb

@@ -0,0 +1,57 @@
+<div class="d-flex justify-content-between align-items-center my-4">
+  <h1 class="mb-0"><%= t("raif.admin.prompt_studio.agents.show.page_title", id: @agent.id) %></h1>
+  <%= link_to t("raif.admin.prompt_studio.common.back"),
+        raif.admin_prompt_studio_agents_path(agent_type: @agent.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.agents.show.agent_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"><%= @agent.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"><%= @agent.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"><%= @agent.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"><%= @agent.created_at.rfc822 %></div>
+    </div>
+    <% if @agent.task.present? %>
+      <div class="row mb-3">
+        <div class="col-md-2"><strong><%= t("raif.admin.common.task") %>:</strong></div>
+        <div class="col-md-10"><%= @agent.task %></div>
+      </div>
+    <% end %>
+    <% if @agent.run_with.present? %>
+      <div class="row mb-3">
+        <div class="col-md-2"><strong><%= t("raif.admin.common.run_with") %>:</strong></div>
+        <div class="col-md-10">
+          <pre class="pre-wrap mb-0"><%= JSON.pretty_generate(@agent.run_with) %></pre>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<%= render "raif/admin/prompt_studio/shared/prompt_comparison", comparison: @comparison %>
+
+<% if @agent.final_answer.present? %>
+  <div class="card mb-4">
+    <div class="card-header">
+      <h5 class="mb-0"><%= t("raif.admin.common.final_answer") %></h5>
+    </div>
+    <div class="card-body">
+      <pre class="pre-wrap"><%= @agent.final_answer %></pre>
+    </div>
+  </div>
+<% end %>