@floless/app 0.22.0 → 0.22.1

package/dist/floless-server.cjs

@@ -52729,7 +52729,7 @@ function appVersion() {
   return resolveVersion({
     isSea: isSea2(),
     sqVersionXml: readSqVersionXml(),
-    define: true ? "0.22.0" : void 0,
+    define: true ? "0.22.1" : void 0,
     pkgVersion: readPkgVersion()
   });
 }
@@ -52739,7 +52739,7 @@ function resolveChannel(s) {
   return "dev";
 }
 function appChannel() {
-  return resolveChannel({ isSea: isSea2(), define: true ? "0.22.0" : void 0 });
+  return resolveChannel({ isSea: isSea2(), define: true ? "0.22.1" : void 0 });
 }
 
 // oauth-presets.ts

package/dist/web/app.css

@@ -1125,9 +1125,17 @@
     overflow-y: auto;
     display: grid;
     grid-template-columns: 1fr 1fr;
+    /* align-items:start so a collapsed card isn't stretched to match an
+       expanded sibling in the same row (the accordion-in-grid pattern). */
+    align-items: start;
     gap: 6px;
     padding-right: 4px;
   }
+  /* One grid cell per agent: holds the card header + its command list, so the
+     commands nest directly under the picked card (see renderLibrary). */
+  .lib-card { min-width: 0; }
+  .lib-card.expanded .lib-item { border-color: var(--accent-dim); }
+  .lib-card.expanded .lib-fav { transform: rotate(180deg); }
   .lib-item {
     background: var(--surface-2);
     border: 1px solid var(--border-strong);
@@ -1162,6 +1170,7 @@
     border-radius: 3px;
     flex-shrink: 0;
     line-height: 1;
+    transition: transform 0.15s ease, color 0.15s, border-color 0.15s;
   }
   .lib-item .lib-fav.faved { color: var(--star); border-color: var(--star); }
 

package/dist/web/aware.js

@@ -3681,15 +3681,20 @@
   renderLibrary = function renderLibraryReal() {
     const q = ($libSearch.value || '').toLowerCase().trim();
     const items = agentCatalog.filter((a) => !q || a.id.toLowerCase().includes(q) || (a.kind || '').toLowerCase().includes(q));
+    // Each agent is ONE grid cell: the card header + its (lazy) command list live
+    // in the same `.lib-card`, so expanding nests the commands directly under the
+    // picked card instead of scattering them into a neighbouring grid slot.
     $libList.innerHTML = items.map((a) => `
-      <div class="lib-item" data-agent="${escapeAttr(a.id)}">
-        <div class="info">
-          <div class="name">${escapeHtml(a.id)} <span style="color:var(--text-dim);font-weight:400">v${escapeHtml(String(a.version))}</span></div>
-          <div class="meta">${escapeHtml(a.kind || 'agent')} · ${a.commands} command${a.commands === 1 ? '' : 's'} · ${a.skills} skill${a.skills === 1 ? '' : 's'}</div>
+      <div class="lib-card" data-agent="${escapeAttr(a.id)}">
+        <div class="lib-item">
+          <div class="info">
+            <div class="name">${escapeHtml(a.id)} <span style="color:var(--text-dim);font-weight:400">v${escapeHtml(String(a.version))}</span></div>
+            <div class="meta">${escapeHtml(a.kind || 'agent')} · ${a.commands} command${a.commands === 1 ? '' : 's'} · ${a.skills} skill${a.skills === 1 ? '' : 's'}</div>
+          </div>
+          <button class="lib-fav" data-expand="${escapeAttr(a.id)}" data-tip="Show commands">⌄</button>
         </div>
-        <button class="lib-fav" data-expand="${escapeAttr(a.id)}" data-tip="Show commands">⌄</button>
+        <div class="lib-commands" id="cmds-${escapeAttr(a.id)}" hidden></div>
       </div>
-      <div class="lib-commands" id="cmds-${escapeAttr(a.id)}" hidden></div>
     `).join('') || '<div class="empty-state">No agents match.</div>';
     $libList.querySelectorAll('[data-expand]').forEach((btn) => {
       btn.onclick = () => expandAgent(btn.dataset.expand);
@@ -3699,8 +3704,10 @@
   async function expandAgent(id) {
     const box = document.getElementById(`cmds-${id}`);
     if (!box) return;
-    if (!box.hidden) { box.hidden = true; return; }
+    const card = box.closest('.lib-card');
+    if (!box.hidden) { box.hidden = true; if (card) card.classList.remove('expanded'); return; }
     box.hidden = false;
+    if (card) card.classList.add('expanded');
     box.innerHTML = '<div class="cmd-desc">loading…</div>';
     try {
       const { agent } = await api(`/api/agent/${encodeURIComponent(id)}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floless/app",
-  "version": "0.22.0",
+  "version": "0.22.1",
   "type": "module",
   "description": "Thin localhost host for floless.app — serves web/ and shells the aware CLI. No engine, no LLM.",
   "bin": {