activistas: workflow por defecto, lanzador compacto y barra de 4 atajos

Con el workflow activistas caben todos los modulos en una pantalla: se
quitan el filtro Personal/Social y los accesos de usuario avanzado
(menciones, habitantes, perfil, CV, estadisticas, blockexplorer,
modulos). Peers y la edicion de la barra pasan a Herramientas; la barra
inferior se queda en los 4 atajos. La config de serie arranca ya con
los modulos de activistas.

src/views/hive_views.js

@@ -11,6 +11,10 @@ const { a, button, div, form, h2, h3, img, input, label, nav, p, section, span }
 const { getConfig } = require("../configs/config-manager.js");
 const sharedState = require("../configs/shared-state");
 
+// con pocos modulos activos (el workflow activistas) todo cabe en una pantalla:
+// sobran el filtro Personal/Social y los accesos de usuario avanzado
+const COMPACT_MAX = 16;
+
 module.exports = ({ i18n }) => {
   // === Oasis UX (portado de 0.8.7_UX): topbar + bottombar + lanzador ===
   // topbar fija arriba: [logo] [Personal] [Community] [avatar] en una línea (sin título OASIS)
@@ -23,7 +27,7 @@ module.exports = ({ i18n }) => {
     return div(
       { class: "oasis-mobile-topbar" },
       a({ class: "omt-logo", href: "/" }, img({ src: "/assets/images/snh-oasis.jpg", alt: "Oasis" })),
-      div({ class: "omt-menus" },
+      isCompact() ? div({ class: "omt-menus" }) : div({ class: "omt-menus" },
         a({ class: hiveFilter === "personal" ? "oasis-menu-btn active" : "oasis-menu-btn", href: hiveFilter === "personal" ? "/activity" : "/activity?hive=personal" }, span(i18n.menuPersonal || "Personal")),
         a({ class: hiveFilter === "community" ? "oasis-menu-btn active" : "oasis-menu-btn", href: hiveFilter === "community" ? "/activity" : "/activity?hive=community" }, span(i18n.menuSocial || "Social"))
       ),
@@ -96,8 +100,8 @@ module.exports = ({ i18n }) => {
       (badge && badge > 0) ? span({ class: "bb-badge" }, String(badge)) : "",
       span({ class: "bb-lbl" }, label)
     );
-    // FORK_IA_UX v4: barra PERSONALIZABLE (pins) + lápiz ✎ para editar (/settings/bottombar)
-    // + par FIJO Peers/Invites a la derecha. Sin FAB "+". (restaurada de la versión que gustaba)
+    // barra PERSONALIZABLE: solo los pins (max 4). Editarla y Peers estan en el
+    // lanzador (Herramientas): 7 botones abajo eran demasiados para un pulgar.
     const MAX = 4;
     const pins = (cfg.bottomBarPins || [])
       .map(key => PINNABLE_MODULES.find(m => m.key === key))
@@ -106,18 +110,9 @@ module.exports = ({ i18n }) => {
     const slots = pins.map(m => bbLink(
       m.href, m.glyph, i18n[m.labelKey] || m.key, m.key === 'inbox' ? inboxN : 0
     ));
-    const editSlot = a(
-      { class: "bb-item bb-add", href: "/settings/bottombar" },
-      span({ class: "bb-ico" }, "✎"),
-      span({ class: "bb-lbl" }, i18n.bbManage || "Edit")
-    );
-    const pair = [ bbLink("/peers", "⧖", i18n.peers || "Peers") ];
-    if (modOn('invitesMod')) pair.push(bbLink("/invites", "ꔮ", i18n.invites || "Invites"));
     return nav(
       { class: "oasis-bottombar", attrs: { "aria-label": i18n.bbQuickActions || "Quick actions" } },
-      ...slots,
-      editSlot,
-      div({ class: "bb-pair" }, ...pair)
+      ...slots
     );
   };
 
@@ -136,12 +131,12 @@ module.exports = ({ i18n }) => {
       { href: '/wiki', glyph: 'ꖿ', labelKey: 'wikiTitle', mod: 'wikiMod' },
       { href: '/blogs', glyph: 'ꔫ', labelKey: 'blogTitle', mod: 'blogsMod' },
       { href: '/opinions', glyph: 'ꔍ', labelKey: 'opinionsTitle', mod: 'opinionsMod' },
-      { href: '/mentions', glyph: '✺', labelKey: 'mentions', mod: null },
+      { href: '/mentions', glyph: '✺', labelKey: 'mentions', mod: null, extra: true },
       { href: '/tags', glyph: 'ꖶ', labelKey: 'tagsLabel', mod: 'tagsMod' },
       { href: '/trending', glyph: 'ꗝ', labelKey: 'trendingLabel', mod: 'trendingMod' },
       { href: '/maps', glyph: 'ꔌ', labelKey: 'mapsLabel', mod: 'mapsMod' },
       { href: '/graphos', glyph: '⌬', labelKey: 'modulesGraphosLabel', mod: 'graphosMod' },
-      { href: '/inhabitants', glyph: 'ꖘ', labelKey: 'inhabitantsLabel', mod: null },
+      { href: '/inhabitants', glyph: 'ꖘ', labelKey: 'inhabitantsLabel', mod: null, extra: true },
       { href: '/fediverse', glyph: 'ꗵ', labelKey: 'fediverseTimeline', mod: 'fediverseMod' } ] },
     { id: 'media', titleKey: 'menuMedia', side: 'community', mods: [
       { href: '/images', glyph: 'ꕥ', labelKey: 'imagesLabel', mod: 'imagesMod' },
@@ -182,36 +177,45 @@ module.exports = ({ i18n }) => {
       { href: '/banking', glyph: 'ꗴ', labelKey: 'bankingTitle', mod: 'bankingMod' },
       { href: '/transfers', glyph: 'ꘉ', labelKey: 'transfersTitle', mod: 'transfersMod' } ] },
     { id: 'personal', titleKey: 'menuPersonal', side: 'personal', mods: [
-      { href: '/profile', glyph: '⚉', labelKey: 'profile', mod: null },
+      { href: '/profile', glyph: '⚉', labelKey: 'profile', mod: null, extra: true },
       { href: '/agenda', glyph: 'ꗤ', labelKey: 'agendaTitle', mod: 'agendaMod' },
       { href: '/favorites', glyph: 'ꘝ', labelKey: 'favoritesTitle', mod: 'favoritesMod' },
       { href: '/phone', glyph: '☏', labelKey: 'phoneTitle', mod: 'phoneMod' },
-      { href: '/cv', glyph: 'ꕛ', labelKey: 'cvTitle', mod: null },
+      { href: '/cv', glyph: 'ꕛ', labelKey: 'cvTitle', mod: null, extra: true },
       { href: '/wallet', glyph: '❄', labelKey: 'wallet', mod: 'walletMod' },
       { href: '/logs', glyph: 'ꗯ', labelKey: 'logsTitle', mod: 'logsMod' } ] },
     { id: 'tools', titleKey: 'menuTools', side: 'personal', mods: [
       { href: '/invites', glyph: 'ꔹ', labelKey: 'invites', mod: 'invitesMod' },
+      { href: '/peers', glyph: '⧖', labelKey: 'peers', mod: null },
+      { href: '/settings/bottombar', glyph: '✎', labelKey: 'bbYourBar', mod: null },
       { href: '/backup', glyph: 'ꖤ', labelKey: 'backupTitle', mod: 'backupMod' },
       { href: '/cipher', glyph: 'ꗄ', labelKey: 'cipher', mod: 'cipherMod' },
       { href: '/ai', glyph: 'ꘜ', labelKey: 'ai', mod: 'aiMod' },
-      { href: '/stats', glyph: 'ꕷ', labelKey: 'statistics', mod: null },
-      { href: '/blockexplorer', glyph: 'ꖸ', labelKey: 'blockchain', mod: null },
-      { href: '/modules', glyph: 'ꗣ', labelKey: 'modules', mod: null },
+      { href: '/stats', glyph: 'ꕷ', labelKey: 'statistics', mod: null, extra: true },
+      { href: '/blockexplorer', glyph: 'ꖸ', labelKey: 'blockchain', mod: null, extra: true },
+      { href: '/modules', glyph: 'ꗣ', labelKey: 'modules', mod: null, extra: true },
       { href: '/settings', glyph: '⚙', labelKey: 'settings', mod: null } ] },
   ];
 
+  const isCompact = () => {
+    const cfg = getConfig();
+    const on = (m) => m && cfg.modules[m] === 'on';
+    return GROUPS.reduce((n, g) => n + g.mods.filter(x => on(x.mod)).length, 0) <= COMPACT_MAX;
+  };
+
   const renderHiveNav = () => {
     if (process.env.OASIS_MOBILE !== '1') return "";
     const cfg = getConfig();
     const modOn = (m) => !m || cfg.modules[m] === 'on' || cfg.modules[m] === undefined;
+    const compact = isCompact();
     // Personal/Social de la topbar (lo pone el middleware desde ?hive=) parte el lanzador en dos
-    const hiveFilter = (typeof global !== "undefined" && global.__OASIS_HIVE_FILTER__) || "";
+    const hiveFilter = compact ? "" : ((typeof global !== "undefined" && global.__OASIS_HIVE_FILTER__) || "");
     const app = (m) => a({ class: 'ln-app', href: m.href },
       span({ class: 'ln-ico', 'aria-hidden': 'true' }, m.glyph),
       span({ class: 'ln-lbl' }, i18n[m.labelKey] || m.href.slice(1)));
     const groups = GROUPS
       .filter(g => !hiveFilter || g.side === hiveFilter)
-      .map(g => ({ g, mods: g.mods.filter(m => modOn(m.mod)) }))
+      .map(g => ({ g, mods: g.mods.filter(m => modOn(m.mod) && !(compact && m.extra)) }))
       .filter(x => x.mods.length);
     return nav({ class: 'launcher', 'aria-label': i18n.modules || 'Modules' },
       ...groups.map(({ g, mods }) => div({ class: 'ln-group' },