npm - @intranefr/superbackend - Versions diffs - 1.4.3 - Mend

@intranefr/superbackend 1.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (188) hide show

package/.commiat +4 -0
package/.env.example +47 -0
package/README.md +110 -0
package/index.js +94 -0
package/package.json +67 -0
package/public/css/styles.css +139 -0
package/public/js/animations.js +41 -0
package/sdk/error-tracking/browser/package.json +16 -0
package/sdk/error-tracking/browser/src/core.js +270 -0
package/sdk/error-tracking/browser/src/embed.js +18 -0
package/sdk/error-tracking/browser/src/index.js +1 -0
package/server.js +5 -0
package/src/admin/endpointRegistry.js +300 -0
package/src/controllers/admin.controller.js +321 -0
package/src/controllers/adminAssets.controller.js +530 -0
package/src/controllers/adminAssetsStorage.controller.js +260 -0
package/src/controllers/adminEjsVirtual.controller.js +354 -0
package/src/controllers/adminFeatureFlags.controller.js +155 -0
package/src/controllers/adminHeadless.controller.js +1071 -0
package/src/controllers/adminI18n.controller.js +604 -0
package/src/controllers/adminJsonConfigs.controller.js +97 -0
package/src/controllers/adminLlm.controller.js +273 -0
package/src/controllers/adminMigration.controller.js +257 -0
package/src/controllers/adminSeoConfig.controller.js +515 -0
package/src/controllers/adminStats.controller.js +121 -0
package/src/controllers/adminUploadNamespaces.controller.js +208 -0
package/src/controllers/assets.controller.js +248 -0
package/src/controllers/auth.controller.js +93 -0
package/src/controllers/billing.controller.js +223 -0
package/src/controllers/featureFlags.controller.js +35 -0
package/src/controllers/forms.controller.js +217 -0
package/src/controllers/globalSettings.controller.js +252 -0
package/src/controllers/headlessCrud.controller.js +126 -0
package/src/controllers/i18n.controller.js +12 -0
package/src/controllers/invite.controller.js +249 -0
package/src/controllers/jsonConfigs.controller.js +19 -0
package/src/controllers/metrics.controller.js +149 -0
package/src/controllers/notificationAdmin.controller.js +264 -0
package/src/controllers/notifications.controller.js +131 -0
package/src/controllers/org.controller.js +357 -0
package/src/controllers/orgAdmin.controller.js +491 -0
package/src/controllers/stripeAdmin.controller.js +410 -0
package/src/controllers/user.controller.js +361 -0
package/src/controllers/userAdmin.controller.js +277 -0
package/src/controllers/waitingList.controller.js +167 -0
package/src/controllers/webhook.controller.js +200 -0
package/src/middleware/auth.js +66 -0
package/src/middleware/errorCapture.js +170 -0
package/src/middleware/headlessApiTokenAuth.js +57 -0
package/src/middleware/org.js +108 -0
package/src/middleware.js +901 -0
package/src/models/ActionEvent.js +31 -0
package/src/models/ActivityLog.js +41 -0
package/src/models/Asset.js +84 -0
package/src/models/AuditEvent.js +93 -0
package/src/models/EmailLog.js +28 -0
package/src/models/ErrorAggregate.js +72 -0
package/src/models/FormSubmission.js +41 -0
package/src/models/GlobalSetting.js +38 -0
package/src/models/HeadlessApiToken.js +24 -0
package/src/models/HeadlessModelDefinition.js +41 -0
package/src/models/I18nEntry.js +77 -0
package/src/models/I18nLocale.js +33 -0
package/src/models/Invite.js +70 -0
package/src/models/JsonConfig.js +46 -0
package/src/models/Notification.js +60 -0
package/src/models/Organization.js +57 -0
package/src/models/OrganizationMember.js +43 -0
package/src/models/StripeCatalogItem.js +77 -0
package/src/models/StripeWebhookEvent.js +57 -0
package/src/models/User.js +89 -0
package/src/models/VirtualEjsFile.js +60 -0
package/src/models/VirtualEjsFileVersion.js +43 -0
package/src/models/VirtualEjsGroupChange.js +32 -0
package/src/models/WaitingList.js +41 -0
package/src/models/Webhook.js +63 -0
package/src/models/Workflow.js +29 -0
package/src/models/WorkflowExecution.js +12 -0
package/src/routes/admin.routes.js +26 -0
package/src/routes/adminAssets.routes.js +28 -0
package/src/routes/adminAssetsStorage.routes.js +13 -0
package/src/routes/adminAudit.routes.js +196 -0
package/src/routes/adminEjsVirtual.routes.js +17 -0
package/src/routes/adminErrors.routes.js +164 -0
package/src/routes/adminFeatureFlags.routes.js +12 -0
package/src/routes/adminHeadless.routes.js +38 -0
package/src/routes/adminI18n.routes.js +22 -0
package/src/routes/adminJsonConfigs.routes.js +15 -0
package/src/routes/adminLlm.routes.js +12 -0
package/src/routes/adminMigration.routes.js +81 -0
package/src/routes/adminSeoConfig.routes.js +20 -0
package/src/routes/adminUploadNamespaces.routes.js +13 -0
package/src/routes/assets.routes.js +21 -0
package/src/routes/auth.routes.js +12 -0
package/src/routes/billing.routes.js +11 -0
package/src/routes/errorTracking.routes.js +31 -0
package/src/routes/featureFlags.routes.js +9 -0
package/src/routes/forms.routes.js +9 -0
package/src/routes/formsAdmin.routes.js +13 -0
package/src/routes/globalSettings.routes.js +18 -0
package/src/routes/headless.routes.js +15 -0
package/src/routes/i18n.routes.js +8 -0
package/src/routes/invite.routes.js +9 -0
package/src/routes/jsonConfigs.routes.js +8 -0
package/src/routes/log.routes.js +111 -0
package/src/routes/metrics.routes.js +9 -0
package/src/routes/notificationAdmin.routes.js +15 -0
package/src/routes/notifications.routes.js +12 -0
package/src/routes/org.routes.js +31 -0
package/src/routes/orgAdmin.routes.js +20 -0
package/src/routes/publicAssets.routes.js +7 -0
package/src/routes/stripeAdmin.routes.js +20 -0
package/src/routes/user.routes.js +22 -0
package/src/routes/userAdmin.routes.js +15 -0
package/src/routes/waitingList.routes.js +13 -0
package/src/routes/waitingListAdmin.routes.js +9 -0
package/src/routes/webhook.routes.js +32 -0
package/src/routes/workflowWebhook.routes.js +54 -0
package/src/routes/workflows.routes.js +110 -0
package/src/services/assets.service.js +110 -0
package/src/services/audit.service.js +62 -0
package/src/services/auditLogger.js +165 -0
package/src/services/ejsVirtual.service.js +614 -0
package/src/services/email.service.js +351 -0
package/src/services/errorLogger.js +221 -0
package/src/services/featureFlags.service.js +202 -0
package/src/services/forms.service.js +214 -0
package/src/services/globalSettings.service.js +49 -0
package/src/services/headlessApiTokens.service.js +158 -0
package/src/services/headlessCrypto.service.js +31 -0
package/src/services/headlessModels.service.js +356 -0
package/src/services/i18n.service.js +314 -0
package/src/services/i18nInferredKeys.service.js +337 -0
package/src/services/jsonConfigs.service.js +392 -0
package/src/services/llm.service.js +749 -0
package/src/services/migration.service.js +581 -0
package/src/services/migrationAssets/fsLocal.js +58 -0
package/src/services/migrationAssets/index.js +134 -0
package/src/services/migrationAssets/s3.js +75 -0
package/src/services/migrationAssets/sftp.js +92 -0
package/src/services/notification.service.js +212 -0
package/src/services/objectStorage.service.js +514 -0
package/src/services/seoConfig.service.js +402 -0
package/src/services/storage.js +150 -0
package/src/services/stripe.service.js +185 -0
package/src/services/stripeHelper.service.js +264 -0
package/src/services/uploadNamespaces.service.js +326 -0
package/src/services/webhook.service.js +157 -0
package/src/services/workflow.service.js +271 -0
package/src/utils/asyncHandler.js +5 -0
package/src/utils/encryption.js +80 -0
package/src/utils/jwt.js +40 -0
package/src/utils/orgRoles.js +156 -0
package/src/utils/validation.js +26 -0
package/src/utils/webhookRetry.js +93 -0
package/views/admin-assets.ejs +444 -0
package/views/admin-audit.ejs +283 -0
package/views/admin-coolify-deploy.ejs +207 -0
package/views/admin-dashboard-home.ejs +291 -0
package/views/admin-dashboard.ejs +397 -0
package/views/admin-ejs-virtual.ejs +280 -0
package/views/admin-errors.ejs +368 -0
package/views/admin-feature-flags.ejs +390 -0
package/views/admin-forms.ejs +526 -0
package/views/admin-global-settings.ejs +436 -0
package/views/admin-headless.ejs +2020 -0
package/views/admin-i18n-locales.ejs +221 -0
package/views/admin-i18n.ejs +728 -0
package/views/admin-json-configs.ejs +410 -0
package/views/admin-llm.ejs +884 -0
package/views/admin-metrics.ejs +274 -0
package/views/admin-migration.ejs +814 -0
package/views/admin-notifications.ejs +430 -0
package/views/admin-organizations.ejs +984 -0
package/views/admin-seo-config.ejs +673 -0
package/views/admin-stripe-pricing.ejs +558 -0
package/views/admin-test.ejs +342 -0
package/views/admin-users.ejs +452 -0
package/views/admin-waiting-list.ejs +547 -0
package/views/admin-webhooks.ejs +329 -0
package/views/admin-workflows.ejs +310 -0
package/views/partials/admin-assets-script.ejs +2022 -0
package/views/partials/admin-test-sidebar.ejs +14 -0
package/views/partials/dashboard/nav-items.ejs +66 -0
package/views/partials/dashboard/palette.ejs +63 -0
package/views/partials/dashboard/sidebar.ejs +21 -0
package/views/partials/dashboard/tab-bar.ejs +26 -0
package/views/partials/footer.ejs +3 -0

