dbwatcher 1.1.1 → 1.1.3

data/app/assets/stylesheets/dbwatcher/components/_timeline.scss

@@ -0,0 +1,326 @@
+// Timeline Component Styles
+// Provides styles for the interactive timeline visualization
+
+.timeline-container {
+  @apply h-full flex flex-col;
+}
+
+.timeline-controls {
+  @apply p-3 border-b border-gray-300 bg-gray-50;
+}
+
+.timeline-header {
+  @apply flex items-center justify-between mb-3;
+}
+
+.timeline-title {
+  @apply text-sm font-medium text-gray-900;
+}
+
+.timeline-zoom-controls {
+  @apply flex items-center gap-2;
+}
+
+.timeline-filter-controls {
+  @apply flex items-center gap-4 text-xs flex-wrap;
+}
+
+.timeline-filter-group {
+  @apply flex items-center gap-2;
+}
+
+.timeline-filter-label {
+  @apply text-gray-700 font-medium;
+}
+
+// Timeline visualization
+.timeline-visualization {
+  @apply flex-1 overflow-hidden;
+}
+
+.timeline-time-header {
+  @apply h-8 bg-gray-100 border-b border-gray-200 relative;
+}
+
+.timeline-time-scale {
+  @apply absolute inset-0 flex items-center px-4;
+}
+
+.timeline-content {
+  @apply flex-1 overflow-auto p-4 bg-white;
+}
+
+.timeline-track {
+  @apply relative h-16 bg-gray-50 rounded border border-gray-200 mb-4;
+}
+
+.timeline-line {
+  @apply absolute top-1/2 left-4 right-4 h-0.5 bg-gray-300 transform -translate-y-1/2;
+}
+
+.timeline-marker {
+  @apply absolute top-1/2 transform -translate-y-1/2 -translate-x-1/2 cursor-pointer;
+
+  .timeline-marker-dot {
+    @apply w-3 h-3 rounded-full border-2 border-white shadow-sm transition-transform;
+
+    &:hover {
+      @apply scale-125;
+    }
+  }
+}
+
+// Timeline statistics
+.timeline-stats {
+  @apply grid grid-cols-2 gap-4 text-xs;
+
+  @screen md {
+    @apply grid-cols-4;
+  }
+}
+
+.timeline-stat-card {
+  @apply bg-gray-50 p-3 rounded;
+}
+
+.timeline-stat-label {
+  @apply text-gray-500 font-medium;
+}
+
+.timeline-stat-value {
+  @apply text-lg font-bold text-gray-900;
+}
+
+.timeline-stat-detail {
+  @apply text-xs text-gray-500;
+}
+
+// Operation list
+.timeline-operations {
+  @apply mt-6;
+}
+
+.timeline-operations-title {
+  @apply text-sm font-medium text-gray-900 mb-3;
+}
+
+.timeline-operations-list {
+  @apply space-y-2 max-h-64 overflow-auto;
+}
+
+.timeline-operation-item {
+  @apply flex items-center justify-between p-2 bg-gray-50 rounded hover:bg-gray-100 cursor-pointer text-xs;
+}
+
+.timeline-operation-info {
+  @apply flex items-center gap-3;
+}
+
+.timeline-operation-marker {
+  @apply w-2 h-2 rounded-full;
+}
+
+.timeline-operation-type {
+  @apply font-medium;
+}
+
+.timeline-operation-table {
+  // No additional styles needed - uses default text
+}
+
+.timeline-operation-time {
+  @apply text-gray-500;
+}
+
+.timeline-operation-record {
+  @apply text-gray-500;
+}
+
+// Empty state
+.timeline-empty {
+  @apply text-center py-8 text-gray-500;
+}
+
+.timeline-empty-icon {
+  @apply w-12 h-12 mx-auto mb-4 text-gray-300;
+}
+
+.timeline-empty-text {
+  // No additional styles needed
+}
+
+.timeline-empty-action {
+  @apply mt-2 text-blue-600 underline;
+}
+
+// Loading state
+.timeline-loading {
+  @apply flex items-center justify-center h-64;
+}
+
+.timeline-loading-spinner {
+  @apply animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500;
+}
+
+.timeline-loading-text {
+  @apply ml-2 text-gray-600;
+}
+
+// Error state
+.timeline-error {
+  @apply p-4 bg-red-50 border border-red-200 rounded m-4;
+}
+
+.timeline-error-text {
+  @apply text-red-700;
+}
+
+.timeline-error-retry {
+  @apply mt-2 text-red-600 underline;
+}
+
+// Modal styles
+.timeline-modal-overlay {
+  @apply fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50;
+}
+
+.timeline-modal-content {
+  @apply bg-white rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-96 overflow-auto;
+}
+
+.timeline-modal-header {
+  @apply p-4 border-b border-gray-200 flex justify-between items-center;
+}
+
+.timeline-modal-title {
+  @apply text-lg font-medium;
+}
+
+.timeline-modal-close {
+  @apply text-gray-400 hover:text-gray-600;
+}
+
+.timeline-modal-body {
+  @apply p-4;
+}
+
+.timeline-operation-details {
+  @apply grid grid-cols-1 gap-4 text-sm;
+
+  @screen md {
+    @apply grid-cols-2;
+  }
+}
+
+.timeline-operation-detail-item {
+  // No additional styles needed
+}
+
+.timeline-operation-detail-label {
+  @apply font-medium;
+}
+
+.timeline-operation-detail-value {
+  @apply ml-2;
+
+  &.operation-badge {
+    @apply px-2 py-1 rounded text-xs;
+  }
+
+  &.monospace {
+    @apply font-mono;
+  }
+
+  &.small {
+    @apply text-xs;
+  }
+}
+
+.timeline-changes-section {
+  @apply mt-4;
+}
+
+.timeline-changes-title {
+  @apply text-sm font-medium;
+}
+
+.timeline-changes-content {
+  @apply mt-2 p-3 bg-gray-50 rounded text-xs overflow-auto border max-h-32;
+}
+
+.timeline-metadata-section {
+  @apply mt-4;
+}
+
+.timeline-metadata-title {
+  @apply text-sm font-medium;
+}
+
+.timeline-metadata-grid {
+  @apply mt-2 grid grid-cols-2 gap-2 text-xs;
+}
+
+.timeline-metadata-item {
+  // No additional styles needed for items that are shown
+}
+
+.timeline-metadata-key {
+  @apply font-medium capitalize;
+}
+
+.timeline-metadata-value {
+  // No additional styles needed
+}
+
+// Responsive adjustments
+@screen sm {
+  .timeline-filter-controls {
+    @apply flex-nowrap;
+  }
+
+  .timeline-stats {
+    @apply grid-cols-4;
+  }
+}
+
+// Operation color classes
+.operation-insert {
+  @apply text-green-600 bg-green-100;
+}
+
+.operation-update {
+  @apply text-blue-600 bg-blue-100;
+}
+
+.operation-delete {
+  @apply text-red-600 bg-red-100;
+}
+
+.operation-select {
+  @apply text-purple-600 bg-purple-100;
+}
+
+// Transition classes for Alpine.js
+.timeline-transition-enter {
+  @apply transition ease-out duration-300;
+}
+
+.timeline-transition-enter-start {
+  @apply opacity-0;
+}
+
+.timeline-transition-enter-end {
+  @apply opacity-100;
+}
+
+.timeline-transition-leave {
+  @apply transition ease-in duration-200;
+}
+
+.timeline-transition-leave-start {
+  @apply opacity-100;
+}
+
+.timeline-transition-leave-end {
+  @apply opacity-0;
+}

