aimeat 2.0.0 → 2.2.0

package/dist/static/app-catalog/js/render.js

@@ -13,12 +13,15 @@
  *   v1.1.0 — 2026-07-16 — Card badges now reflect PUBLICATION state only (retire the
  *     "Server only" concept: a published no-local-copy app is "Listed vN", not "server").
  *     Add a Staging pill + split Open into "Open released" / "Open staging" when has_draft.
+ *   v2.0.0 — 2026-07-20 — Server-only cutover: grid renders the owner's server apps only (no local
+ *     merge), drop drag-reorder + Recently-Opened + the local-only card affordances + byte stats.
  */
 import { escapeHtml, jsArg, sourceLabel, filterAttr, isSameOriginUrl } from './util.js';
 import { getAllApps, saveApp, deleteApp } from './db.js';
 import { showConfirm, showNotice } from './ui.js';
 import { loadConfig } from './config.js';
-import { t } from './i18n.js';
+import { t, getLang } from './i18n.js';
+import { favStarHtml } from './favorites.js';
 import { setEditingAppId, switchTab } from './apps-io.js';
 import { openPromptBuilder } from './cortex.js';
 import { openDetailView, openPublishedDetail } from './detail.js';
@@ -250,6 +253,7 @@ function buildLibraryEntries(localApps, serverApps) {
         name: (sa.manifest && sa.manifest.name) || fn,
         icon: '\u{1F310}',
         description: (sa.manifest && sa.manifest.description) || '',
+        descriptions: (sa.manifest && sa.manifest.descriptions) || null,
         tags: (sa.manifest && sa.manifest.tags) || [],
         favorite: false, sortOrder: undefined, openMode: 'tab',
         source: 'server', origin: null,
@@ -268,6 +272,9 @@ function buildLibraryEntries(localApps, serverApps) {
       serverStateByFilename[fn] = {
         parked: !!sa.parked, forkable: !!sa.forkable, forks: sa.forks || 0,
         owner: sa.owner || '', versionNumber: sa.version_number || null, protection: prot,
+        // A saved (unpublished) working copy from ANY earlier session — the detail view's
+        // lifecycle band reads this to say "working copy saved" instead of "same as published".
+        hasDraft: !!sa.has_draft,
         // `protected` is the ACCESS-CODE flag (distinct from copy-`protection`); the detail view's
         // access-code editor reads it to show whether the app currently requires a code.
         accessCode: !!sa.protected
@@ -280,22 +287,16 @@ function buildLibraryEntries(localApps, serverApps) {
 
 function renderApps() {
   getAllApps().then(function (apps) {
-    setAllApps(apps); // keep the raw local list (openPublishedDetail et al. read getMainApps())
+    setAllApps(apps); // keep the transient working-set (openPublishedDetail materializes into it)
 
-    // Unified library list: one entry per app (local + own-server, deduped by filename).
-    var entries = buildLibraryEntries(apps, ownServerApps);
+    // Server-only library: one entry per OWN server app (published + parked). No browser-local
+    // apps exist anymore, so nothing local is merged in — the grid is purely the owner's server apps.
+    var entries = buildLibraryEntries([], ownServerApps);
 
-    // Sort: favorites first, then by explicit sortOrder, then most-recent.
+    // Sort: Listed (public) before Unlisted (parked); the server already returns each group
+    // newest-first, so preserve that order within a group.
     entries.sort(function (a, b) {
-      if (a.favorite && !b.favorite) return -1;
-      if (!a.favorite && b.favorite) return 1;
-      var oA = typeof a.sortOrder === 'number' ? a.sortOrder : Infinity;
-      var oB = typeof b.sortOrder === 'number' ? b.sortOrder : Infinity;
-      if (oA !== oB) return oA - oB;
-      var dateA = a.lastOpenedAt || a.addedAt || '';
-      var dateB = b.lastOpenedAt || b.addedAt || '';
-      if (dateA > dateB) return -1;
-      if (dateA < dateB) return 1;
+      if (!!a.parked !== !!b.parked) return a.parked ? 1 : -1;
       return 0;
     });
 
@@ -357,19 +358,11 @@ function renderApps() {
       grid.innerHTML = html;
     }
 
-    // Stats: count + total local blob size (server-only apps have no local footprint).
+    // Stats: app count only — the catalog is server-only, so there is no local footprint to report.
     var statsEl = document.getElementById('stats');
-    var totalSize = 0;
-    for (var sz = 0; sz < entries.length; sz++) {
-      if (entries[sz].blob) totalSize += entries[sz].blob.length;
-    }
-    var sizeLabel = totalSize < 1024 ? totalSize + ' B'
-      : totalSize < 1048576 ? (totalSize / 1024).toFixed(1) + ' KB'
-      : (totalSize / 1048576).toFixed(1) + ' MB';
-    statsEl.textContent = entries.length + ' ' + t('stats.apps') + ' · ' + sizeLabel + ' ' + t('stats.stored');
+    statsEl.textContent = entries.length + ' ' + t('stats.apps');
 
     renderTags();
-    renderRecentlyOpened();
   });
 }
 
@@ -419,33 +412,20 @@ function libraryCardHtml(e, i) {
       '<div class="app-name">' + escapeHtml(e.name) +
         (e.origin === 'ai-published' ? ' <span class="ai-origin-badge">AI</span>' : '') +
         (e.hasAgents ? ' <span class="pcb-agent" title="' + escapeHtml(t('card.agentHint')) + '">\u{1F916}</span>' : '') + '</div>' +
-      (e.description
-        ? '<div class="app-source">' + escapeHtml(e.description) + '</div>'
-        : '<div class="app-source">' + sourceLabel(e.source) + '</div>') +
+      (function () {
+        // Show the description in the current UI language, falling back to the canonical one.
+        var d = (e.descriptions && e.descriptions[getLang()]) || e.description || '';
+        return d
+          ? '<div class="app-source">' + escapeHtml(d) + '</div>'
+          : '<div class="app-source">' + sourceLabel(e.source) + '</div>';
+      })() +
       '<div class="app-actions">' +
         openBtns +
         '<button onclick="event.stopPropagation(); ' + detailCall + '">' + escapeHtml(t('ctx.details')) + '</button>' +
       '</div>' +
-      (e.favorite ? '<span class="fav-star visible">⭐</span>' : '') +
-    '</div>';
-}
-
-function renderRecentlyOpened() {
-  var section = document.getElementById('recent-section');
-  var strip = document.getElementById('recent-strip');
-  var recent = getMainApps()
-    .filter(function(a) { return a.lastOpenedAt; })
-    .sort(function(a, b) { return (b.lastOpenedAt || '') > (a.lastOpenedAt || '') ? 1 : -1; })
-    .slice(0, 5);
-  if (recent.length === 0) { section.style.display = 'none'; return; }
-  section.style.display = 'block';
-  strip.innerHTML = recent.map(function(app) {
-    var icon = app.icon || '\u{1F4DD}';
-    return '<div style="background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:10px;padding:.6rem .8rem;cursor:pointer;min-width:120px;flex-shrink:0;transition:all .15s" onclick="window._launcher.launchApp(\'' + escapeHtml(app.id) + '\', \'' + escapeHtml(app.openMode || 'tab') + '\')" onmouseover="this.style.borderColor=\'var(--border-hover)\'" onmouseout="this.style.borderColor=\'var(--border-subtle)\'">' +
-      '<div style="font-size:1.3rem;text-align:center">' + escapeHtml(icon) + '</div>' +
-      '<div style="font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px">' + escapeHtml(app.name) + '</div>' +
+      // Server-backed favourite toggle (owner/filename); only for server apps with a filename.
+      (e.filename ? favStarHtml((e.owner || e.aimeatOwner || '') + '/' + e.filename) : '') +
     '</div>';
-  }).join('');
 }
 
 // ── Iframe helpers ────────────────────────────────
@@ -538,23 +518,9 @@ async function handleContextAction(action) {
       break;
 
     case 'edit':
-      // Open modal pre-filled with app data
-      setEditingAppId(appId);
-      document.getElementById('modal-title').textContent = 'Edit App';
-      document.getElementById('app-name').value = app.name || '';
-      document.getElementById('app-icon').value = app.icon || '';
-      document.getElementById('app-tags').value = (app.tags || []).join(', ');
-
-      // Set the correct source tab
-      if (app.source === 'url') {
-        switchTab('url');
-        document.getElementById('app-url').value = app.url || '';
-      } else {
-        switchTab('file');
-        document.getElementById('selected-file-name').textContent = '(existing file)';
-      }
-
-      document.getElementById('modal-overlay').hidden = false;
+      // Server-only: editing an app's name/description/icon/tags is done in the detail view
+      // ("Edit details"); route there instead of the old local Add/Edit modal.
+      openDetailView(appId);
       break;
 
     case 'favorite':
@@ -709,82 +675,7 @@ function generateHomepagePrompt() {
   overlay.hidden = false;
 }
 
-// ── Drag & Drop Reordering (card reorder) ─────────
-
-var dragSourceId = null;
-
-function onCardDragStart(e) {
-  var card = e.target.closest('.app-card');
-  if (!card) return;
-  dragSourceId = card.dataset.id;
-  card.classList.add('dragging');
-  e.dataTransfer.effectAllowed = 'move';
-  e.dataTransfer.setData('text/plain', dragSourceId);
-}
-
-function onCardDragEnd(e) {
-  var card = e.target.closest('.app-card');
-  if (card) card.classList.remove('dragging');
-  // Remove all drag-over highlights
-  var cards = document.querySelectorAll('.app-card.drag-over');
-  for (var i = 0; i < cards.length; i++) cards[i].classList.remove('drag-over');
-  dragSourceId = null;
-}
-
-function onCardDragOver(e) {
-  e.preventDefault();
-  e.dataTransfer.dropEffect = 'move';
-  var card = e.target.closest('.app-card');
-  if (!card || card.dataset.id === dragSourceId) return;
-  // Remove highlight from others
-  var cards = document.querySelectorAll('.app-card.drag-over');
-  for (var i = 0; i < cards.length; i++) cards[i].classList.remove('drag-over');
-  card.classList.add('drag-over');
-}
-
-function onCardDrop(e) {
-  e.preventDefault();
-  var targetCard = e.target.closest('.app-card');
-  if (!targetCard) return;
-  var targetId = targetCard.dataset.id;
-  if (!dragSourceId || dragSourceId === targetId) return;
-
-  // Find indexes in the currently rendered/sorted getMainApps()
-  var srcIdx = -1, tgtIdx = -1;
-  for (var i = 0; i < getMainApps().length; i++) {
-    if (getMainApps()[i].id === dragSourceId) srcIdx = i;
-    if (getMainApps()[i].id === targetId) tgtIdx = i;
-  }
-  if (srcIdx === -1 || tgtIdx === -1) return;
-
-  // Move the source app to the target position
-  var moved = getMainApps().splice(srcIdx, 1)[0];
-  getMainApps().splice(tgtIdx, 0, moved);
-
-  // Assign sortOrder values based on new positions
-  var saves = [];
-  for (var j = 0; j < getMainApps().length; j++) {
-    getMainApps()[j].sortOrder = j;
-    saves.push(saveApp(getMainApps()[j]));
-  }
-
-  // Re-render immediately (no animation delay for reorder)
-  var grid = document.getElementById('app-grid');
-  var cards = grid.querySelectorAll('.app-card');
-  for (var k = 0; k < cards.length; k++) {
-    cards[k].classList.remove('drag-over', 'dragging');
-  }
-
-  Promise.all(saves).then(function () {
-    renderApps();
-  });
-}
-
 export {
-  onCardDragStart,
-  onCardDragEnd,
-  onCardDragOver,
-  onCardDrop,
   renderTags,
   filterByTag,
   launchApp,
@@ -792,7 +683,6 @@ export {
   viewPublished,
   launchInIframe,
   renderApps,
-  renderRecentlyOpened,
   closeIframe,
   openExternal,
   showContextMenu,