lesli_audit 1.0.2 → 1.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ff9465d4d130455ae1ef9804d86e17e54754708857234684a0d99237f8545770
-  data.tar.gz: 3455cb58ed202920a07a0faacf21ced66b421201a2832206e22c0495bff8d05c
+  metadata.gz: 1ebf3748b965f8b36dcd0861b281f5fabf373d59e71661651b01cece8bdc4c18
+  data.tar.gz: 712eefe307ebef94bbc2b03f94ecfa608303d30d58688c99ed303fa248b7b8d0
 SHA512:
-  metadata.gz: 32ea636b6528c49201ba30eb2e972deaeca0ea47bf625f5e8815a81fec5dbb83bdb3c4f450c014cb33f3eef2b9e5b040acaf8a887410d3117880e89a3736dfc6
-  data.tar.gz: 21ee15b705797e0f6871a7432b7044b85bdaee377b376b55f568d77a329e9be51bcfc6426c80290c4ec0c08dab47fa2b8da11024c59751d3af23e7ce0e8c9256
+  metadata.gz: 372f1ff92fd88a88d80ae01a94fe8d2f5f5c754922cc7bbe596f6207cac738fe7799762b9393457c2b6806c5dafd0fb1d0fa04bc9e88ce2eddb6c804d25a19a8
+  data.tar.gz: ab4e0943748344c2fedeb6b32f70e241f710a2ec28f95b730d986a0a486da83ca95ac2f6d81aa9fabd18ba8f41f6f9cd3cf658696a6d418df58e293f95344958

