@sonicjs-cms/core 2.3.12 → 2.3.14

package/dist/{chunk-HTJLBF6F.cjs → chunk-D4PJFFOV.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var chunk7FOAMNTI_cjs = require('./chunk-7FOAMNTI.cjs');
-var chunkOJ5WUCSH_cjs = require('./chunk-OJ5WUCSH.cjs');
+var chunkXWPGIFS7_cjs = require('./chunk-XWPGIFS7.cjs');
 var chunkILZ3DP4I_cjs = require('./chunk-ILZ3DP4I.cjs');
-var chunkP6NMVNJJ_cjs = require('./chunk-P6NMVNJJ.cjs');
-var chunkRIOIKM3Y_cjs = require('./chunk-RIOIKM3Y.cjs');
-var chunkIB6UBZVD_cjs = require('./chunk-IB6UBZVD.cjs');
+var chunkETS5XSAG_cjs = require('./chunk-ETS5XSAG.cjs');
+var chunkAZLU3ROK_cjs = require('./chunk-AZLU3ROK.cjs');
+var chunkSZE3XVET_cjs = require('./chunk-SZE3XVET.cjs');
 var chunkRCQ2HIQD_cjs = require('./chunk-RCQ2HIQD.cjs');
 var hono = require('hono');
 var cors = require('hono/cors');
@@ -44,7 +44,7 @@ apiContentCrudRoutes.get("/:id", async (c) => {
     }, 500);
   }
 });
