admin_suite 0.1.0

data/app/views/admin_suite/docs/index.html.erb

@@ -0,0 +1,86 @@
+<% content_for :title, "Docs - Admin Suite" %>
+
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+  <div class="flex items-start gap-6">
+    <!-- Sidebar -->
+    <aside class="hidden lg:block w-72 flex-shrink-0 sticky top-6 max-h-[calc(100vh-8rem)] overflow-hidden">
+      <div class="bg-white rounded-xl border border-slate-200 overflow-hidden h-full">
+        <div class="p-4 border-b border-slate-200 bg-slate-50">
+          <div class="text-sm font-semibold text-slate-900">Documentation</div>
+          <div class="text-xs text-slate-500 mt-1"><%= @docs_root.to_s %></div>
+        </div>
+
+        <nav class="p-3 space-y-4 overflow-y-auto max-h-[calc(100vh-14rem)]">
+          <% if @files.present? %>
+            <% @files.each do |group_name, files| %>
+              <div>
+                <div class="text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2 px-2"><%= group_name %></div>
+                <ul class="space-y-0.5">
+                  <% Array(files).each do |file_path| %>
+                    <% is_selected = file_path == @selected_path %>
+                    <li>
+                      <%= link_to doc_path(file_path),
+                          class: "flex items-center gap-2 px-2 py-1.5 text-sm rounded-lg transition-colors #{is_selected ? "bg-slate-100 text-slate-900 font-semibold" : "text-slate-600 hover:bg-slate-50 hover:text-slate-900"}" do %>
+                        <span class="truncate"><%= File.basename(file_path, ".md").tr("_", " ").tr("-", " ").titleize %></span>
+                      <% end %>
+                    </li>
+                  <% end %>
+                </ul>
+              </div>
+            <% end %>
+          <% else %>
+            <div class="p-4 text-sm text-slate-500">
+              No markdown files found.
+            </div>
+          <% end %>
+        </nav>
+      </div>
+    </aside>
+
+    <!-- Main -->
+    <section class="flex-1 min-w-0">
+      <% if @content_html.present? %>
+        <div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
+          <div class="px-6 py-5 border-b border-slate-200 bg-slate-50">
+            <h1 class="text-2xl font-bold text-slate-900 mb-2"><%= @title %></h1>
+            <div class="flex items-center gap-4 text-sm text-slate-500">
+              <% if @reading_time %>
+                <span><%= @reading_time %> min read</span>
+              <% end %>
+              <span class="font-mono text-xs"><%= @selected_path %></span>
+            </div>
+          </div>
+
+          <div class="p-6">
+            <% if @toc.present? && @toc.any? %>
+              <div class="mb-8 p-4 bg-slate-50 rounded-lg border border-slate-200">
+                <div class="text-sm font-semibold text-slate-900 mb-3">Table of contents</div>
+                <ul class="space-y-1 text-sm">
+                  <% @toc.each do |item| %>
+                    <li style="padding-left: <%= (item[:level] - 2) * 0.75 %>rem">
+                      <a href="#<%= item[:id] %>" class="admin-suite-link admin-suite-link-hover hover:underline">
+                        <%= item[:text] %>
+                      </a>
+                    </li>
+                  <% end %>
+                </ul>
+              </div>
+            <% end %>
+
+            <article class="admin-suite-doc-content">
+              <%= @content_html.html_safe %>
+            </article>
+          </div>
+        </div>
+      <% else %>
+        <div class="bg-white rounded-xl border border-slate-200 p-12 text-center">
+          <div class="text-lg font-semibold text-slate-900">No document selected</div>
+          <div class="text-sm text-slate-500 mt-1">
+            Add markdown files under <code><%= Rails.root.join("docs") %></code> (or set <code>config.docs_path</code>).
+          </div>
+        </div>
+      <% end %>
+    </section>
+  </div>
+</div>
+<%# trailing newline %>

data/app/views/admin_suite/panels/_cards.html.erb

