rubyllm-observ 0.5.0

data/app/views/observ/dataset_runs/index.html.erb

@@ -0,0 +1,108 @@
+<% content_for :title, "Runs - #{@dataset.name}" %>
+
+<% content_for :page_header do %>
+  <div class="observ-page-header__content">
+    <div>
+      <%= link_to "← Back to Dataset", dataset_path(@dataset), class: "observ-datasets__back-link" %>
+      <h1 class="observ-page-header__title">Runs: <%= @dataset.name %></h1>
+    </div>
+    <%= link_to "New Run", new_dataset_run_path(@dataset), class: "observ-button observ-button--primary" %>
+  </div>
+<% end %>
+
+<div class="observ-container">
+  <!-- Filters -->
+  <section class="observ-card">
+    <div class="observ-card__body">
+      <%= form_with url: dataset_runs_path(@dataset), method: :get, class: "observ-datasets-filters__form" do |f| %>
+        <div class="observ-datasets-filters__field">
+          <%= f.label :status, "Filter by status", class: "observ-datasets-filters__label" %>
+          <%= f.select :status,
+            options_for_select([["All", ""], ["Pending", "pending"], ["Running", "running"], ["Completed", "completed"], ["Failed", "failed"]], params[:status]),
+            {},
+            class: "observ-datasets-filters__select" %>
+        </div>
+        <div class="observ-datasets-filters__actions">
+          <%= f.submit "Filter", class: "observ-button observ-button--secondary" %>
+          <%= link_to "Clear", dataset_runs_path(@dataset), class: "observ-button" %>
+        </div>
+      <% end %>
+    </div>
+  </section>
+
+  <!-- Runs Table -->
+  <section class="observ-card">
+    <div class="observ-card__body">
+      <% if @runs.any? %>
+        <table class="observ-table">
+          <thead class="observ-table__header">
+            <tr class="observ-table__row">
+              <th class="observ-table__cell">Name</th>
+              <th class="observ-table__cell">Status</th>
+              <th class="observ-table__cell">Progress</th>
+              <th class="observ-table__cell observ-table__cell--numeric">Cost</th>
+              <th class="observ-table__cell observ-table__cell--numeric">Tokens</th>
+              <th class="observ-table__cell">Created</th>
+              <th class="observ-table__cell observ-table__cell--actions"></th>
+            </tr>
+          </thead>
+          <tbody>
+            <% @runs.each do |run| %>
+              <tr class="observ-table__row">
+                <td class="observ-table__cell">
+                  <%= link_to run.name, dataset_run_path(@dataset, run), class: "observ-datasets-table__link" %>
+                  <% if run.description.present? %>
+                    <p class="observ-datasets-table__description"><%= truncate(run.description, length: 50) %></p>
+                  <% end %>
+                </td>
+                <td class="observ-table__cell">
+                  <span class="observ-badge <%= run_status_badge_class(run.status) %>">
+                    <%= run.status %>
+                  </span>
+                </td>
+                <td class="observ-table__cell">
+                  <div class="observ-datasets__progress">
+                    <div class="observ-datasets__progress-bar">
+                      <div class="observ-datasets__progress-fill observ-datasets__progress-fill--success"
+                           style="width: <%= run.success_rate %>%"></div>
+                      <div class="observ-datasets__progress-fill observ-datasets__progress-fill--danger"
+                           style="width: <%= run.failure_rate %>%"></div>
+                    </div>
+                    <span class="observ-datasets__progress-text">
+                      <%= run.completed_items %>/<%= run.total_items %>
+                    </span>
+                  </div>
+                </td>
+                <td class="observ-table__cell observ-table__cell--numeric">
+                  $<%= number_with_precision(run.total_cost, precision: 4) %>
+                </td>
+                <td class="observ-table__cell observ-table__cell--numeric">
+                  <%= number_with_delimiter(run.total_tokens) %>
+                </td>
+                <td class="observ-table__cell">
+                  <%= time_ago_in_words(run.created_at) %> ago
+                </td>
+                <td class="observ-table__cell observ-table__cell--actions">
+                  <div class="observ-datasets-table__action-group">
+                    <%= link_to "View", dataset_run_path(@dataset, run), class: "observ-button observ-button--sm" %>
+                    <%= button_to "Delete", dataset_run_path(@dataset, run),
+                      method: :delete,
+                      class: "observ-button observ-button--sm observ-button--danger",
+                      data: { confirm: "Are you sure?" } %>
+                  </div>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      <% else %>
+        <div class="observ-card__empty">
+          <p class="observ-card__empty-text">No runs found</p>
+          <%= link_to "Start a new run", new_dataset_run_path(@dataset), class: "observ-button observ-button--primary" %>
+        </div>
+      <% end %>
+    </div>
+  </section>
+
+  <%= observ_pagination(@runs) %>
+</div>

