ruby_cms 0.2.1.1 → 1.0.1

data/lib/generators/ruby_cms/templates/views/admin/user_permissions/_row.html.erb

@@ -0,0 +1,29 @@
+<% user_permission = local_assigns[:user_permission] || local_assigns[:item] %>
+<td data-column="permission" class="py-1.5 px-3 align-middle">
+  <span class="inline-flex items-center px-1.5 py-0.5 rounded font-mono text-[12px] font-medium bg-[#faf8f3] text-[#1c1917] border border-[#e9e4d4]"><%= user_permission.permission.key %></span>
+</td>
+<td data-column="name" class="py-1.5 px-3 align-middle text-[13px] text-[#57534e] truncate"><%= user_permission.permission.name %></td>
+<td class="py-1.5 px-3 align-middle text-right w-10">
+  <div class="inline-flex items-center justify-end" onclick="event.stopPropagation()">
+    <%= render RubyUI::DropdownMenu.new do %>
+      <%= render RubyUI::DropdownMenuTrigger.new do %>
+        <%= Button(variant: :ghost, size: :sm, icon: true, type: :button, aria_label: "Acties") do %>
+          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5v.01M12 12v.01M12 19v.01" /></svg>
+        <% end %>
+      <% end %>
+      <%= render RubyUI::DropdownMenuContent.new do %>
+        <%= render RubyUI::DropdownMenuLabel.new { t("admin.pages.common.actions", default: "Acties") } %>
+        <%= render RubyUI::DropdownMenuItem.new(class: "text-red-600 hover:!bg-red-50", data: { turbo_method: :delete, turbo_confirm: "Revoke this permission? This cannot be undone.", turbo_frame: "_top" }, href: admin_user_permission_path(@user, user_permission)) { "Revoke" } %>
+      <% end %>
+    <% end %>
+  </div>
+  <template data-ruby-ui--context-menu-target="content">
+    <div role="menu" class="z-50 min-w-[180px] outline-none overflow-hidden rounded-md border border-[#e9e4d4] bg-white p-1 text-[#1c1917] shadow-md">
+      <div class="px-2 py-1 text-[10.5px] font-semibold uppercase tracking-[0.06em] text-[#a8a29e]"><%= t("admin.pages.common.actions", default: "Acties") %></div>
+      <a href="<%= admin_user_permission_path(@user, user_permission) %>" data-turbo-method="delete" data-turbo-frame="_top" data-turbo-confirm="Revoke this permission? This cannot be undone." role="menuitem" class="flex items-center gap-2 px-2 py-1.5 rounded-sm text-[13px] text-red-600 hover:bg-red-50 cursor-pointer no-underline">
+        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>
+        Revoke
+      </a>
+    </div>
+  </template>
+</td>

data/lib/generators/ruby_cms/templates/views/admin/user_permissions/index.html.erb

