@kyro-cms/admin 0.1.5 → 0.1.7

package/src/pages/index.astro

@@ -1,225 +0,0 @@
----
-import AdminLayout from '../layouts/AdminLayout.astro';
-import { collections } from "../lib/config";
-
-const authCollections = ['users', 'roles', 'audit_logs'];
-const authItems = authCollections.map(slug => ({
-  slug,
-  label: collections[slug]?.label || slug,
-  icon: slug === 'users' ? 'users' : slug === 'roles' ? 'shield' : 'file-text'
-}));
----
-
-<AdminLayout title="Dashboard">
-  <div class="flex-1 overflow-y-auto p-8 pr-12 space-y-8">
-    <!-- Header -->
-    <div class="surface-tile p-6 flex items-center justify-between gap-8">
-      <div class="relative flex-1 max-w-2xl">
-        <div class="absolute inset-y-0 left-6 flex items-center pointer-events-none text-[#64748b]">
-          <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
-          </svg>
-        </div>
-        <input type="text" placeholder="Search anything..." class="w-full bg-gray-50/50 border border-transparent rounded-2xl py-4 pl-16 pr-8 text-lg font-medium focus:outline-none focus:bg-white focus:border-gray-100 transition-all shadow-inner" />
-      </div>
-      <div class="flex p-1.5 bg-gray-50/50 rounded-2xl">
-        <button class="flex items-center gap-3 px-8 py-3 bg-[#0b1222] text-white rounded-xl font-bold shadow-lg transition-all active:scale-95">
-          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path>
-          </svg>
-          <span>Card</span>
-        </button>
-        <button class="flex items-center gap-3 px-8 py-3 text-[#64748b] rounded-xl font-bold hover:bg-white/50 transition-all">
-          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M4 6h16M4 12h16M4 18h16"></path>
-          </svg>
-          <span>List</span>
-        </button>
-      </div>
-    </div>
-
-    <!-- Auth Management Section -->
-    <div class="surface-tile overflow-hidden">
-      <div class="flex items-center justify-between p-12 border-b border-gray-50/50">
-        <div class="flex-1">
-          <h2 class="text-5xl font-black tracking-tighter text-[#0b1222]">
-            Authentication
-          </h2>
-          <p class="text-[#64748b] font-bold mt-4 uppercase tracking-[0.2em] text-sm">
-            Manage users, roles, and security
-          </p>
-        </div>
-        <a href="/users/new" class="flex items-center gap-2 px-6 py-3 bg-[#0b1222] text-white rounded-xl font-bold transition-all hover:bg-[#1a2332] active:scale-95">
-          <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.5" d="M12 5v14M5 12h14"></path>
-          </svg>
-          Add User
-        </a>
-      </div>
-
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-6 p-6">
-        {authItems.map((item) => (
-          <a href={`/${item.slug}`} class="group p-6 bg-gray-50/30 rounded-2xl hover:bg-gray-50/50 transition-all border border-transparent hover:border-gray-100/50">
-            <div class="flex items-center gap-4 mb-4">
-              <div class={`w-12 h-12 rounded-xl flex items-center justify-center ${
-                item.slug === 'users' ? 'bg-blue-50 text-blue-500' :
-                item.slug === 'roles' ? 'bg-purple-50 text-purple-500' :
-                'bg-green-50 text-green-500'
-              }`}>
-                {item.icon === 'users' && (
-                  <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"></path>
-                  </svg>
-                )}
-                {item.icon === 'shield' && (
-                  <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
-                  </svg>
-                )}
-                {item.icon === 'file-text' && (
-                  <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
-                  </svg>
-                )}
-              </div>
-              <div>
-                <h3 class="text-xl font-black text-[#0b1222] tracking-tighter">{item.label}</h3>
-                <p class="text-sm text-[#64748b] font-medium mt-1">Manage {item.slug.replace('_', ' ')}</p>
-              </div>
-            </div>
-            <div class="flex items-center gap-2 text-[#64748b] font-bold text-sm group-hover:text-[#0b1222] transition-colors">
-              <span>View all</span>
-              <svg class="w-4 h-4 transform group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
-              </svg>
-            </div>
-          </a>
-        ))}
-      </div>
-    </div>
-
-    <!-- Security Quick Actions -->
-    <div class="surface-tile overflow-hidden">
-      <div class="p-8 border-b border-gray-50/50">
-        <h2 class="text-3xl font-black tracking-tighter text-[#0b1222]">
-          Security & Monitoring
-        </h2>
-        <p class="text-[#64748b] font-bold mt-2 text-sm">
-          Rate limiting, audit logs, and account lockout settings
-        </p>
-      </div>
-      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 p-6">
-        <a href="/audit_logs" class="p-5 bg-gray-50/30 rounded-xl hover:bg-gray-50/50 transition-all border border-transparent hover:border-gray-100/50 group">
-          <div class="w-10 h-10 rounded-lg bg-orange-50 text-orange-500 flex items-center justify-center mb-3">
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path>
-            </svg>
-          </div>
-          <h4 class="font-bold text-[#0b1222] mb-1">Audit Logs</h4>
-          <p class="text-xs text-[#64748b]">View last 30 days</p>
-        </a>
-
-        <a href="/users?locked=true" class="p-5 bg-gray-50/30 rounded-xl hover:bg-gray-50/50 transition-all border border-transparent hover:border-gray-100/50 group">
-          <div class="w-10 h-10 rounded-lg bg-red-50 text-red-500 flex items-center justify-center mb-3">
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
-            </svg>
-          </div>
-          <h4 class="font-bold text-[#0b1222] mb-1">Locked Accounts</h4>
-          <p class="text-xs text-[#64748b]">Manage lockouts</p>
-        </a>
-
-        <a href="/roles" class="p-5 bg-gray-50/30 rounded-xl hover:bg-gray-50/50 transition-all border border-transparent hover:border-gray-100/50 group">
-          <div class="w-10 h-10 rounded-lg bg-indigo-50 text-indigo-500 flex items-center justify-center mb-3">
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
-            </svg>
-          </div>
-          <h4 class="font-bold text-[#0b1222] mb-1">Permissions</h4>
-          <p class="text-xs text-[#64748b]">RBAC settings</p>
-        </a>
-
-        <a href="/api/health" target="_blank" class="p-5 bg-gray-50/30 rounded-xl hover:bg-gray-50/50 transition-all border border-transparent hover:border-gray-100/50 group">
-          <div class="w-10 h-10 rounded-lg bg-green-50 text-green-500 flex items-center justify-center mb-3">
-            <svg class="w-5 h-5" 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"></path>
-            </svg>
-          </div>
-          <h4 class="font-bold text-[#0b1222] mb-1">API Health</h4>
-          <p class="text-xs text-[#64748b]">System status</p>
-        </a>
-      </div>
-    </div>
-
-    <!-- Environment Info -->
-    <div class="surface-tile p-6">
-      <h3 class="text-xl font-black text-[#0b1222] tracking-tighter mb-4">Configuration</h3>
-      <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-        <div class="bg-gray-50/50 rounded-xl p-4">
-          <div class="text-xs text-[#64748b] font-bold uppercase tracking-wider mb-1">Database</div>
-          <div class="text-sm font-bold text-[#0b1222]">PostgreSQL</div>
-        </div>
-        <div class="bg-gray-50/50 rounded-xl p-4">
-          <div class="text-xs text-[#64748b] font-bold uppercase tracking-wider mb-1">Cache/Sessions</div>
-          <div class="text-sm font-bold text-[#0b1222]">Redis</div>
-        </div>
-        <div class="bg-gray-50/50 rounded-xl p-4">
-          <div class="text-xs text-[#64748b] font-bold uppercase tracking-wider mb-1">Auth Method</div>
-          <div class="text-sm font-bold text-[#0b1222]">JWT + Redis</div>
-        </div>
-        <div class="bg-gray-50/50 rounded-xl p-4">
-          <div class="text-xs text-[#64748b] font-bold uppercase tracking-wider mb-1">Email</div>
-          <div class="text-sm font-bold text-[#0b1222]">Nodemailer</div>
-        </div>
-      </div>
-      <p class="text-xs text-[#64748b] mt-4 font-medium">
-        Configure via <code class="bg-gray-100 px-2 py-0.5 rounded text-[#0b1222]">.env</code> file
-      </p>
-    </div>
-
-    <!-- Quick Links -->
-    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-      <a href="/api/health" target="_blank" class="surface-tile group p-6 hover:shadow-2xl transition-all hover:translate-y-[-4px]">
-        <div class="flex items-center gap-4">
-          <div class="w-14 h-14 rounded-2xl bg-green-50 flex items-center justify-center text-green-500 group-hover:scale-110 transition-transform">
-            <svg class="w-7 h-7" 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"></path>
-            </svg>
-          </div>
-          <div>
-            <h4 class="text-lg font-bold text-[#0b1222]">API Health</h4>
-            <p class="text-sm text-[#64748b]">Check system status</p>
-          </div>
-        </div>
-      </a>
-
-      <a href="/graphql" target="_blank" class="surface-tile group p-6 hover:shadow-2xl transition-all hover:translate-y-[-4px]">
-        <div class="flex items-center gap-4">
-          <div class="w-14 h-14 rounded-2xl bg-pink-50 flex items-center justify-center text-pink-500 group-hover:scale-110 transition-transform">
-            <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
-            </svg>
-          </div>
-          <div>
-            <h4 class="text-lg font-bold text-[#0b1222]">GraphQL</h4>
-            <p class="text-sm text-[#64748b]">API Playground</p>
-          </div>
-        </div>
-      </a>
-
-      <a href="/api/collections" target="_blank" class="surface-tile group p-6 hover:shadow-2xl transition-all hover:translate-y-[-4px]">
-        <div class="flex items-center gap-4">
-          <div class="w-14 h-14 rounded-2xl bg-blue-50 flex items-center justify-center text-blue-500 group-hover:scale-110 transition-transform">
-            <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4"></path>
-            </svg>
-          </div>
-          <div>
-            <h4 class="text-lg font-bold text-[#0b1222]">REST API</h4>
-            <p class="text-sm text-[#64748b]">Collections endpoint</p>
-          </div>
-        </div>
-      </a>
-    </div>
-  </div>
-</AdminLayout>