aimeat 2.0.0 → 2.1.0

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

@@ -0,0 +1,70 @@
+/**
+ * @file promote.js
+ * @description Promoted apps for the catalog. A per-owner PUBLIC memory doc (`app-catalog.promoted`
+ *   = { version, updatedAt, items: [{ ref: "owner/filename", text: { en, fi } }] }) read/written via
+ *   /v1/memory with the owner token. PUBLIC so others can read it (GET /v1/memory/:gaii/:key) — it
+ *   powers a "Promoted apps" section on the owner's public profile/portfolio. Promote is for the
+ *   owner's OWN published apps (showcasing your work), with per-language promotion copy.
+ * @usage import { loadPromoted, setPromotion, isPromoted, getPromotion } from './promote.js'
+ * @version-history
+ *   v1.0.0 — 2026-07-20 — initial (Phase 2c promote).
+ */
+import { loadConfig } from './config.js';
+import { getCortexOwnerToken } from './cortex.js';
+
+const KEY = 'app-catalog.promoted';
+// ref -> { en, fi }
+let promoted = {};
+
+function base() { return (loadConfig().aimeatUrl || '').replace(/\/+$/, ''); }
+
+export function isPromoted(ref) { return Object.prototype.hasOwnProperty.call(promoted, ref); }
+export function getPromotion(ref) { return promoted[ref] || null; }
+export function getPromotedItems() {
+  return Object.keys(promoted).map(function (ref) { return { ref: ref, text: promoted[ref] || {} }; });
+}
+
+// Load the owner's promoted doc (owner token). Logged out → empty. Never throws (404 = none yet).
+export function loadPromoted() {
+  var token = getCortexOwnerToken();
+  var b = base();
+  if (!token || !b) { promoted = {}; return Promise.resolve(); }
+  return fetch(b + '/v1/memory/' + encodeURIComponent(KEY), { headers: { 'Authorization': 'Bearer ' + token } })
+    .then(function (r) { return r.ok ? r.json() : null; })
+    .then(function (j) {
+      var items = (j && j.data && j.data.value && Array.isArray(j.data.value.items)) ? j.data.value.items : [];
+      var map = {};
+      items.forEach(function (it) {
+        if (it && typeof it.ref === 'string' && it.text && typeof it.text === 'object') map[it.ref] = { en: it.text.en || '', fi: it.text.fi || '' };
+      });
+      promoted = map;
+    })
+    .catch(function () { /* leave as-is on a transient error */ });
+}
+
+function persist() {
+  var token = getCortexOwnerToken();
+  var b = base();
+  if (!token || !b) return Promise.resolve();
+  var items = getPromotedItems();
+  return fetch(b + '/v1/memory', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token },
+    body: JSON.stringify({
+      key: KEY,
+      value: { version: 1, updatedAt: new Date().toISOString(), items: items },
+      visibility: 'public',
+    }),
+  }).catch(function () { /* best-effort */ });
+}
+
+// Set (or clear) the promotion for an app. text = { en, fi }; when both are blank the app is
+// un-promoted. Persists the public doc and resolves to the new promoted state (true = promoted).
+export function setPromotion(ref, text) {
+  var en = (text && text.en ? String(text.en).trim() : '');
+  var fi = (text && text.fi ? String(text.fi).trim() : '');
+  var now;
+  if (!en && !fi) { delete promoted[ref]; now = false; }
+  else { promoted[ref] = { en: en, fi: fi }; now = true; }
+  return persist().then(function () { return now; });
+}

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,
@@ -280,22 +284,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 +355,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 +409,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 +515,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 +672,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 +680,6 @@ export {
   viewPublished,
   launchInIframe,
   renderApps,
-  renderRecentlyOpened,
   closeIframe,
   openExternal,
   showContextMenu,