data/app/assets/stylesheets/lesli_audit/application.tailwind.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--color-amber-600:oklch(66.6% .179 58.318);--color-sky-600:oklch(58.8% .158 241.966);--color-rose-600:oklch(58.6% .253 17.585);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-2xl:1rem}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.inset-y-0{inset-block:0}.left-0{left:0}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-6{margin-top:calc(var(--spacing) * 6)}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-full{width:100%}.\!min-w-0{min-width:0!important}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-slate-200{border-color:var(--color-slate-200)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-white{background-color:var(--color-white)}.\!p-0{padding:0!important}.p-5{padding:calc(var(--spacing) * 5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-amber-600{color:var(--color-amber-600)}.text-rose-600{color:var(--color-rose-600)}.text-sky-600{color:var(--color-sky-600)}.text-slate-500{color:var(--color-slate-500)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:w-2\/5{width:40%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

data/app/controllers/lesli_audit/users_controller.rb

@@ -34,8 +34,7 @@ module LesliAudit
 
         # GET /users
         def index
-            @requests = UserService.new(current_user, query).requests
-            @registrations = UserService.new(current_user, query).registrations
+            @users = UserService.new(current_user, query).users
             @working_hours = UserService.new(current_user, query).working_hours
         end
     end

data/app/controllers/lesli_audit/visitors_controller.rb

@@ -0,0 +1,14 @@
+module LesliAudit
+    class VisitorsController < ApplicationController
+
+        # GET /analytics
+        def index
+            @visits = VisitorService.new(current_user, query).visits
+            @visitors = VisitorService.new(current_user, query).visitors
+            @requests = VisitorService.new(current_user, query).requests
+            @browsers = VisitorService.new(current_user, query).browsers
+            @devices = VisitorService.new(current_user, query).devices
+            @os = VisitorService.new(current_user, query).os
+        end
+    end
+end

data/app/interfaces/lesli_audit/logger_interface.rb

@@ -29,35 +29,28 @@ Building a better future, one line of code at a time.
 // · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
 =end
-
+require 'device_detector'
 module LesliAudit
     module LoggerInterface
         def get_user_agent(as_string=true)
 
-            http_user_agent = request.env["HTTP_USER_AGENT"]
-
             # parse user agent
-            user_agent = UserAgent.parse(http_user_agent)
+            user_agent = DeviceDetector.new(request.env["HTTP_USER_AGENT"])
 
-            user_agent_version = user_agent.version.to_a.first(2).join(".")
+            #user_agent_version = user_agent.version.to_a.first(2).join(".")
 
             # return user agent as object
-            if as_string == false
-                return {
-                    platform: user_agent.platform,
-                    os: user_agent.os,
-                    browser: user_agent.browser,
-                    version: user_agent_version
-                }
-            end
-
-            # return user agent info as string
-            "#{user_agent.platform} #{user_agent.os} - #{user_agent.browser} #{user_agent_version}"
+            {
+                platform: user_agent.os_name,
+                browser: user_agent.name,
+                device: user_agent.device_type
+            }
         end
 
         def log_requests
             log_account_requests
             log_user_requests
+            log_devices
         end 
 
         def log_account_requests
@@ -86,17 +79,7 @@ module LesliAudit
         def log_user_requests
             return unless current_user
             return unless session[:user_session_id]
-
-            current_user.account.audit.user_journals.create({
-                request_controller: controller_path,
-                request_action: action_name,
-                session_id: session[:user_session_id],
-                user_id: current_user.id,
-                date: Date2.new.date.to_s
-            }) if Lesli.config.audit.dig(:enable_journals)
-            
-            # Determine the correct SQL "now" keyword based on the database connection
-            now_func = ActiveRecord::Base.connection.adapter_name =~ /sqlite/i ? 'CURRENT_TIMESTAMP' : 'NOW()'
+            return unless Lesli.config.audit.dig(:enable_analytics)
 
             # Try to save a unique record for this request configuration
             current_user.account.audit.user_requests.upsert(
@@ -118,7 +101,16 @@ module LesliAudit
                 on_duplicate: Arel.sql(
                     "request_count = lesli_audit_user_requests.request_count + 1,updated_at = #{LesliDate::Compatibility.db_now}"
                 )
-            ) if Lesli.config.audit.dig(:enable_analytics)
+            ) 
+
+            return unless Lesli.config.audit.dig(:enable_journals)
+            current_user.account.audit.user_journals.create({
+                request_controller: controller_path,
+                request_action: action_name,
+                session_id: session[:user_session_id],
+                user_id: current_user.id,
+                date: Date2.new.date.to_s
+            }) 
         end
 
         def log_devices
@@ -133,11 +125,12 @@ module LesliAudit
                     :created_at => Date2.new.date.to_s,
                     :agent_platform => user_agent&.dig(:platform) || "unknown",
                     :agent_browser => user_agent&.dig(:browser) || "unknown",
+                    :agent_device => user_agent&.dig(:device) || "unknown",
                     :agent_count => 1
                 },
 
                 # group of columns to consider a request as unique
-                unique_by: %i[agent_platform agent_browser created_at account_id],
+                unique_by: %i[agent_platform agent_browser agent_device created_at account_id],
 
                 # if request id is not unique
                 #   - increase the counter for this configuration

data/app/models/concerns/lesli_audit/user_associations.rb

@@ -0,0 +1,11 @@
+module LesliAudit
+    module UserAssociations
+        extend ActiveSupport::Concern
+
+        included do
+            has_many :requests, class_name: "LesliAudit::UserRequest"
+            has_many :journals, class_name: "LesliAudit::UserJournal"
+            has_many :logs, class_name: "LesliAudit::UserLog"
+        end
+    end
+end

data/app/services/lesli_audit/user_service.rb

@@ -33,17 +33,104 @@ Building a better future, one line of code at a time.
 module LesliAudit
     class UserService < Lesli::ApplicationLesliService
 
-        def requests
-            current_user.account.audit.user_requests
-            .joins(:user)
-            .group(:email)
-            .limit(5)
-            .order("requests DESC")
-            .select(
-                :email,
-                "count(lesli_audit_user_requests.id) resources", 
-                "sum(lesli_audit_user_requests.request_count) requests"
+        def users
+            users = current_user.account.users
+
+            now = Time.current
+            last_30_days = 30.days.ago
+
+            stats = users.pick(
+                # total users 
+                Arel.sql("COUNT(*)"),
+
+                # total deactivated users 
+                Arel.sql("SUM(CASE WHEN active = 0 AND deleted_at IS NULL THEN 1 ELSE 0 END)"),
+
+                # total locked users 
+                Arel.sql(
+                    "SUM(CASE WHEN (
+                        locked_at IS NOT NULL
+                        OR locked_until > #{ActiveRecord::Base.connection.quote(Time.current)}
+                    ) AND deleted_at IS NULL THEN 1 ELSE 0 END)"
+                ),
+
+                # total not confirmed users
+                Arel.sql("SUM(CASE WHEN confirmed_at IS NULL AND deleted_at IS NULL THEN 1 ELSE 0 END)"),
+
+                # total deleted users 
+                Arel.sql("SUM(CASE WHEN deleted_at IS NOT NULL THEN 1 ELSE 0 END)"),
+
+                # users that never signed in 
+                Arel.sql("SUM(CASE WHEN last_sign_in_at IS NULL AND deleted_at IS NULL THEN 1 ELSE 0 END)"),
+
+                # total active users for the last 30 days 
+                Arel.sql("SUM(CASE WHEN last_sign_in_at >= #{ActiveRecord::Base.connection.quote(last_30_days)} AND deleted_at IS NULL THEN 1 ELSE 0 END)"),
+
+                # users with failed logins
+                Arel.sql("SUM(CASE WHEN failed_attempts > 0 AND deleted_at IS NULL THEN 1 ELSE 0 END)"),
             )
+
+            summary = { 
+                total_users: stats[0].to_i, 
+                total_users_deactivated: stats[1].to_i, 
+                total_users_locked: stats[2].to_i, 
+                total_users_unconfirmed: stats[3].to_i, 
+                total_users_deleted: stats[4].to_i,
+
+                total_users_never_signed_in: stats[5].to_i, 
+                total_users_active_last_30_days: stats[6].to_i, 
+                total_users_with_failed_attempts: stats[7].to_i
+            }
+
+            {
+                overview: [{
+                    label: "Total users",
+                    value: summary[:total_users],
+                    percentage: 100,
+                    color: "info"
+                }, {
+                    label: "Deactivated users",
+                    value: summary[:total_users_deactivated],
+                    percentage: percentage(summary[:total_users_deactivated], summary[:total_users]),
+                    color: "warning"
+                }, {
+                    label: "Locked users",
+                    value: summary[:total_users_locked],
+                    percentage: percentage(summary[:total_users_locked], summary[:total_users]),
+                    color: "danger"
+                }, {
+                    label: "Unconfirmed users",
+                    value: summary[:total_users_unconfirmed],
+                    percentage: percentage(summary[:total_users_unconfirmed], summary[:total_users]),
+                    color: "warning",
+                }, {
+                    label: "Deleted users",
+                    value: summary[:total_users_deleted],
+                    percentage: percentage(summary[:total_users_deleted], summary[:total_users]),
+                    color: "danger"
+                }],
+                attention_needed: [{
+                    label: "Unconfirmed users",
+                    value: summary[:total_users_unconfirmed],
+                    color: "info",
+                    icon: "user-add-line"
+                }, {
+                    label: "Never signed in",
+                    value: summary[:total_users_never_signed_in],
+                    color: "warning",
+                    icon: "time-line"
+                }, {
+                    label: "Failed login attempts",
+                    value: summary[:total_users_with_failed_attempts],
+                    color: "danger",
+                    icon: "shield-keyhole-line"
+                }, {
+                    label: "Locked users",
+                    value: summary[:total_users_locked],
+                    color: "danger",
+                    icon: "lock-line"
+                }]
+            }
         end
 
         def working_hours
@@ -72,8 +159,7 @@ module LesliAudit
                 "sum(lesli_audit_user_requests.request_count) requests"
             )
            
-            user_requests = user_requests
-                .group(:user_id, group_by)
+            user_requests = user_requests.group(:user_id, group_by)
 
             user_requests.map do |request|
                 request[:first_activity] = Date2.new(request[:first_activity]).time
@@ -118,5 +204,12 @@ module LesliAudit
 
             registrations
         end
+
+        private 
+
+        def percentage(value, total)
+            return 0 if total.to_i.zero?
+            ((value.to_f / total) * 100).round
+        end
     end
 end

data/app/services/lesli_audit/{analytic_service.rb → visitor_service.rb}

@@ -31,15 +31,22 @@ Building a better future, one line of code at a time.
 =end
 
 module LesliAudit
-    class AnalyticService < Lesli::ApplicationLesliService
+    class VisitorService < Lesli::ApplicationLesliService
 
-        LIMIT=5
+        def visits
+            requests = current_user.account.audit.account_requests
+
+            controllers, total_requests = requests.pick(
+                Arel.sql("COUNT(DISTINCT request_controller)"),
+                Arel.sql("SUM(request_count)")
+            )
+
+            {
+                controllers: controllers.to_i,
+                requests: total_requests.to_i
+            }
+        end 
 
-        # @overwrite
-        # @return {Hash} Paginated list of the records
-        # @param {query} Has of the formated queries/filters that will be applied to filter data
-        # @description
-        # @example
         def visitors 
             #Rails.cache.fetch(cache_key_for_account(__method__), expires_in: 1.hour) do 
                 group = 'day' 
@@ -70,7 +77,7 @@ module LesliAudit
 
         def requests
             requests = current_user.account.audit.account_requests
-            .group("request_controller").limit(30)
+            .group("request_controller")
 
             requests = apply_filters(requests, query)
 
@@ -80,32 +87,122 @@ module LesliAudit
             ).as_json
         end
 
