llm_cost_tracker 0.8.0 → 0.10.0

data/app/controllers/llm_cost_tracker/tags_controller.rb

@@ -7,7 +7,21 @@ module LlmCostTracker
     end
 
     def show
-      @breakdown = Dashboard::TagBreakdown.call(scope: Dashboard::Filter.call(params: params), key: params[:key])
+      scope = Dashboard::Filter.call(params: params)
+      @value = params[:tag_value].to_s
+
+      if @value.empty?
+        @breakdown = Dashboard::TagBreakdown.call(scope: scope, key: params[:key])
+      else
+        @key = LlmCostTracker::Tags::Key.validate!(
+          params[:key],
+          error_class: LlmCostTracker::InvalidFilterError
+        )
+        value_scope = scope.by_tag(@key, @value)
+        @value_total_cost = value_scope.sum(:total_cost).to_f
+        @value_calls = value_scope.count
+        @value_points = Dashboard::TimeSeries.call(scope: value_scope)
+      end
     end
   end
 end

data/app/helpers/llm_cost_tracker/application_helper.rb

@@ -13,6 +13,7 @@ module LlmCostTracker
     include ChartHelper
     include PaginationHelper
     include TokenUsageHelper
+    include InlineStyleHelper
 
     def coverage_percent(numerator, denominator)
       denominator = denominator.to_f
@@ -37,7 +38,7 @@ module LlmCostTracker
     end
 
     def number(value)
-      number_with_delimiter(value.to_i)
+      number_with_delimiter(value)
     end
 
     def format_date(value)
@@ -104,6 +105,15 @@ module LlmCostTracker
       value.to_s
     end
 
+    def masked_metadata_hash(value)
+      return value if value.is_a?(Hash)
+      return {} if value.nil?
+
+      JSON.parse(value.to_s)
+    rescue JSON::ParserError, TypeError
+      {}
+    end
+
     def tag_chip_entries(tags, limit: 3)
       normalized = normalized_tags(tags)
       return [] if normalized.empty?

