RubyGems - rubyllm-observ - Versions diffs - 0.5.0 → 0.6.0 - Mend

rubyllm-observ 0.5.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (96) hide show

checksums.yaml +4 -4
data/README.md +54 -6
data/app/assets/stylesheets/observ/_annotations.scss +114 -103
data/app/assets/stylesheets/observ/_card.scss +58 -49
data/app/assets/stylesheets/observ/_chat.scss +247 -155
data/app/assets/stylesheets/observ/_components.scss +622 -340
data/app/assets/stylesheets/observ/_dashboard.scss +31 -28
data/app/assets/stylesheets/observ/_datasets.scss +494 -547
data/app/assets/stylesheets/observ/_drawer.scss +250 -228
data/app/assets/stylesheets/observ/_filters.scss +139 -0
data/app/assets/stylesheets/observ/_json_viewer.scss +103 -97
data/app/assets/stylesheets/observ/_layout.scss +443 -178
data/app/assets/stylesheets/observ/_metrics.scss +79 -76
data/app/assets/stylesheets/observ/_namespace.scss +18 -0
data/app/assets/stylesheets/observ/_observations.scss +122 -119
data/app/assets/stylesheets/observ/_pagination.scss +129 -112
data/app/assets/stylesheets/observ/_prompts.scss +485 -269
data/app/assets/stylesheets/observ/_reset.scss +249 -0
data/app/assets/stylesheets/observ/_table.scss +46 -38
data/app/assets/stylesheets/observ/_variables.scss +54 -0
data/app/assets/stylesheets/observ/application.scss +3 -0
data/app/controllers/observ/dataset_run_items_controller.rb +0 -1
data/app/controllers/observ/review_queue_controller.rb +154 -0
data/app/controllers/observ/scores_controller.rb +64 -0
data/app/controllers/observ/sessions_controller.rb +23 -0
data/app/helpers/observ/application_helper.rb +1 -0
data/app/helpers/observ/reviews_helper.rb +33 -0
data/app/models/concerns/observ/json_queryable.rb +138 -0
data/app/models/concerns/observ/reviewable.rb +41 -0
data/app/models/concerns/observ/scoreable.rb +34 -0
data/app/models/observ/dataset_run_item.rb +3 -13
data/app/models/observ/review_item.rb +48 -0
data/app/models/observ/score.rb +38 -6
data/app/models/observ/session.rb +5 -1
data/app/models/observ/trace.rb +3 -0
data/app/services/observ/evaluators/base_evaluator.rb +0 -1
data/app/services/observ/guardrail_service.rb +128 -0
data/app/views/kaminari/_first_page.html.erb +1 -1
data/app/views/kaminari/_gap.html.erb +1 -1
data/app/views/kaminari/_last_page.html.erb +1 -1
data/app/views/kaminari/_next_page.html.erb +1 -1
data/app/views/kaminari/_page.html.erb +1 -1
data/app/views/kaminari/_paginator.html.erb +1 -1
data/app/views/kaminari/_prev_page.html.erb +1 -1
data/app/views/kaminari/observ/_first_page.html.erb +1 -1
data/app/views/kaminari/observ/_gap.html.erb +1 -1
data/app/views/kaminari/observ/_last_page.html.erb +1 -1
data/app/views/kaminari/observ/_next_page.html.erb +1 -1
data/app/views/kaminari/observ/_page.html.erb +1 -1
data/app/views/kaminari/observ/_paginator.html.erb +1 -1
data/app/views/kaminari/observ/_prev_page.html.erb +1 -1
data/app/views/layouts/observ/application.html.erb +96 -58
data/app/views/observ/annotations/_form.html.erb +5 -5
data/app/views/observ/annotations/index.html.erb +4 -4
data/app/views/observ/annotations/sessions_index.html.erb +9 -9
data/app/views/observ/annotations/traces_index.html.erb +9 -9
data/app/views/observ/chats/_form.html.erb +7 -7
data/app/views/observ/datasets/index.html.erb +6 -6
data/app/views/observ/messages/_form.html.erb +11 -12
data/app/views/observ/observations/index.html.erb +3 -4
data/app/views/observ/prompts/_form.html.erb +37 -38
data/app/views/observ/prompts/_new_form.html.erb +37 -38
data/app/views/observ/prompts/compare.html.erb +59 -55
data/app/views/observ/prompts/edit.html.erb +3 -3
data/app/views/observ/prompts/index.html.erb +9 -9
data/app/views/observ/prompts/new.html.erb +3 -3
data/app/views/observ/prompts/show.html.erb +2 -2
data/app/views/observ/prompts/versions.html.erb +22 -22
data/app/views/observ/review_queue/_item.html.erb +39 -0
data/app/views/observ/review_queue/_stats.html.erb +18 -0
data/app/views/observ/review_queue/index.html.erb +49 -0
data/app/views/observ/review_queue/show.html.erb +76 -0
data/app/views/observ/review_queue/stats.html.erb +100 -0
data/app/views/observ/scores/_form.html.erb +39 -0
data/app/views/observ/scores/create.turbo_stream.erb +10 -0
data/app/views/observ/sessions/_chat.html.erb +59 -0
data/app/views/observ/sessions/_metadata.html.erb +17 -0
data/app/views/observ/sessions/_metrics.html.erb +81 -0
data/app/views/observ/sessions/_traces.html.erb +92 -0
data/app/views/observ/sessions/annotations_drawer.turbo_stream.erb +8 -1
data/app/views/observ/sessions/index.html.erb +60 -4
data/app/views/observ/sessions/show.html.erb +4 -217
data/app/views/observ/traces/_details.html.erb +47 -0
data/app/views/observ/traces/_input.html.erb +10 -0
data/app/views/observ/traces/_metadata.html.erb +10 -0
data/app/views/observ/traces/_observations.html.erb +172 -0
data/app/views/observ/traces/_output.html.erb +10 -0
data/app/views/observ/traces/annotations_drawer.turbo_stream.erb +8 -1
data/app/views/observ/traces/index.html.erb +3 -4
data/app/views/observ/traces/show.html.erb +5 -232
data/config/routes.rb +14 -0
data/db/migrate/015_refactor_scores_to_polymorphic.rb +27 -0
data/db/migrate/016_create_observ_review_items.rb +25 -0
data/lib/observ/version.rb +1 -1
data/lib/rubyllm-observ.rb +1 -0
metadata +31 -1

