@sonicjs-cms/core 2.0.0-alpha.11 → 2.0.0-alpha.12

package/dist/{chunk-FDUDHGI6.js → chunk-JETM2U2D.js}

@@ -1,12 +1,11 @@
 import { getCacheService, CACHE_CONFIGS } from './chunk-3MNMOLSA.js';
 import { requireAuth, isPluginActive, requireRole, AuthManager, logActivity, requirePermission } from './chunk-WESS2U3K.js';
 import { PluginService, getLogger } from './chunk-7N3HK7ZK.js';
-import { init_admin_layout_catalyst_template, renderAdminLayoutCatalyst, renderAdminLayout, adminLayoutV2 } from './chunk-G4JGVZAF.js';
+import { init_admin_layout_catalyst_template, renderDesignPage, renderCheckboxPage, renderFAQList, renderTestimonialsList, renderCodeExamplesList, renderAlert, renderTable, renderPagination, renderConfirmationDialog, getConfirmationDialogScript, renderAdminLayoutCatalyst, renderAdminLayout, adminLayoutV2 } from './chunk-P3VS4DV3.js';
 import { QueryFilterBuilder, sanitizeInput, escapeHtml } from './chunk-JIINOD2W.js';
 import { Hono } from 'hono';
 import { cors } from 'hono/cors';
 import { z } from 'zod';
-import { validator } from 'hono/validator';
 import { setCookie } from 'hono/cookie';
 import { html, raw } from 'hono/html';
 
@@ -1299,22 +1298,6 @@ apiSystemRoutes.get("/env", (c) => {
   });
 });
 var api_system_default = apiSystemRoutes;
-var zValidator = (target, schema, hook, options) => (
-  // @ts-expect-error not typed well
-  validator(target, async (value, c) => {
-    let validatorValue = value;
-    const result = (
-      // @ts-expect-error z4.$ZodType has safeParseAsync
-      await schema.safeParseAsync(validatorValue)
-    );
-    if (!result.success) {
-      return c.json(result, 400);
-    }
-    return result.data;
-  })
-);
-
-// src/routes/admin-api.ts
 var adminApiRoutes = new Hono();
 adminApiRoutes.use("*", requireAuth());
 adminApiRoutes.use("*", requireRole(["admin", "editor"]));
@@ -1552,131 +1535,133 @@ adminApiRoutes.get("/collections/:id", async (c) => {
     return c.json({ error: "Failed to fetch collection" }, 500);
   }
 });
