nothumanallowed 6.3.1 → 6.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "6.3.1",
+  "version": "6.3.2",
   "description": "NotHumanAllowed — 38 AI agents for security, code, DevOps, data & daily ops. Per-agent memory, Telegram + Discord auto-responder, proactive intelligence daemon, voice chat, plugin system.",
   "type": "module",
   "bin": {

package/src/constants.mjs

@@ -5,7 +5,7 @@ import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-export const VERSION = '6.3.1';
+export const VERSION = '6.3.2';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/web-ui.mjs

@@ -654,77 +654,105 @@ function renderSettings(el) {
   }
 
   el.innerHTML = '<div style="max-width:600px;margin:0 auto">' +
-    '<div class="card" style="margin-bottom:16px">' +
-      '<div class="card__title" style="color:var(--green);font-size:14px;margin-bottom:12px">User Profile</div>' +
-      '<div style="font-size:11px;color:var(--dim);margin-bottom:12px">Agents use this info when you say &quot;my home&quot;, &quot;my city&quot;, etc.</div>' +
-      settingsField('name', 'Name', 'Your full name') +
-      settingsField('email', 'Email', 'your@email.com') +
-      settingsField('phone', 'Phone', '+39 ...') +
-      settingsField('home-address', 'Home Address', 'Via Roma 1, Modena') +
-      settingsField('work-address', 'Work Address', 'Via Ufficio 10, Modena') +
-      settingsField('city', 'City', 'Modena') +
-      settingsField('country', 'Country', 'Italy') +
-      settingsField('company', 'Company', 'Your company') +
-      settingsField('role', 'Role', 'Your role') +
-      settingsField('profile-notes', 'Notes', 'Anything agents should know about you') +
-    '</div>' +
-    '<div class="card" style="margin-bottom:16px">' +
-      '<div class="card__title" style="color:var(--green);font-size:14px;margin-bottom:12px">LLM Provider</div>' +
-      settingsField('provider', 'Provider', 'anthropic / openai / gemini / deepseek / grok / mistral') +
-      settingsField('key', 'API Key', 'sk-ant-api03-...', true) +
-      settingsField('model', 'Model', 'Leave empty for default') +
-    '</div>' +
-    '<div class="card" style="margin-bottom:16px">' +
-      '<div class="card__title" style="color:var(--green);font-size:14px;margin-bottom:12px">Message Responder</div>' +
-      settingsField('telegram-bot-token', 'Telegram Bot Token', 'Get from @BotFather', true) +
-      settingsField('discord-bot-token', 'Discord Bot Token', 'From Discord Developer Portal', true) +
-    '</div>' +
-    '<div class="card" style="margin-bottom:16px">' +
-      '<div class="card__title" style="color:var(--green);font-size:14px;margin-bottom:12px">Daily Operations</div>' +
-      settingsField('plan-time', 'Daily Plan Time', '07:00') +
-      settingsField('summary-time', 'Summary Time', '18:00') +
-      settingsField('meeting-alert', 'Meeting Alert (minutes)', '30') +
-    '</div>' +
-    '<div style="text-align:center;margin-top:16px"><span style="color:var(--dim);font-size:10px">Changes are saved automatically when you press Enter or click outside a field.</span></div>' +
+    settingsSection('profile', 'User Profile', 'Agents use this when you say "my home", "my city", etc.', [
+      ['name', 'Name', 'Your full name'],
+      ['email', 'Email', 'your@email.com'],
+      ['phone', 'Phone', '+39 ...'],
+      ['home-address', 'Home Address', 'Via Roma 1, Modena'],
+      ['work-address', 'Work Address', 'Via Ufficio 10, Modena'],
+      ['city', 'City', 'Modena'],
+      ['country', 'Country', 'Italy'],
+      ['company', 'Company', 'Your company'],
+      ['role', 'Role', 'Your role'],
+      ['profile-notes', 'Notes', 'Anything agents should know about you'],
+    ]) +
+    settingsSection('llm', 'LLM Provider', 'The AI model that powers your agents.', [
+      ['provider', 'Provider', 'anthropic / openai / gemini / deepseek / grok / mistral'],
+      ['key', 'API Key', 'sk-ant-api03-...', true],
+      ['model', 'Model', 'Leave empty for default'],
+    ]) +
+    settingsSection('responder', 'Message Responder', 'Auto-reply to Telegram and Discord messages.', [
+      ['telegram-bot-token', 'Telegram Bot Token', 'Get from @BotFather', true],
+      ['discord-bot-token', 'Discord Bot Token', 'From Discord Developer Portal', true],
+    ]) +
+    settingsSection('ops', 'Daily Operations', 'Configure daily plan and alert timing.', [
+      ['plan-time', 'Daily Plan Time', '07:00'],
+      ['summary-time', 'Summary Time', '18:00'],
+      ['meeting-alert', 'Meeting Alert (minutes)', '30'],
+    ]) +
   '</div>';
 }
 