data/app/views/observ/sessions/show.html.erb CHANGED Viewed

@@ -28,224 +28,11 @@
 <% end %>
 <div class="observ-container">
-  <section class="observ-metrics-grid observ-metrics-grid--4col">
-    <div class="observ-metric-card">
-      <div class="observ-metric-card__header">
-        <h3 class="observ-metric-card__label">Traces</h3>
-      </div>
-      <div class="observ-metric-card__body">
-        <p class="observ-metric-card__value"><%= @session_metrics[:total_traces] %></p>
-      </div>
-    </div>
-    <div class="observ-metric-card">
-      <div class="observ-metric-card__header">
-        <h3 class="observ-metric-card__label">LLM Calls</h3>
-      </div>
-      <div class="observ-metric-card__body">
-        <p class="observ-metric-card__value"><%= @session_metrics[:total_llm_calls] %></p>
-      </div>
-    </div>
-    <div class="observ-metric-card">
-      <div class="observ-metric-card__header">
-        <h3 class="observ-metric-card__label">Total Tokens</h3>
-      </div>
-      <div class="observ-metric-card__body">
-        <p class="observ-metric-card__value"><%= format_tokens(@session_metrics[:total_tokens]) %></p>
-      </div>
-    </div>
-    <div class="observ-metric-card observ-metric-card--highlighted">
-      <div class="observ-metric-card__header">
-        <h3 class="observ-metric-card__label">Total Cost</h3>
-      </div>
-      <div class="observ-metric-card__body">
-        <p class="observ-metric-card__value"><%= format_currency(@session_metrics[:total_cost]) %></p>
-      </div>
-    </div>
-    <div class="observ-metric-card">
-      <div class="observ-metric-card__header">
-        <h3 class="observ-metric-card__label">Duration</h3>
-      </div>
-      <div class="observ-metric-card__body">
-        <p class="observ-metric-card__value">
-          <% if @session_metrics[:duration_s] %>
-            <%= format_duration_s(@session_metrics[:duration_s]) %>
-          <% else %>
-            <span class="observ-text--muted">In Progress</span>
-          <% end %>
-        </p>
-      </div>
-    </div>
+  <%= render "observ/sessions/metrics", session_metrics: @session_metrics, session: @session %>
-    <div class="observ-metric-card">
-      <div class="observ-metric-card__header">
-        <h3 class="observ-metric-card__label">Avg Latency</h3>
-      </div>
-      <div class="observ-metric-card__body">
-        <p class="observ-metric-card__value"><%= format_duration_ms(@session_metrics[:average_llm_latency_ms]) %></p>
-      </div>
-    </div>
-    <div class="observ-metric-card">
-      <div class="observ-metric-card__header">
-        <h3 class="observ-metric-card__label">Total LLM Time</h3>
-      </div>
-      <div class="observ-metric-card__body">
-        <p class="observ-metric-card__value"><%= format_duration_ms(@session_metrics[:total_llm_duration_ms]) %></p>
-      </div>
-    </div>
-    <div class="observ-metric-card">
-      <div class="observ-metric-card__header">
-        <h3 class="observ-metric-card__label">Started</h3>
-      </div>
-      <div class="observ-metric-card__body">
-        <p class="observ-metric-card__value observ-metric-card__value--small">
-          <%= observ_relative_time(@session.start_time) %>
-        </p>
-      </div>
-    </div>
-  </section>
-  <% if @session.metadata.present? && @session.metadata.any? %>
-    <section class="observ-card">
-      <header class="observ-card__header">
-        <h2 class="observ-card__title">Metadata</h2>
-      </header>
-      <div class="observ-card__body">
-        <dl class="observ-definition-list">
-          <% @session.metadata.each do |key, value| %>
-            <div class="observ-definition-list__item">
-              <dt class="observ-definition-list__term"><%= key %></dt>
-              <dd class="observ-definition-list__definition"><%= value %></dd>
-            </div>
-          <% end %>
-        </dl>
-      </div>
-    </section>
-  <% end %>
-  <section class="observ-card">
-    <header class="observ-card__header">
-      <h2 class="observ-card__title">Traces (<%= @traces.count %>)</h2>
-    </header>
-    <div class="observ-card__body">
-      <% if @traces.any? %>
-        <table class="observ-table">
-          <thead class="observ-table__header">
-            <tr class="observ-table__row">
-              <th class="observ-table__cell">Trace ID</th>
-              <th class="observ-table__cell">Name</th>
-              <th class="observ-table__cell">Model(s)</th>
-              <th class="observ-table__cell">Start Time</th>
-              <th class="observ-table__cell">Duration</th>
-              <th class="observ-table__cell observ-table__cell--numeric">Observations</th>
-              <th class="observ-table__cell observ-table__cell--numeric">Tokens</th>
-              <th class="observ-table__cell observ-table__cell--numeric">Cost</th>
-              <th class="observ-table__cell">Status</th>
-              <th class="observ-table__cell"></th>
-            </tr>
-          </thead>
-          <tbody>
-            <% @traces.each do |trace| %>
-              <tr class="observ-table__row">
-                <td class="observ-table__cell">
-                  <code class="observ-code observ-code--inline"><%= truncate_id(trace.trace_id, 12) %></code>
-                </td>
-                <td class="observ-table__cell">
-                  <%= trace.name || "—" %>
-                </td>
-                <td class="observ-table__cell">
-                  <% models = trace.models_used %>
-                  <% if models.any? %>
-                    <%= models.join(", ") %>
-                  <% else %>
-                    <span class="observ-text--muted">—</span>
-                  <% end %>
-                </td>
-                <td class="observ-table__cell">
-                  <%= observ_timestamp(trace.start_time) %>
-                </td>
-                <td class="observ-table__cell">
-                  <% if trace.duration_ms %>
-                    <%= format_duration_ms(trace.duration_ms) %>
-                  <% else %>
-                    <span class="observ-text--muted">—</span>
-                  <% end %>
-                </td>
-                <td class="observ-table__cell observ-table__cell--numeric">
-                  <%= trace.observations.count %>
-                </td>
-                <td class="observ-table__cell observ-table__cell--numeric">
-                  <%= format_tokens(trace.total_tokens) %>
-                </td>
-                <td class="observ-table__cell observ-table__cell--numeric">
-                  <%= format_currency(trace.total_cost) %>
-                </td>
-                <td class="observ-table__cell">
-                  <%= observ_status_badge(observ_trace_status(trace)) %>
-                </td>
-                <td class="observ-table__cell observ-table__cell--actions">
-                  <%= link_to "View", trace_path(trace), class: "observ-button observ-button--sm" %>
-                </td>
-              </tr>
-            <% end %>
-          </tbody>
-        </table>
-      <% else %>
-        <div class="observ-card__empty">
-          <p>No traces found for this session.</p>
-        </div>
-      <% end %>
-    </div>
-  </section>
+  <%= render "observ/sessions/metadata", session: @session %>
-  <% if @chat.present? %>
-    <section class="observ-card">
-      <header class="observ-card__header">
-        <h2 class="observ-card__title">Chat Conversation</h2>
-        <div class="observ-card__actions">
-          <%= link_to "View Chat", chat_path(@chat), class: "observ-button observ-button--sm" %>
-        </div>
-      </header>
-      <div class="observ-card__body">
-        <% if @chat.messages.any? %>
-          <div class="observ-chat-messages">
-            <% @chat.messages.order(created_at: :asc).each do |message| %>
-              <div class="observ-chat-message observ-chat-message--<%= message.role %>">
-                <div class="observ-chat-message__header">
-                  <span class="observ-chat-message__role"><%= message.role.capitalize %></span>
-                  <span class="observ-chat-message__time"><%= observ_relative_time(message.created_at) %></span>
-                  <% if message.traces.exists? %>
-                    <%= link_to "View Trace", trace_path(message.traces.first), class: "observ-chat-message__trace-link" %>
-                  <% end %>
-                  <% if message.input_tokens || message.output_tokens %>
-                    <span class="observ-chat-message__tokens">
-                      <% if message.input_tokens %>
-                        <span>In: <%= format_tokens(message.input_tokens) %></span>
-                      <% end %>
-                      <% if message.output_tokens %>
-                        <span>Out: <%= format_tokens(message.output_tokens) %></span>
-                      <% end %>
-                    </span>
-                  <% end %>
-                </div>
-                <div class="observ-chat-message__content">
-                  <%= simple_format(message.content) %>
-                </div>
-              </div>
-            <% end %>
-          </div>
-        <% else %>
-          <div class="observ-card__empty">
-            <p>No messages found in this chat.</p>
-          </div>
-        <% end %>
-      </div>
-    </section>
-  <% end %>
+  <%= render "observ/sessions/traces", traces: @traces, session: @session %>
+  <%= render "observ/sessions/chat", chat: @chat %>
 </div>

