panda-core 0.12.5 → 1.1.0

data/app/views/panda/core/admin/users/activity.html.erb

@@ -0,0 +1,90 @@
+<%= render Panda::Core::Admin::ContainerComponent.new do |component| %>
+  <% component.with_heading_slot(text: "Activity: #{@user.name}", level: 1) do |heading| %>
+    <% heading.with_button(text: "Back to User", href: admin_user_path(@user), icon: "fa-solid fa-arrow-left") %>
+  <% end %>
+
+  <% if @activities.any? %>
+    <div class="flow-root">
+      <ul class="-mb-8">
+        <% @activities.each_with_index do |activity, index| %>
+          <li>
+            <div class="relative pb-8">
+              <% unless index == @activities.length - 1 %>
+                <span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200 dark:bg-gray-700" aria-hidden="true"></span>
+              <% end %>
+              <div class="relative flex space-x-3">
+                <div>
+                  <% icon_config = case activity.action
+                     when "login"
+                       {icon: "fa-solid fa-right-to-bracket", bg: "bg-green-500"}
+                     when "logout"
+                       {icon: "fa-solid fa-right-from-bracket", bg: "bg-gray-400"}
+                     when "updated_user"
+                       {icon: "fa-solid fa-user-pen", bg: "bg-blue-500"}
+                     when "enabled_user"
+                       {icon: "fa-solid fa-user-check", bg: "bg-green-500"}
+                     when "disabled_user"
+                       {icon: "fa-solid fa-user-slash", bg: "bg-red-500"}
+                     when "invited_user"
+                       {icon: "fa-solid fa-envelope", bg: "bg-purple-500"}
+                     when "revoked_session"
+                       {icon: "fa-solid fa-ban", bg: "bg-red-500"}
+                     else
+                       {icon: "fa-solid fa-circle-info", bg: "bg-gray-400"}
+                     end %>
+                  <span class="flex h-8 w-8 items-center justify-center rounded-full <%= icon_config[:bg] %> ring-8 ring-white dark:ring-gray-900">
+                    <i class="<%= icon_config[:icon] %> text-white text-xs"></i>
+                  </span>
+                </div>
+                <div class="flex min-w-0 flex-1 justify-between space-x-4 pt-1.5">
+                  <div>
+                    <p class="text-sm text-gray-900 dark:text-white">
+                      <strong><%= activity.action.humanize %></strong>
+                      <% if activity.resource_type.present? %>
+                        <span class="text-gray-500 dark:text-gray-400">
+                          &mdash; <%= activity.resource_type.demodulize %>
+                          <% if activity.resource_id.present? %>
+                            (<%= activity.resource_id.to_s.first(8) %>...)
+                          <% end %>
+                        </span>
+                      <% end %>
+                    </p>
+                    <% if activity.ip_address.present? %>
+                      <p class="text-xs text-gray-400 dark:text-gray-500 mt-0.5">
+                        IP: <%= activity.ip_address %>
+                      </p>
+                    <% end %>
+                    <% if activity.metadata.present? && activity.metadata.any? %>
+                      <div class="mt-1">
+                        <% activity.metadata.each do |key, value| %>
+                          <span class="inline-flex items-center rounded bg-gray-100 dark:bg-gray-700 px-1.5 py-0.5 text-xs text-gray-600 dark:text-gray-400 mr-1">
+                            <%= key %>: <%= value %>
+                          </span>
+                        <% end %>
+                      </div>
+                    <% end %>
+                  </div>
+                  <div class="whitespace-nowrap text-right text-xs text-gray-500 dark:text-gray-400">
+                    <time datetime="<%= activity.created_at.iso8601 %>"><%= time_ago_in_words(activity.created_at) %> ago</time>
+                    <div class="text-gray-400 dark:text-gray-500"><%= activity.created_at.strftime("%b %d, %Y %H:%M") %></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </li>
+        <% end %>
+      </ul>
+    </div>
+
+    <%= render Panda::Core::Admin::PaginationComponent.new(
+      page: @page, total_pages: @total_pages, total_count: @total_count,
+      per_page: @per_page, item_name: "activities"
+    ) %>
+  <% else %>
+    <%= render Panda::Core::Admin::EmptyStateComponent.new(
+      icon: "fa-solid fa-clock-rotate-left",
+      title: "No activity recorded",
+      description: "Activity will appear here once this user starts using the system."
+    ) %>
+  <% end %>
+<% end %>