+        def os 
+            device_counts = current_user.account.audit.account_devices
+            .group(:agent_platform)
+            .sum(:agent_count)
+
+            total = device_counts.values.sum
+
+            device_counts.map do |device, count|
+                {
+                    device: device,
+                    count: count,
+                    icon: platform_icon(device),
+                    percentage: total.zero? ? 0 : ((count.to_f / total) * 100).round()
+                }
+            end
+        end 
+
         def devices 
-            #Rails.cache.fetch(cache_key_for_account(__method__), expires_in: 4.hour) do 
-                current_user.account.audit.account_devices
-                .group(:agent_platform, :created_at)
-                .select(
-                    'created_at as xaxiskey',
-                    'agent_platform as dataname',
-                    'sum(agent_count) as yaxiskey'
-                ).as_json
-            #end
+            device_counts = current_user.account.audit.account_devices
+            .group(:agent_device)
+            .sum(:agent_count)
+
+            total = device_counts.values.sum
+
+            device_counts.map do |device, count|
+                {
+                    device: device,
+                    count: count,
+                    icon: device_icon(device),
+                    percentage: total.zero? ? 0 : ((count.to_f / total) * 100).round()
+                }
+            end
         end 
 
         def browsers
+            browser_counts = current_user.account.audit.account_devices
+            .group(:agent_browser)
+            .sum(:agent_count)
+
+            total = browser_counts.values.sum
+
+            browser_counts.map do |browser, count|
+                {
+                    browser: browser,
+                    count: count,
+                    icon: browser_icon(browser),
+                    percentage: total.zero? ? 0 : ((count.to_f / total) * 100).round()
+                }
+            end
             #Rails.cache.fetch(cache_key_for_account(__method__), expires_in: 4.hour) do 