data/app/views/observ/traces/_details.html.erb ADDED Viewed

@@ -0,0 +1,47 @@
+<section class="observ-card observ-card--compact">
+  <header class="observ-card__header">
+    <h2 class="observ-card__title">Details</h2>
+  </header>
+  <div class="observ-card__body">
+    <dl class="observ-definition-list observ-definition-list--compact">
+      <div class="observ-definition-list__item">
+        <dt class="observ-definition-list__term">Session</dt>
+        <dd class="observ-definition-list__definition">
+          <%= link_to truncate_id(trace.observ_session.session_id, 12), session_path(trace.observ_session), class: "observ-link", target: local_assigns[:open_in_new_tab] ? "_blank" : nil %>
+        </dd>
+      </div>
+      <div class="observ-definition-list__item">
+        <dt class="observ-definition-list__term">Name</dt>
+        <dd class="observ-definition-list__definition"><%= trace.name || "—" %></dd>
+      </div>
+      <div class="observ-definition-list__item">
+        <dt class="observ-definition-list__term">Start Time</dt>
+        <dd class="observ-definition-list__definition"><%= observ_timestamp(trace.start_time) %></dd>
+      </div>
+      <% if trace.end_time %>
+        <div class="observ-definition-list__item">
+          <dt class="observ-definition-list__term">End Time</dt>
+          <dd class="observ-definition-list__definition"><%= observ_timestamp(trace.end_time) %></dd>
+        </div>
+      <% end %>
+      <div class="observ-definition-list__item">
+        <dt class="observ-definition-list__term">Duration</dt>
+        <dd class="observ-definition-list__definition">
+          <% if trace.duration_ms %>
+            <%= format_duration_ms(trace.duration_ms) %>
+          <% else %>
+            <span class="observ-text--muted">In Progress</span>
+          <% end %>
+        </dd>
+      </div>
+      <div class="observ-definition-list__item">
+        <dt class="observ-definition-list__term">Total Tokens</dt>
+        <dd class="observ-definition-list__definition"><%= format_tokens(trace.total_tokens) %></dd>
+      </div>
+      <div class="observ-definition-list__item">
+        <dt class="observ-definition-list__term">Total Cost</dt>
+        <dd class="observ-definition-list__definition"><%= format_currency(trace.total_cost) %></dd>
+      </div>
+    </dl>
+  </div>
+</section>