data/app/views/panda/core/admin/users/edit.html.erb

@@ -0,0 +1,48 @@
+<%= render Panda::Core::Admin::ContainerComponent.new do |component| %>
+  <% component.with_heading_slot(text: "Edit User: #{@user.name}", level: 1) %>
+
+  <%= panda_form_with model: @user,
+              url: admin_user_path(@user),
+              method: :patch,
+              local: true do |f| %>
+    <%= render Panda::Core::Admin::FormErrorComponent.new(model: @user) %>
+
+    <%= render Panda::Core::Admin::PanelComponent.new do |panel| %>
+      <% panel.with_heading_slot { "User Settings" } %>
+      <div class="space-y-4">
+        <!-- User Info Display (Read-only) -->
+        <div class="flex items-center gap-4 p-4 bg-gray-50 dark:bg-gray-800 rounded-lg">
+          <% url = @user.avatar_url(size: :medium) %>
+          <% if url.present? %>
+            <img src="<%= url %>" alt="<%= @user.name %>" class="h-16 w-16 rounded-full object-cover">
+          <% else %>
+            <div class="h-16 w-16 rounded-full bg-gray-200 dark:bg-gray-600 flex items-center justify-center">
+              <i class="fa-solid fa-user text-xl text-gray-400 dark:text-gray-300"></i>
+            </div>
+          <% end %>
+          <div>
+            <p class="text-sm text-gray-500 dark:text-gray-400">Editing profile for</p>
+            <p class="font-medium text-gray-900 dark:text-white"><%= @user.email %></p>
+          </div>
+        </div>
+
+        <%= f.text_field :name %>
+        <%= f.email_field :email %>
+        <%= f.check_box :admin, {
+          label: "Administrator",
+          meta: @user == current_user ? "You cannot change your own admin status." : "Grant this user full administrative access.",
+          disabled: (@user == current_user)
+        } %>
+        <%= f.check_box :internal, {
+          label: "Internal Account",
+          meta: "Exclude from reports and analytics."
+        } %>
+        <% if (hook = Panda::Core.config.admin_user_edit_content) %>
+          <%= raw hook.call(@user, f, self) %>
+        <% end %>
+      </div>
+    <% end %>
+
+    <%= render Panda::Core::Admin::FormFooterComponent.new(submit_text: "Update User") %>
+  <% end %>
+<% end %>

data/app/views/panda/core/admin/users/index.html.erb

