solid_apm 0.11.1 → 0.12.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d1c1e67891c00e76ce0f09899c23eaef403dd3daceeef92f58795525ee6a91e5
-  data.tar.gz: ed1e539e7e0d2d3764dcc45b7ad131a8e6c6fbfc513ed6f80c4869350cab7c17
+  metadata.gz: 8842bfe3a66179077da889c3d8bae05eec4696d9fdd4839b54bac7a658d7f2c8
+  data.tar.gz: ee87c079419ad5d4fc45709c3534e6a2f406601efed22bac6a47e8eb819d5758
 SHA512:
-  metadata.gz: a803be213c9785533bf87cf6fcb240926d47b63c47c3eff28aa5366349c3906bb9b46e17d7bd2190af3e1a35be2addf8140098f02611ff28b2b414bc85114047
-  data.tar.gz: fb982b73450b544990308dbf6de65917708d06826d5f11744b0fcf0123745dde19ee259effdd989273569072956cffe3ea363022b368fcf514a43b94e40e9b59
+  metadata.gz: 934096ab8bf0b3f339588939a7b06d62b2a1cc86a54f1b426407a5aad3434a720b6ee0556341ba1d2950c36f29bb9987e34618c8b0d6181dd3e721853724818a
+  data.tar.gz: 12ceaacfe88e697a17277fb0421aaf10b2a90b97513ea1a214a0aeb7cbb09fa854a999d958cfe7e4160c05b8f52ef37daa841d9e54b01bc5b9565d8e7d968c42

data/README.md

@@ -7,6 +7,10 @@ Rails engine to manage APM data without using a third party service.
 <img src="./docs/img_1.png" width="600px">
 <img src="./docs/img_2.png" width="600px">
 