data/app/helpers/llm_cost_tracker/inline_style_helper.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module LlmCostTracker
+  module InlineStyleHelper
+    UNSAFE_CSS_CHARS = /[<>{}"]/
+
+    def inline_style(declarations)
+      registry = inline_style_registry
+      token = "lct-i-#{registry.length}"
+      registry << [token, declarations.to_s.gsub(UNSAFE_CSS_CHARS, "")]
+      token
+    end
+
+    def inline_style_block
+      registry = inline_style_registry
+      return "".html_safe if registry.empty?
+
+      rules = registry.map { |token, decl| %([data-lct-style="#{token}"]{#{decl}}) }.join("\n")
+      content_tag(:style, rules.html_safe, nonce: dashboard_csp_nonce)
+    end
+
+    private
+
+    def inline_style_registry
+      @inline_style_registry ||= []
+    end
+  end
+end

data/app/helpers/llm_cost_tracker/reconciliation_helper.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module LlmCostTracker
+  module ReconciliationHelper
+    def attribution_summary(attribution)
+      LlmCostTracker::Masking.format_attribution(attribution)
+    end
+
+    def mask_secret(value)
+      LlmCostTracker::Masking.mask_value(:provider_api_key_id, value)
+    end
+  end
+end

data/app/helpers/llm_cost_tracker/token_usage_helper.rb

@@ -8,8 +8,10 @@ module LlmCostTracker
       cache_write_input_tokens: "Cache write",
       cache_write_extended_input_tokens: "Extended cache write",
       audio_input_tokens: "Audio input",
+      image_input_tokens: "Image input",
       output_tokens: "Output",
       audio_output_tokens: "Audio output",
+      image_output_tokens: "Image output",
       hidden_output_tokens: "Hidden output"
     }.freeze
     QUALITY_LABELS = COMPONENT_LABELS.merge(
@@ -24,8 +26,10 @@ module LlmCostTracker
       cache_write_input_tokens: "lct-stack-fill-cache-write",
       cache_write_extended_input_tokens: "lct-stack-fill-cache-write-extended",
       audio_input_tokens: "lct-stack-fill-audio-input",
+      image_input_tokens: "lct-stack-fill-image-input",
       output_tokens: "lct-stack-fill-output",
-      audio_output_tokens: "lct-stack-fill-audio-output"
+      audio_output_tokens: "lct-stack-fill-audio-output",
+      image_output_tokens: "lct-stack-fill-image-output"
     }.freeze
 
     def token_usage_stack_components

data/app/models/llm_cost_tracker/call.rb

@@ -1,6 +1,5 @@
 # frozen_string_literal: true
 
-require "active_record"
 require "securerandom"
 
 require "llm_cost_tracker/billing/cost_status"
@@ -9,8 +8,6 @@ require "llm_cost_tracker/ledger/tags/sql"
 
 module LlmCostTracker
   class Call < ActiveRecord::Base
-    self.table_name = "llm_cost_tracker_calls"
-
     before_validation :assign_event_id
 
     PERIOD_FORMATS = {

data/app/models/llm_cost_tracker/call_line_item.rb

@@ -1,17 +1,13 @@
 # frozen_string_literal: true
 
-require "active_record"
-
 module LlmCostTracker
   class CallLineItem < ActiveRecord::Base
-    self.table_name = "llm_cost_tracker_call_line_items"
-
     belongs_to :call,
                class_name: "LlmCostTracker::Call",
                foreign_key: :llm_cost_tracker_call_id,
                inverse_of: :line_items
 
-    scope :tokens, -> { where("kind LIKE ?", "%_token") }
+    scope :tokens, -> { where(unit: "token") }
     scope :by_kind, ->(kind) { where(kind: kind.to_s) }
     scope :by_direction, ->(direction) { where(direction: direction.to_s) }
     scope :by_modality, ->(modality) { where(modality: modality.to_s) }

data/app/models/llm_cost_tracker/call_rollup.rb

@@ -1,9 +1,6 @@
 # frozen_string_literal: true
 
-require "active_record"
-
 module LlmCostTracker
   class CallRollup < ActiveRecord::Base
-    self.table_name = "llm_cost_tracker_call_rollups"
   end
 end

data/app/models/llm_cost_tracker/call_tag.rb

@@ -1,11 +1,7 @@
 # frozen_string_literal: true
 
-require "active_record"
-
 module LlmCostTracker
   class CallTag < ActiveRecord::Base
-    self.table_name = "llm_cost_tracker_call_tags"
-
     belongs_to :call,
                class_name: "LlmCostTracker::Call",
                foreign_key: :llm_cost_tracker_call_id,

data/app/models/llm_cost_tracker/ingestion/inbox_entry.rb

@@ -1,12 +1,8 @@
 # frozen_string_literal: true
 
-require "active_record"
-
 module LlmCostTracker
   module Ingestion
     class InboxEntry < ActiveRecord::Base
-      self.table_name = "llm_cost_tracker_ingestion_inbox_entries"
-
       MAX_ATTEMPTS_BEFORE_QUARANTINE = 5
     end
   end

data/app/models/llm_cost_tracker/ingestion/lease.rb

@@ -1,11 +1,8 @@
 # frozen_string_literal: true
 
-require "active_record"
-
 module LlmCostTracker
   module Ingestion
     class Lease < ActiveRecord::Base
-      self.table_name = "llm_cost_tracker_ingestion_leases"
     end
   end
 end

data/app/models/llm_cost_tracker/provider_invoice.rb

@@ -1,9 +1,13 @@
 # frozen_string_literal: true
 
-require "active_record"
-
 module LlmCostTracker
   class ProviderInvoice < ActiveRecord::Base
-    self.table_name = "llm_cost_tracker_provider_invoices"
+    before_validation :normalize_currency
+
+    private
+
+    def normalize_currency
+      self.currency = currency.to_s.upcase if currency.present?
+    end
   end
 end

data/app/models/llm_cost_tracker/provider_invoice_import.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module LlmCostTracker
+  class ProviderInvoiceImport < ActiveRecord::Base
+    STATE_RUNNING = "running"
+    STATE_COMPLETED = "completed"
+    STATE_FAILED = "failed"
+    STATES = [STATE_RUNNING, STATE_COMPLETED, STATE_FAILED].freeze
+
+    scope :for_source, ->(source) { where(source: source.to_s) }
+    scope :for_provider, ->(provider) { where(provider: provider.to_s) }
+    scope :running, -> { where(state: STATE_RUNNING) }
+    scope :completed, -> { where(state: STATE_COMPLETED) }
+    scope :failed, -> { where(state: STATE_FAILED) }
+    scope :latest, -> { order(started_at: :desc, id: :desc) }
+
+    def self.resume_cursor_for(source, provider: nil)
+      scope = for_source(source)
+      scope = scope.for_provider(provider) if provider
+      scope.latest.limit(1).pick(:cursor)
+    end
+
+    def self.last_completed_window_for(source, provider: nil)
+      scope = for_source(source)
+      scope = scope.for_provider(provider) if provider
+      scope.completed.latest.limit(1).pick(:window_start, :window_end)
+    end
+  end
+end

data/app/services/llm_cost_tracker/dashboard/data_quality.rb

@@ -6,7 +6,8 @@ require "llm_cost_tracker/ledger/schema/adapter"
 module LlmCostTracker
   module Dashboard
     class DataQuality
-      UnknownPricingRow = ::Data.define(:model, :calls, :share_percent)
+      UnknownPricingRow = ::Data.define(:provider, :model, :calls, :share_percent)
+      StreamingHealthRow = ::Data.define(:provider, :streams, :with_usage, :unknown, :unknown_share)
       Summary = ::Data.define(:total, :unknown_pricing_count, :untagged_calls_count, :missing_latency_count,
                               :streaming_count, :streaming_missing_usage, :missing_provider_response_id_count,
                               :calls_with_pricing, :tagged_calls, :calls_with_latency, :streams_with_usage,
@@ -48,13 +49,14 @@ module LlmCostTracker
 
         def unknown_pricing_by_model(scope, total_calls:)
           scope.unknown_pricing
-               .group(:model)
+               .group(:provider, :model)
                .order(Arel.sql("COUNT(*) DESC"))
-               .select("model, COUNT(*) AS calls")
+               .select("provider, model, COUNT(*) AS calls")
                .limit(10)
                .map do |row|
                  calls = row.calls.to_i
-                 UnknownPricingRow.new(model: row.model, calls: calls, share_percent: percentage(calls, total_calls))
+                 UnknownPricingRow.new(provider: row.provider, model: row.model, calls: calls,
+                                       share_percent: percentage(calls, total_calls))
                end
         end
 
@@ -125,6 +127,33 @@ module LlmCostTracker
           index_costs_by_component(rows)
         end
 
+        def streaming_health_rows(scope, total_streaming:)
+          return [] unless total_streaming.positive?
+
+          unknown_predicate = "usage_source = 'unknown' OR usage_source IS NULL"
+          rows = scope.unscope(:select, :order, :group)
+                      .where(stream: true)
+                      .group(:provider)
+                      .order(Arel.sql("COUNT(*) DESC"), :provider)
+                      .pluck(
+                        :provider,
+                        Arel.sql("COUNT(*)"),
+                        Arel.sql("SUM(CASE WHEN #{unknown_predicate} THEN 1 ELSE 0 END)")
+                      )
+
+          rows.map do |provider, streams, unknown|
+            streams_count = streams.to_i
+            unknown_count = unknown.to_i
+            StreamingHealthRow.new(
+              provider: provider,
+              streams: streams_count,
+              with_usage: streams_count - unknown_count,
+              unknown: unknown_count,
+              unknown_share: percentage(unknown_count, streams_count)
+            )
+          end
+        end
+
         def hidden_output_summary(stats)
           output_tokens = stats.output_tokens.to_i
           return unless output_tokens.positive?

data/app/services/llm_cost_tracker/dashboard/filter.rb

@@ -35,11 +35,13 @@ module LlmCostTracker
         to_date = Dashboard::DateRange.parse(params, :to)
         Dashboard::DateRange.validate!(from: from_date, to: to_date)
 
-        from = from_date&.beginning_of_day
-        to = to_date&.end_of_day
-        relation = relation.where(tracked_at: from..) if from
-        relation = relation.where(tracked_at: ..to) if to
+        default_range = Dashboard::DateRange.call(params: params)
+        from_date ||= default_range.from
+        to_date ||= default_range.to
+
         relation
+          .where(tracked_at: from_date.beginning_of_day..)
+          .where(tracked_at: ..to_date.end_of_day)
       end
 
       def apply_exact_filter(relation, key)

data/app/services/llm_cost_tracker/dashboard/setup_state.rb

@@ -0,0 +1,110 @@
+# frozen_string_literal: true
+
+require "llm_cost_tracker/ledger/schema/calls"
+require "llm_cost_tracker/ledger/schema/call_line_items"
+require "llm_cost_tracker/ledger/schema/call_tags"
+require "llm_cost_tracker/ledger/schema/call_rollups"
+
+module LlmCostTracker
+  module Dashboard
+    module SetupState
+      SetupRequired = Data.define(:message, :details)
+      DOCS_HINT = "See docs/upgrading.md for the migration path."
+      MUTEX = Mutex.new
+
+      CORE_SCHEMA_CHECKS = [
+        [
+          LlmCostTracker::Ledger::Schema::Calls,
+          "The llm_cost_tracker_calls table does not match the current LLM Cost Tracker schema."
+        ],
+        [
+          LlmCostTracker::Ledger::Schema::CallLineItems,
+          "The llm_cost_tracker_call_line_items table does not match the current LLM Cost Tracker schema."
+        ],
+        [
+          LlmCostTracker::Ledger::Schema::CallTags,
+          "The llm_cost_tracker_call_tags table does not match the current LLM Cost Tracker schema."
+        ]
+      ].freeze
+
+      OPTIONAL_CALL_ROLLUPS_CHECK = [
+        LlmCostTracker::Ledger::Schema::CallRollups,
+        "The llm_cost_tracker_call_rollups table does not match the current LLM Cost Tracker schema."
+      ].freeze
+
+      private_constant :MUTEX, :CORE_SCHEMA_CHECKS, :OPTIONAL_CALL_ROLLUPS_CHECK, :DOCS_HINT
+
+      class << self
+        def current
+          return @cached if defined?(@cached)
+
+          MUTEX.synchronize do
+            @cached = compute unless defined?(@cached)
+          end
+          @cached
+        end
+
+        def reset!
+          MUTEX.synchronize do
+            remove_instance_variable(:@cached) if defined?(@cached)
+          end
+        end
+
+        private
+
+        def compute
+          LlmCostTracker::Logging.debug("Dashboard::SetupState recomputing")
+          return calls_table_missing unless LlmCostTracker::Call.table_exists?
+
+          core_drift = drift_in(schema_checks_for_current_config)
+          return core_drift if core_drift
+          return nil unless LlmCostTracker.reconciliation_enabled?
+
+          reconciliation_drift
+        end
+
+        def schema_checks_for_current_config
+          return CORE_SCHEMA_CHECKS unless LlmCostTracker.configuration.cache_rollups
+
+          CORE_SCHEMA_CHECKS + [OPTIONAL_CALL_ROLLUPS_CHECK]
+        end
+
+        def drift_in(checks)
+          checks.each do |schema, message|
+            errors = schema.current_schema_errors
+            next if errors.empty?
+
+            return SetupRequired.new(message: message, details: errors + [DOCS_HINT])
+          end
+          nil
+        end
+
+        def reconciliation_drift
+          connection = ActiveRecord::Base.connection
+          LlmCostTracker::Reconciliation::SCHEMA_TABLES.each do |schema, table|
+            unless connection.data_source_exists?(table)
+              return SetupRequired.new(
+                message: "The #{table} table is required when reconciliation is enabled.",
+                details: ["run bin/rails generate llm_cost_tracker:reconciliation && bin/rails db:migrate", DOCS_HINT]
+              )
+            end
+
+            errors = schema.current_schema_errors
+            next if errors.empty?
+
+            message = "The #{table} table does not match the current LLM Cost Tracker schema."
+            return SetupRequired.new(message: message, details: errors + [DOCS_HINT])
+          end
+          nil
+        end
+
+        def calls_table_missing
+          SetupRequired.new(
+            message: "The llm_cost_tracker_calls table is not available yet.",
+            details: nil
+          )
+        end
+      end
+    end
+  end
+end

data/app/views/layouts/llm_cost_tracker/application.html.erb

@@ -1,3 +1,4 @@
+<% body = capture { yield } %>
 <!DOCTYPE html>
 <html lang="en">
   <head>
@@ -5,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>LLM Cost Tracker</title>
     <%= stylesheet_link_tag stylesheet_path %>
+    <%= inline_style_block %>
   </head>
   <body class="lct-body">
     <div class="lct-app">
@@ -19,10 +21,13 @@
             <%= link_to "Calls", calls_path, class: ("lct-active" if request.path.start_with?(calls_path)) %>
             <%= link_to "Tags", tags_path, class: ("lct-active" if request.path.start_with?(tags_path)) %>
             <%= link_to "Data Quality", data_quality_path, class: ("lct-active" if request.path.start_with?(data_quality_path)) %>
+            <% if LlmCostTracker.reconciliation_enabled? %>
+              <%= link_to "Reconciliation", reconciliation_path, class: ("lct-active" if request.path.start_with?(reconciliation_path)) %>
+            <% end %>
           </nav>
         </header>
 
-        <%= yield %>
+        <%= body %>
       </main>
     </div>
   </body>

data/app/views/llm_cost_tracker/calls/show.html.erb

@@ -14,15 +14,19 @@ end %>
 <% end %>
 
 <section class="lct-panel">
-  <p class="lct-muted"><%= link_to "Back to calls", calls_path %></p>
+  <nav class="lct-breadcrumb" aria-label="Breadcrumb">
+    <%= link_to "Calls", calls_path, class: "lct-breadcrumb-link" %>
+    <span class="lct-breadcrumb-sep" aria-hidden="true">›</span>
+    <span class="lct-breadcrumb-current">#<%= @call.id %></span>
+  </nav>
   <div class="lct-call-hero">
     <div>
-      <h2 class="lct-section-title lct-call-title">Call #<%= @call.id %></h2>
+      <h2 class="lct-section-title lct-call-title">
+        <code class="lct-code"><%= @call.model %></code>
+      </h2>
       <p class="lct-call-subtitle">
         <code class="lct-code"><%= @call.provider %></code>
         <span>·</span>
-        <code class="lct-code"><%= @call.model %></code>
-        <span>·</span>
         <span><%= format_date(@call.tracked_at) %></span>
       </p>
     </div>
@@ -65,45 +69,26 @@ end %>
 
   <div class="lct-detail-grid">
     <dl class="lct-dl">
-      <dt>Tracked At</dt>
-      <dd><%= format_date(@call.tracked_at) %></dd>
-
-      <dt>Provider</dt>
-      <dd><%= @call.provider %></dd>
-
-      <dt>Model</dt>
-      <dd><%= @call.model %></dd>
-
-      <dt>Pricing Status</dt>
-      <dd><%= pricing_status(@call) %></dd>
-
       <dt>Cost Status</dt>
       <dd><%= @call.cost_status.presence || "n/a" %></dd>
 
-      <dt>Provider Response ID</dt>
-      <dd><%= @call.provider_response_id.presence || "n/a" %></dd>
-
-      <dt>Provider Project ID</dt>
-      <dd><%= @call.provider_project_id.presence || "n/a" %></dd>
-
-      <dt>Provider API Key ID</dt>
-      <dd><%= @call.provider_api_key_id.presence || "n/a" %></dd>
-
-      <dt>Provider Workspace ID</dt>
-      <dd><%= @call.provider_workspace_id.presence || "n/a" %></dd>
+      <dt>Latency</dt>
+      <dd><%= @call.latency_ms ? "#{optional_number(@call.latency_ms)}ms" : "n/a" %></dd>
 
       <dt>Batch</dt>
       <dd><%= @call.batch? ? "yes" : "no" %></dd>
 
-      <% if @call.has_attribute?("created_at") %>
-        <dt>Created At</dt>
-        <dd><%= format_date(@call.created_at) %></dd>
-      <% end %>
+      <dt>Response ID</dt>
+      <dd><%= @call.provider_response_id.presence || "n/a" %></dd>
 
-      <% if @call.has_attribute?("updated_at") %>
-        <dt>Updated At</dt>
-        <dd><%= format_date(@call.updated_at) %></dd>
-      <% end %>
+      <dt>Project ID</dt>
+      <dd><%= @call.provider_project_id.present? ? LlmCostTracker::Masking.mask_value(:provider_project_id, @call.provider_project_id) : "n/a" %></dd>
+
+      <dt>API Key ID</dt>
+      <dd><%= @call.provider_api_key_id.present? ? LlmCostTracker::Masking.mask_value(:provider_api_key_id, @call.provider_api_key_id) : "n/a" %></dd>
+
+      <dt>Workspace ID</dt>
+      <dd><%= @call.provider_workspace_id.present? ? LlmCostTracker::Masking.mask_value(:provider_workspace_id, @call.provider_workspace_id) : "n/a" %></dd>
     </dl>
 
     <dl class="lct-dl">
@@ -114,7 +99,9 @@ end %>
 
       <dt>Total Tokens</dt>
       <dd><%= number(@call.total_tokens) %></dd>
+    </dl>
 
+    <dl class="lct-dl">
       <% priced_components.each do |component| %>
         <dt><%= component.fetch(:label).titleize %> Cost</dt>
         <dd><%= optional_money(line_item_costs_by_component[component.fetch(:price_key)]) %></dd>
@@ -122,14 +109,11 @@ end %>
 
       <dt>Total Cost</dt>
       <dd><%= optional_money(@call.total_cost) %></dd>
-
-      <dt>Latency</dt>
-      <dd><%= @call.latency_ms ? "#{optional_number(@call.latency_ms)}ms" : "n/a" %></dd>
     </dl>
   </div>
 </section>
 
-<% service_line_items = @call.line_items.where.not(unit: "token").order(:position).to_a %>
+<% service_line_items = @call.line_items.reject { |li| li.unit == "token" }.sort_by(&:position) %>
 <% if service_line_items.any? %>
   <section class="lct-panel">
     <h2 class="lct-section-title">Service Charges</h2>
@@ -152,7 +136,8 @@ end %>
               <td><%= line_item.unit %></td>
               <td class="lct-num"><%= line_item.quantity %></td>
               <td class="lct-num"><%= line_item.rate_amount ? "#{optional_money(line_item.rate_amount)} / #{line_item.rate_quantity}" : "n/a" %></td>
-              <td class="lct-num<%= ' lct-num-muted' if line_item.cost.nil? %>"><%= optional_money(line_item.cost) %></td>
+              <% unknown_cost = line_item.cost.nil? || line_item.cost_status.to_s == LlmCostTracker::Billing::CostStatus::UNKNOWN %>
+              <td class="lct-num<%= ' lct-num-muted' if unknown_cost %>"><%= unknown_cost ? "n/a" : money(line_item.cost) %></td>
               <td><%= line_item.cost_status %></td>
             </tr>
           <% end %>
@@ -177,6 +162,6 @@ end %>
 <% if @call.has_attribute?("metadata") %>
   <section class="lct-panel">
     <h2 class="lct-section-title">Metadata</h2>
-    <pre class="lct-pre"><%= safe_json(@call.read_attribute("metadata")) %></pre>
+    <pre class="lct-pre"><%= safe_json(LlmCostTracker::Masking.mask_hash(masked_metadata_hash(@call.read_attribute("metadata")))) %></pre>
   </section>
 <% end %>

data/app/views/llm_cost_tracker/dashboard/index.html.erb

@@ -14,7 +14,7 @@
     <h2 class="lct-state-title">No LLM calls yet</h2>
     <p class="lct-state-copy">Tracked requests will appear here after your application records its first LLM API call.</p>
     <div class="lct-state-actions">
-      <%= link_to "View calls", calls_path, class: "lct-button lct-button-secondary" %>
+      <%= link_to "Calls", calls_path, class: "lct-button lct-button-secondary" %>
     </div>
   </section>
 <% else %>
@@ -46,7 +46,7 @@
           <% end %>
         </p>
       </div>
-      <%= link_to "Review calls →",
+      <%= link_to "Calls",
                   calls_path(current_query(provider: @spend_anomaly.fetch(:provider), model: @spend_anomaly.fetch(:model), from: @to_date.iso8601, to: @to_date.iso8601, page: nil, per: nil, format: nil)),
                   class: "lct-button lct-button-secondary" %>
     </aside>
@@ -64,6 +64,11 @@
 
     <div class="lct-hero-side">
       <div class="lct-stat-grid">
+        <article class="lct-stat">
+          <p class="lct-stat-label">Avg cost / call</p>
+          <p class="lct-stat-value"><%= money(@stats.average_cost_per_call) %></p>
+        </article>
+
         <article class="lct-stat">
           <p class="lct-stat-label">Calls</p>
           <p class="lct-stat-value"><%= number(@stats.total_calls) %></p>
@@ -71,11 +76,6 @@
           <span class="<%= badge[:css_class] %>"><span class="lct-delta-dot" aria-hidden="true"></span><%= badge[:text] %></span>
         </article>
 
-        <article class="lct-stat">
-          <p class="lct-stat-label">Avg cost / call</p>
-          <p class="lct-stat-value"><%= money(@stats.average_cost_per_call) %></p>
-        </article>
-
         <% if @stats.average_latency_ms %>
           <article class="lct-stat">
             <p class="lct-stat-label">Avg latency</p>
@@ -103,9 +103,9 @@
               <span class="lct-budget-percent"><%= percent(budget[:percent_used]) %></span>
             </div>
             <div class="lct-budget-track" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="<%= budget[:progress_percent].round %>">
-              <div class="lct-budget-fill <%= budget[:fill_modifier] %>" style="width: <%= budget[:progress_percent] %>%"></div>
+              <div data-lct-style="<%= inline_style("width: #{budget[:progress_percent]}%") %>" class="lct-budget-fill <%= budget[:fill_modifier] %>"></div>
               <% if budget[:projected_spent].positive? %>
-                <span class="lct-budget-marker" aria-hidden="true" style="left: calc(<%= budget[:projected_marker_percent] %>% - 1px)"></span>
+                <span data-lct-style="<%= inline_style("left: calc(#{budget[:projected_marker_percent]}% - 1px)") %>" class="lct-budget-marker" aria-hidden="true"></span>
               <% end %>
             </div>
             <p class="lct-budget-projection">