-function settingsField(key, label, placeholder, isSecret) {
-  var currentVal = '';
-  try {
-    var cfg = JSON.parse(localStorage.getItem('nha_config_cache') || '{}');
-    currentVal = cfg[key] || '';
-  } catch(e) {}
-
-  return '<div style="margin-bottom:10px">' +
-    '<label style="display:block;font-size:11px;color:var(--dim);margin-bottom:3px">' + esc(label) + '</label>' +
-    '<input type="' + (isSecret ? 'password' : 'text') + '" ' +
-      'value="' + esc(currentVal) + '" ' +
-      'placeholder="' + esc(placeholder) + '" ' +
-      'style="width:100%;padding:8px 12px;font-size:13px" ' +
-      'data-config-key="' + esc(key) + '" ' +
-      'onchange="saveSettingsField(this)" ' +
-      'onkeydown="if(event.key===\\x27Enter\\x27)this.blur()">' +
+function settingsSection(id, title, desc, fields) {
+  var h = '<div class="card" style="margin-bottom:16px" id="settings-' + id + '">' +
+    '<div class="card__title" style="color:var(--green);font-size:14px;margin-bottom:4px">' + esc(title) + '</div>' +
+    '<div style="font-size:11px;color:var(--dim);margin-bottom:12px">' + esc(desc) + '</div>';
+
+  for (var i = 0; i < fields.length; i++) {
+    var f = fields[i];
+    var key = f[0], label = f[1], placeholder = f[2], isSecret = f[3] || false;
+    var currentVal = '';
+    try { var cfg = JSON.parse(localStorage.getItem('nha_config_cache') || '{}'); currentVal = cfg[key] || ''; } catch(e) {}
+
+    h += '<div style="margin-bottom:10px">' +
+      '<label style="display:block;font-size:11px;color:var(--dim);margin-bottom:3px">' + esc(label) + '</label>' +
+      '<input type="' + (isSecret ? 'password' : 'text') + '" ' +
+        'value="' + esc(currentVal) + '" ' +
+        'placeholder="' + esc(placeholder) + '" ' +
+        'style="width:100%;padding:8px 12px;font-size:13px" ' +
+        'data-config-key="' + esc(key) + '" ' +
+        'data-section="' + esc(id) + '">' +
+    '</div>';
+  }
+
+  h += '<div style="display:flex;align-items:center;gap:12px;margin-top:14px">' +
+    '<button onclick="saveSettingsSection(\\x27' + id + '\\x27)" ' +
+      'style="background:var(--green3);color:var(--bg);padding:8px 24px;border-radius:var(--r);font-weight:700;font-size:13px;cursor:pointer">' +
+      'Save' +
+    '</button>' +
+    '<span id="settings-status-' + id + '" style="font-size:11px;color:var(--dim)"></span>' +
   '</div>';
+
+  h += '</div>';
+  return h;
 }
 
-function saveSettingsField(input) {
-  var key = input.dataset.configKey;
-  var val = input.value.trim();
-  if (!key) return;
-  apiPost('/api/config', { key: key, value: val }).then(function(r) {
-    if (r && r.ok) {
-      input.style.borderColor = 'var(--green)';
-      setTimeout(function() { input.style.borderColor = 'var(--border)'; }, 1500);
-      // Update local cache
-      try {
-        var cfg = JSON.parse(localStorage.getItem('nha_config_cache') || '{}');
-        cfg[key] = val;
-        localStorage.setItem('nha_config_cache', JSON.stringify(cfg));
-      } catch(e) {}
-    } else {
-      input.style.borderColor = 'var(--red)';
-      setTimeout(function() { input.style.borderColor = 'var(--border)'; }, 2000);
+function saveSettingsSection(sectionId) {
+  var inputs = document.querySelectorAll('input[data-section="' + sectionId + '"]');
+  var statusEl = document.getElementById('settings-status-' + sectionId);
+  if (statusEl) { statusEl.textContent = 'Saving...'; statusEl.style.color = 'var(--amber)'; }
+
+  var promises = [];
+  inputs.forEach(function(input) {
+    var key = input.dataset.configKey;
+    var val = input.value.trim();
+    if (!key) return;
+    promises.push(
+      apiPost('/api/config', { key: key, value: val }).then(function(r) {
+        if (r && r.ok) {
+          try {
+            var cfg = JSON.parse(localStorage.getItem('nha_config_cache') || '{}');
+            cfg[key] = val;
+            localStorage.setItem('nha_config_cache', JSON.stringify(cfg));
+          } catch(e) {}
+          return true;
+        }
+        return false;
+      })
+    );
+  });
+
+  Promise.all(promises).then(function(results) {
+    var allOk = results.every(function(r) { return r; });
+    if (statusEl) {
+      if (allOk) {
+        statusEl.textContent = 'Saved!';
+        statusEl.style.color = 'var(--green)';
+      } else {
+        statusEl.textContent = 'Some fields failed to save.';
+        statusEl.style.color = 'var(--red)';
+      }
+      setTimeout(function() { statusEl.textContent = ''; }, 3000);
     }
   });
 }