package/views/admin-i18n.ejs ADDED Viewed

@@ -0,0 +1,728 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>i18n - Admin</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <style>
+    .toast { animation: slideIn 0.3s ease-out; }
+    @keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
+    .fade-out { animation: fadeOut 0.3s ease-out forwards; }
+    @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
+  </style>
+</head>
+<body class="bg-gray-100">
+  <div class="min-h-screen">
+    <div class="bg-white shadow">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
+        <div class="flex justify-between items-center">
+          <div>
+            <h1 class="text-2xl font-bold text-gray-900">i18n Manager</h1>
+            <p class="text-sm text-gray-600 mt-1">Manage translations (entries) and AI translations</p>
+          </div>
+          <div class="flex items-center gap-4">
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <div class="bg-white rounded-lg shadow p-6">
+        <div class="flex flex-col md:flex-row gap-4 md:items-end md:justify-between">
+          <div class="flex gap-3 items-end">
+            <div>
+              <label class="block text-sm font-medium mb-2">Locale</label>
+              <select id="locale" class="border rounded px-3 py-2" onchange="loadEntries()"></select>
+            </div>
+            <div>
+              <label class="block text-sm font-medium mb-2">Search key</label>
+              <input id="search" class="border rounded px-3 py-2" placeholder="e.g. landing.hero.title" oninput="loadEntries()" onkeydown="if (event.key === 'Enter') { event.preventDefault(); loadEntries(); }" />
+            </div>
+            <div class="flex items-center gap-2 pb-2">
+              <input id="missingOnly" type="checkbox" onchange="loadEntries()" />
+              <label for="missingOnly" class="text-sm">Missing only</label>
+            </div>
+            <div class="flex items-center gap-2 pb-2">
+              <input id="includeInferred" type="checkbox" onchange="loadEntries()" />
+              <label for="includeInferred" class="text-sm">Include inferred keys</label>
+            </div>
+          </div>
+          <div class="flex gap-2">
+            <button onclick="loadEntries()" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">Refresh</button>
+            <button onclick="showCreate()" class="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600">New Entry</button>
+            <button onclick="showAi()" class="bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700">AI Translate</button>
+          </div>
+        </div>
+        <div class="mt-6 overflow-auto">
+          <table class="min-w-full text-sm">
+            <thead>
+              <tr class="text-left border-b">
+                <th class="py-2 pr-4">Key</th>
+                <th class="py-2 pr-4">Value</th>
+                <th class="py-2 pr-4">Format</th>
+                <th class="py-2 pr-4">Source</th>
+                <th class="py-2 pr-4"></th>
+              </tr>
+            </thead>
+            <tbody id="rows"></tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div id="toast-container" class="fixed top-4 right-4 space-y-2 z-50"></div>
+  <div id="modal" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50">
+    <div class="relative top-20 mx-auto p-5 border w-full max-w-3xl shadow-lg rounded-md bg-white">
+      <div class="flex justify-between items-center mb-4">
+        <h3 class="text-xl font-bold" id="modalTitle">Entry</h3>
+        <button onclick="closeModal()" class="text-gray-400 hover:text-gray-600">✕</button>
+      </div>
+      <form onsubmit="saveEntry(event)">
+        <input type="hidden" id="entryId" />
+        <div class="mb-4">
+          <label class="block text-sm font-medium mb-2">Key</label>
+          <input id="entryKey" class="w-full border rounded px-3 py-2" required />
+        </div>
+        <div class="mb-4">
+          <label class="block text-sm font-medium mb-2">Locale</label>
+          <input id="entryLocale" class="w-full border rounded px-3 py-2" required />
+        </div>
+        <div class="mb-4">
+          <label class="block text-sm font-medium mb-2">Format</label>
+          <select id="entryFormat" class="w-full border rounded px-3 py-2">
+            <option value="text">text</option>
+            <option value="html">html</option>
+          </select>
+        </div>
+        <div class="mb-4">
+          <label class="block text-sm font-medium mb-2">Value</label>
+          <textarea id="entryValue" class="w-full border rounded px-3 py-2" rows="6" required></textarea>
+        </div>
+        <div class="mb-4">
+          <label class="block text-sm font-medium mb-2">AI Translate</label>
+          <div class="flex flex-col md:flex-row gap-2 md:items-end">
+            <div>
+              <div class="text-xs text-gray-600 mb-1">From</div>
+              <input id="entryAiFrom" class="border rounded px-3 py-2" value="fr" />
+            </div>
+            <div>
+              <div class="text-xs text-gray-600 mb-1">To</div>
+              <input id="entryAiTo" class="border rounded px-3 py-2" readonly />
+            </div>
+            <div class="flex gap-2">
+              <button type="button" onclick="aiTranslateEntry()" class="px-4 py-2 bg-purple-600 text-white rounded hover:bg-purple-700">AI translate</button>
+            </div>
+          </div>
+        </div>
+        <div class="flex justify-end gap-2">
+          <button type="button" onclick="closeModal()" class="px-4 py-2 bg-gray-300 text-gray-700 rounded hover:bg-gray-400">Cancel</button>
+          <button type="submit" class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">Save</button>
+        </div>
+      </form>
+    </div>
+  </div>
+  <div id="aiModal" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50">
+    <div class="relative top-10 mx-auto p-5 border w-full max-w-5xl shadow-lg rounded-md bg-white">
+      <div class="flex justify-between items-center mb-4">
+        <h3 class="text-xl font-bold">AI Translate (preview then apply)</h3>
+        <button onclick="closeAi()" class="text-gray-400 hover:text-gray-600">✕</button>
+      </div>
+      <div class="grid grid-cols-1 md:grid-cols-5 gap-3">
+        <div>
+          <label class="block text-sm font-medium mb-2">From</label>
+          <select id="aiFrom" class="w-full border rounded px-3 py-2" onchange="loadAiCandidates()"></select>
+        </div>
+        <div>
+          <label class="block text-sm font-medium mb-2">To</label>
+          <input id="aiTo" class="w-full border rounded px-3 py-2" value="fr" oninput="renderAiCandidates()" />
+        </div>
+        <div>
+          <label class="block text-sm font-medium mb-2">Filter</label>
+          <input id="aiFilter" class="w-full border rounded px-3 py-2" placeholder="Filter keys..." oninput="renderAiCandidates()" />
+        </div>
+        <div>
+          <label class="block text-sm font-medium mb-2">Model</label>
+          <input id="aiModel" class="w-full border rounded px-3 py-2" placeholder="(optional)" />
+        </div>
+        <div class="flex items-center gap-2 pt-8">
+          <input id="aiMissing" type="checkbox" onchange="renderAiCandidates()" />
+          <label for="aiMissing" class="text-sm">Show missing only</label>
+        </div>
+      </div>
+      <div class="mt-4">
+        <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-2">
+          <div class="flex gap-2 items-center">
+            <button type="button" onclick="aiBulkSelect('all')" class="px-3 py-2 bg-gray-100 rounded border hover:bg-gray-200">Select all</button>
+            <button type="button" onclick="aiBulkSelect('none')" class="px-3 py-2 bg-gray-100 rounded border hover:bg-gray-200">Select none</button>
+            <button type="button" onclick="aiBulkSelect('visible')" class="px-3 py-2 bg-gray-100 rounded border hover:bg-gray-200">Select visible</button>
+          </div>
+          <div class="text-sm text-gray-600">
+            <span id="aiCandidateSummary">0 selected</span>
+          </div>
+        </div>
+        <div class="mt-3 border rounded max-h-[24vh] overflow-auto">
+          <table class="min-w-full text-sm">
+            <thead class="bg-gray-50 sticky top-0">
+              <tr class="text-left border-b">
+                <th class="py-2 px-3 w-10"></th>
+                <th class="py-2 pr-4">Key</th>
+                <th class="py-2 pr-4">From value</th>
+              </tr>
+            </thead>
+            <tbody id="aiCandidateRows"></tbody>
+          </table>
+        </div>
+      </div>
+      <div class="mt-4 flex gap-2">
+        <button onclick="aiPreview()" class="bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700">Preview</button>
+        <button onclick="aiApply()" class="bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700">Apply selected</button>
+      </div>
+      <div class="mt-4 overflow-auto max-h-[40vh]">
+        <table class="min-w-full text-sm">
+          <thead>
+            <tr class="text-left border-b">
+              <th class="py-2 pr-4"></th>
+              <th class="py-2 pr-4">Key</th>
+              <th class="py-2 pr-4">From</th>
+              <th class="py-2 pr-4">Proposed</th>
+            </tr>
+          </thead>
+          <tbody id="aiRows"></tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+  <script>
+    const API_BASE = window.location.origin + "<%= baseUrl %>" || window.location.origin;
+    let allLocales = [];
+    let aiResults = [];
+    let aiCandidates = [];
+    let aiCandidateKeySet = new Set();
+    let aiSelectedKeys = new Set();
+    let aiToLocaleKeySet = null;
+    let aiToLocaleKeySetFor = null;
+    function showToast(message, type = 'success') {
+      const container = document.getElementById('toast-container');
+      const toast = document.createElement('div');
+      toast.className = `toast px-6 py-4 rounded-lg shadow-lg text-white ${type === 'success' ? 'bg-green-500' : 'bg-red-500'}`;
+      toast.textContent = message;
+      container.appendChild(toast);
+      setTimeout(() => {
+        toast.classList.add('fade-out');
+        setTimeout(() => toast.remove(), 300);
+      }, 3000);
+    }
+    async function loadLocales() {
+      const res = await fetch(`${API_BASE}/api/admin/i18n/locales`);
+      if (!res.ok) throw new Error('Failed to load locales');
+      const data = await res.json();
+      allLocales = data.locales || [];
+      if (!Array.isArray(allLocales) || allLocales.length === 0) {
+        allLocales = [
+          { code: 'en', isDefault: true },
+          { code: 'fr', isDefault: false },
+          { code: 'es', isDefault: false },
+        ];
+      }
+      const select = document.getElementById('locale');
+      select.innerHTML = allLocales.map(l => `<option value="${l.code}">${l.code}${l.isDefault ? ' (default)' : ''}</option>`).join('');
+      const defaultLocale = allLocales.find(l => l.isDefault)?.code || allLocales[0]?.code;
+      if (defaultLocale) select.value = defaultLocale;
+    }
+    function entryRow(entry) {
+      const id = entry._id;
+      const key = entry.key;
+      const value = entry.value || '';
+      const format = entry.valueFormat || 'text';
+      const source = entry.source || '';
+      return `
+        <tr class="border-b">
+          <td class="py-2 pr-4 font-mono text-xs">${escapeHtml(key)}</td>
+          <td class="py-2 pr-4">
+            <pre class="whitespace-pre-wrap max-w-3xl">${escapeHtml(value)}</pre>
+          </td>
+          <td class="py-2 pr-4">${escapeHtml(format)}</td>
+          <td class="py-2 pr-4">${escapeHtml(source)}</td>
+          <td class="py-2 pr-4 text-right">
+            ${id ? `<button onclick="editEntry('${id}')" class="text-blue-600 hover:text-blue-800">Edit</button>` : `<button onclick="createMissing('${escapeAttr(key)}')" class="text-green-600 hover:text-green-800">Create</button>`}
+            ${id ? `<button onclick="deleteEntry('${id}')" class="ml-3 text-red-600 hover:text-red-800">Delete</button>` : ''}
+          </td>
+        </tr>
+      `;
+    }
+    function escapeHtml(text) {
+      const div = document.createElement('div');
+      div.textContent = text;
+      return div.innerHTML;
+    }
+    function escapeAttr(text) {
+      return String(text).replace(/"/g, '&quot;');
+    }
+    async function loadEntries() {
+      try {
+        const locale = document.getElementById('locale').value;
+        const search = document.getElementById('search').value;
+        const missingOnly = document.getElementById('missingOnly').checked;
+        const includeInferred = document.getElementById('includeInferred').checked;
+        const params = new URLSearchParams({ locale });
+        if (search) params.set('search', search);
+        if (missingOnly) params.set('missing', 'true');
+        if (includeInferred) params.set('includeInferred', 'true');
+        const res = await fetch(`${API_BASE}/api/admin/i18n/entries?${params.toString()}`);
+        if (!res.ok) throw new Error('Failed to load entries');
+        const data = await res.json();
+        const entries = data.entries || [];
+        window.__i18nEntriesByKey = {};
+        for (const e of entries) {
+          if (!e || !e.key) continue;
+          window.__i18nEntriesByKey[e.key] = e;
+        }
+        document.getElementById('rows').innerHTML = entries.map(entryRow).join('');
+        showToast('Entries loaded');
+      } catch (e) {
+        showToast(e.message, 'error');
+      }
+    }
+    function showCreate() {
+      document.getElementById('modalTitle').textContent = 'Create Entry';
+      document.getElementById('entryId').value = '';
+      document.getElementById('entryKey').value = '';
+      document.getElementById('entryLocale').value = document.getElementById('locale').value;
+      document.getElementById('entryFormat').value = 'text';
+      document.getElementById('entryValue').value = '';
+      document.getElementById('entryAiTo').value = document.getElementById('locale').value;
+      document.getElementById('entryKey').disabled = false;
+      document.getElementById('entryLocale').disabled = false;
+      document.getElementById('modal').classList.remove('hidden');
+    }
+    function createMissing(key) {
+      const inferred = window.__i18nEntriesByKey ? window.__i18nEntriesByKey[key] : null;
+      document.getElementById('modalTitle').textContent = 'Create Entry';
+      document.getElementById('entryId').value = '';
+      document.getElementById('entryKey').value = key;
+      document.getElementById('entryLocale').value = document.getElementById('locale').value;
+      document.getElementById('entryFormat').value = (inferred && inferred.valueFormat) ? inferred.valueFormat : 'text';
+      document.getElementById('entryValue').value = (inferred && inferred.value) ? inferred.value : '';
+      document.getElementById('entryAiTo').value = document.getElementById('locale').value;
+      document.getElementById('entryKey').disabled = true;
+      document.getElementById('entryLocale').disabled = true;
+      document.getElementById('modal').classList.remove('hidden');
+    }
+    async function aiTranslateEntry() {
+      try {
+        const fromLocale = document.getElementById('entryAiFrom').value;
+        const toLocale = document.getElementById('entryAiTo').value || document.getElementById('entryLocale').value;
+        const text = document.getElementById('entryValue').value;
+        const res = await fetch(`${API_BASE}/api/admin/i18n/ai/translate-text`, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ fromLocale, toLocale, text })
+        });
+        if (!res.ok) {
+          const data = await res.json().catch(() => ({}));
+          throw new Error(data.error || 'AI translate failed');
+        }
+        const data = await res.json();
+        document.getElementById('entryValue').value = data.translatedText || '';
+        showToast('AI translation ready');
+      } catch (e) {
+        showToast(e.message, 'error');
+      }
+    }
+    async function editEntry(id) {
+      try {
+        const locale = document.getElementById('locale').value;
+        const res = await fetch(`${API_BASE}/api/admin/i18n/entries?locale=${encodeURIComponent(locale)}`);
+        if (!res.ok) throw new Error('Failed to load entry');
+        const data = await res.json();
+        const entry = (data.entries || []).find(e => e._id === id);
+        if (!entry) throw new Error('Entry not found');
+        document.getElementById('modalTitle').textContent = 'Edit Entry';
+        document.getElementById('entryId').value = entry._id;
+        document.getElementById('entryKey').value = entry.key;
+        document.getElementById('entryLocale').value = entry.locale;
+        document.getElementById('entryFormat').value = entry.valueFormat || 'text';
+        document.getElementById('entryValue').value = entry.value || '';
+        document.getElementById('entryAiTo').value = entry.locale;
+        document.getElementById('entryKey').disabled = true;
+        document.getElementById('entryLocale').disabled = true;
+        document.getElementById('modal').classList.remove('hidden');
+      } catch (e) {
+        showToast(e.message, 'error');
+      }
+    }
+    function closeModal() {
+      document.getElementById('modal').classList.add('hidden');
+    }
+    async function saveEntry(event) {
+      event.preventDefault();
+      try {
+        const id = document.getElementById('entryId').value;
+        const key = document.getElementById('entryKey').value;
+        const locale = document.getElementById('entryLocale').value;
+        const valueFormat = document.getElementById('entryFormat').value;
+        const value = document.getElementById('entryValue').value;
+        let res;
+        if (!id) {
+          res = await fetch(`${API_BASE}/api/admin/i18n/entries`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ key, locale, value, valueFormat })
+          });
+        } else {
+          res = await fetch(`${API_BASE}/api/admin/i18n/entries/${id}`, {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ value, valueFormat })
+          });
+        }
+        if (!res.ok) {
+          const data = await res.json();
+          throw new Error(data.error || 'Operation failed');
+        }
+        closeModal();
+        await loadEntries();
+        showToast('Saved');
+      } catch (e) {
+        showToast(e.message, 'error');
+      }
+    }
+    async function deleteEntry(id) {
+      if (!confirm('Delete this entry?')) return;
+      try {
+        const res = await fetch(`${API_BASE}/api/admin/i18n/entries/${id}`, { method: 'DELETE' });
+        if (!res.ok) {
+          const data = await res.json();
+          throw new Error(data.error || 'Delete failed');
+        }
+        await loadEntries();
+        showToast('Deleted');
+      } catch (e) {
+        showToast(e.message, 'error');
+      }
+    }
+    function showAi() {
+      document.getElementById('aiRows').innerHTML = '';
+      document.getElementById('aiCandidateRows').innerHTML = '';
+      aiResults = [];
+      aiCandidates = [];
+      aiCandidateKeySet = new Set();
+      aiSelectedKeys = new Set();
+      aiToLocaleKeySet = null;
+      aiToLocaleKeySetFor = null;
+      const fromSelect = document.getElementById('aiFrom');
+      const fromLocales = allLocales
+        .filter((l) => Number(l.entryCount || 0) > 0)
+        .map((l) => l.code);
+      const fallbackFromLocales = allLocales
+        .filter((l) => l.enabled !== false)
+        .map((l) => l.code);
+      const fromOptions = (fromLocales.length > 0 ? fromLocales : fallbackFromLocales);
+      fromSelect.innerHTML = fromOptions.map((code) => `<option value="${code}">${code}</option>`).join('');
+      const currentLocale = document.getElementById('locale')?.value;
+      const defaultLocale = allLocales.find(l => l.isDefault)?.code || allLocales[0]?.code;
+      if (defaultLocale && fromOptions.includes(defaultLocale)) {
+        fromSelect.value = defaultLocale;
+      } else if (fromOptions.includes(String(currentLocale || ''))) {
+        fromSelect.value = currentLocale;
+      }
+      const toInput = document.getElementById('aiTo');
+      if (currentLocale) toInput.value = currentLocale;
+      document.getElementById('aiFilter').value = '';
+      document.getElementById('aiMissing').checked = false;
+      document.getElementById('aiCandidateSummary').textContent = '0 selected';
+      document.getElementById('aiModal').classList.remove('hidden');
+      loadAiCandidates();
+    }
+    function closeAi() {
+      document.getElementById('aiModal').classList.add('hidden');
+    }
+    function aiRow(item, idx) {
+      return `
+        <tr class="border-b">
+          <td class="py-2 pr-4"><input type="checkbox" data-ai="${idx}" checked /></td>
+          <td class="py-2 pr-4 font-mono text-xs">${escapeHtml(item.key)}</td>
+          <td class="py-2 pr-4"><pre class="whitespace-pre-wrap max-w-xl">${escapeHtml(item.fromValue || '')}</pre></td>
+          <td class="py-2 pr-4">
+            <textarea class="w-full border rounded px-2 py-1" rows="3" data-ai-value="${idx}">${escapeHtml(item.proposedValue || '')}</textarea>
+          </td>
+        </tr>
+      `;
+    }
+    function aiCandidateRow(item) {
+      const checked = aiSelectedKeys.has(item.key);
+      return `
+        <tr class="border-b hover:bg-gray-50">
+          <td class="py-2 px-3">
+            <input type="checkbox" data-ai-candidate="${escapeAttr(item.key)}" ${checked ? 'checked' : ''} onchange="toggleAiCandidate('${escapeAttr(item.key)}', this.checked)" />
+          </td>
+          <td class="py-2 pr-4 font-mono text-xs">${escapeHtml(item.key)}</td>
+          <td class="py-2 pr-4"><pre class="whitespace-pre-wrap max-w-4xl">${escapeHtml(item.value || '')}</pre></td>
+        </tr>
+      `;
+    }
+    function toggleAiCandidate(key, checked) {
+      if (!key) return;
+      if (checked) aiSelectedKeys.add(key);
+      else aiSelectedKeys.delete(key);
+      updateAiCandidateSummary();
+    }
+    function updateAiCandidateSummary() {
+      const selected = aiSelectedKeys.size;
+      const total = aiCandidates.length;
+      const el = document.getElementById('aiCandidateSummary');
+      if (!el) return;
+      el.textContent = `${selected} selected (of ${total})`;
+    }
+    async function buildToLocaleKeySet() {
+      const toLocale = document.getElementById('aiTo').value;
+      if (!toLocale) return new Set();
+      if (aiToLocaleKeySet && aiToLocaleKeySetFor === toLocale) return aiToLocaleKeySet;
+      const res = await fetch(`${API_BASE}/api/admin/i18n/entries?locale=${encodeURIComponent(toLocale)}`);
+      if (!res.ok) {
+        aiToLocaleKeySet = new Set();
+        aiToLocaleKeySetFor = toLocale;
+        return aiToLocaleKeySet;
+      }
+      const data = await res.json().catch(() => ({}));
+      const entries = data.entries || [];
+      const set = new Set(entries.filter((e) => e && e.key).map((e) => e.key));
+      aiToLocaleKeySet = set;
+      aiToLocaleKeySetFor = toLocale;
+      return set;
+    }
+    async function loadAiCandidates() {
+      try {
+        const fromLocale = document.getElementById('aiFrom').value;
+        if (!fromLocale) return;
+        const res = await fetch(`${API_BASE}/api/admin/i18n/entries?locale=${encodeURIComponent(fromLocale)}`);
+        if (!res.ok) throw new Error('Failed to load source entries');
+        const data = await res.json().catch(() => ({}));
+        const entries = (data.entries || []).filter((e) => e && e._id && e.key);
+        aiCandidates = entries.map((e) => ({
+          key: e.key,
+          value: e.value || '',
+          valueFormat: e.valueFormat || 'text',
+        }));
+        aiCandidateKeySet = new Set(aiCandidates.map((c) => c.key));
+        aiSelectedKeys = new Set();
+        aiResults = [];
+        document.getElementById('aiRows').innerHTML = '';
+        updateAiCandidateSummary();
+        await renderAiCandidates();
+      } catch (e) {
+        showToast(e.message, 'error');
+      }
+    }
+    async function renderAiCandidates() {
+      const filter = String(document.getElementById('aiFilter').value || '').trim().toLowerCase();
+      const showMissingOnly = document.getElementById('aiMissing').checked;
+      let candidates = aiCandidates;
+      if (filter) {
+        candidates = candidates.filter((c) => String(c.key).toLowerCase().includes(filter));
+      }
+      if (showMissingOnly) {
+        const toSet = await buildToLocaleKeySet();
+        candidates = candidates.filter((c) => !toSet.has(c.key));
+      }
+      const container = document.getElementById('aiCandidateRows');
+      container.innerHTML = candidates.map(aiCandidateRow).join('');
+      updateAiCandidateSummary();
+    }
+    function aiBulkSelect(mode) {
+      const filter = String(document.getElementById('aiFilter').value || '').trim().toLowerCase();
+      const showMissingOnly = document.getElementById('aiMissing').checked;
+      (async () => {
+        let candidates = aiCandidates;
+        if (filter) {
+          candidates = candidates.filter((c) => String(c.key).toLowerCase().includes(filter));
+        }
+        if (showMissingOnly) {
+          const toSet = await buildToLocaleKeySet();
+          candidates = candidates.filter((c) => !toSet.has(c.key));
+        }
+        if (mode === 'none') {
+          aiSelectedKeys = new Set();
+        } else if (mode === 'all') {
+          aiSelectedKeys = new Set(aiCandidates.map((c) => c.key));
+        } else if (mode === 'visible') {
+          for (const c of candidates) aiSelectedKeys.add(c.key);
+        }
+        await renderAiCandidates();
+      })();
+    }
+    async function aiPreview() {
+      try {
+        const fromLocale = document.getElementById('aiFrom').value;
+        const toLocale = document.getElementById('aiTo').value;
+        const model = document.getElementById('aiModel').value;
+        const keys = Array.from(aiSelectedKeys);
+        if (keys.length === 0) {
+          showToast('Select at least one key to preview', 'error');
+          return;
+        }
+        const res = await fetch(`${API_BASE}/api/admin/i18n/ai/preview`, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ fromLocale, toLocale, keys, missingOnly: false, model: model || undefined })
+        });
+        if (!res.ok) {
+          const data = await res.json();
+          throw new Error(data.error || 'AI preview failed');
+        }
+        const data = await res.json();
+        aiResults = data.results || [];
+        document.getElementById('aiRows').innerHTML = aiResults.map(aiRow).join('');
+        showToast('AI preview ready');
+      } catch (e) {
+        showToast(e.message, 'error');
+      }
+    }
+    async function aiApply() {
+      try {
+        const toLocale = document.getElementById('aiTo').value;
+        const selected = [];
+        const checks = Array.from(document.querySelectorAll('input[data-ai]'));
+        for (const ch of checks) {
+          const idx = Number(ch.getAttribute('data-ai'));
+          if (!ch.checked) continue;
+          const textArea = document.querySelector(`textarea[data-ai-value="${idx}"]`);
+          const value = textArea ? textArea.value : '';
+          const item = aiResults[idx];
+          if (!item) continue;
+          selected.push({
+            key: item.key,
+            value,
+            valueFormat: item.valueFormat,
+            model: item.model,
+          });
+        }
+        const res = await fetch(`${API_BASE}/api/admin/i18n/ai/apply`, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ toLocale, items: selected })
+        });
+        if (!res.ok) {
+          const data = await res.json();
+          throw new Error(data.error || 'AI apply failed');
+        }
+        closeAi();
+        await loadEntries();
+        showToast('AI results applied');
+      } catch (e) {
+        showToast(e.message, 'error');
+      }
+    }
+    async function init() {
+      try {
+        await loadLocales();
+        await loadEntries();
+      } catch (e) {
+        showToast(e.message, 'error');
+      }
+    }
+    init();
+  </script>
+<script>
+  window.addEventListener("keydown", (e) => {
+    if ((e.ctrlKey || e.metaKey) && e.key === "k") {
+      e.preventDefault();
+      window.parent.postMessage({ type: "keydown", ctrlK: true }, "*");
+    }
+  });
+</script>
+</body>
+</html>