data/app/views/observ/traces/_input.html.erb ADDED Viewed

@@ -0,0 +1,10 @@
+<% if trace.input.present? %>
+  <section class="observ-card observ-card--compact">
+    <header class="observ-card__header">
+      <h2 class="observ-card__title">Input</h2>
+    </header>
+    <div class="observ-card__body">
+      <%= render_input_output(trace.input, compact: true) %>
+    </div>
+  </section>
+<% end %>

data/app/views/observ/traces/_metadata.html.erb ADDED Viewed

@@ -0,0 +1,10 @@
+<% if trace.metadata.present? && trace.metadata.any? %>
+  <section class="observ-card observ-card--compact">
+    <header class="observ-card__header">
+      <h2 class="observ-card__title">Metadata</h2>
+    </header>
+    <div class="observ-card__body">
+      <%= render_json_viewer(trace.metadata, compact: true) %>
+    </div>
+  </section>
+<% end %>

data/app/views/observ/traces/_observations.html.erb ADDED Viewed

@@ -0,0 +1,172 @@
+<%
+  # Local variables:
+  # - observations: collection of observations to display
+  # - limit: optional, if set will show only first N observations
+%>
+<section class="observ-card">
+  <header class="observ-card__header">
+    <h2 class="observ-card__title">
+      Observations (<%= observations.count %>)
+      <% if local_assigns[:show_total] && local_assigns[:total_count] && total_count > observations.count %>
+        of <%= total_count %>
+      <% end %>
+    </h2>
+  </header>
+  <div class="observ-card__body">
+    <% if observations.any? %>
+      <div class="observ-observations-list observ-observations-list--compact">
+        <% observations.each do |observation| %>
+          <div class="observ-observation-card observ-observation-card--compact observ-observation-card--<%= observation.type.demodulize.downcase %>">
+            <div class="observ-observation-card__header">
+              <span class="observ-observation-card__type-badge">
+                <%= observation.type.demodulize %>
+              </span>
+              <h3 class="observ-observation-card__name"><%= observation.name %></h3>
+              <div class="observ-observation-card__meta">
+                <span class="observ-observation-card__id">
+                  <code class="observ-code observ-code--inline"><%= truncate_id(observation.observation_id, 8) %></code>
+                </span>
+              </div>
+            </div>
+            <div class="observ-observation-card__body">
+              <dl class="observ-definition-list observ-definition-list--horizontal observ-definition-list--compact">
+                <% if observation.is_a?(Observ::Generation) %>
+                  <div class="observ-definition-list__item">
+                    <dt class="observ-definition-list__term">Model</dt>
+                    <dd class="observ-definition-list__definition">
+                      <%= observ_model_badge(observation.model) %>
+                    </dd>
+                  </div>
+                  <div class="observ-definition-list__item">
+                    <dt class="observ-definition-list__term">Tokens</dt>
+                    <dd class="observ-definition-list__definition">
+                      <%= format_tokens(observation.total_tokens) %>
+                    </dd>
+                  </div>
+                  <div class="observ-definition-list__item">
+                    <dt class="observ-definition-list__term">Cost</dt>
+                    <dd class="observ-definition-list__definition">
+                      <%= format_currency(observation.cost_usd) %>
+                    </dd>
+                  </div>
+                  <% if observation.finish_reason %>
+                    <div class="observ-definition-list__item">
+                      <dt class="observ-definition-list__term">Finish</dt>
+                      <dd class="observ-definition-list__definition">
+                        <%= observation.finish_reason %>
+                      </dd>
+                    </div>
+                  <% end %>
+                  <% if observation.time_to_first_token_ms %>
+                    <div class="observ-definition-list__item">
+                      <dt class="observ-definition-list__term">TTFT</dt>
+                      <dd class="observ-definition-list__definition">
+                        <%= format_duration_ms(observation.time_to_first_token_ms) %>
+                      </dd>
+                    </div>
+                  <% end %>
+                  <div class="observ-definition-list__item">
+                    <dt class="observ-definition-list__term">Prompt</dt>
+                    <dd class="observ-definition-list__definition">
+                      <% if observation.prompt_name.present? %>
+                        <%= observation.prompt_name %>
+                        <% if observation.prompt_version.present? %>
+                          <span class="observ-text--muted">(v<%= observation.prompt_version %>)</span>
+                        <% end %>
+                      <% else %>
+                        <span class="observ-text--muted">default prompt</span>
+                      <% end %>
+                    </dd>
+                  </div>
+                <% end %>
+                <div class="observ-definition-list__item">
+                  <dt class="observ-definition-list__term">Duration</dt>
+                  <dd class="observ-definition-list__definition">
+                    <% if observation.duration_ms %>
+                      <%= format_duration_ms(observation.duration_ms) %>
+                    <% else %>
+                      <span class="observ-text--muted">—</span>
+                    <% end %>
+                  </dd>
+                </div>
+                <% if observation.is_a?(Observ::Span) && observation.status_message %>
+                  <div class="observ-definition-list__item">
+                    <dt class="observ-definition-list__term">Status</dt>
+                    <dd class="observ-definition-list__definition">
+                      <%= observation.status_message %>
+                    </dd>
+                  </div>
+                <% end %>
+              </dl>
+            </div>
+            <% if observation.is_a?(Observ::Generation) && observation.usage.present? && observation.usage.any? %>
+              <div class="observ-observation-card__section observ-observation-card__section--compact">
+                <h4 class="observ-observation-card__section-title">Token Usage</h4>
+                <dl class="observ-definition-list observ-definition-list--horizontal observ-definition-list--compact">
+                  <% observation.usage.each do |key, value| %>
+                    <div class="observ-definition-list__item">
+                      <dt class="observ-definition-list__term"><%= key.humanize %></dt>
+                      <dd class="observ-definition-list__definition"><%= format_tokens(value) %></dd>
+                    </div>
+                  <% end %>
+                </dl>
+              </div>
+            <% end %>
+            <% if observation.input.present? %>
+              <div class="observ-observation-card__section observ-observation-card__section--compact">
+                <h4 class="observ-observation-card__section-title">Input</h4>
+                <%= render_input_output(observation.input, compact: true) %>
+              </div>
+            <% end %>
+            <% if observation.output.present? %>
+              <div class="observ-observation-card__section observ-observation-card__section--compact">
+                <h4 class="observ-observation-card__section-title">Output</h4>
+                <%= render_input_output(observation.output, compact: true) %>
+              </div>
+            <% end %>
+            <% if observation.is_a?(Observ::Generation) && observation.messages.present? && observation.messages.any? %>
+              <div class="observ-observation-card__section observ-observation-card__section--compact">
+                <h4 class="observ-observation-card__section-title">Messages</h4>
+                <%= render_json_viewer(observation.messages, compact: true) %>
+              </div>
+            <% end %>
+            <% if observation.is_a?(Observ::Generation) && observation.provider_metadata.present? && observation.provider_metadata.any? %>
+              <div class="observ-observation-card__section observ-observation-card__section--compact">
+                <h4 class="observ-observation-card__section-title">Provider Metadata</h4>
+                <%= render_json_viewer(observation.provider_metadata, compact: true) %>
+              </div>
+            <% end %>
+            <% if observation.is_a?(Observ::Span) && observation.metadata.present? && observation.metadata.any? %>
+              <div class="observ-observation-card__section observ-observation-card__section--compact">
+                <h4 class="observ-observation-card__section-title">Metadata</h4>
+                <%= render_json_viewer(observation.metadata, compact: true) %>
+              </div>
+            <% end %>
+            <div class="observ-observation-card__footer">
+              <%= link_to "View Details →", observation_path(observation), class: "observ-link" %>
+            </div>
+          </div>
+        <% end %>
+      </div>
+      <% if local_assigns[:show_total] && local_assigns[:total_count] && total_count > observations.count %>
+        <p class="observ-text--muted observ-review-preview-notice">
+          Showing first <%= observations.count %> observations.
+          <%= link_to "View all #{total_count} observations", trace_path(trace), class: "observ-link", target: "_blank" %>
+        </p>
+      <% end %>
+    <% else %>
+      <div class="observ-card__empty">
+        <p>No observations found for this trace.</p>
+      </div>
+    <% end %>
+  </div>
+</section>

