npm - aimeat - Versions diffs - 1.40.1 → 2.1.0 - Mend

aimeat 1.40.1 → 2.1.0

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 (1816) hide show

package/dist/static/app-catalog/_template.html CHANGED Viewed

@@ -1,9 +1,10 @@
 <!DOCTYPE html>
 <!--
   @file src/static/app-catalog.html
-  @description Self-contained "My Apps" launcher SPA (IndexedDB-backed) for installing,
-    publishing, and running user apps. Runs published app HTML only inside a sandboxed,
-    opaque-origin iframe — never as a top-level document on the apex origin (H-2).
+  @description Self-contained "My Apps" launcher SPA (SERVER-ONLY — no browser persistence) for
+    creating, publishing, and managing the owner's server apps. Creating an app publishes it to the
+    server (unlisted); nothing is stored in the browser. Runs published app HTML only inside a
+    sandboxed, opaque-origin iframe — never as a top-level document on the apex origin (H-2).
   @structure Inline <style>__APP_CATALOG_STYLES__</style>
 </head>
 <body data-active-view="library">
@@ -11,13 +12,6 @@
   <header>
     <a class="aimeat-cta aimeat-home" id="aimeat-home-link" href="/" data-i18n-title="cta.backHome" title="Back to home"><span class="aimeat-cta-spark">⚡</span><span id="aimeat-home-label">aimeat.io</span></a>
     <h1 data-i18n="header.title">My Apps</h1>
-    <div class="mode-toggle-wrap">
-      <span class="mode-caption" data-i18n="mode.caption" data-i18n-title="mode.caption.title" title="These toggle which browser-local apps you see — not server visibility">Local apps</span>
-      <div class="mode-toggle">
-        <button id="mode-global" class="mode-btn active" onclick="window._launcher.switchDbMode('global')" data-i18n="mode.global" data-i18n-title="mode.global.title" title="Shared across all accounts on this browser">&#x1F310; Shared</button>
-        <button id="mode-personal" class="mode-btn" onclick="window._launcher.switchDbMode('personal')" data-i18n="mode.personal" data-i18n-title="mode.personal.title" title="Private to your account">&#x1F464; Mine</button>
-      </div>
-    </div>
     <input type="text" id="search-input" placeholder="Search apps..." data-i18n-ph="search.ph" autocomplete="off" spellcheck="false"/>
     <div class="header-actions">
       <span id="headerAuth" class="header-auth-pill"></span>
@@ -118,10 +112,10 @@
     <p class="view-empty-hint" data-i18n="view.communityHint">Community apps are apps other people on this node have published. When someone publishes one, it shows up here.</p>
   </div>
-  <!-- Recently Opened Strip -->
-  <div id="recent-section" data-view="library" style="display:none;margin:0 24px 1rem">
-    <h3 style="margin:0 0 .5rem;font-size:.9rem;color:var(--text-muted)" data-i18n="sec.recent">&#x1F552; Recently Opened</h3>
-    <div id="recent-strip" style="display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem"></div>
+  <!-- ⭐ Favourites group (Library) — apps the owner favourited, pinned above "Your apps" -->
+  <div id="favorites-section" data-view="library" style="display:none;margin:0 24px 1rem">
+    <h2 class="fav-section-title"><span data-i18n="fav.title">⭐ Favourites</span> <span id="favorites-count" class="fav-section-count"></span></h2>
+    <div id="favorites-grid" class="published-grid"></div>
   </div>
   <div id="local-apps-block" class="local-apps-block" data-view="library">
@@ -142,18 +136,10 @@
     <div class="modal" id="add-app-modal">
       <h2 id="modal-title" data-i18n="addModal.title">Add App</h2>
-      <!-- Source tabs -->
+      <!-- Source tabs — server-only: paste HTML or upload an HTML/ZIP file; it publishes to your account. -->
       <div class="modal-tabs">
-        <button class="modal-tab active" data-tab="url" data-i18n="tab.url">URL</button>
+        <button class="modal-tab active" data-tab="paste" data-i18n="tab.paste">Paste</button>
         <button class="modal-tab" data-tab="file" data-i18n="tab.file">File</button>
