@sonicjs-cms/core 2.0.7 → 2.0.9

package/dist/{chunk-JB2NUJJ5.js → chunk-ABYMIXRN.js}

@@ -1,8 +1,8 @@
 import { getCacheService, CACHE_CONFIGS, getLogger, SettingsService } from './chunk-6FR25MPC.js';
-import { requireAuth, isPluginActive, requireRole, AuthManager, logActivity } from './chunk-O7LMFJMZ.js';
-import { PluginService, MigrationService } from './chunk-4MBTSUI6.js';
-import { init_admin_layout_catalyst_template, renderDesignPage, renderCheckboxPage, renderFAQList, renderTestimonialsList, renderCodeExamplesList, renderAlert, renderTable, renderPagination, renderConfirmationDialog, getConfirmationDialogScript, renderAdminLayoutCatalyst, renderAdminLayout, adminLayoutV2, renderForm } from './chunk-YHLLVUJC.js';
-import { QueryFilterBuilder, sanitizeInput, getCoreVersion, escapeHtml } from './chunk-YURRY22X.js';
+import { requireAuth, isPluginActive, requireRole, AuthManager, logActivity } from './chunk-OKPDQO2Y.js';
+import { PluginService, MigrationService } from './chunk-COBUPOMD.js';
+import { init_admin_layout_catalyst_template, renderDesignPage, renderCheckboxPage, renderFAQList, renderTestimonialsList, renderCodeExamplesList, renderAlert, renderTable, renderPagination, renderConfirmationDialog, getConfirmationDialogScript, renderAdminLayoutCatalyst, renderAdminLayout, adminLayoutV2, renderForm } from './chunk-VEC5MLT3.js';
+import { QueryFilterBuilder, sanitizeInput, getCoreVersion, escapeHtml } from './chunk-WRRLB6KG.js';
 import { metricsTracker } from './chunk-FICTAGD4.js';
 import { Hono } from 'hono';
 import { cors } from 'hono/cors';
