@sonicjs-cms/core 2.8.3 → 2.9.0

package/dist/{chunk-CH5UHZVM.js → chunk-2JGQKF7B.js}

@@ -1,10 +1,10 @@
-import { getCacheService, CACHE_CONFIGS, getLogger, SettingsService } from './chunk-G44QUVNM.js';
-import { requireAuth, isPluginActive, optionalAuth, requireRole, rateLimit, AuthManager, logActivity, generateCsrfToken } from './chunk-Y3VMEGY2.js';
+import { getCacheService, CACHE_CONFIGS, getLogger, SettingsService, getAppInstance, buildRouteList, CATEGORY_INFO } from './chunk-7JMMLHPQ.js';
+import { requireAuth, isPluginActive, optionalAuth, requireRole, rateLimit, AuthManager, logActivity, generateCsrfToken } from './chunk-25YNV4RK.js';
 import { PluginService } from './chunk-YFJJU26H.js';
-import { MigrationService } from './chunk-GTFMI24U.js';
+import { MigrationService } from './chunk-STTZVLY2.js';
 import { init_admin_layout_catalyst_template, renderDesignPage, renderCheckboxPage, renderTestimonialsList, renderCodeExamplesList, renderAlert, renderTable, renderPagination, renderConfirmationDialog, getConfirmationDialogScript, renderAdminLayoutCatalyst, renderAdminLayout, adminLayoutV2, renderForm } from './chunk-JJS7JZCH.js';
 import { PluginBuilder, TurnstileService } from './chunk-J5WGMRSU.js';
-import { QueryFilterBuilder, getCoreVersion, getBlocksFieldConfig, parseBlocksValue } from './chunk-5XAI2XUF.js';
+import { QueryFilterBuilder, getCoreVersion, getBlocksFieldConfig, parseBlocksValue } from './chunk-3FHMXGLF.js';
 import { metricsTracker } from './chunk-FICTAGD4.js';
 import { escapeHtml, sanitizeRichText, sanitizeInput } from './chunk-TQABQWOP.js';
 import { Hono } from 'hono';