-        <button class="modal-tab" data-tab="paste" data-i18n="tab.paste">Paste</button>
-        <button class="modal-tab" data-tab="aimeat" data-i18n="tab.aimeat">AIMEAT</button>
-      </div>
-      <!-- URL tab content -->
-      <div class="tab-content active" id="tab-url">
-        <label class="modal-label" for="app-url" data-i18n="addModal.url">App URL</label>
-        <input type="url" id="app-url" class="modal-input" placeholder="https://example.com/app.html" autocomplete="off"/>
       </div>
       <!-- File tab content -->
@@ -169,22 +155,12 @@
         </div>
       </div>
-      <!-- Paste tab content -->
-      <div class="tab-content" id="tab-paste">
+      <!-- Paste tab content (default) -->
+      <div class="tab-content active" id="tab-paste">
         <label class="modal-label" for="app-paste-code" data-i18n="addModal.paste">Paste HTML Source Code</label>
         <textarea id="app-paste-code" class="modal-input" rows="10" placeholder="Paste your HTML source code here..." data-i18n-ph="addModal.pastePh" style="font-family:'Consolas','Monaco','Courier New',monospace;font-size:.8rem;resize:vertical;min-height:160px;line-height:1.4"></textarea>
       </div>
-      <!-- AIMEAT tab content -->
-      <div class="tab-content" id="tab-aimeat">
-        <p style="font-size:.85rem;color:var(--text-muted);margin-bottom:14px;line-height:1.5" data-i18n="addModal.aimeatHelp">
-          Import apps from a connected AIMEAT server. Configure the server URL in Settings first.
-        </p>
-        <button type="button" class="modal-btn primary" onclick="window._launcher.importFromAimeat()" style="width:100%" data-i18n="addModal.fetch">
-          Fetch Available Apps
-        </button>
-      </div>
       <!-- Common fields -->
       <div class="modal-fields">
         <div class="modal-row">
@@ -319,21 +295,6 @@
         </div>
       </div>
-      <div class="settings-section">
-        <div class="settings-section-title" data-i18n="settings.backup">Backup &amp; Restore</div>
-        <div class="settings-backup-actions">
-          <button type="button" class="modal-btn secondary" onclick="window._launcher.exportBackup()" data-i18n="settings.exportJson">Export JSON</button>
-          <button type="button" class="modal-btn secondary" onclick="document.getElementById('import-file-input').click()" data-i18n="settings.importJson">Import JSON</button>
-          <button type="button" class="modal-btn secondary" onclick="window._launcher.removeDuplicateApps()" data-i18n="dedup.btn">&#x1F9F9; Remove duplicate apps</button>
-          <input type="file" id="import-file-input" accept=".json" hidden/>
-        </div>
-      </div>
-      <div class="settings-section" style="margin-bottom:0">
-        <div class="settings-section-title" data-i18n="settings.danger">Danger Zone</div>
-        <button type="button" class="modal-btn danger" onclick="window._launcher.clearAllData()" data-i18n="settings.clearAll">Clear All Data</button>
-      </div>
       <div class="modal-actions" style="margin-top:24px">
         <button type="button" class="modal-btn secondary" id="settings-cancel-btn" data-i18n="common.cancel">Cancel</button>
         <button type="button" class="modal-btn primary" id="settings-save-btn" data-i18n="common.save">Save</button>
@@ -360,18 +321,6 @@
     </div>
   </div>
-  <!-- AIMEAT Import Dialog (dynamically populated) -->
-  <div id="aimeat-import-overlay" hidden>
-    <div class="modal" id="aimeat-import-modal">
-      <h2 data-i18n="import.title">Import from AIMEAT</h2>
-      <div class="aimeat-app-list" id="aimeat-app-list"></div>
-      <div class="modal-actions">
-        <button type="button" class="modal-btn secondary" onclick="document.getElementById('aimeat-import-overlay').hidden = true" data-i18n="common.cancel">Cancel</button>
-        <button type="button" class="modal-btn primary" onclick="window._launcher.processAimeatImport()" data-i18n="import.selected">Import Selected</button>
-      </div>
-    </div>
-  </div>
   <!-- Publish Modal -->
   <div id="publish-overlay" hidden>
     <div class="modal" id="publish-modal">
@@ -399,20 +348,6 @@
     </div>
   </div>