@@ -1084,10 +1084,10 @@ apiMediaRoutes.patch("/:id", async (c) => {
     const allowedFields = ["alt", "caption", "tags", "folder"];
     const updates = [];
     const values = [];
-    for (const [key, value] of Object.entries(body)) {
+    for (const [key, value2] of Object.entries(body)) {
       if (allowedFields.includes(key)) {
         updates.push(`${key} = ?`);
-        values.push(key === "tags" ? JSON.stringify(value) : value);
+        values.push(key === "tags" ? JSON.stringify(value2) : value2);
       }
     }
     if (updates.length === 0) {
@@ -1568,7 +1568,7 @@ adminApiRoutes.post("/collections", async (c) => {
     }
     const validatedData = validation.data;
     const db = c.env.DB;
-    const user = c.get("user");
+    const ____user = c.get("user");
     const displayName = validatedData.displayName || validatedData.display_name || "";
     const existingStmt = db.prepare("SELECT id FROM collections WHERE name = ?");
     const existing = await existingStmt.bind(validatedData.name).first();
@@ -2320,7 +2320,6 @@ authRoutes.post("/register/form", async (c) => {
       `);
     }
     const validatedData = validation.data;
-    const email = validatedData.email;
     const password = validatedData.password;
     const username = validatedData.username || authValidationService.generateDefaultValue("username", validatedData);
     const firstName = validatedData.firstName || authValidationService.generateDefaultValue("firstName", validatedData);
@@ -2991,7 +2990,7 @@ init_admin_layout_catalyst_template();
 
 // src/templates/components/dynamic-field.template.ts
 function renderDynamicField(field, options = {}) {
-  const { value = "", errors = [], disabled = false, className = "" } = options;
+  const { value: value2 = "", errors = [], disabled = false, className = "" } = options;
   const opts = field.field_options || {};
   const required = field.is_required ? "required" : "";
   const baseClasses = `w-full rounded-lg px-3 py-2 text-sm text-zinc-950 dark:text-white bg-white dark:bg-zinc-800 shadow-sm ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-zinc-950 dark:focus:ring-white transition-shadow ${className}`;
@@ -3048,7 +3047,7 @@ function renderDynamicField(field, options = {}) {
           type="text" 
           id="${fieldId}"
           name="${fieldName}"
-          value="${escapeHtml2(value)}"
+          value="${escapeHtml2(value2)}"
           placeholder="${opts.placeholder || ""}"
           maxlength="${opts.maxLength || ""}"
           ${opts.pattern ? `data-pattern="${opts.pattern}"` : ""}
@@ -3093,7 +3092,7 @@ function renderDynamicField(field, options = {}) {
             class="${baseClasses} ${errorClasses} min-h-[${opts.height || 300}px]"
             ${required}
             ${disabled ? "disabled" : ""}
-          >${escapeHtml2(value)}</textarea>
+          >${escapeHtml2(value2)}</textarea>
           <script>
             // Initialize TinyMCE for this field
             if (typeof tinymce !== 'undefined') {
@@ -3127,7 +3126,7 @@ function renderDynamicField(field, options = {}) {
           type="number" 
           id="${fieldId}"
           name="${fieldName}"
-          value="${value}"
+          value="${value2}"
           min="${opts.min || ""}"
           max="${opts.max || ""}"
           step="${opts.step || ""}"
@@ -3139,7 +3138,7 @@ function renderDynamicField(field, options = {}) {
       `;
       break;
     case "boolean":
-      const checked = value === true || value === "true" || value === "1" ? "checked" : "";
+      const checked = value2 === true || value2 === "true" || value2 === "1" ? "checked" : "";
       fieldHTML = `
         <div class="flex items-center space-x-3">
           <input 
@@ -3164,7 +3163,7 @@ function renderDynamicField(field, options = {}) {
           type="date" 
           id="${fieldId}"
           name="${fieldName}"
-          value="${value}"
+          value="${value2}"
           min="${opts.min || ""}"
           max="${opts.max || ""}"
           class="${baseClasses} ${errorClasses}"
@@ -3176,7 +3175,7 @@ function renderDynamicField(field, options = {}) {
     case "select":
       const options2 = opts.options || [];
       const multiple = opts.multiple ? "multiple" : "";
-      const selectedValues = Array.isArray(value) ? value : [value];
+      const selectedValues = Array.isArray(value2) ? value2 : [value2];
       fieldHTML = `
         <select 
           id="${fieldId}"
@@ -3209,9 +3208,9 @@ function renderDynamicField(field, options = {}) {
     case "media":
       fieldHTML = `
         <div class="media-field-container">
-          <input type="hidden" id="${fieldId}" name="${fieldName}" value="${value}">
-          <div class="media-preview ${value ? "" : "hidden"}" id="${fieldId}-preview">
-            ${value ? `<img src="${value}" alt="Selected media" class="w-32 h-32 object-cover rounded-lg border border-white/20">` : ""}
+          <input type="hidden" id="${fieldId}" name="${fieldName}" value="${value2}">
+          <div class="media-preview ${value2 ? "" : "hidden"}" id="${fieldId}-preview">
+            ${value2 ? `<img src="${value2}" alt="Selected media" class="w-32 h-32 object-cover rounded-lg border border-white/20">` : ""}
           </div>
           <div class="media-actions mt-2 space-x-2">
             <button
@@ -3225,7 +3224,7 @@ function renderDynamicField(field, options = {}) {
               </svg>
               Select Media
             </button>
-            ${value ? `
+            ${value2 ? `
               <button
                 type="button"
                 onclick="clearMediaField('${fieldId}')"
@@ -3246,7 +3245,7 @@ function renderDynamicField(field, options = {}) {
             type="text"
             id="${fieldId}"
             name="${fieldName}"
-            value="${escapeHtml2(value)}"
+            value="${escapeHtml2(value2)}"
             class="${baseClasses} bg-zinc-100 dark:bg-zinc-800/50 cursor-not-allowed"
             readonly
             disabled
@@ -3256,7 +3255,7 @@ function renderDynamicField(field, options = {}) {
               <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"/>
             </svg>
             <div class="text-xs text-zinc-600 dark:text-zinc-400">
-              ${value ? "This unique identifier was automatically generated and cannot be changed." : "A unique identifier (UUID) will be automatically generated when you save this content."}
+              ${value2 ? "This unique identifier was automatically generated and cannot be changed." : "A unique identifier (UUID) will be automatically generated when you save this content."}
             </div>
           </div>
         </div>
@@ -3268,7 +3267,7 @@ function renderDynamicField(field, options = {}) {
           type="text" 
           id="${fieldId}"
           name="${fieldName}"
-          value="${escapeHtml2(value)}"
+          value="${escapeHtml2(value2)}"
           class="${baseClasses} ${errorClasses}"
           ${required}
           ${disabled ? "disabled" : ""}
@@ -3956,9 +3955,9 @@ function renderContentListPage(data) {
         name: "model",
         label: "Model",
         options: [
-          { value: "all", label: "All Models", selected: data.modelName === "all" },
+          { __value: "all", label: "All Models", selected: data.modelName === "all" },
           ...data.models.map((model) => ({
-            value: model.name,
+            __value: model.name,
             label: model.displayName,
             selected: data.modelName === model.name
           }))
@@ -3968,13 +3967,13 @@ function renderContentListPage(data) {
         name: "status",
         label: "Status",
         options: [
-          { value: "all", label: "All Status", selected: data.status === "all" },
-          { value: "draft", label: "Draft", selected: data.status === "draft" },
-          { value: "review", label: "Under Review", selected: data.status === "review" },
-          { value: "scheduled", label: "Scheduled", selected: data.status === "scheduled" },
-          { value: "published", label: "Published", selected: data.status === "published" },
-          { value: "archived", label: "Archived", selected: data.status === "archived" },
-          { value: "deleted", label: "Deleted", selected: data.status === "deleted" }
+          { __value: "all", label: "All Status", selected: data.status === "all" },
+          { __value: "draft", label: "Draft", selected: data.status === "draft" },
+          { __value: "review", label: "Under Review", selected: data.status === "review" },
+          { __value: "scheduled", label: "Scheduled", selected: data.status === "scheduled" },
+          { __value: "published", label: "Published", selected: data.status === "published" },
+          { __value: "archived", label: "Archived", selected: data.status === "archived" },
+          { __value: "deleted", label: "Deleted", selected: data.status === "deleted" }
         ]
       }
     ],
@@ -3986,9 +3985,9 @@ function renderContentListPage(data) {
       }
     ],
     bulkActions: [
-      { label: "Publish", value: "publish", icon: "check-circle" },
-      { label: "Unpublish", value: "unpublish", icon: "x-circle" },
-      { label: "Delete", value: "delete", icon: "trash", className: "text-pink-600" }
+      { label: "Publish", ___value: "publish", icon: "check-circle" },
+      { label: "Unpublish", ___value: "unpublish", icon: "x-circle" },
+      { label: "Delete", ___value: "delete", icon: "trash", className: "text-pink-600" }
     ]
   };
   const tableColumns = [
@@ -3997,7 +3996,7 @@ function renderContentListPage(data) {
       label: "Title",
       sortable: true,
       sortType: "string",
-      render: (value, row) => `
+      render: (value2, row) => `
         <div class="flex items-center">
           <div>
             <div class="text-sm font-medium text-zinc-950 dark:text-white">
@@ -4020,7 +4019,7 @@ function renderContentListPage(data) {
       label: "Status",
       sortable: true,
       sortType: "string",
-      render: (value) => value
+      render: (value2) => value2
     },
     {
       key: "authorName",
@@ -4041,7 +4040,7 @@ function renderContentListPage(data) {
       label: "Actions",
       sortable: false,
       className: "text-sm font-medium",
-      render: (value, row) => `
+      render: (value2, row) => `
         <div class="flex space-x-2">
           <button
             class="inline-flex items-center justify-center p-1.5 rounded-lg bg-cyan-50 dark:bg-cyan-500/10 text-cyan-700 dark:text-cyan-400 ring-1 ring-inset ring-cyan-600/20 dark:ring-cyan-500/20 hover:bg-cyan-100 dark:hover:bg-cyan-500/20 transition-colors"
@@ -5140,7 +5139,7 @@ adminContentRoutes.post("/", async (c) => {
     const data = {};
     const errors = {};
     for (const field of fields) {
-      const value = formData.get(field.field_name);
+      const value2 = formData.get(field.field_name);
       if (field.field_type === "guid") {
         const options = field.field_options || {};
         if (options.autoGenerate) {
@@ -5148,33 +5147,33 @@ adminContentRoutes.post("/", async (c) => {
           continue;
         }
       }
-      if (field.is_required && (!value || value.toString().trim() === "")) {
+      if (field.is_required && (!value2 || value2.toString().trim() === "")) {
         errors[field.field_name] = [`${field.field_label} is required`];
         continue;
       }
       switch (field.field_type) {
         case "number":
-          if (value && isNaN(Number(value))) {
+          if (value2 && isNaN(Number(value2))) {
             errors[field.field_name] = [`${field.field_label} must be a valid number`];
           } else {
-            data[field.field_name] = value ? Number(value) : null;
+            data[field.field_name] = value2 ? Number(value2) : null;
           }
           break;
         case "boolean":
-          data[field.field_name] = formData.get(`${field.field_name}_submitted`) ? value === "true" : false;
+          data[field.field_name] = formData.get(`${field.field_name}_submitted`) ? value2 === "true" : false;
           break;
         case "select":
           if (field.field_options?.multiple) {
             data[field.field_name] = formData.getAll(`${field.field_name}[]`);
           } else {
-            data[field.field_name] = value;
+            data[field.field_name] = value2;
           }
           break;
         case "guid":
-          data[field.field_name] = value || null;
+          data[field.field_name] = value2 || null;
           break;
         default:
-          data[field.field_name] = value;
+          data[field.field_name] = value2;
       }
     }
     if (Object.keys(errors).length > 0) {
@@ -5302,31 +5301,31 @@ adminContentRoutes.put("/:id", async (c) => {
     const data = {};
     const errors = {};
     for (const field of fields) {
-      const value = formData.get(field.field_name);
-      if (field.is_required && (!value || value.toString().trim() === "")) {
+      const value2 = formData.get(field.field_name);
+      if (field.is_required && (!value2 || value2.toString().trim() === "")) {
         errors[field.field_name] = [`${field.field_label} is required`];
         continue;
       }
       switch (field.field_type) {
         case "number":
-          if (value && isNaN(Number(value))) {
+          if (value2 && isNaN(Number(value2))) {
             errors[field.field_name] = [`${field.field_label} must be a valid number`];
           } else {
-            data[field.field_name] = value ? Number(value) : null;
+            data[field.field_name] = value2 ? Number(value2) : null;
           }
           break;
         case "boolean":
-          data[field.field_name] = formData.get(`${field.field_name}_submitted`) ? value === "true" : false;
+          data[field.field_name] = formData.get(`${field.field_name}_submitted`) ? value2 === "true" : false;
           break;
         case "select":
           if (field.field_options?.multiple) {
             data[field.field_name] = formData.getAll(`${field.field_name}[]`);
           } else {
-            data[field.field_name] = value;
+            data[field.field_name] = value2;
           }
           break;
         default:
-          data[field.field_name] = value;
+          data[field.field_name] = value2;
       }
     }
     if (Object.keys(errors).length > 0) {
@@ -5443,23 +5442,23 @@ adminContentRoutes.post("/preview", async (c) => {
     const fields = await getCollectionFields(db, collectionId);
     const data = {};
     for (const field of fields) {
-      const value = formData.get(field.field_name);
+      const value2 = formData.get(field.field_name);
       switch (field.field_type) {
         case "number":
-          data[field.field_name] = value ? Number(value) : null;
+          data[field.field_name] = value2 ? Number(value2) : null;
           break;
         case "boolean":
-          data[field.field_name] = value === "true";
+          data[field.field_name] = value2 === "true";
           break;
         case "select":
           if (field.field_options?.multiple) {
             data[field.field_name] = formData.getAll(`${field.field_name}[]`);
           } else {
-            data[field.field_name] = value;
+            data[field.field_name] = value2;
           }
           break;
         default:
-          data[field.field_name] = value;
+          data[field.field_name] = value2;
       }
     }
     const previewHTML = `
@@ -7316,10 +7315,10 @@ function renderUsersListPage(data) {
       label: "",
       className: "w-12",
       sortable: false,
-      render: (value, row) => {
+      render: (value2, row) => {
         const initials = `${row.firstName.charAt(0)}${row.lastName.charAt(0)}`.toUpperCase();
-        if (value) {
-          return `<img src="${value}" alt="${row.firstName} ${row.lastName}" class="w-8 h-8 rounded-full">`;
+        if (value2) {
+          return `<img src="${value2}" alt="${row.firstName} ${row.lastName}" class="w-8 h-8 rounded-full">`;
         }
         return `
           <div class="w-8 h-8 bg-gradient-to-br from-cyan-400 to-blue-500 dark:from-cyan-300 dark:to-blue-400 rounded-full flex items-center justify-center">
@@ -7333,7 +7332,7 @@ function renderUsersListPage(data) {
       label: "Name",
       sortable: true,
       sortType: "string",
-      render: (value, row) => {
+      render: (_value, row) => {
         const escapeHtml7 = (text) => text.replace(/[&<>"']/g, (char) => ({
           "&": "&amp;",
           "<": "&lt;",
@@ -7360,7 +7359,7 @@ function renderUsersListPage(data) {
       label: "Email",
       sortable: true,
       sortType: "string",
-      render: (value) => {
+      render: (value2) => {
         const escapeHtml7 = (text) => text.replace(/[&<>"']/g, (char) => ({
           "&": "&amp;",
           "<": "&lt;",
@@ -7368,7 +7367,7 @@ function renderUsersListPage(data) {
           '"': "&quot;",
           "'": "&#39;"
         })[char] || char);
-        const escapedEmail = escapeHtml7(value);
+        const escapedEmail = escapeHtml7(value2);
         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>`;
       }
     },
@@ -7377,7 +7376,7 @@ function renderUsersListPage(data) {
       label: "Role",
       sortable: true,
       sortType: "string",
-      render: (value) => {
+      render: (_value) => {
         const roleColors = {
           admin: "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",
           editor: "bg-blue-50 dark:bg-blue-500/10 text-blue-700 dark:text-blue-400 ring-1 ring-inset ring-blue-700/10 dark:ring-blue-500/20",
@@ -7393,7 +7392,7 @@ function renderUsersListPage(data) {
       label: "Last Login",
       sortable: true,
       sortType: "date",
-      render: (value) => {
+      render: (_value) => {
         if (!value) return '<span class="text-zinc-500 dark:text-zinc-400">Never</span>';
         return `<span class="text-sm text-zinc-500 dark:text-zinc-400">${new Date(value).toLocaleDateString()}</span>`;
       }
@@ -7403,14 +7402,14 @@ function renderUsersListPage(data) {
       label: "Created",
       sortable: true,
       sortType: "date",
-      render: (value) => `<span class="text-sm text-zinc-500 dark:text-zinc-400">${new Date(value).toLocaleDateString()}</span>`
+      render: (_value) => `<span class="text-sm text-zinc-500 dark:text-zinc-400">${new Date(value).toLocaleDateString()}</span>`
     },
     {
       key: "actions",
       label: "Actions",
       className: "text-right",
       sortable: false,
-      render: (value, row) => `
+      render: (_value, row) => `
         <div class="flex justify-end space-x-2">
           ${row.isActive ? `<button onclick="toggleUserStatus('${row.id}', false)" title="Deactivate user" class="inline-flex items-center justify-center p-2 text-sm font-medium rounded-lg bg-gradient-to-r from-red-500 to-pink-500 dark:from-red-400 dark:to-pink-400 text-white hover:from-red-600 hover:to-pink-600 dark:hover:from-red-500 dark:hover:to-pink-500 shadow-sm transition-all duration-200">
               <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -7901,7 +7900,7 @@ userRoutes.post("/profile/avatar", async (c) => {
   try {
     const formData = await c.req.formData();
     const avatarFile = formData.get("avatar");
-    if (!avatarFile || !avatarFile.name) {
+    if (!avatarFile || !(avatarFile instanceof File) || !avatarFile.name) {
       return c.html(renderAlert2({
         type: "error",
         message: "Please select an image file.",
@@ -8019,7 +8018,7 @@ userRoutes.post("/profile/password", async (c) => {
       VALUES (?, ?, ?, ?)
     `);
     await historyStmt.bind(
-      globalThis.crypto.randomUUID(),
+      crypto.randomUUID(),
       user.userId,
       userData.password_hash,
       Date.now()
@@ -8251,7 +8250,7 @@ userRoutes.post("/users/new", async (c) => {
       }));
     }
     const passwordHash = await AuthManager.hashPassword(password);
-    const userId = globalThis.crypto.randomUUID();
+    const userId = crypto.randomUUID();
     const createStmt = db.prepare(`
       INSERT INTO users (
         id, email, username, first_name, last_name, phone, bio,
@@ -8568,9 +8567,8 @@ userRoutes.post("/invite-user", async (c) => {
     if (existingUser) {
       return c.json({ error: "A user with this email already exists" }, 400);
     }
-    const invitationToken = globalThis.crypto.randomUUID();
-    const invitationExpires = Date.now() + 7 * 24 * 60 * 60 * 1e3;
-    const userId = globalThis.crypto.randomUUID();
+    const invitationToken = crypto.randomUUID();
+    const userId = crypto.randomUUID();
     const createUserStmt = db.prepare(`
       INSERT INTO users (
         id, email, first_name, last_name, role, 
@@ -8635,7 +8633,7 @@ userRoutes.post("/resend-invitation/:id", async (c) => {
     if (!invitedUser) {
       return c.json({ error: "User not found or invitation not valid" }, 404);
     }
-    const newInvitationToken = globalThis.crypto.randomUUID();
+    const newInvitationToken = crypto.randomUUID();
     const updateStmt = db.prepare(`
       UPDATE users SET 
         invitation_token = ?, 
@@ -10223,7 +10221,7 @@ adminMediaRoutes.get("/", async (c) => {
     const type = searchParams.get("type") || "all";
     const view = searchParams.get("view") || "grid";
     const page = parseInt(searchParams.get("page") || "1");
-    const cacheBust = searchParams.get("t");
+    const ____cacheBust = searchParams.get("t");
     const limit = 24;
     const offset = (page - 1) * limit;
     const db = c.env.DB;
@@ -10649,7 +10647,7 @@ adminMediaRoutes.post("/upload", async (c) => {
         });
       }
     }
-    let mediaGridHTML = "";
+    let __mediaGridHTML = "";
     if (uploadResults.length > 0) {
       try {
         const folder = formData.get("folder") || "uploads";
@@ -12145,10 +12143,10 @@ function renderSettingsTab(plugin) {
   `;
 }
 function renderSettingsFields(settings) {
-  return Object.entries(settings).map(([key, value]) => {
+  return Object.entries(settings).map(([key, value2]) => {
     const fieldId = `setting_${key}`;
     const displayName = key.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase());
-    if (typeof value === "boolean") {
+    if (typeof value2 === "boolean") {
       return `
         <div class="flex items-center justify-between">
           <div>
@@ -12156,12 +12154,12 @@ function renderSettingsFields(settings) {
             <p class="text-xs text-gray-400">Enable or disable this feature</p>
           </div>
           <label class="relative inline-flex items-center cursor-pointer">
-            <input type="checkbox" name="${fieldId}" id="${fieldId}" ${value ? "checked" : ""} class="sr-only peer">
+            <input type="checkbox" name="${fieldId}" id="${fieldId}" ${value2 ? "checked" : ""} class="sr-only peer">
             <div class="w-11 h-6 bg-gray-600 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-800 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600"></div>
           </label>
         </div>
       `;
-    } else if (typeof value === "number") {
+    } else if (typeof value2 === "number") {
       return `
         <div>
           <label for="${fieldId}" class="block text-sm font-medium text-gray-300 mb-2">${displayName}</label>
@@ -12169,7 +12167,7 @@ function renderSettingsFields(settings) {
             type="number" 
             name="${fieldId}" 
             id="${fieldId}" 
-            value="${value}"
+            value="${value2}"
             class="backdrop-blur-sm bg-white/10 border border-white/20 rounded-lg px-3 py-2 text-white placeholder-gray-300 focus:border-blue-400 focus:outline-none transition-colors w-full"
           >
         </div>
@@ -12182,7 +12180,7 @@ function renderSettingsFields(settings) {
             type="text" 
             name="${fieldId}" 
             id="${fieldId}" 
-            value="${value}"
+            value="${value2}"
             class="backdrop-blur-sm bg-white/10 border border-white/20 rounded-lg px-3 py-2 text-white placeholder-gray-300 focus:border-blue-400 focus:outline-none transition-colors w-full"
           >
         </div>
@@ -16690,8 +16688,8 @@ function renderTable2(data) {
                     </td>
                   ` : ""}
                   ${data.columns.map((column, colIndex) => {
-      const value = row[column.key];
-      const displayValue = column.render ? column.render(value, row) : value;
+      const value2 = row[column.key];
+      const displayValue = column.render ? column.render(value2, row) : value2;
       const stopPropagation = column.key === "actions" ? 'onclick="event.stopPropagation()"' : "";
       const isFirst = colIndex === 0 && !data.selectable;
       const isLast = colIndex === data.columns.length - 1;
@@ -16828,7 +16826,7 @@ function renderCollectionsListPage(data) {
         label: "Name",
         sortable: true,
         sortType: "string",
-        render: (value, collection) => `
+        render: (_value, collection) => `
             <div class="flex items-center gap-2 ml-2">
                 <span class="inline-flex items-center rounded-md bg-cyan-50 dark:bg-cyan-500/10 px-2.5 py-1 text-sm font-medium text-cyan-700 dark:text-cyan-300 ring-1 ring-inset ring-cyan-700/10 dark:ring-cyan-400/20">
                   ${collection.name}
@@ -16855,14 +16853,14 @@ function renderCollectionsListPage(data) {
         label: "Description",
         sortable: true,
         sortType: "string",
-        render: (value, collection) => collection.description || '<span class="text-zinc-500 dark:text-zinc-400">-</span>'
+        render: (_value, collection) => collection.description || '<span class="text-zinc-500 dark:text-zinc-400">-</span>'
       },
       {
         key: "field_count",
         label: "Fields",
         sortable: true,
         sortType: "number",
-        render: (value, collection) => {
+        render: (_value, collection) => {
           const count = collection.field_count || 0;
           return `
             <div class="flex items-center">
@@ -16878,7 +16876,7 @@ function renderCollectionsListPage(data) {
         label: "Source",
         sortable: true,
         sortType: "string",
-        render: (value, collection) => {
+        render: (_value, collection) => {
           if (collection.managed) {
             return `
               <div class="flex items-center gap-1.5">
@@ -16912,7 +16910,7 @@ function renderCollectionsListPage(data) {
         key: "actions",
         label: "Content",
         sortable: false,
-        render: (value, collection) => {
+        render: (_value, collection) => {
           if (!collection || !collection.id) return '<span class="text-zinc-500 dark:text-zinc-400">-</span>';
           return `
             <div class="flex items-center space-x-2">
@@ -17307,7 +17305,55 @@ function renderCollectionFormPage(data) {
           </style>
           
           ${renderForm(formData)}
-          
+
+          ${isEdit && data.managed ? `
+            <!-- Read-Only Fields Display for Managed Collections -->
+            <div class="mt-8 pt-8 border-t border-zinc-950/5 dark:border-white/10">
+              <div class="mb-6">
+                <h3 class="text-base/7 font-semibold text-zinc-950 dark:text-white">Collection Fields</h3>
+                <p class="text-sm/6 text-zinc-500 dark:text-zinc-400 mt-1">Fields defined in the configuration file (read-only)</p>
+              </div>
+
+              <!-- Fields List (Read-Only) -->
+              <div class="space-y-3">
+                ${(data.fields || []).map((field) => `
+                  <div class="bg-zinc-50 dark:bg-zinc-800/50 rounded-lg border border-zinc-950/5 dark:border-white/10 p-4">
+                    <div class="flex items-center justify-between">
+                      <div class="flex items-center gap-x-4">
+                        <div>
+                          <div class="flex items-center gap-x-2">
+                            <span class="text-sm/6 font-medium text-zinc-950 dark:text-white">${field.field_label}</span>
+                            <span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium bg-cyan-500/10 dark:bg-cyan-400/10 text-cyan-700 dark:text-cyan-300 ring-1 ring-inset ring-cyan-500/20 dark:ring-cyan-400/20">
+                              ${field.field_type}
+                            </span>
+                            ${field.is_required ? `
+                              <span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium bg-rose-500/10 dark:bg-rose-400/10 text-rose-700 dark:text-rose-300 ring-1 ring-inset ring-rose-500/20 dark:ring-rose-400/20">
+                                Required
+                              </span>
+                            ` : ""}
+                          </div>
+                          <div class="text-xs text-zinc-500 dark:text-zinc-400 mt-1">
+                            <code class="px-1.5 py-0.5 rounded bg-zinc-100 dark:bg-zinc-800 font-mono">${field.field_name}</code>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                `).join("")}
+
+                ${(data.fields || []).length === 0 ? `
+                  <div class="text-center py-12 text-zinc-500 dark:text-zinc-400">
+                    <svg class="mx-auto h-12 w-12 text-zinc-400 dark:text-zinc-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5">
+                      <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"/>
+                    </svg>
+                    <p class="mt-4 text-base/7 font-semibold text-zinc-950 dark:text-white">No fields defined</p>
+                    <p class="mt-2 text-sm/6">Add fields to your collection configuration file to see them here.</p>
+                  </div>
+                ` : ""}
+              </div>
+            </div>
+          ` : ""}
+
           ${isEdit && !data.managed ? `
             <!-- Fields Management Section -->
             <div class="mt-8 pt-8 border-t border-zinc-950/5 dark:border-white/10">
@@ -17866,7 +17912,7 @@ adminCollectionsRoutes.get("/", async (c) => {
     let results;
     if (search) {
       stmt = db.prepare(`
-        SELECT id, name, display_name, description, created_at, managed
+        SELECT id, name, display_name, description, created_at, managed, schema
         FROM collections
         WHERE is_active = 1
         AND (name LIKE ? OR display_name LIKE ? OR description LIKE ?)
@@ -17876,7 +17922,7 @@ adminCollectionsRoutes.get("/", async (c) => {
       const queryResults = await stmt.bind(searchParam, searchParam, searchParam).all();
       results = queryResults.results;
     } else {
-      stmt = db.prepare("SELECT id, name, display_name, description, created_at, managed FROM collections WHERE is_active = 1 ORDER BY created_at DESC");
+      stmt = db.prepare("SELECT id, name, display_name, description, created_at, managed, schema FROM collections WHERE is_active = 1 ORDER BY created_at DESC");
       const queryResults = await stmt.all();
       results = queryResults.results;
     }
@@ -17884,6 +17930,19 @@ adminCollectionsRoutes.get("/", async (c) => {
     const { results: fieldCountResults } = await fieldCountStmt.all();
     const fieldCounts = new Map((fieldCountResults || []).map((row) => [String(row.collection_id), Number(row.count)]));
     const collections = (results || []).filter((row) => row && row.id).map((row) => {
+      let fieldCount = 0;
+      if (row.schema) {
+        try {
+          const schema = typeof row.schema === "string" ? JSON.parse(row.schema) : row.schema;
+          if (schema && schema.properties) {
+            fieldCount = Object.keys(schema.properties).length;
+          }
+        } catch (e) {
+          fieldCount = fieldCounts.get(String(row.id)) || 0;
+        }
+      } else {
+        fieldCount = fieldCounts.get(String(row.id)) || 0;
+      }
       return {
         id: String(row.id || ""),
         name: String(row.name || ""),
@@ -17891,7 +17950,7 @@ adminCollectionsRoutes.get("/", async (c) => {
         description: row.description ? String(row.description) : void 0,
         created_at: Number(row.created_at || 0),
         formattedDate: row.created_at ? new Date(Number(row.created_at)).toLocaleDateString() : "Unknown",
-        field_count: fieldCounts.get(String(row.id)) || 0,
+        field_count: fieldCount,
         managed: row.managed === 1
       };
     });
@@ -18065,22 +18124,45 @@ adminCollectionsRoutes.get("/:id", async (c) => {
       };
       return c.html(renderCollectionFormPage(formData2));
     }
-    const fieldsStmt = db.prepare(`
-      SELECT * FROM content_fields
-      WHERE collection_id = ?
-      ORDER BY field_order ASC
-    `);
-    const { results: fieldsResults } = await fieldsStmt.bind(id).all();
-    const fields = (fieldsResults || []).map((row) => ({
-      id: row.id,
-      field_name: row.field_name,
-      field_type: row.field_type,
-      field_label: row.field_label,
-      field_options: row.field_options ? JSON.parse(row.field_options) : {},
-      field_order: row.field_order,
-      is_required: row.is_required === 1,
-      is_searchable: row.is_searchable === 1
-    }));
+    let fields = [];
+    if (collection.schema) {
+      try {
+        const schema = typeof collection.schema === "string" ? JSON.parse(collection.schema) : collection.schema;
+        if (schema && schema.properties) {
+          let fieldOrder = 0;
+          fields = Object.entries(schema.properties).map(([fieldName, fieldConfig]) => ({
+            id: `schema-${fieldName}`,
+            field_name: fieldName,
+            field_type: fieldConfig.type || "string",
+            field_label: fieldConfig.title || fieldName,
+            field_options: fieldConfig,
+            field_order: fieldOrder++,
+            is_required: fieldConfig.required === true || schema.required && schema.required.includes(fieldName),
+            is_searchable: false
+          }));
+        }
+      } catch (e) {
+        console.error("Error parsing collection schema:", e);
+      }
+    }
+    if (fields.length === 0) {
+      const fieldsStmt = db.prepare(`
+        SELECT * FROM content_fields
+        WHERE collection_id = ?
+        ORDER BY field_order ASC
+      `);
+      const { results: fieldsResults } = await fieldsStmt.bind(id).all();
+      fields = (fieldsResults || []).map((row) => ({
+        id: row.id,
+        field_name: row.field_name,
+        field_type: row.field_type,
+        field_label: row.field_label,
+        field_options: row.field_options ? JSON.parse(row.field_options) : {},
+        field_order: row.field_order,
+        is_required: row.is_required === 1,
+        is_searchable: row.is_searchable === 1
+      }));
+    }
     const formData = {
       id: collection.id,
       name: collection.name,
@@ -20170,5 +20252,5 @@ var ROUTES_INFO = {
 };
 
 export { ROUTES_INFO, adminCheckboxRoutes, adminCollectionsRoutes, adminDesignRoutes, adminLogsRoutes, adminMediaRoutes, adminPluginRoutes, adminSettingsRoutes, admin_api_default, admin_code_examples_default, admin_content_default, admin_faq_default, admin_testimonials_default, api_content_crud_default, api_default, api_media_default, api_system_default, auth_default, router, userRoutes };
-//# sourceMappingURL=chunk-JB2NUJJ5.js.map
-//# sourceMappingURL=chunk-JB2NUJJ5.js.map
+//# sourceMappingURL=chunk-ABYMIXRN.js.map
+//# sourceMappingURL=chunk-ABYMIXRN.js.map