data/app/views/observ/traces/_output.html.erb ADDED Viewed

@@ -0,0 +1,10 @@
+<% if trace.output.present? %>
+  <section class="observ-card observ-card--compact">
+    <header class="observ-card__header">
+      <h2 class="observ-card__title">Output</h2>
+    </header>
+    <div class="observ-card__body">
+      <%= render_input_output(trace.output, compact: true) %>
+    </div>
+  </section>
+<% end %>

data/app/views/observ/traces/annotations_drawer.turbo_stream.erb CHANGED Viewed

@@ -1,9 +1,16 @@
 <%= turbo_stream.update "drawer-header-title" do %>
-  Trace Annotations
+  Scores & Annotations
 <% end %>
 <%= turbo_stream.update "drawer-content" do %>
   <div class="observ-drawer__section">
+    <h3 class="observ-drawer__section-title">Score</h3>
+    <div id="score-status"></div>
+    <%= render "observ/scores/form", scoreable: @trace %>
+  </div>
+  <div class="observ-drawer__section">
+    <h3 class="observ-drawer__section-title">Add Annotation</h3>
     <%= render "observ/annotations/form", annotatable: @trace, annotation: @annotation %>
   </div>

data/app/views/observ/traces/index.html.erb CHANGED Viewed

@@ -77,11 +77,10 @@
       <% else %>
         <div class="observ-card__empty">
           <p>No traces found.</p>
-      </div>
-    <% end %>
+        </div>
+      <% end %>
+    </div>
   </section>
   <%= observ_pagination(@traces) %>
-</div>
-  </section>
 </div>