@@ -0,0 +1,78 @@
+<%= AdminPage do %>
+  <%= AdminPageHeader(
+    title: "User permissions",
+    subtitle: (@user.try(:email_address) || @user.try(:email) || "User ##{@user.id}"),
+    breadcrumbs: [
+      { label: t("ruby_cms.admin.breadcrumb.admin", default: "Admin"), url: admin_root_path },
+      { label: t("ruby_cms.admin.users.title", default: "Users"), url: admin_users_path },
+      { label: "User permissions" }
+    ]
+  ) do %>
+    <%= link_to admin_users_path, class: "inline-flex items-center gap-1.5 h-8 px-3 rounded-md bg-white border border-[#e9e4d4] text-[#1c1917] text-[12.5px] font-medium hover:bg-[#faf8f3] transition-colors no-underline" do %>
+      <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" /></svg>
+      Back to users
+    <% end %>
+  <% end %>
+
+  <div class="p-4 space-y-3 border-b border-[#e9e4d4]">
+    <% if Permission.templates.any? %>
+      <div class="rounded-lg border border-[#e9e4d4] bg-white p-4">
+        <p class="text-[13px] font-semibold text-[#1c1917]">Permission templates</p>
+        <p class="text-[12px] text-[#78716c] mt-0.5 mb-3">Apply a predefined set of permissions. This replaces all current permissions.</p>
+        <div class="flex flex-wrap gap-1.5">
+          <% active_templates = Permission.matching_templates(@user) %>
+          <% Permission.templates.each do |key, tmpl| %>
+            <% is_active = active_templates.include?(key) %>
+            <%= form_with url: admin_user_permissions_path(@user),
+                          method: :post,
+                          class: "inline",
+                          data: { turbo_confirm: "Apply the #{tmpl[:label]} template? This replaces all current permissions." } do |f| %>
+              <%= f.hidden_field :template, value: key %>
+              <%= f.submit tmpl[:label],
+                    class: "inline-flex items-center gap-1.5 h-7 px-2.5 rounded-md text-[12.5px] font-medium transition-colors cursor-pointer border #{
+                      is_active ?
+                        'bg-blue-600 border-blue-600 text-white hover:bg-blue-700' :
+                        'bg-white border-[#e9e4d4] text-[#1c1917] hover:bg-[#faf8f3]'
+                    }" %>
+            <% end %>
+          <% end %>
+        </div>
+        <% if active_templates.any? %>
+          <p class="mt-2 text-[11.5px] text-[#78716c]">
+            Active: <span class="font-medium text-[#1c1917]"><%= active_templates.map { |k| Permission.templates[k][:label] }.join(", ") %></span>
+          </p>
+        <% end %>
+      </div>
+    <% end %>
+
+    <div class="rounded-lg border border-[#e9e4d4] bg-white p-4">
+      <p class="text-[13px] font-semibold text-[#1c1917]">Grant individual permission</p>
+      <%= form_with url: admin_user_permissions_path(@user), method: :post, class: "mt-3 flex items-end gap-2" do |f| %>
+        <div class="flex-1">
+          <%= f.select :permission_id,
+                       options_from_collection_for_select(@permissions, :id, :key),
+                       { include_blank: "Select…" },
+                       class: "w-full h-8 rounded-md border border-[#e9e4d4] bg-white px-2 text-[13px] text-[#1c1917] focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-100" %>
+        </div>
+        <%= f.submit "Grant", class: "h-8 inline-flex items-center justify-center rounded-md bg-blue-600 px-3 text-[12.5px] font-medium text-white hover:bg-blue-700 transition-colors cursor-pointer" %>
+      <% end %>
+    </div>
+  </div>
+
+  <%= render partial: "admin/shared/data_table", locals: {
+    id: "admin_table_content",
+    headers: [
+      { key: :permission, label: "Permission", width: "240px" },
+      { key: :name,       label: "Name" },
+      { key: :actions,    label: "", actions: true, width: "40px", align: :right }
+    ],
+    bulk_delete_url: (bulk_delete_admin_user_permissions_path(@user) rescue nil),
+    collection: @user_permissions || [],
+    row_partial: "admin/user_permissions/row",
+    empty_state: {
+      title: "No permissions",
+      description: "This user has no individually granted permissions yet.",
+      icon: "shield"
+    }
+  } %>
+<% end %>

data/lib/generators/ruby_cms/templates/views/admin/users/_admin_table_content.html.erb

