mailer-log 0.1.0

data/lib/generators/mailer_log/install/install_generator.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+require 'rails/generators'
+require 'rails/generators/migration'
+
+module MailerLog
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      include Rails::Generators::Migration
+
+      source_root File.expand_path('templates', __dir__)
+
+      desc 'Creates MailerLog initializer and copies migrations to your application.'
+
+      def self.next_migration_number(dirname)
+        next_migration_number = current_migration_number(dirname) + 1
+        ActiveRecord::Migration.next_migration_number(next_migration_number)
+      end
+
+      def copy_initializer
+        template 'initializer.rb', 'config/initializers/mailer_log.rb'
+      end
+
+      def copy_migrations
+        migration_template 'create_mailer_log_tables.rb', 'db/migrate/create_mailer_log_tables.rb'
+      end
+
+      def show_readme
+        readme 'README' if behavior == :invoke
+      end
+    end
+  end
+end

data/lib/generators/mailer_log/install/templates/README

@@ -0,0 +1,35 @@
+
+===============================================================================
+
+MailerLog has been installed successfully!
+
+Next steps:
+
+1. Run migrations:
+
+   $ rails db:migrate
+
+2. Add routes to config/routes.rb:
+
+   Rails.application.routes.draw do
+     mount MailerLog::Engine, at: '/mailer_log'
+   end
+
+3. Configure Mailgun webhooks (optional, for delivery tracking):
+
+   - Go to Mailgun Dashboard -> Sending -> Webhooks
+   - Add webhook URL: https://your-app.com/mailer_log/webhooks/mailgun
+   - Select events: delivered, opened, clicked, bounced, failed, complained
+   - Copy webhook signing key to ENV['MAILGUN_WEBHOOK_SIGNING_KEY']
+
+4. Schedule cleanup job (optional):
+
+   # In sidekiq-cron config:
+   cleanup_mailer_log:
+     cron: '0 3 * * *'
+     class: MailerLog::CleanupJob
+
+5. Access admin UI at: /mailer_log/admin/emails
+
+===============================================================================
+

data/lib/generators/mailer_log/install/templates/create_mailer_log_tables.rb.tt

@@ -0,0 +1,52 @@
+# frozen_string_literal: true
+
+class CreateMailerLogTables < ActiveRecord::Migration[<%= ActiveRecord::Migration.current_version %>]
+  def change
+    create_table :mailer_log_emails do |t|
+      t.string :message_id
+      t.uuid :tracking_id, null: false
+      t.string :mailer_class
+      t.string :mailer_action
+      t.string :from_address
+      t.string :to_addresses, array: true, default: []
+      t.string :cc_addresses, array: true, default: []
+      t.string :bcc_addresses, array: true, default: []
+      t.string :subject
+      t.text :html_body
+      t.text :text_body
+      t.jsonb :headers, default: {}
+      t.text :call_stack
+      t.string :domain
+      t.references :accountable, polymorphic: true, index: true
+      t.string :status, null: false, default: 'pending'
+      t.datetime :delivered_at
+      t.datetime :opened_at
+      t.datetime :clicked_at
+      t.datetime :bounced_at
+      t.timestamps
+    end
+
+    add_index :mailer_log_emails, :tracking_id, unique: true
+    add_index :mailer_log_emails, :message_id, unique: true
+    add_index :mailer_log_emails, :mailer_class
+    add_index :mailer_log_emails, :status
+    add_index :mailer_log_emails, :to_addresses, using: :gin
+    add_index :mailer_log_emails, :created_at
+
+    create_table :mailer_log_events do |t|
+      t.references :email, null: false, foreign_key: { to_table: :mailer_log_emails }
+      t.string :event_type, null: false
+      t.string :mailgun_event_id
+      t.datetime :occurred_at
+      t.string :recipient
+      t.string :ip_address
+      t.string :user_agent
+      t.jsonb :raw_data, default: {}
+      t.timestamps
+    end
+
+    add_index :mailer_log_events, :mailgun_event_id, unique: true
+    add_index :mailer_log_events, :event_type
+    add_index :mailer_log_events, :occurred_at
+  end
+end

