activeagent 1.1.0 → 1.2.0

data/lib/active_agent/dashboard/app/models/active_agent/telemetry_trace.rb

@@ -1,214 +0,0 @@
-# frozen_string_literal: true
-
-module ActiveAgent
-  # Stores telemetry traces from ActiveAgent clients.
-  #
-  # Each trace represents a complete generation lifecycle, including prompt
-  # preparation, LLM calls, tool invocations, and error handling.
-  #
-  # This model supports two modes:
-  # - Local mode: No account association (single-tenant, self-hosted)
-  # - Multi-tenant mode: With account association (for activeagents.ai platform)
-  #
-  # @example Creating a trace from ingested data (local mode)
-  #   ActiveAgent::TelemetryTrace.create_from_payload(trace_payload, sdk_info)
-  #
-  # @example Creating a trace with account (multi-tenant mode)
-  #   ActiveAgent::TelemetryTrace.create_from_payload(trace_payload, sdk_info, account: account)
-  #
-  class TelemetryTrace < ::ActiveRecord::Base
-    self.table_name = "active_agent_telemetry_traces"
-
-    # Optional account association for multi-tenant mode
-    # The host app can add: belongs_to :account if needed
-    if ActiveAgent::Dashboard.multi_tenant?
-      belongs_to :account, class_name: ActiveAgent::Dashboard.account_class
-    end
-
-    # Status values for traces
-    STATUS_OK = "OK"
-    STATUS_ERROR = "ERROR"
-    STATUS_UNSET = "UNSET"
-
-    validates :trace_id, presence: true
-
-    # Scopes
-    scope :recent, -> { order(timestamp: :desc) }
-    scope :with_errors, -> { where(status: STATUS_ERROR) }
-    scope :for_service, ->(name) { where(service_name: name) }
-    scope :for_environment, ->(env) { where(environment: env) }
-    scope :for_agent, ->(agent_class) { where(agent_class: agent_class) }
-    scope :for_date_range, ->(start_date, end_date) { where(timestamp: start_date..end_date) }
-    scope :for_account, ->(account) { where(account: account) if ActiveAgent::Dashboard.multi_tenant? }
-
-    # Creates a TelemetryTrace from an ingested trace payload.
-    #
-    # Extracts relevant data from the trace payload and stores it in a
-    # normalized format for querying and analysis.
-    #
-    # @param trace [Hash] The trace payload from ActiveAgent::Telemetry
-    # @param sdk_info [Hash] SDK metadata
-    # @param account [Object, nil] Optional account for multi-tenant mode
-    # @return [TelemetryTrace] The created trace
-    def self.create_from_payload(trace, sdk_info = {}, account: nil)
-      spans = trace["spans"] || []
-      root_span = spans.find { |s| s["parent_span_id"].nil? } || spans.first || {}
-
-      total_duration = root_span["duration_ms"]
-
-      # Instrumentation mirrors LLM token usage onto the root span for
-      # display, so summing every span double-counts. When child spans
-      # carry token data, they are the source of truth; the root span only
-      # counts for single-span traces.
-      counted_spans = spans.reject { |s| s["parent_span_id"].nil? }
-      counted_spans = spans if counted_spans.none? { |s| span_token_sum(s).positive? }
-
-      total_input = 0
-      total_output = 0
-      total_thinking = 0
-
-      counted_spans.each do |span|
-        tokens = span["tokens"] || {}
-        total_input += (tokens["input"] || 0)
-        total_output += (tokens["output"] || 0)
-        total_thinking += (tokens["thinking"] || 0)
-      end
-
-      # Extract agent info from root span attributes
-      attributes = root_span["attributes"] || {}
-      agent_class = attributes["agent.class"]
-      agent_action = attributes["agent.action"]
-
-      # Find any error message
-      error_span = spans.find { |s| s["status"] == STATUS_ERROR }
-      error_message = error_span&.dig("attributes", "error.message")
-
-      attrs = {
-        trace_id: trace["trace_id"],
-        service_name: trace["service_name"],
-        environment: trace["environment"],
-        timestamp: Time.parse(trace["timestamp"]),
-        spans: spans,
-        resource_attributes: trace["resource_attributes"],
-        sdk_info: sdk_info,
-        total_duration_ms: total_duration,
-        total_input_tokens: total_input,
-        total_output_tokens: total_output,
-        total_thinking_tokens: total_thinking,
-        status: root_span["status"] || STATUS_UNSET,
-        agent_class: agent_class,
-        agent_action: agent_action,
-        error_message: error_message
-      }
-
-      # Add account if in multi-tenant mode
-      attrs[:account] = account if ActiveAgent::Dashboard.multi_tenant? && account
-
-      create!(attrs)
-    end
-
-    # Sums a span's token counts (used to decide which spans carry the
-    # authoritative token data during ingestion).
-    #
-    # @api private
-    def self.span_token_sum(span)
-      tokens = span["tokens"] || {}
-      tokens.fetch("input", 0).to_i + tokens.fetch("output", 0).to_i + tokens.fetch("thinking", 0).to_i
-    end
-
-    # Returns the root span of this trace.
-    #
-    # @return [Hash, nil] The root span or nil
-    def root_span
-      spans&.find { |s| s["parent_span_id"].nil? }
-    end
-
-    # Returns all LLM spans in this trace.
-    #
-    # @return [Array<Hash>] LLM spans
-    def llm_spans
-      spans&.select { |s| s["type"] == "llm" } || []
-    end
-
-    # Returns all tool call spans in this trace.
-    #
-    # @return [Array<Hash>] Tool spans
-    def tool_spans
-      spans&.select { |s| s["type"] == "tool" } || []
-    end
-
-    # Returns total token count.
-    #
-    # @return [Integer] Total tokens used
-    def total_tokens
-      (total_input_tokens || 0) + (total_output_tokens || 0) + (total_thinking_tokens || 0)
-    end
-
-    # Returns whether this trace had an error.
-    #
-    # @return [Boolean]
-    def error?
-      status == STATUS_ERROR
-    end
-
-    # Returns display name for the trace.
-    #
-    # @return [String] Display name (e.g., "WeatherAgent.forecast")
-    def display_name
-      if agent_class && agent_action
-        "#{agent_class}.#{agent_action}"
-      elsif agent_class
-        agent_class
-      else
-        trace_id&.first(8)
-      end
-    end
-
-    # Returns formatted duration.
-    #
-    # @return [String] Duration in ms or s
-    def formatted_duration
-      return "—" unless total_duration_ms
-
-      if total_duration_ms >= 1000
-        "#{(total_duration_ms / 1000.0).round(2)}s"
-      else
-        "#{total_duration_ms.round(0)}ms"
-      end
-    end
-
-    # Returns formatted token count.
-    #
-    # @return [String] Token count with K suffix for large numbers
-    def formatted_tokens
-      count = total_tokens
-      return "0" if count.zero?
-
-      if count >= 1000
-        "#{(count / 1000.0).round(1)}K"
-      else
-        count.to_s
-      end
-    end
-
-    # Returns the provider used (from LLM spans).
-    #
-    # @return [String, nil] Provider name
-    def provider
-      llm_span = llm_spans.first
-      return nil unless llm_span
-
-      llm_span.dig("attributes", "llm.provider")
-    end
-
-    # Returns the model used (from LLM spans).
-    #
-    # @return [String, nil] Model name
-    def model
-      llm_span = llm_spans.first
-      return nil unless llm_span
-
-      llm_span.dig("attributes", "llm.model")
-    end
-  end
-end

