cccux 0.1.0

data/app/views/cccux/ability_permissions/edit.html.erb

@@ -0,0 +1,58 @@
+<div class="container mx-auto px-4 py-8">
+  <div class="max-w-2xl mx-auto">
+    <h1 class="text-3xl font-bold text-gray-900 mb-6">Edit Permission</h1>
+
+    <%= form_with(model: [@ability_permission], url: cccux.ability_permission_path(@ability_permission), local: true, method: :patch, class: "bg-white shadow-md rounded-lg p-6") do |form| %>
+      <% if @ability_permission.errors.any? %>
+        <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
+          <strong><%= pluralize(@ability_permission.errors.count, "error") %> prohibited this permission from being saved:</strong>
+          <ul class="mt-2">
+            <% @ability_permission.errors.full_messages.each do |message| %>
+              <li><%= message %></li>
+            <% end %>
+          </ul>
+        </div>
+      <% end %>
+
+      <div class="mb-4">
+        <%= form.label :subject, class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <%= form.select :subject, 
+                        options_for_select(@available_subjects.map { |s| [s, s] }, @ability_permission.subject),
+                        { include_blank: false },
+                        { class: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" } %>
+        <p class="mt-1 text-sm text-gray-500">The model/resource this permission applies to (e.g., Order, User)</p>
+      </div>
+
+      <div class="mb-4">
+        <%= form.label :action, class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <%= form.select :action, 
+                        options_for_select(@available_actions.map { |a| [a, a] }, @ability_permission.action),
+                        { include_blank: false },
+                        { class: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" } %>
+        <p class="mt-1 text-sm text-gray-500">The action this permission allows (e.g., read, create, update, destroy)</p>
+      </div>
+
+      <div class="mb-6">
+        <%= form.label :description, class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <%= form.text_area :description, 
+                           rows: 3,
+                           class: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm",
+                           placeholder: "Optional description of what this permission allows..." %>
+        <p class="mt-1 text-sm text-gray-500">Optional description to help explain what this permission does</p>
+      </div>
+
+      <div class="flex items-center justify-between">
+        <%= form.submit "Update Permission", class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" %>
+        <%= link_to "Cancel", cccux.ability_permissions_path, class: "text-gray-600 hover:text-gray-800" %>
+      </div>
+    <% end %>
+
+    <div class="mt-6 bg-yellow-50 border border-yellow-200 rounded-lg p-4">
+      <h3 class="text-sm font-medium text-yellow-800 mb-2">⚠️ Warning:</h3>
+      <p class="text-sm text-yellow-700">
+        This permission is currently used by <strong><%= @ability_permission.role_abilities.count %></strong> role(s). 
+        Changing it will affect all roles that have this permission assigned.
+      </p>
+    </div>
+  </div>
+</div> 

data/app/views/cccux/ability_permissions/index.html.erb

@@ -0,0 +1,108 @@
+<div class="container mx-auto px-4 py-8">
+  <div class="flex justify-between items-center mb-6">
+    <h1 class="text-3xl font-bold text-gray-900">Ability Permissions</h1>
+    <div class="text-sm text-gray-600">
+      Total: <%= @ability_permissions.count %> permissions across <%= @grouped_permissions.keys.count %> models
+    </div>
+  </div>
+
+  <% if @grouped_permissions.any? %>
+    <% @grouped_permissions.each do |subject, permissions| %>
+      <div class="bg-white shadow-md rounded-lg overflow-hidden mb-8">
+        <!-- Model Header -->
+        <div class="px-6 py-4 bg-gradient-to-r from-blue-500 to-blue-600 text-white">
+          <div class="flex justify-between items-center">
+            <div>
+              <h2 class="text-xl font-bold"><%= subject %> Permissions</h2>
+              <p class="text-blue-100 text-sm"><%= permissions.count %> permission(s) configured</p>
+            </div>
+            <%= link_to "Create New #{subject} Permission", 
+                        cccux.new_ability_permission_path(subject: subject), 
+                        class: "bg-white text-blue-600 hover:bg-blue-50 font-semibold py-2 px-4 rounded-lg transition-colors" %>
+          </div>
+        </div>
+
+        <!-- Permissions Grid -->
+        <div class="overflow-x-auto">
+          <table class="min-w-full divide-y divide-gray-200">
+            <thead class="bg-gray-50">
+              <tr>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Action</th>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Description</th>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Used by Roles</th>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+              </tr>
+            </thead>
+            <tbody class="bg-white divide-y divide-gray-200">
+              <% permissions.each_with_index do |permission, index| %>
+                <tr class="<%= index.even? ? 'bg-white' : 'bg-gray-50' %> hover:bg-blue-50 transition-colors">
+                  <td class="px-6 py-4 whitespace-nowrap">
+                    <div class="flex items-center">
+                      <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
+                        <%= permission.action %>
+                      </span>
+                    </div>
+                  </td>
+                  <td class="px-6 py-4">
+                    <div class="text-sm text-gray-900">
+                      <%= permission.description.present? ? permission.description : "No description provided" %>
+                    </div>
+                  </td>
+                  <td class="px-6 py-4 whitespace-nowrap">
+                    <% role_count = permission.role_abilities.count %>
+                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium <%= role_count > 0 ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800' %>">
+                      <%= role_count %> role<%= 's' if role_count != 1 %>
+                    </span>
+                  </td>
+                  <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
+                    <div class="flex space-x-3">
+                      <%= link_to "Edit", cccux.edit_ability_permission_path(permission), 
+                                  class: "text-blue-600 hover:text-blue-900 font-medium" %>
+                      <%= link_to "Delete", cccux.ability_permission_path(permission), 
+                                  data: { "turbo-method": :delete, confirm: "Are you sure you want to delete this permission? This will affect #{permission.role_abilities.count} role(s)." }, 
+                                  class: "text-red-600 hover:text-red-900 font-medium" %>
+                    </div>
+                  </td>
+                </tr>
+              <% end %>
+            </tbody>
+          </table>
+        </div>
+
+        <!-- Quick Stats Footer -->
+        <div class="px-6 py-3 bg-gray-50 border-t border-gray-200">
+          <div class="flex justify-between items-center text-sm text-gray-600">
+            <span>
+              Actions: <%= permissions.pluck(:action).uniq.join(', ') %>
+            </span>
+            <span>
+              Total roles using <%= subject %> permissions: <%= permissions.map(&:role_abilities).flatten.map(&:role_id).uniq.count %>
+            </span>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  <% else %>
+    <!-- Empty State -->
+    <div class="bg-white shadow-md rounded-lg p-12 text-center">
+      <div class="mx-auto w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mb-4">
+        <svg class="w-12 h-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4"></path>
+        </svg>
+      </div>
+      <h3 class="text-lg font-medium text-gray-900 mb-2">No permissions found</h3>
+      <p class="text-gray-500 mb-6">Get started by creating your first permission for any model.</p>
+      <%= link_to "Create First Permission", cccux.new_ability_permission_path, 
+                  class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg transition-colors" %>
+    </div>
+  <% end %>
+
+  <!-- Navigation Footer -->
+  <div class="mt-8 flex justify-between items-center">
+    <%= link_to "← Back to Roles", cccux.roles_path, 
+                class: "text-blue-600 hover:text-blue-800 font-medium" %>
+    <div class="text-sm text-gray-500">
+      Permissions are dynamically loaded into role management interfaces
+    </div>
+  </div>
+</div> 

data/app/views/cccux/ability_permissions/new.html.erb

@@ -0,0 +1,308 @@
+<div class="container mx-auto px-4 py-8">
+  <div class="max-w-4xl mx-auto">
+    <div class="mb-6">
+      <h1 class="text-3xl font-bold text-gray-900 mb-2">Create New Permissions</h1>
+      <p class="text-gray-600">Create one or multiple permissions for a model with intelligent action discovery</p>
+    </div>
+
+    <%= form_with(model: [@ability_permission], url: cccux.ability_permissions_path, local: true, class: "bg-white shadow-lg rounded-lg p-6") do |form| %>
+      <% if @ability_permission.errors.any? %>
+        <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-6">
+          <strong><%= pluralize(@ability_permission.errors.count, "error") %> prohibited this permission from being saved:</strong>
+          <ul class="mt-2">
+            <% @ability_permission.errors.full_messages.each do |message| %>
+              <li><%= message %></li>
+            <% end %>
+          </ul>
+        </div>
+      <% end %>
+
+      <!-- Subject Selection -->
+      <div class="mb-6">
+        <%= form.label :subject, class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <%= form.select :subject, 
+                        options_for_select([['Select a model...', '']] + @available_subjects.map { |s| [s, s] }, @ability_permission.subject),
+                        { include_blank: false },
+                        { 
+                          class: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm #{'bg-gray-100' if @ability_permission.subject.present?}", 
+                          readonly: @ability_permission.subject.present?,
+                          id: 'subject-select'
+                        } %>
+        <p class="mt-1 text-sm text-gray-500">
+          <% if @ability_permission.subject.present? %>
+            Creating permissions for <strong><%= @ability_permission.subject %></strong> model
+          <% else %>
+            Choose the model/resource for these permissions (e.g., Order, User, Product)
+          <% end %>
+        </p>
+      </div>
+
+      <!-- Actions Selection (Multi-select) -->
+      <div class="mb-6">
+        <label class="block text-sm font-medium text-gray-700 mb-2">Actions</label>
+        <div id="actions-container" class="border border-gray-300 rounded-md p-4 bg-gray-50 min-h-[100px]">
+          <div id="no-subject-message" class="text-gray-500 text-center py-8">
+            <i class="fas fa-arrow-up text-2xl mb-2"></i>
+            <p>Select a model above to see available actions</p>
+          </div>
+          <div id="actions-checkboxes" class="hidden grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3">
+            <!-- Actions will be populated here via JavaScript -->
+          </div>
+        </div>
+        <div class="mt-2 flex justify-between items-center">
+          <p class="text-sm text-gray-500">Select one or more actions to create permissions for</p>
+          <div class="space-x-2">
+            <button type="button" id="select-all-actions" class="text-sm text-blue-600 hover:text-blue-800">Select All</button>
+            <button type="button" id="select-crud-actions" class="text-sm text-green-600 hover:text-green-800">CRUD Only</button>
+            <button type="button" id="clear-actions" class="text-sm text-gray-600 hover:text-gray-800">Clear</button>
+          </div>
+        </div>
+      </div>
+
+      <!-- Description Template -->
+      <div class="mb-6">
+        <%= form.label :description, "Description Template", class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <%= form.text_area :description, 
+                           rows: 2,
+                           class: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm",
+                           placeholder: "Leave blank for auto-generated descriptions...",
+                           id: 'description-template' %>
+        <p class="mt-1 text-sm text-gray-500">If provided, will be used as a template. Otherwise, descriptions like "Read orders", "Create orders" will be auto-generated</p>
+      </div>
+
+      <!-- Active Status -->
+      <div class="mb-6">
+        <label class="flex items-center">
+          <%= form.check_box :active, { checked: true, class: "rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" } %>
+          <span class="ml-2 text-sm text-gray-700">Active (permissions will be immediately available for assignment)</span>
+        </label>
+      </div>
+
+      <!-- Preview Section -->
+      <div id="preview-section" class="mb-6 hidden">
+        <h3 class="text-lg font-medium text-gray-900 mb-3">Preview: Permissions to be created</h3>
+        <div id="preview-list" class="bg-blue-50 border border-blue-200 rounded-lg p-4 max-h-40 overflow-y-auto">
+          <!-- Preview items will be populated here -->
+        </div>
+      </div>
+
+      <!-- Action Buttons -->
+      <div class="flex items-center justify-between">
+        <div>
+          <%= form.submit "Create Selected Permissions", 
+                          class: "bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-6 rounded focus:outline-none focus:shadow-outline",
+                          id: 'submit-button',
+                          disabled: true %>
+          <span id="permission-count" class="ml-3 text-sm text-gray-600"></span>
+        </div>
+        <%= link_to "Cancel", cccux.ability_permissions_path, class: "text-gray-600 hover:text-gray-800" %>
+      </div>
+    <% end %>
+
+    <!-- Help Section -->
+    <div class="mt-8 bg-gradient-to-r from-blue-50 to-indigo-50 border border-blue-200 rounded-lg p-6">
+      <h3 class="text-lg font-medium text-blue-800 mb-3">🚀 Smart Permission Creation</h3>
+      <div class="grid md:grid-cols-2 gap-4 text-sm text-blue-700">
+        <div>
+          <h4 class="font-semibold mb-2">Auto-Discovery Features:</h4>
+          <ul class="space-y-1">
+            <li>• <strong>Route Analysis:</strong> Discovers actions from your app's routes</li>
+            <li>• <strong>Model Detection:</strong> Finds all models in your application</li>
+            <li>• <strong>Smart Suggestions:</strong> Shows relevant actions per model</li>
+            <li>• <strong>Bulk Creation:</strong> Create multiple permissions at once</li>
+          </ul>
+        </div>
+        <div>
+          <h4 class="font-semibold mb-2">Common Patterns:</h4>
+          <ul class="space-y-1">
+            <li>• <strong>CRUD:</strong> read, create, update, destroy</li>
+            <li>• <strong>Custom Actions:</strong> process_order, approve, cancel</li>
+            <li>• <strong>Admin Actions:</strong> manage (grants all permissions)</li>
+            <li>• <strong>View Only:</strong> read, index, show</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  const subjectSelect = document.getElementById('subject-select');
+  const actionsContainer = document.getElementById('actions-container');
+  const noSubjectMessage = document.getElementById('no-subject-message');
+  const actionsCheckboxes = document.getElementById('actions-checkboxes');
+  const previewSection = document.getElementById('preview-section');
+  const previewList = document.getElementById('preview-list');
+  const submitButton = document.getElementById('submit-button');
+  const permissionCount = document.getElementById('permission-count');
+  
+  // Subject actions map from the controller
+  const subjectActionsMap = <%= raw @subject_actions_map.to_json %>;
+  
+  // Handle subject selection change
+  subjectSelect.addEventListener('change', function() {
+    const selectedSubject = this.value;
+    console.log('Subject selected:', selectedSubject);
+    
+    if (selectedSubject) {
+      loadActionsForSubject(selectedSubject);
+    } else {
+      showNoSubjectMessage();
+    }
+  });
+  
+  // Load actions for a specific subject
+  function loadActionsForSubject(subject) {
+    const actions = subjectActionsMap[subject] || [];
+    console.log('Actions for', subject, ':', actions);
+    
+    if (actions.length > 0) {
+      displayActions(actions, subject);
+    } else {
+      // Fallback to AJAX if not in map
+      fetchActionsFromServer(subject);
+    }
+  }
+  
+  // Fetch actions from server via AJAX
+  function fetchActionsFromServer(subject) {
+    fetch(`<%= cccux.actions_for_subject_ability_permissions_path %>?subject=${encodeURIComponent(subject)}`)
+      .then(response => response.json())
+      .then(data => {
+        displayActions(data.actions, subject);
+      })
+      .catch(error => {
+        console.error('Error fetching actions:', error);
+        displayActions(['read', 'create', 'update', 'destroy'], subject);
+      });
+  }
+  
+  // Display actions as checkboxes
+  function displayActions(actions, subject) {
+    noSubjectMessage.classList.add('hidden');
+    actionsCheckboxes.classList.remove('hidden');
+    
+    actionsCheckboxes.innerHTML = '';
+    
+    actions.forEach(action => {
+      const div = document.createElement('div');
+      div.className = 'flex items-center';
+      
+      const checkbox = document.createElement('input');
+      checkbox.type = 'checkbox';
+      checkbox.name = 'ability_permission[actions][]';
+      checkbox.value = action;
+      checkbox.id = `action_${action}`;
+      checkbox.className = 'rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-500 focus:ring-indigo-500';
+      checkbox.addEventListener('change', updatePreview);
+      
+      const label = document.createElement('label');
+      label.htmlFor = `action_${action}`;
+      label.className = 'ml-2 text-sm text-gray-700 cursor-pointer flex-1';
+      label.textContent = action;
+      
+      // Add action type badge
+      const badge = document.createElement('span');
+      badge.className = getActionBadgeClass(action);
+      badge.textContent = getActionType(action);
+      
+      div.appendChild(checkbox);
+      div.appendChild(label);
+      div.appendChild(badge);
+      actionsCheckboxes.appendChild(div);
+    });
+    
+    updatePreview();
+  }
+  
+  // Show no subject selected message
+  function showNoSubjectMessage() {
+    noSubjectMessage.classList.remove('hidden');
+    actionsCheckboxes.classList.add('hidden');
+    previewSection.classList.add('hidden');
+    submitButton.disabled = true;
+    permissionCount.textContent = '';
+  }
+  
+  // Update preview section
+  function updatePreview() {
+    const subject = subjectSelect.value;
+    const selectedActions = Array.from(document.querySelectorAll('input[name="ability_permission[actions][]"]:checked'))
+                                 .map(cb => cb.value);
+    
+    if (selectedActions.length > 0 && subject) {
+      previewSection.classList.remove('hidden');
+      previewList.innerHTML = '';
+      
+      selectedActions.forEach(action => {
+        const div = document.createElement('div');
+        div.className = 'flex items-center justify-between py-1';
+        div.innerHTML = `
+          <span class="font-medium">${action}</span>
+          <span class="text-sm text-gray-600">${subject}</span>
+        `;
+        previewList.appendChild(div);
+      });
+      
+      submitButton.disabled = false;
+      permissionCount.textContent = `(${selectedActions.length} permission${selectedActions.length !== 1 ? 's' : ''})`;
+    } else {
+      previewSection.classList.add('hidden');
+      submitButton.disabled = true;
+      permissionCount.textContent = '';
+    }
+  }
+  
+  // Quick selection buttons
+  document.getElementById('select-all-actions').addEventListener('click', function() {
+    document.querySelectorAll('input[name="ability_permission[actions][]"]').forEach(cb => {
+      cb.checked = true;
+    });
+    updatePreview();
+  });
+  
+  document.getElementById('select-crud-actions').addEventListener('click', function() {
+    const crudActions = ['read', 'create', 'update', 'destroy'];
+    document.querySelectorAll('input[name="ability_permission[actions][]"]').forEach(cb => {
+      cb.checked = crudActions.includes(cb.value);
+    });
+    updatePreview();
+  });
+  
+  document.getElementById('clear-actions').addEventListener('click', function() {
+    document.querySelectorAll('input[name="ability_permission[actions][]"]').forEach(cb => {
+      cb.checked = false;
+    });
+    updatePreview();
+  });
+  
+  // Utility functions
+  function getActionBadgeClass(action) {
+    const crudActions = ['read', 'create', 'update', 'destroy'];
+    if (crudActions.includes(action)) {
+      return 'px-2 py-1 text-xs bg-green-100 text-green-800 rounded-full';
+    } else if (action === 'manage') {
+      return 'px-2 py-1 text-xs bg-purple-100 text-purple-800 rounded-full';
+    } else {
+      return 'px-2 py-1 text-xs bg-blue-100 text-blue-800 rounded-full';
+    }
+  }
+  
+  function getActionType(action) {
+    const crudActions = ['read', 'create', 'update', 'destroy'];
+    if (crudActions.includes(action)) {
+      return 'CRUD';
+    } else if (action === 'manage') {
+      return 'ALL';
+    } else {
+      return 'CUSTOM';
+    }
+  }
+  
+  // Initialize with current subject if set
+  if (subjectSelect.value) {
+    loadActionsForSubject(subjectSelect.value);
+  }
+});
+</script> 