data/lib/generators/mailer_log/install/templates/initializer.rb.tt

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+MailerLog.configure do |config|
+  # Email retention period (default: 1 year)
+  # Emails older than this will be deleted by CleanupJob
+  config.retention_period = 1.year
+
+  # Mailgun webhook signing key for signature verification
+  # Get it from: Mailgun Dashboard -> Sending -> Webhooks -> HTTP webhook signing key
+  config.webhook_signing_key = ENV['MAILGUN_WEBHOOK_SIGNING_KEY']
+
+  # Capture call stack to see where emails were triggered from (default: true)
+  config.capture_call_stack = Rails.env.development? || Rails.env.staging?
+  config.call_stack_depth = 20
+
+  # Layout for admin views (default: 'application')
+  config.admin_layout = 'application'
+
+  # Records per page in admin UI (default: 25)
+  config.per_page = 25
+
+  # Optional: Additional authentication for admin UI
+  # By default, engine inherits from your AdminsController
+  # config.authenticate_with do |controller|
+  #   controller.send(:require_super_admin!)
+  # end
+
+  # Optional: Resolver for accountable association (e.g., Organization)
+  # config.resolve_accountable do |email_record|
+  #   user = User.find_by(email: email_record.to_addresses&.first)
+  #   user&.organization
+  # end
+end

data/lib/mailer_log/configuration.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module MailerLog
+  class Configuration
+    attr_accessor :retention_period,
+                  :webhook_signing_key,
+                  :capture_call_stack,
+                  :call_stack_depth,
+                  :admin_layout,
+                  :per_page
+
+    attr_reader :authenticate_with_proc, :resolve_accountable_proc
+
+    def initialize
+      @retention_period = 1.year
+      @webhook_signing_key = nil
+      @capture_call_stack = true
+      @call_stack_depth = 20
+      @admin_layout = 'application'
+      @per_page = 25
+      @authenticate_with_proc = nil
+      @resolve_accountable_proc = nil
+    end
+
+    def authenticate_with(&block)
+      @authenticate_with_proc = block
+    end
+
+    def resolve_accountable(&block)
+      @resolve_accountable_proc = block
+    end
+  end
+end

data/lib/mailer_log/engine.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+require 'mailer_log/mail_interceptor'
+require 'mailer_log/mail_observer'
+
+module MailerLog
+  class Engine < ::Rails::Engine
+    isolate_namespace MailerLog
+
+    initializer 'mailer_log.action_mailer' do
+      ActiveSupport.on_load(:action_mailer) do
+        ActionMailer::Base.register_interceptor(MailerLog::MailInterceptor)
+        ActionMailer::Base.register_observer(MailerLog::MailObserver)
+      end
+    end
+
+    config.generators do |g|
+      g.test_framework :rspec
+      g.fixture_replacement :factory_bot
+      g.factory_bot dir: 'spec/factories'
+    end
+
+    # Load rake tasks
+    rake_tasks do
+      load MailerLog::Engine.root.join('lib', 'tasks', 'mailer_log.rake')
+    end
+  end
+end

data/lib/mailer_log/mail_interceptor.rb

@@ -0,0 +1,97 @@
+# frozen_string_literal: true
+
+module MailerLog
+  class MailInterceptor
+    class << self
+      def delivering_email(message)
+        tracking_id = SecureRandom.uuid
+
+        # Add tracking header for Mailgun webhook correlation
+        message.header['X-Mailer-Log-Tracking-ID'] = tracking_id
+
+        # Store data for observer to pick up after delivery
+        MailerLog::Current.email_data = {
+          tracking_id: tracking_id,
+          mailer_class: extract_mailer_class(message),
+          mailer_action: extract_mailer_action(message),
+          from_address: message.from&.first,
+          to_addresses: Array(message.to),
+          cc_addresses: Array(message.cc),
+          bcc_addresses: Array(message.bcc),
+          subject: message.subject,
+          html_body: extract_html_body(message),
+          text_body: extract_text_body(message),
+          headers: extract_headers(message),
+          call_stack: capture_call_stack,
+          domain: message[:domain]&.value
+        }
+      rescue StandardError => e
+        Rails.logger.error("MailerLog::MailInterceptor error: #{e.message}")
+        Rails.logger.error(e.backtrace.first(5).join("\n"))
+      end
+
+      private
+
+      def extract_mailer_class(message)
+        handler = message.delivery_handler
+        return message['X-Mailer']&.to_s || 'Unknown' unless handler
+
+        handler.is_a?(Class) ? handler.name : handler.class.name
+      end
+
+      def extract_mailer_action(message)
+        handler = message.delivery_handler
+        return 'unknown' unless handler
+
+        if handler.respond_to?(:action_name)
+          handler.action_name.to_s
+        elsif message['X-Mailer-Action']
+          message['X-Mailer-Action'].to_s
+        else
+          'unknown'
+        end
+      end
+
+      def extract_html_body(message)
+        if message.multipart?
+          message.html_part&.body&.decoded
+        elsif message.content_type&.include?('text/html')
+          message.body.decoded
+        end
+      rescue StandardError => e
+        Rails.logger.warn("MailerLog: Failed to extract HTML body: #{e.message}")
+        nil
+      end
+
+      def extract_text_body(message)
+        if message.multipart?
+          message.text_part&.body&.decoded
+        elsif message.content_type.nil? || message.content_type.include?('text/plain')
+          message.body.decoded
+        end
+      rescue StandardError => e
+        Rails.logger.warn("MailerLog: Failed to extract text body: #{e.message}")
+        nil
+      end
+
+      def extract_headers(message)
+        message.header.fields.each_with_object({}) do |field, hash|
+          hash[field.name] = field.value
+        end
+      rescue StandardError => e
+        Rails.logger.warn("MailerLog: Failed to extract headers: #{e.message}")
+        {}
+      end
+
+      def capture_call_stack
+        return nil unless MailerLog.configuration.capture_call_stack
+
+        depth = MailerLog.configuration.call_stack_depth || 20
+        caller.select { |line| line.include?(Rails.root.to_s) }
+          .reject { |line| line.include?('mailer_log') }
+          .first(depth)
+          .join("\n")
+      end
+    end
+  end
+end