@@ -0,0 +1,107 @@
+<% resources = Array(panel_eval(panel.options[:resources])) %>
+<% variant = (panel.options[:variant] || :default).to_sym %>
+
+<div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 overflow-hidden">
+  <div class="px-4 py-3 border-b border-slate-200 dark:border-slate-700 flex items-center justify-between">
+    <h3 class="font-semibold text-slate-900 dark:text-white"><%= panel.title %></h3>
+  </div>
+
+  <% if resources.any? %>
+    <% if variant == :portals %>
+      <div class="p-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+        <% resources.each do |portal_item| %>
+          <%
+            key = portal_item[:key] || portal_item["key"]
+            label = portal_item[:label] || portal_item["label"]
+            description = portal_item[:description] || portal_item["description"]
+            path = portal_item[:path] || portal_item["path"]
+            icon = portal_item[:icon] || portal_item["icon"]
+            color = (portal_item[:color] || portal_item["color"] || "slate").to_s
+            count = portal_item[:count] || portal_item["count"]
+            count_value = count.is_a?(Proc) ? panel_eval(count) : count
+          %>
+
+          <%= link_to(path || "#", class: "admin-suite-portal-accent admin-suite-portal-accent--#{color} admin-suite-portal-card group block rounded-xl p-4 transition-all") do %>
+            <div class="flex items-start justify-between gap-3">
+              <div class="flex items-center justify-center w-10 h-10 rounded-xl admin-suite-portal-chip flex-shrink-0">
+                <%= admin_suite_icon(icon.presence || key.to_s, class: "admin-suite-portal-icon w-5 h-5") %>
+              </div>
+              <% if count_value.present? %>
+                <span class="text-xs font-semibold px-2 py-0.5 rounded-full bg-white/70 border border-slate-200/50 text-slate-700">
+                  <%= count_value %>
+                </span>
+              <% end %>
+            </div>
+
+            <div class="mt-3">
+              <div class="text-sm font-semibold text-slate-900">
+                <%= label %>
+              </div>
+              <% if description.present? %>
+                <div class="mt-1 text-xs text-slate-600 line-clamp-2">
+                  <%= description %>
+                </div>
+              <% end %>
+            </div>
+
+            <div class="admin-suite-portal-link mt-3 inline-flex items-center gap-1 text-sm font-medium">
+              Enter Portal
+              <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
+            </div>
+          <% end %>
+        <% end %>
+      </div>
+    <% else %>
+      <div class="p-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
+      <% resources.each do |resource_item| %>
+        <%
+          if resource_item.is_a?(Hash)
+            label = resource_item[:label] || resource_item["label"]
+            description = resource_item[:description] || resource_item["description"]
+            resource_name = resource_item[:resource_name] || resource_item["resource_name"]
+            path = resource_item[:path] || resource_item["path"]
+            count = resource_item[:count] || resource_item["count"]
+            icon = resource_item[:icon] || resource_item["icon"]
+          else
+            resource_name = resource_item.to_s
+            label = resource_name.humanize
+            description = "Resource"
+            path = nil
+            count = nil
+            icon = nil
+          end
+
+          path ||= (resources_path(portal: @portal_key, resource_name: resource_name.to_s) rescue nil)
+          path = path.is_a?(Proc) ? panel_eval(path) : path
+          count_value = count.is_a?(Proc) ? panel_eval(count) : count
+        %>
+        <%= link_to(path || "#", class: "admin-suite-theme-border-hover block rounded-lg border border-slate-200 p-4 hover:shadow-sm transition-all group") do %>
+          <div class="flex items-center justify-between gap-3">
+            <div class="min-w-0">
+              <div class="admin-suite-theme-text-hover text-sm font-medium text-slate-900 truncate">
+                <span class="inline-flex items-center gap-2">
+                  <% if icon.present? %>
+                    <%= admin_suite_icon(icon, class: "w-4 h-4 text-slate-400") %>
+                  <% end %>
+                  <%= label %>
+                </span>
+              </div>
+              <div class="text-xs text-slate-500 truncate"><%= description %></div>
+            </div>
+            <div class="flex items-center gap-2 flex-shrink-0">
+              <% if count_value.present? %>
+                <span class="text-xs font-semibold px-2 py-0.5 rounded-full bg-slate-100 text-slate-700">
+                  <%= count_value %>
+                </span>
+              <% end %>
+              <%= admin_suite_icon("chevron-right", class: "w-4 h-4 text-slate-300") %>
+            </div>
+          </div>
+        <% end %>
+      <% end %>
+      </div>
+    <% end %>
+  <% else %>
+    <div class="p-4 text-sm text-slate-500 dark:text-slate-400">No cards configured.</div>
+  <% end %>
+</div>