-  <!-- JSON Backup Import Modal (user-selected, duplicate-aware) -->
-  <div id="json-import-overlay" hidden>
-    <div class="modal" id="json-import-modal">
-      <h2 data-i18n="jsonImport.title">&#x1F4E5; Import JSON backup</h2>
-      <div id="json-import-status" style="margin:4px 0;font-size:.85rem;min-height:1.1em"></div>
-      <div id="json-import-body" style="overflow-y:auto;max-height:55vh"></div>
-      <div class="modal-actions">
-        <button type="button" class="modal-btn secondary" onclick="document.getElementById('json-import-overlay').hidden = true" data-i18n="common.cancel">Cancel</button>
-        <button type="button" class="modal-btn primary" id="json-import-btn" onclick="window._launcher.submitJsonImport()" data-i18n="srvImport.import">Import selected</button>
-      </div>
-    </div>
-  </div>
   <!-- Backup Import Modal -->
   <div id="backup-overlay" hidden>
     <div class="modal" id="backup-modal">
@@ -472,6 +407,18 @@
     </div>
   </div>
+  <!-- Bundled-agents modal (Agent-Bundled Apps): crew-def inspector + hosted instances with
+       public offer prices + "deploy your own" (runner/organism pickers) onto the owner's fleet -->
+  <div id="agents-overlay" hidden>
+    <div class="modal" id="agents-modal">
+      <h2>&#x1F916; <span data-i18n="agents.title">Bundled agents</span> <span id="agents-modal-app" class="aga-app-ref"></span></h2>
+      <div id="agents-modal-body" class="aga-body"></div>
+      <div class="modal-actions">
+        <button type="button" class="modal-btn secondary" onclick="document.getElementById('agents-overlay').hidden = true" data-i18n="common.close">Close</button>
+      </div>
+    </div>
+  </div>
   <!-- Copy-protection modal: opt-in per-app flags applied to the runnable HTML at serve time -->
   <div id="protection-overlay" hidden>
     <div class="modal" id="protection-modal">