@@ -0,0 +1,161 @@
+<%= render Panda::Core::Admin::ContainerComponent.new do |component| %>
+  <% component.with_heading_slot(text: "Users", level: 1) do |heading| %>
+    <% heading.with_button(
+      text: "Invite User",
+      icon: "fa-solid fa-plus",
+      data: { action: "click->toggle#toggle" }
+    ) %>
+  <% end %>
+
+  <%= render Panda::Core::Admin::SearchFilterBarComponent.new(
+    url: admin_users_path,
+    search_name: :search,
+    search_value: params[:search],
+    search_placeholder: "Search by name or email...",
+    show_clear: params[:search].present? || params[:status].present? || params[:role].present? || Panda::Core::User.metadata_filter_active?(params)
+  ) do |bar| %>
+    <% bar.with_filter do %>
+      <%= select_tag :status,
+        options_for_select([["All Statuses", ""], ["Enabled", "enabled"], ["Disabled", "disabled"], ["Invited", "invited"]], params[:status]),
+        class: bar.select_classes %>
+    <% end %>
+    <% bar.with_filter do %>
+      <%= select_tag :role,
+        options_for_select([["All Roles", ""], ["Admin", "admin"], ["User", "user"]], params[:role]),
+        class: bar.select_classes %>
+    <% end %>
+    <% Panda::Core::User.filterable_metadata_fields.each do |key, config| %>
+      <% bar.with_filter do %>
+        <%= select_tag key,
+          options_for_select(config[:filter_options], params[key.to_sym]),
+          class: bar.select_classes %>
+      <% end %>
+    <% end %>
+  <% end %>
+
+  <!-- Bulk Actions Bar -->
+  <div id="bulk-actions-bar" class="hidden mb-4 rounded-lg bg-primary-50 dark:bg-primary-900/20 p-3 flex items-center justify-between">
+    <span class="text-sm text-primary-700 dark:text-primary-300">
+      <span id="selected-count">0</span> user(s) selected
+    </span>
+    <div class="flex gap-2">
+      <button type="button" onclick="submitBulkAction('enable')" class="rounded-md bg-green-600 px-3 py-1.5 text-xs font-semibold text-white shadow-sm hover:bg-green-500">Enable</button>
+      <button type="button" onclick="submitBulkAction('disable')" class="rounded-md bg-red-600 px-3 py-1.5 text-xs font-semibold text-white shadow-sm hover:bg-red-500">Disable</button>
+    </div>
+  </div>
+
+  <%= form_with url: bulk_action_admin_users_path, method: :post, id: "bulk-action-form", local: true do %>
+    <%= hidden_field_tag :bulk_action, "", id: "bulk-action-field" %>
+
+    <% if @users.any? %>
+      <%= render Panda::Core::Admin::TableComponent.new(term: "user", rows: @users, icon: "users") do |table| %>
+        <% table.column("", width: "5%") do |user| %>
+          <input type="checkbox" name="user_ids[]" value="<%= user.id %>"
+            class="h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 bulk-checkbox"
+            onchange="updateBulkActions()">
+        <% end %>
+
+        <% table.column("User", width: "30%") do |user| %>
+          <%= link_to admin_user_path(user), class: "block-link flex items-center gap-3 group" do %>
+            <% url = user.avatar_url(size: :thumb) %>
+            <% if url.present? %>
+              <img src="<%= url %>" alt="<%= user.name %>" class="h-10 w-10 shrink-0 rounded-full object-cover">
+            <% else %>
+              <div class="h-10 w-10 shrink-0 rounded-full bg-gray-200 dark:bg-gray-600 flex items-center justify-center">
+                <i class="fa-solid fa-user text-gray-400 dark:text-gray-300"></i>
+              </div>
+            <% end %>
+            <div>
+              <div class="font-medium text-gray-900 dark:text-white group-hover:text-primary-600 dark:group-hover:text-primary-400"><%= user.name %></div>
+              <div class="text-sm text-gray-500 dark:text-gray-400"><%= user.email %></div>
+            </div>
+          <% end %>
+        <% end %>
+
+        <% table.column("Role", width: "15%") do |user| %>
+          <% if user.admin? %>
+            <%= render Panda::Core::Admin::TagComponent.new(text: "Admin", status: :active) %>
+          <% else %>
+            <%= render Panda::Core::Admin::TagComponent.new(text: "User", status: :inactive) %>
+          <% end %>
+          <% if user.internal? %>
+            <%= render Panda::Core::Admin::TagComponent.new(text: "Internal", status: :auto) %>
+          <% end %>
+          <% if (hook = Panda::Core.config.admin_user_index_columns) %>
+            <%= raw hook.call(user, self) %>
+          <% end %>
+        <% end %>
+
+        <% table.column("Status", width: "15%") do |user| %>
+          <% if !user.enabled? %>
+            <%= render Panda::Core::Admin::TagComponent.new(text: "Disabled", status: :inactive) %>
+          <% elsif user.invitation_token.present? %>
+            <%= render Panda::Core::Admin::TagComponent.new(text: "Invited", status: :draft) %>
+          <% else %>
+            <%= render Panda::Core::Admin::TagComponent.new(text: "Enabled", status: :active) %>
+          <% end %>
+        <% end %>
+
+        <% table.column("Last Login", width: "20%") do |user| %>
+          <% if user.last_login_at.present? %>
+            <span class="text-sm text-gray-500 dark:text-gray-400" title="<%= l(user.last_login_at, format: :long) %>">
+              <%= time_ago_in_words(user.last_login_at) %> ago
+            </span>
+          <% else %>
+            <span class="text-sm text-gray-400 dark:text-gray-500">Never</span>
+          <% end %>
+        <% end %>
+      <% end %>
+    <% else %>
+      <%= render Panda::Core::Admin::EmptyStateComponent.new(
+        icon: "fa-solid fa-users",
+        title: "No users found",
+        description: params[:search].present? ? "Try adjusting your search or filter criteria." : "No users have been created yet."
+      ) %>
+    <% end %>
+  <% end %>
+
+  <%= render Panda::Core::Admin::PaginationComponent.new(
+    page: @page, total_pages: @total_pages, total_count: @total_count,
+    per_page: @per_page, item_name: "users"
+  ) %>
+
+  <!-- Invite User Slideover -->
+  <% component.with_slideover_slot(title: "Invite User") do %>
+    <%= panda_form_with url: invite_admin_users_path, method: :post, local: true do |f| %>
+      <%= render Panda::Core::Admin::PanelComponent.new do |panel| %>
+        <% panel.with_heading_slot { "User Details" } %>
+        <div class="space-y-4">
+          <%= f.text_field :name, required: true, placeholder: "Full name" %>
+          <%= f.email_field :email, required: true, placeholder: "email@example.com" %>
+          <%= f.check_box :admin, { label: "Administrator", meta: "Grant full administrative access." } %>
+          <% if (hook = Panda::Core.config.invite_form_content) %>
+            <%= raw hook.call(f, self) %>
+          <% end %>
+        </div>
+      <% end %>
+      <%= render Panda::Core::Admin::FormFooterComponent.new(submit_text: "Send Invitation") %>
+    <% end %>
+  <% end %>
+<% end %>
+
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    window.updateBulkActions = function() {
+      var checked = document.querySelectorAll('.bulk-checkbox:checked');
+      var bar = document.getElementById('bulk-actions-bar');
+      var count = document.getElementById('selected-count');
+      if (checked.length > 0) {
+        bar.classList.remove('hidden');
+        count.textContent = checked.length;
+      } else {
+        bar.classList.add('hidden');
+      }
+    };
+
+    window.submitBulkAction = function(action) {
+      document.getElementById('bulk-action-field').value = action;
+      document.getElementById('bulk-action-form').submit();
+    };
+  });
+</script>