data/app/views/admin_suite/panels/_chart.html.erb

@@ -0,0 +1,47 @@
+<% data = Array(panel_eval(panel.options[:data])) %>
+<% total = panel.options[:total] %>
+<% color = (panel.options[:color] || theme_primary).to_sym %>
+<% max_value = (data.map { |d| d[:value].to_f }.max || 1).to_f %>
+<% max_value = 1.0 if max_value.zero? %>
+
+<% bar_color = case color
+  when :amber then "bg-amber-500 dark:bg-amber-400"
+  when :green then "bg-green-500 dark:bg-green-400"
+  when :red then "bg-red-500 dark:bg-red-400"
+  when :cyan then "bg-cyan-500 dark:bg-cyan-400"
+  when :violet then "bg-violet-500 dark:bg-violet-400"
+  when :indigo then "bg-indigo-500 dark:bg-indigo-400"
+  else "bg-indigo-500 dark:bg-indigo-400"
+end %>
+
+<div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 p-4">
+  <div class="flex items-center justify-between mb-4">
+    <h3 class="font-semibold text-slate-900 dark:text-white"><%= panel.title %></h3>
+    <% if total.present? %>
+      <span class="text-2xl font-bold text-slate-900 dark:text-white"><%= total %></span>
+    <% end %>
+  </div>
+
+  <% if data.any? %>
+    <div class="flex items-end gap-1 h-16">
+      <% data.each do |d| %>
+        <% value = d[:value].to_f %>
+        <% height_float = (value / max_value) * 100.0 %>
+        <% height_float = 0.0 if height_float.nan? || height_float.infinite? %>
+        <% height = height_float.round %>
+        <div class="flex-1 flex flex-col items-center gap-1">
+          <div class="w-full rounded-t <%= bar_color %> transition-all" style="height: <%= height %>%"
+               title="<%= "#{d[:label]}: #{d[:value]}" %>"></div>
+        </div>
+      <% end %>
+    </div>
+
+    <div class="flex gap-1 mt-2">
+      <% data.each do |d| %>
+        <div class="flex-1 text-center text-xs text-slate-400 dark:text-slate-500"><%= d[:label].to_s.first(3) %></div>
+      <% end %>
+    </div>
+  <% else %>
+    <div class="p-4 text-sm text-slate-500 dark:text-slate-400">No chart data.</div>
+  <% end %>
+</div>

data/app/views/admin_suite/panels/_health.html.erb