-apiContentCrudRoutes.post("/", chunkOJ5WUCSH_cjs.requireAuth(), async (c) => {
+apiContentCrudRoutes.post("/", chunkXWPGIFS7_cjs.requireAuth(), async (c) => {
   try {
     const db = c.env.DB;
     const user = c.get("user");
@@ -110,7 +110,7 @@ apiContentCrudRoutes.post("/", chunkOJ5WUCSH_cjs.requireAuth(), async (c) => {
     }, 500);
   }
 });
-apiContentCrudRoutes.put("/:id", chunkOJ5WUCSH_cjs.requireAuth(), async (c) => {
+apiContentCrudRoutes.put("/:id", chunkXWPGIFS7_cjs.requireAuth(), async (c) => {
   try {
     const id = c.req.param("id");
     const db = c.env.DB;
@@ -174,7 +174,7 @@ apiContentCrudRoutes.put("/:id", chunkOJ5WUCSH_cjs.requireAuth(), async (c) => {
     }, 500);
   }
 });
-apiContentCrudRoutes.delete("/:id", chunkOJ5WUCSH_cjs.requireAuth(), async (c) => {
+apiContentCrudRoutes.delete("/:id", chunkXWPGIFS7_cjs.requireAuth(), async (c) => {
   try {
     const id = c.req.param("id");
     const db = c.env.DB;
@@ -210,7 +210,7 @@ apiRoutes.use("*", async (c, next) => {
   c.header("X-Response-Time", `${totalTime}ms`);
 });
 apiRoutes.use("*", async (c, next) => {
-  const cacheEnabled = await chunkOJ5WUCSH_cjs.isPluginActive(c.env.DB, "core-cache");
+  const cacheEnabled = await chunkXWPGIFS7_cjs.isPluginActive(c.env.DB, "core-cache");
   c.set("cacheEnabled", cacheEnabled);
   await next();
 });
@@ -335,12 +335,12 @@ apiRoutes.get("/content", async (c) => {
         });
       }
     }
-    const filter = chunkIB6UBZVD_cjs.QueryFilterBuilder.parseFromQuery(queryParams);
+    const filter = chunkSZE3XVET_cjs.QueryFilterBuilder.parseFromQuery(queryParams);
     if (!filter.limit) {
       filter.limit = 50;
     }
     filter.limit = Math.min(filter.limit, 1e3);
-    const builder3 = new chunkIB6UBZVD_cjs.QueryFilterBuilder();
+    const builder3 = new chunkSZE3XVET_cjs.QueryFilterBuilder();
     const queryResult = builder3.build("content", filter);
     if (queryResult.errors.length > 0) {
       return c.json({
@@ -427,7 +427,7 @@ apiRoutes.get("/collections/:collection/content", async (c) => {
     if (!collectionResult) {
       return c.json({ error: "Collection not found" }, 404);
     }
-    const filter = chunkIB6UBZVD_cjs.QueryFilterBuilder.parseFromQuery(queryParams);
+    const filter = chunkSZE3XVET_cjs.QueryFilterBuilder.parseFromQuery(queryParams);
     if (!filter.where) {
       filter.where = { and: [] };
     }
@@ -443,7 +443,7 @@ apiRoutes.get("/collections/:collection/content", async (c) => {
       filter.limit = 50;
     }
     filter.limit = Math.min(filter.limit, 1e3);
-    const builder3 = new chunkIB6UBZVD_cjs.QueryFilterBuilder();
+    const builder3 = new chunkSZE3XVET_cjs.QueryFilterBuilder();
     const queryResult = builder3.build("content", filter);
     if (queryResult.errors.length > 0) {
       return c.json({
@@ -568,7 +568,7 @@ var fileValidationSchema = zod.z.object({
   // 50MB max
 });
 var apiMediaRoutes = new hono.Hono();
-apiMediaRoutes.use("*", chunkOJ5WUCSH_cjs.requireAuth());
+apiMediaRoutes.use("*", chunkXWPGIFS7_cjs.requireAuth());
 apiMediaRoutes.post("/upload", async (c) => {
   try {
     const user = c.get("user");
@@ -1312,8 +1312,8 @@ apiSystemRoutes.get("/env", (c) => {
 });
 var api_system_default = apiSystemRoutes;
 var adminApiRoutes = new hono.Hono();
-adminApiRoutes.use("*", chunkOJ5WUCSH_cjs.requireAuth());
-adminApiRoutes.use("*", chunkOJ5WUCSH_cjs.requireRole(["admin", "editor"]));
+adminApiRoutes.use("*", chunkXWPGIFS7_cjs.requireAuth());
+adminApiRoutes.use("*", chunkXWPGIFS7_cjs.requireRole(["admin", "editor"]));
 adminApiRoutes.get("/stats", async (c) => {
   try {
     const db = c.env.DB;
@@ -1571,7 +1571,7 @@ adminApiRoutes.post("/collections", async (c) => {
     }
     const validatedData = validation.data;
     const db = c.env.DB;
-    const ____user = c.get("user");
+    const _user = c.get("user");
     const displayName = validatedData.displayName || validatedData.display_name || "";
     const existingStmt = db.prepare("SELECT id FROM collections WHERE name = ?");
     const existing = await existingStmt.bind(validatedData.name).first();
@@ -1722,7 +1722,7 @@ adminApiRoutes.delete("/collections/:id", async (c) => {
 });
 adminApiRoutes.get("/migrations/status", async (c) => {
   try {
-    const { MigrationService: MigrationService2 } = await import('./migrations-DQ74P6V4.cjs');
+    const { MigrationService: MigrationService2 } = await import('./migrations-3A53GREK.cjs');
     const db = c.env.DB;
     const migrationService = new MigrationService2(db);
     const status = await migrationService.getMigrationStatus();
@@ -1747,7 +1747,7 @@ adminApiRoutes.post("/migrations/run", async (c) => {
         error: "Unauthorized. Admin access required."
       }, 403);
     }
-    const { MigrationService: MigrationService2 } = await import('./migrations-DQ74P6V4.cjs');
+    const { MigrationService: MigrationService2 } = await import('./migrations-3A53GREK.cjs');
     const db = c.env.DB;
     const migrationService = new MigrationService2(db);
     const result = await migrationService.runPendingMigrations();
@@ -1766,7 +1766,7 @@ adminApiRoutes.post("/migrations/run", async (c) => {
 });
 adminApiRoutes.get("/migrations/validate", async (c) => {
   try {
-    const { MigrationService: MigrationService2 } = await import('./migrations-DQ74P6V4.cjs');
+    const { MigrationService: MigrationService2 } = await import('./migrations-3A53GREK.cjs');
     const db = c.env.DB;
     const migrationService = new MigrationService2(db);
     const validation = await migrationService.validateSchema();
@@ -1841,8 +1841,8 @@ function renderLoginPage(data, demoLoginActive = false) {
         <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
           <div class="bg-zinc-900 shadow-sm ring-1 ring-white/10 rounded-xl px-6 py-8 sm:px-10">
             <!-- Alerts -->
-            ${data.error ? `<div class="mb-6">${chunkRIOIKM3Y_cjs.renderAlert({ type: "error", message: data.error })}</div>` : ""}
-            ${data.message ? `<div class="mb-6">${chunkRIOIKM3Y_cjs.renderAlert({ type: "success", message: data.message })}</div>` : ""}
+            ${data.error ? `<div class="mb-6">${chunkAZLU3ROK_cjs.renderAlert({ type: "error", message: data.error })}</div>` : ""}
+            ${data.message ? `<div class="mb-6">${chunkAZLU3ROK_cjs.renderAlert({ type: "success", message: data.message })}</div>` : ""}
 
             <!-- Form Response (HTMX target) -->
             <div id="form-response" class="mb-6"></div>
@@ -2006,7 +2006,7 @@ function renderRegisterPage(data) {
         <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
           <div class="bg-zinc-900 shadow-sm ring-1 ring-white/10 rounded-xl px-6 py-8 sm:px-10">
             <!-- Alerts -->
-            ${data.error ? `<div class="mb-6">${chunkRIOIKM3Y_cjs.renderAlert({ type: "error", message: data.error })}</div>` : ""}
+            ${data.error ? `<div class="mb-6">${chunkAZLU3ROK_cjs.renderAlert({ type: "error", message: data.error })}</div>` : ""}
 
             <!-- Form -->
             <form
@@ -2119,6 +2119,27 @@ function renderRegisterPage(data) {
     </html>
   `;
 }
+async function isRegistrationEnabled(db) {
+  try {
+    const plugin = await db.prepare("SELECT settings FROM plugins WHERE id = ?").bind("core-auth").first();
+    if (plugin?.settings) {
+      const settings = JSON.parse(plugin.settings);
+      const enabled = settings?.registration?.enabled;
+      return enabled !== false && enabled !== 0;
+    }
+    return true;
+  } catch {
+    return true;
+  }
+}
+async function isFirstUserRegistration(db) {
+  try {
+    const result = await db.prepare("SELECT COUNT(*) as count FROM users").first();
+    return result?.count === 0;
+  } catch {
+    return false;
+  }
+}
 var baseRegistrationSchema = zod.z.object({
   email: zod.z.string().email("Valid email is required"),
   password: zod.z.string().min(8, "Password must be at least 8 characters"),
@@ -2170,7 +2191,15 @@ authRoutes.get("/login", async (c) => {
   }
   return c.html(renderLoginPage(pageData, demoLoginActive));
 });
-authRoutes.get("/register", (c) => {
+authRoutes.get("/register", async (c) => {
+  const db = c.env.DB;
+  const isFirstUser = await isFirstUserRegistration(db);
+  if (!isFirstUser) {
+    const registrationEnabled = await isRegistrationEnabled(db);
+    if (!registrationEnabled) {
+      return c.redirect("/auth/login?error=Registration is currently disabled");
+    }
+  }
   const error = c.req.query("error");
   const pageData = {
     error: error || void 0
@@ -2186,6 +2215,13 @@ authRoutes.post(
   async (c) => {
     try {
       const db = c.env.DB;
+      const isFirstUser = await isFirstUserRegistration(db);
+      if (!isFirstUser) {
+        const registrationEnabled = await isRegistrationEnabled(db);
+        if (!registrationEnabled) {
+          return c.json({ error: "Registration is currently disabled" }, 403);
+        }
+      }
       let requestData;
       try {
         requestData = await c.req.json();
@@ -2212,7 +2248,7 @@ authRoutes.post(
       if (existingUser) {
         return c.json({ error: "User with this email or username already exists" }, 400);
       }
-      const passwordHash = await chunkOJ5WUCSH_cjs.AuthManager.hashPassword(password);
+      const passwordHash = await chunkXWPGIFS7_cjs.AuthManager.hashPassword(password);
       const userId = crypto.randomUUID();
       const now = /* @__PURE__ */ new Date();
       await db.prepare(`
@@ -2232,7 +2268,7 @@ authRoutes.post(
         now.getTime(),
         now.getTime()
       ).run();
-      const token = await chunkOJ5WUCSH_cjs.AuthManager.generateToken(userId, normalizedEmail, "viewer");
+      const token = await chunkXWPGIFS7_cjs.AuthManager.generateToken(userId, normalizedEmail, "viewer");
       cookie.setCookie(c, "auth_token", token, {
         httpOnly: true,
         secure: true,
@@ -2285,11 +2321,11 @@ authRoutes.post("/login", async (c) => {
     if (!user) {
       return c.json({ error: "Invalid email or password" }, 401);
     }
-    const isValidPassword = await chunkOJ5WUCSH_cjs.AuthManager.verifyPassword(password, user.password_hash);
+    const isValidPassword = await chunkXWPGIFS7_cjs.AuthManager.verifyPassword(password, user.password_hash);
     if (!isValidPassword) {
       return c.json({ error: "Invalid email or password" }, 401);
     }
-    const token = await chunkOJ5WUCSH_cjs.AuthManager.generateToken(user.id, user.email, user.role);
+    const token = await chunkXWPGIFS7_cjs.AuthManager.generateToken(user.id, user.email, user.role);
     cookie.setCookie(c, "auth_token", token, {
       httpOnly: true,
       secure: true,
@@ -2338,7 +2374,7 @@ authRoutes.get("/logout", (c) => {
   });
   return c.redirect("/auth/login?message=You have been logged out successfully");
 });
-authRoutes.get("/me", chunkOJ5WUCSH_cjs.requireAuth(), async (c) => {
+authRoutes.get("/me", chunkXWPGIFS7_cjs.requireAuth(), async (c) => {
   try {
     const user = c.get("user");
     if (!user) {
@@ -2355,13 +2391,13 @@ authRoutes.get("/me", chunkOJ5WUCSH_cjs.requireAuth(), async (c) => {
     return c.json({ error: "Failed to get user" }, 500);
   }
 });
-authRoutes.post("/refresh", chunkOJ5WUCSH_cjs.requireAuth(), async (c) => {
+authRoutes.post("/refresh", chunkXWPGIFS7_cjs.requireAuth(), async (c) => {
   try {
     const user = c.get("user");
     if (!user) {
       return c.json({ error: "Not authenticated" }, 401);
     }
-    const token = await chunkOJ5WUCSH_cjs.AuthManager.generateToken(user.userId, user.email, user.role);
+    const token = await chunkXWPGIFS7_cjs.AuthManager.generateToken(user.userId, user.email, user.role);
     cookie.setCookie(c, "auth_token", token, {
       httpOnly: true,
       secure: true,
@@ -2378,6 +2414,17 @@ authRoutes.post("/refresh", chunkOJ5WUCSH_cjs.requireAuth(), async (c) => {
 authRoutes.post("/register/form", async (c) => {
   try {
     const db = c.env.DB;
+    const isFirstUser = await isFirstUserRegistration(db);
+    if (!isFirstUser) {
+      const registrationEnabled = await isRegistrationEnabled(db);
+      if (!registrationEnabled) {
+        return c.html(html.html`
+          <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">
+            Registration is currently disabled. Please contact an administrator.
+          </div>
+        `);
+      }
+    }
     const formData = await c.req.formData();
     const requestData = {
       email: formData.get("email"),
@@ -2410,7 +2457,8 @@ authRoutes.post("/register/form", async (c) => {
         </div>
       `);
     }
-    const passwordHash = await chunkOJ5WUCSH_cjs.AuthManager.hashPassword(password);
+    const passwordHash = await chunkXWPGIFS7_cjs.AuthManager.hashPassword(password);
+    const role = isFirstUser ? "admin" : "viewer";
     const userId = crypto.randomUUID();
     const now = /* @__PURE__ */ new Date();
     await db.prepare(`
@@ -2423,14 +2471,13 @@ authRoutes.post("/register/form", async (c) => {
       firstName,
       lastName,
       passwordHash,
-      "admin",
-      // First user gets admin role
+      role,
       1,
       // is_active
       now.getTime(),
       now.getTime()
     ).run();
-    const token = await chunkOJ5WUCSH_cjs.AuthManager.generateToken(userId, normalizedEmail, "admin");
+    const token = await chunkXWPGIFS7_cjs.AuthManager.generateToken(userId, normalizedEmail, role);
     cookie.setCookie(c, "auth_token", token, {
       httpOnly: true,
       secure: false,
@@ -2439,12 +2486,13 @@ authRoutes.post("/register/form", async (c) => {
       maxAge: 60 * 60 * 24
       // 24 hours
     });
+    const redirectUrl = role === "admin" ? "/admin/dashboard" : "/admin/dashboard";
     return c.html(html.html`
       <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded">
-        Account created successfully! Redirecting to admin dashboard...
+        Account created successfully! Redirecting...
         <script>
           setTimeout(() => {
-            window.location.href = '/admin/dashboard';
+            window.location.href = '${redirectUrl}';
           }, 2000);
         </script>
       </div>
@@ -2481,7 +2529,7 @@ authRoutes.post("/login/form", async (c) => {
         </div>
       `);
     }
-    const isValidPassword = await chunkOJ5WUCSH_cjs.AuthManager.verifyPassword(password, user.password_hash);
+    const isValidPassword = await chunkXWPGIFS7_cjs.AuthManager.verifyPassword(password, user.password_hash);
     if (!isValidPassword) {
       return c.html(html.html`
         <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">
@@ -2489,7 +2537,7 @@ authRoutes.post("/login/form", async (c) => {
         </div>
       `);
     }
-    const token = await chunkOJ5WUCSH_cjs.AuthManager.generateToken(user.id, user.email, user.role);
+    const token = await chunkXWPGIFS7_cjs.AuthManager.generateToken(user.id, user.email, user.role);
     cookie.setCookie(c, "auth_token", token, {
       httpOnly: true,
       secure: false,
@@ -2548,7 +2596,7 @@ authRoutes.post("/seed-admin", async (c) => {
     `).run();
     const existingAdmin = await db.prepare("SELECT id FROM users WHERE email = ? OR username = ?").bind("admin@sonicjs.com", "admin").first();
     if (existingAdmin) {
-      const passwordHash2 = await chunkOJ5WUCSH_cjs.AuthManager.hashPassword("sonicjs!");
+      const passwordHash2 = await chunkXWPGIFS7_cjs.AuthManager.hashPassword("sonicjs!");
       await db.prepare("UPDATE users SET password_hash = ?, updated_at = ? WHERE id = ?").bind(passwordHash2, Date.now(), existingAdmin.id).run();
       return c.json({
         message: "Admin user already exists (password updated)",
@@ -2560,7 +2608,7 @@ authRoutes.post("/seed-admin", async (c) => {
         }
       });
     }
-    const passwordHash = await chunkOJ5WUCSH_cjs.AuthManager.hashPassword("sonicjs!");
+    const passwordHash = await chunkXWPGIFS7_cjs.AuthManager.hashPassword("sonicjs!");
     const userId = "admin-user-id";
     const now = Date.now();
     const adminEmail = "admin@sonicjs.com".toLowerCase();
@@ -2780,7 +2828,7 @@ authRoutes.post("/accept-invitation", async (c) => {
     if (existingUsername) {
       return c.json({ error: "Username is already taken" }, 400);
     }
-    const passwordHash = await chunkOJ5WUCSH_cjs.AuthManager.hashPassword(password);
+    const passwordHash = await chunkXWPGIFS7_cjs.AuthManager.hashPassword(password);
     const updateStmt = db.prepare(`
       UPDATE users SET 
         username = ?,
@@ -2799,7 +2847,7 @@ authRoutes.post("/accept-invitation", async (c) => {
       Date.now(),
       invitedUser.id
     ).run();
-    const authToken = await chunkOJ5WUCSH_cjs.AuthManager.generateToken(invitedUser.id, invitedUser.email, invitedUser.role);
+    const authToken = await chunkXWPGIFS7_cjs.AuthManager.generateToken(invitedUser.id, invitedUser.email, invitedUser.role);
     cookie.setCookie(c, "auth_token", authToken, {
       httpOnly: true,
       secure: true,
@@ -3029,7 +3077,7 @@ authRoutes.post("/reset-password", async (c) => {
     if (Date.now() > user.password_reset_expires) {
       return c.json({ error: "Reset token has expired" }, 400);
     }
-    const newPasswordHash = await chunkOJ5WUCSH_cjs.AuthManager.hashPassword(password);
+    const newPasswordHash = await chunkXWPGIFS7_cjs.AuthManager.hashPassword(password);
     try {
       const historyStmt = db.prepare(`
         INSERT INTO password_history (id, user_id, password_hash, created_at)
@@ -3287,7 +3335,7 @@ app.post("/test-cleanup/content", async (c) => {
 var test_cleanup_default = app;
 
 // src/templates/pages/admin-content-form.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 
 // src/templates/components/dynamic-field.template.ts
 function renderDynamicField(field, options = {}) {
@@ -4428,6 +4476,13 @@ function getMDXEditorInitScript(config) {
           // Store reference to editor instance
           textarea.easyMDEInstance = easyMDE;
 
+          // Sync changes back to textarea
+          easyMDE.codemirror.on("change", () => {
+            textarea.value = easyMDE.value();
+            textarea.dispatchEvent(new Event("input", { bubbles: true }));
+            textarea.dispatchEvent(new Event("change", { bubbles: true }));
+          });
+
           console.log('EasyMDE initialized for field:', textarea.id || textarea.name);
         } catch (error) {
           console.error('Error initializing EasyMDE:', error);
@@ -4526,8 +4581,8 @@ function renderContentFormPage(data) {
         <!-- Form Content -->
         <div class="px-6 py-6">
           <div id="form-messages">
-            ${data.error ? chunkRIOIKM3Y_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
-            ${data.success ? chunkRIOIKM3Y_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
+            ${data.error ? chunkAZLU3ROK_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
+            ${data.success ? chunkAZLU3ROK_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
           </div>
 
           <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
@@ -4762,7 +4817,7 @@ function renderContentFormPage(data) {
     </div>
 
     <!-- Confirmation Dialogs -->
-    ${chunkRIOIKM3Y_cjs.renderConfirmationDialog({
+    ${chunkAZLU3ROK_cjs.renderConfirmationDialog({
     id: "duplicate-content-confirm",
     title: "Duplicate Content",
     message: "Create a copy of this content?",
@@ -4773,7 +4828,7 @@ function renderContentFormPage(data) {
     onConfirm: "performDuplicateContent()"
   })}
 
-    ${chunkRIOIKM3Y_cjs.renderConfirmationDialog({
+    ${chunkAZLU3ROK_cjs.renderConfirmationDialog({
     id: "delete-content-confirm",
     title: "Delete Content",
     message: "Are you sure you want to delete this content? This action cannot be undone.",
@@ -4784,7 +4839,7 @@ function renderContentFormPage(data) {
     onConfirm: `performDeleteContent('${data.id}')`
   })}
 
-    ${chunkRIOIKM3Y_cjs.getConfirmationDialogScript()}
+    ${chunkAZLU3ROK_cjs.getConfirmationDialogScript()}
 
     ${data.tinymceEnabled ? getTinyMCEScript(data.tinymceSettings?.apiKey) : "<!-- TinyMCE plugin not active -->"}
 
@@ -5089,11 +5144,11 @@ function renderContentFormPage(data) {
     content: pageContent,
     version: data.version
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/pages/admin-content-list.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 function renderContentListPage(data) {
   const urlParams = new URLSearchParams();
   if (data.modelName && data.modelName !== "all") urlParams.set("model", data.modelName);
@@ -5498,8 +5553,8 @@ function renderContentListPage(data) {
       
       <!-- Content List -->
       <div id="content-list">
-        ${chunkRIOIKM3Y_cjs.renderTable(tableData)}
-        ${chunkRIOIKM3Y_cjs.renderPagination(paginationData)}
+        ${chunkAZLU3ROK_cjs.renderTable(tableData)}
+        ${chunkAZLU3ROK_cjs.renderPagination(paginationData)}
       </div>
       
     </div>
@@ -5708,7 +5763,7 @@ function renderContentListPage(data) {
     </script>
 
     <!-- Confirmation Dialog for Bulk Actions -->
-    ${chunkRIOIKM3Y_cjs.renderConfirmationDialog({
+    ${chunkAZLU3ROK_cjs.renderConfirmationDialog({
     id: "bulk-action-confirm",
     title: "Confirm Bulk Action",
     message: "Are you sure you want to perform this action? This operation will affect multiple items.",
@@ -5720,7 +5775,7 @@ function renderContentListPage(data) {
   })}
 
     <!-- Confirmation Dialog Script -->
-    ${chunkRIOIKM3Y_cjs.getConfirmationDialogScript()}
+    ${chunkAZLU3ROK_cjs.getConfirmationDialogScript()}
   `;
   const layoutData = {
     title: "Content Management",
@@ -5730,7 +5785,7 @@ function renderContentListPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/components/version-history.template.ts
@@ -5924,7 +5979,7 @@ async function isPluginActive2(db, pluginId) {
 
 // src/routes/admin-content.ts
 var adminContentRoutes = new hono.Hono();
-adminContentRoutes.use("*", chunkOJ5WUCSH_cjs.requireAuth());
+adminContentRoutes.use("*", chunkXWPGIFS7_cjs.requireAuth());
 async function getCollectionFields(db, collectionId) {
   const cache = chunk7FOAMNTI_cjs.getCacheService(chunk7FOAMNTI_cjs.CACHE_CONFIGS.collection);
   return cache.getOrSet(
@@ -6457,10 +6512,9 @@ adminContentRoutes.post("/", async (c) => {
     const insertStmt = db.prepare(`
       INSERT INTO content (
         id, collection_id, slug, title, data, status,
-        scheduled_publish_at, scheduled_unpublish_at,
-        meta_title, meta_description, author_id, created_by, created_at, updated_at
+        author_id, created_at, updated_at
       )
-      VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
+      VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
     `);
     await insertStmt.bind(
       contentId,
@@ -6469,11 +6523,6 @@ adminContentRoutes.post("/", async (c) => {
       data.title || "Untitled",
       JSON.stringify(data),
       status,
-      scheduledPublishAt ? new Date(scheduledPublishAt).getTime() : null,
-      scheduledUnpublishAt ? new Date(scheduledUnpublishAt).getTime() : null,
-      data.meta_title || null,
-      data.meta_description || null,
-      user?.userId || "unknown",
       user?.userId || "unknown",
       now,
       now
@@ -7139,7 +7188,7 @@ ${JSON.stringify(data, null, 2)}
 var admin_content_default = adminContentRoutes;
 
 // src/templates/pages/admin-profile.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 function renderAvatarImage(avatarUrl, firstName, lastName) {
   return `<div id="avatar-image-container" 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">
     ${avatarUrl ? `<img src="${avatarUrl}" alt="Profile picture" class="w-full h-full object-cover">` : `<span class="text-2xl font-bold text-white">${firstName.charAt(0)}${lastName.charAt(0)}</span>`}
@@ -7159,8 +7208,8 @@ function renderProfilePage(data) {
       </div>
 
       <!-- Alert Messages -->
-      ${data.error ? chunkRIOIKM3Y_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
-      ${data.success ? chunkRIOIKM3Y_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
+      ${data.error ? chunkAZLU3ROK_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
+      ${data.success ? chunkAZLU3ROK_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
 
       <!-- Profile Form -->
       <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
@@ -7547,7 +7596,7 @@ function renderProfilePage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/components/alert.template.ts
@@ -7830,7 +7879,7 @@ function renderActivityLogsPage(data) {
     user: data.user,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayout(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayout(layoutData);
 }
 function getActionBadgeClass(action) {
   if (action.includes("login") || action.includes("logout")) {
@@ -7850,7 +7899,7 @@ function formatAction(action) {
 }
 
 // src/templates/pages/admin-user-edit.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 
 // src/templates/components/confirmation-dialog.template.ts
 function renderConfirmationDialog2(options) {
@@ -7971,8 +8020,8 @@ function renderUserEditPage(data) {
 
       <!-- Alert Messages -->
       <div id="form-messages">
-        ${data.error ? chunkRIOIKM3Y_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
-        ${data.success ? chunkRIOIKM3Y_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
+        ${data.error ? chunkAZLU3ROK_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
+        ${data.success ? chunkAZLU3ROK_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
       </div>
 
       <!-- User Edit Form -->
@@ -7991,7 +8040,7 @@ function renderUserEditPage(data) {
                     <input
                       type="text"
                       name="first_name"
-                      value="${chunkIB6UBZVD_cjs.escapeHtml(data.userToEdit.firstName || "")}"
+                      value="${chunkSZE3XVET_cjs.escapeHtml(data.userToEdit.firstName || "")}"
                       required
                       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"
                     />
@@ -8002,7 +8051,7 @@ function renderUserEditPage(data) {
                     <input
                       type="text"
                       name="last_name"
-                      value="${chunkIB6UBZVD_cjs.escapeHtml(data.userToEdit.lastName || "")}"
+                      value="${chunkSZE3XVET_cjs.escapeHtml(data.userToEdit.lastName || "")}"
                       required
                       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"
                     />
@@ -8013,7 +8062,7 @@ function renderUserEditPage(data) {
                     <input
                       type="text"
                       name="username"
-                      value="${chunkIB6UBZVD_cjs.escapeHtml(data.userToEdit.username || "")}"
+                      value="${chunkSZE3XVET_cjs.escapeHtml(data.userToEdit.username || "")}"
                       required
                       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"
                     />
@@ -8024,7 +8073,7 @@ function renderUserEditPage(data) {
                     <input
                       type="email"
                       name="email"
-                      value="${chunkIB6UBZVD_cjs.escapeHtml(data.userToEdit.email || "")}"
+                      value="${chunkSZE3XVET_cjs.escapeHtml(data.userToEdit.email || "")}"
                       required
                       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"
                     />
@@ -8035,7 +8084,7 @@ function renderUserEditPage(data) {
                     <input
                       type="tel"
                       name="phone"
-                      value="${chunkIB6UBZVD_cjs.escapeHtml(data.userToEdit.phone || "")}"
+                      value="${chunkSZE3XVET_cjs.escapeHtml(data.userToEdit.phone || "")}"
                       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"
                     />
                   </div>
@@ -8049,7 +8098,7 @@ function renderUserEditPage(data) {
                         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.roles.map((role) => `
-                          <option value="${chunkIB6UBZVD_cjs.escapeHtml(role.value)}" ${data.userToEdit.role === role.value ? "selected" : ""}>${chunkIB6UBZVD_cjs.escapeHtml(role.label)}</option>
+                          <option value="${chunkSZE3XVET_cjs.escapeHtml(role.value)}" ${data.userToEdit.role === role.value ? "selected" : ""}>${chunkSZE3XVET_cjs.escapeHtml(role.label)}</option>
                         `).join("")}
                       </select>
                       <svg viewBox="0 0 16 16" fill="currentColor" data-slot="icon" 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">
@@ -8065,7 +8114,7 @@ function renderUserEditPage(data) {
                     name="bio"
                     rows="3"
                     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"
-                  >${chunkIB6UBZVD_cjs.escapeHtml(data.userToEdit.bio || "")}</textarea>
+                  >${chunkSZE3XVET_cjs.escapeHtml(data.userToEdit.bio || "")}</textarea>
                 </div>
               </div>
 
@@ -8265,11 +8314,11 @@ function renderUserEditPage(data) {
     user: data.user,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/pages/admin-user-new.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 function renderUserNewPage(data) {
   const pageContent = `
     <div>
@@ -8308,8 +8357,8 @@ function renderUserNewPage(data) {
 
       <!-- Alert Messages -->
       <div id="form-messages">
-        ${data.error ? chunkRIOIKM3Y_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
-        ${data.success ? chunkRIOIKM3Y_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
+        ${data.error ? chunkAZLU3ROK_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
+        ${data.success ? chunkAZLU3ROK_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
       </div>
 
       <!-- User New Form -->
@@ -8553,11 +8602,11 @@ function renderUserNewPage(data) {
     user: data.user,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/pages/admin-users-list.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 function renderUsersListPage(data) {
   const columns = [
     {
@@ -8708,8 +8757,8 @@ function renderUsersListPage(data) {
       </div>
 
       <!-- Alert Messages -->
-      ${data.error ? chunkRIOIKM3Y_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
-      ${data.success ? chunkRIOIKM3Y_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
+      ${data.error ? chunkAZLU3ROK_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
+      ${data.success ? chunkAZLU3ROK_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
 
       <!-- Stats -->
       <div class="mb-6">
@@ -8886,10 +8935,10 @@ function renderUsersListPage(data) {
       </div>
 
       <!-- Users Table -->
-      ${chunkRIOIKM3Y_cjs.renderTable(tableData)}
+      ${chunkAZLU3ROK_cjs.renderTable(tableData)}
 
       <!-- Pagination -->
-      ${data.pagination ? chunkRIOIKM3Y_cjs.renderPagination(data.pagination) : ""}
+      ${data.pagination ? chunkAZLU3ROK_cjs.renderPagination(data.pagination) : ""}
     </div>
 
     <script>
@@ -8960,12 +9009,12 @@ function renderUsersListPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/routes/admin-users.ts
 var userRoutes = new hono.Hono();
-userRoutes.use("*", chunkOJ5WUCSH_cjs.requireAuth());
+userRoutes.use("*", chunkXWPGIFS7_cjs.requireAuth());
 userRoutes.get("/", (c) => {
   return c.redirect("/admin/dashboard");
 });
@@ -9064,12 +9113,12 @@ userRoutes.put("/profile", async (c) => {
   const db = c.env.DB;
   try {
     const formData = await c.req.formData();
-    const firstName = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("first_name")?.toString());
-    const lastName = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("last_name")?.toString());
-    const username = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("username")?.toString());
+    const firstName = chunkSZE3XVET_cjs.sanitizeInput(formData.get("first_name")?.toString());
+    const lastName = chunkSZE3XVET_cjs.sanitizeInput(formData.get("last_name")?.toString());
+    const username = chunkSZE3XVET_cjs.sanitizeInput(formData.get("username")?.toString());
     const email = formData.get("email")?.toString()?.trim().toLowerCase() || "";
-    const phone = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("phone")?.toString()) || null;
-    const bio = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("bio")?.toString()) || null;
+    const phone = chunkSZE3XVET_cjs.sanitizeInput(formData.get("phone")?.toString()) || null;
+    const bio = chunkSZE3XVET_cjs.sanitizeInput(formData.get("bio")?.toString()) || null;
     const timezone = formData.get("timezone")?.toString() || "UTC";
     const language = formData.get("language")?.toString() || "en";
     const emailNotifications = formData.get("email_notifications") === "1";
@@ -9120,7 +9169,7 @@ userRoutes.put("/profile", async (c) => {
       Date.now(),
       user.userId
     ).run();
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "profile.update",
@@ -9183,7 +9232,7 @@ userRoutes.post("/profile/avatar", async (c) => {
       SELECT first_name, last_name FROM users WHERE id = ?
     `);
     const userData = await userStmt.bind(user.userId).first();
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "profile.avatar_update",
@@ -9254,7 +9303,7 @@ userRoutes.post("/profile/password", async (c) => {
         dismissible: true
       }));
     }
-    const validPassword = await chunkOJ5WUCSH_cjs.AuthManager.verifyPassword(currentPassword, userData.password_hash);
+    const validPassword = await chunkXWPGIFS7_cjs.AuthManager.verifyPassword(currentPassword, userData.password_hash);
     if (!validPassword) {
       return c.html(renderAlert2({
         type: "error",
@@ -9262,7 +9311,7 @@ userRoutes.post("/profile/password", async (c) => {
         dismissible: true
       }));
     }
-    const newPasswordHash = await chunkOJ5WUCSH_cjs.AuthManager.hashPassword(newPassword);
+    const newPasswordHash = await chunkXWPGIFS7_cjs.AuthManager.hashPassword(newPassword);
     const historyStmt = db.prepare(`
       INSERT INTO password_history (id, user_id, password_hash, created_at)
       VALUES (?, ?, ?, ?)
@@ -9278,7 +9327,7 @@ userRoutes.post("/profile/password", async (c) => {
       WHERE id = ?
     `);
     await updateStmt.bind(newPasswordHash, Date.now(), user.userId).run();
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "profile.password_change",
@@ -9345,7 +9394,7 @@ userRoutes.get("/users", async (c) => {
     `);
     const countResult = await countStmt.bind(...params).first();
     const totalUsers = countResult?.total || 0;
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "users.list_view",
@@ -9447,12 +9496,12 @@ userRoutes.post("/users/new", async (c) => {
   const user = c.get("user");
   try {
     const formData = await c.req.formData();
-    const firstName = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("first_name")?.toString());
-    const lastName = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("last_name")?.toString());
-    const username = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("username")?.toString());
+    const firstName = chunkSZE3XVET_cjs.sanitizeInput(formData.get("first_name")?.toString());
+    const lastName = chunkSZE3XVET_cjs.sanitizeInput(formData.get("last_name")?.toString());
+    const username = chunkSZE3XVET_cjs.sanitizeInput(formData.get("username")?.toString());
     const email = formData.get("email")?.toString()?.trim().toLowerCase() || "";
-    const phone = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("phone")?.toString()) || null;
-    const bio = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("bio")?.toString()) || null;
+    const phone = chunkSZE3XVET_cjs.sanitizeInput(formData.get("phone")?.toString()) || null;
+    const bio = chunkSZE3XVET_cjs.sanitizeInput(formData.get("bio")?.toString()) || null;
     const role = formData.get("role")?.toString() || "viewer";
     const password = formData.get("password")?.toString() || "";
     const confirmPassword = formData.get("confirm_password")?.toString() || "";
@@ -9499,7 +9548,7 @@ userRoutes.post("/users/new", async (c) => {
         dismissible: true
       }));
     }
-    const passwordHash = await chunkOJ5WUCSH_cjs.AuthManager.hashPassword(password);
+    const passwordHash = await chunkXWPGIFS7_cjs.AuthManager.hashPassword(password);
     const userId = crypto.randomUUID();
     const createStmt = db.prepare(`
       INSERT INTO users (
@@ -9522,7 +9571,7 @@ userRoutes.post("/users/new", async (c) => {
       Date.now(),
       Date.now()
     ).run();
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "user!.create",
@@ -9560,7 +9609,7 @@ userRoutes.get("/users/:id", async (c) => {
     if (!userRecord) {
       return c.json({ error: "User not found" }, 404);
     }
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "user!.view",
@@ -9653,12 +9702,12 @@ userRoutes.put("/users/:id", async (c) => {
   const userId = c.req.param("id");
   try {
     const formData = await c.req.formData();
-    const firstName = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("first_name")?.toString());
-    const lastName = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("last_name")?.toString());
-    const username = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("username")?.toString());
+    const firstName = chunkSZE3XVET_cjs.sanitizeInput(formData.get("first_name")?.toString());
+    const lastName = chunkSZE3XVET_cjs.sanitizeInput(formData.get("last_name")?.toString());
+    const username = chunkSZE3XVET_cjs.sanitizeInput(formData.get("username")?.toString());
     const email = formData.get("email")?.toString()?.trim().toLowerCase() || "";
-    const phone = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("phone")?.toString()) || null;
-    const bio = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("bio")?.toString()) || null;
+    const phone = chunkSZE3XVET_cjs.sanitizeInput(formData.get("phone")?.toString()) || null;
+    const bio = chunkSZE3XVET_cjs.sanitizeInput(formData.get("bio")?.toString()) || null;
     const role = formData.get("role")?.toString() || "viewer";
     const isActive = formData.get("is_active") === "1";
     const emailVerified = formData.get("email_verified") === "1";
@@ -9709,7 +9758,7 @@ userRoutes.put("/users/:id", async (c) => {
       Date.now(),
       userId
     ).run();
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "user!.update",
@@ -9754,7 +9803,7 @@ userRoutes.post("/users/:id/toggle", async (c) => {
       UPDATE users SET is_active = ?, updated_at = ? WHERE id = ?
     `);
     await toggleStmt.bind(active ? 1 : 0, Date.now(), userId).run();
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       active ? "user.activate" : "user.deactivate",
@@ -9795,7 +9844,7 @@ userRoutes.delete("/users/:id", async (c) => {
         DELETE FROM users WHERE id = ?
       `);
       await deleteStmt.bind(userId).run();
-      await chunkOJ5WUCSH_cjs.logActivity(
+      await chunkXWPGIFS7_cjs.logActivity(
         db,
         user.userId,
         "user!.hard_delete",
@@ -9814,7 +9863,7 @@ userRoutes.delete("/users/:id", async (c) => {
         UPDATE users SET is_active = 0, updated_at = ? WHERE id = ?
       `);
       await deleteStmt.bind(Date.now(), userId).run();
-      await chunkOJ5WUCSH_cjs.logActivity(
+      await chunkXWPGIFS7_cjs.logActivity(
         db,
         user.userId,
         "user!.soft_delete",
@@ -9841,8 +9890,8 @@ userRoutes.post("/invite-user", async (c) => {
     const formData = await c.req.formData();
     const email = formData.get("email")?.toString()?.trim().toLowerCase() || "";
     const role = formData.get("role")?.toString()?.trim() || "viewer";
-    const firstName = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("first_name")?.toString());
-    const lastName = chunkIB6UBZVD_cjs.sanitizeInput(formData.get("last_name")?.toString());
+    const firstName = chunkSZE3XVET_cjs.sanitizeInput(formData.get("first_name")?.toString());
+    const lastName = chunkSZE3XVET_cjs.sanitizeInput(formData.get("last_name")?.toString());
     if (!email || !firstName || !lastName) {
       return c.json({ error: "Email, first name, and last name are required" }, 400);
     }
@@ -9880,7 +9929,7 @@ userRoutes.post("/invite-user", async (c) => {
       Date.now(),
       Date.now()
     ).run();
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "user!.invite_sent",
@@ -9937,7 +9986,7 @@ userRoutes.post("/resend-invitation/:id", async (c) => {
       Date.now(),
       userId
     ).run();
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "user!.invitation_resent",
@@ -9973,7 +10022,7 @@ userRoutes.delete("/cancel-invitation/:id", async (c) => {
     }
     const deleteStmt = db.prepare(`DELETE FROM users WHERE id = ?`);
     await deleteStmt.bind(userId).run();
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "user!.invitation_cancelled",
@@ -10056,7 +10105,7 @@ userRoutes.get("/activity-logs", async (c) => {
       ...log,
       details: log.details ? JSON.parse(log.details) : null
     }));
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "activity.logs_viewed",
@@ -10163,7 +10212,7 @@ userRoutes.get("/activity-logs/export", async (c) => {
       csvRows.push(row.join(","));
     }
     const csvContent = csvRows.join("\n");
-    await chunkOJ5WUCSH_cjs.logActivity(
+    await chunkXWPGIFS7_cjs.logActivity(
       db,
       user.userId,
       "activity.logs_exported",
@@ -10381,7 +10430,7 @@ function getFileIcon(mimeType) {
 }
 
 // src/templates/pages/admin-media-library.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 function renderMediaLibraryPage(data) {
   const pageContent = `
     <div>
@@ -11316,7 +11365,7 @@ function renderMediaLibraryPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/components/media-file-details.template.ts
@@ -11502,7 +11551,7 @@ var fileValidationSchema2 = zod.z.object({
   // 50MB max
 });
 var adminMediaRoutes = new hono.Hono();
-adminMediaRoutes.use("*", chunkOJ5WUCSH_cjs.requireAuth());
+adminMediaRoutes.use("*", chunkXWPGIFS7_cjs.requireAuth());
 adminMediaRoutes.get("/", async (c) => {
   try {
     const user = c.get("user");
@@ -11511,7 +11560,7 @@ adminMediaRoutes.get("/", async (c) => {
     const type = searchParams.get("type") || "all";
     const view = searchParams.get("view") || "grid";
     const page = parseInt(searchParams.get("page") || "1");
-    const ____cacheBust = searchParams.get("t");
+    const _cacheBust = searchParams.get("t");
     const limit = 24;
     const offset = (page - 1) * limit;
     const db = c.env.DB;
@@ -12088,7 +12137,7 @@ adminMediaRoutes.put("/:id", async (c) => {
     `);
   }
 });
-adminMediaRoutes.delete("/cleanup", chunkOJ5WUCSH_cjs.requireRole("admin"), async (c) => {
+adminMediaRoutes.delete("/cleanup", chunkXWPGIFS7_cjs.requireRole("admin"), async (c) => {
   try {
     const db = c.env.DB;
     const allMediaStmt = db.prepare("SELECT id, r2_key, filename FROM media WHERE deleted_at IS NULL");
@@ -12338,12 +12387,39 @@ function formatFileSize(bytes) {
 }
 
 // src/templates/pages/admin-plugins-list.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 function renderPluginsListPage(data) {
+  const categories = [
+    { value: "content", label: "Content Management" },
+    { value: "media", label: "Media" },
+    { value: "editor", label: "Editors" },
+    { value: "seo", label: "SEO & Analytics" },
+    { value: "security", label: "Security" },
+    { value: "utilities", label: "Utilities" },
+    { value: "system", label: "System" },
+    { value: "development", label: "Development" },
+    { value: "demo", label: "Demo" }
+  ];
+  const statuses = [
+    { value: "active", label: "Active" },
+    { value: "inactive", label: "Inactive" },
+    { value: "uninstalled", label: "Available to Install" },
+    { value: "error", label: "Error" }
+  ];
+  const categoryCounts = {};
+  categories.forEach((cat) => {
+    categoryCounts[cat.value] = data.plugins.filter((p) => p.category === cat.value).length;
+  });
+  categories.sort((a, b) => (categoryCounts[b.value] || 0) - (categoryCounts[a.value] || 0));
+  const statusCounts = {};
+  statuses.forEach((status) => {
+    statusCounts[status.value] = data.plugins.filter((p) => p.status === status.value).length;
+  });
+  statuses.sort((a, b) => (statusCounts[b.value] || 0) - (statusCounts[a.value] || 0));
   const pageContent = `
     <div>
       <!-- Header -->
-      <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-6">
+      <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-8">
         <div>
           <h1 class="text-2xl/8 font-semibold text-zinc-950 dark:text-white sm:text-xl/8">Plugins</h1>
           <p class="mt-2 text-sm/6 text-zinc-500 dark:text-zinc-400">Manage and extend functionality with plugins</p>
@@ -12351,7 +12427,7 @@ function renderPluginsListPage(data) {
       </div>
 
       <!-- Experimental Notice -->
-      <div class="mb-6 rounded-lg bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800/50 p-4">
+      <div class="mb-8 rounded-lg bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800/50 p-4">
         <div class="flex items-start">
           <div class="flex-shrink-0">
             <svg class="h-5 w-5 text-amber-600 dark:text-amber-400" viewBox="0 0 20 20" fill="currentColor">
@@ -12372,176 +12448,174 @@ function renderPluginsListPage(data) {
         </div>
       </div>
 
-      <!-- Stats -->
-      <div class="mb-6">
-        <h3 class="text-base font-semibold text-zinc-950 dark:text-white">Plugin Statistics</h3>
-        <dl class="mt-5 grid grid-cols-1 divide-zinc-950/5 dark:divide-white/10 overflow-hidden rounded-lg bg-zinc-800/75 dark:bg-zinc-800/75 ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 md:grid-cols-5 md:divide-x md:divide-y-0">
-          <div class="px-4 py-5 sm:p-6">
-            <dt class="text-base font-normal text-zinc-700 dark:text-zinc-100">Total Plugins</dt>
-            <dd class="mt-1 flex items-baseline justify-between md:block lg:flex">
-              <div class="flex items-baseline text-2xl font-semibold text-cyan-400">
-                ${data.stats?.total || 0}
-              </div>
-              <div class="inline-flex items-baseline rounded-full bg-lime-400/10 text-lime-600 dark:text-lime-400 px-2.5 py-0.5 text-sm font-medium md:mt-2 lg:mt-0">
-                <svg viewBox="0 0 20 20" fill="currentColor" class="-ml-1 mr-0.5 size-5 shrink-0 self-center">
-                  <path d="M10 17a.75.75 0 0 1-.75-.75V5.612L5.29 9.77a.75.75 0 0 1-1.08-1.04l5.25-5.5a.75.75 0 0 1 1.08 0l5.25 5.5a.75.75 0 1 1-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0 1 10 17Z" clip-rule="evenodd" fill-rule="evenodd" />
-                </svg>
-                <span class="sr-only">Increased by</span>
-                8.5%
-              </div>
-            </dd>
-          </div>
-          <div class="px-4 py-5 sm:p-6">
-            <dt class="text-base font-normal text-zinc-700 dark:text-zinc-100">Active Plugins</dt>
-            <dd class="mt-1 flex items-baseline justify-between md:block lg:flex">
-              <div class="flex items-baseline text-2xl font-semibold text-lime-400">
-                ${data.stats?.active || 0}
-              </div>
-              <div class="inline-flex items-baseline rounded-full bg-lime-400/10 text-lime-600 dark:text-lime-400 px-2.5 py-0.5 text-sm font-medium md:mt-2 lg:mt-0">
-                <svg viewBox="0 0 20 20" fill="currentColor" class="-ml-1 mr-0.5 size-5 shrink-0 self-center">
-                  <path d="M10 17a.75.75 0 0 1-.75-.75V5.612L5.29 9.77a.75.75 0 0 1-1.08-1.04l5.25-5.5a.75.75 0 0 1 1.08 0l5.25 5.5a.75.75 0 1 1-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0 1 10 17Z" clip-rule="evenodd" fill-rule="evenodd" />
-                </svg>
-                <span class="sr-only">Increased by</span>
-                12.3%
-              </div>
-            </dd>
+      <div class="flex flex-col lg:flex-row gap-8">
+        <!-- Sidebar Filters -->
+        <aside class="w-full lg:w-48 flex-shrink-0 space-y-8 lg:sticky lg:top-6 lg:self-start">
+          <!-- Categories Filter -->
+          <div>
+            <h3 class="text-sm font-semibold text-zinc-950 dark:text-white mb-4">Categories</h3>
+            <div class="space-y-3">
+              ${categories.map((cat) => {
+    const count = categoryCounts[cat.value] || 0;
+    const isDisabled = count === 0;
+    return `
+                <div class="flex items-center ${isDisabled ? "opacity-50" : ""}">
+                  <input
+                    id="category-${cat.value}"
+                    name="category"
+                    value="${cat.value}"
+                    type="checkbox"
+                    onchange="filterAndSortPlugins()"
+                    class="h-4 w-4 rounded border-zinc-300 dark:border-zinc-700 text-zinc-900 focus:ring-zinc-600 dark:bg-zinc-900 disabled:cursor-not-allowed"
+                    ${isDisabled ? "disabled" : ""}
+                  >
+                  <label for="category-${cat.value}" class="ml-3 text-sm text-zinc-600 dark:text-zinc-400 select-none ${isDisabled ? "cursor-not-allowed" : ""}">
+                    ${cat.label} <span class="text-zinc-400 dark:text-zinc-500">(${count})</span>
+                  </label>
+                </div>
+              `;
+  }).join("")}
+            </div>
           </div>
-          <div class="px-4 py-5 sm:p-6">
-            <dt class="text-base font-normal text-zinc-700 dark:text-zinc-100">Inactive Plugins</dt>
-            <dd class="mt-1 flex items-baseline justify-between md:block lg:flex">
-              <div class="flex items-baseline text-2xl font-semibold text-purple-400">
-                ${data.stats?.inactive || 0}
-              </div>
-              <div class="inline-flex items-baseline rounded-full bg-pink-400/10 text-pink-600 dark:text-pink-400 px-2.5 py-0.5 text-sm font-medium md:mt-2 lg:mt-0">
-                <svg viewBox="0 0 20 20" fill="currentColor" class="-ml-1 mr-0.5 size-5 shrink-0 self-center">
-                  <path d="M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z" clip-rule="evenodd" fill-rule="evenodd" />
-                </svg>
-                <span class="sr-only">Decreased by</span>
-                3.2%
-              </div>
-            </dd>
+
+          <div class="h-px bg-zinc-200 dark:bg-zinc-800 lg:hidden"></div>
+
+          <!-- Status Filter -->
+          <div>
+            <h3 class="text-sm font-semibold text-zinc-950 dark:text-white mb-4">Status</h3>
+            <div class="space-y-3">
+              ${statuses.map((status) => {
+    const count = statusCounts[status.value] || 0;
+    const isDisabled = count === 0;
+    let colorClass = "";
+    let ringClass = "";
+    let dotClass = "";
+    switch (status.value) {
+      case "active":
+        colorClass = "text-emerald-700 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-500/10";
+        ringClass = "ring-emerald-600/20";
+        dotClass = "bg-emerald-500 dark:bg-emerald-400";
+        break;
+      case "inactive":
+        colorClass = "text-zinc-700 dark:text-zinc-400 bg-zinc-50 dark:bg-zinc-500/10";
+        ringClass = "ring-zinc-600/20";
+        dotClass = "bg-zinc-500 dark:bg-zinc-400";
+        break;
+      case "error":
+        colorClass = "text-red-700 dark:text-red-400 bg-red-50 dark:bg-red-500/10";
+        ringClass = "ring-red-600/20";
+        dotClass = "bg-red-500 dark:bg-red-400";
+        break;
+      case "uninstalled":
+        colorClass = "text-yellow-700 dark:text-yellow-400 bg-yellow-50 dark:bg-yellow-500/10";
+        ringClass = "ring-yellow-600/20";
+        dotClass = "bg-yellow-500 dark:bg-yellow-400";
+        break;
+      default:
+        colorClass = "text-zinc-700 dark:text-zinc-400 bg-zinc-50 dark:bg-zinc-500/10";
+        ringClass = "ring-zinc-600/20";
+        dotClass = "bg-zinc-500 dark:bg-zinc-400";
+    }
+    return `
+                <div class="flex items-center ${isDisabled ? "opacity-50" : ""}">
+                  <input
+                    id="status-${status.value}"
+                    name="status"
+                    value="${status.value}"
+                    type="checkbox"
+                    onchange="filterAndSortPlugins()"
+                    class="h-4 w-4 rounded border-zinc-300 dark:border-zinc-700 text-zinc-900 focus:ring-zinc-600 dark:bg-zinc-900 disabled:cursor-not-allowed"
+                    ${isDisabled ? "disabled" : ""}
+                  >
+                  <label for="status-${status.value}" class="ml-3 cursor-pointer select-none flex items-center ${isDisabled ? "cursor-not-allowed" : ""}">
+                    <span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ${colorClass} ${ringClass}">
+                      <span class="mr-1.5 h-1.5 w-1.5 rounded-full ${dotClass}"></span>
+                      ${status.label}
+                    </span>
+                    <span class="ml-2 text-xs text-zinc-500 dark:text-zinc-400">(${count})</span>
+                  </label>
+                </div>
+              `;
+  }).join("")}
+            </div>
           </div>
-          <div class="px-4 py-5 sm:p-6">
-            <dt class="text-base font-normal text-zinc-700 dark:text-zinc-100">Plugin Errors</dt>
-            <dd class="mt-1 flex items-baseline justify-between md:block lg:flex">
-              <div class="flex items-baseline text-2xl font-semibold text-pink-400">
-                ${data.stats?.errors || 0}
-              </div>
-              <div class="inline-flex items-baseline rounded-full bg-pink-400/10 text-pink-600 dark:text-pink-400 px-2.5 py-0.5 text-sm font-medium md:mt-2 lg:mt-0">
-                <svg viewBox="0 0 20 20" fill="currentColor" class="-ml-1 mr-0.5 size-5 shrink-0 self-center">
-                  <path d="M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z" clip-rule="evenodd" fill-rule="evenodd" />
-                </svg>
-                <span class="sr-only">Decreased by</span>
-                1.5%
-              </div>
-            </dd>
+        </aside>
+
+        <!-- Main Content -->
+        <div class="flex-1 min-w-0">
+          <!-- Stats Row (Compact) -->
+          <div class="flex flex-wrap gap-4 mb-6">
+            <div class="min-w-[140px] rounded-lg bg-zinc-50 dark:bg-zinc-800/50 p-3 ring-1 ring-inset ring-zinc-950/5 dark:ring-white/5">
+              <div class="text-xs font-medium text-zinc-500 dark:text-zinc-400">Total</div>
+              <div class="mt-1 text-lg font-semibold text-zinc-900 dark:text-white">${data.stats?.total || 0}</div>
+            </div>
+            <div class="min-w-[140px] rounded-lg bg-zinc-50 dark:bg-zinc-800/50 p-3 ring-1 ring-inset ring-zinc-950/5 dark:ring-white/5">
+              <div class="text-xs font-medium text-zinc-500 dark:text-zinc-400">Active</div>
+              <div class="mt-1 text-lg font-semibold text-emerald-600 dark:text-emerald-400">${data.stats?.active || 0}</div>
+            </div>
+            <div class="min-w-[140px] rounded-lg bg-zinc-50 dark:bg-zinc-800/50 p-3 ring-1 ring-inset ring-zinc-950/5 dark:ring-white/5">
+              <div class="text-xs font-medium text-zinc-500 dark:text-zinc-400">Available</div>
+              <div class="mt-1 text-lg font-semibold text-zinc-600 dark:text-zinc-400">${data.stats?.uninstalled || 0}</div>
+            </div>
+            <div class="min-w-[140px] rounded-lg bg-zinc-50 dark:bg-zinc-800/50 p-3 ring-1 ring-inset ring-zinc-950/5 dark:ring-white/5">
+              <div class="text-xs font-medium text-zinc-500 dark:text-zinc-400">Errors</div>
+              <div class="mt-1 text-lg font-semibold text-red-600 dark:text-red-400">${data.stats?.errors || 0}</div>
+            </div>
           </div>
-          <div class="px-4 py-5 sm:p-6">
-            <dt class="text-base font-normal text-zinc-700 dark:text-zinc-100">Available to Install</dt>
-            <dd class="mt-1 flex items-baseline justify-between md:block lg:flex">
-              <div class="flex items-baseline text-2xl font-semibold text-zinc-400">
-                ${data.stats?.uninstalled || 0}
-              </div>
-              <div class="inline-flex items-baseline rounded-full bg-zinc-400/10 text-zinc-600 dark:text-zinc-400 px-2.5 py-0.5 text-sm font-medium md:mt-2 lg:mt-0">
-                <svg viewBox="0 0 20 20" fill="currentColor" class="-ml-1 mr-0.5 size-5 shrink-0 self-center">
-                  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" />
+
+          <!-- Toolbar -->
+          <div class="flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between mb-6">
+            <div class="relative flex-1 w-full">
+              <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+                <svg class="h-4 w-4 text-zinc-400" viewBox="0 0 20 20" fill="currentColor">
+                  <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" clip-rule="evenodd" />
                 </svg>
-                <span class="sr-only">Available</span>
-                Ready
               </div>
-            </dd>
-          </div>
-        </dl>
-      </div>
+              <input
+                id="search-input"
+                type="text"
+                placeholder="Search plugins..."
+                oninput="filterAndSortPlugins()"
+                class="block w-full h-9 rounded-md border-0 py-1.5 pl-10 text-zinc-900 ring-1 ring-inset ring-zinc-300 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-zinc-600 dark:bg-zinc-900 dark:text-white dark:ring-zinc-700 dark:focus:ring-zinc-500 sm:text-sm sm:leading-6"
+              >
+            </div>
 
-      <!-- Filters -->
-      <div class="relative rounded-xl overflow-hidden mb-6">
-        <!-- Gradient Background -->
-        <div class="absolute inset-0 bg-gradient-to-r from-cyan-500/10 via-blue-500/10 to-purple-500/10 dark:from-cyan-400/20 dark:via-blue-400/20 dark:to-purple-400/20"></div>
+            <div class="flex items-center gap-3 w-full sm:w-auto">
+              <select id="sort-filter" onchange="filterAndSortPlugins()" class="block w-full sm:w-auto h-9 rounded-md border-0 py-1.5 pl-3 pr-8 text-zinc-900 ring-1 ring-inset ring-zinc-300 focus:ring-2 focus:ring-inset focus:ring-zinc-600 dark:bg-zinc-900 dark:text-white dark:ring-zinc-700 dark:focus:ring-zinc-500 sm:text-sm sm:leading-6">
+                <option value="name-asc">Name (A-Z)</option>
+                <option value="name-desc">Name (Z-A)</option>
+                <option value="newest">Newest Installed</option>
+                <option value="updated">Recently Updated</option>
+                <option value="popular">Popularity</option>
+                <option value="rating">Highest Rated</option>
+              </select>
 
-        <div class="relative bg-white/80 dark:bg-zinc-900/80 backdrop-blur-xl shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10">
-          <div class="px-6 py-5">
-            <div class="flex items-center justify-between">
-              <div class="flex items-center space-x-4 flex-1">
-                <div>
-                  <label class="block text-sm/6 font-medium text-zinc-950 dark:text-white">Category</label>
-                  <div class="mt-2 grid grid-cols-1">
-                    <select id="category-filter" onchange="filterPlugins()" 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-cyan-500/30 dark:outline-cyan-400/30 *:bg-white dark:*:bg-zinc-800 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-cyan-500 dark:focus-visible:outline-cyan-400 sm:text-sm/6 min-w-48">
-                      <option value="">All Categories</option>
-                      <option value="content">Content Management</option>
-                      <option value="media">Media</option>
-                      <option value="seo">SEO & Analytics</option>
-                      <option value="security">Security</option>
-                      <option value="utilities">Utilities</option>
-                      <option value="system">System</option>
-                      <option value="development">Development</option>
-                      <option value="demo">Demo</option>
-                    </select>
-                    <svg viewBox="0 0 16 16" fill="currentColor" data-slot="icon" aria-hidden="true" class="pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-cyan-600 dark:text-cyan-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/6 font-medium text-zinc-950 dark:text-white">Status</label>
-                  <div class="mt-2 grid grid-cols-1">
-                    <select id="status-filter" onchange="filterPlugins()" 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-cyan-500/30 dark:outline-cyan-400/30 *:bg-white dark:*:bg-zinc-800 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-cyan-500 dark:focus-visible:outline-cyan-400 sm:text-sm/6 min-w-48">
-                      <option value="">All Status</option>
-                      <option value="active">Active</option>
-                      <option value="inactive">Inactive</option>
-                      <option value="uninstalled">Available to Install</option>
-                      <option value="error">Error</option>
-                    </select>
-                    <svg viewBox="0 0 16 16" fill="currentColor" data-slot="icon" aria-hidden="true" class="pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-cyan-600 dark:text-cyan-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 class="flex-1 max-w-md">
-                  <label class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">Search</label>
-                  <div class="relative group">
-                    <div class="absolute left-3.5 top-2.5 flex items-center justify-center w-5 h-5 rounded-full bg-gradient-to-br from-cyan-400 to-blue-500 dark:from-cyan-300 dark:to-blue-400 opacity-90 group-focus-within:opacity-100 transition-opacity">
-                      <svg class="h-3 w-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5">
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
-                      </svg>
-                    </div>
-                    <input
-                      id="search-input"
-                      type="text"
-                      placeholder="Search plugins..."
-                      oninput="filterPlugins()"
-                      class="w-full rounded-full bg-transparent px-11 py-2 text-sm text-zinc-950 dark:text-white placeholder-zinc-500 dark:placeholder-zinc-400 border-2 border-cyan-200/50 dark:border-cyan-700/50 focus:outline-none focus:border-cyan-500 dark:focus:border-cyan-400 focus:shadow-lg focus:shadow-cyan-500/20 dark:focus:shadow-cyan-400/20 transition-all duration-300"
-                    />
-                  </div>
-                </div>
-              </div>
-              <div class="flex items-center gap-x-3 ml-4">
-                <button
-                  onclick="location.reload()"
-                  class="inline-flex items-center gap-x-1.5 px-3 py-1.5 bg-white/90 dark:bg-zinc-800/90 backdrop-blur-sm text-zinc-950 dark:text-white text-sm font-medium rounded-full ring-1 ring-inset ring-cyan-200/50 dark:ring-cyan-700/50 hover:bg-gradient-to-r hover:from-cyan-50 hover:to-blue-50 dark:hover:from-cyan-900/30 dark:hover:to-blue-900/30 hover:ring-cyan-300 dark:hover:ring-cyan-600 transition-all duration-200"
-                >
-                  <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="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
-                  </svg>
-                  Refresh
-                </button>
-              </div>
+              <button
+                onclick="location.reload()"
+                class="inline-flex items-center gap-x-1.5 rounded-md bg-white dark:bg-zinc-900 px-3 py-1.5 h-9 text-sm font-semibold text-zinc-900 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-300 dark:ring-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800"
+              >
+                <svg class="h-4 w-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="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
+                </svg>
+              </button>
             </div>
           </div>
+
+          <!-- Plugins Grid -->
+          <div id="plugins-grid" class="grid gap-6" style="grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));">
+            ${data.plugins.map((plugin) => renderPluginCard(plugin)).join("")}
+          </div>
         </div>
       </div>
-
-    <!-- Plugins Grid -->
-    <div id="plugins-grid" class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
-      ${data.plugins.map((plugin) => renderPluginCard(plugin)).join("")}
     </div>
 
     <script>
-      async function togglePlugin(pluginId, action) {
-        const button = event.target;
-        const originalText = button.textContent;
+      async function togglePlugin(pluginId, action, event) {
+        const button = event.target.closest('button');
+        if (!button) return;
+
         button.disabled = true;
-        button.textContent = action === 'activate' ? 'Activating...' : 'Deactivating...';
+        button.classList.add('opacity-50', 'cursor-wait');
         
         try {
           const response = await fetch(\`/admin/plugins/\${pluginId}/\${action}\`, {
@@ -12557,27 +12631,36 @@ function renderPluginsListPage(data) {
             // Update UI
             const card = button.closest('.plugin-card');
             const statusBadge = card.querySelector('.status-badge');
+            const knob = button.querySelector('.toggle-knob');
 
             if (action === 'activate') {
               // Update status badge
-              statusBadge.className = 'status-badge inline-flex items-center rounded-md px-2.5 py-1 text-sm font-medium ring-1 ring-inset bg-lime-50 dark:bg-lime-500/10 text-lime-700 dark:text-lime-300 ring-lime-700/10 dark:ring-lime-400/20';
-              statusBadge.innerHTML = '<div class="w-2 h-2 bg-lime-500 dark:bg-lime-400 rounded-full mr-2"></div>Active';
-              // Update card border to green
-              card.className = 'plugin-card rounded-xl bg-white dark:bg-zinc-900 shadow-sm ring-[3px] ring-lime-500 dark:ring-lime-400 p-6 hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-all';
-              // Update button
-              button.textContent = 'Deactivate';
-              button.onclick = () => togglePlugin(pluginId, 'deactivate');
-              button.className = 'bg-red-600 dark:bg-red-700 hover:bg-red-700 dark:hover:bg-red-600 text-white px-3 py-1.5 rounded-lg text-sm font-medium transition-colors';
+              statusBadge.className = 'status-badge inline-flex items-center rounded-full px-1.5 py-0.5 text-[10px] font-medium ring-1 ring-inset bg-emerald-50 dark:bg-emerald-500/10 text-emerald-700 dark:text-emerald-400 ring-emerald-600/20';
+              statusBadge.innerHTML = '<div class="w-1.5 h-1.5 bg-emerald-500 dark:bg-emerald-400 rounded-full mr-1.5"></div>Active';
+              
+              // Update button state to Active
+              button.className = 'bg-emerald-600 relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-emerald-600 focus:ring-offset-2 toggle-button';
+              button.setAttribute('aria-checked', 'true');
+              button.onclick = (event) => togglePlugin(pluginId, 'deactivate', event);
+              
+              // Update knob position
+              if (knob) {
+                knob.className = 'translate-x-5 pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out toggle-knob';
+              }
             } else {
               // Update status badge
-              statusBadge.className = 'status-badge inline-flex items-center rounded-md px-2.5 py-1 text-sm font-medium ring-1 ring-inset bg-zinc-50 dark:bg-zinc-500/10 text-zinc-700 dark:text-zinc-400 ring-zinc-700/10 dark:ring-zinc-400/20';
-              statusBadge.innerHTML = '<div class="w-2 h-2 bg-zinc-500 dark:bg-zinc-400 rounded-full mr-2"></div>Inactive';
-              // Update card border to pink
-              card.className = 'plugin-card rounded-xl bg-white dark:bg-zinc-900 shadow-sm ring-[3px] ring-pink-500 dark:ring-pink-400 p-6 hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-all';
-              // Update button
-              button.textContent = 'Activate';
-              button.onclick = () => togglePlugin(pluginId, 'activate');
-              button.className = 'bg-lime-600 dark:bg-lime-700 hover:bg-lime-700 dark:hover:bg-lime-600 text-white px-3 py-1.5 rounded-lg text-sm font-medium transition-colors';
+              statusBadge.className = 'status-badge inline-flex items-center rounded-full px-1.5 py-0.5 text-[10px] font-medium ring-1 ring-inset bg-zinc-50 dark:bg-zinc-500/10 text-zinc-700 dark:text-zinc-400 ring-zinc-600/20';
+              statusBadge.innerHTML = '<div class="w-1.5 h-1.5 bg-zinc-500 dark:bg-zinc-400 rounded-full mr-1.5"></div>Inactive';
+              
+              // Update button state to Inactive
+              button.className = 'bg-zinc-200 dark:bg-zinc-700 relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-emerald-600 focus:ring-offset-2 toggle-button';
+              button.setAttribute('aria-checked', 'false');
+              button.onclick = (event) => togglePlugin(pluginId, 'activate', event);
+              
+              // Update knob position
+              if (knob) {
+                knob.className = 'translate-x-0 pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out toggle-knob';
+              }
             }
 
             showNotification(\`Plugin \${action}d successfully\`, 'success');
@@ -12586,9 +12669,9 @@ function renderPluginsListPage(data) {
           }
         } catch (error) {
           showNotification(error.message, 'error');
-          button.textContent = originalText;
         } finally {
           button.disabled = false;
+          button.classList.remove('opacity-50', 'cursor-wait');
         }
       }
       
@@ -12672,81 +12755,92 @@ function renderPluginsListPage(data) {
         showNotification('Plugin details coming soon!', 'info');
       }
       
-      function showNotification(message, type) {
-        const notification = document.createElement('div');
-        const bgColor = type === 'success' ? 'bg-green-600' : type === 'error' ? 'bg-red-600' : 'bg-blue-600';
-        notification.className = \`fixed top-4 right-4 px-4 py-2 rounded-lg text-white z-50 \${bgColor}\`;
-        notification.textContent = message;
-        document.body.appendChild(notification);
-
-        setTimeout(() => {
-          notification.remove();
-        }, 3000);
-      }
-
-      function filterPlugins() {
-        const categoryFilter = document.getElementById('category-filter').value.toLowerCase();
-        const statusFilter = document.getElementById('status-filter').value.toLowerCase();
+      function filterAndSortPlugins() {
+        // Get checked categories
+        const checkedCategories = Array.from(document.querySelectorAll('input[name="category"]:checked'))
+          .map(cb => cb.value.toLowerCase());
+          
+        // Get checked statuses
+        const checkedStatuses = Array.from(document.querySelectorAll('input[name="status"]:checked'))
+          .map(cb => cb.value.toLowerCase());
+          
         const searchInput = document.getElementById('search-input').value.toLowerCase();
+        const sortValue = document.getElementById('sort-filter').value;
 
-        const pluginCards = document.querySelectorAll('.plugin-card');
-        let visibleCount = 0;
-
-        pluginCards.forEach(card => {
-          // Get plugin data from card attributes
+        const pluginsGrid = document.getElementById('plugins-grid');
+        const pluginCards = Array.from(pluginsGrid.querySelectorAll('.plugin-card'));
+        
+        // Filter
+        const visibleCards = pluginCards.filter(card => {
           const category = card.getAttribute('data-category')?.toLowerCase() || '';
           const status = card.getAttribute('data-status')?.toLowerCase() || '';
           const name = card.getAttribute('data-name')?.toLowerCase() || '';
           const description = card.getAttribute('data-description')?.toLowerCase() || '';
 
-          // Check if plugin matches all filters
-          let matches = true;
-
-          // Category filter
-          if (categoryFilter && category !== categoryFilter) {
-            matches = false;
-          }
-
-          // Status filter
-          if (statusFilter && status !== statusFilter) {
-            matches = false;
-          }
-
-          // Search filter - check if search term is in name or description
-          if (searchInput && !name.includes(searchInput) && !description.includes(searchInput)) {
-            matches = false;
-          }
+          // Category filter: if any selected, must match one of them
+          if (checkedCategories.length > 0 && !checkedCategories.includes(category)) return false;
+          
+          // Status filter: if any selected, must match one of them
+          if (checkedStatuses.length > 0 && !checkedStatuses.includes(status)) return false;
+          
+          // Search filter
+          if (searchInput && !name.includes(searchInput) && !description.includes(searchInput)) return false;
+          
+          return true;
+        });
 
-          // Show/hide card
-          if (matches) {
-            card.style.display = '';
-            visibleCount++;
-          } else {
-            card.style.display = 'none';
+        // Sort
+        visibleCards.sort((a, b) => {
+          const aName = a.getAttribute('data-name') || '';
+          const bName = b.getAttribute('data-name') || '';
+          const aInstalled = parseInt(a.getAttribute('data-installed') || '0');
+          const bInstalled = parseInt(b.getAttribute('data-installed') || '0');
+          const aUpdated = parseInt(a.getAttribute('data-updated') || '0');
+          const bUpdated = parseInt(b.getAttribute('data-updated') || '0');
+          const aDownloads = parseInt(a.getAttribute('data-downloads') || '0');
+          const bDownloads = parseInt(b.getAttribute('data-downloads') || '0');
+          const aRating = parseFloat(a.getAttribute('data-rating') || '0');
+          const bRating = parseFloat(b.getAttribute('data-rating') || '0');
+
+          switch (sortValue) {
+            case 'name-desc': return bName.localeCompare(aName);
+            case 'newest': return bInstalled - aInstalled;
+            case 'updated': return bUpdated - aUpdated;
+            case 'popular': return bDownloads - aDownloads;
+            case 'rating': return bRating - aRating;
+            case 'name-asc':
+            default: return aName.localeCompare(bName);
           }
         });
 
-        // Show/hide "no results" message
+        // Re-append
+        pluginCards.forEach(card => card.style.display = 'none'); // Hide all first
+        
+        // If no results
         let noResultsMsg = document.getElementById('no-results-message');
-        if (visibleCount === 0) {
+        if (visibleCards.length === 0) {
           if (!noResultsMsg) {
             noResultsMsg = document.createElement('div');
             noResultsMsg.id = 'no-results-message';
-            noResultsMsg.className = 'col-span-full text-center py-12';
+            noResultsMsg.className = 'col-span-full text-center py-12 bg-zinc-50 dark:bg-zinc-800/50 rounded-lg border border-dashed border-zinc-300 dark:border-zinc-700';
             noResultsMsg.innerHTML = \`
               <div class="flex flex-col items-center">
-                <svg class="w-16 h-16 text-zinc-400 dark:text-zinc-600 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg class="w-12 h-12 text-zinc-400 dark:text-zinc-600 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                 </svg>
-                <h3 class="text-lg font-semibold text-zinc-950 dark:text-white mb-2">No plugins found</h3>
+                <h3 class="text-base font-semibold text-zinc-950 dark:text-white mb-1">No plugins found</h3>
                 <p class="text-sm text-zinc-500 dark:text-zinc-400">Try adjusting your filters or search terms</p>
               </div>
             \`;
-            document.getElementById('plugins-grid').appendChild(noResultsMsg);
+            pluginsGrid.appendChild(noResultsMsg);
           }
           noResultsMsg.style.display = '';
-        } else if (noResultsMsg) {
-          noResultsMsg.style.display = 'none';
+        } else {
+          if (noResultsMsg) noResultsMsg.style.display = 'none';
+          visibleCards.forEach(card => {
+            card.style.display = '';
+            pluginsGrid.appendChild(card); // Re-appending moves it to the end, effectively sorting
+          });
         }
       }
     </script>
@@ -12773,120 +12867,115 @@ function renderPluginsListPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 function renderPluginCard(plugin) {
   const statusColors = {
-    active: "bg-lime-50 dark:bg-lime-500/10 text-lime-700 dark:text-lime-300 ring-lime-700/10 dark:ring-lime-400/20",
-    inactive: "bg-zinc-50 dark:bg-zinc-500/10 text-zinc-700 dark:text-zinc-400 ring-zinc-700/10 dark:ring-zinc-400/20",
-    error: "bg-red-50 dark:bg-red-500/10 text-red-700 dark:text-red-400 ring-red-700/10 dark:ring-red-400/20",
-    uninstalled: "bg-zinc-100 dark:bg-zinc-600/10 text-zinc-600 dark:text-zinc-500 ring-zinc-600/10 dark:ring-zinc-500/20"
+    active: "bg-emerald-50 dark:bg-emerald-500/10 text-emerald-700 dark:text-emerald-400 ring-emerald-600/20",
+    inactive: "bg-zinc-50 dark:bg-zinc-500/10 text-zinc-700 dark:text-zinc-400 ring-zinc-600/20",
+    error: "bg-red-50 dark:bg-red-500/10 text-red-700 dark:text-red-400 ring-red-600/20",
+    uninstalled: "bg-zinc-50 dark:bg-zinc-500/10 text-zinc-600 dark:text-zinc-500 ring-zinc-600/20"
   };
   const statusIcons = {
-    active: '<div class="w-2 h-2 bg-lime-500 dark:bg-lime-400 rounded-full mr-2"></div>',
-    inactive: '<div class="w-2 h-2 bg-zinc-500 dark:bg-zinc-400 rounded-full mr-2"></div>',
-    error: '<div class="w-2 h-2 bg-red-500 dark:bg-red-400 rounded-full mr-2"></div>',
-    uninstalled: '<div class="w-2 h-2 bg-zinc-400 dark:bg-zinc-600 rounded-full mr-2"></div>'
-  };
-  const borderColors = {
-    active: "ring-[3px] ring-lime-500 dark:ring-lime-400",
-    inactive: "ring-[3px] ring-pink-500 dark:ring-pink-400",
-    error: "ring-[3px] ring-red-500 dark:ring-red-400",
-    uninstalled: "ring-[3px] ring-zinc-400 dark:ring-zinc-600"
+    active: '<div class="w-1.5 h-1.5 bg-emerald-500 dark:bg-emerald-400 rounded-full mr-1.5"></div>',
+    inactive: '<div class="w-1.5 h-1.5 bg-zinc-500 dark:bg-zinc-400 rounded-full mr-1.5"></div>',
+    error: '<div class="w-1.5 h-1.5 bg-red-500 dark:bg-red-400 rounded-full mr-1.5"></div>',
+    uninstalled: '<div class="w-1.5 h-1.5 bg-zinc-400 dark:bg-zinc-600 rounded-full mr-1.5"></div>'
   };
   const criticalCorePlugins = ["core-auth", "core-media"];
   const canToggle = !criticalCorePlugins.includes(plugin.id);
   let actionButton = "";
   if (plugin.status === "uninstalled") {
-    actionButton = `<button onclick="installPlugin('${plugin.name}')" class="bg-cyan-600 dark:bg-cyan-700 hover:bg-cyan-700 dark:hover:bg-cyan-600 text-white px-3 py-1.5 rounded-lg text-sm font-medium transition-colors">Install</button>`;
-  } else if (plugin.status === "active") {
-    actionButton = `<button onclick="togglePlugin('${plugin.id}', 'deactivate')" class="bg-red-600 dark:bg-red-700 hover:bg-red-700 dark:hover:bg-red-600 text-white px-3 py-1.5 rounded-lg text-sm font-medium transition-colors">Deactivate</button>`;
+    actionButton = `<button onclick="installPlugin('${plugin.name}')" class="w-full sm:w-auto bg-zinc-900 dark:bg-white hover:bg-zinc-800 dark:hover:bg-zinc-100 text-white dark:text-zinc-900 px-3 py-1.5 rounded-md text-xs font-medium transition-colors shadow-sm">Install</button>`;
   } else {
-    actionButton = `<button onclick="togglePlugin('${plugin.id}', 'activate')" class="bg-lime-600 dark:bg-lime-700 hover:bg-lime-700 dark:hover:bg-lime-600 text-white px-3 py-1.5 rounded-lg text-sm font-medium transition-colors">Activate</button>`;
+    const isActive = plugin.status === "active";
+    const action = isActive ? "deactivate" : "activate";
+    const bgClass = isActive ? "bg-emerald-600" : "bg-zinc-200 dark:bg-zinc-700";
+    const translateClass = isActive ? "translate-x-5" : "translate-x-0";
+    if (canToggle) {
+      actionButton = `
+      <button onclick="togglePlugin('${plugin.id}', '${action}', event)" type="button" class="${bgClass} relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-emerald-600 focus:ring-offset-2 toggle-button" role="switch" aria-checked="${isActive}">
+        <span class="sr-only">Toggle plugin</span>
+        <span aria-hidden="true" class="${translateClass} pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out toggle-knob"></span>
+      </button>
+      `;
+    } else {
+      actionButton = `
+      <div class="relative inline-flex h-6 w-11 flex-shrink-0 cursor-not-allowed rounded-full border-2 border-transparent bg-emerald-600/50 opacity-50" title="Core plugin cannot be disabled">
+        <span class="translate-x-5 pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0"></span>
+      </div>
+      `;
+    }
   }
   return `
-    <div class="plugin-card rounded-xl bg-white dark:bg-zinc-900 shadow-sm ${borderColors[plugin.status]} p-6 hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-all" data-category="${plugin.category}" data-status="${plugin.status}" data-name="${plugin.displayName}" data-description="${plugin.description}">
+    <div class="plugin-card flex flex-col h-full rounded-md bg-white dark:bg-zinc-900 ring-1 ring-zinc-950/10 dark:ring-white/10 p-5 transition-all hover:shadow-md" 
+      data-category="${plugin.category}" 
+      data-status="${plugin.status}" 
+      data-name="${plugin.displayName}" 
+      data-description="${plugin.description}"
+      data-downloads="${plugin.downloadCount || 0}"
+      data-rating="${plugin.rating || 0}">
       <div class="flex items-start justify-between mb-4">
         <div class="flex items-center gap-3">
-          <div class="w-12 h-12 rounded-lg flex items-center justify-center ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 bg-zinc-50 dark:bg-zinc-800">
+          <div class="w-10 h-10 rounded-md flex items-center justify-center bg-zinc-50 dark:bg-zinc-800 text-zinc-600 dark:text-zinc-400 ring-1 ring-inset ring-zinc-200 dark:ring-zinc-700/50">
             ${plugin.icon || getDefaultPluginIcon(plugin.category)}
           </div>
           <div>
-            <h3 class="text-lg font-semibold text-zinc-950 dark:text-white">${plugin.displayName}</h3>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400">v${plugin.version} by ${plugin.author}</p>
+            <div class="flex items-center gap-2">
+              <h3 class="text-sm font-semibold text-zinc-900 dark:text-white">${plugin.displayName}</h3>
+              <span class="status-badge inline-flex items-center rounded-full px-1.5 py-0.5 text-[10px] font-medium ring-1 ring-inset ${statusColors[plugin.status]}">
+                ${statusIcons[plugin.status]}${plugin.status.charAt(0).toUpperCase() + plugin.status.slice(1)}
+              </span>
+            </div>
+            <p class="text-xs text-zinc-500 dark:text-zinc-400">v${plugin.version} \u2022 ${plugin.author}</p>
           </div>
         </div>
-        <div class="flex flex-col items-end gap-2">
-          <span class="status-badge inline-flex items-center rounded-md px-2.5 py-1 text-sm font-medium ring-1 ring-inset ${statusColors[plugin.status]}">
-            ${statusIcons[plugin.status]}${plugin.status.charAt(0).toUpperCase() + plugin.status.slice(1)}
-          </span>
-          ${plugin.isCore ? '<span class="inline-flex items-center rounded-md px-2.5 py-1 text-sm font-medium bg-cyan-50 dark:bg-cyan-500/10 text-cyan-700 dark:text-cyan-300 ring-1 ring-inset ring-cyan-700/10 dark:ring-cyan-400/20">Core</span>' : ""}
+        
+        <div class="flex items-center gap-1">
+          ${plugin.status !== "uninstalled" ? `
+          <button onclick="showPluginDetails('${plugin.id}')" class="text-zinc-400 hover:text-zinc-600 dark:text-zinc-500 dark:hover:text-zinc-300 p-1.5 rounded-md hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors" title="Plugin Details">
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
+            </svg>
+          </button>
+          ` : ""}
+
+          ${!plugin.isCore && plugin.status !== "uninstalled" ? `
+          <button onclick="uninstallPlugin('${plugin.id}')" class="text-zinc-400 hover:text-red-600 dark:text-zinc-500 dark:hover:text-red-400 p-1.5 rounded-md hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors" title="Uninstall Plugin">
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
+            </svg>
+          </button>
+          ` : ""}
         </div>
       </div>
 
-      <p class="text-zinc-600 dark:text-zinc-300 text-sm mb-4 line-clamp-3">${plugin.description}</p>
+      <p class="text-zinc-600 dark:text-zinc-400 text-sm mb-4 line-clamp-2 flex-grow">${plugin.description}</p>
 
-      <div class="flex items-center gap-4 mb-4 text-xs text-zinc-500 dark:text-zinc-400">
-        <span class="flex items-center gap-1">
-          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/>
-          </svg>
+      <div class="flex flex-wrap items-center gap-2 mb-5">
+        <span class="inline-flex items-center rounded-md bg-zinc-100 dark:bg-zinc-800 px-2 py-1 text-xs font-medium text-zinc-600 dark:text-zinc-400">
           ${plugin.category}
         </span>
-
-        ${plugin.downloadCount ? `
-        <span class="flex items-center gap-1">
-          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"/>
-          </svg>
-          ${plugin.downloadCount.toLocaleString()}
-        </span>
-        ` : ""}
-
-        ${plugin.rating ? `
-        <span class="flex items-center gap-1">
-          <svg class="w-4 h-4 text-yellow-500 dark:text-yellow-400 fill-current" viewBox="0 0 24 24">
-            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
-          </svg>
-          ${plugin.rating}
-        </span>
-        ` : ""}
-
-        <span>${plugin.lastUpdated}</span>
-      </div>
-
-      ${plugin.dependencies && plugin.dependencies.length > 0 ? `
-      <div class="mb-4">
-        <p class="text-xs text-zinc-500 dark:text-zinc-400 mb-2">Dependencies:</p>
-        <div class="flex flex-wrap gap-1">
-          ${plugin.dependencies.map((dep) => `<span class="inline-block bg-zinc-100 dark:bg-zinc-800 text-zinc-700 dark:text-zinc-300 text-xs px-2 py-1 rounded">${dep}</span>`).join("")}
-        </div>
+        ${plugin.isCore ? '<span class="inline-flex items-center rounded-md bg-zinc-100 dark:bg-zinc-800 px-2 py-1 text-xs font-medium text-zinc-600 dark:text-zinc-400">Core</span>' : ""}
+        
+        ${plugin.dependencies && plugin.dependencies.map((dep) => `
+          <span class="inline-flex items-center rounded-md bg-zinc-100 dark:bg-zinc-800 px-2 py-1 text-xs font-medium text-zinc-600 dark:text-zinc-400">
+            ${dep}
+          </span>
+        `).join("") || ""}
       </div>
-      ` : ""}
 
-      <div class="flex items-center justify-between">
+      <div class="flex items-center justify-between pt-4 border-t border-zinc-100 dark:border-zinc-800 mt-auto">
         <div class="flex gap-2">
-          ${plugin.status === "uninstalled" ? actionButton : canToggle ? actionButton : ""}
-          ${plugin.status !== "uninstalled" ? `
-          <button onclick="openPluginSettings('${plugin.id}')" class="bg-white dark:bg-zinc-800 hover:bg-zinc-50 dark:hover:bg-zinc-700 text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 px-3 py-1.5 rounded-lg text-sm font-medium transition-colors">
-            Settings
-          </button>
-          ` : ""}
+          ${actionButton}
         </div>
 
         <div class="flex items-center gap-2">
           ${plugin.status !== "uninstalled" ? `
-          <button onclick="showPluginDetails('${plugin.id}')" class="text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-300 p-1.5 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors" title="Plugin Details">
-            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
-            </svg>
-          </button>
-          ` : ""}
-
-          ${!plugin.isCore && plugin.status !== "uninstalled" ? `
-          <button onclick="uninstallPlugin('${plugin.id}')" class="text-zinc-500 dark:text-zinc-400 hover:text-red-600 dark:hover:text-red-400 p-1.5 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors" title="Uninstall Plugin">
-            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
+          <button onclick="openPluginSettings('${plugin.id}')" class="text-zinc-400 hover:text-zinc-600 dark:text-zinc-500 dark:hover:text-zinc-300 p-1.5 rounded-md hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors" title="Settings">
+            <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="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
             </svg>
           </button>
           ` : ""}
@@ -13430,7 +13519,7 @@ function renderPluginSettingsPage(data) {
     user,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayout(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayout(layoutData);
 }
 function renderStatusBadge(status) {
   const statusColors = {
@@ -13693,7 +13782,7 @@ function formatTimestamp(timestamp) {
 
 // src/routes/admin-plugins.ts
 var adminPluginRoutes = new hono.Hono();
-adminPluginRoutes.use("*", chunkOJ5WUCSH_cjs.requireAuth());
+adminPluginRoutes.use("*", chunkXWPGIFS7_cjs.requireAuth());
 var AVAILABLE_PLUGINS = [
   {
     id: "third-party-faq",
@@ -14209,7 +14298,7 @@ function formatLastUpdated(timestamp) {
 }
 
 // src/templates/pages/admin-logs-list.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 function renderLogsListPage(data) {
   const { logs, pagination, filters, user } = data;
   const content = `
@@ -14520,7 +14609,7 @@ function renderLogsListPage(data) {
     user,
     content
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 function renderLogDetailsPage(data) {
   const { log, user } = data;
@@ -14732,7 +14821,7 @@ function renderLogDetailsPage(data) {
       </div>
     </div>
   `;
-  return chunkRIOIKM3Y_cjs.adminLayoutV2({
+  return chunkAZLU3ROK_cjs.adminLayoutV2({
     title: `Log Details - ${log.id}`,
     user,
     content
@@ -14975,7 +15064,7 @@ function renderLogConfigPage(data) {
 
     <script src="https://unpkg.com/htmx.org@1.9.6"></script>
   `;
-  return chunkRIOIKM3Y_cjs.adminLayoutV2({
+  return chunkAZLU3ROK_cjs.adminLayoutV2({
     title: "Log Configuration",
     user,
     content
@@ -14984,7 +15073,7 @@ function renderLogConfigPage(data) {
 
 // src/routes/admin-logs.ts
 var adminLogsRoutes = new hono.Hono();
-adminLogsRoutes.use("*", chunkOJ5WUCSH_cjs.requireAuth());
+adminLogsRoutes.use("*", chunkXWPGIFS7_cjs.requireAuth());
 adminLogsRoutes.get("/", async (c) => {
   try {
     const user = c.get("user");
@@ -15356,7 +15445,7 @@ adminDesignRoutes.get("/", (c) => {
       role: user.role
     } : void 0
   };
-  return c.html(chunkRIOIKM3Y_cjs.renderDesignPage(pageData));
+  return c.html(chunkAZLU3ROK_cjs.renderDesignPage(pageData));
 });
 var adminCheckboxRoutes = new hono.Hono();
 adminCheckboxRoutes.get("/", (c) => {
@@ -15368,7 +15457,7 @@ adminCheckboxRoutes.get("/", (c) => {
       role: user.role
     } : void 0
   };
-  return c.html(chunkRIOIKM3Y_cjs.renderCheckboxPage(pageData));
+  return c.html(chunkAZLU3ROK_cjs.renderCheckboxPage(pageData));
 });
 
 // src/templates/pages/admin-testimonials-form.template.ts
@@ -15396,7 +15485,7 @@ function renderTestimonialsForm(data) {
         </div>
       </div>
 
-      ${message ? chunkRIOIKM3Y_cjs.renderAlert({ type: messageType || "info", message, dismissible: true }) : ""}
+      ${message ? chunkAZLU3ROK_cjs.renderAlert({ type: messageType || "info", message, dismissible: true }) : ""}
 
       <!-- Form -->
       <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl">
@@ -15625,7 +15714,7 @@ function renderTestimonialsForm(data) {
     user: data.user,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayout(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayout(layoutData);
 }
 function escapeHtml4(unsafe) {
   return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
@@ -15651,7 +15740,7 @@ adminTestimonialsRoutes.get("/", async (c) => {
     const offset = (currentPage - 1) * limit;
     const db = c.env?.DB;
     if (!db) {
-      return c.html(chunkRIOIKM3Y_cjs.renderTestimonialsList({
+      return c.html(chunkAZLU3ROK_cjs.renderTestimonialsList({
         testimonials: [],
         totalCount: 0,
         currentPage: 1,
@@ -15691,7 +15780,7 @@ adminTestimonialsRoutes.get("/", async (c) => {
     `;
     const { results: testimonials } = await db.prepare(dataQuery).bind(...params, limit, offset).all();
     const totalPages = Math.ceil(totalCount / limit);
-    return c.html(chunkRIOIKM3Y_cjs.renderTestimonialsList({
+    return c.html(chunkAZLU3ROK_cjs.renderTestimonialsList({
       testimonials: testimonials || [],
       totalCount,
       currentPage,
@@ -15705,7 +15794,7 @@ adminTestimonialsRoutes.get("/", async (c) => {
   } catch (error) {
     console.error("Error fetching testimonials:", error);
     const user = c.get("user");
-    return c.html(chunkRIOIKM3Y_cjs.renderTestimonialsList({
+    return c.html(chunkAZLU3ROK_cjs.renderTestimonialsList({
       testimonials: [],
       totalCount: 0,
       currentPage: 1,
@@ -16024,7 +16113,7 @@ function renderCodeExamplesForm(data) {
         </div>
       </div>
 
-      ${message ? chunkRIOIKM3Y_cjs.renderAlert({ type: messageType || "info", message, dismissible: true }) : ""}
+      ${message ? chunkAZLU3ROK_cjs.renderAlert({ type: messageType || "info", message, dismissible: true }) : ""}
 
       <!-- Form -->
       <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl">
@@ -16294,7 +16383,7 @@ function renderCodeExamplesForm(data) {
     user: data.user,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayout(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayout(layoutData);
 }
 function escapeHtml5(unsafe) {
   return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
@@ -16321,7 +16410,7 @@ adminCodeExamplesRoutes.get("/", async (c) => {
     const offset = (currentPage - 1) * limit;
     const db = c.env?.DB;
     if (!db) {
-      return c.html(chunkRIOIKM3Y_cjs.renderCodeExamplesList({
+      return c.html(chunkAZLU3ROK_cjs.renderCodeExamplesList({
         codeExamples: [],
         totalCount: 0,
         currentPage: 1,
@@ -16361,7 +16450,7 @@ adminCodeExamplesRoutes.get("/", async (c) => {
     `;
     const { results: codeExamples } = await db.prepare(dataQuery).bind(...params, limit, offset).all();
     const totalPages = Math.ceil(totalCount / limit);
-    return c.html(chunkRIOIKM3Y_cjs.renderCodeExamplesList({
+    return c.html(chunkAZLU3ROK_cjs.renderCodeExamplesList({
       codeExamples: codeExamples || [],
       totalCount,
       currentPage,
@@ -16375,7 +16464,7 @@ adminCodeExamplesRoutes.get("/", async (c) => {
   } catch (error) {
     console.error("Error fetching code examples:", error);
     const user = c.get("user");
-    return c.html(chunkRIOIKM3Y_cjs.renderCodeExamplesList({
+    return c.html(chunkAZLU3ROK_cjs.renderCodeExamplesList({
       codeExamples: [],
       totalCount: 0,
       currentPage: 1,
@@ -16764,7 +16853,7 @@ function renderDashboardPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayout(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayout(layoutData);
 }
 function renderStatsCards(stats) {
   const cards = [
@@ -17312,9 +17401,9 @@ function renderStorageUsage(databaseSizeBytes, mediaSizeBytes) {
 }
 
 // src/routes/admin-dashboard.ts
-var VERSION = chunkIB6UBZVD_cjs.getCoreVersion();
+var VERSION = chunkSZE3XVET_cjs.getCoreVersion();
 var router = new hono.Hono();
-router.use("*", chunkOJ5WUCSH_cjs.requireAuth());
+router.use("*", chunkXWPGIFS7_cjs.requireAuth());
 router.get("/", async (c) => {
   const user = c.get("user");
   try {
@@ -17539,7 +17628,7 @@ router.get("/system-status", async (c) => {
 });
 
 // src/templates/pages/admin-collections-list.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 
 // src/templates/components/table.template.ts
 function renderTable2(data) {
@@ -18013,11 +18102,11 @@ function renderCollectionsListPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/pages/admin-collections-form.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 function getFieldTypeBadge(fieldType) {
   const typeLabels = {
     "text": "Text",
@@ -18278,7 +18367,7 @@ function renderCollectionFormPage(data) {
             }
           </style>
           
-          ${chunkRIOIKM3Y_cjs.renderForm(formData)}
+          ${chunkAZLU3ROK_cjs.renderForm(formData)}
 
           ${isEdit && data.managed ? `
             <!-- Read-Only Fields Display for Managed Collections -->
@@ -18959,6 +19048,8 @@ function renderCollectionFormPage(data) {
         })
         .then(data => {
           if (data.success) {
+            // Close modal before reloading
+            closeFieldModal();
             location.reload();
           } else {
             alert('Error saving field: ' + (data.error || 'Unknown error'));
@@ -19065,12 +19156,12 @@ function renderCollectionFormPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/routes/admin-collections.ts
 var adminCollectionsRoutes = new hono.Hono();
-adminCollectionsRoutes.use("*", chunkOJ5WUCSH_cjs.requireAuth());
+adminCollectionsRoutes.use("*", chunkXWPGIFS7_cjs.requireAuth());
 adminCollectionsRoutes.get("/", async (c) => {
   try {
     const user = c.get("user");
@@ -19509,11 +19600,65 @@ adminCollectionsRoutes.post("/:id/fields", async (c) => {
       return c.json({ success: false, error: "Field name must contain only lowercase letters, numbers, and underscores." });
     }
     const db = c.env.DB;
+    const getCollectionStmt = db.prepare("SELECT * FROM collections WHERE id = ?");
+    const collection = await getCollectionStmt.bind(collectionId).first();
+    if (!collection) {
+      return c.json({ success: false, error: "Collection not found." });
+    }
+    let schema = collection.schema ? typeof collection.schema === "string" ? JSON.parse(collection.schema) : collection.schema : null;
+    if (schema && schema.properties && schema.properties[fieldName]) {
+      return c.json({ success: false, error: "A field with this name already exists." });
+    }
     const existingStmt = db.prepare("SELECT id FROM content_fields WHERE collection_id = ? AND field_name = ?");
     const existing = await existingStmt.bind(collectionId, fieldName).first();
     if (existing) {
       return c.json({ success: false, error: "A field with this name already exists." });
     }
+    let parsedOptions = {};
+    try {
+      parsedOptions = fieldOptions ? JSON.parse(fieldOptions) : {};
+    } catch (e) {
+      console.error("Error parsing field options:", e);
+    }
+    if (schema) {
+      if (!schema.properties) {
+        schema.properties = {};
+      }
+      if (!schema.required) {
+        schema.required = [];
+      }
+      const fieldConfig = {
+        type: fieldType === "number" ? "number" : fieldType === "boolean" ? "boolean" : "string",
+        title: fieldLabel,
+        searchable: isSearchable,
+        ...parsedOptions
+      };
+      if (fieldType === "richtext") {
+        fieldConfig.format = "richtext";
+      } else if (fieldType === "date") {
+        fieldConfig.format = "date-time";
+      } else if (fieldType === "select") {
+        fieldConfig.enum = parsedOptions.options || [];
+      } else if (fieldType === "media") {
+        fieldConfig.format = "media";
+      } else if (fieldType === "quill") {
+        fieldConfig.type = "quill";
+      } else if (fieldType === "mdxeditor") {
+        fieldConfig.type = "mdxeditor";
+      }
+      schema.properties[fieldName] = fieldConfig;
+      if (isRequired && !schema.required.includes(fieldName)) {
+        schema.required.push(fieldName);
+      }
+      const updateSchemaStmt = db.prepare(`
+        UPDATE collections
+        SET schema = ?, updated_at = ?
+        WHERE id = ?
+      `);
+      await updateSchemaStmt.bind(JSON.stringify(schema), Date.now(), collectionId).run();
+      console.log("[Add Field] Added field to schema:", fieldName, fieldConfig);
+      return c.json({ success: true, fieldId: `schema-${fieldName}` });
+    }
     const orderStmt = db.prepare("SELECT MAX(field_order) as max_order FROM content_fields WHERE collection_id = ?");
     const orderResult = await orderStmt.bind(collectionId).first();
     const nextOrder = (orderResult?.max_order || 0) + 1;
@@ -19654,7 +19799,39 @@ adminCollectionsRoutes.put("/:collectionId/fields/:fieldId", async (c) => {
 adminCollectionsRoutes.delete("/:collectionId/fields/:fieldId", async (c) => {
   try {
     const fieldId = c.req.param("fieldId");
+    const collectionId = c.req.param("collectionId");
     const db = c.env.DB;
+    if (fieldId.startsWith("schema-")) {
+      const fieldName = fieldId.replace("schema-", "");
+      const getCollectionStmt = db.prepare("SELECT * FROM collections WHERE id = ?");
+      const collection = await getCollectionStmt.bind(collectionId).first();
+      if (!collection) {
+        return c.json({ success: false, error: "Collection not found." });
+      }
+      let schema = typeof collection.schema === "string" ? JSON.parse(collection.schema) : collection.schema;
+      if (!schema || !schema.properties) {
+        return c.json({ success: false, error: "Field not found in schema." });
+      }
+      if (schema.properties[fieldName]) {
+        delete schema.properties[fieldName];
+        if (schema.required && Array.isArray(schema.required)) {
+          const requiredIndex = schema.required.indexOf(fieldName);
+          if (requiredIndex !== -1) {
+            schema.required.splice(requiredIndex, 1);
+          }
+        }
+        const updateCollectionStmt = db.prepare(`
+          UPDATE collections
+          SET schema = ?, updated_at = ?
+          WHERE id = ?
+        `);
+        await updateCollectionStmt.bind(JSON.stringify(schema), Date.now(), collectionId).run();
+        console.log("[Delete Field] Removed field from schema:", fieldName);
+        return c.json({ success: true });
+      } else {
+        return c.json({ success: false, error: "Field not found in schema." });
+      }
+    }
     const deleteStmt = db.prepare("DELETE FROM content_fields WHERE id = ?");
     await deleteStmt.bind(fieldId).run();
     return c.json({ success: true });
@@ -19683,7 +19860,7 @@ adminCollectionsRoutes.post("/:collectionId/fields/reorder", async (c) => {
 });
 
 // src/templates/pages/admin-settings.template.ts
-chunkRIOIKM3Y_cjs.init_admin_layout_catalyst_template();
+chunkAZLU3ROK_cjs.init_admin_layout_catalyst_template();
 function renderSettingsPage(data) {
   const activeTab = data.activeTab || "general";
   const pageContent = `
@@ -20065,7 +20242,7 @@ function renderSettingsPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkRIOIKM3Y_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkAZLU3ROK_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 function renderTabButton(tabId, label, iconPath, activeTab) {
   const isActive = activeTab === tabId;
@@ -21147,7 +21324,7 @@ function renderDatabaseToolsSettings(settings) {
 
 // src/routes/admin-settings.ts
 var adminSettingsRoutes = new hono.Hono();
-adminSettingsRoutes.use("*", chunkOJ5WUCSH_cjs.requireAuth());
+adminSettingsRoutes.use("*", chunkXWPGIFS7_cjs.requireAuth());
 function getMockSettings(user) {
   return {
     general: {
@@ -21315,7 +21492,7 @@ adminSettingsRoutes.get("/database-tools", (c) => {
 adminSettingsRoutes.get("/api/migrations/status", async (c) => {
   try {
     const db = c.env.DB;
-    const migrationService = new chunkP6NMVNJJ_cjs.MigrationService(db);
+    const migrationService = new chunkETS5XSAG_cjs.MigrationService(db);
     const status = await migrationService.getMigrationStatus();
     return c.json({
       success: true,
@@ -21339,7 +21516,7 @@ adminSettingsRoutes.post("/api/migrations/run", async (c) => {
       }, 403);
     }
     const db = c.env.DB;
-    const migrationService = new chunkP6NMVNJJ_cjs.MigrationService(db);
+    const migrationService = new chunkETS5XSAG_cjs.MigrationService(db);
     const result = await migrationService.runPendingMigrations();
     return c.json({
       success: result.success,
@@ -21357,7 +21534,7 @@ adminSettingsRoutes.post("/api/migrations/run", async (c) => {
 adminSettingsRoutes.get("/api/migrations/validate", async (c) => {
   try {
     const db = c.env.DB;
-    const migrationService = new chunkP6NMVNJJ_cjs.MigrationService(db);
+    const migrationService = new chunkETS5XSAG_cjs.MigrationService(db);
     const validation = await migrationService.validateSchema();
     return c.json({
       success: true,
@@ -21602,5 +21779,5 @@ exports.auth_default = auth_default;
 exports.router = router;
 exports.test_cleanup_default = test_cleanup_default;
 exports.userRoutes = userRoutes;
-//# sourceMappingURL=chunk-HTJLBF6F.cjs.map
-//# sourceMappingURL=chunk-HTJLBF6F.cjs.map
+//# sourceMappingURL=chunk-D4PJFFOV.cjs.map
+//# sourceMappingURL=chunk-D4PJFFOV.cjs.map