cccux 0.1.0

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

@@ -0,0 +1,148 @@
+<div style="margin-bottom: 2rem;">
+  <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
+    <h1 style="margin: 0; color: #495057;">Model Discovery & Permission Sync</h1>
+    <%= link_to "← Back to Dashboard", cccux.root_path, 
+        style: "background-color: #6c757d; color: white; padding: 0.5rem 1rem; text-decoration: none; border-radius: 4px;" %>
+  </div>
+  
+  <div style="background-color: #e7f3ff; border: 1px solid #b8daff; padding: 1rem; border-radius: 4px; margin-bottom: 2rem;">
+    <h4 style="margin-top: 0; color: #004085;">🔍 Smart Model Detection</h4>
+    <p style="color: #004085; font-size: 0.9rem; margin-bottom: 0.5rem;">
+      This tool automatically scans your Rails application for models and helps you create permissions for them. 
+      CCCUX engine models are handled separately and won't appear here.
+    </p>
+    <p style="margin-bottom: 0; color: #856404; font-size: 0.85rem; background-color: #fff3cd; padding: 0.5rem; border-radius: 3px; margin-top: 0.5rem;">
+      <strong>💡 Tip:</strong> If a new model doesn't appear here, visit its page first (e.g., <code>/products</code>) to ensure Rails loads it, then refresh this page.
+    </p>
+  </div>
+</div>
+
+<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 2rem;">
+  <!-- Detected Models -->
+  <div style="background-color: white; border: 1px solid #dee2e6; border-radius: 8px; padding: 1.5rem;">
+    <h3 style="margin-top: 0; color: #495057; display: flex; align-items: center;">
+      <span style="background-color: #17a2b8; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; margin-right: 0.5rem;"><%= @detected_models.count %></span>
+      Models Detected
+    </h3>
+    
+    <% if @detected_models.any? %>
+      <div style="max-height: 300px; overflow-y: auto; border: 1px solid #eee; border-radius: 4px; padding: 0.5rem;">
+        <% @detected_models.each do |model| %>
+          <div style="padding: 0.5rem; border-bottom: 1px solid #f8f9fa; display: flex; justify-content: space-between; align-items: center;">
+            <span style="font-family: monospace; font-size: 0.9rem; color: #495057;"><%= model %></span>
+            <% if @existing_models.include?(model) %>
+              <span style="background-color: #d4edda; color: #155724; padding: 0.25rem 0.5rem; border-radius: 12px; font-size: 0.75rem; font-weight: bold;">✓ Has Permissions</span>
+            <% else %>
+              <span style="background-color: #fff3cd; color: #856404; padding: 0.25rem 0.5rem; border-radius: 12px; font-size: 0.75rem; font-weight: bold;">⚠ Missing Permissions</span>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    <% else %>
+      <div style="text-align: center; padding: 2rem; color: #6c757d; font-style: italic;">
+        No models detected. Make sure your models inherit from ApplicationRecord.
+      </div>
+    <% end %>
+  </div>
+
+  <!-- Existing Permissions -->
+  <div style="background-color: white; border: 1px solid #dee2e6; border-radius: 8px; padding: 1.5rem;">
+    <h3 style="margin-top: 0; color: #495057; display: flex; align-items: center;">
+      <span style="background-color: #28a745; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; margin-right: 0.5rem;"><%= @existing_models.count %></span>
+      Models with Permissions
+    </h3>
+    
+    <% if @existing_models.any? %>
+      <div style="max-height: 300px; overflow-y: auto; border: 1px solid #eee; border-radius: 4px; padding: 0.5rem;">
+        <% @existing_models.each do |model| %>
+          <div style="padding: 0.5rem; border-bottom: 1px solid #f8f9fa; display: flex; justify-content: space-between; align-items: center;">
+            <span style="font-family: monospace; font-size: 0.9rem; color: #495057;"><%= model %></span>
+            <span style="background-color: #d4edda; color: #155724; padding: 0.25rem 0.5rem; border-radius: 12px; font-size: 0.75rem; font-weight: bold;">
+              <%= Cccux::AbilityPermission.where(subject: model).count %> permissions
+            </span>
+          </div>
+        <% end %>
+      </div>
+    <% else %>
+      <div style="text-align: center; padding: 2rem; color: #6c757d; font-style: italic;">
+        No models have permissions yet.
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<!-- Add Missing Permissions -->
+<% if @missing_models.any? %>
+  <div style="background-color: white; border: 1px solid #dee2e6; border-radius: 8px; padding: 1.5rem; margin-bottom: 2rem;">
+    <h3 style="margin-top: 0; color: #495057;">Add Permissions for Missing Models</h3>
+    
+    <%= form_with url: cccux.sync_permissions_path, method: :post, local: true do |form| %>
+      <div style="margin-bottom: 1.5rem;">
+        <p style="color: #6c757d; margin-bottom: 1rem;">
+          Select models to create permissions for. Each model will get <strong>read, create, update, destroy</strong> permissions.
+        </p>
+        
+        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem;">
+          <% @missing_models.each do |model| %>
+            <label style="display: flex; align-items: center; padding: 0.75rem; border: 1px solid #dee2e6; border-radius: 4px; cursor: pointer; transition: background-color 0.2s;" 
+                   onmouseover="this.style.backgroundColor='#f8f9fa'" 
+                   onmouseout="this.style.backgroundColor='white'">
+              <%= check_box_tag "models[]", model, false, style: "margin-right: 0.5rem;" %>
+              <div>
+                <div style="font-weight: bold; color: #495057;"><%= model %></div>
+                <div style="font-size: 0.8rem; color: #6c757d;">4 permissions will be created</div>
+              </div>
+            </label>
+          <% end %>
+        </div>
+      </div>
+      
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <div>
+          <button type="button" onclick="selectAll()" style="background-color: #17a2b8; color: white; padding: 0.5rem 1rem; border: none; border-radius: 4px; cursor: pointer; margin-right: 0.5rem;">Select All</button>
+          <button type="button" onclick="selectNone()" style="background-color: #6c757d; color: white; padding: 0.5rem 1rem; border: none; border-radius: 4px; cursor: pointer;">Select None</button>
+        </div>
+        
+        <%= form.submit "Create Permissions", 
+            style: "background-color: #28a745; color: white; padding: 0.75rem 1.5rem; border: none; border-radius: 4px; cursor: pointer; font-weight: bold;" %>
+      </div>
+    <% end %>
+  </div>
+<% else %>
+  <div style="background-color: #d4edda; border: 1px solid #c3e6cb; border-radius: 8px; padding: 1.5rem; text-align: center;">
+    <h4 style="margin-top: 0; color: #155724;">🎉 All Detected Models Have Permissions!</h4>
+    <p style="margin-bottom: 0; color: #155724;">
+      All models in your application already have permissions configured. If you add new models, 
+      return to this page to set up their permissions.
+    </p>
+  </div>
+<% end %>
+
+<!-- Quick Actions -->
+<div style="background-color: #f8f9fa; border-radius: 8px; padding: 1.5rem; margin-top: 2rem;">
+  <h4 style="margin-top: 0; color: #495057;">Quick Actions</h4>
+  <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
+    <%= link_to "View All Permissions", cccux.ability_permissions_path, 
+        style: "background-color: #007bff; color: white; padding: 0.5rem 1rem; text-decoration: none; border-radius: 4px;" %>
+    <%= link_to "Manage Roles", cccux.roles_path, 
+        style: "background-color: #6f42c1; color: white; padding: 0.5rem 1rem; text-decoration: none; border-radius: 4px;" %>
+    <%= link_to "User Management", cccux.users_path, 
+        style: "background-color: #fd7e14; color: white; padding: 0.5rem 1rem; text-decoration: none; border-radius: 4px;" %>
+    <%= link_to "Refresh Detection", cccux.model_discovery_path, 
+        style: "background-color: #20c997; color: white; padding: 0.5rem 1rem; text-decoration: none; border-radius: 4px;" %>
+  </div>
+</div>
+
+<script>
+function selectAll() {
+  document.querySelectorAll('input[name="models[]"]').forEach(checkbox => {
+    checkbox.checked = true;
+  });
+}
+
+function selectNone() {
+  document.querySelectorAll('input[name="models[]"]').forEach(checkbox => {
+    checkbox.checked = false;
+  });
+}
+</script>

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

