loopengine 0.1.64 → 0.1.66

package/README.md

@@ -117,9 +117,9 @@ code changes or redeploy needed for most of it:
 | --- | --- |
 | **Chat** | Talk to the agent, approve or deny tool calls as they come up, and follow each step (model calls, tool calls, permission checks) in the Run trace. Past conversations are under History. |
 | **Overview** | A card per tab (tools, permissions, skills, settings), plus the system prompt, model, hooks and limits, each editable in place. |
+| **Abilities** | Install, upgrade, and uninstall abilities (see [Ability system](#ability-system)). |
 | **Tools** | Your hand-written tools, tools from integrations (e.g. [Composio](https://composio.dev)) and subagents, with whether each call runs on its own, asks first, or is denied. Build an HTTP tool or connect an integration without touching a file. |
 | **Skills** | Create, edit, and delete `SKILL.md` files for this agent directly in the browser — write the body, preview the rendered markdown, save. |
-| **Abilities** | Install, upgrade, and uninstall abilities (see [Ability system](#ability-system)). |
 | **Permissions** | Add, edit, and delete permission rules (actauth) — who, tool, decision — and choose what happens when no rule matches. |
 | **Environment** | Every setting an installed ability reads, with its project-wide value and this agent's own value side by side, and which one the agent actually uses. A secret is never shown again once set. |
 

package/dist/web/agents-config-page.js

@@ -600,11 +600,13 @@ ${consoleShellScript}
     }
     return '<div class="le-cards" style="margin-bottom:28px">' +
       card(null, 'Model', escapeHtml(modelValue), escapeHtml(modelDetail)) +
+      (cfg.abilityCount != null
+        ? card('abilities', 'Abilities', String(cfg.abilityCount), cfg.abilityCount ? 'Installed for this agent' : 'Add tools, skills and rules in one install')
+        : card('abilities', 'Abilities', 'Browse', 'Add tools, skills and rules in one install')) +
       card('tools', 'Tools', String(cfg.tools.length), escapeHtml(toolNames.slice(0, 3).join(', ') + (toolNames.length > 3 ? ', \u2026' : '')) || 'None yet') +
+      card('skills', 'Skills', String(cfg.skills.length), escapeHtml(cfg.skills.map(function (k) { return k.name; }).join(', ')) || 'None yet') +
       card('actauth', 'Permissions', rules.length + (rules.length === 1 ? ' rule' : ' rules'),
         (asks ? asks + ' need approval \u00b7 ' : '') + 'unmatched calls: ' + escapeHtml(cfg.permissions.defaultDecision)) +
-      card('skills', 'Skills', String(cfg.skills.length), escapeHtml(cfg.skills.map(function (k) { return k.name; }).join(', ')) || 'None yet') +
-      card('abilities', 'Abilities', 'Browse', 'Add tools, skills and rules in one install') +
       card('env', 'Environment', 'Settings', '<span data-le-env-count="' + escapeHtml(cfg.name) + '">' + leShell.envCountHtml(cfg.name) + '</span> Values your installed abilities read') +
     '</div>';
   }
@@ -1634,6 +1636,8 @@ ${consoleShellScript}
     if (!content) return;
     content.innerHTML = renderAbilitiesConfigHtml(data);
     var installedNames = (data.abilities || []).map(function (a) { return a.name; });
+    // Keeps the tab badge right after an install or uninstall here.
+    leShell.setCount('abilities', installedNames.length);
     wireAbilitiesHandlers(name, installedNames);
     abilitiesLoadedFor = name;
   }
@@ -2537,7 +2541,7 @@ ${consoleShellScript}
         prompt: cfg.systemPrompt,
         chips: [modelChip(cfg), { text: 'unmatched calls: ' + cfg.permissions.defaultDecision }],
         tab: currentTab,
-        counts: { tools: cfg.tools.length, skills: cfg.skills.length, actauth: cfg.permissions.rules.length },
+        counts: { tools: cfg.tools.length, skills: cfg.skills.length, abilities: cfg.abilityCount, actauth: cfg.permissions.rules.length },
       }) +
       '<div class="le-scroll"><div class="le-page" style="display:block">' +
       '<div class="tab-panel" data-tab-panel="overview">' + renderOverviewHtml(cfg) + '</div>' +

package/dist/web/console-shell.js

@@ -41,8 +41,8 @@ export const consoleShellScript = `<script>
   // after the list loads.
   var toSet = {};
   var TABS = [
-    ['chat', 'Chat'], ['overview', 'Overview'], ['tools', 'Tools'], ['skills', 'Skills'],
-    ['abilities', 'Abilities'], ['actauth', 'Permissions'], ['env', 'Environment']
+    ['chat', 'Chat'], ['overview', 'Overview'], ['abilities', 'Abilities'], ['tools', 'Tools'],
+    ['skills', 'Skills'], ['actauth', 'Permissions'], ['env', 'Environment']
   ];
 
   function esc(s) {
@@ -134,6 +134,15 @@ export const consoleShellScript = `<script>
     renderList();
   }
 
