@sonicjs-cms/core 2.0.1 → 2.0.3

package/dist/{chunk-QSF34IYQ.js → chunk-PPUKPNTP.js}

@@ -1,8 +1,9 @@
-import { getCacheService, CACHE_CONFIGS, getLogger } from './chunk-5XTB4FE5.js';
-import { requireAuth, isPluginActive, requireRole, AuthManager, logActivity, requirePermission } from './chunk-TY3NHEBN.js';
+import { getCacheService, CACHE_CONFIGS, getLogger } from './chunk-LH4Z7QID.js';
+import { requireAuth, isPluginActive, requireRole, AuthManager, logActivity } from './chunk-M6FPVS7E.js';
 import { PluginService, MigrationService } from './chunk-CDBVZEWR.js';
-import { init_admin_layout_catalyst_template, renderDesignPage, renderCheckboxPage, renderFAQList, renderTestimonialsList, renderCodeExamplesList, renderAlert, renderTable, renderPagination, renderConfirmationDialog, getConfirmationDialogScript, renderAdminLayoutCatalyst, renderAdminLayout, adminLayoutV2, renderForm } from './chunk-O46XKBFM.js';
-import { QueryFilterBuilder, sanitizeInput, getCoreVersion, escapeHtml } from './chunk-OL2OE3VJ.js';
+import { init_admin_layout_catalyst_template, renderDesignPage, renderCheckboxPage, renderFAQList, renderTestimonialsList, renderCodeExamplesList, renderAlert, renderTable, renderPagination, renderConfirmationDialog, getConfirmationDialogScript, renderAdminLayoutCatalyst, renderAdminLayout, adminLayoutV2, renderForm } from './chunk-3LZ6TLPC.js';
+import { QueryFilterBuilder, sanitizeInput, getCoreVersion, escapeHtml } from './chunk-XJETEIRU.js';
+import { metricsTracker } from './chunk-FICTAGD4.js';
 import { Hono } from 'hono';
 import { cors } from 'hono/cors';
 import { z } from 'zod';