data/app/assets/stylesheets/dbwatcher/vendor/_tabulator_overrides.scss

@@ -0,0 +1,37 @@
+/**
+ * Tabulator Vendor Overrides
+ * Overrides for the Tabulator.js vendor CSS
+ */
+
+// Override specific vendor styles that can't be handled in our component CSS
+.tabulator {
+  // Force our font settings
+  font-family: 'Consolas', 'Monaco', 'Lucida Console', monospace !important;
+
+  // Ensure proper header styling
+  .tabulator-header {
+    background: #f3f3f3 !important;
+
+    .tabulator-col {
+      background: #f3f3f3 !important;
+    }
+  }
+
+  // Ensure proper row styling
+  .tabulator-tableholder .tabulator-table .tabulator-row {
+    background: white !important;
+
+    &:hover {
+      background: #f3f4f6 !important;
+    }
+
+    // Ensure proper hover state for sticky cells
+    &:hover .tabulator-cell {
+      &.sticky-left-0,
+      &.sticky-left-1,
+      &.sticky-left-2 {
+        background: #f9fafb !important;
+      }
+    }
+  }
+}

data/app/controllers/dbwatcher/api/v1/sessions_controller.rb

@@ -6,12 +6,12 @@ module Dbwatcher
       class SessionsController < BaseController
         before_action :find_session, except: [:diagram_types]
 
-        def changes_data
-          Rails.logger.info "API::V1::SessionsController#changes_data: Getting changes for session #{@session.id}"
+        def tables_data
+          Rails.logger.info "API::V1::SessionsController#tables_data: Getting tables for session #{@session.id}"
 
-          # Paginated, filtered changes data
+          # Paginated, filtered tables data
           # Convert ActionController::Parameters to a hash before passing to service
-          service = Dbwatcher::Services::Api::ChangesDataService.new(@session, filter_params.to_h)
+          service = Dbwatcher::Services::Api::TablesDataService.new(@session, filter_params.to_h)
           render json: service.call
         end
 