-                current_user.account.audit.account_devices
-                .group(:agent_browser, :created_at)
-                .select(
-                    'created_at as xaxiskey',
-                    'agent_browser as dataname',
-                    'sum(agent_count) as yaxiskey'
-                ).as_json
+                # current_user.account.audit.account_devices
+                # .group(:agent_browser, :created_at)
+                # .select(
+                #     'created_at as xaxiskey',
+                #     'agent_browser as dataname',
+                #     'sum(agent_count) as yaxiskey'
+                # ).as_json
             #end
         end
 
         private 
 
+        LIMIT=15
+
+        DEFAULT_PLATFORM_ICON_CLASS = "computer-fill"
+        PLATFORM_ICON_CLASSES = {
+            /chrome os|cros/i           => "chrome-fill",
+            /ios|ipad|iphone|mac/i      => "apple-fill",
+            /windows/i                  => "windows-fill",
+            /ubuntu/i                   => "ubuntu-fill",
+            /debian|fedora|linux/i      => "linux-fill",
+            /android/i                  => "android-fill"
+        }.freeze
+
+        DEFAULT_BROWSER_ICON_CLASS = "global-fill"
+        BROWSER_ICON_CLASSES = {
+            /chrome|chromium/i        => "chrome-fill",
+            /firefox/i                => "firefox-fill",
+            /safari/i                 => "safari-fill",
+            /edge/i                   => "edge-fill",
+            /opera|opr/i              => "opera-fill",
+            /internet explorer|msie/i => "ie-fill",
+            /brave/i                  => "brave-fill"
+        }.freeze
+
+        DEVICE_ICON_CLASSES = {
+            "desktop"       => "mac-line",
+            "tablet"        => "tablet-line",
+            "smartphone"    => "smartphone-line",
+            "unknown"       => "file-unknow-line"
+        }.freeze
+
+        def platform_icon(platform)
+            return DEFAULT_PLATFORM_ICON_CLASS if platform.blank?
+
+            match = PLATFORM_ICON_CLASSES.find do |pattern, _icon_class|
+                platform.match?(pattern)
+            end
+
+            match ? match.last : DEFAULT_PLATFORM_ICON_CLASS
+        end
+
+        def browser_icon(browser)
+            return DEFAULT_BROWSER_ICON_CLASS if browser.blank?
+
+            match = BROWSER_ICON_CLASSES.find do |pattern, _icon_class|
+                browser.match?(pattern)
+            end
+
+            match ? match.last : DEFAULT_BROWSER_ICON_CLASS
+        end
+
+        def device_icon(device)
+            DEVICE_ICON_CLASSES.fetch(device.to_s, DEVICE_ICON_CLASSES["unknown"])
+        end
+
         def apply_filters requests, params
 
             return requests

data/app/views/lesli_audit/partials/_navigation.html.erb

@@ -33,6 +33,6 @@ Building a better future, one line of code at a time.
 %>
 
 <%= navigation_item(lesli_audit.users_path, 'Users', 'ri-team-line'); %>