data/lib/active_agent/dashboard/app/views/active_agent/dashboard/traces/_trace_detail.html.erb

@@ -1,117 +0,0 @@
-<div class="space-y-4">
-  <!-- Trace Info -->
-  <div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-sm">
-    <div>
-      <span class="text-gray-500 dark:text-gray-400">Trace ID</span>
-      <div class="font-mono text-gray-900 dark:text-white"><%= trace.trace_id %></div>
-    </div>
-    <div>
-      <span class="text-gray-500 dark:text-gray-400">Service</span>
-      <div class="text-gray-900 dark:text-white"><%= trace.service_name || "—" %></div>
-    </div>
-    <div>
-      <span class="text-gray-500 dark:text-gray-400">Provider</span>
-      <div class="text-gray-900 dark:text-white"><%= trace.provider || "—" %></div>
-    </div>
-    <div>
-      <span class="text-gray-500 dark:text-gray-400">Model</span>
-      <div class="text-gray-900 dark:text-white"><%= trace.model || "—" %></div>
-    </div>
-  </div>
-
-  <% if trace.error? && trace.error_message.present? %>
-    <div class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded p-3">
-      <div class="flex">
-        <svg class="h-5 w-5 text-red-400" viewBox="0 0 20 20" fill="currentColor">
-          <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
-        </svg>
-        <div class="ml-3">
-          <h3 class="text-sm font-medium text-red-800 dark:text-red-200">Error</h3>
-          <p class="mt-1 text-sm text-red-700 dark:text-red-300"><%= trace.error_message %></p>
-        </div>
-      </div>
-    </div>
-  <% end %>
-
-  <!-- Token Breakdown -->
-  <div class="flex gap-6 text-sm">
-    <div class="flex items-center gap-2">
-      <div class="w-3 h-3 rounded-full bg-blue-500"></div>
-      <span class="text-gray-500">Input:</span>
-      <span class="font-medium text-gray-900 dark:text-white"><%= number_with_delimiter(trace.total_input_tokens || 0) %></span>
-    </div>
-    <div class="flex items-center gap-2">
-      <div class="w-3 h-3 rounded-full bg-green-500"></div>
-      <span class="text-gray-500">Output:</span>
-      <span class="font-medium text-gray-900 dark:text-white"><%= number_with_delimiter(trace.total_output_tokens || 0) %></span>
-    </div>
-    <% if trace.total_thinking_tokens.to_i > 0 %>
-      <div class="flex items-center gap-2">
-        <div class="w-3 h-3 rounded-full bg-purple-500"></div>
-        <span class="text-gray-500">Thinking:</span>
-        <span class="font-medium text-purple-600 dark:text-purple-400"><%= number_with_delimiter(trace.total_thinking_tokens) %></span>
-      </div>
-    <% end %>
-  </div>
-
-  <!-- Spans Timeline -->
-  <% if trace.spans.present? %>
-    <div class="mt-4">
-      <h4 class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Span Timeline</h4>
-      <div class="relative bg-gray-100 dark:bg-gray-800 rounded-lg p-4">
-        <% total_duration = (trace.total_duration_ms || 1).to_f %>
-        <% total_duration = 1.0 if total_duration.zero? %>
-        <%
-          # Offsets relative to the root span's start. Span payloads carry
-          # absolute ISO8601 start_time values, not relative offsets.
-          root = trace.root_span || trace.spans.first || {}
-          root_start = Time.parse(root["start_time"]) rescue nil
-        %>
-        <% trace.spans.each_with_index do |span, index| %>
-          <%
-            relative_ms = span["start_time_relative_ms"]
-            if relative_ms.nil? && root_start && span["start_time"].present?
-              span_start = Time.parse(span["start_time"]) rescue nil
-              relative_ms = ((span_start - root_start) * 1000).round(2) if span_start
-            end
-            start_pct = ((relative_ms || 0).to_f / total_duration * 100).clamp(0, 100)
-            width_pct = ((span["duration_ms"] || 0).to_f / total_duration * 100).clamp(0.5, [ 100 - start_pct, 0.5 ].max)
-            span_type = span["type"] || "unknown"
-            colors = {
-              "root" => "bg-gray-400",
-              "prompt" => "bg-blue-400",
-              "llm" => "bg-indigo-500",
-              "generate" => "bg-indigo-400",
-              "tool" => "bg-amber-500",
-              "thinking" => "bg-purple-500",
-              "response" => "bg-green-400"
-            }
-            bg_color = colors[span_type] || "bg-gray-400"
-          %>
-          <div class="flex items-center gap-2 mb-2">
-            <div class="w-24 text-xs text-gray-500 dark:text-gray-400 truncate" title="<%= span["name"] %>">
-              <%= span["name"]&.split(".")&.last || span_type %>
-            </div>
-            <div class="flex-1 h-6 bg-gray-200 dark:bg-gray-700 rounded relative overflow-hidden">
-              <div class="span-bar absolute h-full <%= bg_color %> rounded <%= span["status"] == "ERROR" ? 'opacity-50 bg-red-500' : '' %>"
-                   style="left: <%= start_pct %>%; width: <%= width_pct %>%;"
-                   title="<%= span["name"] %>: <%= span["duration_ms"]&.round(1) %>ms">
-              </div>
-            </div>
-            <div class="w-16 text-xs text-gray-500 dark:text-gray-400 text-right">
-              <%= span["duration_ms"] ? "#{span["duration_ms"].round(1)}ms" : "—" %>
-            </div>
-          </div>
-        <% end %>
-      </div>
-    </div>
-  <% end %>
-
-  <!-- Raw Data (collapsed) -->
-  <details class="mt-4">
-    <summary class="text-sm text-gray-500 dark:text-gray-400 cursor-pointer hover:text-gray-700">
-      View raw trace data
-    </summary>
-    <pre class="mt-2 p-3 bg-gray-100 dark:bg-gray-800 rounded text-xs overflow-x-auto"><%= JSON.pretty_generate(trace.as_json(except: [:id, :created_at, :updated_at])) %></pre>
-  </details>
-</div>