@@ -0,0 +1,44 @@
+<% status = (panel_eval(panel.options[:status]) || :unknown).to_sym %>
+<% metrics = panel_eval(panel.options[:metrics]) || {} %>
+
+<% status_config = case status
+  when :healthy
+    { border: "border-green-200 dark:border-green-800/50",
+      badge: "bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400",
+      dot: "bg-green-500 animate-pulse" }
+  when :degraded
+    { border: "border-amber-200 dark:border-amber-800/50",
+      badge: "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-400",
+      dot: "bg-amber-500 animate-pulse" }
+  when :critical
+    { border: "border-red-200 dark:border-red-800/50",
+      badge: "bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400",
+      dot: "bg-red-500 animate-pulse" }
+  else
+    { border: "border-slate-200 dark:border-slate-700",
+      badge: "bg-slate-100 dark:bg-slate-700 text-slate-600 dark:text-slate-400",
+      dot: "bg-slate-400" }
+end %>
+
+<div class="bg-white dark:bg-slate-800 rounded-xl border <%= status_config[:border] %> overflow-hidden">
+  <div class="px-4 py-3 border-b border-slate-200 dark:border-slate-700 flex items-center justify-between">
+    <h3 class="font-semibold text-slate-900 dark:text-white"><%= panel.title %></h3>
+    <span class="flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium <%= status_config[:badge] %>">
+      <span class="w-2 h-2 rounded-full <%= status_config[:dot] %>"></span>
+      <%= status.to_s.humanize %>
+    </span>
+  </div>
+
+  <% if metrics.present? %>
+    <div class="p-4 grid grid-cols-2 gap-3">
+      <% metrics.each do |key, val| %>
+        <div>
+          <div class="text-lg font-semibold text-slate-900 dark:text-white"><%= val %></div>
+          <div class="text-xs text-slate-500 dark:text-slate-400"><%= key.to_s.humanize %></div>
+        </div>
+      <% end %>
+    </div>
+  <% else %>
+    <div class="p-4 text-sm text-slate-500 dark:text-slate-400">No metrics.</div>
+  <% end %>
+</div>

data/app/views/admin_suite/panels/_recent.html.erb

@@ -0,0 +1,56 @@
+<% scope = panel.options[:scope] %>
+<% items = panel_eval(scope) %>
+<% items = items.limit(panel.options[:limit]) if items.respond_to?(:limit) && panel.options[:limit].present? %>
+<% items = Array(items) %>
+<% empty_message = panel.options[:empty_message] || "No recent items" %>
+<% view_all_path = panel_eval(panel.options[:view_all_path]) %>
+<% link_proc = panel.options[:link] %>
+
+<div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 overflow-hidden">
+  <div class="px-4 py-3 border-b border-slate-200 dark:border-slate-700 flex items-center justify-between">
+    <h3 class="font-semibold text-slate-900 dark:text-white"><%= panel.title %></h3>
+    <% if view_all_path.present? %>
+      <%= link_to "View all →", view_all_path, class: "text-sm #{theme_link_class}" %>
+    <% end %>
+  </div>
+
+  <% if items.any? %>
+    <ul class="divide-y divide-slate-100 dark:divide-slate-700">
+      <% items.each do |item| %>
+        <% path =
+          if link_proc.respond_to?(:call)
+            link_proc.arity == 1 ? link_proc.call(item) : link_proc.call
+          else
+            auto_admin_suite_path_for(item)
+          end
+        %>
+        <li class="px-4 py-3 hover:bg-slate-50 dark:hover:bg-slate-700/50 transition-colors">
+          <% title = item_display_title(item) rescue item.to_s %>
+          <% subtitle = (item.respond_to?(:created_at) && item.created_at) ? "#{time_ago_in_words(item.created_at)} ago" : nil %>
+          <% if path.present? %>
+            <%= link_to path, class: "flex items-center justify-between gap-3" do %>
+              <div class="min-w-0">
+                <div class="text-sm font-medium text-slate-900 dark:text-white truncate"><%= title.to_s.truncate(48) %></div>
+                <% if subtitle.present? %>
+                  <div class="text-xs text-slate-500 dark:text-slate-400"><%= subtitle %></div>
+                <% end %>
+              </div>
+              <%= admin_suite_icon("chevron-right", class: "w-4 h-4 text-slate-300 dark:text-slate-600 flex-shrink-0") %>
+            <% end %>
+          <% else %>
+            <div class="flex items-center justify-between gap-3">
+              <div class="min-w-0">
+                <div class="text-sm font-medium text-slate-900 dark:text-white truncate"><%= title.to_s.truncate(48) %></div>
+                <% if subtitle.present? %>
+                  <div class="text-xs text-slate-500 dark:text-slate-400"><%= subtitle %></div>
+                <% end %>
+              </div>
+            </div>
+          <% end %>
+        </li>
+      <% end %>
+    </ul>
+  <% else %>
+    <div class="p-4 text-center text-sm text-slate-500 dark:text-slate-400"><%= empty_message %></div>
+  <% end %>
+</div>