data/lib/mailer_log/mail_observer.rb

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+module MailerLog
+  class MailObserver
+    class << self
+      def delivered_email(message)
+        data = MailerLog::Current.email_data
+        return unless data
+
+        email = MailerLog::Email.new(
+          data.merge(
+            message_id: message.message_id,
+            status: 'sent'
+          )
+        )
+
+        # Resolve accountable via configured resolver
+        resolve_accountable(email)
+
+        email.save!
+      rescue StandardError => e
+        Rails.logger.error("MailerLog::MailObserver error: #{e.message}")
+        Rails.logger.error(e.backtrace.first(5).join("\n"))
+        report_error(e)
+      ensure
+        MailerLog::Current.reset
+      end
+
+      private
+
+      def resolve_accountable(email)
+        resolver = MailerLog.configuration.resolve_accountable_proc
+        return unless resolver
+
+        email.accountable = resolver.call(email)
+      rescue StandardError => e
+        Rails.logger.warn("MailerLog: Failed to resolve accountable: #{e.message}")
+      end
+
+      def report_error(exception)
+        Airbrake.notify(exception) if defined?(Airbrake)
+      end
+    end
+  end
+end

data/lib/mailer_log/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module MailerLog
+  VERSION = '0.1.0'
+end

data/lib/mailer_log.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+require 'has_scope'
+require 'kaminari'
+
+require 'mailer_log/version'
+require 'mailer_log/configuration'
+require 'mailer_log/engine'
+
+module MailerLog
+  class << self
+    def configuration
+      @configuration ||= Configuration.new
+    end
+
+    def configure
+      yield(configuration)
+    end
+
+    def reset_configuration!
+      @configuration = Configuration.new
+    end
+  end
+end

data/lib/tasks/mailer_log.rake

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+namespace :mailer_log do
+  desc 'Build MailerLog Vue.js frontend (set MAILER_LOG_OVERRIDES_PATH to customize components)'
+  task :build_frontend do
+    frontend_dir = MailerLog::Engine.root.join('frontend')
+    overrides_path = ENV['MAILER_LOG_OVERRIDES_PATH']
+
+    puts 'Installing npm dependencies...'
+    system('npm install', chdir: frontend_dir.to_s) || raise('npm install failed')
+
+    if overrides_path
+      puts "Building frontend with overrides from: #{overrides_path}"
+    else
+      puts 'Building frontend (no overrides)...'
+      puts 'Tip: Set MAILER_LOG_OVERRIDES_PATH to customize navbar and other components'
+    end
+
+    env = overrides_path ? { 'MAILER_LOG_OVERRIDES_PATH' => overrides_path } : {}
+    system(env, 'npm run build', chdir: frontend_dir.to_s) || raise('npm build failed')
+
+    puts 'Frontend built successfully!'
+  end
+
+  desc 'Start Vite development server for MailerLog frontend'
+  task :dev_server do
+    frontend_dir = MailerLog::Engine.root.join('frontend')
+    overrides_path = ENV['MAILER_LOG_OVERRIDES_PATH']
+
+    puts 'Starting Vite dev server...'
+    puts 'Frontend will be available at http://localhost:5173'
+    puts 'Make sure Rails is running on http://localhost:3000'
+
+    if overrides_path
+      puts "Using overrides from: #{overrides_path}"
+    end
+
+    env = overrides_path ? { 'MAILER_LOG_OVERRIDES_PATH' => overrides_path } : {}
+    exec(env, 'npm run dev', chdir: frontend_dir.to_s)
+  end
+end