@@ -506,6 +453,9 @@
         <textarea class="pb-desc-area" id="pb-description" placeholder="Describe what the app should do..." data-i18n-ph="pb.descPh"></textarea>
         <label class="pb-ext-toggle" for="pb-template"><span>&#x2728; <span data-i18n="pb.template">Start from a template (optional)</span></span></label>
         <select id="pb-template" class="modal-input pb-template-select"><option value="">(none &#x2014; build from scratch)</option></select>
+        <div class="pb-ext-toggle"><span>&#x1F9F0; <span data-i18n="pb.packs">Capability packs (optional)</span></span></div>
+        <p class="pb-step-hint" data-i18n="pb.packsHint">Charts, editable flow diagrams, games, 3D… — self-hosted libraries with AI instructions baked into the prompt. Your idea text pre-selects matching packs.</p>
+        <div class="pb-packs" id="pb-packs"></div>
       </div>
       <div class="pb-step">

package/dist/static/app-catalog/js/app-agents.js ADDED Viewed

@@ -0,0 +1,232 @@
+/**
+ * @file app-agents.js
+ * @description Agent-Bundled Apps surface for the catalog: the "Bundled agents" modal — a
+ *   crew-def inspector (crew, tasks, tools, skills), the HOSTED instances shelf (who already
+ *   runs this agent + their public offers/prices, via GET .../agents/:name/instances), and the
+ *   "deploy your own" form (runner + organism pickers → POST .../deploy on the SIGNED-IN owner's
+ *   own fleet). Opened from community cards, library cards, and the owner detail view.
+ * @structure
+ *   - appManifestAgents()/appHasAgents() — manifest.cortex.agents accessors (server manifest cache)
+ *   - showAppAgentsModal() — render + fetch instances/pickers; agentsDeploy()/agentsUndeploy()
+ * @usage import { initAppAgents, showAppAgentsModal, agentsDeploy, agentsUndeploy } from './app-agents.js';
+ *   initAppAgents({ getServerManifests }) — dep-injected like initDetail, so no import cycle
+ *   back through render.js (which imports detail.js, which imports this module).
+ * @version-history
+ *   v1.0.0 — 2026-07-17 — Initial creation (Agent-Bundled Apps Slice 2: catalog surface)
+ */
+import { escapeHtml, jsArg } from './util.js';
+import { showNotice } from './ui.js';
+import { loadConfig } from './config.js';
+import { t } from './i18n.js';
+import { getCortexOwnerToken } from './cortex.js';
+let getServerManifests;
+export function initAppAgents(deps) {
+  ({ getServerManifests } = deps);
+}
+function aimeatBase() {
+  var config = loadConfig();
+  return config.aimeatUrl ? config.aimeatUrl.replace(/\/+$/, '') : '';
+}
+/** The crew-defs a SERVER app declares (from the manifest cache loadPublishedApps fills). */
+export function appManifestAgents(owner, filename) {
+  var m = getServerManifests ? getServerManifests()[(owner || '') + '\n' + (filename || '')] : null;
+  return (m && m.cortex && Array.isArray(m.cortex.agents)) ? m.cortex.agents : [];
+}
+export function appHasAgents(manifest) {
+  return !!(manifest && manifest.cortex && Array.isArray(manifest.cortex.agents) && manifest.cortex.agents.length);
+}
+/** "12 morsels/run · 2.50 EUR" — an offer's price line, or the ask-for-price fallback. */
+function fmtOfferPrice(o) {
+  var parts = [];
+  if (o.price && typeof o.price.morsels === 'number') {
+    parts.push(o.price.morsels + ' \u{1F969}' + (o.price.unit ? '/' + escapeHtml(o.price.unit) : ''));
+  }
+  if (o.price_money && typeof o.price_money.amount === 'number') {
+    parts.push((o.price_money.amount / 1e6).toFixed(2) + ' ' + escapeHtml(o.price_money.currency || 'EUR'));
+  }
+  return parts.length ? parts.join(' · ') : t('agents.askPrice');
+}
+/** One crew-def's inspector block: who's in the crew, what it does, which tools/skills it needs. */
+function inspectorHtml(def) {
+  var crew = (def.agents || []).map(function(a) {
+    var tools = (a.tools || []).map(function(x) { return '<span class="aga-chip">' + escapeHtml(x) + '</span>'; }).join('');
+    var skills = (a.skills || []).map(function(x) { return '<span class="aga-chip aga-chip-skill">' + escapeHtml(x) + '</span>'; }).join('');
+    return '<div class="aga-crew-row"><strong>' + escapeHtml(a.role || '') + '</strong>' +
+      (a.goal ? ' — <span class="aga-goal">' + escapeHtml(a.goal) + '</span>' : '') +
+      ((tools || skills) ? '<div class="aga-chips">' + tools + skills + '</div>' : '') +
+      '</div>';
+  }).join('');
+  var tasks = (def.tasks || []).map(function(tk) {
+    var desc = String(tk.description || '');
+    if (desc.length > 140) desc = desc.slice(0, 140) + '…';
+    return '<li>' + escapeHtml(desc) + (tk.expected_output ? ' <span class="aga-goal">→ ' + escapeHtml(String(tk.expected_output).slice(0, 80)) + '</span>' : '') + '</li>';
+  }).join('');
+  return '<div class="aga-inspector">' +
+    '<div class="aga-label">' + t('agents.crew') + (def.llm_profile ? ' <span class="aga-chip">' + escapeHtml(def.llm_profile) + '</span>' : '') +
+      (def.process ? ' <span class="aga-chip">' + escapeHtml(def.process) + '</span>' : '') + '</div>' +
+    crew +
+    '<div class="aga-label">' + t('agents.tasks') + '</div><ul class="aga-tasks">' + tasks + '</ul>' +
+    '</div>';
+}
+function instanceHtml(inst, appOwner, appFilename, agentName) {
+  var dot = inst.online ? '<span class="aga-dot aga-dot-on"></span>' : '<span class="aga-dot"></span>';
+  var who = escapeHtml(inst.owner) + (inst.is_yours ? ' <span class="aga-chip">' + t('agents.you') + '</span>' : '') +
+    (inst.source === 'author' ? ' <span class="aga-chip">' + t('agents.author') + '</span>' : '');
+  var offers = (inst.offers || []).map(function(o) {
+    return '<div class="aga-offer">' +
+      '<span class="aga-offer-title">' + escapeHtml(o.title || o.id) + '</span>' +
+      '<span class="aga-price">' + fmtOfferPrice(o) + (o.callable ? ' · ' + t('agents.instant') : '') + '</span>' +
+      '</div>';
+  }).join('');
+  var undeploy = (inst.is_yours && inst.source === 'deployed')
+    ? '<button class="modal-btn secondary aga-btn-sm" onclick="window._launcher.agentsUndeploy(\'' + jsArg(appOwner) + '\', \'' + jsArg(appFilename) + '\', \'' + jsArg(agentName) + '\')">' + t('agents.undeploy') + '</button>'
+    : '';
+  return '<div class="aga-inst">' +
+    '<div class="aga-inst-head">' + dot + '<strong>' + who + '</strong>' +
+      '<span class="aga-goal">' + t('agents.trust') + ' ' + (inst.trust_score != null ? inst.trust_score : '—') + '</span>' + undeploy + '</div>' +
+    (offers || '<div class="aga-goal">' + t('agents.noOffers') + '</div>') +
+    '</div>';
+}
+/**
+ * Open the Bundled-agents modal for a server app. Renders the inspector immediately, then
+ * fills the hosted-instances shelf + the runner/organism pickers asynchronously.
+ */
+export function showAppAgentsModal(owner, filename) {
+  var defs = appManifestAgents(owner, filename);
+  if (!defs.length) { showNotice(t('agents.none')); return; }
+  var base = aimeatBase();
+  if (!base) { showNotice('Set AIMEAT server URL in Settings first'); return; }
+  var token = getCortexOwnerToken();
+  document.getElementById('agents-modal-app').textContent = owner + '/' + filename;
+  var body = document.getElementById('agents-modal-body');
+  var html = '<div class="aga-intro">' + t('agents.declares') + '</div>';
+  for (var i = 0; i < defs.length; i++) {
+    var def = defs[i];
+    html += '<div class="aga-def">' +
+      '<h3>\u{1F916} ' + escapeHtml(def.agent_name || '') + '</h3>' +
+      inspectorHtml(def) +
+      '<div class="aga-label">' + t('agents.hostedTitle') + '</div>' +
+      '<div id="aga-instances-' + i + '" class="aga-goal">' + t('agents.loading') + '</div>' +
+      '<div class="aga-label">' + t('agents.deployTitle') + '</div>' +
+      (token
+        ? '<div class="aga-deploy-row">' +
+            '<label>' + t('agents.runner') + ' <select id="aga-runner-' + i + '" class="modal-input aga-select"><option value="">' + t('agents.loading') + '</option></select></label>' +
+            '<label>' + t('agents.organism') + ' <select id="aga-organism-' + i + '" class="modal-input aga-select"><option value="">—</option></select></label>' +
+            '<button class="modal-btn aga-deploy-btn" onclick="window._launcher.agentsDeploy(\'' + jsArg(owner) + '\', \'' + jsArg(filename) + '\', \'' + jsArg(def.agent_name) + '\', ' + i + ')">' + t('agents.deployBtn') + '</button>' +
+          '</div>' +
+          '<div class="aga-goal">' + t('agents.deployDesc') + '</div>'
+        : '<div class="aga-goal">' + t('agents.needLogin') + '</div>') +
+      '</div>';
+  }
+  body.innerHTML = html;
+  document.getElementById('agents-overlay').hidden = false;
+  // Hosted instances per def (public endpoint — works signed out too).
+  defs.forEach(function(def, i) {
+    var headers = token ? { 'Authorization': 'Bearer ' + token } : {};
+    fetch(base + '/v1/apps/' + encodeURIComponent(owner) + '/' + encodeURIComponent(filename) +
+          '/agents/' + encodeURIComponent(def.agent_name) + '/instances', { headers: headers })
+      .then(function(r) { return r.json(); })
+      .then(function(json) {
+        var el = document.getElementById('aga-instances-' + i);
+        if (!el) return;
+        var list = (json.data && json.data.instances) || [];
+        el.className = '';
+        el.innerHTML = list.length
+          ? list.map(function(inst) { return instanceHtml(inst, owner, filename, def.agent_name); }).join('')
+          : '<div class="aga-goal">' + t('agents.hostedNone') + '</div>';
+      })
+      .catch(function() {
+        var el = document.getElementById('aga-instances-' + i);
+        if (el) el.textContent = t('agents.hostedError');
+      });
+  });
+  // Runner + organism pickers (signed-in only): my agents (task-runners first) + my organisms.
+  if (token) {
+    fetch(base + '/v1/agents', { headers: { 'Authorization': 'Bearer ' + token } })
+      .then(function(r) { return r.json(); })
+      .then(function(json) {
+        var agents = (json.data && json.data.agents) || [];
+        agents.sort(function(a, b) {
+          var rank = function(m) { return m === 'task-runner' ? 0 : m === 'autonomous' ? 1 : 2; };
+          return rank(a.mode) - rank(b.mode);
+        });
+        var opts = agents.length
+          ? agents.map(function(a) {
+              var label = a.name + (a.mode === 'task-runner' ? ' · task-runner' : a.mode ? ' · ' + a.mode : '');
+              var sel = a.name === 'crew-forge' ? ' selected' : '';
+              return '<option value="' + escapeHtml(a.name) + '"' + sel + '>' + escapeHtml(label) + '</option>';
+            }).join('')
+          : '<option value="">' + t('agents.noRunnerOption') + '</option>';
+        defs.forEach(function(_, i) {
+          var el = document.getElementById('aga-runner-' + i);
+          if (el) el.innerHTML = opts;
+        });
+      }).catch(function() { /* picker keeps its loading placeholder */ });
+    var me = null;
+    try { me = JSON.parse(localStorage.getItem('aimeat_session')).owner || null; } catch (e) { /* signed out */ }
+    if (me) {
+      fetch(base + '/v1/organisms?member=' + encodeURIComponent(me), { headers: { 'Authorization': 'Bearer ' + token } })
+        .then(function(r) { return r.json(); })
+        .then(function(json) {
+          var orgs = (json.data && json.data.organisms) || [];
+          var opts = '<option value="">—</option>' + orgs.map(function(o) {
+            return '<option value="' + escapeHtml(o.id) + '">' + escapeHtml(o.name || o.id) + '</option>';
+          }).join('');
+          defs.forEach(function(_, i) {
+            var el = document.getElementById('aga-organism-' + i);
+            if (el) el.innerHTML = opts;
+          });
+        }).catch(function() { /* organism stays optional */ });
+    }
+  }
+}
+function postAction(owner, filename, agentName, action, bodyObj, doneMsgFor) {
+  var token = getCortexOwnerToken();
+  if (!token) { showNotice(t('agents.needLogin')); return; }
+  fetch(aimeatBase() + '/v1/apps/' + encodeURIComponent(owner) + '/' + encodeURIComponent(filename) +
+        '/agents/' + encodeURIComponent(agentName) + '/' + action, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token },
+    body: JSON.stringify(bodyObj),
+  })
+    .then(function(r) { return r.json(); })
+    .then(function(json) {
+      if (json.ok) { showNotice(doneMsgFor(json.data || {})); }
+      else {
+        var code = json.error && json.error.code;
+        showNotice(code === 'RUNNER_NOT_FOUND'
+          ? t('agents.noRunner')
+          : ((json.error && json.error.message) || t('agents.deployFailed')));
+      }
+    })
+    .catch(function(err) { showNotice(t('agents.deployFailed') + ': ' + err.message); });
+}
+/** Deploy handler for the modal's per-def form (reads its runner/organism selects). */
+export function agentsDeploy(owner, filename, agentName, idx) {
+  var runnerEl = document.getElementById('aga-runner-' + idx);
+  var orgEl = document.getElementById('aga-organism-' + idx);
+  var body = {};
+  if (runnerEl && runnerEl.value) body.runner_agent = runnerEl.value;
+  if (orgEl && orgEl.value) body.organism_id = orgEl.value;
+  postAction(owner, filename, agentName, 'deploy', body, function(d) {
+    return d.auto_activated ? t('agents.deployStarted') : t('agents.deployQueued');
+  });
+}
+export function agentsUndeploy(owner, filename, agentName) {
+  postAction(owner, filename, agentName, 'undeploy', {}, function() { return t('agents.undeployQueued'); });
+}