data/app/views/admin_suite/panels/_stat.html.erb

@@ -0,0 +1,64 @@
+<% value = panel_eval(panel.options[:value]) %>
+<% color = (panel.options[:color] || :default).to_sym %>
+<% subtitle = panel.options[:subtitle] %>
+<% trend = panel.options[:trend] %>
+<% trend_direction = (panel.options[:trend_direction] || :neutral).to_sym %>
+<% variant = (panel.options[:variant] || :default).to_sym %>
+
+<% color_classes = case color
+  when :green
+    { bg: "bg-gradient-to-br from-green-50 to-green-100 dark:from-green-900/20 dark:to-green-800/20",
+      border: "border border-green-200 dark:border-green-800/50",
+      text: "text-green-700 dark:text-green-400",
+      label: "text-green-600 dark:text-green-500" }
+  when :red
+    { bg: "bg-gradient-to-br from-red-50 to-red-100 dark:from-red-900/20 dark:to-red-800/20",
+      border: "border border-red-200 dark:border-red-800/50",
+      text: "text-red-700 dark:text-red-400",
+      label: "text-red-600 dark:text-red-500" }
+  when :amber
+    { bg: "bg-gradient-to-br from-amber-50 to-amber-100 dark:from-amber-900/20 dark:to-amber-800/20",
+      border: "border border-amber-200 dark:border-amber-800/50",
+      text: "text-amber-700 dark:text-amber-400",
+      label: "text-amber-600 dark:text-amber-500" }
+  when :cyan
+    { bg: "bg-gradient-to-br from-cyan-50 to-cyan-100 dark:from-cyan-900/20 dark:to-cyan-800/20",
+      border: "border border-cyan-200 dark:border-cyan-800/50",
+      text: "text-cyan-700 dark:text-cyan-400",
+      label: "text-cyan-600 dark:text-cyan-500" }
+  when :violet
+    { bg: "bg-gradient-to-br from-violet-50 to-violet-100 dark:from-violet-900/20 dark:to-violet-800/20",
+      border: "border border-violet-200 dark:border-violet-800/50",
+      text: "text-violet-700 dark:text-violet-400",
+      label: "text-violet-600 dark:text-violet-500" }
+  else
+    { bg: "bg-white dark:bg-slate-800",
+      border: "border border-slate-200 dark:border-slate-700",
+      text: "text-slate-900 dark:text-white",
+      label: "text-slate-500 dark:text-slate-400" }
+end %>
+
+<% if variant == :mini %>
+  <div class="<%= color_classes[:bg] %> rounded-xl p-4 <%= color_classes[:border] %>">
+    <div class="text-2xl font-bold <%= color_classes[:text] %>"><%= value %></div>
+    <div class="text-sm <%= color_classes[:label] %>"><%= panel.title %></div>
+  </div>
+<% else %>
+  <div class="<%= color_classes[:bg] %> rounded-xl p-5 <%= color_classes[:border] %>">
+    <div class="flex items-center justify-between">
+      <div class="text-3xl font-bold <%= color_classes[:text] %>"><%= value %></div>
+      <% if trend.present? %>
+        <% trend_class = case trend_direction
+          when :up then "text-green-500"
+          when :down then "text-red-500"
+          else "text-slate-400"
+        end %>
+        <span class="text-sm font-medium <%= trend_class %>"><%= trend %></span>
+      <% end %>
+    </div>
+    <div class="text-sm <%= color_classes[:label] %> mt-1"><%= panel.title %></div>
+    <% if subtitle.present? %>
+      <div class="text-xs <%= color_classes[:label] %> mt-1 opacity-75"><%= subtitle %></div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/admin_suite/panels/_table.html.erb