data/app/views/cccux/dashboard/index.html.erb

@@ -0,0 +1,69 @@
+<h2>Authorization Dashboard</h2>
+
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 2rem 0;">
+  <div style="background: #e3f2fd; padding: 1rem; border-radius: 5px; text-align: center;">
+    <h3 style="margin: 0; color: #1976d2;">Users</h3>
+    <p style="font-size: 2rem; margin: 0.5rem 0; color: #1976d2;"><%= @user_count %></p>
+            <p style="margin: 0; color: #666;"><%= User.count %> total</p>
+  </div>
+  
+  <div style="background: #e8f5e8; padding: 1rem; border-radius: 5px; text-align: center;">
+    <h3 style="margin: 0; color: #388e3c;">Roles</h3>
+    <p style="font-size: 2rem; margin: 0.5rem 0; color: #388e3c;"><%= @role_count %></p>
+    <p style="margin: 0; color: #666;"><%= Cccux::Role.where(active: true).count %> active</p>
+  </div>
+  
+  <div style="background: #fff3e0; padding: 1rem; border-radius: 5px; text-align: center;">
+    <h3 style="margin: 0; color: #f57c00;">Permissions</h3>
+    <p style="font-size: 2rem; margin: 0.5rem 0; color: #f57c00;"><%= @permission_count %></p>
+    <p style="margin: 0; color: #666;"><%= Cccux::AbilityPermission.where(active: true).count %> active</p>
+  </div>
+  
+  <div style="background: #f3e5f5; padding: 1rem; border-radius: 5px; text-align: center;">
+    <h3 style="margin: 0; color: #7b1fa2;">Assignments</h3>
+    <p style="font-size: 2rem; margin: 0.5rem 0; color: #7b1fa2;"><%= @total_assignments %></p>
+    <p style="margin: 0; color: #666;">user-role & role-permission</p>
+  </div>
+</div>
+
+<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 2rem;">
+  <div>
+    <h3>Recent Users</h3>
+          <% recent_users = User.order(created_at: :desc).limit(5) %>
+    <% if recent_users.any? %>
+      <% recent_users.each do |user| %>
+        <div style="background: #f8f9fa; padding: 0.5rem; margin: 0.5rem 0; border-radius: 3px;">
+          <strong><%= user.email %></strong>
+          <span style="color: #666; font-size: 0.9em;">- <%= user.created_at.strftime("%b %d, %Y") %></span>
+        </div>
+      <% end %>
+    <% else %>
+      <p style="color: #666;">No users yet</p>
+    <% end %>
+  </div>
+  
+  <div>
+    <h3>Recent Roles</h3>
+    <% recent_roles = Cccux::Role.order(created_at: :desc).limit(5) %>
+    <% if recent_roles.any? %>
+      <% recent_roles.each do |role| %>
+        <div style="background: #f8f9fa; padding: 0.5rem; margin: 0.5rem 0; border-radius: 3px;">
+          <strong><%= role.name %></strong>
+          <span style="color: #666; font-size: 0.9em;">- <%= role.created_at.strftime("%b %d, %Y") %></span>
+        </div>
+      <% end %>
+    <% else %>
+      <p style="color: #666;">No roles yet</p>
+    <% end %>
+  </div>
+</div>
+
+<div style="margin-top: 2rem; padding: 1rem; background: #f0f8ff; border-radius: 5px;">
+  <h3>Quick Actions</h3>
+  <p>
+    <%= link_to "Create New User", cccux.new_user_path, style: "background: #007bff; color: white; padding: 0.5rem 1rem; text-decoration: none; border-radius: 3px; margin-right: 1rem;" %>
+    <%= link_to "Create New Role", cccux.new_role_path, style: "background: #28a745; color: white; padding: 0.5rem 1rem; text-decoration: none; border-radius: 3px; margin-right: 1rem;" %>
+    <%= link_to "Manage Permissions", cccux.ability_permissions_path, style: "background: #ffc107; color: #212529; padding: 0.5rem 1rem; text-decoration: none; border-radius: 3px; margin-right: 1rem;" %>
+    <%= link_to "🔍 Model Discovery", cccux.model_discovery_path, style: "background: #17a2b8; color: white; padding: 0.5rem 1rem; text-decoration: none; border-radius: 3px; font-weight: bold;" %>
+  </p>
+</div>