-adminApiRoutes.post(
-  "/collections",
-  zValidator("json", createCollectionSchema),
-  async (c) => {
-    try {
-      const validatedData = c.req.valid("json");
-      const db = c.env.DB;
-      const user = c.get("user");
-      const existingStmt = db.prepare("SELECT id FROM collections WHERE name = ?");
-      const existing = await existingStmt.bind(validatedData.name).first();
-      if (existing) {
-        return c.json({ error: "A collection with this name already exists" }, 400);
-      }
-      const basicSchema = {
-        type: "object",
-        properties: {
-          title: {
-            type: "string",
-            title: "Title",
-            required: true
-          },
-          content: {
-            type: "string",
-            title: "Content",
-            format: "richtext"
-          },
-          status: {
-            type: "string",
-            title: "Status",
-            enum: ["draft", "published", "archived"],
-            default: "draft"
-          }
+adminApiRoutes.post("/collections", async (c) => {
+  try {
+    const body = await c.req.json();
+    const validation = createCollectionSchema.safeParse(body);
+    if (!validation.success) {
+      return c.json({ error: "Validation failed", details: validation.error.errors }, 400);
+    }
+    const validatedData = validation.data;
+    const db = c.env.DB;
+    const user = c.get("user");
+    const existingStmt = db.prepare("SELECT id FROM collections WHERE name = ?");
+    const existing = await existingStmt.bind(validatedData.name).first();
+    if (existing) {
+      return c.json({ error: "A collection with this name already exists" }, 400);
+    }
+    const basicSchema = {
+      type: "object",
+      properties: {
+        title: {
+          type: "string",
+          title: "Title",
+          required: true
         },
-        required: ["title"]
-      };
-      const collectionId = crypto.randomUUID();
-      const now = Date.now();
-      const insertStmt = db.prepare(`
+        content: {
+          type: "string",
+          title: "Content",
+          format: "richtext"
+        },
+        status: {
+          type: "string",
+          title: "Status",
+          enum: ["draft", "published", "archived"],
+          default: "draft"
+        }
+      },
+      required: ["title"]
+    };
+    const collectionId = crypto.randomUUID();
+    const now = Date.now();
+    const insertStmt = db.prepare(`
         INSERT INTO collections (id, name, display_name, description, schema, is_active, created_at, updated_at)
         VALUES (?, ?, ?, ?, ?, ?, ?, ?)
       `);
-      await insertStmt.bind(
-        collectionId,
-        validatedData.name,
-        validatedData.display_name,
-        validatedData.description || null,
-        JSON.stringify(basicSchema),
-        1,
-        // is_active
-        now,
-        now
-      ).run();
-      try {
-        await c.env.CACHE_KV.delete("cache:collections:all");
-        await c.env.CACHE_KV.delete(`cache:collection:${validatedData.name}`);
-      } catch (e) {
-        console.error("Error clearing cache:", e);
-      }
-      return c.json({
-        data: {
-          id: collectionId,
-          name: validatedData.name,
-          display_name: validatedData.display_name,
-          description: validatedData.description,
-          created_at: now
-        }
-      }, 201);
-    } catch (error) {
-      console.error("Error creating collection:", error);
-      return c.json({ error: "Failed to create collection" }, 500);
+    await insertStmt.bind(
+      collectionId,
+      validatedData.name,
+      validatedData.display_name,
+      validatedData.description || null,
+      JSON.stringify(basicSchema),
+      1,
+      // is_active
+      now,
+      now
+    ).run();
+    try {
+      await c.env.CACHE_KV.delete("cache:collections:all");
+      await c.env.CACHE_KV.delete(`cache:collection:${validatedData.name}`);
+    } catch (e) {
+      console.error("Error clearing cache:", e);
     }
+    return c.json({
+      data: {
+        id: collectionId,
+        name: validatedData.name,
+        display_name: validatedData.display_name,
+        description: validatedData.description,
+        created_at: now
+      }
+    }, 201);
+  } catch (error) {
+    console.error("Error creating collection:", error);
+    return c.json({ error: "Failed to create collection" }, 500);
   }
-);
-adminApiRoutes.patch(
-  "/collections/:id",
-  zValidator("json", updateCollectionSchema),
-  async (c) => {
-    try {
-      const id = c.req.param("id");
-      const validatedData = c.req.valid("json");
-      const db = c.env.DB;
-      const checkStmt = db.prepare("SELECT * FROM collections WHERE id = ?");
-      const existing = await checkStmt.bind(id).first();
-      if (!existing) {
-        return c.json({ error: "Collection not found" }, 404);
-      }
-      const updateFields = [];
-      const updateParams = [];
-      if (validatedData.display_name !== void 0) {
-        updateFields.push("display_name = ?");
-        updateParams.push(validatedData.display_name);
-      }
-      if (validatedData.description !== void 0) {
-        updateFields.push("description = ?");
-        updateParams.push(validatedData.description);
-      }
-      if (validatedData.is_active !== void 0) {
-        updateFields.push("is_active = ?");
-        updateParams.push(validatedData.is_active ? 1 : 0);
-      }
-      if (updateFields.length === 0) {
-        return c.json({ error: "No fields to update" }, 400);
-      }
-      updateFields.push("updated_at = ?");
-      updateParams.push(Date.now());
-      updateParams.push(id);
-      const updateStmt = db.prepare(`
+});
+adminApiRoutes.patch("/collections/:id", async (c) => {
+  try {
+    const id = c.req.param("id");
+    const body = await c.req.json();
+    const validation = updateCollectionSchema.safeParse(body);
+    if (!validation.success) {
+      return c.json({ error: "Validation failed", details: validation.error.errors }, 400);
+    }
+    const validatedData = validation.data;
+    const db = c.env.DB;
+    const checkStmt = db.prepare("SELECT * FROM collections WHERE id = ?");
+    const existing = await checkStmt.bind(id).first();
+    if (!existing) {
+      return c.json({ error: "Collection not found" }, 404);
+    }
+    const updateFields = [];
+    const updateParams = [];
+    if (validatedData.display_name !== void 0) {
+      updateFields.push("display_name = ?");
+      updateParams.push(validatedData.display_name);
+    }
+    if (validatedData.description !== void 0) {
+      updateFields.push("description = ?");
+      updateParams.push(validatedData.description);
+    }
+    if (validatedData.is_active !== void 0) {
+      updateFields.push("is_active = ?");
+      updateParams.push(validatedData.is_active ? 1 : 0);
+    }
+    if (updateFields.length === 0) {
+      return c.json({ error: "No fields to update" }, 400);
+    }
+    updateFields.push("updated_at = ?");
+    updateParams.push(Date.now());
+    updateParams.push(id);
+    const updateStmt = db.prepare(`
         UPDATE collections
         SET ${updateFields.join(", ")}
         WHERE id = ?
       `);
-      await updateStmt.bind(...updateParams).run();
-      try {
-        await c.env.CACHE_KV.delete("cache:collections:all");
-        await c.env.CACHE_KV.delete(`cache:collection:${existing.name}`);
-      } catch (e) {
-        console.error("Error clearing cache:", e);
-      }
-      return c.json({ message: "Collection updated successfully" });
-    } catch (error) {
-      console.error("Error updating collection:", error);
-      return c.json({ error: "Failed to update collection" }, 500);
+    await updateStmt.bind(...updateParams).run();
+    try {
+      await c.env.CACHE_KV.delete("cache:collections:all");
+      await c.env.CACHE_KV.delete(`cache:collection:${existing.name}`);
+    } catch (e) {
+      console.error("Error clearing cache:", e);
     }
+    return c.json({ message: "Collection updated successfully" });
+  } catch (error) {
+    console.error("Error updating collection:", error);
+    return c.json({ error: "Failed to update collection" }, 500);
   }
-);
+});
 adminApiRoutes.delete("/collections/:id", async (c) => {
   try {
     const id = c.req.param("id");
@@ -1710,79 +1695,6 @@ adminApiRoutes.delete("/collections/:id", async (c) => {
 });
 var admin_api_default = adminApiRoutes;
 
-// src/templates/components/alert.template.ts
-function renderAlert(data) {
-  const typeClasses = {
-    success: "bg-green-50 dark:bg-green-500/10 border border-green-600/20 dark:border-green-500/20",
-    error: "bg-error/10 border border-red-600/20 dark:border-red-500/20",
-    warning: "bg-amber-50 dark:bg-amber-500/10 border border-amber-600/20 dark:border-amber-500/20",
-    info: "bg-blue-50 dark:bg-blue-500/10 border border-blue-600/20 dark:border-blue-500/20"
-  };
-  const iconClasses = {
-    success: "text-green-600 dark:text-green-400",
-    error: "text-red-600 dark:text-red-400",
-    warning: "text-amber-600 dark:text-amber-400",
-    info: "text-blue-600 dark:text-blue-400"
-  };
-  const textClasses = {
-    success: "text-green-900 dark:text-green-300",
-    error: "text-red-900 dark:text-red-300",
-    warning: "text-amber-900 dark:text-amber-300",
-    info: "text-blue-900 dark:text-blue-300"
-  };
-  const messageTextClasses = {
-    success: "text-green-700 dark:text-green-400",
-    error: "text-red-700 dark:text-red-400",
-    warning: "text-amber-700 dark:text-amber-400",
-    info: "text-blue-700 dark:text-blue-400"
-  };
-  const icons = {
-    success: `<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />`,
-    error: `<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />`,
-    warning: `<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />`,
-    info: `<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />`
-  };
-  return `
-    <div class="rounded-lg p-4 ${typeClasses[data.type]} ${data.className || ""}" ${data.dismissible ? 'id="dismissible-alert"' : ""}>
-      <div class="flex">
-        ${data.icon !== false ? `
-          <div class="flex-shrink-0">
-            <svg class="h-5 w-5 ${iconClasses[data.type]}" viewBox="0 0 20 20" fill="currentColor">
-              ${icons[data.type]}
-            </svg>
-          </div>
-        ` : ""}
-        <div class="${data.icon !== false ? "ml-3" : ""}">
-          ${data.title ? `
-            <h3 class="text-sm font-semibold ${textClasses[data.type]}">
-              ${data.title}
-            </h3>
-          ` : ""}
-          <div class="${data.title ? "mt-1 text-sm" : "text-sm"} ${messageTextClasses[data.type]}">
-            <p>${data.message}</p>
-          </div>
-        </div>
-        ${data.dismissible ? `
-          <div class="ml-auto pl-3">
-            <div class="-mx-1.5 -my-1.5">
-              <button
-                type="button"
-                class="inline-flex rounded-md p-1.5 ${iconClasses[data.type]} hover:bg-opacity-20 focus:outline-none focus:ring-2 focus:ring-offset-2"
-                onclick="document.getElementById('dismissible-alert').remove()"
-              >
-                <span class="sr-only">Dismiss</span>
-                <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
-                  <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
-                </svg>
-              </button>
-            </div>
-          </div>
-        ` : ""}
-      </div>
-    </div>
-  `;
-}
-
 // src/templates/pages/auth-login.template.ts
 function renderLoginPage(data, demoLoginActive = false) {
   return `
@@ -2422,58 +2334,59 @@ authRoutes.post(
     }
   }
 );
-authRoutes.post(
-  "/login",
-  zValidator("json", loginSchema),
-  async (c) => {
-    try {
-      const { email, password } = c.req.valid("json");
-      const db = c.env.DB;
-      const normalizedEmail = email.toLowerCase();
-      const cache = getCacheService(CACHE_CONFIGS.user);
-      let user = await cache.get(cache.generateKey("user", `email:${normalizedEmail}`));
-      if (!user) {
-        user = await db.prepare("SELECT * FROM users WHERE email = ? AND is_active = 1").bind(normalizedEmail).first();
-        if (user) {
-          await cache.set(cache.generateKey("user", `email:${normalizedEmail}`), user);
-          await cache.set(cache.generateKey("user", user.id), user);
-        }
-      }
-      if (!user) {
-        return c.json({ error: "Invalid email or password" }, 401);
-      }
-      const isValidPassword = await AuthManager.verifyPassword(password, user.password_hash);
-      if (!isValidPassword) {
-        return c.json({ error: "Invalid email or password" }, 401);
+authRoutes.post("/login", async (c) => {
+  try {
+    const body = await c.req.json();
+    const validation = loginSchema.safeParse(body);
+    if (!validation.success) {
+      return c.json({ error: "Validation failed", details: validation.error.errors }, 400);
+    }
+    const { email, password } = validation.data;
+    const db = c.env.DB;
+    const normalizedEmail = email.toLowerCase();
+    const cache = getCacheService(CACHE_CONFIGS.user);
+    let user = await cache.get(cache.generateKey("user", `email:${normalizedEmail}`));
+    if (!user) {
+      user = await db.prepare("SELECT * FROM users WHERE email = ? AND is_active = 1").bind(normalizedEmail).first();
+      if (user) {
+        await cache.set(cache.generateKey("user", `email:${normalizedEmail}`), user);
+        await cache.set(cache.generateKey("user", user.id), user);
       }
-      const token = await AuthManager.generateToken(user.id, user.email, user.role);
-      setCookie(c, "auth_token", token, {
-        httpOnly: true,
-        secure: true,
-        sameSite: "Strict",
-        maxAge: 60 * 60 * 24
-        // 24 hours
-      });
-      await db.prepare("UPDATE users SET last_login_at = ? WHERE id = ?").bind((/* @__PURE__ */ new Date()).getTime(), user.id).run();
-      await cache.delete(cache.generateKey("user", user.id));
-      await cache.delete(cache.generateKey("user", `email:${normalizedEmail}`));
-      return c.json({
-        user: {
-          id: user.id,
-          email: user.email,
-          username: user.username,
-          firstName: user.firstName,
-          lastName: user.lastName,
-          role: user.role
-        },
-        token
-      });
-    } catch (error) {
-      console.error("Login error:", error);
-      return c.json({ error: "Login failed" }, 500);
     }
+    if (!user) {
+      return c.json({ error: "Invalid email or password" }, 401);
+    }
+    const isValidPassword = await AuthManager.verifyPassword(password, user.password_hash);
+    if (!isValidPassword) {
+      return c.json({ error: "Invalid email or password" }, 401);
+    }
+    const token = await AuthManager.generateToken(user.id, user.email, user.role);
+    setCookie(c, "auth_token", token, {
+      httpOnly: true,
+      secure: true,
+      sameSite: "Strict",
+      maxAge: 60 * 60 * 24
+      // 24 hours
+    });
+    await db.prepare("UPDATE users SET last_login_at = ? WHERE id = ?").bind((/* @__PURE__ */ new Date()).getTime(), user.id).run();
+    await cache.delete(cache.generateKey("user", user.id));
+    await cache.delete(cache.generateKey("user", `email:${normalizedEmail}`));
+    return c.json({
+      user: {
+        id: user.id,
+        email: user.email,
+        username: user.username,
+        firstName: user.firstName,
+        lastName: user.lastName,
+        role: user.role
+      },
+      token
+    });
+  } catch (error) {
+    console.error("Login error:", error);
+    return c.json({ error: "Login failed" }, 500);
   }
-);
+});
 authRoutes.post("/logout", (c) => {
   setCookie(c, "auth_token", "", {
     httpOnly: true,
@@ -3562,98 +3475,18 @@ function escapeHtml2(text) {
   })[char] || char);
 }
 
-// src/templates/components/confirmation-dialog.template.ts
-function renderConfirmationDialog(options) {
-  const {
-    id,
-    title,
-    message,
-    confirmText = "Confirm",
-    cancelText = "Cancel",
-    confirmClass = "bg-red-500 hover:bg-red-400",
-    iconColor = "red",
-    onConfirm = ""
-  } = options;
-  const iconColorClasses = {
-    red: "bg-red-500/10 text-red-400",
-    yellow: "bg-yellow-500/10 text-yellow-400",
-    blue: "bg-blue-500/10 text-blue-400"
-  };
-  return `
-    <el-dialog>
-      <dialog
-        id="${id}"
-        aria-labelledby="${id}-title"
-        class="fixed inset-0 m-0 size-auto max-h-none max-w-none overflow-y-auto bg-transparent p-0 backdrop:bg-transparent"
-      >
-        <el-dialog-backdrop class="fixed inset-0 bg-gray-900/50 transition-opacity data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-200 data-[enter]:ease-out data-[leave]:ease-in"></el-dialog-backdrop>
-
-        <div tabindex="0" class="flex min-h-full items-end justify-center p-4 text-center focus:outline focus:outline-0 sm:items-center sm:p-0">
-          <el-dialog-panel class="relative transform overflow-hidden rounded-lg bg-gray-800 px-4 pb-4 pt-5 text-left shadow-xl outline outline-1 -outline-offset-1 outline-white/10 transition-all data-[closed]:translate-y-4 data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-200 data-[enter]:ease-out data-[leave]:ease-in sm:my-8 sm:w-full sm:max-w-lg sm:p-6 data-[closed]:sm:translate-y-0 data-[closed]:sm:scale-95">
-            <div class="sm:flex sm:items-start">
-              <div class="mx-auto flex size-12 shrink-0 items-center justify-center rounded-full ${iconColorClasses[iconColor]} sm:mx-0 sm:size-10">
-                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6">
-                  <path d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" stroke-linecap="round" stroke-linejoin="round" />
-                </svg>
-              </div>
-              <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
-                <h3 id="${id}-title" class="text-base font-semibold text-white">${title}</h3>
-                <div class="mt-2">
-                  <p class="text-sm text-gray-400">${message}</p>
-                </div>
-              </div>
-            </div>
-            <div class="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse">
-              <button
-                type="button"
-                onclick="${onConfirm}; document.getElementById('${id}').close()"
-                command="close"
-                commandfor="${id}"
-                class="confirm-button inline-flex w-full justify-center rounded-md ${confirmClass} px-3 py-2 text-sm font-semibold text-white sm:ml-3 sm:w-auto"
-              >
-                ${confirmText}
-              </button>
-              <button
-                type="button"
-                command="close"
-                commandfor="${id}"
-                class="mt-3 inline-flex w-full justify-center rounded-md bg-white/10 px-3 py-2 text-sm font-semibold text-white ring-1 ring-inset ring-white/5 hover:bg-white/20 sm:mt-0 sm:w-auto"
-              >
-                ${cancelText}
-              </button>
-            </div>
-          </el-dialog-panel>
-        </div>
-      </dialog>
-    </el-dialog>
-  `;
-}
-function getConfirmationDialogScript() {
-  return `
-    <script src="https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1" type="module"></script>
-    <script>
-      function showConfirmDialog(dialogId) {
-        const dialog = document.getElementById(dialogId);
-        if (dialog) {
-          dialog.showModal();
-        }
-      }
-    </script>
-  `;
-}
-
-// src/templates/pages/admin-content-form.template.ts
-function renderContentFormPage(data) {
-  const isEdit = data.isEdit || !!data.id;
-  const title = isEdit ? `Edit: ${data.title || "Content"}` : `New ${data.collection.display_name}`;
-  const backUrl = data.referrerParams ? `/admin/content?${data.referrerParams}` : `/admin/content?collection=${data.collection.id}`;
-  const coreFields = data.fields.filter((f) => ["title", "slug", "content"].includes(f.field_name));
-  const contentFields = data.fields.filter((f) => !["title", "slug", "content"].includes(f.field_name) && !f.field_name.startsWith("meta_"));
-  const metaFields = data.fields.filter((f) => f.field_name.startsWith("meta_"));
-  const getFieldValue = (fieldName) => {
-    if (fieldName === "title") return data.title || data.data?.[fieldName] || "";
-    if (fieldName === "slug") return data.slug || data.data?.[fieldName] || "";
-    return data.data?.[fieldName] || "";
+// src/templates/pages/admin-content-form.template.ts
+function renderContentFormPage(data) {
+  const isEdit = data.isEdit || !!data.id;
+  const title = isEdit ? `Edit: ${data.title || "Content"}` : `New ${data.collection.display_name}`;
+  const backUrl = data.referrerParams ? `/admin/content?${data.referrerParams}` : `/admin/content?collection=${data.collection.id}`;
+  const coreFields = data.fields.filter((f) => ["title", "slug", "content"].includes(f.field_name));
+  const contentFields = data.fields.filter((f) => !["title", "slug", "content"].includes(f.field_name) && !f.field_name.startsWith("meta_"));
+  const metaFields = data.fields.filter((f) => f.field_name.startsWith("meta_"));
+  const getFieldValue = (fieldName) => {
+    if (fieldName === "title") return data.title || data.data?.[fieldName] || "";
+    if (fieldName === "slug") return data.slug || data.data?.[fieldName] || "";
+    return data.data?.[fieldName] || "";
   };
   const coreFieldsHTML = coreFields.sort((a, b) => a.field_order - b.field_order).map((field) => renderDynamicField(field, {
     value: getFieldValue(field.field_name),
@@ -4258,382 +4091,6 @@ function renderContentFormPage(data) {
 
 // src/templates/pages/admin-content-list.template.ts
 init_admin_layout_catalyst_template();
-
-// src/templates/components/table.template.ts
-function renderTable(data) {
-  const tableId = data.tableId || `table-${Math.random().toString(36).substr(2, 9)}`;
-  if (data.rows.length === 0) {
-    return `
-      <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 p-8 text-center">
-        <div class="text-zinc-500 dark:text-zinc-400">
-          <svg class="mx-auto h-12 w-12 text-zinc-400 dark:text-zinc-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-          </svg>
-          <p class="mt-2 text-sm text-zinc-500 dark:text-zinc-400">${data.emptyMessage || "No data available"}</p>
-        </div>
-      </div>
-    `;
-  }
-  return `
-    <div class="${data.className || ""}" id="${tableId}">
-      ${data.title ? `
-        <div class="px-4 sm:px-0 mb-4">
-          <h3 class="text-base font-semibold text-zinc-950 dark:text-white">${data.title}</h3>
-        </div>
-      ` : ""}
-      <div class="overflow-x-auto">
-        <table class="min-w-full sortable-table">
-          <thead>
-            <tr>
-              ${data.selectable ? `
-                <th class="px-4 py-3.5 text-center sm:pl-0">
-                  <div class="flex items-center justify-center">
-                    <div class="group grid size-4 grid-cols-1">
-                      <input type="checkbox" id="select-all-${tableId}" class="col-start-1 row-start-1 appearance-none rounded border border-white/10 bg-white/5 checked:border-cyan-500 checked:bg-cyan-500 indeterminate:border-cyan-500 indeterminate:bg-cyan-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-500 disabled:border-white/5 disabled:bg-white/10 disabled:checked:bg-white/10 forced-colors:appearance-auto row-checkbox" />
-                      <svg viewBox="0 0 14 14" fill="none" class="pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-white/25">
-                        <path d="M3 8L6 11L11 3.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-0 group-has-[:checked]:opacity-100" />
-                        <path d="M3 7H11" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-0 group-has-[:indeterminate]:opacity-100" />
-                      </svg>
-                    </div>
-                  </div>
-                </th>
-              ` : ""}
-              ${data.columns.map((column, index) => {
-    const isFirst = index === 0 && !data.selectable;
-    const isLast = index === data.columns.length - 1;
-    return `
-                <th class="px-4 py-3.5 text-left text-sm font-semibold text-zinc-950 dark:text-white ${isFirst ? "sm:pl-0" : ""} ${isLast ? "sm:pr-0" : ""} ${column.className || ""}">
-                  ${column.sortable ? `
-                    <button
-                      class="flex items-center gap-x-2 hover:text-zinc-700 dark:hover:text-zinc-300 transition-colors sort-btn text-left"
-                      data-column="${column.key}"
-                      data-sort-type="${column.sortType || "string"}"
-                      data-sort-direction="none"
-                      onclick="sortTable('${tableId}', '${column.key}', '${column.sortType || "string"}')"
-                    >
-                      <span>${column.label}</span>
-                      <div class="sort-icons flex flex-col">
-                        <svg class="w-3 h-3 sort-up opacity-30" fill="currentColor" viewBox="0 0 20 20">
-                          <path fill-rule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clip-rule="evenodd" />
-                        </svg>
-                        <svg class="w-3 h-3 sort-down opacity-30 -mt-1" fill="currentColor" viewBox="0 0 20 20">
-                          <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
-                        </svg>
-                      </div>
-                    </button>
-                  ` : column.label}
-                </th>
-              `;
-  }).join("")}
-            </tr>
-          </thead>
-          <tbody>
-            ${data.rows.map((row, rowIndex) => {
-    if (!row) return "";
-    const clickableClass = data.rowClickable ? "cursor-pointer" : "";
-    const clickHandler = data.rowClickable && data.rowClickUrl ? `onclick="window.location.href='${data.rowClickUrl(row)}'"` : "";
-    return `
-                <tr class="group border-t border-zinc-950/5 dark:border-white/5 hover:bg-gradient-to-r hover:from-cyan-50/50 hover:via-blue-50/30 hover:to-purple-50/50 dark:hover:from-cyan-900/20 dark:hover:via-blue-900/10 dark:hover:to-purple-900/20 hover:shadow-sm hover:shadow-cyan-500/5 dark:hover:shadow-cyan-400/5 transition-all duration-300 ${clickableClass}" ${clickHandler}>
-                  ${data.selectable ? `
-                    <td class="px-4 py-4 sm:pl-0" onclick="event.stopPropagation()">
-                      <div class="flex items-center justify-center">
-                        <div class="group grid size-4 grid-cols-1">
-                          <input type="checkbox" value="${row.id || ""}" class="col-start-1 row-start-1 appearance-none rounded border border-white/10 bg-white/5 checked:border-cyan-500 checked:bg-cyan-500 indeterminate:border-cyan-500 indeterminate:bg-cyan-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-500 disabled:border-white/5 disabled:bg-white/10 disabled:checked:bg-white/10 forced-colors:appearance-auto row-checkbox" />
-                          <svg viewBox="0 0 14 14" fill="none" class="pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-white/25">
-                            <path d="M3 8L6 11L11 3.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-0 group-has-[:checked]:opacity-100" />
-                            <path d="M3 7H11" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-0 group-has-[:indeterminate]:opacity-100" />
-                          </svg>
-                        </div>
-                      </div>
-                    </td>
-                  ` : ""}
-                  ${data.columns.map((column, colIndex) => {
-      const value = row[column.key];
-      const displayValue = column.render ? column.render(value, row) : value;
-      const stopPropagation = column.key === "actions" ? 'onclick="event.stopPropagation()"' : "";
-      const isFirst = colIndex === 0 && !data.selectable;
-      const isLast = colIndex === data.columns.length - 1;
-      return `
-                      <td class="px-4 py-4 text-sm text-zinc-500 dark:text-zinc-400 ${isFirst ? "sm:pl-0 font-medium text-zinc-950 dark:text-white" : ""} ${isLast ? "sm:pr-0" : ""} ${column.className || ""}" ${stopPropagation}>
-                        ${displayValue || ""}
-                      </td>
-                    `;
-    }).join("")}
-                </tr>
-              `;
-  }).join("")}
-          </tbody>
-        </table>
-      </div>
-
-      <script>
-        // Table sorting functionality
-        window.sortTable = function(tableId, column, sortType) {
-          const tableContainer = document.getElementById(tableId);
-          const table = tableContainer.querySelector('.sortable-table');
-          const tbody = table.querySelector('tbody');
-          const rows = Array.from(tbody.querySelectorAll('tr'));
-          const headerBtn = table.querySelector(\`[data-column="\${column}"]\`);
-
-          // Get current sort direction
-          let direction = headerBtn.getAttribute('data-sort-direction');
-
-          // Reset all sort indicators
-          table.querySelectorAll('.sort-btn').forEach(btn => {
-            btn.setAttribute('data-sort-direction', 'none');
-            btn.querySelectorAll('.sort-up, .sort-down').forEach(icon => {
-              icon.classList.add('opacity-30');
-              icon.classList.remove('opacity-100', 'text-zinc-950', 'dark:text-white');
-            });
-          });
-
-          // Determine new direction
-          if (direction === 'none' || direction === 'desc') {
-            direction = 'asc';
-          } else {
-            direction = 'desc';
-          }
-
-          // Update current header
-          headerBtn.setAttribute('data-sort-direction', direction);
-          const upIcon = headerBtn.querySelector('.sort-up');
-          const downIcon = headerBtn.querySelector('.sort-down');
-
-          if (direction === 'asc') {
-            upIcon.classList.remove('opacity-30');
-            upIcon.classList.add('opacity-100', 'text-zinc-950', 'dark:text-white');
-            downIcon.classList.add('opacity-30');
-            downIcon.classList.remove('opacity-100', 'text-zinc-950', 'dark:text-white');
-          } else {
-            downIcon.classList.remove('opacity-30');
-            downIcon.classList.add('opacity-100', 'text-zinc-950', 'dark:text-white');
-            upIcon.classList.add('opacity-30');
-            upIcon.classList.remove('opacity-100', 'text-zinc-950', 'dark:text-white');
-          }
-
-          // Find column index (accounting for potential select column)
-          const headers = Array.from(table.querySelectorAll('th'));
-          const selectableOffset = table.querySelector('input[id^="select-all"]') ? 1 : 0;
-          const columnIndex = headers.findIndex(th => th.querySelector(\`[data-column="\${column}"]\`)) - selectableOffset;
-
-          // Sort rows
-          rows.sort((a, b) => {
-            const aCell = a.children[columnIndex + selectableOffset];
-            const bCell = b.children[columnIndex + selectableOffset];
-
-            if (!aCell || !bCell) return 0;
-
-            let aValue = aCell.textContent.trim();
-            let bValue = bCell.textContent.trim();
-
-            // Handle different sort types
-            switch (sortType) {
-              case 'number':
-                aValue = parseFloat(aValue.replace(/[^0-9.-]/g, '')) || 0;
-                bValue = parseFloat(bValue.replace(/[^0-9.-]/g, '')) || 0;
-                break;
-              case 'date':
-                aValue = new Date(aValue).getTime() || 0;
-                bValue = new Date(bValue).getTime() || 0;
-                break;
-              case 'boolean':
-                aValue = aValue.toLowerCase() === 'true' || aValue.toLowerCase() === 'published' || aValue.toLowerCase() === 'active';
-                bValue = bValue.toLowerCase() === 'true' || bValue.toLowerCase() === 'published' || bValue.toLowerCase() === 'active';
-                break;
-              default: // string
-                aValue = aValue.toLowerCase();
-                bValue = bValue.toLowerCase();
-            }
-
-            if (aValue < bValue) return direction === 'asc' ? -1 : 1;
-            if (aValue > bValue) return direction === 'asc' ? 1 : -1;
-            return 0;
-          });
-
-          // Re-append sorted rows
-          rows.forEach(row => tbody.appendChild(row));
-        };
-
-        // Select all functionality
-        document.addEventListener('DOMContentLoaded', function() {
-          document.querySelectorAll('[id^="select-all"]').forEach(selectAll => {
-            selectAll.addEventListener('change', function() {
-              const tableId = this.id.replace('select-all-', '');
-              const table = document.getElementById(tableId);
-              if (table) {
-                const checkboxes = table.querySelectorAll('.row-checkbox');
-                checkboxes.forEach(checkbox => {
-                  checkbox.checked = this.checked;
-                });
-              }
-            });
-          });
-        });
-      </script>
-    </div>
-  `;
-}
-
-// src/templates/components/pagination.template.ts
-function renderPagination(data) {
-  const shouldShowPagination = data.totalPages > 1 || data.showPageSizeSelector !== false && data.totalItems > 0;
-  if (!shouldShowPagination) {
-    return "";
-  }
-  const buildUrl = (page, limit) => {
-    const params = new URLSearchParams(data.queryParams || {});
-    params.set("page", page.toString());
-    if (data.itemsPerPage !== 20) {
-      params.set("limit", data.itemsPerPage.toString());
-    }
-    return `${data.baseUrl}?${params.toString()}`;
-  };
-  const buildPageSizeUrl = (limit) => {
-    const params = new URLSearchParams(data.queryParams || {});
-    params.set("page", "1");
-    params.set("limit", limit.toString());
-    return `${data.baseUrl}?${params.toString()}`;
-  };
-  const generatePageNumbers = () => {
-    const maxNumbers = data.maxPageNumbers || 5;
-    const half = Math.floor(maxNumbers / 2);
-    let start = Math.max(1, data.currentPage - half);
-    let end = Math.min(data.totalPages, start + maxNumbers - 1);
-    if (end - start + 1 < maxNumbers) {
-      start = Math.max(1, end - maxNumbers + 1);
-    }
-    const pages = [];
-    for (let i = start; i <= end; i++) {
-      pages.push(i);
-    }
-    return pages;
-  };
-  return `
-    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 px-4 py-3 flex items-center justify-between mt-4">
-      ${data.totalPages > 1 ? `
-        <!-- Mobile Pagination -->
-        <div class="flex-1 flex justify-between sm:hidden">
-          ${data.currentPage > 1 ? `
-            <a href="${buildUrl(data.currentPage - 1)}" class="inline-flex items-center rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors">
-              Previous
-            </a>
-          ` : `
-            <span class="inline-flex items-center rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-400 dark:text-zinc-600 shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 opacity-50 cursor-not-allowed">Previous</span>
-          `}
-
-          ${data.currentPage < data.totalPages ? `
-            <a href="${buildUrl(data.currentPage + 1)}" class="inline-flex items-center rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors">
-              Next
-            </a>
-          ` : `
-            <span class="inline-flex items-center rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-400 dark:text-zinc-600 shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 opacity-50 cursor-not-allowed">Next</span>
-          `}
-        </div>
-      ` : ""}
-
-      <!-- Desktop Pagination -->
-      <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
-        <div class="flex items-center gap-4">
-          <p class="text-sm text-zinc-500 dark:text-zinc-400">
-            Showing <span class="font-medium text-zinc-950 dark:text-white">${data.startItem}</span> to
-            <span class="font-medium text-zinc-950 dark:text-white">${data.endItem}</span> of
-            <span class="font-medium text-zinc-950 dark:text-white">${data.totalItems}</span> results
-          </p>
-          ${data.showPageSizeSelector !== false ? `
-            <div class="flex items-center gap-2">
-              <label for="page-size" class="text-sm text-zinc-500 dark:text-zinc-400">Per page:</label>
-              <div class="grid grid-cols-1">
-                <select
-                  id="page-size"
-                  onchange="window.location.href = this.value"
-                  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-sm 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"
-                >
-                  ${(data.pageSizeOptions || [10, 20, 50, 100]).map((size) => `
-                    <option value="${buildPageSizeUrl(size)}" ${size === data.itemsPerPage ? "selected" : ""}>
-                      ${size}
-                    </option>
-                  `).join("")}
-                </select>
-                <svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" class="pointer-events-none col-start-1 row-start-1 mr-2 size-4 self-center justify-self-end text-zinc-600 dark:text-zinc-400">
-                  <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>
-
-        ${data.totalPages > 1 ? `
-          <div class="flex items-center gap-x-1">
-            <!-- Previous Button -->
-            ${data.currentPage > 1 ? `
-            <a href="${buildUrl(data.currentPage - 1)}"
-               class="rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors">
-              Previous
-            </a>
-          ` : ""}
-
-          <!-- Page Numbers -->
-          ${data.showPageNumbers !== false ? `
-            <!-- First page if not in range -->
-            ${(() => {
-    const pageNumbers = generatePageNumbers();
-    const firstPage = pageNumbers.length > 0 ? pageNumbers[0] : null;
-    return firstPage && firstPage > 1 ? `
-                <a href="${buildUrl(1)}"
-                   class="rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors">
-                  1
-                </a>
-                ${firstPage > 2 ? `
-                  <span class="px-2 text-sm text-zinc-500 dark:text-zinc-400">...</span>
-                ` : ""}
-              ` : "";
-  })()}
-
-            <!-- Page number buttons -->
-            ${generatePageNumbers().map((pageNum) => `
-              ${pageNum === data.currentPage ? `
-                <span class="rounded-lg bg-zinc-950 dark:bg-white px-3 py-2 text-sm font-semibold text-white dark:text-zinc-950">
-                  ${pageNum}
-                </span>
-              ` : `
-                <a href="${buildUrl(pageNum)}"
-                   class="rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors">
-                  ${pageNum}
-                </a>
-              `}
-            `).join("")}
-
-            <!-- Last page if not in range -->
-            ${(() => {
-    const pageNumbers = generatePageNumbers();
-    const lastPageNum = pageNumbers.length > 0 ? pageNumbers.slice(-1)[0] : null;
-    return lastPageNum && lastPageNum < data.totalPages ? `
-                ${lastPageNum < data.totalPages - 1 ? `
-                  <span class="px-2 text-sm text-zinc-500 dark:text-zinc-400">...</span>
-                ` : ""}
-                <a href="${buildUrl(data.totalPages)}"
-                   class="rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors">
-                  ${data.totalPages}
-                </a>
-              ` : "";
-  })()}
-          ` : ""}
-
-          <!-- Next Button -->
-          ${data.currentPage < data.totalPages ? `
-            <a href="${buildUrl(data.currentPage + 1)}"
-               class="rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-950 dark:text-white shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors">
-              Next
-            </a>
-          ` : ""}
-          </div>
-        ` : ""}
-      </div>
-    </div>
-  `;
-}
-
-// src/templates/pages/admin-content-list.template.ts
 function renderContentListPage(data) {
   const urlParams = new URLSearchParams();
   if (data.modelName && data.modelName !== "all") urlParams.set("model", data.modelName);
@@ -6977,6 +6434,79 @@ function renderProfilePage(data) {
   return renderAdminLayout(layoutData);
 }
 
+// src/templates/components/alert.template.ts
+function renderAlert2(data) {
+  const typeClasses = {
+    success: "bg-green-50 dark:bg-green-500/10 border border-green-600/20 dark:border-green-500/20",
+    error: "bg-error/10 border border-red-600/20 dark:border-red-500/20",
+    warning: "bg-amber-50 dark:bg-amber-500/10 border border-amber-600/20 dark:border-amber-500/20",
+    info: "bg-blue-50 dark:bg-blue-500/10 border border-blue-600/20 dark:border-blue-500/20"
+  };
+  const iconClasses = {
+    success: "text-green-600 dark:text-green-400",
+    error: "text-red-600 dark:text-red-400",
+    warning: "text-amber-600 dark:text-amber-400",
+    info: "text-blue-600 dark:text-blue-400"
+  };
+  const textClasses = {
+    success: "text-green-900 dark:text-green-300",
+    error: "text-red-900 dark:text-red-300",
+    warning: "text-amber-900 dark:text-amber-300",
+    info: "text-blue-900 dark:text-blue-300"
+  };
+  const messageTextClasses = {
+    success: "text-green-700 dark:text-green-400",
+    error: "text-red-700 dark:text-red-400",
+    warning: "text-amber-700 dark:text-amber-400",
+    info: "text-blue-700 dark:text-blue-400"
+  };
+  const icons = {
+    success: `<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />`,
+    error: `<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />`,
+    warning: `<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />`,
+    info: `<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />`
+  };
+  return `
+    <div class="rounded-lg p-4 ${typeClasses[data.type]} ${data.className || ""}" ${data.dismissible ? 'id="dismissible-alert"' : ""}>
+      <div class="flex">
+        ${data.icon !== false ? `
+          <div class="flex-shrink-0">
+            <svg class="h-5 w-5 ${iconClasses[data.type]}" viewBox="0 0 20 20" fill="currentColor">
+              ${icons[data.type]}
+            </svg>
+          </div>
+        ` : ""}
+        <div class="${data.icon !== false ? "ml-3" : ""}">
+          ${data.title ? `
+            <h3 class="text-sm font-semibold ${textClasses[data.type]}">
+              ${data.title}
+            </h3>
+          ` : ""}
+          <div class="${data.title ? "mt-1 text-sm" : "text-sm"} ${messageTextClasses[data.type]}">
+            <p>${data.message}</p>
+          </div>
+        </div>
+        ${data.dismissible ? `
+          <div class="ml-auto pl-3">
+            <div class="-mx-1.5 -my-1.5">
+              <button
+                type="button"
+                class="inline-flex rounded-md p-1.5 ${iconClasses[data.type]} hover:bg-opacity-20 focus:outline-none focus:ring-2 focus:ring-offset-2"
+                onclick="document.getElementById('dismissible-alert').remove()"
+              >
+                <span class="sr-only">Dismiss</span>
+                <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                  <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
+                </svg>
+              </button>
+            </div>
+          </div>
+        ` : ""}
+      </div>
+    </div>
+  `;
+}
+
 // src/templates/pages/admin-activity-logs.template.ts
 function renderActivityLogsPage(data) {
   const pageContent = `
@@ -7205,16 +6735,98 @@ function formatAction(action) {
 
 // src/templates/pages/admin-user-edit.template.ts
 init_admin_layout_catalyst_template();
-function renderUserEditPage(data) {
-  const pageContent = `
-    <div>
-      <!-- Header -->
-      <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-6">
-        <div>
-          <div class="flex items-center gap-3 mb-2">
-            <a href="/admin/users" class="text-zinc-500 dark:text-zinc-400 hover:text-zinc-950 dark:hover:text-white transition-colors">
-              <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+
+// src/templates/components/confirmation-dialog.template.ts
+function renderConfirmationDialog2(options) {
+  const {
+    id,
+    title,
+    message,
+    confirmText = "Confirm",
+    cancelText = "Cancel",
+    confirmClass = "bg-red-500 hover:bg-red-400",
+    iconColor = "red",
+    onConfirm = ""
+  } = options;
+  const iconColorClasses = {
+    red: "bg-red-500/10 text-red-400",
+    yellow: "bg-yellow-500/10 text-yellow-400",
+    blue: "bg-blue-500/10 text-blue-400"
+  };
+  return `
+    <el-dialog>
+      <dialog
+        id="${id}"
+        aria-labelledby="${id}-title"
+        class="fixed inset-0 m-0 size-auto max-h-none max-w-none overflow-y-auto bg-transparent p-0 backdrop:bg-transparent"
+      >
+        <el-dialog-backdrop class="fixed inset-0 bg-gray-900/50 transition-opacity data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-200 data-[enter]:ease-out data-[leave]:ease-in"></el-dialog-backdrop>
+
+        <div tabindex="0" class="flex min-h-full items-end justify-center p-4 text-center focus:outline focus:outline-0 sm:items-center sm:p-0">
+          <el-dialog-panel class="relative transform overflow-hidden rounded-lg bg-gray-800 px-4 pb-4 pt-5 text-left shadow-xl outline outline-1 -outline-offset-1 outline-white/10 transition-all data-[closed]:translate-y-4 data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-200 data-[enter]:ease-out data-[leave]:ease-in sm:my-8 sm:w-full sm:max-w-lg sm:p-6 data-[closed]:sm:translate-y-0 data-[closed]:sm:scale-95">
+            <div class="sm:flex sm:items-start">
+              <div class="mx-auto flex size-12 shrink-0 items-center justify-center rounded-full ${iconColorClasses[iconColor]} sm:mx-0 sm:size-10">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6">
+                  <path d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" stroke-linecap="round" stroke-linejoin="round" />
+                </svg>
+              </div>
+              <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
+                <h3 id="${id}-title" class="text-base font-semibold text-white">${title}</h3>
+                <div class="mt-2">
+                  <p class="text-sm text-gray-400">${message}</p>
+                </div>
+              </div>
+            </div>
+            <div class="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse">
+              <button
+                type="button"
+                onclick="${onConfirm}; document.getElementById('${id}').close()"
+                command="close"
+                commandfor="${id}"
+                class="confirm-button inline-flex w-full justify-center rounded-md ${confirmClass} px-3 py-2 text-sm font-semibold text-white sm:ml-3 sm:w-auto"
+              >
+                ${confirmText}
+              </button>
+              <button
+                type="button"
+                command="close"
+                commandfor="${id}"
+                class="mt-3 inline-flex w-full justify-center rounded-md bg-white/10 px-3 py-2 text-sm font-semibold text-white ring-1 ring-inset ring-white/5 hover:bg-white/20 sm:mt-0 sm:w-auto"
+              >
+                ${cancelText}
+              </button>
+            </div>
+          </el-dialog-panel>
+        </div>
+      </dialog>
+    </el-dialog>
+  `;
+}
+function getConfirmationDialogScript2() {
+  return `
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1" type="module"></script>
+    <script>
+      function showConfirmDialog(dialogId) {
+        const dialog = document.getElementById(dialogId);
+        if (dialog) {
+          dialog.showModal();
+        }
+      }
+    </script>
+  `;
+}
+
+// src/templates/pages/admin-user-edit.template.ts
+function renderUserEditPage(data) {
+  const pageContent = `
+    <div>
+      <!-- Header -->
+      <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-6">
+        <div>
+          <div class="flex items-center gap-3 mb-2">
+            <a href="/admin/users" class="text-zinc-500 dark:text-zinc-400 hover:text-zinc-950 dark:hover:text-white transition-colors">
+              <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
               </svg>
             </a>
             <h1 class="text-2xl/8 font-semibold text-zinc-950 dark:text-white sm:text-xl/8">Edit User</h1>
@@ -7517,7 +7129,7 @@ function renderUserEditPage(data) {
     </script>
 
     <!-- Confirmation Dialogs -->
-    ${renderConfirmationDialog({
+    ${renderConfirmationDialog2({
     id: "delete-user-confirm",
     title: "Delete User",
     message: 'Are you sure you want to delete this user? Check the "Hard Delete" option to permanently remove all data from the database. This action cannot be undone!',
@@ -7528,7 +7140,7 @@ function renderUserEditPage(data) {
     onConfirm: "performDeleteUser()"
   })}
 
-    ${getConfirmationDialogScript()}
+    ${getConfirmationDialogScript2()}
   `;
   const layoutData = {
     title: "Edit User",
@@ -7855,7 +7467,7 @@ function renderUsersListPage(data) {
       sortable: true,
       sortType: "string",
       render: (value, row) => {
-        const escapeHtml4 = (text) => text.replace(/[&<>"']/g, (char) => ({
+        const escapeHtml7 = (text) => text.replace(/[&<>"']/g, (char) => ({
           "&": "&amp;",
           "<": "&lt;",
           ">": "&gt;",
@@ -7864,9 +7476,9 @@ function renderUsersListPage(data) {
         })[char] || char);
         const truncatedFirstName = row.firstName.length > 25 ? row.firstName.substring(0, 25) + "..." : row.firstName;
         const truncatedLastName = row.lastName.length > 25 ? row.lastName.substring(0, 25) + "..." : row.lastName;
-        const fullName = escapeHtml4(`${truncatedFirstName} ${truncatedLastName}`);
+        const fullName = escapeHtml7(`${truncatedFirstName} ${truncatedLastName}`);
         const truncatedUsername = row.username.length > 100 ? row.username.substring(0, 100) + "..." : row.username;
-        const username = escapeHtml4(truncatedUsername);
+        const username = escapeHtml7(truncatedUsername);
         const statusBadge = row.isActive ? '<span class="inline-flex items-center px-2 py-0.5 rounded-md text-xs font-medium bg-lime-50 dark:bg-lime-500/10 text-lime-700 dark:text-lime-300 ring-1 ring-inset ring-lime-700/10 dark:ring-lime-400/20 ml-2">Active</span>' : '<span class="inline-flex items-center px-2 py-0.5 rounded-md text-xs font-medium bg-red-50 dark:bg-red-500/10 text-red-700 dark:text-red-400 ring-1 ring-inset ring-red-700/10 dark:ring-red-500/20 ml-2">Inactive</span>';
         return `
           <div>
@@ -7882,14 +7494,14 @@ function renderUsersListPage(data) {
       sortable: true,
       sortType: "string",
       render: (value) => {
-        const escapeHtml4 = (text) => text.replace(/[&<>"']/g, (char) => ({
+        const escapeHtml7 = (text) => text.replace(/[&<>"']/g, (char) => ({
           "&": "&amp;",
           "<": "&lt;",
           ">": "&gt;",
           '"': "&quot;",
           "'": "&#39;"
         })[char] || char);
-        const escapedEmail = escapeHtml4(value);
+        const escapedEmail = escapeHtml7(value);
         return `<a href="mailto:${escapedEmail}" class="text-cyan-600 dark:text-cyan-400 hover:text-cyan-700 dark:hover:text-cyan-300 transition-colors">${escapedEmail}</a>`;
       }
     },
@@ -8211,7 +7823,7 @@ function renderUsersListPage(data) {
     </script>
 
     <!-- Confirmation Dialogs -->
-    ${renderConfirmationDialog({
+    ${renderConfirmationDialog2({
     id: "toggle-user-status-confirm",
     title: "Toggle User Status",
     message: "Are you sure you want to activate/deactivate this user?",
@@ -8222,7 +7834,7 @@ function renderUsersListPage(data) {
     onConfirm: "performToggleUserStatus()"
   })}
 
-    ${getConfirmationDialogScript()}
+    ${getConfirmationDialogScript2()}
   `;
   const layoutData = {
     title: "Users",
@@ -8343,7 +7955,7 @@ userRoutes.put("/profile", async (c) => {
     const language = formData.get("language")?.toString() || "en";
     const emailNotifications = formData.get("email_notifications") === "1";
     if (!firstName || !lastName || !username || !email) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "First name, last name, username, and email are required.",
         dismissible: true
@@ -8351,7 +7963,7 @@ userRoutes.put("/profile", async (c) => {
     }
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     if (!emailRegex.test(email)) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "Please enter a valid email address.",
         dismissible: true
@@ -8363,9 +7975,9 @@ userRoutes.put("/profile", async (c) => {
     `);
     const existingUser = await checkStmt.bind(username, email, user.userId).first();
     if (existingUser) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
-        message: "Username or email is already taken by another user.",
+        message: "Username or email is already taken by another user!.",
         dismissible: true
       }));
     }
@@ -8399,14 +8011,14 @@ userRoutes.put("/profile", async (c) => {
       c.req.header("x-forwarded-for") || c.req.header("cf-connecting-ip"),
       c.req.header("user-agent")
     );
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "success",
       message: "Profile updated successfully!",
       dismissible: true
     }));
   } catch (error) {
     console.error("Profile update error:", error);
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "error",
       message: "Failed to update profile. Please try again.",
       dismissible: true
@@ -8420,7 +8032,7 @@ userRoutes.post("/profile/avatar", async (c) => {
     const formData = await c.req.formData();
     const avatarFile = formData.get("avatar");
     if (!avatarFile || !avatarFile.name) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "Please select an image file.",
         dismissible: true
@@ -8428,7 +8040,7 @@ userRoutes.post("/profile/avatar", async (c) => {
     }
     const allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"];
     if (!allowedTypes.includes(avatarFile.type)) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "Please upload a valid image file (JPEG, PNG, GIF, or WebP).",
         dismissible: true
@@ -8436,7 +8048,7 @@ userRoutes.post("/profile/avatar", async (c) => {
     }
     const maxSize = 5 * 1024 * 1024;
     if (avatarFile.size > maxSize) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "Image file must be smaller than 5MB.",
         dismissible: true
@@ -8458,14 +8070,14 @@ userRoutes.post("/profile/avatar", async (c) => {
       c.req.header("x-forwarded-for") || c.req.header("cf-connecting-ip"),
       c.req.header("user-agent")
     );
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "success",
       message: "Profile picture updated successfully!",
       dismissible: true
     }));
   } catch (error) {
     console.error("Avatar upload error:", error);
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "error",
       message: "Failed to upload profile picture. Please try again.",
       dismissible: true
@@ -8481,21 +8093,21 @@ userRoutes.post("/profile/password", async (c) => {
     const newPassword = formData.get("new_password")?.toString() || "";
     const confirmPassword = formData.get("confirm_password")?.toString() || "";
     if (!currentPassword || !newPassword || !confirmPassword) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "All password fields are required.",
         dismissible: true
       }));
     }
     if (newPassword !== confirmPassword) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "New passwords do not match.",
         dismissible: true
       }));
     }
     if (newPassword.length < 8) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "New password must be at least 8 characters long.",
         dismissible: true
@@ -8506,7 +8118,7 @@ userRoutes.post("/profile/password", async (c) => {
     `);
     const userData = await userStmt.bind(user.userId).first();
     if (!userData) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "User not found.",
         dismissible: true
@@ -8514,7 +8126,7 @@ userRoutes.post("/profile/password", async (c) => {
     }
     const validPassword = await AuthManager.verifyPassword(currentPassword, userData.password_hash);
     if (!validPassword) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "Current password is incorrect.",
         dismissible: true
@@ -8546,14 +8158,14 @@ userRoutes.post("/profile/password", async (c) => {
       c.req.header("x-forwarded-for") || c.req.header("cf-connecting-ip"),
       c.req.header("user-agent")
     );
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "success",
       message: "Password updated successfully!",
       dismissible: true
     }));
   } catch (error) {
     console.error("Password change error:", error);
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "error",
       message: "Failed to update password. Please try again.",
       dismissible: true
@@ -8672,7 +8284,7 @@ userRoutes.get("/users", requirePermission("users.read"), async (c) => {
     if (isApiRequest) {
       return c.json({ error: "Failed to load users" }, 500);
     }
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "error",
       message: "Failed to load users. Please try again.",
       dismissible: true
@@ -8693,7 +8305,7 @@ userRoutes.get("/users/new", requirePermission("users.create"), async (c) => {
     return c.html(renderUserNewPage(pageData));
   } catch (error) {
     console.error("User new page error:", error);
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "error",
       message: "Failed to load user creation page. Please try again.",
       dismissible: true
@@ -8717,7 +8329,7 @@ userRoutes.post("/users/new", requirePermission("users.create"), async (c) => {
     const isActive = formData.get("is_active") === "1";
     const emailVerified = formData.get("email_verified") === "1";
     if (!firstName || !lastName || !username || !email || !password) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "First name, last name, username, email, and password are required.",
         dismissible: true
@@ -8725,21 +8337,21 @@ userRoutes.post("/users/new", requirePermission("users.create"), async (c) => {
     }
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     if (!emailRegex.test(email)) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "Please enter a valid email address.",
         dismissible: true
       }));
     }
     if (password.length < 8) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "Password must be at least 8 characters long.",
         dismissible: true
       }));
     }
     if (password !== confirmPassword) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "Passwords do not match.",
         dismissible: true
@@ -8751,7 +8363,7 @@ userRoutes.post("/users/new", requirePermission("users.create"), async (c) => {
     `);
     const existingUser = await checkStmt.bind(username, email).first();
     if (existingUser) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "Username or email is already taken.",
         dismissible: true
@@ -8783,7 +8395,7 @@ userRoutes.post("/users/new", requirePermission("users.create"), async (c) => {
     await logActivity(
       db,
       user.userId,
-      "user.create",
+      "user!.create",
       "users",
       userId,
       { email, username, role },
@@ -8793,9 +8405,9 @@ userRoutes.post("/users/new", requirePermission("users.create"), async (c) => {
     return c.redirect(`/admin/users/${userId}/edit?success=User created successfully`);
   } catch (error) {
     console.error("User creation error:", error);
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "error",
-      message: "Failed to create user. Please try again.",
+      message: "Failed to create user!. Please try again.",
       dismissible: true
     }));
   }
@@ -8821,7 +8433,7 @@ userRoutes.get("/users/:id", requirePermission("users.read"), async (c) => {
     await logActivity(
       db,
       user.userId,
-      "user.view",
+      "user!.view",
       "users",
       userId,
       null,
@@ -8864,7 +8476,7 @@ userRoutes.get("/users/:id/edit", requirePermission("users.update"), async (c) =
     `);
     const userToEdit = await userStmt.bind(userId).first();
     if (!userToEdit) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "User not found",
         dismissible: true
@@ -8898,9 +8510,9 @@ userRoutes.get("/users/:id/edit", requirePermission("users.update"), async (c) =
     return c.html(renderUserEditPage(pageData));
   } catch (error) {
     console.error("User edit page error:", error);
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "error",
-      message: "Failed to load user. Please try again.",
+      message: "Failed to load user!. Please try again.",
       dismissible: true
     }), 500);
   }
@@ -8921,7 +8533,7 @@ userRoutes.put("/users/:id", requirePermission("users.update"), async (c) => {
     const isActive = formData.get("is_active") === "1";
     const emailVerified = formData.get("email_verified") === "1";
     if (!firstName || !lastName || !username || !email) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "First name, last name, username, and email are required.",
         dismissible: true
@@ -8929,7 +8541,7 @@ userRoutes.put("/users/:id", requirePermission("users.update"), async (c) => {
     }
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     if (!emailRegex.test(email)) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
         message: "Please enter a valid email address.",
         dismissible: true
@@ -8941,9 +8553,9 @@ userRoutes.put("/users/:id", requirePermission("users.update"), async (c) => {
     `);
     const existingUser = await checkStmt.bind(username, email, userId).first();
     if (existingUser) {
-      return c.html(renderAlert({
+      return c.html(renderAlert2({
         type: "error",
-        message: "Username or email is already taken by another user.",
+        message: "Username or email is already taken by another user!.",
         dismissible: true
       }));
     }
@@ -8970,23 +8582,23 @@ userRoutes.put("/users/:id", requirePermission("users.update"), async (c) => {
     await logActivity(
       db,
       user.userId,
-      "user.update",
+      "user!.update",
       "users",
       userId,
       { fields: ["first_name", "last_name", "username", "email", "phone", "bio", "role", "is_active", "email_verified"] },
       c.req.header("x-forwarded-for") || c.req.header("cf-connecting-ip"),
       c.req.header("user-agent")
     );
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "success",
       message: "User updated successfully!",
       dismissible: true
     }));
   } catch (error) {
     console.error("User update error:", error);
-    return c.html(renderAlert({
+    return c.html(renderAlert2({
       type: "error",
-      message: "Failed to update user. Please try again.",
+      message: "Failed to update user!. Please try again.",
       dismissible: true
     }));
   }
@@ -9016,7 +8628,7 @@ userRoutes.delete("/users/:id", requirePermission("users.delete"), async (c) =>
       await logActivity(
         db,
         user.userId,
-        "user.hard_delete",
+        "user!.hard_delete",
         "users",
         userId,
         { email: userToDelete.email, permanent: true },
@@ -9035,7 +8647,7 @@ userRoutes.delete("/users/:id", requirePermission("users.delete"), async (c) =>
       await logActivity(
         db,
         user.userId,
-        "user.soft_delete",
+        "user!.soft_delete",
         "users",
         userId,
         { email: userToDelete.email },
@@ -9102,7 +8714,7 @@ userRoutes.post("/invite-user", requirePermission("users.create"), async (c) =>
     await logActivity(
       db,
       user.userId,
-      "user.invite_sent",
+      "user!.invite_sent",
       "users",
       userId,
       { email, role, invited_user_id: userId },
@@ -9159,7 +8771,7 @@ userRoutes.post("/resend-invitation/:id", requirePermission("users.create"), asy
     await logActivity(
       db,
       user.userId,
-      "user.invitation_resent",
+      "user!.invitation_resent",
       "users",
       userId,
       { email: invitedUser.email },
@@ -9195,7 +8807,7 @@ userRoutes.delete("/cancel-invitation/:id", requirePermission("users.delete"), a
     await logActivity(
       db,
       user.userId,
-      "user.invitation_cancelled",
+      "user!.invitation_cancelled",
       "users",
       userId,
       { email: invitedUser.email },
@@ -10503,7 +10115,7 @@ function renderMediaLibraryPage(data) {
     </script>
 
     <!-- Confirmation Dialog for Bulk Delete -->
-    ${renderConfirmationDialog({
+    ${renderConfirmationDialog2({
     id: "media-bulk-delete-confirm",
     title: "Delete Selected Files",
     message: `Are you sure you want to delete ${data.files.length > 0 ? "the selected files" : "these files"}? This action cannot be undone and the files will be permanently removed.`,
@@ -10515,7 +10127,7 @@ function renderMediaLibraryPage(data) {
   })}
 
     <!-- Confirmation Dialog Script -->
-    ${getConfirmationDialogScript()}
+    ${getConfirmationDialogScript2()}
   `;
   function buildPageUrl(page, folder, type) {
     const params = new URLSearchParams();
@@ -11803,7 +11415,7 @@ function renderPluginsListPage(data) {
     </script>
 
     <!-- Confirmation Dialogs -->
-    ${renderConfirmationDialog({
+    ${renderConfirmationDialog2({
     id: "uninstall-plugin-confirm",
     title: "Uninstall Plugin",
     message: "Are you sure you want to uninstall this plugin? This action cannot be undone.",
@@ -11814,7 +11426,7 @@ function renderPluginsListPage(data) {
     onConfirm: "performUninstallPlugin()"
   })}
 
-    ${getConfirmationDialogScript()}
+    ${getConfirmationDialogScript2()}
   `;
   const layoutData = {
     title: "Plugins",
@@ -14207,10 +13819,1943 @@ function getCategoryClass(category) {
       return "bg-gray-100 text-gray-800";
   }
 }
+var adminDesignRoutes = new Hono();
+adminDesignRoutes.get("/", (c) => {
+  const user = c.get("user");
+  const pageData = {
+    user: user ? {
+      name: user.email,
+      email: user.email,
+      role: user.role
+    } : void 0
+  };
+  return c.html(renderDesignPage(pageData));
+});
+var adminCheckboxRoutes = new Hono();
+adminCheckboxRoutes.get("/", (c) => {
+  const user = c.get("user");
+  const pageData = {
+    user: user ? {
+      name: user.email,
+      email: user.email,
+      role: user.role
+    } : void 0
+  };
+  return c.html(renderCheckboxPage(pageData));
+});
+
+// src/templates/pages/admin-faq-form.template.ts
+function renderFAQForm(data) {
+  const { faq, isEdit, errors, message, messageType } = data;
+  const pageTitle = isEdit ? "Edit FAQ" : "New FAQ";
+  const pageContent = `
+    <div class="w-full px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+      <!-- Header -->
+      <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-6">
+        <div>
+          <h1 class="text-2xl font-semibold text-white">${pageTitle}</h1>
+          <p class="mt-2 text-sm text-gray-300">
+            ${isEdit ? "Update the FAQ details below" : "Create a new frequently asked question"}
+          </p>
+        </div>
+        <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
+          <a href="/admin/faq" 
+             class="inline-flex items-center justify-center rounded-xl backdrop-blur-sm bg-white/10 px-4 py-2 text-sm font-semibold text-white border border-white/20 hover:bg-white/20 transition-all">
+            <svg class="-ml-0.5 mr-1.5 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+            </svg>
+            Back to List
+          </a>
+        </div>
+      </div>
+
+      ${message ? renderAlert({ type: messageType || "info", message, dismissible: true }) : ""}
+
+      <!-- Form -->
+      <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl">
+        <form ${isEdit ? `hx-put="/admin/faq/${faq?.id}"` : 'hx-post="/admin/faq"'} 
+              hx-target="body" 
+              hx-swap="outerHTML"
+              class="space-y-6 p-6">
+          
+          <!-- Question -->
+          <div>
+            <label for="question" class="block text-sm font-medium text-white">
+              Question <span class="text-red-400">*</span>
+            </label>
+            <div class="mt-1">
+              <textarea name="question" 
+                        id="question" 
+                        rows="3" 
+                        required
+                        maxlength="500"
+                        class="backdrop-blur-sm bg-white/10 border border-white/20 rounded-xl px-3 py-2 text-white placeholder-gray-300 focus:border-blue-400 focus:outline-none transition-colors w-full"
+                        placeholder="Enter the frequently asked question...">${faq?.question || ""}</textarea>
+              <p class="mt-1 text-sm text-gray-300">
+                <span id="question-count">0</span>/500 characters
+              </p>
+            </div>
+            ${errors?.question ? `
+              <div class="mt-1">
+                ${errors.question.map((error) => `
+                  <p class="text-sm text-red-400">${escapeHtml4(error)}</p>
+                `).join("")}
+              </div>
+            ` : ""}
+          </div>
+
+          <!-- Answer -->
+          <div>
+            <label for="answer" class="block text-sm font-medium text-white">
+              Answer <span class="text-red-400">*</span>
+            </label>
+            <div class="mt-1">
+              <textarea name="answer" 
+                        id="answer" 
+                        rows="6" 
+                        required
+                        maxlength="2000"
+                        class="backdrop-blur-sm bg-white/10 border border-white/20 rounded-xl px-3 py-2 text-white placeholder-gray-300 focus:border-blue-400 focus:outline-none transition-colors w-full"
+                        placeholder="Enter the detailed answer...">${faq?.answer || ""}</textarea>
+              <p class="mt-1 text-sm text-gray-300">
+                <span id="answer-count">0</span>/2000 characters. You can use basic HTML for formatting.
+              </p>
+            </div>
+            ${errors?.answer ? `
+              <div class="mt-1">
+                ${errors.answer.map((error) => `
+                  <p class="text-sm text-red-400">${escapeHtml4(error)}</p>
+                `).join("")}
+              </div>
+            ` : ""}
+          </div>
+
+          <!-- Category and Tags Row -->
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <!-- Category -->
+            <div>
+              <label for="category" class="block text-sm font-medium text-white">Category</label>
+              <div class="mt-1">
+                <select name="category" 
+                        id="category" 
+                        class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6">
+                  <option value="">Select a category</option>
+                  <option value="general" ${faq?.category === "general" ? "selected" : ""}>General</option>
+                  <option value="technical" ${faq?.category === "technical" ? "selected" : ""}>Technical</option>
+                  <option value="billing" ${faq?.category === "billing" ? "selected" : ""}>Billing</option>
+                  <option value="support" ${faq?.category === "support" ? "selected" : ""}>Support</option>
+                  <option value="account" ${faq?.category === "account" ? "selected" : ""}>Account</option>
+                  <option value="features" ${faq?.category === "features" ? "selected" : ""}>Features</option>
+                </select>
+              </div>
+              ${errors?.category ? `
+                <div class="mt-1">
+                  ${errors.category.map((error) => `
+                    <p class="text-sm text-red-400">${escapeHtml4(error)}</p>
+                  `).join("")}
+                </div>
+              ` : ""}
+            </div>
+
+            <!-- Tags -->
+            <div>
+              <label for="tags" class="block text-sm font-medium text-white">Tags</label>
+              <div class="mt-1">
+                <input type="text" 
+                       name="tags" 
+                       id="tags" 
+                       value="${faq?.tags || ""}"
+                       class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
+                       placeholder="e.g., payment, setup, troubleshooting">
+                <p class="mt-1 text-sm text-gray-300">Separate multiple tags with commas</p>
+              </div>
+              ${errors?.tags ? `
+                <div class="mt-1">
+                  ${errors.tags.map((error) => `
+                    <p class="text-sm text-red-400">${escapeHtml4(error)}</p>
+                  `).join("")}
+                </div>
+              ` : ""}
+            </div>
+          </div>
+
+          <!-- Status and Sort Order Row -->
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <!-- Published Status -->
+            <div>
+              <label class="block text-sm font-medium text-white">Status</label>
+              <div class="mt-2 space-y-2">
+                <div class="flex items-center">
+                  <input id="published" 
+                         name="isPublished" 
+                         type="radio" 
+                         value="true"
+                         ${!faq || faq.isPublished ? "checked" : ""}
+                         class="h-4 w-4 text-blue-600 focus:ring-blue-600 border-gray-600 bg-gray-700">
+                  <label for="published" class="ml-2 block text-sm text-white">
+                    Published <span class="text-gray-300">(visible to users)</span>
+                  </label>
+                </div>
+                <div class="flex items-center">
+                  <input id="draft" 
+                         name="isPublished" 
+                         type="radio" 
+                         value="false"
+                         ${faq && !faq.isPublished ? "checked" : ""}
+                         class="h-4 w-4 text-blue-600 focus:ring-blue-600 border-gray-600 bg-gray-700">
+                  <label for="draft" class="ml-2 block text-sm text-white">
+                    Draft <span class="text-gray-300">(not visible to users)</span>
+                  </label>
+                </div>
+              </div>
+            </div>
+
+            <!-- Sort Order -->
+            <div>
+              <label for="sortOrder" class="block text-sm font-medium text-white">Sort Order</label>
+              <div class="mt-1">
+                <input type="number" 
+                       name="sortOrder" 
+                       id="sortOrder" 
+                       value="${faq?.sortOrder || 0}"
+                       min="0"
+                       step="1"
+                       class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6">
+                <p class="mt-1 text-sm text-gray-300">Lower numbers appear first (0 = highest priority)</p>
+              </div>
+              ${errors?.sortOrder ? `
+                <div class="mt-1">
+                  ${errors.sortOrder.map((error) => `
+                    <p class="text-sm text-red-400">${escapeHtml4(error)}</p>
+                  `).join("")}
+                </div>
+              ` : ""}
+            </div>
+          </div>
+
+          <!-- Form Actions -->
+          <div class="flex items-center justify-end space-x-3 pt-6 border-t border-white/20">
+            <a href="/admin/faq" 
+               class="inline-flex items-center justify-center rounded-xl backdrop-blur-sm bg-white/10 px-4 py-2 text-sm font-semibold text-white border border-white/20 hover:bg-white/20 transition-all">
+              Cancel
+            </a>
+            <button type="submit" 
+                    class="inline-flex items-center justify-center rounded-xl backdrop-blur-sm bg-blue-500/80 px-4 py-2 text-sm font-semibold text-white border border-white/20 hover:bg-blue-500 transition-all">
+              <svg class="-ml-0.5 mr-1.5 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+              </svg>
+              ${isEdit ? "Update FAQ" : "Create FAQ"}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+
+    <script>
+      // Character count for question
+      const questionTextarea = document.getElementById('question');
+      const questionCount = document.getElementById('question-count');
+      
+      function updateQuestionCount() {
+        questionCount.textContent = questionTextarea.value.length;
+      }
+      
+      questionTextarea.addEventListener('input', updateQuestionCount);
+      updateQuestionCount(); // Initial count
+
+      // Character count for answer
+      const answerTextarea = document.getElementById('answer');
+      const answerCount = document.getElementById('answer-count');
+      
+      function updateAnswerCount() {
+        answerCount.textContent = answerTextarea.value.length;
+      }
+      
+      answerTextarea.addEventListener('input', updateAnswerCount);
+      updateAnswerCount(); // Initial count
+    </script>
+  `;
+  const layoutData = {
+    title: `${pageTitle} - Admin`,
+    pageTitle,
+    currentPath: isEdit ? `/admin/faq/${faq?.id}` : "/admin/faq/new",
+    user: data.user,
+    content: pageContent
+  };
+  return renderAdminLayout(layoutData);
+}
+function escapeHtml4(unsafe) {
+  return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+
+// src/routes/admin-faq.ts
+var faqSchema = z.object({
+  question: z.string().min(1, "Question is required").max(500, "Question must be under 500 characters"),
+  answer: z.string().min(1, "Answer is required").max(2e3, "Answer must be under 2000 characters"),
+  category: z.string().optional(),
+  tags: z.string().optional(),
+  isPublished: z.string().transform((val) => val === "true"),
+  sortOrder: z.string().transform((val) => parseInt(val, 10)).pipe(z.number().min(0))
+});
+var adminFAQRoutes = new Hono();
+adminFAQRoutes.get("/", async (c) => {
+  try {
+    const user = c.get("user");
+    const { category, published, search, page = "1" } = c.req.query();
+    const currentPage = parseInt(page, 10) || 1;
+    const limit = 20;
+    const offset = (currentPage - 1) * limit;
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderFAQList({
+        faqs: [],
+        totalCount: 0,
+        currentPage: 1,
+        totalPages: 1,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    let whereClause = "WHERE 1=1";
+    const params = [];
+    if (category) {
+      whereClause += " AND category = ?";
+      params.push(category);
+    }
+    if (published !== void 0) {
+      whereClause += " AND isPublished = ?";
+      params.push(published === "true" ? 1 : 0);
+    }
+    if (search) {
+      whereClause += " AND (question LIKE ? OR answer LIKE ? OR tags LIKE ?)";
+      const searchTerm = `%${search}%`;
+      params.push(searchTerm, searchTerm, searchTerm);
+    }
+    const countQuery = `SELECT COUNT(*) as count FROM faqs ${whereClause}`;
+    const { results: countResults } = await db.prepare(countQuery).bind(...params).all();
+    const totalCount = countResults?.[0]?.count || 0;
+    const dataQuery = `
+      SELECT * FROM faqs 
+      ${whereClause} 
+      ORDER BY sortOrder ASC, created_at DESC 
+      LIMIT ? OFFSET ?
+    `;
+    const { results: faqs } = await db.prepare(dataQuery).bind(...params, limit, offset).all();
+    const totalPages = Math.ceil(totalCount / limit);
+    return c.html(renderFAQList({
+      faqs: faqs || [],
+      totalCount,
+      currentPage,
+      totalPages,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0
+    }));
+  } catch (error) {
+    console.error("Error fetching FAQs:", error);
+    const user = c.get("user");
+    return c.html(renderFAQList({
+      faqs: [],
+      totalCount: 0,
+      currentPage: 1,
+      totalPages: 1,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to load FAQs",
+      messageType: "error"
+    }));
+  }
+});
+adminFAQRoutes.get("/new", async (c) => {
+  const user = c.get("user");
+  return c.html(renderFAQForm({
+    isEdit: false,
+    user: user ? {
+      name: user.email,
+      email: user.email,
+      role: user.role
+    } : void 0
+  }));
+});
+adminFAQRoutes.post("/", async (c) => {
+  try {
+    const formData = await c.req.formData();
+    const data = Object.fromEntries(formData.entries());
+    const validatedData = faqSchema.parse(data);
+    const user = c.get("user");
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderFAQForm({
+        isEdit: false,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    const { results } = await db.prepare(`
+      INSERT INTO faqs (question, answer, category, tags, isPublished, sortOrder)
+      VALUES (?, ?, ?, ?, ?, ?)
+      RETURNING *
+    `).bind(
+      validatedData.question,
+      validatedData.answer,
+      validatedData.category || null,
+      validatedData.tags || null,
+      validatedData.isPublished ? 1 : 0,
+      validatedData.sortOrder
+    ).all();
+    if (results && results.length > 0) {
+      return c.redirect("/admin/faq?message=FAQ created successfully");
+    } else {
+      return c.html(renderFAQForm({
+        isEdit: false,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Failed to create FAQ",
+        messageType: "error"
+      }));
+    }
+  } catch (error) {
+    console.error("Error creating FAQ:", error);
+    const user = c.get("user");
+    if (error instanceof z.ZodError) {
+      const errors = {};
+      error.errors.forEach((err) => {
+        const field = err.path[0];
+        if (!errors[field]) errors[field] = [];
+        errors[field].push(err.message);
+      });
+      return c.html(renderFAQForm({
+        isEdit: false,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        errors,
+        message: "Please correct the errors below",
+        messageType: "error"
+      }));
+    }
+    return c.html(renderFAQForm({
+      isEdit: false,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to create FAQ",
+      messageType: "error"
+    }));
+  }
+});
+adminFAQRoutes.get("/:id", async (c) => {
+  try {
+    const id = parseInt(c.req.param("id"));
+    const user = c.get("user");
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderFAQForm({
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    const { results } = await db.prepare("SELECT * FROM faqs WHERE id = ?").bind(id).all();
+    if (!results || results.length === 0) {
+      return c.redirect("/admin/faq?message=FAQ not found&type=error");
+    }
+    const faq = results[0];
+    return c.html(renderFAQForm({
+      faq: {
+        id: faq.id,
+        question: faq.question,
+        answer: faq.answer,
+        category: faq.category,
+        tags: faq.tags,
+        isPublished: Boolean(faq.isPublished),
+        sortOrder: faq.sortOrder
+      },
+      isEdit: true,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0
+    }));
+  } catch (error) {
+    console.error("Error fetching FAQ:", error);
+    const user = c.get("user");
+    return c.html(renderFAQForm({
+      isEdit: true,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to load FAQ",
+      messageType: "error"
+    }));
+  }
+});
+adminFAQRoutes.put("/:id", async (c) => {
+  try {
+    const id = parseInt(c.req.param("id"));
+    const formData = await c.req.formData();
+    const data = Object.fromEntries(formData.entries());
+    const validatedData = faqSchema.parse(data);
+    const user = c.get("user");
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderFAQForm({
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    const { results } = await db.prepare(`
+      UPDATE faqs 
+      SET question = ?, answer = ?, category = ?, tags = ?, isPublished = ?, sortOrder = ?
+      WHERE id = ?
+      RETURNING *
+    `).bind(
+      validatedData.question,
+      validatedData.answer,
+      validatedData.category || null,
+      validatedData.tags || null,
+      validatedData.isPublished ? 1 : 0,
+      validatedData.sortOrder,
+      id
+    ).all();
+    if (results && results.length > 0) {
+      return c.redirect("/admin/faq?message=FAQ updated successfully");
+    } else {
+      return c.html(renderFAQForm({
+        faq: {
+          id,
+          question: validatedData.question,
+          answer: validatedData.answer,
+          category: validatedData.category,
+          tags: validatedData.tags,
+          isPublished: validatedData.isPublished,
+          sortOrder: validatedData.sortOrder
+        },
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "FAQ not found",
+        messageType: "error"
+      }));
+    }
+  } catch (error) {
+    console.error("Error updating FAQ:", error);
+    const user = c.get("user");
+    const id = parseInt(c.req.param("id"));
+    if (error instanceof z.ZodError) {
+      const errors = {};
+      error.errors.forEach((err) => {
+        const field = err.path[0];
+        if (!errors[field]) errors[field] = [];
+        errors[field].push(err.message);
+      });
+      return c.html(renderFAQForm({
+        faq: {
+          id,
+          question: "",
+          answer: "",
+          category: "",
+          tags: "",
+          isPublished: true,
+          sortOrder: 0
+        },
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        errors,
+        message: "Please correct the errors below",
+        messageType: "error"
+      }));
+    }
+    return c.html(renderFAQForm({
+      faq: {
+        id,
+        question: "",
+        answer: "",
+        category: "",
+        tags: "",
+        isPublished: true,
+        sortOrder: 0
+      },
+      isEdit: true,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to update FAQ",
+      messageType: "error"
+    }));
+  }
+});
+adminFAQRoutes.delete("/:id", async (c) => {
+  try {
+    const id = parseInt(c.req.param("id"));
+    const db = c.env?.DB;
+    if (!db) {
+      return c.json({ error: "Database not available" }, 500);
+    }
+    const { changes } = await db.prepare("DELETE FROM faqs WHERE id = ?").bind(id).run();
+    if (changes === 0) {
+      return c.json({ error: "FAQ not found" }, 404);
+    }
+    return c.redirect("/admin/faq?message=FAQ deleted successfully");
+  } catch (error) {
+    console.error("Error deleting FAQ:", error);
+    return c.json({ error: "Failed to delete FAQ" }, 500);
+  }
+});
+var admin_faq_default = adminFAQRoutes;
+
+// src/templates/pages/admin-testimonials-form.template.ts
+function renderTestimonialsForm(data) {
+  const { testimonial, isEdit, errors, message, messageType } = data;
+  const pageTitle = isEdit ? "Edit Testimonial" : "New Testimonial";
+  const pageContent = `
+    <div class="w-full px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+      <!-- Header -->
+      <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-6">
+        <div>
+          <h1 class="text-2xl font-semibold text-white">${pageTitle}</h1>
+          <p class="mt-2 text-sm text-gray-300">
+            ${isEdit ? "Update the testimonial details below" : "Create a new customer testimonial"}
+          </p>
+        </div>
+        <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
+          <a href="/admin/testimonials"
+             class="inline-flex items-center justify-center rounded-xl backdrop-blur-sm bg-white/10 px-4 py-2 text-sm font-semibold text-white border border-white/20 hover:bg-white/20 transition-all">
+            <svg class="-ml-0.5 mr-1.5 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+            </svg>
+            Back to List
+          </a>
+        </div>
+      </div>
+
+      ${message ? renderAlert({ type: messageType || "info", message, dismissible: true }) : ""}
+
+      <!-- Form -->
+      <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl">
+        <form ${isEdit ? `hx-put="/admin/testimonials/${testimonial?.id}"` : 'hx-post="/admin/testimonials"'}
+              hx-target="body"
+              hx-swap="outerHTML"
+              class="space-y-6 p-6">
+
+          <!-- Author Information Section -->
+          <div>
+            <h2 class="text-lg font-medium text-white mb-4">Author Information</h2>
+
+            <!-- Author Name -->
+            <div class="mb-4">
+              <label for="authorName" class="block text-sm font-medium text-white">
+                Author Name <span class="text-red-400">*</span>
+              </label>
+              <div class="mt-1">
+                <input type="text"
+                       name="authorName"
+                       id="authorName"
+                       value="${testimonial?.authorName || ""}"
+                       required
+                       maxlength="100"
+                       class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
+                       placeholder="John Doe">
+              </div>
+              ${errors?.authorName ? `
+                <div class="mt-1">
+                  ${errors.authorName.map((error) => `
+                    <p class="text-sm text-red-400">${escapeHtml5(error)}</p>
+                  `).join("")}
+                </div>
+              ` : ""}
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <!-- Author Title -->
+              <div>
+                <label for="authorTitle" class="block text-sm font-medium text-white">Title/Position</label>
+                <div class="mt-1">
+                  <input type="text"
+                         name="authorTitle"
+                         id="authorTitle"
+                         value="${testimonial?.authorTitle || ""}"
+                         maxlength="100"
+                         class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
+                         placeholder="CEO">
+                </div>
+                ${errors?.authorTitle ? `
+                  <div class="mt-1">
+                    ${errors.authorTitle.map((error) => `
+                      <p class="text-sm text-red-400">${escapeHtml5(error)}</p>
+                    `).join("")}
+                  </div>
+                ` : ""}
+              </div>
+
+              <!-- Author Company -->
+              <div>
+                <label for="authorCompany" class="block text-sm font-medium text-white">Company</label>
+                <div class="mt-1">
+                  <input type="text"
+                         name="authorCompany"
+                         id="authorCompany"
+                         value="${testimonial?.authorCompany || ""}"
+                         maxlength="100"
+                         class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
+                         placeholder="Acme Corp">
+                </div>
+                ${errors?.authorCompany ? `
+                  <div class="mt-1">
+                    ${errors.authorCompany.map((error) => `
+                      <p class="text-sm text-red-400">${escapeHtml5(error)}</p>
+                    `).join("")}
+                  </div>
+                ` : ""}
+              </div>
+            </div>
+          </div>
+
+          <!-- Testimonial Content Section -->
+          <div>
+            <h2 class="text-lg font-medium text-white mb-4">Testimonial</h2>
+
+            <!-- Testimonial Text -->
+            <div class="mb-4">
+              <label for="testimonialText" class="block text-sm font-medium text-white">
+                Testimonial <span class="text-red-400">*</span>
+              </label>
+              <div class="mt-1">
+                <textarea name="testimonialText"
+                          id="testimonialText"
+                          rows="6"
+                          required
+                          maxlength="1000"
+                          class="backdrop-blur-sm bg-white/10 border border-white/20 rounded-xl px-3 py-2 text-white placeholder-gray-300 focus:border-blue-400 focus:outline-none transition-colors w-full"
+                          placeholder="Enter the customer's testimonial...">${testimonial?.testimonialText || ""}</textarea>
+                <p class="mt-1 text-sm text-gray-300">
+                  <span id="testimonial-count">0</span>/1000 characters
+                </p>
+              </div>
+              ${errors?.testimonialText ? `
+                <div class="mt-1">
+                  ${errors.testimonialText.map((error) => `
+                    <p class="text-sm text-red-400">${escapeHtml5(error)}</p>
+                  `).join("")}
+                </div>
+              ` : ""}
+            </div>
+
+            <!-- Rating -->
+            <div>
+              <label for="rating" class="block text-sm font-medium text-white">Rating (Optional)</label>
+              <div class="mt-1">
+                <select name="rating"
+                        id="rating"
+                        class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6">
+                  <option value="">No rating</option>
+                  <option value="5" ${testimonial?.rating === 5 ? "selected" : ""}>\u2B50\u2B50\u2B50\u2B50\u2B50 (5 stars)</option>
+                  <option value="4" ${testimonial?.rating === 4 ? "selected" : ""}>\u2B50\u2B50\u2B50\u2B50 (4 stars)</option>
+                  <option value="3" ${testimonial?.rating === 3 ? "selected" : ""}>\u2B50\u2B50\u2B50 (3 stars)</option>
+                  <option value="2" ${testimonial?.rating === 2 ? "selected" : ""}>\u2B50\u2B50 (2 stars)</option>
+                  <option value="1" ${testimonial?.rating === 1 ? "selected" : ""}>\u2B50 (1 star)</option>
+                </select>
+              </div>
+              ${errors?.rating ? `
+                <div class="mt-1">
+                  ${errors.rating.map((error) => `
+                    <p class="text-sm text-red-400">${escapeHtml5(error)}</p>
+                  `).join("")}
+                </div>
+              ` : ""}
+            </div>
+          </div>
+
+          <!-- Status and Sort Order Row -->
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <!-- Published Status -->
+            <div>
+              <label class="block text-sm font-medium text-white">Status</label>
+              <div class="mt-2 space-y-2">
+                <div class="flex items-center">
+                  <input id="published"
+                         name="isPublished"
+                         type="radio"
+                         value="true"
+                         ${!testimonial || testimonial.isPublished ? "checked" : ""}
+                         class="h-4 w-4 text-blue-600 focus:ring-blue-600 border-gray-600 bg-gray-700">
+                  <label for="published" class="ml-2 block text-sm text-white">
+                    Published <span class="text-gray-300">(visible to users)</span>
+                  </label>
+                </div>
+                <div class="flex items-center">
+                  <input id="draft"
+                         name="isPublished"
+                         type="radio"
+                         value="false"
+                         ${testimonial && !testimonial.isPublished ? "checked" : ""}
+                         class="h-4 w-4 text-blue-600 focus:ring-blue-600 border-gray-600 bg-gray-700">
+                  <label for="draft" class="ml-2 block text-sm text-white">
+                    Draft <span class="text-gray-300">(not visible to users)</span>
+                  </label>
+                </div>
+              </div>
+            </div>
+
+            <!-- Sort Order -->
+            <div>
+              <label for="sortOrder" class="block text-sm font-medium text-white">Sort Order</label>
+              <div class="mt-1">
+                <input type="number"
+                       name="sortOrder"
+                       id="sortOrder"
+                       value="${testimonial?.sortOrder || 0}"
+                       min="0"
+                       step="1"
+                       class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6">
+                <p class="mt-1 text-sm text-gray-300">Lower numbers appear first (0 = highest priority)</p>
+              </div>
+              ${errors?.sortOrder ? `
+                <div class="mt-1">
+                  ${errors.sortOrder.map((error) => `
+                    <p class="text-sm text-red-400">${escapeHtml5(error)}</p>
+                  `).join("")}
+                </div>
+              ` : ""}
+            </div>
+          </div>
+
+          <!-- Form Actions -->
+          <div class="flex items-center justify-end space-x-3 pt-6 border-t border-white/20">
+            <a href="/admin/testimonials"
+               class="inline-flex items-center justify-center rounded-xl backdrop-blur-sm bg-white/10 px-4 py-2 text-sm font-semibold text-white border border-white/20 hover:bg-white/20 transition-all">
+              Cancel
+            </a>
+            <button type="submit"
+                    class="inline-flex items-center justify-center rounded-xl backdrop-blur-sm bg-blue-500/80 px-4 py-2 text-sm font-semibold text-white border border-white/20 hover:bg-blue-500 transition-all">
+              <svg class="-ml-0.5 mr-1.5 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+              </svg>
+              ${isEdit ? "Update Testimonial" : "Create Testimonial"}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+
+    <script>
+      // Character count for testimonial
+      const testimonialTextarea = document.getElementById('testimonialText');
+      const testimonialCount = document.getElementById('testimonial-count');
+
+      function updateTestimonialCount() {
+        testimonialCount.textContent = testimonialTextarea.value.length;
+      }
+
+      testimonialTextarea.addEventListener('input', updateTestimonialCount);
+      updateTestimonialCount(); // Initial count
+    </script>
+  `;
+  const layoutData = {
+    title: `${pageTitle} - Admin`,
+    pageTitle,
+    currentPath: isEdit ? `/admin/testimonials/${testimonial?.id}` : "/admin/testimonials/new",
+    user: data.user,
+    content: pageContent
+  };
+  return renderAdminLayout(layoutData);
+}
+function escapeHtml5(unsafe) {
+  return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+
+// src/routes/admin-testimonials.ts
+var testimonialSchema = z.object({
+  authorName: z.string().min(1, "Author name is required").max(100, "Author name must be under 100 characters"),
+  authorTitle: z.string().optional(),
+  authorCompany: z.string().optional(),
+  testimonialText: z.string().min(1, "Testimonial is required").max(1e3, "Testimonial must be under 1000 characters"),
+  rating: z.string().transform((val) => val ? parseInt(val, 10) : void 0).pipe(z.number().min(1).max(5).optional()),
+  isPublished: z.string().transform((val) => val === "true"),
+  sortOrder: z.string().transform((val) => parseInt(val, 10)).pipe(z.number().min(0))
+});
+var adminTestimonialsRoutes = new Hono();
+adminTestimonialsRoutes.get("/", async (c) => {
+  try {
+    const user = c.get("user");
+    const { published, minRating, search, page = "1" } = c.req.query();
+    const currentPage = parseInt(page, 10) || 1;
+    const limit = 20;
+    const offset = (currentPage - 1) * limit;
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderTestimonialsList({
+        testimonials: [],
+        totalCount: 0,
+        currentPage: 1,
+        totalPages: 1,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    let whereClause = "WHERE 1=1";
+    const params = [];
+    if (published !== void 0) {
+      whereClause += " AND isPublished = ?";
+      params.push(published === "true" ? 1 : 0);
+    }
+    if (minRating) {
+      whereClause += " AND rating >= ?";
+      params.push(parseInt(minRating, 10));
+    }
+    if (search) {
+      whereClause += " AND (author_name LIKE ? OR testimonial_text LIKE ? OR author_company LIKE ?)";
+      const searchTerm = `%${search}%`;
+      params.push(searchTerm, searchTerm, searchTerm);
+    }
+    const countQuery = `SELECT COUNT(*) as count FROM testimonials ${whereClause}`;
+    const { results: countResults } = await db.prepare(countQuery).bind(...params).all();
+    const totalCount = countResults?.[0]?.count || 0;
+    const dataQuery = `
+      SELECT * FROM testimonials
+      ${whereClause}
+      ORDER BY sortOrder ASC, created_at DESC
+      LIMIT ? OFFSET ?
+    `;
+    const { results: testimonials } = await db.prepare(dataQuery).bind(...params, limit, offset).all();
+    const totalPages = Math.ceil(totalCount / limit);
+    return c.html(renderTestimonialsList({
+      testimonials: testimonials || [],
+      totalCount,
+      currentPage,
+      totalPages,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0
+    }));
+  } catch (error) {
+    console.error("Error fetching testimonials:", error);
+    const user = c.get("user");
+    return c.html(renderTestimonialsList({
+      testimonials: [],
+      totalCount: 0,
+      currentPage: 1,
+      totalPages: 1,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to load testimonials",
+      messageType: "error"
+    }));
+  }
+});
+adminTestimonialsRoutes.get("/new", async (c) => {
+  const user = c.get("user");
+  return c.html(renderTestimonialsForm({
+    isEdit: false,
+    user: user ? {
+      name: user.email,
+      email: user.email,
+      role: user.role
+    } : void 0
+  }));
+});
+adminTestimonialsRoutes.post("/", async (c) => {
+  try {
+    const formData = await c.req.formData();
+    const data = Object.fromEntries(formData.entries());
+    const validatedData = testimonialSchema.parse(data);
+    const user = c.get("user");
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderTestimonialsForm({
+        isEdit: false,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    const { results } = await db.prepare(`
+      INSERT INTO testimonials (author_name, author_title, author_company, testimonial_text, rating, isPublished, sortOrder)
+      VALUES (?, ?, ?, ?, ?, ?, ?)
+      RETURNING *
+    `).bind(
+      validatedData.authorName,
+      validatedData.authorTitle || null,
+      validatedData.authorCompany || null,
+      validatedData.testimonialText,
+      validatedData.rating || null,
+      validatedData.isPublished ? 1 : 0,
+      validatedData.sortOrder
+    ).all();
+    if (results && results.length > 0) {
+      return c.redirect("/admin/testimonials?message=Testimonial created successfully");
+    } else {
+      return c.html(renderTestimonialsForm({
+        isEdit: false,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Failed to create testimonial",
+        messageType: "error"
+      }));
+    }
+  } catch (error) {
+    console.error("Error creating testimonial:", error);
+    const user = c.get("user");
+    if (error instanceof z.ZodError) {
+      const errors = {};
+      error.errors.forEach((err) => {
+        const field = err.path[0];
+        if (!errors[field]) errors[field] = [];
+        errors[field].push(err.message);
+      });
+      return c.html(renderTestimonialsForm({
+        isEdit: false,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        errors,
+        message: "Please correct the errors below",
+        messageType: "error"
+      }));
+    }
+    return c.html(renderTestimonialsForm({
+      isEdit: false,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to create testimonial",
+      messageType: "error"
+    }));
+  }
+});
+adminTestimonialsRoutes.get("/:id", async (c) => {
+  try {
+    const id = parseInt(c.req.param("id"));
+    const user = c.get("user");
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderTestimonialsForm({
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    const { results } = await db.prepare("SELECT * FROM testimonials WHERE id = ?").bind(id).all();
+    if (!results || results.length === 0) {
+      return c.redirect("/admin/testimonials?message=Testimonial not found&type=error");
+    }
+    const testimonial = results[0];
+    return c.html(renderTestimonialsForm({
+      testimonial: {
+        id: testimonial.id,
+        authorName: testimonial.author_name,
+        authorTitle: testimonial.author_title,
+        authorCompany: testimonial.author_company,
+        testimonialText: testimonial.testimonial_text,
+        rating: testimonial.rating,
+        isPublished: Boolean(testimonial.isPublished),
+        sortOrder: testimonial.sortOrder
+      },
+      isEdit: true,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0
+    }));
+  } catch (error) {
+    console.error("Error fetching testimonial:", error);
+    const user = c.get("user");
+    return c.html(renderTestimonialsForm({
+      isEdit: true,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to load testimonial",
+      messageType: "error"
+    }));
+  }
+});
+adminTestimonialsRoutes.put("/:id", async (c) => {
+  try {
+    const id = parseInt(c.req.param("id"));
+    const formData = await c.req.formData();
+    const data = Object.fromEntries(formData.entries());
+    const validatedData = testimonialSchema.parse(data);
+    const user = c.get("user");
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderTestimonialsForm({
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    const { results } = await db.prepare(`
+      UPDATE testimonials
+      SET author_name = ?, author_title = ?, author_company = ?, testimonial_text = ?, rating = ?, isPublished = ?, sortOrder = ?
+      WHERE id = ?
+      RETURNING *
+    `).bind(
+      validatedData.authorName,
+      validatedData.authorTitle || null,
+      validatedData.authorCompany || null,
+      validatedData.testimonialText,
+      validatedData.rating || null,
+      validatedData.isPublished ? 1 : 0,
+      validatedData.sortOrder,
+      id
+    ).all();
+    if (results && results.length > 0) {
+      return c.redirect("/admin/testimonials?message=Testimonial updated successfully");
+    } else {
+      return c.html(renderTestimonialsForm({
+        testimonial: {
+          id,
+          authorName: validatedData.authorName,
+          authorTitle: validatedData.authorTitle,
+          authorCompany: validatedData.authorCompany,
+          testimonialText: validatedData.testimonialText,
+          rating: validatedData.rating,
+          isPublished: validatedData.isPublished,
+          sortOrder: validatedData.sortOrder
+        },
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Testimonial not found",
+        messageType: "error"
+      }));
+    }
+  } catch (error) {
+    console.error("Error updating testimonial:", error);
+    const user = c.get("user");
+    const id = parseInt(c.req.param("id"));
+    if (error instanceof z.ZodError) {
+      const errors = {};
+      error.errors.forEach((err) => {
+        const field = err.path[0];
+        if (!errors[field]) errors[field] = [];
+        errors[field].push(err.message);
+      });
+      return c.html(renderTestimonialsForm({
+        testimonial: {
+          id,
+          authorName: "",
+          authorTitle: "",
+          authorCompany: "",
+          testimonialText: "",
+          rating: void 0,
+          isPublished: true,
+          sortOrder: 0
+        },
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        errors,
+        message: "Please correct the errors below",
+        messageType: "error"
+      }));
+    }
+    return c.html(renderTestimonialsForm({
+      testimonial: {
+        id,
+        authorName: "",
+        authorTitle: "",
+        authorCompany: "",
+        testimonialText: "",
+        rating: void 0,
+        isPublished: true,
+        sortOrder: 0
+      },
+      isEdit: true,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to update testimonial",
+      messageType: "error"
+    }));
+  }
+});
+adminTestimonialsRoutes.delete("/:id", async (c) => {
+  try {
+    const id = parseInt(c.req.param("id"));
+    const db = c.env?.DB;
+    if (!db) {
+      return c.json({ error: "Database not available" }, 500);
+    }
+    const { changes } = await db.prepare("DELETE FROM testimonials WHERE id = ?").bind(id).run();
+    if (changes === 0) {
+      return c.json({ error: "Testimonial not found" }, 404);
+    }
+    return c.redirect("/admin/testimonials?message=Testimonial deleted successfully");
+  } catch (error) {
+    console.error("Error deleting testimonial:", error);
+    return c.json({ error: "Failed to delete testimonial" }, 500);
+  }
+});
+var admin_testimonials_default = adminTestimonialsRoutes;
+
+// src/templates/pages/admin-code-examples-form.template.ts
+function renderCodeExamplesForm(data) {
+  const { codeExample, isEdit, errors, message, messageType } = data;
+  const pageTitle = isEdit ? "Edit Code Example" : "New Code Example";
+  const pageContent = `
+    <div class="w-full px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+      <!-- Header -->
+      <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-6">
+        <div>
+          <h1 class="text-2xl font-semibold text-white">${pageTitle}</h1>
+          <p class="mt-2 text-sm text-gray-300">
+            ${isEdit ? "Update the code example details below" : "Create a new code snippet or example"}
+          </p>
+        </div>
+        <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
+          <a href="/admin/code-examples"
+             class="inline-flex items-center justify-center rounded-xl backdrop-blur-sm bg-white/10 px-4 py-2 text-sm font-semibold text-white border border-white/20 hover:bg-white/20 transition-all">
+            <svg class="-ml-0.5 mr-1.5 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+            </svg>
+            Back to List
+          </a>
+        </div>
+      </div>
+
+      ${message ? renderAlert({ type: messageType || "info", message, dismissible: true }) : ""}
+
+      <!-- Form -->
+      <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl">
+        <form ${isEdit ? `hx-put="/admin/code-examples/${codeExample?.id}"` : 'hx-post="/admin/code-examples"'}
+              hx-target="body"
+              hx-swap="outerHTML"
+              class="space-y-6 p-6">
+
+          <!-- Basic Information Section -->
+          <div>
+            <h2 class="text-lg font-medium text-white mb-4">Basic Information</h2>
+
+            <!-- Title -->
+            <div class="mb-4">
+              <label for="title" class="block text-sm font-medium text-white">
+                Title <span class="text-red-400">*</span>
+              </label>
+              <div class="mt-1">
+                <input type="text"
+                       name="title"
+                       id="title"
+                       value="${codeExample?.title || ""}"
+                       required
+                       maxlength="200"
+                       class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-purple-600 sm:text-sm sm:leading-6"
+                       placeholder="e.g., React useState Hook Example">
+              </div>
+              ${errors?.title ? `
+                <div class="mt-1">
+                  ${errors.title.map((error) => `
+                    <p class="text-sm text-red-400">${escapeHtml6(error)}</p>
+                  `).join("")}
+                </div>
+              ` : ""}
+            </div>
+
+            <!-- Description -->
+            <div class="mb-4">
+              <label for="description" class="block text-sm font-medium text-white">Description</label>
+              <div class="mt-1">
+                <textarea name="description"
+                          id="description"
+                          rows="3"
+                          maxlength="500"
+                          class="backdrop-blur-sm bg-white/10 border border-white/20 rounded-xl px-3 py-2 text-white placeholder-gray-300 focus:border-purple-400 focus:outline-none transition-colors w-full"
+                          placeholder="Briefly describe what this code example demonstrates...">${codeExample?.description || ""}</textarea>
+                <p class="mt-1 text-sm text-gray-300">
+                  <span id="description-count">0</span>/500 characters
+                </p>
+              </div>
+              ${errors?.description ? `
+                <div class="mt-1">
+                  ${errors.description.map((error) => `
+                    <p class="text-sm text-red-400">${escapeHtml6(error)}</p>
+                  `).join("")}
+                </div>
+              ` : ""}
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+              <!-- Language -->
+              <div>
+                <label for="language" class="block text-sm font-medium text-white">
+                  Language <span class="text-red-400">*</span>
+                </label>
+                <div class="mt-1">
+                  <select name="language"
+                          id="language"
+                          required
+                          class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 focus:ring-2 focus:ring-inset focus:ring-purple-600 sm:text-sm sm:leading-6">
+                    <option value="">Select language...</option>
+                    <option value="javascript" ${codeExample?.language === "javascript" ? "selected" : ""}>JavaScript</option>
+                    <option value="typescript" ${codeExample?.language === "typescript" ? "selected" : ""}>TypeScript</option>
+                    <option value="python" ${codeExample?.language === "python" ? "selected" : ""}>Python</option>
+                    <option value="go" ${codeExample?.language === "go" ? "selected" : ""}>Go</option>
+                    <option value="rust" ${codeExample?.language === "rust" ? "selected" : ""}>Rust</option>
+                    <option value="java" ${codeExample?.language === "java" ? "selected" : ""}>Java</option>
+                    <option value="php" ${codeExample?.language === "php" ? "selected" : ""}>PHP</option>
+                    <option value="ruby" ${codeExample?.language === "ruby" ? "selected" : ""}>Ruby</option>
+                    <option value="sql" ${codeExample?.language === "sql" ? "selected" : ""}>SQL</option>
+                  </select>
+                </div>
+                ${errors?.language ? `
+                  <div class="mt-1">
+                    ${errors.language.map((error) => `
+                      <p class="text-sm text-red-400">${escapeHtml6(error)}</p>
+                    `).join("")}
+                  </div>
+                ` : ""}
+              </div>
+
+              <!-- Category -->
+              <div>
+                <label for="category" class="block text-sm font-medium text-white">Category</label>
+                <div class="mt-1">
+                  <input type="text"
+                         name="category"
+                         id="category"
+                         value="${codeExample?.category || ""}"
+                         maxlength="50"
+                         class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-purple-600 sm:text-sm sm:leading-6"
+                         placeholder="e.g., frontend, backend">
+                </div>
+                ${errors?.category ? `
+                  <div class="mt-1">
+                    ${errors.category.map((error) => `
+                      <p class="text-sm text-red-400">${escapeHtml6(error)}</p>
+                    `).join("")}
+                  </div>
+                ` : ""}
+              </div>
+
+              <!-- Tags -->
+              <div>
+                <label for="tags" class="block text-sm font-medium text-white">Tags</label>
+                <div class="mt-1">
+                  <input type="text"
+                         name="tags"
+                         id="tags"
+                         value="${codeExample?.tags || ""}"
+                         maxlength="200"
+                         class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-purple-600 sm:text-sm sm:leading-6"
+                         placeholder="e.g., react, hooks, state">
+                  <p class="mt-1 text-sm text-gray-300">Comma-separated tags</p>
+                </div>
+                ${errors?.tags ? `
+                  <div class="mt-1">
+                    ${errors.tags.map((error) => `
+                      <p class="text-sm text-red-400">${escapeHtml6(error)}</p>
+                    `).join("")}
+                  </div>
+                ` : ""}
+              </div>
+            </div>
+          </div>
+
+          <!-- Code Section -->
+          <div>
+            <h2 class="text-lg font-medium text-white mb-4">Code</h2>
+
+            <!-- Code Editor -->
+            <div class="mb-4">
+              <label for="code" class="block text-sm font-medium text-white">
+                Code <span class="text-red-400">*</span>
+              </label>
+              <div class="mt-1">
+                <textarea name="code"
+                          id="code"
+                          rows="20"
+                          required
+                          class="backdrop-blur-sm bg-gray-800/90 border border-white/20 rounded-xl px-3 py-2 text-white placeholder-gray-300 focus:border-purple-400 focus:outline-none transition-colors w-full font-mono text-sm"
+                          placeholder="Paste your code here...">${codeExample?.code || ""}</textarea>
+                <p class="mt-1 text-sm text-gray-300">
+                  <span id="code-count">0</span> characters
+                </p>
+              </div>
+              ${errors?.code ? `
+                <div class="mt-1">
+                  ${errors.code.map((error) => `
+                    <p class="text-sm text-red-400">${escapeHtml6(error)}</p>
+                  `).join("")}
+                </div>
+              ` : ""}
+            </div>
+          </div>
+
+          <!-- Status and Sort Order Row -->
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <!-- Published Status -->
+            <div>
+              <label class="block text-sm font-medium text-white">Status</label>
+              <div class="mt-2 space-y-2">
+                <div class="flex items-center">
+                  <input id="published"
+                         name="isPublished"
+                         type="radio"
+                         value="true"
+                         ${!codeExample || codeExample.isPublished ? "checked" : ""}
+                         class="h-4 w-4 text-purple-600 focus:ring-purple-600 border-gray-600 bg-gray-700">
+                  <label for="published" class="ml-2 block text-sm text-white">
+                    Published <span class="text-gray-300">(visible to users)</span>
+                  </label>
+                </div>
+                <div class="flex items-center">
+                  <input id="draft"
+                         name="isPublished"
+                         type="radio"
+                         value="false"
+                         ${codeExample && !codeExample.isPublished ? "checked" : ""}
+                         class="h-4 w-4 text-purple-600 focus:ring-purple-600 border-gray-600 bg-gray-700">
+                  <label for="draft" class="ml-2 block text-sm text-white">
+                    Draft <span class="text-gray-300">(not visible to users)</span>
+                  </label>
+                </div>
+              </div>
+            </div>
+
+            <!-- Sort Order -->
+            <div>
+              <label for="sortOrder" class="block text-sm font-medium text-white">Sort Order</label>
+              <div class="mt-1">
+                <input type="number"
+                       name="sortOrder"
+                       id="sortOrder"
+                       value="${codeExample?.sortOrder || 0}"
+                       min="0"
+                       step="1"
+                       class="block w-full rounded-md border-0 bg-gray-700 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-600 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-purple-600 sm:text-sm sm:leading-6">
+                <p class="mt-1 text-sm text-gray-300">Lower numbers appear first (0 = highest priority)</p>
+              </div>
+              ${errors?.sortOrder ? `
+                <div class="mt-1">
+                  ${errors.sortOrder.map((error) => `
+                    <p class="text-sm text-red-400">${escapeHtml6(error)}</p>
+                  `).join("")}
+                </div>
+              ` : ""}
+            </div>
+          </div>
+
+          <!-- Form Actions -->
+          <div class="flex items-center justify-end space-x-3 pt-6 border-t border-white/20">
+            <a href="/admin/code-examples"
+               class="inline-flex items-center justify-center rounded-xl backdrop-blur-sm bg-white/10 px-4 py-2 text-sm font-semibold text-white border border-white/20 hover:bg-white/20 transition-all">
+              Cancel
+            </a>
+            <button type="submit"
+                    class="inline-flex items-center justify-center rounded-xl backdrop-blur-sm bg-purple-500/80 px-4 py-2 text-sm font-semibold text-white border border-white/20 hover:bg-purple-500 transition-all">
+              <svg class="-ml-0.5 mr-1.5 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+              </svg>
+              ${isEdit ? "Update Code Example" : "Create Code Example"}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+
+    <script>
+      // Character count for description
+      const descriptionTextarea = document.getElementById('description');
+      const descriptionCount = document.getElementById('description-count');
+
+      function updateDescriptionCount() {
+        descriptionCount.textContent = descriptionTextarea.value.length;
+      }
+
+      descriptionTextarea.addEventListener('input', updateDescriptionCount);
+      updateDescriptionCount(); // Initial count
+
+      // Character count for code
+      const codeTextarea = document.getElementById('code');
+      const codeCount = document.getElementById('code-count');
+
+      function updateCodeCount() {
+        codeCount.textContent = codeTextarea.value.length;
+      }
+
+      codeTextarea.addEventListener('input', updateCodeCount);
+      updateCodeCount(); // Initial count
+    </script>
+  `;
+  const layoutData = {
+    title: `${pageTitle} - Admin`,
+    pageTitle,
+    currentPath: isEdit ? `/admin/code-examples/${codeExample?.id}` : "/admin/code-examples/new",
+    user: data.user,
+    content: pageContent
+  };
+  return renderAdminLayout(layoutData);
+}
+function escapeHtml6(unsafe) {
+  return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+
+// src/routes/admin-code-examples.ts
+var codeExampleSchema = z.object({
+  title: z.string().min(1, "Title is required").max(200, "Title must be under 200 characters"),
+  description: z.string().max(500, "Description must be under 500 characters").optional(),
+  code: z.string().min(1, "Code is required"),
+  language: z.string().min(1, "Language is required"),
+  category: z.string().max(50, "Category must be under 50 characters").optional(),
+  tags: z.string().max(200, "Tags must be under 200 characters").optional(),
+  isPublished: z.string().transform((val) => val === "true"),
+  sortOrder: z.string().transform((val) => parseInt(val, 10)).pipe(z.number().min(0))
+});
+var adminCodeExamplesRoutes = new Hono();
+adminCodeExamplesRoutes.get("/", async (c) => {
+  try {
+    const user = c.get("user");
+    const { published, language, search, page = "1" } = c.req.query();
+    const currentPage = parseInt(page, 10) || 1;
+    const limit = 20;
+    const offset = (currentPage - 1) * limit;
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderCodeExamplesList({
+        codeExamples: [],
+        totalCount: 0,
+        currentPage: 1,
+        totalPages: 1,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    let whereClause = "WHERE 1=1";
+    const params = [];
+    if (published !== void 0) {
+      whereClause += " AND isPublished = ?";
+      params.push(published === "true" ? 1 : 0);
+    }
+    if (language) {
+      whereClause += " AND language = ?";
+      params.push(language);
+    }
+    if (search) {
+      whereClause += " AND (title LIKE ? OR description LIKE ? OR code LIKE ? OR tags LIKE ?)";
+      const searchTerm = `%${search}%`;
+      params.push(searchTerm, searchTerm, searchTerm, searchTerm);
+    }
+    const countQuery = `SELECT COUNT(*) as count FROM code_examples ${whereClause}`;
+    const { results: countResults } = await db.prepare(countQuery).bind(...params).all();
+    const totalCount = countResults?.[0]?.count || 0;
+    const dataQuery = `
+      SELECT * FROM code_examples
+      ${whereClause}
+      ORDER BY sortOrder ASC, created_at DESC
+      LIMIT ? OFFSET ?
+    `;
+    const { results: codeExamples } = await db.prepare(dataQuery).bind(...params, limit, offset).all();
+    const totalPages = Math.ceil(totalCount / limit);
+    return c.html(renderCodeExamplesList({
+      codeExamples: codeExamples || [],
+      totalCount,
+      currentPage,
+      totalPages,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0
+    }));
+  } catch (error) {
+    console.error("Error fetching code examples:", error);
+    const user = c.get("user");
+    return c.html(renderCodeExamplesList({
+      codeExamples: [],
+      totalCount: 0,
+      currentPage: 1,
+      totalPages: 1,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to load code examples",
+      messageType: "error"
+    }));
+  }
+});
+adminCodeExamplesRoutes.get("/new", async (c) => {
+  const user = c.get("user");
+  return c.html(renderCodeExamplesForm({
+    isEdit: false,
+    user: user ? {
+      name: user.email,
+      email: user.email,
+      role: user.role
+    } : void 0
+  }));
+});
+adminCodeExamplesRoutes.post("/", async (c) => {
+  try {
+    const formData = await c.req.formData();
+    const data = Object.fromEntries(formData.entries());
+    const validatedData = codeExampleSchema.parse(data);
+    const user = c.get("user");
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderCodeExamplesForm({
+        isEdit: false,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    const { results } = await db.prepare(`
+      INSERT INTO code_examples (title, description, code, language, category, tags, isPublished, sortOrder)
+      VALUES (?, ?, ?, ?, ?, ?, ?, ?)
+      RETURNING *
+    `).bind(
+      validatedData.title,
+      validatedData.description || null,
+      validatedData.code,
+      validatedData.language,
+      validatedData.category || null,
+      validatedData.tags || null,
+      validatedData.isPublished ? 1 : 0,
+      validatedData.sortOrder
+    ).all();
+    if (results && results.length > 0) {
+      return c.redirect("/admin/code-examples?message=Code example created successfully");
+    } else {
+      return c.html(renderCodeExamplesForm({
+        isEdit: false,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Failed to create code example",
+        messageType: "error"
+      }));
+    }
+  } catch (error) {
+    console.error("Error creating code example:", error);
+    const user = c.get("user");
+    if (error instanceof z.ZodError) {
+      const errors = {};
+      error.errors.forEach((err) => {
+        const field = err.path[0];
+        if (!errors[field]) errors[field] = [];
+        errors[field].push(err.message);
+      });
+      return c.html(renderCodeExamplesForm({
+        isEdit: false,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        errors,
+        message: "Please correct the errors below",
+        messageType: "error"
+      }));
+    }
+    return c.html(renderCodeExamplesForm({
+      isEdit: false,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to create code example",
+      messageType: "error"
+    }));
+  }
+});
+adminCodeExamplesRoutes.get("/:id", async (c) => {
+  try {
+    const id = parseInt(c.req.param("id"));
+    const user = c.get("user");
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderCodeExamplesForm({
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    const { results } = await db.prepare("SELECT * FROM code_examples WHERE id = ?").bind(id).all();
+    if (!results || results.length === 0) {
+      return c.redirect("/admin/code-examples?message=Code example not found&type=error");
+    }
+    const example = results[0];
+    return c.html(renderCodeExamplesForm({
+      codeExample: {
+        id: example.id,
+        title: example.title,
+        description: example.description,
+        code: example.code,
+        language: example.language,
+        category: example.category,
+        tags: example.tags,
+        isPublished: Boolean(example.isPublished),
+        sortOrder: example.sortOrder
+      },
+      isEdit: true,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0
+    }));
+  } catch (error) {
+    console.error("Error fetching code example:", error);
+    const user = c.get("user");
+    return c.html(renderCodeExamplesForm({
+      isEdit: true,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to load code example",
+      messageType: "error"
+    }));
+  }
+});
+adminCodeExamplesRoutes.put("/:id", async (c) => {
+  try {
+    const id = parseInt(c.req.param("id"));
+    const formData = await c.req.formData();
+    const data = Object.fromEntries(formData.entries());
+    const validatedData = codeExampleSchema.parse(data);
+    const user = c.get("user");
+    const db = c.env?.DB;
+    if (!db) {
+      return c.html(renderCodeExamplesForm({
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Database not available",
+        messageType: "error"
+      }));
+    }
+    const { results } = await db.prepare(`
+      UPDATE code_examples
+      SET title = ?, description = ?, code = ?, language = ?, category = ?, tags = ?, isPublished = ?, sortOrder = ?
+      WHERE id = ?
+      RETURNING *
+    `).bind(
+      validatedData.title,
+      validatedData.description || null,
+      validatedData.code,
+      validatedData.language,
+      validatedData.category || null,
+      validatedData.tags || null,
+      validatedData.isPublished ? 1 : 0,
+      validatedData.sortOrder,
+      id
+    ).all();
+    if (results && results.length > 0) {
+      return c.redirect("/admin/code-examples?message=Code example updated successfully");
+    } else {
+      return c.html(renderCodeExamplesForm({
+        codeExample: {
+          id,
+          title: validatedData.title,
+          description: validatedData.description,
+          code: validatedData.code,
+          language: validatedData.language,
+          category: validatedData.category,
+          tags: validatedData.tags,
+          isPublished: validatedData.isPublished,
+          sortOrder: validatedData.sortOrder
+        },
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        message: "Code example not found",
+        messageType: "error"
+      }));
+    }
+  } catch (error) {
+    console.error("Error updating code example:", error);
+    const user = c.get("user");
+    const id = parseInt(c.req.param("id"));
+    if (error instanceof z.ZodError) {
+      const errors = {};
+      error.errors.forEach((err) => {
+        const field = err.path[0];
+        if (!errors[field]) errors[field] = [];
+        errors[field].push(err.message);
+      });
+      return c.html(renderCodeExamplesForm({
+        codeExample: {
+          id,
+          title: "",
+          description: "",
+          code: "",
+          language: "",
+          category: "",
+          tags: "",
+          isPublished: true,
+          sortOrder: 0
+        },
+        isEdit: true,
+        user: user ? {
+          name: user.email,
+          email: user.email,
+          role: user.role
+        } : void 0,
+        errors,
+        message: "Please correct the errors below",
+        messageType: "error"
+      }));
+    }
+    return c.html(renderCodeExamplesForm({
+      codeExample: {
+        id,
+        title: "",
+        description: "",
+        code: "",
+        language: "",
+        category: "",
+        tags: "",
+        isPublished: true,
+        sortOrder: 0
+      },
+      isEdit: true,
+      user: user ? {
+        name: user.email,
+        email: user.email,
+        role: user.role
+      } : void 0,
+      message: "Failed to update code example",
+      messageType: "error"
+    }));
+  }
+});
+adminCodeExamplesRoutes.delete("/:id", async (c) => {
+  try {
+    const id = parseInt(c.req.param("id"));
+    const db = c.env?.DB;
+    if (!db) {
+      return c.json({ error: "Database not available" }, 500);
+    }
+    const { changes } = await db.prepare("DELETE FROM code_examples WHERE id = ?").bind(id).run();
+    if (changes === 0) {
+      return c.json({ error: "Code example not found" }, 404);
+    }
+    return c.redirect("/admin/code-examples?message=Code example deleted successfully");
+  } catch (error) {
+    console.error("Error deleting code example:", error);
+    return c.json({ error: "Failed to delete code example" }, 500);
+  }
+});
+var admin_code_examples_default = adminCodeExamplesRoutes;
 
 // src/routes/index.ts
 var ROUTES_INFO = {
-  message: "Routes migration in progress",
+  message: "Core routes available",
   available: [
     "apiRoutes",
     "apiContentCrudRoutes",
@@ -14222,12 +15767,17 @@ var ROUTES_INFO = {
     "adminUsersRoutes",
     "adminMediaRoutes",
     "adminPluginRoutes",
-    "adminLogsRoutes"
+    "adminLogsRoutes",
+    "adminDesignRoutes",
+    "adminCheckboxRoutes",
+    "adminFAQRoutes",
+    "adminTestimonialsRoutes",
+    "adminCodeExamplesRoutes"
   ],
-  status: "Routes are being added incrementally",
+  status: "Core package routes ready",
   reference: "https://github.com/sonicjs/sonicjs"
 };
 
-export { ROUTES_INFO, adminLogsRoutes, adminMediaRoutes, adminPluginRoutes, admin_api_default, admin_content_default, api_content_crud_default, api_default, api_media_default, api_system_default, auth_default, userRoutes };
-//# sourceMappingURL=chunk-FDUDHGI6.js.map
-//# sourceMappingURL=chunk-FDUDHGI6.js.map
+export { ROUTES_INFO, adminCheckboxRoutes, adminDesignRoutes, adminLogsRoutes, adminMediaRoutes, adminPluginRoutes, admin_api_default, admin_code_examples_default, admin_content_default, admin_faq_default, admin_testimonials_default, api_content_crud_default, api_default, api_media_default, api_system_default, auth_default, userRoutes };
+//# sourceMappingURL=chunk-JETM2U2D.js.map
+//# sourceMappingURL=chunk-JETM2U2D.js.map