@@ -0,0 +1,50 @@
+<%
+  current_filter    = @current_filter    || "all"
+  current_sort      = @sort_column       || "created"
+  current_direction = @sort_direction    || "desc"
+  filter_counts     = @filter_counts     || { all: 0, admin: 0, user: 0, active: 0, inactive: 0 }
+  permission_total  = @permission_total  || 0
+%>
+<%= render partial: "admin/shared/data_table", locals: {
+  id: "admin_table_content",
+  search_url: admin_users_path,
+  search_param: :q,
+  search_placeholder: t("admin.pages.users.search_placeholder", default: "Zoek op naam, e-mail of ID…"),
+  filter_param: :filter,
+  current_filter: current_filter,
+  filter_pills: [
+    { key: :all,      label: t("admin.pages.common.all",        default: "Alle"),         count: filter_counts[:all] },
+    { key: :admin,    label: t("admin.pages.users.admins",      default: "Beheerders"),   count: filter_counts[:admin] },
+    { key: :user,     label: t("admin.pages.users.regular",     default: "Gebruikers"),   count: filter_counts[:user] },
+    { key: :active,   label: t("admin.pages.common.active",     default: "Actief"),       count: filter_counts[:active] },
+    { key: :inactive, label: t("admin.pages.common.inactive",   default: "Inactief"),     count: filter_counts[:inactive] }
+  ],
+  columns_toggle: [
+    { key: :user,        label: t("admin.pages.users.user",        default: "Gebruiker") },
+    { key: :role,        label: t("admin.pages.users.role",        default: "Rol") },
+    { key: :status,      label: t("admin.pages.common.status",     default: "Status") },
+    { key: :permissions, label: t("admin.pages.users.permissions", default: "Rechten") },
+    { key: :created,     label: t("admin.pages.common.last_seen",  default: "Laatst gezien") }
+  ],
+  headers: [
+    { key: :user,        label: t("admin.pages.users.user",        default: "Gebruiker"),  sortable: true },
+    { key: :role,        label: t("admin.pages.users.role",        default: "Rol"),        sortable: true,  width: "130px" },
+    { key: :status,      label: t("admin.pages.common.status",     default: "Status"),     sortable: false, width: "120px" },
+    { key: :permissions, label: t("admin.pages.users.permissions", default: "Rechten"),    sortable: false, width: "140px" },
+    { key: :created,     label: t("admin.pages.common.last_seen",  default: "Laatst gezien"), sortable: true,  width: "150px" },
+    { key: :actions,     label: t("admin.pages.common.actions",    default: "Acties"),     actions: true,   width: "40px", align: :right }
+  ],
+  sort_url: admin_users_path,
+  current_sort: current_sort,
+  current_direction: current_direction,
+  bulk_delete_url: bulk_delete_admin_users_path,
+  collection: @users || [],
+  row_partial: "admin/users/row",
+  empty_state: {
+    title: t("admin.pages.users.empty_title", default: "Geen gebruikers"),
+    description: t("admin.pages.users.empty_description", default: "Er zijn nog geen gebruikers aangemaakt.")
+  },
+  pagination: @pagination,
+  pagination_path: admin_users_path,
+  preserved_query: { q: params[:q], filter: current_filter }.compact
+} %>

data/lib/generators/ruby_cms/templates/views/admin/users/_invite_form.html.erb

@@ -0,0 +1,43 @@
+<%
+  hide = !flash[:invite_error]
+%>
+<div id="invite-user-form" class="<%= "hidden" if hide %> mx-4 mt-3 rounded-lg border border-[#e9e4d4] bg-white shadow-sm p-5">
+  <h2 class="text-[14px] font-semibold text-[#1c1917] mb-1 mt-0">
+    <%= t("admin.pages.users.invite_title", default: "Gebruiker uitnodigen") %>
+  </h2>
+  <p class="text-[12.5px] text-[#78716c] m-0 mb-4">
+    <%= t("admin.pages.users.invite_description", default: "Stuur een uitnodigingslink. De gebruiker stelt zelf een wachtwoord in.") %>
+  </p>
+  <%= form_with url: admin_invitations_path, method: :post, scope: :invitation, local: true do |f| %>
+    <div class="grid gap-3 sm:grid-cols-2 max-w-2xl">
+      <div class="flex flex-col gap-1">
+        <%= f.label :email, t("admin.pages.users.email", default: "E-mail"), class: "text-[12.5px] font-medium text-[#57534e]" %>
+        <%= f.email_field :email, required: true, autofocus: true,
+            class: "h-8 rounded-md border border-[#e9e4d4] bg-white px-2.5 text-[13px] text-[#1c1917] focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-100",
+            placeholder: "user@example.com" %>
+      </div>
+      <div class="flex flex-col gap-1">
+        <%= f.label :admin, t("admin.pages.users.role", default: "Rol"), class: "text-[12.5px] font-medium text-[#57534e]" %>
+        <%= f.select :admin,
+              [
+                [ t("admin.pages.users.user", default: "Gebruiker"), false ],
+                [ t("admin.pages.users.admin", default: "Beheerder"), true ]
+              ],
+              {},
+              class: "h-8 rounded-md border border-[#e9e4d4] bg-white px-2.5 text-[13px] text-[#1c1917] focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-100" %>
+      </div>
+    </div>
+    <p class="text-[11.5px] text-[#78716c] mt-3 mb-3">
+      <%= t("admin.pages.users.invite_hint",
+            default: "Beheerders krijgen toegang tot back-ups, security en system health. Geef andere gebruikers losse rechten via Beheer rechten.") %>
+    </p>
+    <div class="flex items-center gap-2 mt-2">
+      <%= f.submit t("admin.pages.users.send_invite", default: "Uitnodiging versturen"),
+          class: "inline-flex h-8 items-center justify-center rounded-md bg-blue-600 px-3 text-[12.5px] font-medium text-white hover:bg-blue-700 transition-colors cursor-pointer border-0" %>
+      <%= tag.button t("admin.pages.common.cancel", default: "Annuleren"),
+            type: "button",
+            class: "inline-flex h-8 items-center justify-center rounded-md border border-[#e9e4d4] bg-white px-3 text-[12.5px] font-medium text-[#57534e] hover:bg-[#faf8f3] transition-colors cursor-pointer",
+            data: { controller: "admin--toggle", action: "click->admin--toggle#hide", toggle_target_id: "invite-user-form" } %>
+    </div>
+  <% end %>
+</div>