+  // Updates one tab's count badge in place (e.g. after an install).
+  function setCount(tab, n) {
+    var link = document.querySelector('.le-tab[data-tab="' + tab + '"]');
+    if (!link) return;
+    var badge = link.querySelector('.le-count');
+    if (!badge) { badge = document.createElement('span'); badge.className = 'le-count'; link.appendChild(badge); }
+    badge.textContent = String(n);
+  }
+
   function setActive(name) {
     activeAgent = name;
     renderList();
@@ -151,6 +160,6 @@ export const consoleShellScript = `<script>
     if (app.classList.contains('nav-open') && !ev.target.closest('.le-sidebar')) app.classList.remove('nav-open');
   });
 
-  window.leShell = { ready: ready, renderHead: renderHead, setTab: setTab, setActive: setActive, esc: esc, tabHref: tabHref, envCountHtml: envCountHtml };
+  window.leShell = { ready: ready, renderHead: renderHead, setTab: setTab, setActive: setActive, esc: esc, tabHref: tabHref, envCountHtml: envCountHtml, setCount: setCount };
 })();
 </script>`;

package/dist/web/playground.js

@@ -697,13 +697,22 @@ ${consoleShellScript}
     }
   });
 
+  // "You" for the person typing, the agent's own name for its replies.
+  function messageLabel(role) {
+    if (role === 'user') return 'You';
+    if (role === 'assistant') return agentSelect.value || 'Agent';
+    if (role === 'error') return 'Error';
+    if (role === 'stopped') return 'Stopped';
+    return role;
+  }
+
   function appendChatMessage(role, text) {
     clearEmptyHint(chatPane);
     var div = document.createElement('div');
     div.className = 'msg msg-' + role;
     var label = document.createElement('div');
     label.className = 'msg-label';
-    label.textContent = role;
+    label.textContent = messageLabel(role);
     var body = document.createElement('div');
     body.className = 'msg-body';
     // Only an assistant's own reply gets rendered as markdown — a user's
@@ -1424,7 +1433,7 @@ ${consoleShellScript}
       var counts = {};
       if (cfg) {
         chips.push({ text: typeof cfg.model === 'string' ? cfg.model : cfg.model.provider + ' \u00b7 ' + (cfg.model.model || 'default model'), mono: true });
-        counts = { tools: cfg.tools.length, skills: cfg.skills.length, actauth: cfg.permissions.rules.length };
+        counts = { tools: cfg.tools.length, skills: cfg.skills.length, abilities: cfg.abilityCount, actauth: cfg.permissions.rules.length };
       }
       head.innerHTML = leShell.renderHead({ name: name, prompt: agent.systemPrompt, chips: chips, tab: 'chat', counts: counts });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loopengine",
-  "version": "0.1.64",
+  "version": "0.1.66",
   "type": "module",
   "description": "Runtime for tool-using AI agents with a transparent ReAct loop.",
   "license": "MIT",