+
+> [!NOTE]
+For a more **mature** solution (but dependent on Redis) have look to [rails_performance](https://github.com/igorkasyanchuk/rails_performance).
+
 ## Installation
 
 Add to your Gemfile:
@@ -95,6 +99,18 @@ The sampling is done per-thread using a round-robin counter, ensuring even distr
 This is useful for high-traffic applications where you want to reduce the volume of
 APM data while still maintaining representative performance insights.
 
+### Test Environment
+
+**SolidAPM is automatically disabled in the test
+environment** to prevent test pollution and improve test performance.
+
+You can disable SolidAPM in other environments if needed:
+
+```ruby
+# config/environments/staging.rb
+SolidApm.enabled = false
+```
+
 ### Transaction Name Filtering
 
 Filter specific transactions by name using exact string matches or regular expressions:

data/app/views/solid_apm/application/_time_range_form.html.erb

@@ -101,4 +101,223 @@
   </div>
 <% end %>
 
-<%= javascript_include_tag 'solid_apm/time_range_form' %>
+<script>
+class TimeRangeForm {
+  constructor() {
+    this.form = document.getElementById('time-range-form');
+    this.relativeTab = document.getElementById('relative-tab');
+    this.absoluteTab = document.getElementById('absolute-tab');
+    this.relativePanel = document.getElementById('relative-panel');
+    this.absolutePanel = document.getElementById('absolute-panel');
+    this.customFromControl = document.getElementById('custom-from-control');
+    this.customToControl = document.getElementById('custom-to-control');
+    
+    // Timezone handling
+    this.browserTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    this.timezoneOffset = new Date().getTimezoneOffset();
+    
+    this.init();
+  }
+  
+  init() {
+    this.setupEventListeners();
+    this.initializeFormState();
+    this.addTimezoneToForm();
+    this.adjustAbsoluteTimes();
+  }
+  
+  setupEventListeners() {
+    if (this.form) {
+      this.form.addEventListener('submit', (e) => this.handleFormSubmit(e));
+    }
+  }
+  
+  switchToRelative(event) {
+    event.preventDefault();
+    
+    this.relativeTab.classList.add('is-primary');
+    this.absoluteTab.classList.remove('is-primary');
+    this.relativePanel.classList.remove('is-hidden');
+    this.absolutePanel.classList.add('is-hidden');
+    
+    this.removeFields(['from_timestamp', 'to_timestamp']);
+    this.cleanupUrlParams(['from_timestamp', 'to_timestamp', 'from_datetime', 'to_datetime']);
+  }
+  
+  switchToAbsolute(event) {
+    event.preventDefault();
+    
+    this.absoluteTab.classList.add('is-primary');
+    this.relativeTab.classList.remove('is-primary');
+    this.absolutePanel.classList.remove('is-hidden');
+    this.relativePanel.classList.add('is-hidden');
+    
+    this.cleanupUrlParams(['quick_range', 'from_value', 'from_unit', 'to_value', 'to_unit', 'quick_range_apply']);
+  }
+  
+  handleQuickRangeChange(select) {
+    const isCustom = select.value === 'custom';
+    
+    this.toggleVisibility(this.customFromControl, isCustom);
+    this.toggleVisibility(this.customToControl, isCustom);
+    
+    if (!isCustom) {
+      this.applyQuickRange();
+    }
+  }
+  
+  applyQuickRange() {
+    const quickRangeSelect = this.form.querySelector('[name="quick_range"]');
+    if (!quickRangeSelect || quickRangeSelect.value === 'custom') return;
+    
+    this.removeFields(['from_datetime', 'to_datetime', 'from_timestamp', 'to_timestamp']);
+    this.addHiddenField('quick_range_apply', quickRangeSelect.value);
+    this.form.submit();
+  }
+  
+  handleFormSubmit(event) {
+    const isAbsoluteMode = !this.absolutePanel.classList.contains('is-hidden');
+    
+    if (isAbsoluteMode) {
+      this.handleAbsoluteModeSubmit();
+    } else {
+      this.handleRelativeModeSubmit();
+    }
+  }
+  
+  handleAbsoluteModeSubmit() {
+    const fromDatetime = this.form.querySelector('[name="from_datetime"]');
+    const toDatetime = this.form.querySelector('[name="to_datetime"]');
+    
+    if (fromDatetime?.value && toDatetime?.value) {
+      const fromTimestamp = Math.floor(new Date(fromDatetime.value).getTime() / 1000);
+      const toTimestamp = Math.floor(new Date(toDatetime.value).getTime() / 1000);
+      
+      fromDatetime.disabled = true;
+      toDatetime.disabled = true;
+      
+      this.addHiddenField('from_timestamp', fromTimestamp);
+      this.addHiddenField('to_timestamp', toTimestamp);
+      this.addHiddenField('browser_timezone', this.browserTimezone);
+      this.removeFields(['quick_range', 'from_value', 'from_unit', 'to_value', 'to_unit', 'quick_range_apply']);
+    }
+  }
+  
+  handleRelativeModeSubmit() {
+    const quickRangeSelect = this.form.querySelector('[name="quick_range"]');
+    const quickRangeValue = quickRangeSelect?.value;
+    
+    if (quickRangeValue && quickRangeValue !== 'custom') {
+      this.removeFields(['from_value', 'from_unit', 'to_value', 'to_unit', 'quick_range_apply']);
+    } else if (quickRangeValue === 'custom') {
+      this.removeFields(['quick_range_apply']);
+    }
+    
+    this.removeFields(['from_datetime', 'to_datetime', 'from_timestamp', 'to_timestamp']);
+  }
+  
+  initializeFormState() {
+    const urlParams = new URLSearchParams(window.location.search);
+    const hasCustomParams = urlParams.has('from_value') && urlParams.has('from_unit');
+    const hasQuickRange = urlParams.has('quick_range') && urlParams.get('quick_range') !== 'custom';
+    const quickRangeSelect = this.form.querySelector('[name="quick_range"]');
+    
+    if (hasQuickRange) {
+      this.toggleVisibility(this.customFromControl, false);
+      this.toggleVisibility(this.customToControl, false);
+    } else if (hasCustomParams || urlParams.get('quick_range') === 'custom') {
+      if (quickRangeSelect) quickRangeSelect.value = 'custom';
+      this.toggleVisibility(this.customFromControl, true);
+      this.toggleVisibility(this.customToControl, true);
+    } else {
+      // Default state - show quick range only
+      this.toggleVisibility(this.customFromControl, false);
+      this.toggleVisibility(this.customToControl, false);
+    }
+  }
+  
+  // Utility methods
+  removeFields(fieldNames) {
+    fieldNames.forEach(name => {
+      this.form.querySelectorAll(`[name="${name}"]`).forEach(field => field.remove());
+    });
+  }
+  
+  addHiddenField(name, value) {
+    const input = document.createElement('input');
+    input.type = 'hidden';
+    input.name = name;
+    input.value = value;
+    this.form.appendChild(input);
+  }
+  
+  toggleVisibility(element, show) {
+    if (!element) return;
+    element.classList.toggle('is-hidden', !show);
+  }
+  
+  cleanupUrlParams(params) {
+    const url = new URL(window.location);
+    params.forEach(param => url.searchParams.delete(param));
+    window.history.replaceState({}, '', url);
+  }
+  
+  // Timezone-related methods
+  addTimezoneToForm() {
+    // Add timezone information to form for server processing
+    this.addHiddenField('browser_timezone', this.browserTimezone);
+  }
+  
+  adjustAbsoluteTimes() {
+    // Convert timestamps from URL to browser timezone for datetime-local inputs
+    const urlParams = new URLSearchParams(window.location.search);
+    const fromTimestamp = urlParams.get('from_timestamp');
+    const toTimestamp = urlParams.get('to_timestamp');
+    
+    if (fromTimestamp && toTimestamp) {
+      const fromDatetime = this.form.querySelector('[name="from_datetime"]');
+      const toDatetime = this.form.querySelector('[name="to_datetime"]');
+      
+      if (fromDatetime && toDatetime) {
+        // Convert UTC timestamps to local datetime strings
+        const fromDate = new Date(parseInt(fromTimestamp) * 1000);
+        const toDate = new Date(parseInt(toTimestamp) * 1000);
+        
+        fromDatetime.value = this.formatDatetimeLocal(fromDate);
+        toDatetime.value = this.formatDatetimeLocal(toDate);
+      }
+    }
+  }
+  
+  formatDatetimeLocal(date) {
+    // Format date for datetime-local input (YYYY-MM-DDTHH:MM)
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    const hours = String(date.getHours()).padStart(2, '0');
+    const minutes = String(date.getMinutes()).padStart(2, '0');
+    
+    return `${year}-${month}-${day}T${hours}:${minutes}`;
+  }
+}
+
+// Global functions for onclick handlers (maintaining backward compatibility)
+let timeRangeFormInstance;
+
+function switchToRelative(event) {
+  timeRangeFormInstance?.switchToRelative(event);
+}
+
+function switchToAbsolute(event) {
+  timeRangeFormInstance?.switchToAbsolute(event);
+}
+
+function handleQuickRangeChange(select) {
+  timeRangeFormInstance?.handleQuickRangeChange(select);
+}
+
+// Initialize when DOM is ready
+document.addEventListener('DOMContentLoaded', function() {
+  timeRangeFormInstance = new TimeRangeForm();
+});
+</script>

data/lib/solid_apm/engine.rb

@@ -4,40 +4,54 @@ module SolidApm
   class Engine < ::Rails::Engine
     isolate_namespace SolidApm
 
-    config.app_middleware.use Middleware
+    initializer 'solid_apm.middleware', before: :build_middleware_stack do |app|
+      app.middleware.use SolidApm::Middleware if SolidApm.enabled
+    end
+
+    initializer 'solid_apm.assets' do |app|
+      # Add engine's assets to the load path for both Propshaft and Sprockets
+      if app.config.respond_to?(:assets)
+        app.config.assets.paths << root.join('app/assets/stylesheets')
+        app.config.assets.paths << root.join('app/assets/javascripts')
 
-    initializer "solid_apm.assets.precompile" do |app|
-      app.config.assets.precompile += %w( application.css application.js )
+        # For Sprockets
+        unless defined?(Propshaft)
+          app.config.assets.precompile += %w[
+            solid_apm/application.css
+            solid_apm/application.js
+          ]
+        end
+      end
     end
 
     begin
       # Mount the MCP server only if the main app added the fast_mcp in is Gemfile.
       require 'fast_mcp'
-      initializer "solid_apm.mount_mcp_server" do |app|
-      mcp_server_config = SolidApm.mcp_server_config.reverse_merge(
-        name: 'solid-apm-mcp',
-        version: '1.0.0',
-        path: '/solid_apm/mcp'
-      )
+      initializer 'solid_apm.mount_mcp_server' do |app|
+        mcp_server_config = SolidApm.mcp_server_config.reverse_merge(
+          name: 'solid-apm-mcp',
+          version: '1.0.0',
+          path: '/solid_apm/mcp'
+        )
 
-      FastMcp.mount_in_rails(
-        app,
-        **mcp_server_config
-      ) do |server|
-        app.config.after_initialize do
-          require_relative 'mcp/spans_for_transaction_tool'
-          require_relative 'mcp/impactful_transactions_resource'
-          server.register_resources(SolidApm::Mcp::ImpactfulTransactionsResource)
-          server.register_tools(SolidApm::Mcp::SpansForTransactionTool)
+        FastMcp.mount_in_rails(
+          app,
+          **mcp_server_config
+        ) do |server|
+          app.config.after_initialize do
+            require_relative 'mcp/spans_for_transaction_tool'
+            require_relative 'mcp/impactful_transactions_resource'
+            server.register_resources(SolidApm::Mcp::ImpactfulTransactionsResource)
+            server.register_tools(SolidApm::Mcp::SpansForTransactionTool)
+          end
         end
       end
-    end
     rescue LoadError
       # Ignored
     end
 
     config.after_initialize do
-      SpanSubscriber::Base.subscribe!
+      SpanSubscriber::Base.subscribe! if SolidApm.enabled
     end
   end
 end

data/lib/solid_apm/middleware.rb

@@ -7,10 +7,12 @@ module SolidApm
     end
 
     def call(env)
+      return @app.call(env) unless SolidApm.enabled
+
       self.class.init_transaction
       status, headers, body = @app.call(env)
 
-        env['rack.after_reply'] ||= []
+      env['rack.after_reply'] ||= []
         env['rack.after_reply'] << ->() do
           self.class.call
         rescue StandardError => e
@@ -25,8 +27,8 @@ module SolidApm
       SpanSubscriber::Base.transaction = nil
 
       if transaction.nil? ||
-          transaction_filtered?(transaction.name) ||
-          !Sampler.should_sample?
+         transaction_filtered?(transaction.name) ||
+         !Sampler.should_sample?
 
         SpanSubscriber::Base.spans = nil
         return

data/lib/solid_apm/railtie.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module SolidApm
+  class Railtie < Rails::Railtie
+    config.before_initialize do
+      # Always disable in test environment to prevent test pollution
+      SolidApm.enabled = false if Rails.env.test?
+    end
+  end
+end

data/lib/solid_apm/version.rb

@@ -1,3 +1,3 @@
 module SolidApm
-  VERSION = "0.11.1"
+  VERSION = "0.12.1"
 end

data/lib/solid_apm.rb

@@ -4,6 +4,7 @@ require 'active_median'
 require 'apexcharts'
 
 require 'solid_apm/version'
+require 'solid_apm/railtie'
 require 'solid_apm/engine'
 require 'solid_apm/sampler'
 require 'solid_apm/cleanup_service'
@@ -13,6 +14,7 @@ module SolidApm
   mattr_accessor :mcp_server_config, default: {}
   mattr_accessor :silence_active_record_logger, default: true
   mattr_accessor :transaction_sampling, default: 1
+  mattr_accessor :enabled, default: true
   mattr_accessor(
     :transaction_filters, default: [
       /^SolidApm::/,

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: solid_apm
 version: !ruby/object:Gem::Version
-  version: 0.11.1
+  version: 0.12.1
 platform: ruby
 authors:
 - Jean-Francis Bastien
 bindir: bin
 cert_chain: []
-date: 1980-01-02 00:00:00.000000000 Z
+date: 2026-02-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -119,7 +119,6 @@ files:
 - Rakefile
 - app/assets/config/solid_apm_manifest.js
 - app/assets/javascripts/solid_apm/application.js
-- app/assets/javascripts/solid_apm/time_range_form.js
 - app/assets/stylesheets/solid_apm/application.css
 - app/controllers/solid_apm/application_controller.rb
 - app/controllers/solid_apm/spans_controller.rb
@@ -152,6 +151,7 @@ files:
 - lib/solid_apm/mcp/impactful_transactions_resource.rb
 - lib/solid_apm/mcp/spans_for_transaction_tool.rb
 - lib/solid_apm/middleware.rb
+- lib/solid_apm/railtie.rb
 - lib/solid_apm/sampler.rb
 - lib/solid_apm/version.rb
 - lib/tasks/solid_apm_tasks.rake
@@ -176,7 +176,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.9
+rubygems_version: 3.6.2
 specification_version: 4
 summary: SolidApm is a DB base engine for Application Performance Monitoring.
 test_files: []

data/app/assets/javascripts/solid_apm/time_range_form.js

@@ -1,219 +0,0 @@
-class TimeRangeForm {
-  constructor() {
-    this.form = document.getElementById('time-range-form');
-    this.relativeTab = document.getElementById('relative-tab');
-    this.absoluteTab = document.getElementById('absolute-tab');
-    this.relativePanel = document.getElementById('relative-panel');
-    this.absolutePanel = document.getElementById('absolute-panel');
-    this.customFromControl = document.getElementById('custom-from-control');
-    this.customToControl = document.getElementById('custom-to-control');
-    
-    // Timezone handling
-    this.browserTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    this.timezoneOffset = new Date().getTimezoneOffset();
-    
-    this.init();
-  }
-  
-  init() {
-    this.setupEventListeners();
-    this.initializeFormState();
-    this.addTimezoneToForm();
-    this.adjustAbsoluteTimes();
-  }
-  
-  setupEventListeners() {
-    if (this.form) {
-      this.form.addEventListener('submit', (e) => this.handleFormSubmit(e));
-    }
-  }
-  
-  switchToRelative(event) {
-    event.preventDefault();
-    
-    this.relativeTab.classList.add('is-primary');
-    this.absoluteTab.classList.remove('is-primary');
-    this.relativePanel.classList.remove('is-hidden');
-    this.absolutePanel.classList.add('is-hidden');
-    
-    this.removeFields(['from_timestamp', 'to_timestamp']);
-    this.cleanupUrlParams(['from_timestamp', 'to_timestamp', 'from_datetime', 'to_datetime']);
-  }
-  
-  switchToAbsolute(event) {
-    event.preventDefault();
-    
-    this.absoluteTab.classList.add('is-primary');
-    this.relativeTab.classList.remove('is-primary');
-    this.absolutePanel.classList.remove('is-hidden');
-    this.relativePanel.classList.add('is-hidden');
-    
-    this.cleanupUrlParams(['quick_range', 'from_value', 'from_unit', 'to_value', 'to_unit', 'quick_range_apply']);
-  }
-  
-  handleQuickRangeChange(select) {
-    const isCustom = select.value === 'custom';
-    
-    this.toggleVisibility(this.customFromControl, isCustom);
-    this.toggleVisibility(this.customToControl, isCustom);
-    
-    if (!isCustom) {
-      this.applyQuickRange();
-    }
-  }
-  
-  applyQuickRange() {
-    const quickRangeSelect = this.form.querySelector('[name="quick_range"]');
-    if (!quickRangeSelect || quickRangeSelect.value === 'custom') return;
-    
-    this.removeFields(['from_datetime', 'to_datetime', 'from_timestamp', 'to_timestamp']);
-    this.addHiddenField('quick_range_apply', quickRangeSelect.value);
-    this.form.submit();
-  }
-  
-  handleFormSubmit(event) {
-    const isAbsoluteMode = !this.absolutePanel.classList.contains('is-hidden');
-    
-    if (isAbsoluteMode) {
-      this.handleAbsoluteModeSubmit();
-    } else {
-      this.handleRelativeModeSubmit();
-    }
-  }
-  
-  handleAbsoluteModeSubmit() {
-    const fromDatetime = this.form.querySelector('[name="from_datetime"]');
-    const toDatetime = this.form.querySelector('[name="to_datetime"]');
-    
-    if (fromDatetime?.value && toDatetime?.value) {
-      const fromTimestamp = Math.floor(new Date(fromDatetime.value).getTime() / 1000);
-      const toTimestamp = Math.floor(new Date(toDatetime.value).getTime() / 1000);
-      
-      fromDatetime.disabled = true;
-      toDatetime.disabled = true;
-      
-      this.addHiddenField('from_timestamp', fromTimestamp);
-      this.addHiddenField('to_timestamp', toTimestamp);
-      this.addHiddenField('browser_timezone', this.browserTimezone);
-      this.removeFields(['quick_range', 'from_value', 'from_unit', 'to_value', 'to_unit', 'quick_range_apply']);
-    }
-  }
-  
-  handleRelativeModeSubmit() {
-    const quickRangeSelect = this.form.querySelector('[name="quick_range"]');
-    const quickRangeValue = quickRangeSelect?.value;
-    
-    if (quickRangeValue && quickRangeValue !== 'custom') {
-      this.removeFields(['from_value', 'from_unit', 'to_value', 'to_unit', 'quick_range_apply']);
-    } else if (quickRangeValue === 'custom') {
-      this.removeFields(['quick_range_apply']);
-    }
-    
-    this.removeFields(['from_datetime', 'to_datetime', 'from_timestamp', 'to_timestamp']);
-  }
-  
-  initializeFormState() {
-    const urlParams = new URLSearchParams(window.location.search);
-    const hasCustomParams = urlParams.has('from_value') && urlParams.has('from_unit');
-    const hasQuickRange = urlParams.has('quick_range') && urlParams.get('quick_range') !== 'custom';
-    const quickRangeSelect = this.form.querySelector('[name="quick_range"]');
-    
-    if (hasQuickRange) {
-      this.toggleVisibility(this.customFromControl, false);
-      this.toggleVisibility(this.customToControl, false);
-    } else if (hasCustomParams || urlParams.get('quick_range') === 'custom') {
-      if (quickRangeSelect) quickRangeSelect.value = 'custom';
-      this.toggleVisibility(this.customFromControl, true);
-      this.toggleVisibility(this.customToControl, true);
-    } else {
-      // Default state - show quick range only
-      this.toggleVisibility(this.customFromControl, false);
-      this.toggleVisibility(this.customToControl, false);
-    }
-  }
-  
-  // Utility methods
-  removeFields(fieldNames) {
-    fieldNames.forEach(name => {
-      this.form.querySelectorAll(`[name="${name}"]`).forEach(field => field.remove());
-    });
-  }
-  
-  addHiddenField(name, value) {
-    const input = document.createElement('input');
-    input.type = 'hidden';
-    input.name = name;
-    input.value = value;
-    this.form.appendChild(input);
-  }
-  
-  toggleVisibility(element, show) {
-    if (!element) return;
-    element.classList.toggle('is-hidden', !show);
-  }
-  
-  cleanupUrlParams(params) {
-    const url = new URL(window.location);
-    params.forEach(param => url.searchParams.delete(param));
-    window.history.replaceState({}, '', url);
-  }
-  
-  // Timezone-related methods
-  addTimezoneToForm() {
-    // Add timezone information to form for server processing
-    this.addHiddenField('browser_timezone', this.browserTimezone);
-  }
-  
-  adjustAbsoluteTimes() {
-    // Convert timestamps from URL to browser timezone for datetime-local inputs
-    const urlParams = new URLSearchParams(window.location.search);
-    const fromTimestamp = urlParams.get('from_timestamp');
-    const toTimestamp = urlParams.get('to_timestamp');
-    
-    if (fromTimestamp && toTimestamp) {
-      const fromDatetime = this.form.querySelector('[name="from_datetime"]');
-      const toDatetime = this.form.querySelector('[name="to_datetime"]');
-      
-      if (fromDatetime && toDatetime) {
-        // Convert UTC timestamps to local datetime strings
-        const fromDate = new Date(parseInt(fromTimestamp) * 1000);
-        const toDate = new Date(parseInt(toTimestamp) * 1000);
-        
-        fromDatetime.value = this.formatDatetimeLocal(fromDate);
-        toDatetime.value = this.formatDatetimeLocal(toDate);
-      }
-    }
-  }
-  
-  formatDatetimeLocal(date) {
-    // Format date for datetime-local input (YYYY-MM-DDTHH:MM)
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const day = String(date.getDate()).padStart(2, '0');
-    const hours = String(date.getHours()).padStart(2, '0');
-    const minutes = String(date.getMinutes()).padStart(2, '0');
-    
-    return `${year}-${month}-${day}T${hours}:${minutes}`;
-  }
-
-}
-
-// Global functions for onclick handlers (maintaining backward compatibility)
-let timeRangeFormInstance;
-
-function switchToRelative(event) {
-  timeRangeFormInstance?.switchToRelative(event);
-}
-
-function switchToAbsolute(event) {
-  timeRangeFormInstance?.switchToAbsolute(event);
-}
-
-function handleQuickRangeChange(select) {
-  timeRangeFormInstance?.handleQuickRangeChange(select);
-}
-
-// Initialize when DOM is ready
-document.addEventListener('DOMContentLoaded', function() {
-  timeRangeFormInstance = new TimeRangeForm();
-});