@@ -2030,9 +2031,36 @@ function renderRegisterPage(data) {
     </html>
   `;
 }
-
-// src/services/auth-validation.ts
-var authValidationService = {};
+var authValidationService = {
+  /**
+   * Build registration schema dynamically based on auth settings
+   * For now, returns a static schema with standard fields
+   */
+  async buildRegistrationSchema(_db) {
+    return z.object({
+      email: z.string().email("Valid email is required"),
+      password: z.string().min(8, "Password must be at least 8 characters"),
+      username: z.string().min(3, "Username must be at least 3 characters").optional(),
+      firstName: z.string().min(1, "First name is required").optional(),
+      lastName: z.string().min(1, "Last name is required").optional()
+    });
+  },
+  /**
+   * Generate default values for optional fields
+   */
+  generateDefaultValue(field, data) {
+    switch (field) {
+      case "username":
+        return data.email ? data.email.split("@")[0] : `user${Date.now()}`;
+      case "firstName":
+        return "User";
+      case "lastName":
+        return data.email ? data.email.split("@")[0] : "Account";
+      default:
+        return "";
+    }
+  }
+};
 
 // src/routes/auth.ts
 var authRoutes = new Hono();
@@ -4704,6 +4732,7 @@ var isPluginActive2 = () => false;
 
 // src/routes/admin-content.ts
 var adminContentRoutes = new Hono();
+adminContentRoutes.use("*", requireAuth());
 async function getCollectionFields(db, collectionId) {
   const cache = getCacheService(CACHE_CONFIGS.collection);
   return cache.getOrSet(
@@ -5836,170 +5865,157 @@ ${JSON.stringify(data, null, 2)}
 var admin_content_default = adminContentRoutes;
 
 // src/templates/pages/admin-profile.template.ts
+init_admin_layout_catalyst_template();
 function renderProfilePage(data) {
   const pageContent = `
-    <div class="w-full px-4 sm:px-6 lg:px-8 py-6">
+    <div class="space-y-8">
       <!-- Header -->
-      <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-6">
+      <div class="sm:flex sm:items-center sm:justify-between">
         <div>
-          <h1 class="text-2xl font-semibold text-white">User Profile</h1>
-          <p class="mt-2 text-sm text-gray-300">Manage your account settings and preferences</p>
+          <h1 class="text-2xl/8 font-semibold text-zinc-950 dark:text-white sm:text-xl/8">User Profile</h1>
+          <p class="mt-2 text-sm/6 text-zinc-500 dark:text-zinc-400">
+            Manage your account settings and preferences
+          </p>
         </div>
       </div>
 
-      <!-- Breadcrumb -->
-      <nav class="flex mb-6" aria-label="Breadcrumb">
-        <ol class="flex items-center space-x-3">
-          <li>
-            <a href="/admin" class="text-gray-300 hover:text-white transition-colors">
-              <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
-                <path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"/>
-              </svg>
-            </a>
-          </li>
-          <li class="flex items-center">
-            <svg class="h-5 w-5 text-gray-400 mx-2" fill="currentColor" viewBox="0 0 20 20">
-              <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
-            </svg>
-            <span class="text-sm font-medium text-gray-200">Profile</span>
-          </li>
-        </ol>
-      </nav>
-
       <!-- Alert Messages -->
       ${data.error ? renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
       ${data.success ? renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
 
       <!-- Profile Form -->
-      <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+      <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
         <!-- Main Profile Form -->
         <div class="lg:col-span-2">
-          <div class="backdrop-blur-xl bg-white/10 rounded-3xl border border-white/20 shadow-2xl overflow-hidden">
+          <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10">
             <!-- Form Header -->
-            <div class="relative px-8 py-6 border-b border-white/10">
-              <div class="absolute inset-0 bg-gradient-to-r from-blue-600/10 via-purple-600/10 to-pink-600/10"></div>
-              <div class="relative flex items-center gap-3">
-                <div class="w-12 h-12 rounded-xl bg-white/10 backdrop-blur-sm flex items-center justify-center">
-                  <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <div class="px-6 py-5 border-b border-zinc-950/5 dark:border-white/5">
+              <div class="flex items-center gap-x-3">
+                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-zinc-950 dark:bg-white">
+                  <svg class="h-5 w-5 text-white dark:text-zinc-950" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                   </svg>
                 </div>
                 <div>
-                  <h2 class="text-xl font-semibold text-white">Profile Information</h2>
-                  <p class="text-sm text-gray-300">Update your account details and preferences</p>
+                  <h2 class="text-base font-semibold text-zinc-950 dark:text-white">Profile Information</h2>
+                  <p class="text-sm text-zinc-500 dark:text-zinc-400">Update your account details</p>
                 </div>
               </div>
             </div>
 
             <!-- Form Content -->
-            <form id="profile-form" hx-put="/admin/profile" hx-target="#form-messages" class="p-8 space-y-6">
+            <form id="profile-form" hx-put="/admin/profile" hx-target="#form-messages" class="p-6 space-y-6">
               <div id="form-messages"></div>
 
               <!-- Basic Information -->
               <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                 <div>
-                  <label class="block text-sm font-medium text-gray-300 mb-2">First Name</label>
-                  <input 
-                    type="text" 
-                    name="first_name" 
+                  <label class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">First Name</label>
+                  <input
+                    type="text"
+                    name="first_name"
                     value="${data.profile.first_name}"
                     required
-                    class="w-full px-4 py-3 bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl text-white focus:outline-none focus:bg-white/10 focus:border-white/30 focus:ring-2 focus:ring-white/20 transition-all"
+                    class="w-full rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-zinc-950 dark:focus:ring-white transition-shadow"
                     placeholder="Enter your first name"
                   >
                 </div>
                 <div>
-                  <label class="block text-sm font-medium text-gray-300 mb-2">Last Name</label>
-                  <input 
-                    type="text" 
-                    name="last_name" 
+                  <label class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">Last Name</label>
+                  <input
+                    type="text"
+                    name="last_name"
                     value="${data.profile.last_name}"
                     required
-                    class="w-full px-4 py-3 bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl text-white focus:outline-none focus:bg-white/10 focus:border-white/30 focus:ring-2 focus:ring-white/20 transition-all"
+                    class="w-full rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-zinc-950 dark:focus:ring-white transition-shadow"
                     placeholder="Enter your last name"
                   >
                 </div>
               </div>
 
               <div>
-                <label class="block text-sm font-medium text-gray-300 mb-2">Username</label>
-                <input 
-                  type="text" 
-                  name="username" 
+                <label class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">Username</label>
+                <input
+                  type="text"
+                  name="username"
                   value="${data.profile.username}"
                   required
-                  class="w-full px-4 py-3 bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl text-white focus:outline-none focus:bg-white/10 focus:border-white/30 focus:ring-2 focus:ring-white/20 transition-all"
+                  class="w-full rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-zinc-950 dark:focus:ring-white transition-shadow"
                   placeholder="Enter your username"
                 >
               </div>
 
               <div>
-                <label class="block text-sm font-medium text-gray-300 mb-2">Email Address</label>
-                <input 
-                  type="email" 
-                  name="email" 
+                <label class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">Email Address</label>
+                <input
+                  type="email"
+                  name="email"
                   value="${data.profile.email}"
                   required
-                  class="w-full px-4 py-3 bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl text-white focus:outline-none focus:bg-white/10 focus:border-white/30 focus:ring-2 focus:ring-white/20 transition-all"
+                  class="w-full rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-zinc-950 dark:focus:ring-white transition-shadow"
                   placeholder="Enter your email address"
                 >
               </div>
 
               <div>
-                <label class="block text-sm font-medium text-gray-300 mb-2">Phone Number</label>
-                <input 
-                  type="tel" 
-                  name="phone" 
+                <label class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">Phone Number</label>
+                <input
+                  type="tel"
+                  name="phone"
                   value="${data.profile.phone || ""}"
-                  class="w-full px-4 py-3 bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl text-white focus:outline-none focus:bg-white/10 focus:border-white/30 focus:ring-2 focus:ring-white/20 transition-all"
+                  class="w-full rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-zinc-950 dark:focus:ring-white transition-shadow"
                   placeholder="Enter your phone number"
                 >
               </div>
 
               <div>
-                <label class="block text-sm font-medium text-gray-300 mb-2">Bio</label>
-                <textarea 
-                  name="bio" 
+                <label class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">Bio</label>
+                <textarea
+                  name="bio"
                   rows="3"
-                  class="w-full px-4 py-3 bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl text-white focus:outline-none focus:bg-white/10 focus:border-white/30 focus:ring-2 focus:ring-white/20 transition-all resize-none"
+                  class="w-full rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-zinc-950 dark:focus:ring-white transition-shadow resize-none"
                   placeholder="Tell us about yourself..."
                 >${data.profile.bio || ""}</textarea>
               </div>
 
               <!-- Preferences -->
-              <div class="pt-6 border-t border-white/10">
-                <h3 class="text-lg font-semibold text-white mb-4">Preferences</h3>
-                
+              <div class="pt-6 border-t border-zinc-950/5 dark:border-white/5">
+                <h3 class="text-base font-semibold text-zinc-950 dark:text-white mb-4">Preferences</h3>
+
                 <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                   <div>
-                    <label class="block text-sm font-medium text-gray-300 mb-2">Timezone</label>
-                    <select 
-                      name="timezone"
-                      class="w-full px-4 py-3 bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl text-white focus:outline-none focus:bg-white/10 focus:border-white/30 focus:ring-2 focus:ring-white/20 transition-all"
-                    >
-                      ${data.timezones.map((tz) => `
-                        <option value="${tz.value}" ${tz.value === data.profile.timezone ? "selected" : ""}>${tz.label}</option>
-                      `).join("")}
-                    </select>
+                    <label for="timezone" class="block text-sm/6 font-medium text-zinc-950 dark:text-white mb-2">Timezone</label>
+                    <div class="grid grid-cols-1">
+                      <select id="timezone" name="timezone" class="col-start-1 row-start-1 w-full appearance-none rounded-md bg-white/5 dark:bg-white/5 py-1.5 pl-3 pr-8 text-base text-zinc-950 dark:text-white outline outline-1 -outline-offset-1 outline-zinc-500/30 dark:outline-zinc-400/30 *:bg-white dark:*:bg-zinc-800 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-zinc-500 dark:focus-visible:outline-zinc-400 sm:text-sm/6">
+                        ${data.timezones.map((tz) => `
+                          <option value="${tz.value}" ${tz.value === data.profile.timezone ? "selected" : ""}>${tz.label}</option>
+                        `).join("")}
+                      </select>
+                      <svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" class="pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-zinc-600 dark:text-zinc-400 sm:size-4">
+                        <path d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" fill-rule="evenodd" />
+                      </svg>
+                    </div>
                   </div>
                   <div>
-                    <label class="block text-sm font-medium text-gray-300 mb-2">Language</label>
-                    <select 
-                      name="language"
-                      class="w-full px-4 py-3 bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl text-white focus:outline-none focus:bg-white/10 focus:border-white/30 focus:ring-2 focus:ring-white/20 transition-all"
-                    >
-                      ${data.languages.map((lang) => `
-                        <option value="${lang.value}" ${lang.value === data.profile.language ? "selected" : ""}>${lang.label}</option>
-                      `).join("")}
-                    </select>
+                    <label for="language" class="block text-sm/6 font-medium text-zinc-950 dark:text-white mb-2">Language</label>
+                    <div class="grid grid-cols-1">
+                      <select id="language" name="language" class="col-start-1 row-start-1 w-full appearance-none rounded-md bg-white/5 dark:bg-white/5 py-1.5 pl-3 pr-8 text-base text-zinc-950 dark:text-white outline outline-1 -outline-offset-1 outline-zinc-500/30 dark:outline-zinc-400/30 *:bg-white dark:*:bg-zinc-800 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-zinc-500 dark:focus-visible:outline-zinc-400 sm:text-sm/6">
+                        ${data.languages.map((lang) => `
+                          <option value="${lang.value}" ${lang.value === data.profile.language ? "selected" : ""}>${lang.label}</option>
+                        `).join("")}
+                      </select>
+                      <svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" class="pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-zinc-600 dark:text-zinc-400 sm:size-4">
+                        <path d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" fill-rule="evenodd" />
+                      </svg>
+                    </div>
                   </div>
                 </div>
               </div>
 
               <!-- Notifications -->
-              <div class="pt-6 border-t border-white/10">
-                <h3 class="text-lg font-semibold text-white mb-4">Notifications</h3>
-                
+              <div class="pt-6 border-t border-zinc-950/5 dark:border-white/5">
+                <h3 class="text-base font-semibold text-zinc-950 dark:text-white mb-4">Notifications</h3>
+
                 <div class="space-y-5">
                   <div class="flex gap-3">
                     <div class="flex h-6 shrink-0 items-center">
@@ -6010,27 +6026,30 @@ function renderProfilePage(data) {
                           name="email_notifications"
                           value="1"
                           ${data.profile.email_notifications ? "checked" : ""}
-                          class="col-start-1 row-start-1 appearance-none rounded border border-zinc-950/10 dark:border-white/10 bg-white dark:bg-white/5 checked:border-indigo-500 checked:bg-indigo-500 indeterminate:border-indigo-500 indeterminate:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500 disabled:border-zinc-950/5 dark:disabled:border-white/5 disabled:bg-zinc-950/10 dark:disabled:bg-white/10 disabled:checked:bg-zinc-950/10 dark:disabled:checked:bg-white/10 forced-colors:appearance-auto"
+                          class="col-start-1 row-start-1 appearance-none rounded border border-zinc-950/10 dark:border-white/10 bg-white dark:bg-white/5 checked:border-indigo-500 checked:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500 disabled:border-zinc-950/5 dark:disabled:border-white/5 disabled:bg-zinc-950/10 dark:disabled:bg-white/10 forced-colors:appearance-auto"
                         />
                         <svg viewBox="0 0 14 14" fill="none" class="pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-zinc-950/25 dark:group-has-[:disabled]:stroke-white/25">
                           <path d="M3 8L6 11L11 3.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-0 group-has-[:checked]:opacity-100" />
-                          <path d="M3 7H11" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-0 group-has-[:indeterminate]:opacity-100" />
                         </svg>
                       </div>
                     </div>
                     <div class="text-sm/6">
                       <label for="email_notifications" class="font-medium text-zinc-950 dark:text-white">Email notifications</label>
+                      <p class="text-zinc-500 dark:text-zinc-400">Receive email updates about new features and product announcements.</p>
                     </div>
                   </div>
                 </div>
               </div>
 
               <!-- Submit Button -->
-              <div class="pt-6 border-t border-white/10">
-                <button 
+              <div class="pt-6 border-t border-zinc-950/5 dark:border-white/5">
+                <button
                   type="submit"
-                  class="w-full px-6 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white font-semibold rounded-xl hover:from-blue-700 hover:to-purple-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-transparent transition-all"
+                  class="inline-flex justify-center items-center gap-x-2 rounded-lg bg-zinc-950 dark:bg-white px-4 py-2.5 text-sm font-semibold text-white dark:text-zinc-950 hover:bg-zinc-800 dark:hover:bg-zinc-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-950 dark:focus-visible:outline-white transition-colors"
                 >
+                  <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
+                  </svg>
                   Update Profile
                 </button>
               </div>
@@ -6041,86 +6060,96 @@ function renderProfilePage(data) {
         <!-- Profile Sidebar -->
         <div class="lg:col-span-1 space-y-6">
           <!-- Avatar -->
-          <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl p-6">
-            <h3 class="text-lg font-semibold text-white mb-4">Profile Picture</h3>
-            
+          <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 p-6">
+            <h3 class="text-base font-semibold text-zinc-950 dark:text-white mb-4">Profile Picture</h3>
+
             <div class="text-center">
-              <div class="w-24 h-24 rounded-full mx-auto mb-4 overflow-hidden bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
+              <div class="w-24 h-24 rounded-full mx-auto mb-4 overflow-hidden bg-gradient-to-br from-cyan-400 to-purple-400 flex items-center justify-center ring-4 ring-zinc-950/5 dark:ring-white/10">
                 ${data.profile.avatar_url ? `<img src="${data.profile.avatar_url}" alt="Profile picture" class="w-full h-full object-cover">` : `<span class="text-2xl font-bold text-white">${data.profile.first_name.charAt(0)}${data.profile.last_name.charAt(0)}</span>`}
               </div>
-              
+
               <form id="avatar-form" hx-post="/admin/profile/avatar" hx-target="#avatar-messages" hx-encoding="multipart/form-data">
-                <input 
-                  type="file" 
-                  name="avatar" 
+                <input
+                  type="file"
+                  name="avatar"
                   accept="image/*"
                   class="hidden"
                   id="avatar-input"
                   onchange="document.getElementById('avatar-form').dispatchEvent(new Event('submit'))"
                 >
-                <label 
+                <label
                   for="avatar-input"
-                  class="inline-block px-4 py-2 bg-white/10 text-white rounded-xl border border-white/20 hover:bg-white/20 transition-all cursor-pointer"
+                  class="inline-flex items-center gap-x-2 rounded-lg bg-white dark:bg-zinc-800 px-4 py-2.5 text-sm font-semibold text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors cursor-pointer"
                 >
+                  <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"/>
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"/>
+                  </svg>
                   Change Picture
                 </label>
               </form>
-              
+
               <div id="avatar-messages" class="mt-3"></div>
             </div>
           </div>
 
           <!-- Account Info -->
-          <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl p-6">
-            <h3 class="text-lg font-semibold text-white mb-4">Account Information</h3>
-            
-            <div class="space-y-3 text-sm">
+          <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 p-6">
+            <h3 class="text-base font-semibold text-zinc-950 dark:text-white mb-4">Account Information</h3>
+
+            <dl class="space-y-3 text-sm">
               <div>
-                <span class="text-gray-400">Role:</span>
-                <span class="text-white ml-2 capitalize">${data.profile.role}</span>
+                <dt class="text-zinc-500 dark:text-zinc-400">Role</dt>
+                <dd class="mt-1">
+                  <span class="inline-flex items-center rounded-md bg-blue-50 dark:bg-blue-500/10 px-2 py-1 text-xs font-medium text-blue-700 dark:text-blue-400 ring-1 ring-inset ring-blue-700/10 dark:ring-blue-400/20 capitalize">
+                    ${data.profile.role}
+                  </span>
+                </dd>
               </div>
               <div>
-                <span class="text-gray-400">Member Since:</span>
-                <span class="text-white ml-2">${new Date(data.profile.created_at).toLocaleDateString()}</span>
+                <dt class="text-zinc-500 dark:text-zinc-400">Member Since</dt>
+                <dd class="mt-1 text-zinc-950 dark:text-white">${new Date(data.profile.created_at).toLocaleDateString()}</dd>
               </div>
               ${data.profile.last_login_at ? `
                 <div>
-                  <span class="text-gray-400">Last Login:</span>
-                  <span class="text-white ml-2">${new Date(data.profile.last_login_at).toLocaleDateString()}</span>
+                  <dt class="text-zinc-500 dark:text-zinc-400">Last Login</dt>
+                  <dd class="mt-1 text-zinc-950 dark:text-white">${new Date(data.profile.last_login_at).toLocaleDateString()}</dd>
                 </div>
               ` : ""}
               <div>
-                <span class="text-gray-400">Two-Factor Auth:</span>
-                <span class="text-white ml-2">${data.profile.two_factor_enabled ? "Enabled" : "Disabled"}</span>
+                <dt class="text-zinc-500 dark:text-zinc-400">Two-Factor Auth</dt>
+                <dd class="mt-1">
+                  ${data.profile.two_factor_enabled ? '<span class="inline-flex items-center rounded-md bg-green-50 dark:bg-green-500/10 px-2 py-1 text-xs font-medium text-green-700 dark:text-green-400 ring-1 ring-inset ring-green-600/20 dark:ring-green-500/20">Enabled</span>' : '<span class="inline-flex items-center rounded-md bg-zinc-50 dark:bg-zinc-800 px-2 py-1 text-xs font-medium text-zinc-600 dark:text-zinc-400 ring-1 ring-inset ring-zinc-500/10 dark:ring-zinc-400/20">Disabled</span>'}
+                </dd>
               </div>
-            </div>
+            </dl>
           </div>
 
           <!-- Security Actions -->
-          <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl p-6">
-            <h3 class="text-lg font-semibold text-white mb-4">Security</h3>
-            
-            <div class="space-y-3">
-              <button 
+          <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 p-6">
+            <h3 class="text-base font-semibold text-zinc-950 dark:text-white mb-4">Security</h3>
+
+            <div class="space-y-2">
+              <button
                 type="button"
                 onclick="showChangePasswordModal()"
-                class="w-full text-left px-3 py-2 text-sm text-gray-300 hover:text-white hover:bg-white/10 rounded-xl transition-all"
+                class="w-full text-left flex items-center gap-x-3 px-3 py-2 text-sm text-zinc-950 dark:text-white hover:bg-zinc-50 dark:hover:bg-zinc-800/50 rounded-lg transition-colors"
               >
-                <svg class="w-4 h-4 inline mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg class="w-4 h-4 text-zinc-500 dark:text-zinc-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-3.586l4.293-4.293A6 6 0 0119 9z"/>
                 </svg>
-                Change Password
+                <span class="font-medium">Change Password</span>
               </button>
-              
-              <button 
+
+              <button
                 type="button"
                 onclick="toggle2FA()"
-                class="w-full text-left px-3 py-2 text-sm text-gray-300 hover:text-white hover:bg-white/10 rounded-xl transition-all"
+                class="w-full text-left flex items-center gap-x-3 px-3 py-2 text-sm text-zinc-950 dark:text-white hover:bg-zinc-50 dark:hover:bg-zinc-800/50 rounded-lg transition-colors"
               >
-                <svg class="w-4 h-4 inline mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg class="w-4 h-4 text-zinc-500 dark:text-zinc-400" 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"/>
                 </svg>
-                ${data.profile.two_factor_enabled ? "Disable" : "Enable"} 2FA
+                <span class="font-medium">${data.profile.two_factor_enabled ? "Disable" : "Enable"} 2FA</span>
               </button>
             </div>
           </div>
@@ -6129,67 +6158,73 @@ function renderProfilePage(data) {
     </div>
 
     <!-- Change Password Modal -->
-    <div id="password-modal" class="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 hidden">
-      <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl w-full max-w-md mx-4">
-        <div class="relative px-6 py-4 border-b border-white/10">
-          <div class="absolute inset-0 bg-gradient-to-r from-blue-600/10 via-purple-600/10 to-pink-600/10"></div>
-          <div class="relative flex items-center justify-between">
-            <h3 class="text-lg font-semibold text-white">Change Password</h3>
-            <button onclick="closePasswordModal()" class="text-gray-300 hover:text-white">
-              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+    <div id="password-modal" class="fixed inset-0 bg-zinc-950/50 backdrop-blur-sm flex items-center justify-center z-50 hidden">
+      <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-2xl ring-1 ring-zinc-950/5 dark:ring-white/10 w-full max-w-md mx-4">
+        <div class="px-6 py-5 border-b border-zinc-950/5 dark:border-white/5">
+          <div class="flex items-center justify-between">
+            <h3 class="text-base font-semibold text-zinc-950 dark:text-white">Change Password</h3>
+            <button onclick="closePasswordModal()" class="text-zinc-500 dark:text-zinc-400 hover:text-zinc-950 dark:hover:text-white transition-colors">
+              <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="M6 18L18 6M6 6l12 12"></path>
               </svg>
             </button>
           </div>
         </div>
-        
+
         <form id="password-form" hx-post="/admin/profile/password" hx-target="#password-messages" class="p-6 space-y-4">
           <div id="password-messages"></div>
-          
+
           <div>
-            <label class="block text-sm font-medium text-gray-300 mb-2">Current Password</label>
-            <input 
-              type="password" 
-              name="current_password" 
+            <label class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">Current Password</label>
+            <input
+              type="password"
+              name="current_password"
               required
-              class="w-full px-4 py-3 bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl text-white focus:outline-none focus:bg-white/10 focus:border-white/30 focus:ring-2 focus:ring-white/20 transition-all"
+              class="w-full rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-zinc-950 dark:focus:ring-white transition-shadow"
+              placeholder="Enter current password"
             >
           </div>
 
           <div>
-            <label class="block text-sm font-medium text-gray-300 mb-2">New Password</label>
-            <input 
-              type="password" 
-              name="new_password" 
+            <label class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">New Password</label>
+            <input
+              type="password"
+              name="new_password"
               required
               minlength="8"
-              class="w-full px-4 py-3 bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl text-white focus:outline-none focus:bg-white/10 focus:border-white/30 focus:ring-2 focus:ring-white/20 transition-all"
+              class="w-full rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-zinc-950 dark:focus:ring-white transition-shadow"
+              placeholder="Enter new password"
             >
+            <p class="mt-1 text-xs text-zinc-500 dark:text-zinc-400">Must be at least 8 characters</p>
           </div>
 
           <div>
-            <label class="block text-sm font-medium text-gray-300 mb-2">Confirm New Password</label>
-            <input 
-              type="password" 
-              name="confirm_password" 
+            <label class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">Confirm New Password</label>
+            <input
+              type="password"
+              name="confirm_password"
               required
               minlength="8"
-              class="w-full px-4 py-3 bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl text-white focus:outline-none focus:bg-white/10 focus:border-white/30 focus:ring-2 focus:ring-white/20 transition-all"
+              class="w-full rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-zinc-950 dark:focus:ring-white transition-shadow"
+              placeholder="Confirm new password"
             >
           </div>
 
-          <div class="flex justify-end space-x-3 pt-4 border-t border-white/10">
-            <button 
-              type="button" 
+          <div class="flex justify-end gap-x-3 pt-4 border-t border-zinc-950/5 dark:border-white/5">
+            <button
+              type="button"
               onclick="closePasswordModal()"
-              class="px-4 py-2 bg-white/10 text-white rounded-xl border border-white/20 hover:bg-white/20 transition-all"
+              class="rounded-lg bg-white dark:bg-zinc-800 px-4 py-2.5 text-sm font-semibold text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors"
             >
               Cancel
             </button>
-            <button 
+            <button
               type="submit"
-              class="px-4 py-2 bg-gradient-to-r from-blue-600 to-purple-600 text-white font-medium rounded-xl hover:from-blue-700 hover:to-purple-700 transition-all"
+              class="inline-flex items-center gap-x-2 rounded-lg bg-zinc-950 dark:bg-white px-4 py-2.5 text-sm font-semibold text-white dark:text-zinc-950 hover:bg-zinc-800 dark:hover:bg-zinc-100 transition-colors"
             >
+              <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
+              </svg>
               Update Password
             </button>
           </div>
@@ -6232,9 +6267,10 @@ function renderProfilePage(data) {
     pageTitle: "Profile",
     currentPath: "/admin/profile",
     user: data.user,
+    version: data.version,
     content: pageContent
   };
-  return renderAdminLayout(layoutData);
+  return renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/components/alert.template.ts
@@ -7653,6 +7689,9 @@ function renderUsersListPage(data) {
 // src/routes/admin-users.ts
 var userRoutes = new Hono();
 userRoutes.use("*", requireAuth());
+userRoutes.get("/", (c) => {
+  return c.redirect("/admin/dashboard");
+});
 var TIMEZONES = [
   { value: "UTC", label: "UTC" },
   { value: "America/New_York", label: "Eastern Time" },
@@ -7975,7 +8014,7 @@ userRoutes.post("/profile/password", async (c) => {
     }));
   }
 });
-userRoutes.get("/users", requirePermission("users.read"), async (c) => {
+userRoutes.get("/users", async (c) => {
   const db = c.env.DB;
   const user = c.get("user");
   try {
@@ -8094,7 +8133,7 @@ userRoutes.get("/users", requirePermission("users.read"), async (c) => {
     }), 500);
   }
 });
-userRoutes.get("/users/new", requirePermission("users.create"), async (c) => {
+userRoutes.get("/users/new", async (c) => {
   const user = c.get("user");
   try {
     const pageData = {
@@ -8115,7 +8154,7 @@ userRoutes.get("/users/new", requirePermission("users.create"), async (c) => {
     }), 500);
   }
 });
-userRoutes.post("/users/new", requirePermission("users.create"), async (c) => {
+userRoutes.post("/users/new", async (c) => {
   const db = c.env.DB;
   const user = c.get("user");
   try {
@@ -8215,7 +8254,7 @@ userRoutes.post("/users/new", requirePermission("users.create"), async (c) => {
     }));
   }
 });
-userRoutes.get("/users/:id", requirePermission("users.read"), async (c) => {
+userRoutes.get("/users/:id", async (c) => {
   if (c.req.path.endsWith("/edit")) {
     return c.notFound();
   }
@@ -8266,7 +8305,7 @@ userRoutes.get("/users/:id", requirePermission("users.read"), async (c) => {
     return c.json({ error: "Failed to fetch user" }, 500);
   }
 });
-userRoutes.get("/users/:id/edit", requirePermission("users.update"), async (c) => {
+userRoutes.get("/users/:id/edit", async (c) => {
   const db = c.env.DB;
   const user = c.get("user");
   const userId = c.req.param("id");
@@ -8320,7 +8359,7 @@ userRoutes.get("/users/:id/edit", requirePermission("users.update"), async (c) =
     }), 500);
   }
 });
-userRoutes.put("/users/:id", requirePermission("users.update"), async (c) => {
+userRoutes.put("/users/:id", async (c) => {
   const db = c.env.DB;
   const user = c.get("user");
   const userId = c.req.param("id");
@@ -8406,7 +8445,7 @@ userRoutes.put("/users/:id", requirePermission("users.update"), async (c) => {
     }));
   }
 });
-userRoutes.delete("/users/:id", requirePermission("users.delete"), async (c) => {
+userRoutes.delete("/users/:id", async (c) => {
   const db = c.env.DB;
   const user = c.get("user");
   const userId = c.req.param("id");
@@ -8467,7 +8506,7 @@ userRoutes.delete("/users/:id", requirePermission("users.delete"), async (c) =>
     return c.json({ error: "Failed to delete user" }, 500);
   }
 });
-userRoutes.post("/invite-user", requirePermission("users.create"), async (c) => {
+userRoutes.post("/invite-user", async (c) => {
   const db = c.env.DB;
   const user = c.get("user");
   try {
@@ -8543,7 +8582,7 @@ userRoutes.post("/invite-user", requirePermission("users.create"), async (c) =>
     return c.json({ error: "Failed to send user invitation" }, 500);
   }
 });
-userRoutes.post("/resend-invitation/:id", requirePermission("users.create"), async (c) => {
+userRoutes.post("/resend-invitation/:id", async (c) => {
   const db = c.env.DB;
   const user = c.get("user");
   const userId = c.req.param("id");
@@ -8592,7 +8631,7 @@ userRoutes.post("/resend-invitation/:id", requirePermission("users.create"), asy
     return c.json({ error: "Failed to resend invitation" }, 500);
   }
 });
-userRoutes.delete("/cancel-invitation/:id", requirePermission("users.delete"), async (c) => {
+userRoutes.delete("/cancel-invitation/:id", async (c) => {
   const db = c.env.DB;
   const user = c.get("user");
   const userId = c.req.param("id");
@@ -8626,7 +8665,7 @@ userRoutes.delete("/cancel-invitation/:id", requirePermission("users.delete"), a
     return c.json({ error: "Failed to cancel invitation" }, 500);
   }
 });
-userRoutes.get("/activity-logs", requirePermission("activity.read"), async (c) => {
+userRoutes.get("/activity-logs", async (c) => {
   const db = c.env.DB;
   const user = c.get("user");
   try {
@@ -8732,7 +8771,7 @@ userRoutes.get("/activity-logs", requirePermission("activity.read"), async (c) =
     return c.html(renderActivityLogsPage(pageData));
   }
 });
-userRoutes.get("/activity-logs/export", requirePermission("activity.read"), async (c) => {
+userRoutes.get("/activity-logs/export", async (c) => {
   const db = c.env.DB;
   const user = c.get("user");
   try {
@@ -10133,6 +10172,7 @@ var fileValidationSchema2 = z.object({
   // 50MB max
 });
 var adminMediaRoutes = new Hono();
+adminMediaRoutes.use("*", requireAuth());
 adminMediaRoutes.get("/", async (c) => {
   try {
     const user = c.get("user");
@@ -12152,6 +12192,7 @@ function formatTimestamp(timestamp) {
 
 // src/routes/admin-plugins.ts
 var adminPluginRoutes = new Hono();
+adminPluginRoutes.use("*", requireAuth());
 adminPluginRoutes.get("/", async (c) => {
   try {
     const user = c.get("user");
@@ -13261,6 +13302,7 @@ function renderLogConfigPage(data) {
 
 // src/routes/admin-logs.ts
 var adminLogsRoutes = new Hono();
+adminLogsRoutes.use("*", requireAuth());
 adminLogsRoutes.get("/", async (c) => {
   try {
     const user = c.get("user");
@@ -15743,7 +15785,7 @@ function renderAnalyticsChart() {
 
       <!-- Hidden div to trigger HTMX polling -->
       <div
-        hx-get="/admin/api/metrics"
+        hx-get="/admin/dashboard/api/metrics"
         hx-trigger="every 1s"
         hx-swap="none"
         style="display: none;"
@@ -15846,9 +15888,12 @@ function renderAnalyticsChart() {
 
         // Listen for metrics updates from HTMX
         window.addEventListener('htmx:afterRequest', function(event) {
-          if (event.detail.pathInfo.requestPath === '/admin/api/metrics') {
+          console.log('[Dashboard] HTMX request completed:', event.detail.pathInfo.requestPath);
+
+          if (event.detail.pathInfo.requestPath === '/admin/dashboard/api/metrics') {
             try {
               const metrics = JSON.parse(event.detail.xhr.responseText);
+              console.log('[Dashboard] Metrics received:', metrics);
 
               // Update current RPS display
               const rpsElement = document.getElementById('current-rps');
@@ -15869,8 +15914,9 @@ function renderAnalyticsChart() {
               chart.data.labels = newLabels;
 
               chart.update('none'); // Update without animation for smoother real-time updates
+              console.log('[Dashboard] Chart updated with RPS:', metrics.requestsPerSecond);
             } catch (e) {
-              console.error('Error updating metrics:', e);
+              console.error('[Dashboard] Error updating metrics:', e);
             }
           }
         });
@@ -16217,7 +16263,7 @@ router.get("/", async (c) => {
     return c.html(renderDashboardPage(pageData));
   }
 });
-router.get("/dashboard/stats", async (c) => {
+router.get("/stats", async (c) => {
   try {
     const db = c.env.DB;
     let collectionsCount = 0;
@@ -16267,7 +16313,7 @@ router.get("/dashboard/stats", async (c) => {
     return c.html('<div class="text-red-500">Failed to load statistics</div>');
   }
 });
-router.get("/dashboard/storage", async (c) => {
+router.get("/storage", async (c) => {
   try {
     const db = c.env.DB;
     let databaseSize = 0;
@@ -16292,7 +16338,7 @@ router.get("/dashboard/storage", async (c) => {
     return c.html('<div class="text-red-500">Failed to load storage information</div>');
   }
 });
-router.get("/dashboard/recent-activity", async (c) => {
+router.get("/recent-activity", async (c) => {
   try {
     const db = c.env.DB;
     const limit = parseInt(c.req.query("limit") || "5");
@@ -16344,25 +16390,14 @@ router.get("/dashboard/recent-activity", async (c) => {
   }
 });
 router.get("/api/metrics", async (c) => {
-  try {
-    const { metricsTracker } = await import('../utils/metrics-tracker');
-    return c.json({
-      requestsPerSecond: metricsTracker.getRequestsPerSecond(),
-      totalRequests: metricsTracker.getTotalRequests(),
-      averageRPS: metricsTracker.getAverageRPS(),
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    });
-  } catch (error) {
-    console.error("Error fetching metrics:", error);
-    return c.json({
-      requestsPerSecond: 0,
-      totalRequests: 0,
-      averageRPS: 0,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    });
-  }
+  return c.json({
+    requestsPerSecond: metricsTracker.getRequestsPerSecond(),
+    totalRequests: metricsTracker.getTotalRequests(),
+    averageRPS: Number(metricsTracker.getAverageRPS().toFixed(2)),
+    timestamp: (/* @__PURE__ */ new Date()).toISOString()
+  });
 });
-router.get("/dashboard/system-status", async (c) => {
+router.get("/system-status", async (c) => {
   try {
     const html9 = `
       <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
@@ -17683,7 +17718,8 @@ function renderCollectionFormPage(data) {
 
 // src/routes/admin-collections.ts
 var adminCollectionsRoutes = new Hono();
-adminCollectionsRoutes.get("/collections", async (c) => {
+adminCollectionsRoutes.use("*", requireAuth());
+adminCollectionsRoutes.get("/", async (c) => {
   try {
     const user = c.get("user");
     const db = c.env.DB;
@@ -17738,7 +17774,7 @@ adminCollectionsRoutes.get("/collections", async (c) => {
     return c.html(html`<p>Error loading collections</p>`);
   }
 });
-adminCollectionsRoutes.get("/collections/new", (c) => {
+adminCollectionsRoutes.get("/new", (c) => {
   const user = c.get("user");
   const formData = {
     isEdit: false,
@@ -17751,7 +17787,7 @@ adminCollectionsRoutes.get("/collections/new", (c) => {
   };
   return c.html(renderCollectionFormPage(formData));
 });
-adminCollectionsRoutes.post("/collections", async (c) => {
+adminCollectionsRoutes.post("/", async (c) => {
   try {
     const formData = await c.req.formData();
     const name = formData.get("name");
@@ -17870,7 +17906,7 @@ adminCollectionsRoutes.post("/collections", async (c) => {
     }
   }
 });
-adminCollectionsRoutes.get("/collections/:id", async (c) => {
+adminCollectionsRoutes.get("/:id", async (c) => {
   try {
     const id = c.req.param("id");
     const user = c.get("user");
@@ -17938,7 +17974,7 @@ adminCollectionsRoutes.get("/collections/:id", async (c) => {
     return c.html(renderCollectionFormPage(formData));
   }
 });
-adminCollectionsRoutes.put("/collections/:id", async (c) => {
+adminCollectionsRoutes.put("/:id", async (c) => {
   try {
     const id = c.req.param("id");
     const formData = await c.req.formData();
@@ -17972,7 +18008,7 @@ adminCollectionsRoutes.put("/collections/:id", async (c) => {
     `);
   }
 });
-adminCollectionsRoutes.delete("/collections/:id", async (c) => {
+adminCollectionsRoutes.delete("/:id", async (c) => {
   try {
     const id = c.req.param("id");
     const db = c.env.DB;
@@ -18003,7 +18039,7 @@ adminCollectionsRoutes.delete("/collections/:id", async (c) => {
     `);
   }
 });
-adminCollectionsRoutes.post("/collections/:id/fields", async (c) => {
+adminCollectionsRoutes.post("/:id/fields", async (c) => {
   try {
     const collectionId = c.req.param("id");
     const formData = await c.req.formData();
@@ -18056,7 +18092,7 @@ adminCollectionsRoutes.post("/collections/:id/fields", async (c) => {
     return c.json({ success: false, error: "Failed to add field." });
   }
 });
-adminCollectionsRoutes.put("/collections/:collectionId/fields/:fieldId", async (c) => {
+adminCollectionsRoutes.put("/:collectionId/fields/:fieldId", async (c) => {
   try {
     const fieldId = c.req.param("fieldId");
     const formData = await c.req.formData();
@@ -18080,7 +18116,7 @@ adminCollectionsRoutes.put("/collections/:collectionId/fields/:fieldId", async (
     return c.json({ success: false, error: "Failed to update field." });
   }
 });
-adminCollectionsRoutes.delete("/collections/:collectionId/fields/:fieldId", async (c) => {
+adminCollectionsRoutes.delete("/:collectionId/fields/:fieldId", async (c) => {
   try {
     const fieldId = c.req.param("fieldId");
     const db = c.env.DB;
@@ -18092,7 +18128,7 @@ adminCollectionsRoutes.delete("/collections/:collectionId/fields/:fieldId", asyn
     return c.json({ success: false, error: "Failed to delete field." });
   }
 });
-adminCollectionsRoutes.post("/collections/:collectionId/fields/reorder", async (c) => {
+adminCollectionsRoutes.post("/:collectionId/fields/reorder", async (c) => {
   try {
     const body = await c.req.json();
     const fieldIds = body.fieldIds;
@@ -18213,7 +18249,7 @@ function renderSettingsPage(data) {
       // Migration functions
       window.refreshMigrationStatus = async function() {
         try {
-          const response = await fetch('/admin/api/migrations/status');
+          const response = await fetch('/admin/settings/api/migrations/status');
           const result = await response.json();
           
           if (result.success) {
@@ -18241,7 +18277,7 @@ function renderSettingsPage(data) {
         btn.innerHTML = 'Running...';
 
         try {
-          const response = await fetch('/admin/api/migrations/run', {
+          const response = await fetch('/admin/settings/api/migrations/run', {
             method: 'POST'
           });
           const result = await response.json();
@@ -18262,7 +18298,7 @@ function renderSettingsPage(data) {
 
       window.validateSchema = async function() {
         try {
-          const response = await fetch('/admin/api/migrations/validate');
+          const response = await fetch('/admin/settings/api/migrations/validate');
           const result = await response.json();
           
           if (result.success) {
@@ -18340,7 +18376,7 @@ function renderSettingsPage(data) {
       // Database Tools functions
       window.refreshDatabaseStats = async function() {
         try {
-          const response = await fetch('/admin/database-tools/api/stats');
+          const response = await fetch('/admin/settings/api/database-tools/stats');
           const result = await response.json();
           
           if (result.success) {
@@ -18361,7 +18397,7 @@ function renderSettingsPage(data) {
         btn.innerHTML = 'Creating Backup...';
         
         try {
-          const response = await fetch('/admin/database-tools/api/backup', {
+          const response = await fetch('/admin/settings/api/database-tools/backup', {
             method: 'POST'
           });
           const result = await response.json();
@@ -18400,7 +18436,7 @@ function renderSettingsPage(data) {
         btn.innerHTML = 'Truncating...';
         
         try {
-          const response = await fetch('/admin/database-tools/api/truncate', {
+          const response = await fetch('/admin/settings/api/database-tools/truncate', {
             method: 'POST',
             headers: {
               'Content-Type': 'application/json'
@@ -18431,7 +18467,7 @@ function renderSettingsPage(data) {
 
       window.validateDatabase = async function() {
         try {
-          const response = await fetch('/admin/database-tools/api/validate');
+          const response = await fetch('/admin/settings/api/database-tools/validate');
           const result = await response.json();
           
           if (result.success) {
@@ -19285,7 +19321,7 @@ function renderMigrationSettings(settings) {
       if (typeof refreshMigrationStatus === 'undefined') {
         window.refreshMigrationStatus = async function() {
           try {
-            const response = await fetch('/admin/api/migrations/status');
+            const response = await fetch('/admin/settings/api/migrations/status');
             const result = await response.json();
             
             if (result.success) {
@@ -19539,6 +19575,7 @@ function renderDatabaseToolsSettings(settings) {
 
 // src/routes/admin-settings.ts
 var adminSettingsRoutes = new Hono();
+adminSettingsRoutes.use("*", requireAuth());
 function getMockSettings(user) {
   return {
     general: {
@@ -19597,10 +19634,10 @@ function getMockSettings(user) {
     }
   };
 }
-adminSettingsRoutes.get("/settings", (c) => {
+adminSettingsRoutes.get("/", (c) => {
   return c.redirect("/admin/settings/general");
 });
-adminSettingsRoutes.get("/settings/general", (c) => {
+adminSettingsRoutes.get("/general", (c) => {
   const user = c.get("user");
   const pageData = {
     user: user ? {
@@ -19614,7 +19651,7 @@ adminSettingsRoutes.get("/settings/general", (c) => {
   };
   return c.html(renderSettingsPage(pageData));
 });
-adminSettingsRoutes.get("/settings/appearance", (c) => {
+adminSettingsRoutes.get("/appearance", (c) => {
   const user = c.get("user");
   const pageData = {
     user: user ? {
@@ -19628,7 +19665,7 @@ adminSettingsRoutes.get("/settings/appearance", (c) => {
   };
   return c.html(renderSettingsPage(pageData));
 });
-adminSettingsRoutes.get("/settings/security", (c) => {
+adminSettingsRoutes.get("/security", (c) => {
   const user = c.get("user");
   const pageData = {
     user: user ? {
@@ -19642,7 +19679,7 @@ adminSettingsRoutes.get("/settings/security", (c) => {
   };
   return c.html(renderSettingsPage(pageData));
 });
-adminSettingsRoutes.get("/settings/notifications", (c) => {
+adminSettingsRoutes.get("/notifications", (c) => {
   const user = c.get("user");
   const pageData = {
     user: user ? {
@@ -19656,7 +19693,7 @@ adminSettingsRoutes.get("/settings/notifications", (c) => {
   };
   return c.html(renderSettingsPage(pageData));
 });
-adminSettingsRoutes.get("/settings/storage", (c) => {
+adminSettingsRoutes.get("/storage", (c) => {
   const user = c.get("user");
   const pageData = {
     user: user ? {
@@ -19670,7 +19707,7 @@ adminSettingsRoutes.get("/settings/storage", (c) => {
   };
   return c.html(renderSettingsPage(pageData));
 });
-adminSettingsRoutes.get("/settings/migrations", (c) => {
+adminSettingsRoutes.get("/migrations", (c) => {
   const user = c.get("user");
   const pageData = {
     user: user ? {
@@ -19684,7 +19721,7 @@ adminSettingsRoutes.get("/settings/migrations", (c) => {
   };
   return c.html(renderSettingsPage(pageData));
 });
-adminSettingsRoutes.get("/settings/database-tools", (c) => {
+adminSettingsRoutes.get("/database-tools", (c) => {
   const user = c.get("user");
   const pageData = {
     user: user ? {
@@ -19757,7 +19794,139 @@ adminSettingsRoutes.get("/api/migrations/validate", async (c) => {
     }, 500);
   }
 });
-adminSettingsRoutes.post("/settings", async (c) => {
+adminSettingsRoutes.get("/api/database-tools/stats", async (c) => {
+  try {
+    const db = c.env.DB;
+    const tablesQuery = await db.prepare(`
+      SELECT name FROM sqlite_master
+      WHERE type='table'
+      AND name NOT LIKE 'sqlite_%'
+      AND name NOT LIKE '_cf_%'
+      ORDER BY name
+    `).all();
+    const tables = tablesQuery.results || [];
+    let totalRows = 0;
+    const tableStats = await Promise.all(
+      tables.map(async (table) => {
+        try {
+          const countResult = await db.prepare(`SELECT COUNT(*) as count FROM ${table.name}`).first();
+          const rowCount = countResult?.count || 0;
+          totalRows += rowCount;
+          return {
+            name: table.name,
+            rowCount
+          };
+        } catch (error) {
+          console.error(`Error counting rows in ${table.name}:`, error);
+          return {
+            name: table.name,
+            rowCount: 0
+          };
+        }
+      })
+    );
+    const estimatedSizeBytes = totalRows * 1024;
+    const databaseSizeMB = (estimatedSizeBytes / (1024 * 1024)).toFixed(2);
+    return c.json({
+      success: true,
+      data: {
+        totalTables: tables.length,
+        totalRows,
+        databaseSize: `${databaseSizeMB} MB (estimated)`,
+        tables: tableStats
+      }
+    });
+  } catch (error) {
+    console.error("Error fetching database stats:", error);
+    return c.json({
+      success: false,
+      error: "Failed to fetch database statistics"
+    }, 500);
+  }
+});
+adminSettingsRoutes.get("/api/database-tools/validate", async (c) => {
+  try {
+    const db = c.env.DB;
+    const integrityResult = await db.prepare("PRAGMA integrity_check").first();
+    const isValid = integrityResult?.integrity_check === "ok";
+    return c.json({
+      success: true,
+      data: {
+        valid: isValid,
+        message: isValid ? "Database integrity check passed" : "Database integrity check failed"
+      }
+    });
+  } catch (error) {
+    console.error("Error validating database:", error);
+    return c.json({
+      success: false,
+      error: "Failed to validate database"
+    }, 500);
+  }
+});
+adminSettingsRoutes.post("/api/database-tools/backup", async (c) => {
+  try {
+    const user = c.get("user");
+    if (!user || user.role !== "admin") {
+      return c.json({
+        success: false,
+        error: "Unauthorized. Admin access required."
+      }, 403);
+    }
+    return c.json({
+      success: true,
+      message: "Database backup feature coming soon. Use Cloudflare Dashboard for backups."
+    });
+  } catch (error) {
+    console.error("Error creating backup:", error);
+    return c.json({
+      success: false,
+      error: "Failed to create backup"
+    }, 500);
+  }
+});
+adminSettingsRoutes.post("/api/database-tools/truncate", async (c) => {
+  try {
+    const user = c.get("user");
+    if (!user || user.role !== "admin") {
+      return c.json({
+        success: false,
+        error: "Unauthorized. Admin access required."
+      }, 403);
+    }
+    const body = await c.req.json();
+    const tablesToTruncate = body.tables || [];
+    if (!Array.isArray(tablesToTruncate) || tablesToTruncate.length === 0) {
+      return c.json({
+        success: false,
+        error: "No tables specified for truncation"
+      }, 400);
+    }
+    const db = c.env.DB;
+    const results = [];
+    for (const tableName of tablesToTruncate) {
+      try {
+        await db.prepare(`DELETE FROM ${tableName}`).run();
+        results.push({ table: tableName, success: true });
+      } catch (error) {
+        console.error(`Error truncating ${tableName}:`, error);
+        results.push({ table: tableName, success: false, error: String(error) });
+      }
+    }
+    return c.json({
+      success: true,
+      message: `Truncated ${results.filter((r) => r.success).length} of ${tablesToTruncate.length} tables`,
+      results
+    });
+  } catch (error) {
+    console.error("Error truncating tables:", error);
+    return c.json({
+      success: false,
+      error: "Failed to truncate tables"
+    }, 500);
+  }
+});
+adminSettingsRoutes.post("/", async (c) => {
   try {
     const formData = await c.req.formData();
     return c.html(html`
@@ -19809,5 +19978,5 @@ var ROUTES_INFO = {
 };
 
 export { ROUTES_INFO, adminCheckboxRoutes, adminCollectionsRoutes, adminDesignRoutes, adminLogsRoutes, adminMediaRoutes, adminPluginRoutes, adminSettingsRoutes, admin_api_default, admin_code_examples_default, admin_content_default, admin_faq_default, admin_testimonials_default, api_content_crud_default, api_default, api_media_default, api_system_default, auth_default, router, userRoutes };
-//# sourceMappingURL=chunk-QSF34IYQ.js.map
-//# sourceMappingURL=chunk-QSF34IYQ.js.map
+//# sourceMappingURL=chunk-PPUKPNTP.js.map
+//# sourceMappingURL=chunk-PPUKPNTP.js.map