@@ -39,6 +39,20 @@ module Dbwatcher
           end
         end
 
+        def timeline_data
+          Rails.logger.info "API::V1::SessionsController#timeline_data: Getting timeline for session #{@session.id}"
+
+          # Timeline data processed from session changes
+          service = Dbwatcher::Services::TimelineDataService.new(@session)
+          result = service.call
+
+          if result[:errors].any?
+            render json: { error: result[:errors].first[:message] }, status: :unprocessable_entity
+          else
+            render json: result
+          end
+        end
+
         def diagram_types
           Rails.logger.info "API::V1::SessionsController#diagram_types: Getting available diagram types"
 

data/app/controllers/dbwatcher/api/v1/system_info_controller.rb

@@ -0,0 +1,180 @@
+# frozen_string_literal: true
+
+module Dbwatcher
+  module Api
+    module V1
+      # System information API controller
+      #
+      # Provides RESTful API endpoints for system information access.
+      # Supports JSON responses for programmatic access to system data.
+      # rubocop:disable Metrics/ClassLength
+      class SystemInfoController < BaseController
+        before_action :ensure_system_info_enabled
+
+        # Get complete system information
+        #
+        # @return [void]
+        def index
+          info = system_info_storage.cached_info
+
+          render json: {
+            status: :ok,
+            data: info,
+            timestamp: Time.current.iso8601,
+            cache_age: system_info_storage.info_age&.round(2)
+          }
+        rescue StandardError => e
+          log_error "API: Failed to get system information: #{e.message}"
+          render json: { error: e.message }, status: :internal_server_error
+        end
+
+        # Refresh system information
+        #
+        # @return [void]
+        def refresh
+          info = system_info_storage.refresh_info
+
+          render json: {
+            status: :ok,
+            data: info,
+            timestamp: Time.current.iso8601,
+            message: "System information refreshed successfully"
+          }
+        rescue StandardError => e
+          log_error "API: Failed to refresh system information: #{e.message}"
+          render json: { error: e.message }, status: :internal_server_error
+        end
+
+        # Get machine information only
+        #
+        # @return [void]
+        def machine
+          info = system_info_storage.cached_info
+
+          render json: {
+            status: :ok,
+            data: info[:machine] || {},
+            timestamp: Time.current.iso8601,
+            cache_age: system_info_storage.info_age&.round(2)
+          }
+        rescue StandardError => e
+          log_error "API: Failed to get machine information: #{e.message}"
+          render json: { error: e.message }, status: :internal_server_error
+        end
+
+        # Get database information only
+        #
+        # @return [void]
+        def database
+          info = system_info_storage.cached_info
+
+          render json: {
+            status: :ok,
+            data: info[:database] || {},
+            timestamp: Time.current.iso8601,
+            cache_age: system_info_storage.info_age&.round(2)
+          }
+        rescue StandardError => e
+          log_error "API: Failed to get database information: #{e.message}"
+          render json: { error: e.message }, status: :internal_server_error
+        end
+
+        # Get runtime information only
+        #
+        # @return [void]
+        def runtime
+          info = system_info_storage.cached_info
+
+          render json: {
+            status: :ok,
+            data: info[:runtime] || {},
+            timestamp: Time.current.iso8601,
+            cache_age: system_info_storage.info_age&.round(2)
+          }
+        rescue StandardError => e
+          log_error "API: Failed to get runtime information: #{e.message}"
+          render json: { error: e.message }, status: :internal_server_error
+        end
+
+        # Get system information summary
+        #
+        # @return [void]
+        def summary
+          summary_data = system_info_storage.summary
+
+          render json: {
+            status: :ok,
+            data: summary_data,
+            timestamp: Time.current.iso8601
+          }
+        rescue StandardError => e
+          log_error "API: Failed to get system info summary: #{e.message}"
+          render json: { error: e.message }, status: :internal_server_error
+        end
+
+        # Clear system information cache
+        #
+        # @return [void]
+        def clear_cache
+          system_info_storage.clear_cache
+
+          render json: {
+            status: :ok,
+            message: "System information cache cleared successfully",
+            timestamp: Time.current.iso8601
+          }
+        rescue StandardError => e
+          log_error "API: Failed to clear cache: #{e.message}"
+          render json: { error: e.message }, status: :internal_server_error
+        end
+
+        # Get cache status and metadata
+        #
+        # @return [void]
+        # rubocop:disable Metrics/MethodLength
+        def cache_status
+          info_available = system_info_storage.info_available?
+          cache_age = system_info_storage.info_age
+
+          render json: {
+            status: :ok,
+            data: {
+              cache_available: info_available,
+              cache_age: cache_age&.round(2),
+              cache_expired: cache_age && cache_age > Dbwatcher.configuration.system_info_cache_duration,
+              max_cache_age: Dbwatcher.configuration.system_info_cache_duration,
+              refresh_interval: Dbwatcher.configuration.system_info_refresh_interval
+            },
+            timestamp: Time.current.iso8601
+          }
+        rescue StandardError => e
+          log_error "API: Failed to get cache status: #{e.message}"
+          render json: { error: e.message }, status: :internal_server_error
+        end
+        # rubocop:enable Metrics/MethodLength
+
+        private
+
+        # Get system info storage instance
+        #
+        # @return [Storage::SystemInfoStorage] storage instance
+        def system_info_storage
+          @system_info_storage ||= Storage::SystemInfoStorage.new
+        end
+
+        # Check if system information collection is enabled
+        #
+        # @return [void]
+        def ensure_system_info_enabled
+          return if Dbwatcher.configuration.collect_system_info
+
+          render json: {
+            error: "System information collection is disabled",
+            status: :forbidden
+          }, status: :forbidden
+        end
+      end
+      # rubocop:enable Metrics/ClassLength
+    end
+  end
+end