@@ -0,0 +1,42 @@
+<div class="container mx-auto px-4 py-8">
+  <div class="max-w-2xl mx-auto text-center">
+    <h1 class="text-4xl font-bold text-gray-900 mb-6">
+      Welcome to CCCUX Authorization Engine
+    </h1>
+    
+    <p class="text-lg text-gray-600 mb-8">
+      Your Rails application is now set up with CCCUX authorization.
+    </p>
+    
+    <div class="bg-blue-50 border border-blue-200 rounded-lg p-6 mb-8">
+      <h2 class="text-xl font-semibold text-blue-900 mb-4">Quick Start</h2>
+      <div class="space-y-3 text-left">
+        <div class="flex items-center">
+          <span class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3">1</span>
+          <span>Include CCCUX in your User model: <code class="bg-gray-100 px-2 py-1 rounded">include CccuxUserConcern</code></span>
+        </div>
+        <div class="flex items-center">
+          <span class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3">2</span>
+          <span>Run database migrations: <code class="bg-gray-100 px-2 py-1 rounded">rails db:migrate</code></span>
+        </div>
+        <div class="flex items-center">
+          <span class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3">3</span>
+          <span>Visit the admin interface: <a href="/cccux" class="text-blue-600 hover:underline">/cccux</a></span>
+        </div>
+      </div>
+    </div>
+    
+    <div class="space-y-4">
+      <a href="/cccux" class="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors">
+        Go to CCCUX Admin
+      </a>
+      
+      <% if defined?(User) %>
+        <div class="text-sm text-gray-500">
+          <p>User model detected. You can sign in at:</p>
+          <a href="/users/sign_in" class="text-blue-600 hover:underline">/users/sign_in</a>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div> 