data/app/views/panda/core/admin/users/sessions.html.erb

@@ -0,0 +1,103 @@
+<%= render Panda::Core::Admin::ContainerComponent.new do |component| %>
+  <% component.with_heading_slot(text: "Sessions: #{@user.name}", level: 1) do |heading| %>
+    <% heading.with_button(text: "Back to User", href: admin_user_path(@user), icon: "fa-solid fa-arrow-left") %>
+  <% end %>
+
+  <% active_sessions = @active_sessions %>
+  <% revoked_sessions = @revoked_sessions %>
+
+  <!-- Active Sessions -->
+  <div class="mb-8">
+    <h2 class="text-lg font-medium text-gray-900 dark:text-white mb-4">
+      Active Sessions
+      <% if active_sessions.any? %>
+        <span class="ml-2 inline-flex items-center rounded-full bg-green-50 px-2 py-0.5 text-xs font-medium text-green-700 dark:bg-green-500/10 dark:text-green-400"><%= active_sessions.count %></span>
+      <% end %>
+    </h2>
+
+    <% if active_sessions.any? %>
+      <div class="space-y-3">
+        <% active_sessions.each do |user_session| %>
+          <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4 flex items-center justify-between">
+            <div class="flex items-center gap-4">
+              <div class="flex-shrink-0">
+                <span class="flex h-10 w-10 items-center justify-center rounded-full bg-green-100 dark:bg-green-500/10">
+                  <i class="fa-solid fa-desktop text-green-600 dark:text-green-400"></i>
+                </span>
+              </div>
+              <div>
+                <div class="text-sm font-medium text-gray-900 dark:text-white">
+                  <% if user_session.user_agent.present? %>
+                    <%= truncate(user_session.user_agent, length: 80) %>
+                  <% else %>
+                    Unknown browser
+                  <% end %>
+                </div>
+                <div class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
+                  <% if user_session.ip_address.present? %>
+                    IP: <%= user_session.ip_address %> &middot;
+                  <% end %>
+                  Last active: <%= user_session.last_active_at ? "#{time_ago_in_words(user_session.last_active_at)} ago" : "Unknown" %>
+                </div>
+              </div>
+            </div>
+            <% if @user != current_user %>
+              <%= button_to "Revoke",
+                revoke_session_admin_user_path(@user, session_id: user_session.id),
+                method: :delete,
+                class: "rounded-md bg-red-600 px-3 py-1.5 text-xs font-semibold text-white shadow-sm hover:bg-red-500 cursor-pointer",
+                form: { data: { turbo_confirm: "Revoke this session? The user will be logged out." } } %>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    <% else %>
+      <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-6 text-center">
+        <p class="text-sm text-gray-500 dark:text-gray-400">No active sessions.</p>
+      </div>
+    <% end %>
+  </div>
+
+  <!-- Revoked Sessions -->
+  <% if revoked_sessions.any? %>
+    <div>
+      <h2 class="text-lg font-medium text-gray-900 dark:text-white mb-4">
+        Revoked Sessions
+        <span class="ml-2 inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-400"><%= revoked_sessions.count %></span>
+      </h2>
+
+      <div class="space-y-3">
+        <% revoked_sessions.each do |user_session| %>
+          <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4 opacity-60">
+            <div class="flex items-center gap-4">
+              <div class="flex-shrink-0">
+                <span class="flex h-10 w-10 items-center justify-center rounded-full bg-gray-100 dark:bg-gray-700">
+                  <i class="fa-solid fa-desktop text-gray-400 dark:text-gray-500"></i>
+                </span>
+              </div>
+              <div class="flex-1">
+                <div class="text-sm font-medium text-gray-900 dark:text-white">
+                  <% if user_session.user_agent.present? %>
+                    <%= truncate(user_session.user_agent, length: 80) %>
+                  <% else %>
+                    Unknown browser
+                  <% end %>
+                </div>
+                <div class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
+                  <% if user_session.ip_address.present? %>
+                    IP: <%= user_session.ip_address %> &middot;
+                  <% end %>
+                  Revoked: <%= user_session.revoked_at ? "#{time_ago_in_words(user_session.revoked_at)} ago" : "Unknown" %>
+                  <% if user_session.revoked_by.present? %>
+                    by <%= user_session.revoked_by.name %>
+                  <% end %>
+                </div>
+              </div>
+              <span class="inline-flex items-center rounded-full bg-red-50 px-2 py-0.5 text-xs font-medium text-red-700 dark:bg-red-500/10 dark:text-red-400">Revoked</span>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+<% end %>