data/app/controllers/dbwatcher/dashboard/system_info_controller.rb

@@ -0,0 +1,64 @@
+# frozen_string_literal: true
+
+module Dbwatcher
+  module Dashboard
+    class SystemInfoController < BaseController
+      def refresh
+        system_info_storage.refresh_info
+
+        respond_to do |format|
+          format.json do
+            render json: refresh_success_response
+          end
+        end
+      rescue StandardError => e
+        respond_to do |format|
+          format.json do
+            render json: { success: false, error: e.message }, status: :internal_server_error
+          end
+        end
+      end
+
+      def clear_cache
+        system_info_storage.clear_cache
+
+        respond_to do |format|
+          format.json do
+            render json: clear_cache_success_response
+          end
+        end
+      rescue StandardError => e
+        respond_to do |format|
+          format.json do
+            render json: { success: false, error: e.message }, status: :internal_server_error
+          end
+        end
+      end
+
+      private
+
+      # Get system info storage instance
+      #
+      # @return [Storage::SystemInfoStorage] storage instance
+      def system_info_storage
+        @system_info_storage ||= Storage::SystemInfoStorage.new
+      end
+
+      def refresh_success_response
+        {
+          success: true,
+          message: "System information refreshed successfully",
+          data: system_info_storage.cached_info,
+          summary: system_info_storage.summary
+        }
+      end
+
+      def clear_cache_success_response
+        {
+          success: true,
+          message: "System information cache cleared successfully"
+        }
+      end
+    end
+  end
+end

data/app/controllers/dbwatcher/dashboard_controller.rb

@@ -7,6 +7,14 @@ module Dbwatcher
       @recent_sessions = dashboard_data[:recent_sessions]
       @active_tables = dashboard_data[:active_tables]
       @query_stats = dashboard_data[:query_stats]
+      @active_tab = params[:tab] || "overview"
+
+      # Add system information if enabled
+      return unless Dbwatcher.configuration.collect_system_info
+
+      @system_info_summary = system_info_storage.summary
+      @system_info = system_info_storage.cached_info
+      @info_age = system_info_storage.info_age
     end
 
     def clear_all
@@ -16,5 +24,14 @@ module Dbwatcher
         root_path
       )
     end
+
+    private
+
+    # Get system info storage instance
+    #
+    # @return [Storage::SystemInfoStorage] storage instance
+    def system_info_storage
+      @system_info_storage ||= Storage::SystemInfoStorage.new
+    end
   end
 end

data/app/controllers/dbwatcher/sessions_controller.rb

@@ -9,22 +9,9 @@ module Dbwatcher
     end
 
     def show
-      redirect_to changes_session_path(@session.id)
-    end
-
-    def changes
-      Rails.logger.info "SessionsController#changes: Loading changes for session #{@session.id}"
-      # No server-side data processing - API-first architecture
-    end
-
-    def summary
-      Rails.logger.info "SessionsController#summary: Loading summary for session #{@session.id}"
-      # No server-side data processing - API-first architecture
-    end
-
-    def diagrams
-      Rails.logger.info "SessionsController#diagrams: Loading diagrams for session #{@session.id}"
-      # No server-side data processing - API-first architecture
+      @active_tab = params[:tab] || "tables"
+      # Debug logging
+      Rails.logger.info "SessionsController#show: Session ID: #{@session.id.inspect}, Class: #{@session.class}"
     end
 
     def clear
@@ -41,8 +28,5 @@ module Dbwatcher
       @session = Storage.sessions.find(params[:id])
       handle_not_found("Session", sessions_path) unless @session
     end
-
-    # No longer needed with API-first architecture
-    # All data processing happens in API services and is loaded via JavaScript
   end
 end