data/app/views/observ/dataset_runs/new.html.erb

@@ -0,0 +1,57 @@
+<% content_for :title, "New Run - #{@dataset.name}" %>
+
+<% content_for :page_header do %>
+  <div class="observ-page-header__content">
+    <div>
+      <%= link_to "← Back to Dataset", dataset_path(@dataset, tab: "runs"), class: "observ-datasets__back-link" %>
+      <h1 class="observ-page-header__title">New Run: <%= @dataset.name %></h1>
+    </div>
+  </div>
+<% end %>
+
+<div class="observ-container">
+  <!-- Run Info -->
+  <section class="observ-card">
+    <div class="observ-card__body">
+      <div class="observ-alert observ-alert--info">
+        <p>This run will evaluate <strong><%= @dataset.active_items_count %> active items</strong> using the <strong><%= @dataset.agent_class %></strong> agent.</p>
+      </div>
+
+      <%= form_with model: [@dataset, @run], url: dataset_runs_path(@dataset), class: "observ-form" do |f| %>
+        <% if @run.errors.any? %>
+          <div class="observ-alert observ-alert--danger">
+            <h3 class="observ-alert__title">Please fix the following errors:</h3>
+            <ul class="observ-alert__list">
+              <% @run.errors.full_messages.each do |message| %>
+                <li><%= message %></li>
+              <% end %>
+            </ul>
+          </div>
+        <% end %>
+
+        <div class="observ-form__group">
+          <%= f.label :name, class: "observ-form__label" %>
+          <%= f.text_field :name,
+            class: "observ-form__input",
+            placeholder: "e.g., v1.0-gpt4, baseline, experiment-1",
+            required: true %>
+          <p class="observ-form__hint">A unique name for this run (used for comparison)</p>
+        </div>
+
+        <div class="observ-form__group">
+          <%= f.label :description, class: "observ-form__label" %>
+          <%= f.text_area :description,
+            class: "observ-form__textarea",
+            rows: 3,
+            placeholder: "Describe the purpose of this run..." %>
+          <p class="observ-form__hint">Optional description of what you're testing</p>
+        </div>
+
+        <div class="observ-form__actions">
+          <%= f.submit "Start Run", class: "observ-button observ-button--primary" %>
+          <%= link_to "Cancel", dataset_path(@dataset, tab: "runs"), class: "observ-button" %>
+        </div>
+      <% end %>
+    </div>
+  </section>
+</div>

data/app/views/observ/dataset_runs/review.html.erb