@@ -0,0 +1,36 @@
+<% rows_value = panel_eval(panel.options[:rows]) %>
+<% rows = Array(rows_value) %>
+<% columns = Array(panel.options[:columns]).presence %>
+
+<div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 overflow-hidden">
+  <div class="px-4 py-3 border-b border-slate-200 dark:border-slate-700 flex items-center justify-between">
+    <h3 class="font-semibold text-slate-900 dark:text-white"><%= panel.title %></h3>
+  </div>
+
+  <% if rows.any? %>
+    <% columns ||= rows.first.respond_to?(:attributes) ? rows.first.attributes.keys.first(6).map(&:to_sym) : [] %>
+    <div class="overflow-x-auto">
+      <table class="min-w-full divide-y divide-slate-200 dark:divide-slate-700">
+        <thead class="bg-slate-50/50 dark:bg-slate-900/30">
+          <tr>
+            <% columns.each do |col| %>
+              <th class="px-4 py-2.5 text-left text-xs font-medium text-slate-500 dark:text-slate-400 uppercase tracking-wider"><%= col.to_s.humanize %></th>
+            <% end %>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-slate-200 dark:divide-slate-700">
+          <% rows.each do |row| %>
+            <tr class="hover:bg-slate-50/50 dark:hover:bg-slate-900/30">
+              <% columns.each do |col| %>
+                <% val = row.respond_to?(col) ? (row.public_send(col) rescue nil) : (row[col] rescue nil) %>
+                <td class="px-4 py-3 text-sm text-slate-700 dark:text-slate-200"><%= format_table_cell(val) rescue val.to_s %></td>
+              <% end %>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% else %>
+    <div class="p-4 text-sm text-slate-500 dark:text-slate-400">No rows.</div>
+  <% end %>
+</div>

data/app/views/admin_suite/portals/show.html.erb

@@ -0,0 +1,75 @@
+<% content_for :title, "#{@portal[:label]} - Admin Suite" %>
+
+<div class="px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
+  <!-- Header -->
+  <div class="mb-8">
+    <nav class="flex items-center gap-2 text-sm text-slate-500 mb-2">
+      <%= link_to "Admin Suite", root_path, class: theme_link_hover_text_class %>
+      <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
+      <span class="text-slate-900"><%= @portal[:label] %></span>
+    </nav>
+
+    <div class="flex items-center justify-between gap-4">
+      <div class="flex items-center gap-3">
+        <% color = portal_color(@portal_key) %>
+        <div class="admin-suite-portal-accent admin-suite-portal-accent--<%= color %> admin-suite-portal-chip flex items-center justify-center w-10 h-10 rounded-xl">
+          <%= portal_icon(@portal_key, class: "admin-suite-portal-icon w-5 h-5") %>
+        </div>
+        <div>
+          <h1 class="text-2xl font-bold text-slate-900"><%= @portal[:label] %></h1>
+          <% if @portal[:description].present? %>
+            <p class="text-sm text-slate-500"><%= @portal[:description] %></p>
+          <% end %>
+          <p class="text-sm text-slate-500">
+            <%= @sections.sum { |(_k, s)| s[:items].size } %> resources across <%= @sections.size %> sections
+          </p>
+        </div>
+      </div>
+
+      <%= link_to "All portals", root_path, class: "px-4 py-2 bg-white border border-slate-200 rounded-lg text-sm font-medium text-slate-700 hover:bg-slate-50 transition-colors" %>
+    </div>
+  </div>
+
+  <% if @dashboard_rows.present? %>
+    <!-- Dashboard (DSL-driven) -->
+    <%= render_dashboard_rows(@dashboard_rows) %>
+  <% else %>
+    <!-- Sections (fallback) -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+      <% @sections.each do |_section_key, section| %>
+        <div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
+          <div class="px-6 py-4 border-b border-slate-200 bg-slate-50 flex items-center justify-between">
+            <h2 class="font-semibold text-slate-900"><%= section[:label] %></h2>
+            <span class="text-xs font-semibold px-2 py-0.5 rounded-full <%= theme_badge_primary_class %>">
+              <%= section[:items].size %>
+            </span>
+          </div>
+
+          <% if section[:items].any? %>
+            <div class="divide-y divide-slate-100">
+              <% section[:items].each do |item| %>
+                <%= link_to item[:path], class: "block px-6 py-4 hover:bg-slate-50 transition-colors group", data: { turbo_frame: "_top" } do %>
+                  <div class="flex items-center justify-between gap-3">
+                    <div class="min-w-0">
+                    <div class="admin-suite-theme-text-hover text-sm font-medium text-slate-900 truncate">
+                        <%= item[:label] %>
+                      </div>
+                      <div class="text-xs text-slate-500">
+                        <%= item[:resource]&.model_class&.name || "Resource" %>
+                      </div>
+                    </div>
+                    <%= admin_suite_icon("chevron-right", class: "w-5 h-5 text-slate-300 flex-shrink-0") %>
+                  </div>
+                <% end %>
+              <% end %>
+            </div>
+          <% else %>
+            <div class="p-10 text-center text-sm text-slate-500">
+              No resources in this section yet.
+            </div>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/admin_suite/resources/_form.html.erb

