nothumanallowed 4.0.0 → 4.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "description": "NotHumanAllowed — 38 AI agents for security, code, DevOps, data & daily ops. Ask agents directly, plan your day with 5 specialist agents, manage tasks, connect Gmail + Calendar.",
   "type": "module",
   "bin": {

package/src/services/web-ui.mjs

@@ -122,12 +122,15 @@ input:focus,textarea:focus{border-color:var(--green3)}
 .event__location{color:var(--dim);font-size:11px}
 
 /* ---- AGENTS ---- */
-.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
-@media(min-width:901px){.agents-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
-.agent-card{padding:12px;text-align:center;cursor:pointer;transition:border-color .15s}
-.agent-card:hover{border-color:var(--green3)}
-.agent-card__name{color:var(--green);font-weight:700;font-size:13px;margin-bottom:4px}
-.agent-card__cat{font-size:9px;color:var(--dim);text-transform:uppercase}
+.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
+@media(min-width:600px){.agents-grid{grid-template-columns:repeat(4,1fr)}}
+@media(min-width:901px){.agents-grid{grid-template-columns:repeat(5,1fr)}}
+.agent-card{padding:10px;text-align:center;cursor:pointer;transition:border-color .15s,transform .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
+.agent-card:hover{border-color:var(--green3);transform:scale(1.03)}
+.agent-card__icon{font-size:20px;line-height:1}
+.agent-card__name{color:var(--green);font-weight:700;font-size:11px}
+.agent-card__tagline{font-size:9px;color:var(--dim);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
+.agent-card__cat{display:none}
 
 /* ---- MODAL ---- */
 .modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:300;align-items:center;justify-content:center}
@@ -485,15 +488,50 @@ function openDayDetail(dateStr){
 }
 
 // ---- AGENTS ----
+var AGENT_ICONS = {
+  saber:'\\u{1F6E1}',zero:'\\u{1F50D}',veritas:'\\u2713',ade:'\\u{1F52C}',heimdall:'\\u{1F512}',
+  jarvis:'\\u{1F4BB}',forge:'\\u2699',pipe:'\\u{1F527}',shell:'\\u{1F4DF}',glitch:'\\u{1F41B}',
+  oracle:'\\u{1F4CA}',logos:'\\u{1F9EE}',atlas:'\\u{1F5FA}',cartographer:'\\u{1F30D}',
+  scheherazade:'\\u270D',quill:'\\u{1F4DD}',muse:'\\u{1F3A8}',murasaki:'\\u{1F58C}',
+  hermes:'\\u{1F517}',link:'\\u{1F50C}',mercury:'\\u{1F310}',
+  shogun:'\\u2638',flux:'\\u{1F504}',cron:'\\u23F0',
+  babel:'\\u{1F30E}',polyglot:'\\u{1F5E3}',herald:'\\u{1F4E2}',
+  echo:'\\u{1F4E1}',macro:'\\u26A1',
+  prometheus:'\\u{1F525}',cassandra:'\\u26A0',athena:'\\u{1F9E0}',sauron:'\\u{1F441}',conductor:'\\u{1F3BC}',
+  navi:'\\u{1F9ED}',edi:'\\u{1F4C8}',tempest:'\\u26C8',epicure:'\\u{1F37D}'
+};
 function renderAgents(el){
   if(agentsList.length===0){el.innerHTML='<div style="text-align:center;padding:40px"><div class="spinner"></div><div style="color:var(--dim)">Loading agents...</div></div>';loadAgents().then(function(){renderAgents(el)});return}
-  var h='<div class="agents-grid">';
-  agentsList.forEach(function(a){
-    h+='<div class="card agent-card" onclick="openAgent(\\''+esc(a.name||a.agentName)+'\\',\\''+esc(a.displayName||a.name)+'\\')"><div class="agent-card__name">'+esc(a.displayName||a.name)+'</div><div class="agent-card__cat">'+esc(a.category||'')+'</div></div>';
+
+  // Category filter
+  var cats={};agentsList.forEach(function(a){var c=a.category||'other';cats[c]=(cats[c]||0)+1});
+  var h='<div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px">';
+  h+='<button class="btn btn--secondary" style="font-size:11px" onclick="agentFilter=null;renderAgents(document.getElementById(\\x27content\\x27))">All ('+agentsList.length+')</button>';
+  Object.keys(cats).sort().forEach(function(c){
+    h+='<button class="btn btn--secondary" style="font-size:11px" onclick="agentFilter=\\x27'+esc(c)+'\\x27;renderAgents(document.getElementById(\\x27content\\x27))">'+esc(c)+' ('+cats[c]+')</button>';
+  });
+  h+='</div>';
+
+  var filtered=agentFilter?agentsList.filter(function(a){return a.category===agentFilter}):agentsList;
+
+  h+='<div class="agents-grid">';
+  filtered.forEach(function(a){
+    var name=a.name||a.agentName;
+    var display=a.displayName||name;
+    var icon=AGENT_ICONS[name.toLowerCase()]||'\\u{1F916}';
+    var tagline=a.tagline||a.description||'';
+    var cat=a.category||'';
+    h+='<div class="card agent-card" onclick="openAgent(\\''+esc(name)+'\\',\\''+esc(display)+'\\')">'+
+      '<div class="agent-card__icon">'+icon+'</div>'+
+      '<div class="agent-card__name">'+esc(display)+'</div>'+
+      '<div class="agent-card__tagline">'+esc(tagline.slice(0,60))+'</div>'+
+      '<div class="agent-card__cat">'+esc(cat)+'</div>'+
+    '</div>';
   });
   h+='</div>';
   el.innerHTML=h;
 }
+var agentFilter=null;
 function openAgent(name,display){
   selectedAgent=name;
   attachedFileContent=null;attachedFileName=null;