@@ -0,0 +1,155 @@
+<% content_for :title, "Review - #{@run.name}" %>
+
+<% content_for :page_header do %>
+  <div class="observ-page-header__content">
+    <div class="observ-page-header__breadcrumb">
+      <%= link_to "Datasets", datasets_path, class: "observ-link" %> /
+      <%= link_to @dataset.name, dataset_path(@dataset, tab: "runs"), class: "observ-link" %> /
+      <%= link_to @run.name, dataset_run_path(@dataset, @run), class: "observ-link" %> /
+    </div>
+    <h1 class="observ-page-header__title">Review Mode</h1>
+  </div>
+  <div class="observ-page-header__actions">
+    <%= link_to "Exit Review", dataset_run_path(@dataset, @run), class: "observ-button" %>
+  </div>
+<% end %>
+
+<div class="observ-container">
+  <!-- Progress Bar -->
+  <section class="observ-review__progress-section">
+    <div class="observ-review__progress-header">
+      <span class="observ-review__progress-label">
+        Scoring Progress: <strong><%= @progress[:scored] %></strong> of <strong><%= @progress[:total] %></strong> items
+      </span>
+      <span class="observ-review__progress-percent">
+        <%= @progress[:total] > 0 ? ((@progress[:scored].to_f / @progress[:total]) * 100).round(0) : 0 %>%
+      </span>
+    </div>
+    <div class="observ-datasets__progress">
+      <div class="observ-datasets__progress-bar">
+        <div class="observ-datasets__progress-fill observ-datasets__progress-fill--success"
+             style="width: <%= @progress[:total] > 0 ? ((@progress[:scored].to_f / @progress[:total]) * 100) : 0 %>%"></div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Review Card -->
+  <section class="observ-card observ-review__card">
+    <div class="observ-card__header">
+      <h2 class="observ-card__title">Item #<%= @run_item.id %></h2>
+      <% if @run_item.trace %>
+        <%= link_to "View Trace", trace_path(@run_item.trace), class: "observ-button observ-button--sm", target: "_blank" %>
+      <% end %>
+    </div>
+
+    <div class="observ-card__body">
+      <!-- Input / Expected / Actual Grid -->
+      <div class="observ-review__data-grid">
+        <div class="observ-review__data-section">
+          <h3 class="observ-review__data-label">Input</h3>
+          <pre class="observ-code-block observ-review__code-block"><%= format_trace_data(@run_item.input) %></pre>
+        </div>
+
+        <% if @run_item.expected_output.present? %>
+          <div class="observ-review__data-section">
+            <h3 class="observ-review__data-label">Expected Output</h3>
+            <pre class="observ-code-block observ-review__code-block"><%= format_trace_data(@run_item.expected_output) %></pre>
+          </div>
+        <% end %>
+
+        <div class="observ-review__data-section observ-review__data-section--highlight">
+          <h3 class="observ-review__data-label">Actual Output</h3>
+          <pre class="observ-code-block observ-review__code-block"><%= format_trace_data(@run_item.actual_output) %></pre>
+        </div>
+      </div>
+
+      <!-- Existing Scores (if any) -->
+      <% if @run_item.scores.any? %>
+        <div class="observ-review__existing-scores">
+          <h4 class="observ-text--label">Existing Scores</h4>
+          <ul class="observ-scores-list">
+            <% @run_item.scores.each do |score| %>
+              <li class="observ-scores-list__item">
+                <span class="observ-scores-list__indicator <%= score.passed? ? 'observ-scores-list__indicator--pass' : 'observ-scores-list__indicator--fail' %>">
+                  <%= score.passed? ? '✓' : '✗' %>
+                </span>
+                <span class="observ-scores-list__name"><%= score.name %></span>
+                <% unless score.boolean? %>
+                  <span class="observ-scores-list__value"><%= score.display_value %></span>
+                <% end %>
+                <span class="observ-scores-list__source"><%= score.source %></span>
+              </li>
+            <% end %>
+          </ul>
+        </div>
+      <% end %>
+
+      <!-- Scoring Form -->
+      <%= form_with url: score_dataset_run_run_item_path(@dataset, @run, @run_item),
+                    method: :post,
+                    class: "observ-review__form",
+                    data: { turbo: false } do |f| %>
+        <%= hidden_field_tag :review_mode, "1" %>
+
+        <div class="observ-review__scoring-section">
+          <h3 class="observ-review__scoring-label">Is the output correct?</h3>
+
+          <div class="observ-review__score-buttons">
+            <label class="observ-review__score-button observ-review__score-button--pass">
+              <input type="radio" name="value" value="1" <%= "checked" if @existing_manual&.passed? %>>
+              <span class="observ-review__score-icon">&#10003;</span>
+              <span class="observ-review__score-text">Correct</span>
+              <span class="observ-review__score-shortcut">Press C</span>
+            </label>
+
+            <label class="observ-review__score-button observ-review__score-button--fail">
+              <input type="radio" name="value" value="0" <%= "checked" if @existing_manual&.failed? %>>
+              <span class="observ-review__score-icon">&#10005;</span>
+              <span class="observ-review__score-text">Incorrect</span>
+              <span class="observ-review__score-shortcut">Press X</span>
+            </label>
+          </div>
+
+          <div class="observ-form__group observ-review__comment-group">
+            <label class="observ-form__label" for="comment">Comment (optional)</label>
+            <textarea name="comment" id="comment" class="observ-form__textarea" rows="2" placeholder="Add notes about this score..."><%= @existing_manual&.comment %></textarea>
+          </div>
+        </div>
+
+        <div class="observ-review__actions">
+          <button type="submit" class="observ-button observ-button--primary observ-button--lg">
+            Save & Next
+            <span class="observ-review__action-shortcut">Enter</span>
+          </button>
+
+          <%= link_to dataset_run_path(@dataset, @run),
+                      class: "observ-button observ-button--lg" do %>
+            Skip & Exit
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  </section>
+</div>
+
+<script>
+  // Keyboard shortcuts for faster reviewing
+  document.addEventListener('keydown', function(event) {
+    // Ignore if user is typing in textarea
+    if (event.target.tagName === 'TEXTAREA' || event.target.tagName === 'INPUT') {
+      return;
+    }
+
+    if (event.key === 'c' || event.key === 'C') {
+      document.querySelector('input[name="value"][value="1"]').checked = true;
+    } else if (event.key === 'x' || event.key === 'X') {
+      document.querySelector('input[name="value"][value="0"]').checked = true;
+    } else if (event.key === 'Enter') {
+      const form = document.querySelector('.observ-review__form');
+      const selected = document.querySelector('input[name="value"]:checked');
+      if (selected) {
+        form.submit();
+      }
+    }
+  });
+</script>