data/app/views/cccux/roles/_flash.html.erb

@@ -0,0 +1,10 @@
+ <% if notice %>
+  <div class="alert alert-success" style="background-color: #d1edff; border: 1px solid #0c5460; padding: 1rem; border-radius: 4px; margin-bottom: 1rem;">
+    <%= notice %>
+  </div>
+<% end %>
+<% if alert %>
+  <div class="alert alert-danger" style="background-color: #f8d7da; border: 1px solid #721c24; padding: 1rem; border-radius: 4px; margin-bottom: 1rem;">
+    <%= alert %>
+  </div>
+<% end %>

data/app/views/cccux/roles/_form.html.erb

@@ -0,0 +1,78 @@
+ <%= turbo_frame_tag role.new_record? ? "new_role_form" : "role_#{role.id}" do %>
+  <div style="background-color: white; border: 1px solid #dee2e6; border-radius: 8px; padding: 1.5rem;">
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;">
+      <h3 style="margin: 0; color: #495057;"><%= role.new_record? ? 'Create New Role' : 'Edit Role' %></h3>
+      <%= link_to "Cancel", cccux.roles_path, 
+          data: { turbo_frame: role.new_record? ? "new_role_form" : "role_#{role.id}" },
+          style: "color: #6c757d; text-decoration: none; font-size: 0.9rem;" %>
+    </div>
+    
+    <%= form_with model: [role], url: role.new_record? ? cccux.roles_path : cccux.role_path(role), local: false do |form| %>
+      <% if role.errors.any? %>
+        <div style="background-color: #f8d7da; border: 1px solid #721c24; padding: 1rem; margin-bottom: 1rem; border-radius: 4px;">
+          <h4 style="margin-top: 0; color: #721c24;"><%= pluralize(role.errors.count, "error") %> prohibited this role from being saved:</h4>
+          <ul style="margin-bottom: 0; color: #721c24;">
+            <% role.errors.full_messages.each do |message| %>
+              <li><%= message %></li>
+            <% end %>
+          </ul>
+        </div>
+      <% end %>
+
+      <div style="margin-bottom: 1.5rem;">
+        <%= form.label :name, style: "display: block; margin-bottom: 0.5rem; font-weight: bold; color: #495057;" %>
+        <%= form.text_field :name, 
+            style: "width: 100%; padding: 0.75rem; border: 1px solid #ced4da; border-radius: 4px; font-size: 1rem;",
+            placeholder: "Enter role name (e.g., Manager, Support, etc.)" %>
+      </div>
+
+      <div style="margin-bottom: 1.5rem;">
+        <%= form.label :description, style: "display: block; margin-bottom: 0.5rem; font-weight: bold; color: #495057;" %>
+        <%= form.text_area :description, rows: 3,
+            style: "width: 100%; padding: 0.75rem; border: 1px solid #ced4da; border-radius: 4px; font-size: 1rem; resize: vertical;",
+            placeholder: "Describe what this role can do and its responsibilities..." %>
+      </div>
+
+      <div style="margin-bottom: 1.5rem;">
+        <label style="display: flex; align-items: center; cursor: pointer;">
+          <%= form.check_box :active, { checked: role.active.nil? ? true : role.active }, 
+              style: "margin-right: 0.5rem; transform: scale(1.2);" %>
+          <span style="font-weight: bold; color: #495057;">Active Role</span>
+        </label>
+        <small style="color: #6c757d; font-size: 0.9rem; margin-top: 0.25rem; display: block; margin-left: 1.5rem;">
+          Only active roles can be assigned to users. Inactive roles are hidden from user assignment forms.
+        </small>
+      </div>
+
+      <div style="margin-bottom: 1.5rem;">
+        <%= form.label :priority, style: "display: block; margin-bottom: 0.5rem; font-weight: bold; color: #495057;" %>
+        <%= form.number_field :priority, 
+            style: "width: 100%; padding: 0.75rem; border: 1px solid #ced4da; border-radius: 4px; font-size: 1rem;",
+            placeholder: "Enter priority (lower numbers = higher priority)",
+            min: 1,
+            value: role.priority || 50 %>
+        <small style="color: #6c757d; font-size: 0.9rem; margin-top: 0.25rem; display: block;">
+          Priority determines role hierarchy. Lower numbers = higher priority (e.g., Admin=1, Manager=10, User=50)
+        </small>
+      </div>
+
+      <% if role.new_record? %>
+        <div style="background-color: #e7f3ff; border: 1px solid #b8daff; padding: 1rem; border-radius: 4px; margin-bottom: 1.5rem;">
+          <h4 style="margin-top: 0; color: #004085; font-size: 1rem;">📝 Note about Permissions</h4>
+          <p style="margin-bottom: 0; color: #004085; font-size: 0.9rem;">
+            After creating this role, you'll be able to assign specific permissions (read, create, update, destroy) 
+            for each resource (Orders, Users, etc.) on the role's edit page.
+          </p>
+        </div>
+      <% end %>
+
+      <div style="display: flex; gap: 0.5rem;">
+        <%= form.submit role.new_record? ? "Create Role" : "Update Role", 
+            style: "background-color: #007bff; color: white; padding: 0.75rem 1.5rem; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem;" %>
+        <%= link_to "Cancel", cccux.roles_path, 
+            data: { turbo_frame: role.new_record? ? "new_role_form" : "role_#{role.id}" },
+            style: "color: #6c757d; text-decoration: none; padding: 0.75rem 1rem; font-size: 1rem;" %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/cccux/roles/_role.html.erb