@@ -0,0 +1,32 @@
+<%= form_with model: resource,
+  url: resource.new_record? ? resources_path(portal: current_portal, resource_name: resource_name) : resource_path(portal: current_portal, resource_name: resource_name, id: resource.to_param),
+  local: true,
+  class: "space-y-4" do |f| %>
+
+  <% if resource.errors.any? %>
+    <div class="p-4 bg-red-50 border border-red-200 text-red-800 rounded-lg">
+      <div class="font-medium mb-2"><%= pluralize(resource.errors.count, "error") %> prevented saving:</div>
+      <ul class="list-disc list-inside text-sm">
+        <% resource.errors.full_messages.each do |msg| %>
+          <li><%= msg %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <% columns = resource.class.column_names.reject { |c| %w[id created_at updated_at].include?(c) } %>
+  <% columns.each do |column| %>
+    <div>
+      <%= f.label column, class: "block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1" %>
+      <%= f.text_field column, class: "form-input w-full" %>
+    </div>
+  <% end %>
+
+  <div class="pt-4 flex items-center gap-2">
+    <%= f.button (resource.new_record? ? "Create" : "Save"),
+      class: "admin-suite-btn-primary text-sm font-medium rounded-lg",
+      data: { disable_with: "Saving..." } %>
+    <%= link_to "Cancel", resource.new_record? ? resources_path(portal: current_portal, resource_name: resource_name) : resource_path(portal: current_portal, resource_name: resource_name, id: resource.to_param),
+      class: "px-4 py-2 rounded-lg text-sm font-medium text-slate-700 hover:bg-slate-100" %>
+  </div>
+<% end %>

data/app/views/admin_suite/resources/edit.html.erb

@@ -0,0 +1,24 @@
+<% content_for :title, "Edit #{resource_config.human_name} - Admin Suite" %>
+
+<div class="px-4 sm:px-6 lg:px-8 max-w-3xl mx-auto">
+  <!-- Header -->
+  <div class="mb-6">
+    <nav class="flex items-center gap-2 text-sm text-slate-500 dark:text-slate-400 mb-2">
+      <%= link_to "Dashboard", root_path, class: theme_link_hover_text_class %>
+      <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
+      <%= link_to resource_config.human_name_plural, url_for(action: :index), class: theme_link_hover_text_class %>
+      <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
+      <%= link_to @resource.respond_to?(:name) ? @resource.name.truncate(20) : "##{@resource.id}", url_for(action: :show, id: @resource.id), class: theme_link_hover_text_class %>
+      <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
+      <span class="text-slate-900 dark:text-white">Edit</span>
+    </nav>
+    <h1 class="text-2xl font-bold text-slate-900 dark:text-white">Edit <%= resource_config.human_name %></h1>
+  </div>
+
+  <!-- Form -->
+  <div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 overflow-hidden">
+    <div class="p-6">
+      <%= render "admin_suite/shared/form", resource: @resource %>
+    </div>
+  </div>
+</div>