@@ -2281,7 +2281,7 @@ adminApiRoutes.delete("/collections/:id", async (c) => {
 });
 adminApiRoutes.get("/migrations/status", async (c) => {
   try {
-    const { MigrationService: MigrationService2 } = await import('./migrations-KHWFJ2HN.js');
+    const { MigrationService: MigrationService2 } = await import('./migrations-SZSR3C3G.js');
     const db = c.env.DB;
     const migrationService = new MigrationService2(db);
     const status = await migrationService.getMigrationStatus();
@@ -2306,7 +2306,7 @@ adminApiRoutes.post("/migrations/run", async (c) => {
         error: "Unauthorized. Admin access required."
       }, 403);
     }
-    const { MigrationService: MigrationService2 } = await import('./migrations-KHWFJ2HN.js');
+    const { MigrationService: MigrationService2 } = await import('./migrations-SZSR3C3G.js');
     const db = c.env.DB;
     const migrationService = new MigrationService2(db);
     const result = await migrationService.runPendingMigrations();
@@ -2325,7 +2325,7 @@ adminApiRoutes.post("/migrations/run", async (c) => {
 });
 adminApiRoutes.get("/migrations/validate", async (c) => {
   try {
-    const { MigrationService: MigrationService2 } = await import('./migrations-KHWFJ2HN.js');
+    const { MigrationService: MigrationService2 } = await import('./migrations-SZSR3C3G.js');
     const db = c.env.DB;
     const migrationService = new MigrationService2(db);
     const validation = await migrationService.validateSchema();
@@ -4284,7 +4284,7 @@ function getMDXEditorInitScript(config) {
   const toolbar = config?.toolbar || "full";
   const placeholder = config?.placeholder || "Start writing your content...";
   return `
-    // Initialize EasyMDE (Markdown Editor) for all richtext fields
+    // Initialize EasyMDE (Markdown Editor) only for markdown-marked fields
     function initializeMDXEditor() {
       if (typeof EasyMDE === 'undefined') {
         console.warn('EasyMDE not loaded yet, retrying...');
@@ -4293,7 +4293,7 @@ function getMDXEditorInitScript(config) {
       }
 
       // Find all textareas that need EasyMDE
-      document.querySelectorAll('.richtext-container textarea').forEach((textarea) => {
+      document.querySelectorAll('.richtext-container[data-editor-provider="easymde"] textarea').forEach((textarea) => {
         // Skip if already initialized
         if (textarea.dataset.mdxeditorInitialized === 'true') {
           return;
@@ -4392,11 +4392,11 @@ function getTinyMCEInitScript(config) {
   const contentCss = skin.includes("dark") ? "dark" : "default";
   const defaultHeight = config?.defaultHeight || 300;
   return `
-    // Initialize TinyMCE for all richtext fields
+    // Initialize TinyMCE only for TinyMCE-backed richtext fields
     function initializeTinyMCE() {
       if (typeof tinymce !== 'undefined') {
         // Find all textareas that need TinyMCE
-        document.querySelectorAll('.richtext-container textarea').forEach((textarea) => {
+        document.querySelectorAll('.richtext-container[data-editor-provider="tinymce"] textarea').forEach((textarea) => {
           // Skip if already initialized
           if (tinymce.get(textarea.id)) {
             return;
@@ -4833,6 +4833,24 @@ function getReadFieldValueScript() {
     </script>
   `;
 }
+function isMarkdownEditorFieldType(fieldType) {
+  return fieldType === "markdown" || fieldType === "mdxeditor" || fieldType === "easymde";
+}
+function getEditorMetadata(fieldType) {
+  if (fieldType === "richtext" || fieldType === "tinymce") {
+    return {
+      family: "richtext",
+      provider: "tinymce"
+    };
+  }
+  if (isMarkdownEditorFieldType(fieldType)) {
+    return {
+      family: "markdown",
+      provider: "easymde"
+    };
+  }
+  return null;
+}
 function renderDynamicField(field, options = {}) {
   const { value = "", errors = [], disabled = false, className = "", pluginStatuses = {}, collectionId = "", contentId = "" } = options;
   const opts = field.field_options || {};
@@ -4846,10 +4864,10 @@ function renderDynamicField(field, options = {}) {
   if (field.field_type === "quill" && !pluginStatuses.quillEnabled) {
     fallbackToTextarea = true;
     fallbackWarning = "\u26A0\uFE0F Quill Editor plugin is inactive. Using textarea fallback.";
-  } else if ((field.field_type === "mdxeditor" || field.field_type === "easymde" || field.field_type === "markdown") && !pluginStatuses.mdxeditorEnabled) {
+  } else if (isMarkdownEditorFieldType(field.field_type) && !pluginStatuses.mdxeditorEnabled) {
     fallbackToTextarea = true;
-    fallbackWarning = "\u26A0\uFE0F EasyMDE plugin is inactive. Using textarea fallback.";
-  } else if (field.field_type === "tinymce" && !pluginStatuses.tinymceEnabled) {
+    fallbackWarning = "\u26A0\uFE0F Markdown editor plugin is inactive. Using textarea fallback.";
+  } else if ((field.field_type === "richtext" || field.field_type === "tinymce") && !pluginStatuses.tinymceEnabled) {
     fallbackToTextarea = true;
     fallbackWarning = "\u26A0\uFE0F TinyMCE plugin is inactive. Using textarea fallback.";
   }
@@ -4971,8 +4989,10 @@ function renderDynamicField(field, options = {}) {
       `;
       break;
     case "richtext":
+    case "tinymce": {
+      const editorMetadata = getEditorMetadata(field.field_type);
       fieldHTML = `
-        <div class="richtext-container" data-height="${opts.height || 300}" data-toolbar="${opts.toolbar || "full"}">
+        <div class="richtext-container" data-height="${opts.height || 300}" data-toolbar="${opts.toolbar || "full"}" data-editor-family="${editorMetadata?.family || ""}" data-editor-provider="${editorMetadata?.provider || ""}">
           <textarea
             id="${fieldId}"
             name="${fieldName}"
@@ -4983,6 +5003,7 @@ function renderDynamicField(field, options = {}) {
         </div>
       `;
       break;
+    }
     case "quill":
       fieldHTML = `
         <div class="quill-editor-container" data-field-id="${fieldId}">
@@ -5006,12 +5027,12 @@ function renderDynamicField(field, options = {}) {
         </div>
       `;
       break;
-    case "mdxeditor":
-    case "tinymce":
-    case "easymde":
     case "markdown":
+    case "mdxeditor":
+    case "easymde": {
+      const editorMetadata = getEditorMetadata(field.field_type);
       fieldHTML = `
-        <div class="richtext-container" data-height="${opts.height || 300}" data-toolbar="${opts.toolbar || "full"}">
+        <div class="richtext-container" data-height="${opts.height || 300}" data-toolbar="${opts.toolbar || "full"}" data-editor-family="${editorMetadata?.family || ""}" data-editor-provider="${editorMetadata?.provider || ""}">
           <textarea
             id="${fieldId}"
             name="${fieldName}"
@@ -5022,6 +5043,7 @@ function renderDynamicField(field, options = {}) {
         </div>
       `;
       break;
+    }
     case "number":
       fieldHTML = `
         <input 
@@ -8240,6 +8262,40 @@ function renderContentListPage(data) {
   return renderAdminLayoutCatalyst(layoutData);
 }
 
+// src/routes/admin-content-field-types.ts
+function resolveSchemaFieldType(fieldConfig) {
+  if (fieldConfig.type === "slug" || fieldConfig.format === "slug") {
+    return "slug";
+  }
+  if (fieldConfig.type && fieldConfig.type !== "string") {
+    return fieldConfig.type;
+  }
+  if (fieldConfig.format === "richtext") {
+    return "richtext";
+  }
+  if (fieldConfig.format === "media") {
+    return "media";
+  }
+  if (fieldConfig.format === "date-time") {
+    return "date";
+  }
+  if (Array.isArray(fieldConfig.enum)) {
+    return "select";
+  }
+  return fieldConfig.type || "string";
+}
+function buildSchemaFieldOptions(fieldConfig) {
+  const fieldOptions = { ...fieldConfig };
+  const resolvedFieldType = resolveSchemaFieldType(fieldConfig);
+  if (resolvedFieldType === "select" && Array.isArray(fieldConfig.enum)) {
+    fieldOptions.options = fieldConfig.enum.map((value, index) => ({
+      value,
+      label: fieldConfig.enumLabels?.[index] || value
+    }));
+  }
+  return fieldOptions;
+}
+
 // src/routes/admin-content.ts
 var adminContentRoutes = new Hono();
 function parseFieldValue(field, formData, options = {}) {
@@ -8372,17 +8428,11 @@ async function getCollectionFields(db, collectionId) {
           if (schema && schema.properties) {
             let fieldOrder = 0;
             return Object.entries(schema.properties).map(([fieldName, fieldConfig]) => {
-              let fieldOptions = { ...fieldConfig };
-              if (fieldConfig.type === "select" && fieldConfig.enum) {
-                fieldOptions.options = fieldConfig.enum.map((value, index) => ({
-                  value,
-                  label: fieldConfig.enumLabels?.[index] || value
-                }));
-              }
+              const fieldOptions = buildSchemaFieldOptions(fieldConfig);
               return {
                 id: `schema-${fieldName}`,
                 field_name: fieldName,
-                field_type: fieldConfig.type || "string",
+                field_type: resolveSchemaFieldType(fieldConfig),
                 field_label: fieldConfig.title || fieldName,
                 field_options: fieldOptions,
                 field_order: fieldOrder++,
@@ -20780,6 +20830,20 @@ router.get("/system-status", async (c) => {
   }
 });
 
+// src/routes/admin-collections-field-types.ts
+function isMarkdownEditorType(fieldType) {
+  return fieldType === "markdown" || fieldType === "mdxeditor" || fieldType === "easymde";
+}
+function normalizeFieldType(fieldType) {
+  if (isMarkdownEditorType(fieldType)) {
+    return "markdown";
+  }
+  if (fieldType === "tinymce") {
+    return "richtext";
+  }
+  return fieldType;
+}
+
 // src/templates/pages/admin-collections-list.template.ts
 init_admin_layout_catalyst_template();
 
@@ -21266,7 +21330,9 @@ function getFieldTypeBadge(fieldType) {
     "slug": "URL Slug",
     "richtext": "Rich Text (TinyMCE)",
     "quill": "Rich Text (Quill)",
-    "mdxeditor": "EasyMDX",
+    "markdown": "Markdown",
+    "mdxeditor": "Markdown",
+    "easymde": "Markdown",
     "number": "Number",
     "boolean": "Boolean",
     "date": "Date",
@@ -21279,7 +21345,9 @@ function getFieldTypeBadge(fieldType) {
     "slug": "bg-sky-500/10 dark:bg-sky-400/10 text-sky-700 dark:text-sky-300 ring-sky-500/20 dark:ring-sky-400/20",
     "richtext": "bg-purple-500/10 dark:bg-purple-400/10 text-purple-700 dark:text-purple-300 ring-purple-500/20 dark:ring-purple-400/20",
     "quill": "bg-purple-500/10 dark:bg-purple-400/10 text-purple-700 dark:text-purple-300 ring-purple-500/20 dark:ring-purple-400/20",
+    "markdown": "bg-purple-500/10 dark:bg-purple-400/10 text-purple-700 dark:text-purple-300 ring-purple-500/20 dark:ring-purple-400/20",
     "mdxeditor": "bg-purple-500/10 dark:bg-purple-400/10 text-purple-700 dark:text-purple-300 ring-purple-500/20 dark:ring-purple-400/20",
+    "easymde": "bg-purple-500/10 dark:bg-purple-400/10 text-purple-700 dark:text-purple-300 ring-purple-500/20 dark:ring-purple-400/20",
     "number": "bg-green-500/10 dark:bg-green-400/10 text-green-700 dark:text-green-300 ring-green-500/20 dark:ring-green-400/20",
     "boolean": "bg-amber-500/10 dark:bg-amber-400/10 text-amber-700 dark:text-amber-300 ring-amber-500/20 dark:ring-amber-400/20",
     "date": "bg-cyan-500/10 dark:bg-cyan-400/10 text-cyan-700 dark:text-cyan-300 ring-cyan-500/20 dark:ring-cyan-400/20",
@@ -21760,7 +21828,7 @@ function renderCollectionFormPage(data) {
                 <option value="slug">URL Slug</option>
                 ${data.editorPlugins?.tinymce ? '<option value="richtext">Rich Text (TinyMCE)</option>' : ""}
                 ${data.editorPlugins?.quill ? '<option value="quill">Rich Text (Quill)</option>' : ""}
-                ${data.editorPlugins?.easyMdx ? '<option value="mdxeditor">EasyMDX</option>' : ""}
+                ${data.editorPlugins?.easyMdx ? '<option value="markdown">Markdown</option>' : ""}
                 <option value="number">Number</option>
                 <option value="boolean">Boolean</option>
                 <option value="date">Date</option>
@@ -21985,7 +22053,7 @@ function renderCollectionFormPage(data) {
           // Check if it's a schema field with field_options that might indicate the actual type
           if (field.field_options && typeof field.field_options === 'object') {
             // Only convert to richtext if type is explicitly 'string' and format is richtext
-            // Don't convert if it's already a specific editor type like 'mdxeditor', 'quill', etc.
+            // Don't convert if it's already a specific editor type like 'markdown', 'quill', etc.
             if (field.field_options.format === 'richtext' && uiFieldType === 'string') {
               uiFieldType = 'richtext';
             }
@@ -22006,6 +22074,12 @@ function renderCollectionFormPage(data) {
             uiFieldType = typeMapping[uiFieldType];
           }
 
+          if (uiFieldType === 'mdxeditor' || uiFieldType === 'easymde') {
+            uiFieldType = 'markdown';
+          } else if (uiFieldType === 'tinymce') {
+            uiFieldType = 'richtext';
+          }
+
           // Log all available options
           const availableOptions = Array.from(fieldTypeSelect.options).map(opt => ({ value: opt.value, text: opt.text }));
           console.log('Available dropdown options:', availableOptions);
@@ -22092,7 +22166,7 @@ function renderCollectionFormPage(data) {
 
         console.log('[Edit Field] Showing options for field type:', fieldType, '(original:', field.field_type, ')');
 
-        if (['select', 'radio', 'media', 'richtext', 'reference'].includes(fieldType)) {
+        if (['select', 'radio', 'media', 'richtext', 'markdown', 'reference'].includes(fieldType)) {
           optionsContainer.classList.remove('hidden');
 
           // Set help text based on type
@@ -22109,6 +22183,9 @@ function renderCollectionFormPage(data) {
             case 'richtext':
               helpText.textContent = 'Full-featured WYSIWYG text editor with formatting options';
               break;
+            case 'markdown':
+              helpText.textContent = 'Markdown editor with live preview powered by the EasyMDE plugin';
+              break;
             case 'reference':
               helpText.textContent = 'Link to content from other collections';
               break;
@@ -22249,7 +22326,7 @@ function renderCollectionFormPage(data) {
         const fieldNameInput = document.getElementById('modal-field-name');
 
         // Show/hide options based on field type
-        if (['select', 'radio', 'media', 'richtext', 'guid', 'reference'].includes(this.value)) {
+        if (['select', 'radio', 'media', 'richtext', 'markdown', 'guid', 'reference'].includes(this.value)) {
           optionsContainer.classList.remove('hidden');
 
           // Set default options and help text based on type
@@ -22270,6 +22347,10 @@ function renderCollectionFormPage(data) {
               fieldOptions.value = '{"toolbar": "full", "height": 400}';
               helpText.textContent = 'Full-featured WYSIWYG text editor with formatting options';
               break;
+            case 'markdown':
+              fieldOptions.value = '{"toolbar": "full", "height": 400}';
+              helpText.textContent = 'Markdown editor with live preview powered by the EasyMDE plugin';
+              break;
             case 'reference':
               fieldOptions.value = '{"collection": ["pages", "posts"]}';
               helpText.textContent = 'Link to content from other collections';
@@ -22830,11 +22911,12 @@ adminCollectionsRoutes.post("/:id/fields", async (c) => {
         searchable: isSearchable,
         ...parsedOptions
       };
-      if (fieldType === "richtext") {
+      const normalizedFieldType = normalizeFieldType(fieldType);
+      if (normalizedFieldType === "richtext") {
         fieldConfig.format = "richtext";
-      } else if (fieldType === "date") {
+      } else if (normalizedFieldType === "date") {
         fieldConfig.format = "date-time";
-      } else if (fieldType === "select") {
+      } else if (normalizedFieldType === "select") {
         fieldConfig.enum = parsedOptions.options || [];
       } else if (fieldType === "radio") {
         fieldConfig.type = "radio";
@@ -22843,20 +22925,14 @@ adminCollectionsRoutes.post("/:id/fields", async (c) => {
         }
       } else if (fieldType === "media") {
         fieldConfig.format = "media";
-      } else if (fieldType === "slug") {
+      } else if (normalizedFieldType === "slug") {
         fieldConfig.type = "slug";
         fieldConfig.format = "slug";
-      } else if (fieldType === "quill") {
+      } else if (normalizedFieldType === "quill") {
         fieldConfig.type = "quill";
-      } else if (fieldType === "mdxeditor") {
-        fieldConfig.type = "mdxeditor";
-      } else if (fieldType === "tinymce") {
-        fieldConfig.type = "tinymce";
-      } else if (fieldType === "easymde") {
-        fieldConfig.type = "easymde";
-      } else if (fieldType === "markdown") {
+      } else if (normalizedFieldType === "markdown") {
         fieldConfig.type = "markdown";
-      } else if (fieldType === "reference") {
+      } else if (normalizedFieldType === "reference") {
         fieldConfig.type = "reference";
       }
       schema.properties[fieldName] = fieldConfig;
@@ -27461,6 +27537,33 @@ var public_forms_default = publicFormsRoutes;
 
 // src/templates/pages/admin-api-reference.template.ts
 init_admin_layout_catalyst_template();
+function renderAuthBadge(auth) {
+  if (auth === true) {
+    return `
+      <span class="shrink-0 inline-flex items-center gap-x-1 rounded-md bg-amber-50 dark:bg-amber-500/10 px-2 py-1 text-xs font-medium text-amber-700 dark:text-amber-300 ring-1 ring-inset ring-amber-700/10 dark:ring-amber-400/20">
+        <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
+        </svg>
+        Auth
+      </span>`;
+  }
+  if (auth === false) {
+    return `
+      <span class="shrink-0 inline-flex items-center gap-x-1 rounded-md bg-lime-50 dark:bg-lime-500/10 px-2 py-1 text-xs font-medium text-lime-700 dark:text-lime-300 ring-1 ring-inset ring-lime-700/10 dark:ring-lime-400/20">
+        <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
+        </svg>
+        Public
+      </span>`;
+  }
+  return `
+    <span class="shrink-0 inline-flex items-center gap-x-1 rounded-md bg-zinc-50 dark:bg-zinc-500/10 px-2 py-1 text-xs font-medium text-zinc-500 dark:text-zinc-400 ring-1 ring-inset ring-zinc-500/10 dark:ring-zinc-400/20">
+      <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
+      </svg>
+      Unknown
+    </span>`;
+}
 function renderAPIReferencePage(data) {
   const endpointsByCategory = data.endpoints.reduce((acc, endpoint) => {
     if (!acc[endpoint.category]) {
@@ -27469,40 +27572,18 @@ function renderAPIReferencePage(data) {
     acc[endpoint.category].push(endpoint);
     return acc;
   }, {});
-  const categoryInfo = {
-    "Auth": {
-      title: "Authentication",
-      description: "User authentication and authorization endpoints",
-      icon: "\u{1F510}"
-    },
-    "Content": {
-      title: "Content Management",
-      description: "Content creation, retrieval, and management",
-      icon: "\u{1F4DD}"
-    },
-    "Media": {
-      title: "Media Management",
-      description: "File upload, storage, and media operations",
-      icon: "\u{1F5BC}\uFE0F"
-    },
-    "Admin": {
-      title: "Admin Interface",
-      description: "Administrative panel and management features",
-      icon: "\u2699\uFE0F"
-    },
-    "System": {
-      title: "System",
-      description: "Health checks and system information",
-      icon: "\u{1F527}"
-    }
-  };
+  const categories = Object.keys(endpointsByCategory);
+  const totalEndpoints = data.endpoints.length;
+  const publicEndpoints = data.endpoints.filter((e) => e.authentication === false).length;
+  const protectedEndpoints = data.endpoints.filter((e) => e.authentication === true).length;
+  const undocumentedCount = data.endpoints.filter((e) => e.documented === false).length;
   const pageContent = `
     <div class="space-y-6">
       <!-- Header -->
       <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between">
         <div>
           <h1 class="text-2xl/8 font-semibold text-zinc-950 dark:text-white sm:text-xl/8">API Reference</h1>
-          <p class="mt-2 text-sm/6 text-zinc-500 dark:text-zinc-400">Complete documentation of all available API endpoints</p>
+          <p class="mt-2 text-sm/6 text-zinc-500 dark:text-zinc-400">Auto-discovered documentation of all registered API endpoints</p>
         </div>
         <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
           <a href="/api" target="_blank" class="inline-flex items-center justify-center gap-x-1.5 rounded-lg bg-zinc-950 dark:bg-white px-3.5 py-2.5 text-sm font-semibold text-white dark:text-zinc-950 hover:bg-zinc-800 dark:hover:bg-zinc-100 transition-colors shadow-sm">
@@ -27515,29 +27596,35 @@ function renderAPIReferencePage(data) {
       </div>
 
       <!-- Stats -->
-      <dl class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
+      <dl class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-5">
         <div class="rounded-lg bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 px-6 py-5">
           <dt class="text-sm/6 font-medium text-zinc-500 dark:text-zinc-400">Total Endpoints</dt>
           <dd class="mt-2 flex items-baseline gap-x-2">
-            <span class="text-4xl font-semibold tracking-tight text-zinc-950 dark:text-white">${data.endpoints.length}</span>
+            <span class="text-4xl font-semibold tracking-tight text-zinc-950 dark:text-white">${totalEndpoints}</span>
           </dd>
         </div>
         <div class="rounded-lg bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 px-6 py-5">
           <dt class="text-sm/6 font-medium text-zinc-500 dark:text-zinc-400">Public Endpoints</dt>
           <dd class="mt-2 flex items-baseline gap-x-2">
-            <span class="text-4xl font-semibold tracking-tight text-lime-600 dark:text-lime-400">${data.endpoints.filter((e) => !e.authentication).length}</span>
+            <span class="text-4xl font-semibold tracking-tight text-lime-600 dark:text-lime-400">${publicEndpoints}</span>
           </dd>
         </div>
         <div class="rounded-lg bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 px-6 py-5">
           <dt class="text-sm/6 font-medium text-zinc-500 dark:text-zinc-400">Protected Endpoints</dt>
           <dd class="mt-2 flex items-baseline gap-x-2">
-            <span class="text-4xl font-semibold tracking-tight text-amber-600 dark:text-amber-400">${data.endpoints.filter((e) => e.authentication).length}</span>
+            <span class="text-4xl font-semibold tracking-tight text-amber-600 dark:text-amber-400">${protectedEndpoints}</span>
           </dd>
         </div>
         <div class="rounded-lg bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 px-6 py-5">
           <dt class="text-sm/6 font-medium text-zinc-500 dark:text-zinc-400">Categories</dt>
           <dd class="mt-2 flex items-baseline gap-x-2">
-            <span class="text-4xl font-semibold tracking-tight text-cyan-600 dark:text-cyan-400">${Object.keys(endpointsByCategory).length}</span>
+            <span class="text-4xl font-semibold tracking-tight text-cyan-600 dark:text-cyan-400">${categories.length}</span>
+          </dd>
+        </div>
+        <div class="rounded-lg bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 px-6 py-5">
+          <dt class="text-sm/6 font-medium text-zinc-500 dark:text-zinc-400">Undocumented</dt>
+          <dd class="mt-2 flex items-baseline gap-x-2">
+            <span class="text-4xl font-semibold tracking-tight ${undocumentedCount > 0 ? "text-zinc-400 dark:text-zinc-500" : "text-lime-600 dark:text-lime-400"}">${undocumentedCount}</span>
           </dd>
         </div>
       </dl>
@@ -27589,9 +27676,11 @@ function renderAPIReferencePage(data) {
                   class="col-start-1 row-start-1 w-full appearance-none rounded-lg bg-white dark:bg-zinc-800 py-2 pl-3 pr-8 text-sm text-zinc-950 dark:text-white outline outline-1 -outline-offset-1 outline-zinc-950/10 dark:outline-white/10 *:bg-white dark:*:bg-zinc-800 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-zinc-950 dark:focus:outline-white min-w-[200px]"
                 >
                   <option value="">All Categories</option>
-                  ${Object.keys(categoryInfo).map((category) => `
-                    <option value="${category}">${categoryInfo[category].title}</option>
-                  `).join("")}
+                  ${categories.map((category) => {
+    const info = CATEGORY_INFO[category];
+    const title = info ? info.title : category;
+    return `<option value="${category}">${title}</option>`;
+  }).join("\n                  ")}
                 </select>
                 <svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" class="pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-zinc-500 dark:text-zinc-400 sm:size-4">
                   <path d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" fill-rule="evenodd" />
@@ -27605,7 +27694,7 @@ function renderAPIReferencePage(data) {
       <!-- API Categories -->
       <div class="space-y-6">
         ${Object.entries(endpointsByCategory).map(([category, endpoints]) => {
-    const info = categoryInfo[category] || { title: category, description: "", icon: "\u{1F4CB}" };
+    const info = CATEGORY_INFO[category] || { title: category, description: "", icon: "&#x1f4cb;" };
     return `
             <div class="api-category" data-category="${category}">
               <div class="rounded-lg bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 overflow-hidden">
@@ -27639,23 +27728,14 @@ function renderAPIReferencePage(data) {
                         <div class="flex-1 min-w-0">
                           <div class="flex items-center gap-x-2 mb-2">
                             <code class="text-zinc-950 dark:text-white text-sm font-mono font-medium break-all">${endpoint.path}</code>
-                            ${endpoint.authentication ? `
-                              <span class="shrink-0 inline-flex items-center gap-x-1 rounded-md bg-amber-50 dark:bg-amber-500/10 px-2 py-1 text-xs font-medium text-amber-700 dark:text-amber-300 ring-1 ring-inset ring-amber-700/10 dark:ring-amber-400/20">
-                                <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
-                                  <path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
-                                </svg>
-                                Auth
-                              </span>
-                            ` : `
-                              <span class="shrink-0 inline-flex items-center gap-x-1 rounded-md bg-lime-50 dark:bg-lime-500/10 px-2 py-1 text-xs font-medium text-lime-700 dark:text-lime-300 ring-1 ring-inset ring-lime-700/10 dark:ring-lime-400/20">
-                                <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
-                                  <path stroke-linecap="round" stroke-linejoin="round" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
-                                </svg>
-                                Public
+                            ${renderAuthBadge(endpoint.authentication)}
+                            ${endpoint.documented === false ? `
+                              <span class="shrink-0 inline-flex items-center rounded-md bg-zinc-50 dark:bg-zinc-800 px-2 py-1 text-xs font-medium text-zinc-400 dark:text-zinc-500 ring-1 ring-inset ring-zinc-200 dark:ring-zinc-700">
+                                Auto-discovered
                               </span>
-                            `}
+                            ` : ""}
                           </div>
-                          <p class="text-zinc-600 dark:text-zinc-400 text-sm leading-6">${endpoint.description}</p>
+                          <p class="text-zinc-600 dark:text-zinc-400 text-sm leading-6">${endpoint.description || '<em class="text-zinc-400 dark:text-zinc-500">No description available</em>'}</p>
                         </div>
                       </div>
                     </div>
@@ -27733,8 +27813,8 @@ function renderAPIReferencePage(data) {
               const path = endpoint.dataset.path.toLowerCase();
               const description = endpoint.dataset.description.toLowerCase();
 
-              const matchesSearch = !searchTerm || 
-                path.includes(searchTerm) || 
+              const matchesSearch = !searchTerm ||
+                path.includes(searchTerm) ||
                 description.includes(searchTerm);
               const matchesMethod = !selectedMethod || method === selectedMethod;
 
@@ -27794,207 +27874,13 @@ function renderAPIReferencePage(data) {
 var VERSION2 = getCoreVersion();
 var router2 = new Hono();
 router2.use("*", requireAuth());
-var apiEndpoints = [
-  // Auth endpoints
-  {
-    method: "POST",
-    path: "/auth/login",
-    description: "Authenticate user with email and password",
-    authentication: false,
-    category: "Auth"
-  },
-  {
-    method: "POST",
-    path: "/auth/register",
-    description: "Register a new user account",
-    authentication: false,
-    category: "Auth"
-  },
-  {
-    method: "POST",
-    path: "/auth/logout",
-    description: "Log out the current user and invalidate session",
-    authentication: true,
-    category: "Auth"
-  },
-  {
-    method: "GET",
-    path: "/auth/me",
-    description: "Get current authenticated user information",
-    authentication: true,
-    category: "Auth"
-  },
-  {
-    method: "POST",
-    path: "/auth/refresh",
-    description: "Refresh authentication token",
-    authentication: true,
-    category: "Auth"
-  },
-  // Content endpoints
-  {
-    method: "GET",
-    path: "/api/collections",
-    description: "List all available collections",
-    authentication: false,
-    category: "Content"
-  },
-  {
-    method: "GET",
-    path: "/api/collections/:collection/content",
-    description: "Get all content items from a specific collection",
-    authentication: false,
-    category: "Content"
-  },
-  {
-    method: "GET",
-    path: "/api/content/:id",
-    description: "Get a specific content item by ID",
-    authentication: false,
-    category: "Content"
-  },
-  {
-    method: "POST",
-    path: "/api/content",
-    description: "Create a new content item",
-    authentication: true,
-    category: "Content"
-  },
-  {
-    method: "PUT",
-    path: "/api/content/:id",
-    description: "Update an existing content item",
-    authentication: true,
-    category: "Content"
-  },
-  {
-    method: "DELETE",
-    path: "/api/content/:id",
-    description: "Delete a content item",
-    authentication: true,
-    category: "Content"
-  },
-  // Media endpoints
-  {
-    method: "GET",
-    path: "/api/media",
-    description: "List all media files with pagination",
-    authentication: false,
-    category: "Media"
-  },
-  {
-    method: "GET",
-    path: "/api/media/:id",
-    description: "Get a specific media file by ID",
-    authentication: false,
-    category: "Media"
-  },
-  {
-    method: "POST",
-    path: "/api/media/upload",
-    description: "Upload a new media file to R2 storage",
-    authentication: true,
-    category: "Media"
-  },
-  {
-    method: "DELETE",
-    path: "/api/media/:id",
-    description: "Delete a media file from storage",
-    authentication: true,
-    category: "Media"
-  },
-  // Admin endpoints
-  {
-    method: "GET",
-    path: "/admin/api/stats",
-    description: "Get dashboard statistics (collections, content, media, users)",
-    authentication: true,
-    category: "Admin"
-  },
-  {
-    method: "GET",
-    path: "/admin/api/storage",
-    description: "Get storage usage information",
-    authentication: true,
-    category: "Admin"
-  },
-  {
-    method: "GET",
-    path: "/admin/api/activity",
-    description: "Get recent activity logs",
-    authentication: true,
-    category: "Admin"
-  },
-  {
-    method: "GET",
-    path: "/admin/api/collections",
-    description: "List all collections with field counts",
-    authentication: true,
-    category: "Admin"
-  },
-  {
-    method: "POST",
-    path: "/admin/api/collections",
-    description: "Create a new collection",
-    authentication: true,
-    category: "Admin"
-  },
-  {
-    method: "PATCH",
-    path: "/admin/api/collections/:id",
-    description: "Update an existing collection",
-    authentication: true,
-    category: "Admin"
-  },
-  {
-    method: "DELETE",
-    path: "/admin/api/collections/:id",
-    description: "Delete a collection (must be empty)",
-    authentication: true,
-    category: "Admin"
-  },
-  {
-    method: "GET",
-    path: "/admin/api/migrations/status",
-    description: "Get database migration status",
-    authentication: true,
-    category: "Admin"
-  },
-  {
-    method: "POST",
-    path: "/admin/api/migrations/run",
-    description: "Run pending database migrations",
-    authentication: true,
-    category: "Admin"
-  },
-  // System endpoints
-  {
-    method: "GET",
-    path: "/health",
-    description: "Health check endpoint for monitoring",
-    authentication: false,
-    category: "System"
-  },
-  {
-    method: "GET",
-    path: "/api/health",
-    description: "API health check with schema information",
-    authentication: false,
-    category: "System"
-  },
-  {
-    method: "GET",
-    path: "/api",
-    description: "API root - returns API information and OpenAPI spec",
-    authentication: false,
-    category: "System"
-  }
-];
 router2.get("/", async (c) => {
   const user = c.get("user");
   try {
+    const app2 = getAppInstance();
+    const endpoints = buildRouteList(app2);
     const pageData = {
-      endpoints: apiEndpoints,
+      endpoints,
       user: user ? {
         name: user.email.split("@")[0] || user.email,
         email: user.email,
@@ -28050,5 +27936,5 @@ var ROUTES_INFO = {
 };
 
 export { ROUTES_INFO, adminCheckboxRoutes, adminCollectionsRoutes, adminDesignRoutes, adminFormsRoutes, adminLogsRoutes, adminMediaRoutes, adminPluginRoutes, adminSettingsRoutes, admin_api_default, admin_code_examples_default, admin_content_default, admin_testimonials_default, api_content_crud_default, api_default, api_media_default, api_system_default, auth_default, getConfirmationDialogScript2 as getConfirmationDialogScript, public_forms_default, renderConfirmationDialog2 as renderConfirmationDialog, router, router2, test_cleanup_default, userRoutes };
-//# sourceMappingURL=chunk-CH5UHZVM.js.map
-//# sourceMappingURL=chunk-CH5UHZVM.js.map
+//# sourceMappingURL=chunk-2JGQKF7B.js.map
+//# sourceMappingURL=chunk-2JGQKF7B.js.map