data/lib/active_agent/dashboard/app/views/active_agent/dashboard/traces/index.html.erb

@@ -1,135 +0,0 @@
-<div data-controller="refresh" data-refresh-interval-value="30000">
-  <!-- Metrics Summary -->
-  <div class="grid grid-cols-1 md:grid-cols-5 gap-4 mb-6">
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-4">
-      <div class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Traces</div>
-      <div class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white">
-        <%= number_with_delimiter(@metrics[:total_traces]) %>
-      </div>
-      <div class="text-xs text-gray-400">Last 24h</div>
-    </div>
-
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-4">
-      <div class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Tokens</div>
-      <div class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white">
-        <%= number_to_human(@metrics[:total_tokens], precision: 2) %>
-      </div>
-      <div class="text-xs text-gray-400">Last 24h</div>
-    </div>
-
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-4">
-      <div class="text-sm font-medium text-gray-500 dark:text-gray-400">Avg Duration</div>
-      <div class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white">
-        <%= @metrics[:avg_duration_ms] >= 1000 ? "#{(@metrics[:avg_duration_ms] / 1000.0).round(2)}s" : "#{@metrics[:avg_duration_ms].round(0)}ms" %>
-      </div>
-      <div class="text-xs text-gray-400">Last 24h</div>
-    </div>
-
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-4">
-      <div class="text-sm font-medium text-gray-500 dark:text-gray-400">Error Rate</div>
-      <div class="mt-1 text-2xl font-semibold <%= @metrics[:error_rate] > 5 ? 'text-red-600' : 'text-gray-900 dark:text-white' %>">
-        <%= @metrics[:error_rate] %>%
-      </div>
-      <div class="text-xs text-gray-400">Last 24h</div>
-    </div>
-
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-4">
-      <div class="text-sm font-medium text-gray-500 dark:text-gray-400">Active Agents</div>
-      <div class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white">
-        <%= @metrics[:unique_agents] %>
-      </div>
-      <div class="text-xs text-gray-400">Last 24h</div>
-    </div>
-  </div>
-
-  <!-- Traces Table -->
-  <div class="bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden" data-controller="traces">
-    <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 flex justify-between items-center">
-      <h2 class="text-lg font-medium text-gray-900 dark:text-white">Recent Traces</h2>
-      <div class="flex gap-2">
-        <%= link_to "All", traces_path, class: "px-3 py-1 text-sm rounded #{params[:status].blank? ? 'bg-indigo-100 text-indigo-700' : 'text-gray-600 hover:bg-gray-100'}" %>
-        <%= link_to "Errors", traces_path(status: "error"), class: "px-3 py-1 text-sm rounded #{params[:status] == 'error' ? 'bg-red-100 text-red-700' : 'text-gray-600 hover:bg-gray-100'}" %>
-      </div>
-    </div>
-
-    <% if @traces.any? %>
-      <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
-        <thead class="bg-gray-50 dark:bg-gray-900">
-          <tr>
-            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Agent</th>
-            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
-            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Duration</th>
-            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tokens</th>
-            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Time</th>
-          </tr>
-        </thead>
-        <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
-          <% @traces.each do |trace| %>
-            <!-- Main Row -->
-            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer"
-                data-trace-id="<%= trace.id %>"
-                data-action="click->traces#toggle">
-              <td class="px-4 py-3">
-                <div class="flex items-center">
-                  <span class="text-sm font-medium text-gray-900 dark:text-white">
-                    <%= trace.agent_class || "Unknown" %>
-                  </span>
-                  <% if trace.agent_action %>
-                    <span class="ml-2 text-sm text-gray-500 dark:text-gray-400">
-                      .<%= trace.agent_action %>
-                    </span>
-                  <% end %>
-                </div>
-                <div class="text-xs text-gray-400 font-mono"><%= trace.trace_id&.first(8) %></div>
-              </td>
-              <td class="px-4 py-3">
-                <% if trace.error? %>
-                  <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200">
-                    Error
-                  </span>
-                <% else %>
-                  <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
-                    OK
-                  </span>
-                <% end %>
-              </td>
-              <td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
-                <%= trace.formatted_duration %>
-              </td>
-              <td class="px-4 py-3">
-                <div class="flex items-center gap-2 text-sm">
-                  <span class="text-gray-900 dark:text-white"><%= trace.formatted_tokens %></span>
-                  <% if trace.total_thinking_tokens.to_i > 0 %>
-                    <span class="text-xs text-purple-600 dark:text-purple-400" title="Thinking tokens">
-                      +<%= number_to_human(trace.total_thinking_tokens, precision: 1) %> thinking
-                    </span>
-                  <% end %>
-                </div>
-              </td>
-              <td class="px-4 py-3 text-sm text-gray-500 dark:text-gray-400">
-                <%= time_ago_in_words(trace.timestamp || trace.created_at) %> ago
-              </td>
-            </tr>
-
-            <!-- Expanded Detail Row -->
-            <tr id="detail-<%= trace.id %>" class="hidden bg-gray-50 dark:bg-gray-900">
-              <td colspan="5" class="px-4 py-4">
-                <%= render partial: "trace_detail", locals: { trace: trace } %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    <% else %>
-      <div class="px-4 py-12 text-center">
-        <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-        </svg>
-        <h3 class="mt-2 text-sm font-medium text-gray-900 dark:text-white">No traces yet</h3>
-        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
-          Traces will appear here when your agents generate responses.
-        </p>
-      </div>
-    <% end %>
-  </div>
-</div>