data/app/views/observ/dataset_runs/show.html.erb

@@ -0,0 +1,166 @@
+<% content_for :title, "#{@run.name} - #{@dataset.name}" %>
+
+<% content_for :page_header do %>
+  <div class="observ-page-header__content">
+    <div class="observ-page-header__breadcrumb">
+      <%= link_to "Datasets", datasets_path, class: "observ-link" %> /
+      <%= link_to @dataset.name, dataset_path(@dataset, tab: "runs"), class: "observ-link" %> /
+    </div>
+    <h1 class="observ-page-header__title"><%= @run.name %></h1>
+    <% if @run.description.present? %>
+      <p class="observ-page-header__subtitle"><%= @run.description %></p>
+    <% end %>
+  </div>
+  <div class="observ-page-header__actions">
+    <%= link_to "Review Items", review_dataset_run_path(@dataset, @run),
+      class: "observ-button observ-button--primary" %>
+    <%= button_to "Run Evaluators", run_evaluators_dataset_run_path(@dataset, @run),
+      method: :post,
+      class: "observ-button observ-button--secondary",
+      disabled: @run.in_progress? %>
+    <%= button_to "Delete Run", dataset_run_path(@dataset, @run),
+      method: :delete,
+      class: "observ-button observ-button--danger",
+      data: { confirm: "Are you sure you want to delete this run?" } %>
+  </div>
+<% end %>
+
+<div class="observ-container">
+  <!-- Run Summary -->
+  <section class="observ-card">
+    <div class="observ-card__body">
+      <!-- Progress Section -->
+      <div class="observ-datasets__run-progress">
+        <div class="observ-datasets__run-progress-header">
+          <span class="observ-badge <%= run_status_badge_class(@run.status) %>">
+            <%= @run.status %>
+          </span>
+          <span class="observ-datasets__run-progress-stats">
+            <%= @run.completed_items %> / <%= @run.total_items %> completed
+            <% if @run.failed_items > 0 %>
+              <span class="observ-text--danger">(<%= @run.failed_items %> failed)</span>
+            <% end %>
+          </span>
+        </div>
+        <div class="observ-datasets__progress">
+          <div class="observ-datasets__progress-bar">
+            <div class="observ-datasets__progress-fill observ-datasets__progress-fill--success"
+                 style="width: <%= @run.success_rate %>%"></div>
+            <div class="observ-datasets__progress-fill observ-datasets__progress-fill--danger"
+                 style="width: <%= @run.failure_rate %>%"></div>
+          </div>
+          <span class="observ-datasets__progress-text">
+            <%= @run.progress_percentage %>%
+          </span>
+        </div>
+      </div>
+
+      <!-- Metadata Grid -->
+      <dl class="observ-datasets__metadata observ-datasets__metadata--horizontal">
+        <div class="observ-datasets__metadata-item">
+          <dt class="observ-datasets__metadata-label">Total Cost</dt>
+          <dd class="observ-datasets__metadata-value">$<%= number_with_precision(@run.total_cost, precision: 4) %></dd>
+        </div>
+        <div class="observ-datasets__metadata-item">
+          <dt class="observ-datasets__metadata-label">Total Tokens</dt>
+          <dd class="observ-datasets__metadata-value"><%= number_with_delimiter(@run.total_tokens) %></dd>
+        </div>
+        <div class="observ-datasets__metadata-item">
+          <dt class="observ-datasets__metadata-label">Created</dt>
+          <dd class="observ-datasets__metadata-value"><%= @run.created_at.strftime("%b %d, %Y at %I:%M %p") %></dd>
+        </div>
+        <% if @run.scores.any? %>
+          <div class="observ-datasets__metadata-item">
+            <dt class="observ-datasets__metadata-label">Score Summary</dt>
+            <dd class="observ-datasets__metadata-value">
+              <% @run.score_summary.each do |name, avg| %>
+                <span class="observ-badge observ-badge--sm"><%= name %>: <%= (avg * 100).round(1) %>%</span>
+              <% end %>
+            </dd>
+          </div>
+          <div class="observ-datasets__metadata-item">
+            <dt class="observ-datasets__metadata-label">Items Scored</dt>
+            <dd class="observ-datasets__metadata-value"><%= @run.items_with_scores_count %> / <%= @run.total_items %></dd>
+          </div>
+        <% end %>
+      </dl>
+    </div>
+  </section>
+
+  <!-- Run Items -->
+  <section class="observ-card">
+    <div class="observ-card__header">
+      <h2 class="observ-card__title">Run Items</h2>
+    </div>
+    <div class="observ-card__body">
+      <% if @run_items.any? %>
+        <table class="observ-table">
+          <thead class="observ-table__header">
+            <tr class="observ-table__row">
+              <th class="observ-table__cell">Input</th>
+              <th class="observ-table__cell">Expected</th>
+              <th class="observ-table__cell">Actual</th>
+              <th class="observ-table__cell">Scores</th>
+              <th class="observ-table__cell observ-table__cell--actions"></th>
+            </tr>
+          </thead>
+          <tbody>
+            <% @run_items.each do |run_item| %>
+              <tr class="observ-table__row">
+                <td class="observ-table__cell observ-datasets__cell--preview">
+                  <code class="observ-datasets__preview"><%= run_item.dataset_item.input_preview(max_length: 60) %></code>
+                </td>
+                <td class="observ-table__cell observ-datasets__cell--preview">
+                  <% if run_item.expected_output.present? %>
+                    <code class="observ-datasets__preview"><%= run_item.dataset_item.expected_output_preview(max_length: 60) %></code>
+                  <% else %>
+                    <span class="observ-text--muted">-</span>
+                  <% end %>
+                </td>
+                <td class="observ-table__cell observ-datasets__cell--preview">
+                  <% if run_item.actual_output.present? %>
+                    <code class="observ-datasets__preview"><%= truncate(run_item.actual_output.to_s, length: 60) %></code>
+                  <% elsif run_item.failed? %>
+                    <span class="observ-text--danger" title="<%= run_item.error %>">Error: <%= truncate(run_item.error, length: 40) %></span>
+                  <% else %>
+                    <span class="observ-text--muted">Pending</span>
+                  <% end %>
+                </td>
+                <%= render "observ/dataset_run_items/scores_cell", run_item: run_item %>
+                <td class="observ-table__cell observ-table__cell--actions">
+                  <div class="observ-datasets-table__action-group">
+                    <% if run_item.succeeded? %>
+                      <%= link_to "Score",
+                        "#",
+                        class: "observ-button observ-button--sm",
+                        data: {
+                          action: "click->observ--drawer#open",
+                          drawer_url_param: score_drawer_dataset_run_run_item_path(@dataset, @run, run_item)
+                        } %>
+                    <% end %>
+                    <%= link_to "Details",
+                      "#",
+                      class: "observ-button observ-button--sm",
+                      data: {
+                        action: "click->observ--drawer#open",
+                        drawer_url_param: details_drawer_dataset_run_run_item_path(@dataset, @run, run_item)
+                      } %>
+                    <% if run_item.trace %>
+                      <%= link_to "Trace", trace_path(run_item.trace), class: "observ-button observ-button--sm" %>
+                    <% end %>
+                  </div>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+
+        <%= observ_pagination(@run_items) %>
+      <% else %>
+        <div class="observ-card__empty">
+          <p class="observ-card__empty-text">No items in this run</p>
+        </div>
+      <% end %>
+    </div>
+  </section>
+</div>