data/public/mailer_log/.vite/manifest.json

@@ -0,0 +1,11 @@
+{
+  "index.html": {
+    "file": "assets/mailer_log-2Waj6tsV.js",
+    "name": "index",
+    "src": "index.html",
+    "isEntry": true,
+    "css": [
+      "assets/index-D_66gvIL.css"
+    ]
+  }
+}

data/public/mailer_log/assets/index-D_66gvIL.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-5{height:1.25rem}.h-96{height:24rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.w-24{width:6rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-md{max-width:28rem}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-4{padding-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mailer-log-app{min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}.email-detail-panel-content[data-v-4ad871a7]{display:flex;flex-direction:column;height:100%}.panel-header[data-v-4ad871a7]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.header-content[data-v-4ad871a7]{display:flex;align-items:center;gap:.75rem;min-width:0}.panel-title[data-v-4ad871a7]{font-size:.9375rem;font-weight:600;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-btn[data-v-4ad871a7]{padding:.25rem;color:#6b7280;background:none;border:none;border-radius:.25rem;cursor:pointer;flex-shrink:0}.close-btn[data-v-4ad871a7]:hover{color:#374151;background:#f3f4f6}.loading-state[data-v-4ad871a7],.error-state[data-v-4ad871a7]{padding:2rem;text-align:center;color:#6b7280}.error-state[data-v-4ad871a7]{color:#dc2626}.panel-body[data-v-4ad871a7]{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.meta-section[data-v-4ad871a7]{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.meta-grid[data-v-4ad871a7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem 1rem}.meta-item[data-v-4ad871a7]{display:flex;align-items:baseline;gap:.5rem;font-size:.8125rem}.meta-label[data-v-4ad871a7]{color:#6b7280;flex-shrink:0;min-width:60px}.meta-value[data-v-4ad871a7]{color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}code.meta-value[data-v-4ad871a7]{font-size:.75rem;background:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem}.tabs-section[data-v-4ad871a7]{display:flex;flex-direction:column;flex:1;min-height:0}.tabs-header[data-v-4ad871a7]{display:flex;gap:.25rem;padding:.5rem 1rem 0;border-bottom:1px solid #e5e7eb;flex-shrink:0}.tab-btn[data-v-4ad871a7]{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}.tab-btn[data-v-4ad871a7]:hover{color:#374151}.tab-btn.active[data-v-4ad871a7]{color:#3b82f6;border-bottom-color:#3b82f6}.tab-count[data-v-4ad871a7]{font-size:.6875rem;background:#e5e7eb;color:#374151;padding:.125rem .375rem;border-radius:9999px}.tab-btn.active .tab-count[data-v-4ad871a7]{background:#dbeafe;color:#3b82f6}.tab-content[data-v-4ad871a7]{flex:1;overflow:auto}.preview-content[data-v-4ad871a7],.events-content[data-v-4ad871a7],.stack-content[data-v-4ad871a7],.headers-content[data-v-4ad871a7]{height:100%}.html-preview[data-v-4ad871a7]{height:100%;position:relative}.iframe-loading[data-v-4ad871a7]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f9fafb;color:#6b7280;font-size:.875rem}.preview-iframe[data-v-4ad871a7]{width:100%;height:100%;border:none;opacity:1;transition:opacity .15s ease}.preview-iframe.is-loading[data-v-4ad871a7]{opacity:0}.text-preview[data-v-4ad871a7]{margin:0;padding:1rem;font-size:.8125rem;background:#f9fafb;overflow:auto;height:100%}.no-content[data-v-4ad871a7]{padding:2rem;text-align:center;color:#6b7280;font-size:.875rem}.events-list[data-v-4ad871a7]{padding:.5rem}.event-item[data-v-4ad871a7]{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.25rem}.event-item[data-v-4ad871a7]:hover{background:#f9fafb}.event-time[data-v-4ad871a7]{font-size:.75rem;color:#6b7280}.event-recipient[data-v-4ad871a7]{font-size:.8125rem;color:#374151}.stack-trace[data-v-4ad871a7],.headers-json[data-v-4ad871a7]{margin:0;padding:1rem;font-size:.75rem;background:#f9fafb;overflow:auto;height:100%}.email-log-container[data-v-af6aea95]{display:flex;flex-direction:column;height:calc(100vh - 80px);gap:.75rem}.filters-section[data-v-af6aea95]{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.filters-toggle[data-v-af6aea95]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-weight:500;font-size:.875rem;color:#374151;background:none;border:none;cursor:pointer}.filters-toggle[data-v-af6aea95]:hover{background:#f9fafb}.filter-count[data-v-af6aea95]{background:#3b82f6;color:#fff;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px}.filters-panel[data-v-af6aea95]{padding:0 1rem 1rem;border-top:1px solid #e5e7eb}.filters-grid[data-v-af6aea95]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;padding-top:.75rem}.filter-label[data-v-af6aea95]{display:block;font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.25rem}.filter-input[data-v-af6aea95]{width:100%;padding:.375rem .5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem}.filter-input[data-v-af6aea95]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.filter-actions[data-v-af6aea95]{display:flex;align-items:flex-end;gap:.5rem}.btn-primary[data-v-af6aea95]{padding:.375rem .75rem;font-size:.875rem;font-weight:500;color:#fff;background:#3b82f6;border:none;border-radius:.375rem;cursor:pointer}.btn-primary[data-v-af6aea95]:hover{background:#2563eb}.btn-secondary[data-v-af6aea95]{padding:.375rem .75rem;font-size:.875rem;color:#3b82f6;background:none;border:none;cursor:pointer}.btn-secondary[data-v-af6aea95]:hover{text-decoration:underline}.split-container[data-v-af6aea95]{display:flex;flex:1;gap:.75rem;min-height:0}.email-list-panel[data-v-af6aea95]{display:flex;flex-direction:column;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;flex:1;min-width:0}.email-list-panel.has-selection[data-v-af6aea95]{flex:0 0 35%;max-width:500px;min-width:320px}.list-header[data-v-af6aea95]{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.list-title[data-v-af6aea95]{font-size:1rem;font-weight:600;color:#111827;margin:0}.loading-state[data-v-af6aea95],.empty-state[data-v-af6aea95]{padding:2rem;text-align:center;color:#6b7280}.table-wrapper[data-v-af6aea95]{flex:1;overflow:auto}.email-table[data-v-af6aea95]{width:100%;border-collapse:collapse;font-size:.8125rem}.email-table thead[data-v-af6aea95]{position:sticky;top:0;background:#f9fafb;z-index:1}.email-table th[data-v-af6aea95]{padding:.5rem .75rem;text-align:left;font-weight:500;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.email-table th.sortable[data-v-af6aea95]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.email-table th.sortable[data-v-af6aea95]:hover{background:#f3f4f6}.email-table th.sorted[data-v-af6aea95]{color:#3b82f6}.th-content[data-v-af6aea95]{display:flex;align-items:center;gap:.25rem}.sort-indicator[data-v-af6aea95]{font-size:.75rem}.email-table tbody tr[data-v-af6aea95]{cursor:pointer;border-bottom:1px solid #f3f4f6}.email-table tbody tr[data-v-af6aea95]:hover{background:#f9fafb}.email-table tbody tr.selected[data-v-af6aea95]{background:#eff6ff}.email-table td[data-v-af6aea95]{padding:.5rem .75rem;color:#374151;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailer-cell[data-v-af6aea95]{display:flex;flex-direction:column;gap:.125rem}.mailer-name[data-v-af6aea95]{font-size:.75rem;background:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem}.mailer-action[data-v-af6aea95]{font-size:.6875rem;color:#6b7280}.pagination[data-v-af6aea95]{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-top:1px solid #e5e7eb;flex-shrink:0}.page-info[data-v-af6aea95]{font-size:.75rem;color:#6b7280}.page-buttons[data-v-af6aea95]{display:flex;gap:.25rem}.page-btn[data-v-af6aea95]{padding:.25rem .5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.25rem;background:#fff;cursor:pointer}.page-btn[data-v-af6aea95]:disabled{opacity:.5;cursor:not-allowed}.page-btn[data-v-af6aea95]:not(:disabled):hover{background:#f3f4f6}.email-detail-panel[data-v-af6aea95]{flex:0 0 65%;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column}.slide-enter-active[data-v-af6aea95]{transition:opacity .15s ease,transform .15s ease}.slide-leave-active[data-v-af6aea95]{transition:opacity .1s ease,transform .1s ease}.slide-enter-from[data-v-af6aea95],.slide-leave-to[data-v-af6aea95]{opacity:0;transform:translate(20px)}@media (max-width: 1024px){.split-container[data-v-af6aea95]{flex-direction:column}.email-list-panel.has-selection[data-v-af6aea95]{flex:0 0 40%;max-width:none;min-width:0}.email-detail-panel[data-v-af6aea95]{flex:1}.slide-enter-from[data-v-af6aea95],.slide-leave-to[data-v-af6aea95]{transform:translateY(20px)}}