data/lib/active_agent/dashboard/app/views/active_agent/dashboard/traces/metrics.html.erb

@@ -1,145 +0,0 @@
-<div data-controller="refresh" data-refresh-interval-value="60000">
-  <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">Metrics Overview</h1>
-
-  <!-- Summary Cards -->
-  <div class="grid grid-cols-1 md:grid-cols-5 gap-4 mb-8">
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-      <div class="flex items-center">
-        <div class="p-3 rounded-full bg-indigo-100 dark:bg-indigo-900">
-          <svg class="h-6 w-6 text-indigo-600 dark:text-indigo-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
-          </svg>
-        </div>
-        <div class="ml-4">
-          <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Traces</p>
-          <p class="text-2xl font-semibold text-gray-900 dark:text-white">
-            <%= number_with_delimiter(@metrics[:total_traces]) %>
-          </p>
-        </div>
-      </div>
-    </div>
-
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-      <div class="flex items-center">
-        <div class="p-3 rounded-full bg-blue-100 dark:bg-blue-900">
-          <svg class="h-6 w-6 text-blue-600 dark:text-blue-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" />
-          </svg>
-        </div>
-        <div class="ml-4">
-          <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Tokens</p>
-          <p class="text-2xl font-semibold text-gray-900 dark:text-white">
-            <%= number_to_human(@metrics[:total_tokens], precision: 2) %>
-          </p>
-        </div>
-      </div>
-    </div>
-
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-      <div class="flex items-center">
-        <div class="p-3 rounded-full bg-green-100 dark:bg-green-900">
-          <svg class="h-6 w-6 text-green-600 dark:text-green-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
-          </svg>
-        </div>
-        <div class="ml-4">
-          <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Avg Duration</p>
-          <p class="text-2xl font-semibold text-gray-900 dark:text-white">
-            <%= @metrics[:avg_duration_ms] >= 1000 ? "#{(@metrics[:avg_duration_ms] / 1000.0).round(2)}s" : "#{@metrics[:avg_duration_ms].round(0)}ms" %>
-          </p>
-        </div>
-      </div>
-    </div>
-
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-      <div class="flex items-center">
-        <div class="p-3 rounded-full <%= @metrics[:error_rate] > 5 ? 'bg-red-100 dark:bg-red-900' : 'bg-gray-100 dark:bg-gray-700' %>">
-          <svg class="h-6 w-6 <%= @metrics[:error_rate] > 5 ? 'text-red-600 dark:text-red-400' : 'text-gray-600 dark:text-gray-400' %>" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
-          </svg>
-        </div>
-        <div class="ml-4">
-          <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Error Rate</p>
-          <p class="text-2xl font-semibold <%= @metrics[:error_rate] > 5 ? 'text-red-600' : 'text-gray-900 dark:text-white' %>">
-            <%= @metrics[:error_rate] %>%
-          </p>
-        </div>
-      </div>
-    </div>
-
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-      <div class="flex items-center">
-        <div class="p-3 rounded-full bg-purple-100 dark:bg-purple-900">
-          <svg class="h-6 w-6 text-purple-600 dark:text-purple-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
-          </svg>
-        </div>
-        <div class="ml-4">
-          <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Active Agents</p>
-          <p class="text-2xl font-semibold text-gray-900 dark:text-white">
-            <%= @metrics[:unique_agents] %>
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <!-- Agent Statistics -->
-  <div class="bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden mb-8">
-    <div class="px-4 py-4 border-b border-gray-200 dark:border-gray-700">
-      <h2 class="text-lg font-medium text-gray-900 dark:text-white">Agent Statistics</h2>
-      <p class="text-sm text-gray-500 dark:text-gray-400">Performance breakdown by agent class (last 24h)</p>
-    </div>
-
-    <% if @agent_stats.any? %>
-      <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
-        <thead class="bg-gray-50 dark:bg-gray-900">
-          <tr>
-            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Agent</th>
-            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Traces</th>
-            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tokens</th>
-            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Avg Duration</th>
-            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Errors</th>
-          </tr>
-        </thead>
-        <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
-          <% @agent_stats.each do |stat| %>
-            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700">
-              <td class="px-4 py-3">
-                <span class="text-sm font-medium text-gray-900 dark:text-white">
-                  <%= stat.agent_class || "Unknown" %>
-                </span>
-              </td>
-              <td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
-                <%= number_with_delimiter(stat.trace_count) %>
-              </td>
-              <td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
-                <%# stat is a grouped row: read the SQL alias, not the model
-                    method (which sums per-trace token columns absent here) %>
-                <%= number_to_human(stat[:total_tokens] || 0, precision: 1) %>
-              </td>
-              <td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
-                <% avg = stat.avg_duration.to_f %>
-                <%= avg >= 1000 ? "#{(avg / 1000.0).round(2)}s" : "#{avg.round(0)}ms" %>
-              </td>
-              <td class="px-4 py-3">
-                <% error_count = stat.error_count.to_i %>
-                <% if error_count > 0 %>
-                  <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200">
-                    <%= error_count %>
-                  </span>
-                <% else %>
-                  <span class="text-sm text-gray-400">0</span>
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    <% else %>
-      <div class="px-4 py-8 text-center text-gray-500 dark:text-gray-400">
-        No agent data available yet.
-      </div>
-    <% end %>
-  </div>
-</div>