data/app/views/observ/datasets/_form.html.erb

@@ -0,0 +1,62 @@
+<%= form_with model: dataset,
+              scope: :observ_dataset,
+              url: dataset.persisted? ? dataset_path(dataset) : datasets_path,
+              method: dataset.persisted? ? :patch : :post,
+              class: "observ-form" do |f| %>
+
+  <% if dataset.errors.any? %>
+    <div class="observ-alert observ-alert--danger">
+      <h3 class="observ-alert__title">Please fix the following errors:</h3>
+      <ul class="observ-alert__list">
+        <% dataset.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="observ-form__group">
+    <%= f.label :name, class: "observ-form__label" %>
+    <%= f.text_field :name,
+          class: "observ-form__input",
+          placeholder: "e.g., language-detection-tests",
+          required: true %>
+    <p class="observ-form__hint">A unique name for this dataset</p>
+  </div>
+
+  <div class="observ-form__group">
+    <%= f.label :description, class: "observ-form__label" %>
+    <%= f.text_area :description,
+          class: "observ-form__textarea",
+          rows: 3,
+          placeholder: "Describe what this dataset tests..." %>
+    <p class="observ-form__hint">Optional description of this dataset's purpose</p>
+  </div>
+
+  <div class="observ-form__group">
+    <%= f.label :agent_class, "Agent", class: "observ-form__label" %>
+    <% if agents.any? %>
+      <%= f.select :agent_class,
+            options_for_select(agents, dataset.agent_class),
+            { prompt: "Select an agent..." },
+            { class: "observ-form__select", required: true } %>
+    <% else %>
+      <%= f.text_field :agent_class,
+            class: "observ-form__input",
+            placeholder: "e.g., MyAgent",
+            required: true %>
+      <p class="observ-form__hint observ-form__hint--warning">
+        No agents found. Enter the agent class name manually.
+      </p>
+    <% end %>
+    <p class="observ-form__hint">The agent that will be run against this dataset</p>
+  </div>
+
+  <div class="observ-form__actions">
+    <%= f.submit dataset.persisted? ? "Update Dataset" : "Create Dataset",
+          class: "observ-button observ-button--primary" %>
+    <%= link_to "Cancel",
+          dataset.persisted? ? dataset_path(dataset) : datasets_path,
+          class: "observ-button" %>
+  </div>
+<% end %>