data/app/views/panda/core/admin/users/show.html.erb

@@ -0,0 +1,224 @@
+<%= render Panda::Core::Admin::ContainerComponent.new do |component| %>
+  <% component.with_heading_slot(text: @user.name, level: 1) do |heading| %>
+    <% heading.with_button(text: "Edit", href: edit_admin_user_path(@user), icon: "fa-solid fa-pencil") %>
+  <% end %>
+
+  <div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
+    <!-- User Info Card -->
+    <div class="lg:col-span-1 space-y-6">
+      <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-6">
+        <div class="flex flex-col items-center">
+          <% url = @user.avatar_url(size: :large) %>
+          <% if url.present? %>
+            <img src="<%= url %>" alt="<%= @user.name %>" class="h-32 w-32 rounded-full object-cover mb-4">
+          <% else %>
+            <div class="h-32 w-32 rounded-full bg-gray-200 dark:bg-gray-600 flex items-center justify-center mb-4">
+              <i class="fa-solid fa-user text-4xl text-gray-400 dark:text-gray-300"></i>
+            </div>
+          <% end %>
+          <h2 class="text-xl font-semibold text-gray-900 dark:text-white"><%= @user.name %></h2>
+          <p class="text-gray-500 dark:text-gray-400"><%= @user.email %></p>
+          <div class="mt-3 flex items-center gap-2">
+            <% if @user.admin? %>
+              <%= render Panda::Core::Admin::TagComponent.new(text: "Administrator", status: :active) %>
+            <% else %>
+              <%= render Panda::Core::Admin::TagComponent.new(text: "Standard User", status: :inactive) %>
+            <% end %>
+            <% if @user.internal? %>
+              <%= render Panda::Core::Admin::TagComponent.new(text: "Internal", status: :auto) %>
+            <% end %>
+            <% if !@user.enabled? %>
+              <%= render Panda::Core::Admin::TagComponent.new(text: "Disabled", status: :inactive) %>
+            <% elsif @user.invitation_token.present? %>
+              <%= render Panda::Core::Admin::TagComponent.new(text: "Invited", status: :draft) %>
+            <% end %>
+            <% if (hook = Panda::Core.config.admin_user_show_content) %>
+              <%= raw hook.call(@user, self) %>
+            <% end %>
+          </div>
+        </div>
+
+        <!-- Enable/Disable Actions -->
+        <div class="mt-6 pt-4 border-t border-gray-200 dark:border-gray-700">
+          <% if @user == current_user %>
+            <p class="text-sm text-gray-500 dark:text-gray-400 text-center">This is your account.</p>
+          <% elsif @user.enabled? %>
+            <%= button_to "Disable User", disable_admin_user_path(@user), method: :patch,
+              class: "w-full rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 cursor-pointer",
+              form: { data: { turbo_confirm: "Are you sure you want to disable #{@user.name}?" } } %>
+          <% else %>
+            <%= button_to "Enable User", enable_admin_user_path(@user), method: :patch,
+              class: "w-full rounded-md bg-green-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-green-500 cursor-pointer" %>
+          <% end %>
+        </div>
+      </div>
+
+      <!-- Quick Stats -->
+      <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-6">
+        <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400 tracking-wider mb-4">Quick Stats</h3>
+        <dl class="space-y-3">
+          <div class="flex justify-between">
+            <dt class="text-sm text-gray-600 dark:text-gray-400">Login Count</dt>
+            <dd class="text-sm font-medium text-gray-900 dark:text-white"><%= @user.login_count || 0 %></dd>
+          </div>
+          <div class="flex justify-between">
+            <dt class="text-sm text-gray-600 dark:text-gray-400">Active Sessions</dt>
+            <dd class="text-sm font-medium text-gray-900 dark:text-white"><%= @active_sessions_count %></dd>
+          </div>
+          <div class="flex justify-between">
+            <dt class="text-sm text-gray-600 dark:text-gray-400">Last Login</dt>
+            <dd class="text-sm font-medium text-gray-900 dark:text-white">
+              <% if @user.last_login_at.present? %>
+                <%= time_ago_in_words(@user.last_login_at) %> ago
+              <% else %>
+                Never
+              <% end %>
+            </dd>
+          </div>
+          <% if @user.invited_by.present? %>
+            <div class="flex justify-between">
+              <dt class="text-sm text-gray-600 dark:text-gray-400">Invited By</dt>
+              <dd class="text-sm font-medium text-gray-900 dark:text-white">
+                <%= link_to @user.invited_by.name, admin_user_path(@user.invited_by), class: "text-primary-600 hover:text-primary-700 dark:text-primary-400" %>
+              </dd>
+            </div>
+          <% end %>
+        </dl>
+      </div>
+    </div>
+
+    <!-- User Details -->
+    <div class="lg:col-span-2 space-y-6">
+      <!-- Account Information -->
+      <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm">
+        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+          <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400 tracking-wider">Account Information</h3>
+        </div>
+        <dl class="divide-y divide-gray-200 dark:divide-gray-700">
+          <div class="px-6 py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+            <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Email</dt>
+            <dd class="mt-1 text-sm text-gray-900 dark:text-white sm:col-span-2 sm:mt-0"><%= @user.email %></dd>
+          </div>
+          <div class="px-6 py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+            <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Member since</dt>
+            <dd class="mt-1 text-sm text-gray-900 dark:text-white sm:col-span-2 sm:mt-0"><%= l(@user.created_at, format: :long) %></dd>
+          </div>
+          <div class="px-6 py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+            <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Last updated</dt>
+            <dd class="mt-1 text-sm text-gray-900 dark:text-white sm:col-span-2 sm:mt-0"><%= l(@user.updated_at, format: :long) %></dd>
+          </div>
+          <% if @user.last_login_ip.present? %>
+            <div class="px-6 py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+              <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Last login IP</dt>
+              <dd class="mt-1 text-sm text-gray-900 dark:text-white sm:col-span-2 sm:mt-0"><%= @user.last_login_ip %></dd>
+            </div>
+          <% end %>
+          <% if @user.current_theme.present? %>
+            <div class="px-6 py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+              <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Theme preference</dt>
+              <dd class="mt-1 text-sm text-gray-900 dark:text-white sm:col-span-2 sm:mt-0"><%= @user.current_theme.titleize %></dd>
+            </div>
+          <% end %>
+        </dl>
+      </div>
+
+      <!-- Recent Activity -->
+      <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm">
+        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
+          <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400 tracking-wider">Recent Activity</h3>
+          <%= link_to "View All", activity_admin_user_path(@user), class: "text-sm text-primary-600 hover:text-primary-700 dark:text-primary-400" %>
+        </div>
+        <% if @recent_activity.any? %>
+          <ul class="divide-y divide-gray-200 dark:divide-gray-700">
+            <% @recent_activity.each do |activity| %>
+              <li class="px-6 py-3 flex items-center justify-between">
+                <div class="flex items-center gap-3">
+                  <div class="flex-shrink-0">
+                    <% icon = case activity.action
+                       when "login" then "fa-solid fa-right-to-bracket text-green-500"
+                       when "logout" then "fa-solid fa-right-from-bracket text-gray-400"
+                       when "updated_user" then "fa-solid fa-user-pen text-blue-500"
+                       when "enabled_user" then "fa-solid fa-user-check text-green-500"
+                       when "disabled_user" then "fa-solid fa-user-slash text-red-500"
+                       when "invited_user" then "fa-solid fa-envelope text-purple-500"
+                       when "revoked_session" then "fa-solid fa-ban text-red-500"
+                       else "fa-solid fa-circle-info text-gray-400"
+                       end %>
+                    <i class="<%= icon %>"></i>
+                  </div>
+                  <div>
+                    <span class="text-sm text-gray-900 dark:text-white"><%= activity.action.humanize %></span>
+                    <% if activity.resource_type.present? %>
+                      <span class="text-sm text-gray-500 dark:text-gray-400">
+                        &mdash; <%= activity.resource_type.demodulize %>
+                      </span>
+                    <% end %>
+                  </div>
+                </div>
+                <span class="text-xs text-gray-400 dark:text-gray-500"><%= time_ago_in_words(activity.created_at) %> ago</span>
+              </li>
+            <% end %>
+          </ul>
+        <% else %>
+          <div class="px-6 py-8 text-center">
+            <p class="text-sm text-gray-500 dark:text-gray-400">No activity recorded yet.</p>
+          </div>
+        <% end %>
+      </div>
+
+      <!-- Active Sessions -->
+      <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm">
+        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
+          <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400 tracking-wider">
+            Active Sessions
+            <% if @active_sessions_count > 0 %>
+              <span class="ml-2 inline-flex items-center rounded-full bg-green-50 px-2 py-0.5 text-xs font-medium text-green-700 dark:bg-green-500/10 dark:text-green-400"><%= @active_sessions_count %></span>
+            <% end %>
+          </h3>
+          <%= link_to "View All Sessions", sessions_admin_user_path(@user), class: "text-sm text-primary-600 hover:text-primary-700 dark:text-primary-400" %>
+        </div>
+        <% if @active_sessions.any? %>
+          <div class="divide-y divide-gray-200 dark:divide-gray-700">
+            <% @active_sessions.each do |user_session| %>
+              <div class="px-6 py-4 flex items-center justify-between">
+                <div class="flex items-center gap-4">
+                  <div class="flex-shrink-0">
+                    <span class="flex h-10 w-10 items-center justify-center rounded-full bg-green-100 dark:bg-green-500/10">
+                      <i class="fa-solid fa-desktop text-green-600 dark:text-green-400"></i>
+                    </span>
+                  </div>
+                  <div>
+                    <div class="text-sm font-medium text-gray-900 dark:text-white">
+                      <% if user_session.user_agent.present? %>
+                        <%= truncate(user_session.user_agent, length: 80) %>
+                      <% else %>
+                        Unknown browser
+                      <% end %>
+                    </div>
+                    <div class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
+                      <% if user_session.ip_address.present? %>
+                        IP: <%= user_session.ip_address %> &middot;
+                      <% end %>
+                      Last active: <%= user_session.last_active_at ? "#{time_ago_in_words(user_session.last_active_at)} ago" : "Unknown" %>
+                    </div>
+                  </div>
+                </div>
+                <% if @user != current_user %>
+                  <%= button_to "Revoke",
+                    revoke_session_admin_user_path(@user, session_id: user_session.id),
+                    method: :delete,
+                    class: "rounded-md bg-red-600 px-3 py-1.5 text-xs font-semibold text-white shadow-sm hover:bg-red-500 cursor-pointer",
+                    form: { data: { turbo_confirm: "Revoke this session? The user will be logged out." } } %>
+                <% end %>
+              </div>
+            <% end %>
+          </div>
+        <% else %>
+          <div class="px-6 py-8 text-center">
+            <p class="text-sm text-gray-500 dark:text-gray-400">No active sessions.</p>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/panda/core/shared/_footer.html.erb

@@ -1,2 +1 @@
-  </body>
-</html>
+<%= render Panda::Core::Shared::FooterComponent.new %>