data/lib/generators/ruby_cms/templates/views/admin/users/_invites_panel.html.erb

@@ -0,0 +1,91 @@
+<% invitations = local_assigns[:invitations] || [] %>
+<% return if invitations.empty? %>
+<%
+  ago_label = t("admin.pages.common.ago", default: "geleden")
+  rel_time = ->(ts) {
+    next "—" unless ts
+    diff = (Time.current - ts).to_i
+    base = case diff
+    when 0..59             then "#{diff}s"
+    when 60..3599          then "#{diff / 60}m"
+    when 3600..86399       then "#{diff / 3600}u"
+    when 86400..2591999    then "#{diff / 86400}d"
+    when 2592000..31535999 then "#{diff / 2592000}mo"
+    else                        "#{diff / 31536000}y"
+    end
+    "#{base} #{ago_label}"
+  }
+%>
+<section class="mx-4 mt-3 rounded-lg border border-amber-200 bg-amber-50/60 overflow-hidden">
+  <header class="flex items-center justify-between gap-3 px-4 py-2.5 border-b border-amber-200 bg-amber-100/60">
+    <div class="flex items-center gap-2 min-w-0">
+      <span class="inline-grid place-items-center w-6 h-6 rounded-md bg-amber-100 text-amber-700 flex-shrink-0">
+        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l9 6 9-6M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+        </svg>
+      </span>
+      <p class="m-0 text-[12.5px] text-amber-900 truncate">
+        <strong><%= invitations.size %> openstaande uitnodiging<%= "en" unless invitations.size == 1 %></strong>
+        · Wacht op acceptatie
+      </p>
+    </div>
+    <%= button_to resend_all_admin_invitations_path,
+          method: :post,
+          form: { data: { turbo_confirm: t("admin.pages.users.invite_resend_all_confirm", default: "Alle uitnodigingen opnieuw versturen?") } },
+          class: "inline-flex items-center gap-1.5 h-7 px-2.5 rounded-md text-[12px] font-medium text-amber-900 hover:bg-amber-100 transition-colors border-0 bg-transparent cursor-pointer" do %>
+      <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+      </svg>
+      <%= t("admin.pages.users.invite_resend_all", default: "Alles opnieuw versturen") %>
+    <% end %>
+  </header>
+  <ul class="divide-y divide-amber-200 bg-white/60 list-none m-0 p-0">
+    <% invitations.each do |inv| %>
+      <% initials = inv.email.split(/[@._]/).first(2).map { |p| p[0] }.join.upcase.presence || "?" %>
+      <li class="flex items-center gap-3 px-4 py-2">
+        <span class="relative w-7 h-7 flex-shrink-0 rounded-full bg-amber-50 border border-amber-200 grid place-items-center text-amber-700 font-semibold text-[11px]">
+          <%= initials %>
+        </span>
+        <div class="min-w-0 flex-1">
+          <div class="text-[13px] font-medium text-[#1c1917] truncate"><%= inv.email %></div>
+          <div class="text-[11.5px] text-[#78716c] truncate flex items-center gap-1.5">
+            <% if inv.admin %>
+              <span class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full text-[10.5px] font-medium border bg-blue-50 text-blue-700 border-blue-100">
+                <span class="w-1.5 h-1.5 rounded-full bg-blue-600"></span>
+                <%= t("admin.pages.users.admin", default: "Beheerder") %>
+              </span>
+            <% else %>
+              <span class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full text-[10.5px] font-medium border bg-[#faf8f3] text-[#57534e] border-[#e9e4d4]">
+                <%= t("admin.pages.users.user", default: "Gebruiker") %>
+              </span>
+            <% end %>
+            <% if inv.invited_by %>
+              <span>· door <%= inv.invited_by.email_address %></span>
+            <% end %>
+            <span>· <%= rel_time.call(inv.created_at) %></span>
+            <% if inv.expires_at %>
+              <span>· verloopt <%= rel_time.call(inv.expires_at).sub(ago_label, "vanaf nu") %></span>
+            <% end %>
+          </div>
+        </div>
+        <%= button_to resend_admin_invitation_path(inv),
+              method: :post,
+              class: "inline-flex items-center gap-1 h-7 px-2 rounded-md text-[12px] font-medium text-[#57534e] hover:bg-[#faf8f3] transition-colors border border-[#e9e4d4] bg-white cursor-pointer" do %>
+          <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+          </svg>
+          <%= t("admin.pages.users.invite_resend", default: "Resend") %>
+        <% end %>
+        <%= button_to admin_invitation_path(inv),
+              method: :delete,
+              form: { data: { turbo_confirm: t("admin.pages.users.invite_revoke_confirm", default: "Uitnodiging intrekken?") } },
+              class: "inline-flex items-center gap-1 h-7 px-2 rounded-md text-[12px] font-medium text-red-600 hover:bg-red-50 transition-colors border-0 bg-transparent cursor-pointer" do %>
+          <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+          </svg>
+          <span class="sr-only"><%= t("admin.pages.users.invite_revoke", default: "Intrekken") %></span>
+        <% end %>
+      </li>
+    <% end %>
+  </ul>
+</section>

data/lib/generators/ruby_cms/templates/views/admin/users/_row.html.erb

@@ -0,0 +1,109 @@
+<%
+  user             = local_assigns[:user] || local_assigns[:item]
+  permission_total = @permission_total || 0
+  active_ids       = @active_user_ids || []
+  email            = (user.try(:email_address) || user.try(:email) || user.to_s).to_s
+  display_name     = email.split("@").first&.split(/[._]/)&.map(&:capitalize)&.join(" ").presence || email
+  initials         = email.split(/[@._]/).first(2).map { |p| p[0] }.join.upcase.presence || "?"
+  is_admin         = user.respond_to?(:admin?) ? user.admin? : false
+  is_active        = active_ids.include?(user.id)
+  perm_count       = user.respond_to?(:permissions) ? user.permissions.size : 0
+  # Use already-loaded sessions assoc (controller .includes(:sessions)) then sort in-memory.
+  # .order().first would trigger a fresh query and defeat the preload.
+  last_session     = if user.respond_to?(:sessions)
+                       sessions = user.sessions.loaded? ? user.sessions.to_a : user.sessions.order(updated_at: :desc).limit(1).to_a
+                       sessions.max_by { |s| s.updated_at || Time.at(0) }
+  end
+  last_seen        = last_session&.updated_at || (user.respond_to?(:created_at) ? user.created_at : nil)
+  rel_for = ->(ts) { ts ? rel_time(ts) : nil }
+%>
+<td data-column="user" class="py-1.5 px-3 align-middle">
+  <div class="flex items-center gap-2.5 min-w-0">
+    <div class="relative w-7 h-7 flex-shrink-0 rounded-full bg-[#faf8f3] border border-[#e9e4d4] grid place-items-center text-[#57534e] font-semibold text-[11px]">
+      <%= initials %>
+    </div>
+    <div class="min-w-0">
+      <div class="font-semibold text-[13px] leading-tight text-[#1c1917] truncate"><%= display_name %></div>
+      <div class="text-[11.5px] leading-tight text-[#78716c] truncate"><%= email %></div>
+    </div>
+  </div>
+</td>
+<td data-column="role" class="py-1.5 px-3 align-middle">
+  <% if is_admin %>
+    <span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-[11px] font-medium border bg-blue-50 text-blue-700 border-blue-100 whitespace-nowrap">
+      <span class="w-1.5 h-1.5 rounded-full bg-blue-600"></span>
+      <%= t("admin.pages.users.admin", default: "Beheerder") %>
+    </span>
+  <% else %>
+    <span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-[11px] font-medium border bg-[#faf8f3] text-[#57534e] border-[#e9e4d4] whitespace-nowrap">
+      <%= t("admin.pages.users.user", default: "Gebruiker") %>
+    </span>
+  <% end %>
+</td>
+<td data-column="status" class="py-1.5 px-3 align-middle">
+  <% if is_active %>
+    <span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-[11px] font-medium border bg-green-50 text-green-700 border-green-100 whitespace-nowrap">
+      <span class="w-1.5 h-1.5 rounded-full bg-green-600"></span>
+      <%= t("admin.pages.common.active", default: "Actief") %>
+    </span>
+  <% else %>
+    <span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-[11px] font-medium border bg-[#faf8f3] text-[#78716c] border-[#e9e4d4] whitespace-nowrap">
+      <span class="w-1.5 h-1.5 rounded-full bg-[#a8a29e]"></span>
+      <%= t("admin.pages.common.inactive", default: "Inactief") %>
+    </span>
+  <% end %>
+</td>
+<td data-column="permissions" class="py-1.5 px-3 align-middle">
+  <div class="flex items-center gap-1 text-[12.5px]">
+    <span class="font-mono tabular-nums font-semibold text-[#1c1917]"><%= perm_count %></span>
+    <% if permission_total.positive? %>
+      <span class="text-[11px] text-[#a8a29e]">/ <%= permission_total %></span>
+    <% end %>
+  </div>
+</td>
+<td data-column="created" class="py-1.5 px-3 align-middle">
+  <% if last_seen %>
+    <div class="flex flex-col leading-tight">
+      <span class="text-[12.5px] text-[#1c1917]"><%= rel_for.call(last_seen) %></span>
+      <span class="font-mono text-[11.5px] text-[#78716c] whitespace-nowrap"><%= last_seen.strftime("%d/%m/%y") %></span>
+    </div>
+  <% else %>
+    <span class="text-[12px] text-[#a8a29e]">—</span>
+  <% end %>
+</td>
+<td class="py-1.5 px-3 align-middle text-right w-10">
+  <div class="inline-flex items-center justify-end" onclick="event.stopPropagation()">
+    <%= render RubyUI::DropdownMenu.new do %>
+      <%= render RubyUI::DropdownMenuTrigger.new do %>
+        <%= Button(variant: :ghost, size: :sm, icon: true, type: :button, aria_label: t("admin.pages.common.actions", default: "Acties")) do %>
+          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5v.01M12 12v.01M12 19v.01" /></svg>
+        <% end %>
+      <% end %>
+      <%= render RubyUI::DropdownMenuContent.new do %>
+        <%= render RubyUI::DropdownMenuLabel.new { t("admin.pages.common.actions", default: "Acties") } %>
+        <%= render RubyUI::DropdownMenuItem.new(href: admin_user_path(user)) { t("admin.pages.users.view_profile", default: "Bekijk profiel") } %>
+        <%= render RubyUI::DropdownMenuItem.new(href: admin_user_permissions_path(user)) { t("admin.pages.users.manage_permissions", default: "Beheer rechten") } %>
+        <%= render RubyUI::DropdownMenuSeparator.new %>
+        <%= render RubyUI::DropdownMenuItem.new(class: "text-red-600 hover:!bg-red-50", data: { turbo_method: :delete, turbo_confirm: t("admin.bulk_action_table.default_confirm", default: "Weet je het zeker?"), turbo_frame: "_top" }, href: admin_user_path(user)) { t("admin.bulk_action_table.delete_selected", default: "Verwijderen") } %>
+      <% end %>
+    <% end %>
+  </div>
+  <template data-ruby-ui--context-menu-target="content">
+    <div role="menu" class="z-50 min-w-[200px] outline-none overflow-hidden rounded-md border border-[#e9e4d4] bg-white p-1 text-[#1c1917] shadow-md">
+      <div class="px-2 py-1 text-[10.5px] font-semibold uppercase tracking-[0.06em] text-[#a8a29e]"><%= t("admin.pages.common.actions", default: "Acties") %></div>
+      <a href="<%= admin_user_path(user) %>" role="menuitem" class="flex items-center gap-2 px-2 py-1.5 rounded-sm text-[13px] hover:bg-[#faf8f3] cursor-pointer no-underline text-[#1c1917]">
+        <svg class="w-3.5 h-3.5 text-[#78716c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /></svg>
+        <%= t("admin.pages.users.view_profile", default: "Bekijk profiel") %>
+      </a>
+      <a href="<%= admin_user_permissions_path(user) %>" role="menuitem" class="flex items-center gap-2 px-2 py-1.5 rounded-sm text-[13px] hover:bg-[#faf8f3] cursor-pointer no-underline text-[#1c1917]">
+        <svg class="w-3.5 h-3.5 text-[#78716c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+        <%= t("admin.pages.users.manage_permissions", default: "Beheer rechten") %>
+      </a>
+      <div class="h-px bg-[#e9e4d4] my-1"></div>
+      <a href="<%= admin_user_path(user) %>" data-turbo-method="delete" data-turbo-frame="_top" data-turbo-confirm="<%= t("admin.bulk_action_table.default_confirm", default: "Weet je het zeker?") %>" role="menuitem" class="flex items-center gap-2 px-2 py-1.5 rounded-sm text-[13px] text-red-600 hover:bg-red-50 cursor-pointer no-underline">
+        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>
+        <%= t("admin.bulk_action_table.delete_selected", default: "Verwijderen") %>
+      </a>
+    </div>
+  </template>
+</td>

data/lib/generators/ruby_cms/templates/views/admin/users/index.html.erb

@@ -0,0 +1,43 @@
+<%
+  user_class      = Object.const_get(Rails.application.config.ruby_cms.user_class_name.presence || "User")
+  email_attr      = user_class.column_names.include?("email_address") ? :email_address : :email
+  total_count     = @total_users_count || @users&.count || 0
+  admin_count     = @filter_counts ? @filter_counts[:admin] : 0
+  invite_count    = @pending_invitations&.size || 0
+  subtitle_parts  = []
+  subtitle_parts << "#{total_count} #{t("admin.pages.users.item_name", default: "gebruiker").pluralize(total_count)}"
+  subtitle_parts << "#{admin_count} #{t("admin.pages.users.admins", default: "beheerders").downcase}" if admin_count.positive?
+  subtitle_parts << "#{invite_count} uitnodiging#{invite_count == 1 ? '' : 'en'} open" if invite_count.positive?
+%>
+<%= AdminPage do %>
+  <%= AdminPageHeader(
+    title: t("ruby_cms.admin.users.title", default: "Gebruikers"),
+    subtitle: subtitle_parts.join(" · "),
+    breadcrumbs: [
+      { label: t("ruby_cms.admin.breadcrumb.admin", default: "Admin"), url: admin_root_path },
+      { label: t("ruby_cms.admin.users.title", default: "Gebruikers") }
+    ]
+  ) do %>
+    <button type="button"
+            class="inline-flex items-center gap-1.5 h-8 px-3 rounded-md bg-blue-600 text-white text-[12.5px] font-medium hover:bg-blue-700 transition-colors no-underline border-0 cursor-pointer"
+            data-controller="admin--toggle"
+            data-action="click->admin--toggle#toggle"
+            data-toggle-target-id="invite-user-form">
+      <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l9 6 9-6M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+      </svg>
+      <span><%= t("admin.pages.users.invite", default: "Gebruiker uitnodigen") %></span>
+    </button>
+  <% end %>
+
+  <% if flash[:alert] %>
+    <div class="mx-4 mt-3 rounded-md border border-rose-200 bg-rose-50 p-3">
+      <p class="text-[13px] text-rose-700 m-0"><%= flash[:alert] %></p>
+    </div>
+  <% end %>
+
+  <%= render "invite_form", email_attr: email_attr %>
+  <%= render "invites_panel", invitations: @pending_invitations %>
+
+  <%= render "admin_table_content" %>
+<% end %>