-<%= navigation_item(lesli_audit.analytics_path, 'Analytics', 'ri-pie-chart-line'); %>
+<%= navigation_item(lesli_audit.visitors_path, 'Visitors', 'ri-line-chart-fill'); %>
 <%= navigation_item(lesli_audit.requests_path, 'Requests', 'ri-arrow-left-right-fill'); %>
 <%= navigation_item(lesli_audit.logs_path, 'Logs', 'ri-history-line'); %>

data/app/views/lesli_audit/requests/index.html.erb

@@ -1,6 +1,6 @@
 <%= render(LesliView::Layout::Container.new("audit-requests")) do %>
     <%= render(LesliView::Components::Header.new("Requests")) %>
-    <%= render LesliView::Components::Toolbar.new() %>
+    <%= render(LesliView::Components::Toolbar.new()) %>
     <%= render(LesliView::Elements::Table.new(
         columns: [{
             label: "ID",

data/app/views/lesli_audit/users/index.html.erb

@@ -1,43 +1,81 @@
 
+<%
+color_classes = {
+    "info" => "text-sky-600",
+    "warning" => "text-amber-600",
+    "danger" => "text-rose-600"
+}.freeze
+%>
+
 <%= render(LesliView::Layout::Container.new("audit-users")) do %>
     <%= render(LesliView::Components::Header.new("Users")) %>
 
-    <div class="columns">
-        <div class="column">
-            <%= render(LesliView::Charts::Bar.new(
-                title:"Registered users", 
-                database_to_dataset: @registrations.as_json
-            ))%>
-        </div>
-    </div>
+    <section
+        class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-5"
+        aria-label="User overview">
+        <% @users[:overview].each do |user| %>
+            <article class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
+                <h2 class="text-sm font-medium text-slate-500"><%= user[:label] %></h2>
+                <p class="mt-3 text-3xl font-semibold tracking-tight tabular-nums <%= color_classes.fetch(user[:color], "text-slate-700") %>">
+                    <%= user[:value] %>
+                </p>
+            </article>
+        <% end %>
+    </section>
+
+    <section class="mt-6 lg:w-2/5" aria-label="Users needing attention">
+        <%= render(LesliView::Elements::Table.new(
+            columns: [],
+            headless: true,
+            striped: false,
+            compact: true,
+            class_name: "!min-w-0",
+            caption: "Users needing attention"
+        )) do |table| %>
+            <% @users[:attention_needed].each do |user| %>
+                <% table.with_row do |row| %>
+                    <% row.with_cell do %>
+                        <span class="inline-flex h-8 w-8 items-center justify-center <%= color_classes.fetch(user[:color], "text-slate-500") %>">
+                            <span class="ri-<%= user[:icon] %> text-xl leading-none" aria-hidden="true"></span>
+                        </span>
+                    <% end %>
+                    <% row.with_cell(class_name: "w-full font-medium text-slate-700") do %>
+                        <%= user[:label] %>
+                    <% end %>
+                    <% row.with_cell(class_name: "font-semibold tabular-nums text-slate-900", align: :right) do %>
+                        <%= user[:value] %>
+                    <% end %>
+                <% end %>
+            <% end %>
+        <% end %>
+    </section>
 
-    <div class="columns">
-        <div class="column">
-            <%= render(LesliView::Elements::Table.new(
-                columns: [{
-                    label: "id",
-                    field: "user_id"
-                },{
-                    label: "User",
-                    field: "user_email"
-                },{
-                    label:"First activity",
-                    field:"first_activity"
-                },{
-                    label:"Last activity",
-                    field:"last_activity"
-                },{
-                    label:"Resources",
-                    field:"resources"
-                },{
-                    label:"Requests",
-                    field:"requests"
-                },{
-                    label:"Date",
-                    field:"date"
-                }],
-                records: @working_hours
-            )) %>
-        </div>
-    </div>
+    <section class="mt-6 pb-8" aria-label="User working hours">
+        <%= render(LesliView::Elements::Table.new(
+            columns: [{
+                label: "id",
+                field: "user_id"
+            }, {
+                label: "User",
+                field: "user_email"
+            }, {
+                label: "First activity",
+                field: "first_activity"
+            }, {
+                label: "Last activity",
+                field: "last_activity"
+            }, {
+                label: "Resources",
+                field: "resources"
+            }, {
+                label: "Requests",
+                field: "requests"
+            }, {
+                label: "Date",
+                field: "date"
+            }],
+            records: @working_hours,
+            caption: "User working hours"
+        )) %>
+    </section>
 <% end %>