data/app/views/observ/datasets/_items_tab.html.erb

@@ -0,0 +1,66 @@
+<section class="observ-card">
+  <div class="observ-card__header">
+    <h2 class="observ-card__title">Dataset Items</h2>
+    <%= link_to "Add Item", new_dataset_item_path(@dataset), class: "observ-button observ-button--sm observ-button--primary" %>
+  </div>
+  <div class="observ-card__body">
+    <% if @items.any? %>
+      <table class="observ-table">
+        <thead class="observ-table__header">
+          <tr class="observ-table__row">
+            <th class="observ-table__cell">Input</th>
+            <th class="observ-table__cell">Expected Output</th>
+            <th class="observ-table__cell">Status</th>
+            <th class="observ-table__cell observ-table__cell--numeric">Runs</th>
+            <th class="observ-table__cell">Created</th>
+            <th class="observ-table__cell observ-table__cell--actions"></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @items.each do |item| %>
+            <tr class="observ-table__row">
+              <td class="observ-table__cell observ-datasets__cell--preview">
+                <code class="observ-datasets__preview"><%= item.input_preview(max_length: 80) %></code>
+              </td>
+              <td class="observ-table__cell observ-datasets__cell--preview">
+                <% if item.expected_output.present? %>
+                  <code class="observ-datasets__preview"><%= item.expected_output_preview(max_length: 80) %></code>
+                <% else %>
+                  <span class="observ-text--muted">Not set</span>
+                <% end %>
+              </td>
+              <td class="observ-table__cell">
+                <span class="observ-badge <%= item.active? ? 'observ-badge--success' : 'observ-badge--default' %>">
+                  <%= item.status %>
+                </span>
+              </td>
+              <td class="observ-table__cell observ-table__cell--numeric">
+                <%= item.run_count %>
+              </td>
+              <td class="observ-table__cell">
+                <%= time_ago_in_words(item.created_at) %> ago
+              </td>
+              <td class="observ-table__cell observ-table__cell--actions">
+                <div class="observ-datasets-table__action-group">
+                  <%= link_to "Edit", edit_dataset_item_path(@dataset, item), class: "observ-button observ-button--sm" %>
+                  <%= button_to "Delete", dataset_item_path(@dataset, item),
+                    method: :delete,
+                    class: "observ-button observ-button--sm observ-button--danger",
+                    data: { confirm: "Are you sure you want to delete this item?" } %>
+                </div>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+
+      <%= observ_pagination(@items) %>
+    <% else %>
+      <div class="observ-card__empty">
+        <p class="observ-card__empty-text">No items in this dataset</p>
+        <p class="observ-card__empty-subtext">Add test cases to start evaluating your agent</p>
+        <%= link_to "Add your first item", new_dataset_item_path(@dataset), class: "observ-button observ-button--primary" %>
+      </div>
+    <% end %>
+  </div>
+</section>