data/lib/active_agent/dashboard/app/views/active_agent/dashboard/traces/show.html.erb

@@ -1,36 +0,0 @@
-<div class="mb-4">
-  <%= link_to "← Back to traces", traces_path, class: "text-indigo-600 hover:text-indigo-800 text-sm" %>
-</div>
-
-<div class="bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden">
-  <div class="px-4 py-4 border-b border-gray-200 dark:border-gray-700">
-    <div class="flex items-center justify-between">
-      <div>
-        <h1 class="text-xl font-semibold text-gray-900 dark:text-white">
-          <%= @trace.display_name %>
-        </h1>
-        <p class="text-sm text-gray-500 dark:text-gray-400 font-mono">
-          <%= @trace.trace_id %>
-        </p>
-      </div>
-      <div class="flex items-center gap-4">
-        <% if @trace.error? %>
-          <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200">
-            Error
-          </span>
-        <% else %>
-          <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
-            Success
-          </span>
-        <% end %>
-        <span class="text-sm text-gray-500">
-          <%= @trace.timestamp&.strftime("%Y-%m-%d %H:%M:%S") %>
-        </span>
-      </div>
-    </div>
-  </div>
-
-  <div class="p-4">
-    <%= render partial: "trace_detail", locals: { trace: @trace } %>
-  </div>
-</div>