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

package/dist/{chunk-DG4INX36.cjs → chunk-QUMBDPNJ.cjs}

@@ -3,12 +3,11 @@
 var chunkAGOE25LF_cjs = require('./chunk-AGOE25LF.cjs');
 var chunkBUKT6HP5_cjs = require('./chunk-BUKT6HP5.cjs');
 var chunkRNR4HA23_cjs = require('./chunk-RNR4HA23.cjs');
-var chunkLEGKJ5DI_cjs = require('./chunk-LEGKJ5DI.cjs');
+var chunkET5I4GBD_cjs = require('./chunk-ET5I4GBD.cjs');
 var chunkRGCQSFKC_cjs = require('./chunk-RGCQSFKC.cjs');
 var hono = require('hono');
 var cors = require('hono/cors');
 var zod = require('zod');
-var validator = require('hono/validator');
 var cookie = require('hono/cookie');
 var html = require('hono/html');
 
@@ -1301,22 +1300,6 @@ apiSystemRoutes.get("/env", (c) => {
   });
 });
 var api_system_default = apiSystemRoutes;
-var zValidator = (target, schema, hook, options) => (
-  // @ts-expect-error not typed well
-  validator.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.Hono();
 adminApiRoutes.use("*", chunkBUKT6HP5_cjs.requireAuth());
 adminApiRoutes.use("*", chunkBUKT6HP5_cjs.requireRole(["admin", "editor"]));
@@ -1554,131 +1537,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");
@@ -1712,79 +1697,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 `
@@ -1842,8 +1754,8 @@ function renderLoginPage(data, demoLoginActive = false) {
         <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
           <div class="bg-zinc-900 shadow-sm ring-1 ring-white/10 rounded-xl px-6 py-8 sm:px-10">
             <!-- Alerts -->
-            ${data.error ? `<div class="mb-6">${renderAlert({ type: "error", message: data.error })}</div>` : ""}
-            ${data.message ? `<div class="mb-6">${renderAlert({ type: "success", message: data.message })}</div>` : ""}
+            ${data.error ? `<div class="mb-6">${chunkET5I4GBD_cjs.renderAlert({ type: "error", message: data.error })}</div>` : ""}
+            ${data.message ? `<div class="mb-6">${chunkET5I4GBD_cjs.renderAlert({ type: "success", message: data.message })}</div>` : ""}
 
             <!-- Form Response (HTMX target) -->
             <div id="form-response" class="mb-6"></div>
@@ -2007,7 +1919,7 @@ function renderRegisterPage(data) {
         <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
           <div class="bg-zinc-900 shadow-sm ring-1 ring-white/10 rounded-xl px-6 py-8 sm:px-10">
             <!-- Alerts -->
-            ${data.error ? `<div class="mb-6">${renderAlert({ type: "error", message: data.error })}</div>` : ""}
+            ${data.error ? `<div class="mb-6">${chunkET5I4GBD_cjs.renderAlert({ type: "error", message: data.error })}</div>` : ""}
 
             <!-- Form -->
             <form
@@ -2424,58 +2336,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 = chunkAGOE25LF_cjs.getCacheService(chunkAGOE25LF_cjs.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 chunkBUKT6HP5_cjs.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 = chunkAGOE25LF_cjs.getCacheService(chunkAGOE25LF_cjs.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 chunkBUKT6HP5_cjs.AuthManager.generateToken(user.id, user.email, user.role);
-      cookie.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 chunkBUKT6HP5_cjs.AuthManager.verifyPassword(password, user.password_hash);
+    if (!isValidPassword) {
+      return c.json({ error: "Invalid email or password" }, 401);
+    }
+    const token = await chunkBUKT6HP5_cjs.AuthManager.generateToken(user.id, user.email, user.role);
+    cookie.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) => {
   cookie.setCookie(c, "auth_token", "", {
     httpOnly: true,
@@ -3225,7 +3138,7 @@ authRoutes.post("/reset-password", async (c) => {
 var auth_default = authRoutes;
 
 // src/templates/pages/admin-content-form.template.ts
-chunkLEGKJ5DI_cjs.init_admin_layout_catalyst_template();
+chunkET5I4GBD_cjs.init_admin_layout_catalyst_template();
 
 // src/templates/components/dynamic-field.template.ts
 function renderDynamicField(field, options = {}) {
@@ -3564,98 +3477,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),
@@ -3709,8 +3542,8 @@ function renderContentFormPage(data) {
         <!-- Form Content -->
         <div class="px-6 py-6">
           <div id="form-messages">
-            ${data.error ? renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
-            ${data.success ? renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
+            ${data.error ? chunkET5I4GBD_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
+            ${data.success ? chunkET5I4GBD_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
           </div>
 
           <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
@@ -3945,7 +3778,7 @@ function renderContentFormPage(data) {
     </div>
 
     <!-- Confirmation Dialogs -->
-    ${renderConfirmationDialog({
+    ${chunkET5I4GBD_cjs.renderConfirmationDialog({
     id: "duplicate-content-confirm",
     title: "Duplicate Content",
     message: "Create a copy of this content?",
@@ -3956,7 +3789,7 @@ function renderContentFormPage(data) {
     onConfirm: "performDuplicateContent()"
   })}
 
-    ${renderConfirmationDialog({
+    ${chunkET5I4GBD_cjs.renderConfirmationDialog({
     id: "delete-content-confirm",
     title: "Delete Content",
     message: "Are you sure you want to delete this content? This action cannot be undone.",
@@ -3967,7 +3800,7 @@ function renderContentFormPage(data) {
     onConfirm: `performDeleteContent('${data.id}')`
   })}
 
-    ${getConfirmationDialogScript()}
+    ${chunkET5I4GBD_cjs.getConfirmationDialogScript()}
 
     <!-- TinyMCE CDN -->
     <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
@@ -4255,387 +4088,11 @@ function renderContentFormPage(data) {
     content: pageContent,
     version: data.version
   };
-  return chunkLEGKJ5DI_cjs.renderAdminLayoutCatalyst(layoutData);
-}
-
-// src/templates/pages/admin-content-list.template.ts
-chunkLEGKJ5DI_cjs.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>
-  `;
+  return chunkET5I4GBD_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/pages/admin-content-list.template.ts
+chunkET5I4GBD_cjs.init_admin_layout_catalyst_template();
 function renderContentListPage(data) {
   const urlParams = new URLSearchParams();
   if (data.modelName && data.modelName !== "all") urlParams.set("model", data.modelName);
@@ -5031,8 +4488,8 @@ function renderContentListPage(data) {
       
       <!-- Content List -->
       <div id="content-list">
-        ${renderTable(tableData)}
-        ${renderPagination(paginationData)}
+        ${chunkET5I4GBD_cjs.renderTable(tableData)}
+        ${chunkET5I4GBD_cjs.renderPagination(paginationData)}
       </div>
       
     </div>
@@ -5241,7 +4698,7 @@ function renderContentListPage(data) {
     </script>
 
     <!-- Confirmation Dialog for Bulk Actions -->
-    ${renderConfirmationDialog({
+    ${chunkET5I4GBD_cjs.renderConfirmationDialog({
     id: "bulk-action-confirm",
     title: "Confirm Bulk Action",
     message: "Are you sure you want to perform this action? This operation will affect multiple items.",
@@ -5253,7 +4710,7 @@ function renderContentListPage(data) {
   })}
 
     <!-- Confirmation Dialog Script -->
-    ${getConfirmationDialogScript()}
+    ${chunkET5I4GBD_cjs.getConfirmationDialogScript()}
   `;
   const layoutData = {
     title: "Content Management",
@@ -5263,7 +4720,7 @@ function renderContentListPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkLEGKJ5DI_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkET5I4GBD_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/components/version-history.template.ts
@@ -6609,8 +6066,8 @@ function renderProfilePage(data) {
       </nav>
 
       <!-- Alert Messages -->
-      ${data.error ? renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
-      ${data.success ? renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
+      ${data.error ? chunkET5I4GBD_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
+      ${data.success ? chunkET5I4GBD_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
 
       <!-- Profile Form -->
       <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
@@ -6976,7 +6433,80 @@ function renderProfilePage(data) {
     user: data.user,
     content: pageContent
   };
-  return chunkLEGKJ5DI_cjs.renderAdminLayout(layoutData);
+  return chunkET5I4GBD_cjs.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
@@ -7186,7 +6716,7 @@ function renderActivityLogsPage(data) {
     user: data.user,
     content: pageContent
   };
-  return chunkLEGKJ5DI_cjs.renderAdminLayout(layoutData);
+  return chunkET5I4GBD_cjs.renderAdminLayout(layoutData);
 }
 function getActionBadgeClass(action) {
   if (action.includes("login") || action.includes("logout")) {
@@ -7206,17 +6736,99 @@ function formatAction(action) {
 }
 
 // src/templates/pages/admin-user-edit.template.ts
-chunkLEGKJ5DI_cjs.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"/>
+chunkET5I4GBD_cjs.init_admin_layout_catalyst_template();
+
+// 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>
@@ -7245,8 +6857,8 @@ function renderUserEditPage(data) {
 
       <!-- Alert Messages -->
       <div id="form-messages">
-        ${data.error ? renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
-        ${data.success ? renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
+        ${data.error ? chunkET5I4GBD_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
+        ${data.success ? chunkET5I4GBD_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
       </div>
 
       <!-- User Edit Form -->
@@ -7519,7 +7131,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!',
@@ -7530,7 +7142,7 @@ function renderUserEditPage(data) {
     onConfirm: "performDeleteUser()"
   })}
 
-    ${getConfirmationDialogScript()}
+    ${getConfirmationDialogScript2()}
   `;
   const layoutData = {
     title: "Edit User",
@@ -7539,11 +7151,11 @@ function renderUserEditPage(data) {
     user: data.user,
     content: pageContent
   };
-  return chunkLEGKJ5DI_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkET5I4GBD_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/pages/admin-user-new.template.ts
-chunkLEGKJ5DI_cjs.init_admin_layout_catalyst_template();
+chunkET5I4GBD_cjs.init_admin_layout_catalyst_template();
 function renderUserNewPage(data) {
   const pageContent = `
     <div>
@@ -7582,8 +7194,8 @@ function renderUserNewPage(data) {
 
       <!-- Alert Messages -->
       <div id="form-messages">
-        ${data.error ? renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
-        ${data.success ? renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
+        ${data.error ? chunkET5I4GBD_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
+        ${data.success ? chunkET5I4GBD_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
       </div>
 
       <!-- User New Form -->
@@ -7827,11 +7439,11 @@ function renderUserNewPage(data) {
     user: data.user,
     content: pageContent
   };
-  return chunkLEGKJ5DI_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkET5I4GBD_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/pages/admin-users-list.template.ts
-chunkLEGKJ5DI_cjs.init_admin_layout_catalyst_template();
+chunkET5I4GBD_cjs.init_admin_layout_catalyst_template();
 function renderUsersListPage(data) {
   const columns = [
     {
@@ -7857,7 +7469,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;",
@@ -7866,9 +7478,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>
@@ -7884,14 +7496,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>`;
       }
     },
@@ -7982,8 +7594,8 @@ function renderUsersListPage(data) {
       </div>
 
       <!-- Alert Messages -->
-      ${data.error ? renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
-      ${data.success ? renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
+      ${data.error ? chunkET5I4GBD_cjs.renderAlert({ type: "error", message: data.error, dismissible: true }) : ""}
+      ${data.success ? chunkET5I4GBD_cjs.renderAlert({ type: "success", message: data.success, dismissible: true }) : ""}
 
       <!-- Stats -->
       <div class="mb-6">
@@ -8160,10 +7772,10 @@ function renderUsersListPage(data) {
       </div>
 
       <!-- Users Table -->
-      ${renderTable(tableData)}
+      ${chunkET5I4GBD_cjs.renderTable(tableData)}
 
       <!-- Pagination -->
-      ${data.pagination ? renderPagination(data.pagination) : ""}
+      ${data.pagination ? chunkET5I4GBD_cjs.renderPagination(data.pagination) : ""}
     </div>
 
     <script>
@@ -8213,7 +7825,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?",
@@ -8224,7 +7836,7 @@ function renderUsersListPage(data) {
     onConfirm: "performToggleUserStatus()"
   })}
 
-    ${getConfirmationDialogScript()}
+    ${getConfirmationDialogScript2()}
   `;
   const layoutData = {
     title: "Users",
@@ -8234,7 +7846,7 @@ function renderUsersListPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkLEGKJ5DI_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkET5I4GBD_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/routes/admin-users.ts
@@ -8345,7 +7957,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
@@ -8353,7 +7965,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
@@ -8365,9 +7977,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
       }));
     }
@@ -8401,14 +8013,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
@@ -8422,7 +8034,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
@@ -8430,7 +8042,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
@@ -8438,7 +8050,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
@@ -8460,14 +8072,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
@@ -8483,21 +8095,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
@@ -8508,7 +8120,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
@@ -8516,7 +8128,7 @@ userRoutes.post("/profile/password", async (c) => {
     }
     const validPassword = await chunkBUKT6HP5_cjs.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
@@ -8548,14 +8160,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
@@ -8674,7 +8286,7 @@ userRoutes.get("/users", chunkBUKT6HP5_cjs.requirePermission("users.read"), asyn
     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
@@ -8695,7 +8307,7 @@ userRoutes.get("/users/new", chunkBUKT6HP5_cjs.requirePermission("users.create")
     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
@@ -8719,7 +8331,7 @@ userRoutes.post("/users/new", chunkBUKT6HP5_cjs.requirePermission("users.create"
     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
@@ -8727,21 +8339,21 @@ userRoutes.post("/users/new", chunkBUKT6HP5_cjs.requirePermission("users.create"
     }
     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
@@ -8753,7 +8365,7 @@ userRoutes.post("/users/new", chunkBUKT6HP5_cjs.requirePermission("users.create"
     `);
     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
@@ -8785,7 +8397,7 @@ userRoutes.post("/users/new", chunkBUKT6HP5_cjs.requirePermission("users.create"
     await chunkBUKT6HP5_cjs.logActivity(
       db,
       user.userId,
-      "user.create",
+      "user!.create",
       "users",
       userId,
       { email, username, role },
@@ -8795,9 +8407,9 @@ userRoutes.post("/users/new", chunkBUKT6HP5_cjs.requirePermission("users.create"
     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
     }));
   }
@@ -8823,7 +8435,7 @@ userRoutes.get("/users/:id", chunkBUKT6HP5_cjs.requirePermission("users.read"),
     await chunkBUKT6HP5_cjs.logActivity(
       db,
       user.userId,
-      "user.view",
+      "user!.view",
       "users",
       userId,
       null,
@@ -8866,7 +8478,7 @@ userRoutes.get("/users/:id/edit", chunkBUKT6HP5_cjs.requirePermission("users.upd
     `);
     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
@@ -8900,9 +8512,9 @@ userRoutes.get("/users/:id/edit", chunkBUKT6HP5_cjs.requirePermission("users.upd
     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);
   }
@@ -8923,7 +8535,7 @@ userRoutes.put("/users/:id", chunkBUKT6HP5_cjs.requirePermission("users.update")
     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
@@ -8931,7 +8543,7 @@ userRoutes.put("/users/:id", chunkBUKT6HP5_cjs.requirePermission("users.update")
     }
     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
@@ -8943,9 +8555,9 @@ userRoutes.put("/users/:id", chunkBUKT6HP5_cjs.requirePermission("users.update")
     `);
     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
       }));
     }
@@ -8972,23 +8584,23 @@ userRoutes.put("/users/:id", chunkBUKT6HP5_cjs.requirePermission("users.update")
     await chunkBUKT6HP5_cjs.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
     }));
   }
@@ -9018,7 +8630,7 @@ userRoutes.delete("/users/:id", chunkBUKT6HP5_cjs.requirePermission("users.delet
       await chunkBUKT6HP5_cjs.logActivity(
         db,
         user.userId,
-        "user.hard_delete",
+        "user!.hard_delete",
         "users",
         userId,
         { email: userToDelete.email, permanent: true },
@@ -9037,7 +8649,7 @@ userRoutes.delete("/users/:id", chunkBUKT6HP5_cjs.requirePermission("users.delet
       await chunkBUKT6HP5_cjs.logActivity(
         db,
         user.userId,
-        "user.soft_delete",
+        "user!.soft_delete",
         "users",
         userId,
         { email: userToDelete.email },
@@ -9104,7 +8716,7 @@ userRoutes.post("/invite-user", chunkBUKT6HP5_cjs.requirePermission("users.creat
     await chunkBUKT6HP5_cjs.logActivity(
       db,
       user.userId,
-      "user.invite_sent",
+      "user!.invite_sent",
       "users",
       userId,
       { email, role, invited_user_id: userId },
@@ -9161,7 +8773,7 @@ userRoutes.post("/resend-invitation/:id", chunkBUKT6HP5_cjs.requirePermission("u
     await chunkBUKT6HP5_cjs.logActivity(
       db,
       user.userId,
-      "user.invitation_resent",
+      "user!.invitation_resent",
       "users",
       userId,
       { email: invitedUser.email },
@@ -9197,7 +8809,7 @@ userRoutes.delete("/cancel-invitation/:id", chunkBUKT6HP5_cjs.requirePermission(
     await chunkBUKT6HP5_cjs.logActivity(
       db,
       user.userId,
-      "user.invitation_cancelled",
+      "user!.invitation_cancelled",
       "users",
       userId,
       { email: invitedUser.email },
@@ -9602,7 +9214,7 @@ function getFileIcon(mimeType) {
 }
 
 // src/templates/pages/admin-media-library.template.ts
-chunkLEGKJ5DI_cjs.init_admin_layout_catalyst_template();
+chunkET5I4GBD_cjs.init_admin_layout_catalyst_template();
 function renderMediaLibraryPage(data) {
   const pageContent = `
     <div>
@@ -10505,7 +10117,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.`,
@@ -10517,7 +10129,7 @@ function renderMediaLibraryPage(data) {
   })}
 
     <!-- Confirmation Dialog Script -->
-    ${getConfirmationDialogScript()}
+    ${getConfirmationDialogScript2()}
   `;
   function buildPageUrl(page, folder, type) {
     const params = new URLSearchParams();
@@ -10534,7 +10146,7 @@ function renderMediaLibraryPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkLEGKJ5DI_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkET5I4GBD_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 
 // src/templates/components/media-file-details.template.ts
@@ -11452,7 +11064,7 @@ function formatFileSize(bytes) {
 }
 
 // src/templates/pages/admin-plugins-list.template.ts
-chunkLEGKJ5DI_cjs.init_admin_layout_catalyst_template();
+chunkET5I4GBD_cjs.init_admin_layout_catalyst_template();
 function renderPluginsListPage(data) {
   const pageContent = `
     <div>
@@ -11805,7 +11417,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.",
@@ -11816,7 +11428,7 @@ function renderPluginsListPage(data) {
     onConfirm: "performUninstallPlugin()"
   })}
 
-    ${getConfirmationDialogScript()}
+    ${getConfirmationDialogScript2()}
   `;
   const layoutData = {
     title: "Plugins",
@@ -11826,7 +11438,7 @@ function renderPluginsListPage(data) {
     version: data.version,
     content: pageContent
   };
-  return chunkLEGKJ5DI_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkET5I4GBD_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 function renderPluginCard(plugin) {
   const statusColors = {
@@ -12476,7 +12088,7 @@ function renderPluginSettingsPage(data) {
     user,
     content: pageContent
   };
-  return chunkLEGKJ5DI_cjs.renderAdminLayout(layoutData);
+  return chunkET5I4GBD_cjs.renderAdminLayout(layoutData);
 }
 function renderStatusBadge(status) {
   const statusColors = {
@@ -13073,7 +12685,7 @@ function formatLastUpdated(timestamp) {
 }
 
 // src/templates/pages/admin-logs-list.template.ts
-chunkLEGKJ5DI_cjs.init_admin_layout_catalyst_template();
+chunkET5I4GBD_cjs.init_admin_layout_catalyst_template();
 function renderLogsListPage(data) {
   const { logs, pagination, filters, user } = data;
   const content = `
@@ -13384,7 +12996,7 @@ function renderLogsListPage(data) {
     user,
     content
   };
-  return chunkLEGKJ5DI_cjs.renderAdminLayoutCatalyst(layoutData);
+  return chunkET5I4GBD_cjs.renderAdminLayoutCatalyst(layoutData);
 }
 function renderLogDetailsPage(data) {
   const { log, user } = data;
@@ -13596,7 +13208,7 @@ function renderLogDetailsPage(data) {
       </div>
     </div>
   `;
-  return chunkLEGKJ5DI_cjs.adminLayoutV2({
+  return chunkET5I4GBD_cjs.adminLayoutV2({
     title: `Log Details - ${log.id}`,
     user,
     content
@@ -13839,7 +13451,7 @@ function renderLogConfigPage(data) {
 
     <script src="https://unpkg.com/htmx.org@1.9.6"></script>
   `;
-  return chunkLEGKJ5DI_cjs.adminLayoutV2({
+  return chunkET5I4GBD_cjs.adminLayoutV2({
     title: "Log Configuration",
     user,
     content
@@ -14209,10 +13821,1943 @@ function getCategoryClass(category) {
       return "bg-gray-100 text-gray-800";
   }
 }
+var adminDesignRoutes = new hono.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(chunkET5I4GBD_cjs.renderDesignPage(pageData));
+});
+var adminCheckboxRoutes = new hono.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(chunkET5I4GBD_cjs.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 ? chunkET5I4GBD_cjs.renderAlert({ type: messageType || "info", message, dismissible: true }) : ""}
+
+      <!-- Form -->
+      <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl">
+        <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 chunkET5I4GBD_cjs.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 = zod.z.object({
+  question: zod.z.string().min(1, "Question is required").max(500, "Question must be under 500 characters"),
+  answer: zod.z.string().min(1, "Answer is required").max(2e3, "Answer must be under 2000 characters"),
+  category: zod.z.string().optional(),
+  tags: zod.z.string().optional(),
+  isPublished: zod.z.string().transform((val) => val === "true"),
+  sortOrder: zod.z.string().transform((val) => parseInt(val, 10)).pipe(zod.z.number().min(0))
+});
+var adminFAQRoutes = new hono.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(chunkET5I4GBD_cjs.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(chunkET5I4GBD_cjs.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(chunkET5I4GBD_cjs.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 zod.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 zod.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 ? chunkET5I4GBD_cjs.renderAlert({ type: messageType || "info", message, dismissible: true }) : ""}
+
+      <!-- Form -->
+      <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl">
+        <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 chunkET5I4GBD_cjs.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 = zod.z.object({
+  authorName: zod.z.string().min(1, "Author name is required").max(100, "Author name must be under 100 characters"),
+  authorTitle: zod.z.string().optional(),
+  authorCompany: zod.z.string().optional(),
+  testimonialText: zod.z.string().min(1, "Testimonial is required").max(1e3, "Testimonial must be under 1000 characters"),
+  rating: zod.z.string().transform((val) => val ? parseInt(val, 10) : void 0).pipe(zod.z.number().min(1).max(5).optional()),
+  isPublished: zod.z.string().transform((val) => val === "true"),
+  sortOrder: zod.z.string().transform((val) => parseInt(val, 10)).pipe(zod.z.number().min(0))
+});
+var adminTestimonialsRoutes = new hono.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(chunkET5I4GBD_cjs.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(chunkET5I4GBD_cjs.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(chunkET5I4GBD_cjs.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 zod.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 zod.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 ? chunkET5I4GBD_cjs.renderAlert({ type: messageType || "info", message, dismissible: true }) : ""}
+
+      <!-- Form -->
+      <div class="backdrop-blur-xl bg-white/10 rounded-xl border border-white/20 shadow-2xl">
+        <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 chunkET5I4GBD_cjs.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 = zod.z.object({
+  title: zod.z.string().min(1, "Title is required").max(200, "Title must be under 200 characters"),
+  description: zod.z.string().max(500, "Description must be under 500 characters").optional(),
+  code: zod.z.string().min(1, "Code is required"),
+  language: zod.z.string().min(1, "Language is required"),
+  category: zod.z.string().max(50, "Category must be under 50 characters").optional(),
+  tags: zod.z.string().max(200, "Tags must be under 200 characters").optional(),
+  isPublished: zod.z.string().transform((val) => val === "true"),
+  sortOrder: zod.z.string().transform((val) => parseInt(val, 10)).pipe(zod.z.number().min(0))
+});
+var adminCodeExamplesRoutes = new hono.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(chunkET5I4GBD_cjs.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(chunkET5I4GBD_cjs.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(chunkET5I4GBD_cjs.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 zod.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 zod.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",
@@ -14224,23 +15769,33 @@ 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"
 };
 
 exports.ROUTES_INFO = ROUTES_INFO;
+exports.adminCheckboxRoutes = adminCheckboxRoutes;
+exports.adminDesignRoutes = adminDesignRoutes;
 exports.adminLogsRoutes = adminLogsRoutes;
 exports.adminMediaRoutes = adminMediaRoutes;
 exports.adminPluginRoutes = adminPluginRoutes;
 exports.admin_api_default = admin_api_default;
+exports.admin_code_examples_default = admin_code_examples_default;
 exports.admin_content_default = admin_content_default;
+exports.admin_faq_default = admin_faq_default;
+exports.admin_testimonials_default = admin_testimonials_default;
 exports.api_content_crud_default = api_content_crud_default;
 exports.api_default = api_default;
 exports.api_media_default = api_media_default;
 exports.api_system_default = api_system_default;
 exports.auth_default = auth_default;
 exports.userRoutes = userRoutes;
-//# sourceMappingURL=chunk-DG4INX36.cjs.map
-//# sourceMappingURL=chunk-DG4INX36.cjs.map
+//# sourceMappingURL=chunk-QUMBDPNJ.cjs.map
+//# sourceMappingURL=chunk-QUMBDPNJ.cjs.map