@@ -0,0 +1,67 @@
+ <div class="role-card" 
+      data-role-id="<%= role.id %>"
+      style="background-color: white; border: 1px solid #dee2e6; border-radius: 8px; padding: 1.5rem; cursor: move; transition: all 0.2s ease; position: relative;">
+   
+   <!-- Drag Handle -->
+   <div class="drag-handle" style="position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); color: #adb5bd; font-size: 1.2rem;">
+     ⋮⋮
+   </div>
+    <div style="display: flex; justify-content: space-between; align-items: start; margin-bottom: 1rem; margin-left: 2rem;">
+      <h3 style="margin: 0; color: #495057;"><%= role.name %></h3>
+      <div style="display: flex; gap: 0.5rem;">
+        <span class="priority-badge" style="background-color: #fff3cd; color: #856404; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.875rem; font-weight: bold;">
+          Priority: <%= role.priority %>
+        </span>
+        <span style="background-color: #e9ecef; color: #495057; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.875rem;">
+          <%= pluralize(role.users.count, 'user') %>
+        </span>
+      </div>
+    </div>
+    
+    <p style="color: #6c757d; margin-bottom: 1rem; font-size: 0.9rem; margin-left: 2rem;">
+      <%= role.description %>
+    </p>
+    <div style="margin-bottom: 1.5rem; margin-left: 2rem;">
+      <strong style="color: #495057; font-size: 0.9rem;">Permissions:</strong>
+      <div style="margin-top: 0.5rem;">
+        <% if role.ability_permissions.any? %>
+          <% role.ability_permissions.group_by(&:subject).each do |subject, permissions| %>
+            <div style="margin-bottom: 0.75rem;">
+              <span style="font-weight: bold; color: #495057; font-size: 0.8rem;"><%= subject %>:</span>
+              <span style="margin-left: 0.5rem;">
+                <% permissions.each do |permission| %>
+                  <% 
+                    # Get the role ability to check ownership
+                    role_ability = role.role_abilities.find_by(ability_permission: permission)
+                    access_type = role_ability&.access_type || 'global'
+                    
+                    # Determine if this permission supports ownership
+                    supports_ownership = permission.supports_ownership? && permission.model_supports_ownership?
+                  %>
+                  <span style="display: inline-block; background-color: #e7f3ff; color: #0066cc; padding: 0.1rem 0.5rem; border-radius: 3px; font-size: 0.75rem; margin-right: 0.25rem; margin-bottom: 0.15rem;">
+                    <%= permission.action %>
+                    <% if supports_ownership %>
+                      <span style="color: #888; font-size: 0.72em; margin-left: 0.2em;">(<%= access_type %>)</span>
+                    <% end %>
+                  </span>
+                <% end %>
+              </span>
+            </div>
+          <% end %>
+        <% else %>
+          <span style="color: #6c757d; font-style: italic; font-size: 0.8rem;">No permissions assigned</span>
+        <% end %>
+      </div>
+    </div>
+    
+    <div style="display: flex; gap: 0.5rem; margin-left: 2rem;">
+      <%= link_to "View", cccux.role_path(role), 
+          style: "color: #007bff; text-decoration: none; font-size: 0.9rem;" %>
+      <%= link_to "Edit", cccux.edit_role_path(role), 
+          style: "color: #28a745; text-decoration: none; font-size: 0.9rem;" %>
+      <% unless role.users.any? %>
+        <%= link_to "Delete", cccux.role_path(role), data: { "turbo-method": :delete, "turbo-confirm": "Are you sure?" },
+            style: "color: #dc3545; text-decoration: none; font-size: 0.9rem;" %>
+      <% end %>
+    </div>
+  </div>