diff --git a/src/client/assets/themes/OasisMobile.css b/src/client/assets/themes/OasisMobile.css index 548f1d1..1238d43 100644 --- a/src/client/assets/themes/OasisMobile.css +++ b/src/client/assets/themes/OasisMobile.css @@ -1052,8 +1052,8 @@ button, input[type="submit"], input[type="button"], Sin JS (checkbox-hack), gateado por OASIS_MOBILE. ========================================================================== */ -/* el hive salió del header → el contenido empieza justo bajo la topbar fija (libera espacio arriba) */ -body { padding-top: 66px; } +/* hive de vuelta en el header: holgura bajo la topbar fija (como en la versión que gustaba) */ +body { padding-top: 84px; } /* --- barra inferior FORK (thumb-zone): 5 huecos con FAB central elevado --- */ .oasis-bottombar-fork { align-items: flex-end; gap: 2px; } diff --git a/src/views/main_views.js b/src/views/main_views.js index ac6d463..8aa6349 100644 --- a/src/views/main_views.js +++ b/src/views/main_views.js @@ -1172,29 +1172,36 @@ exports.PINNABLE_MODULES = PINNABLE_MODULES; const renderBottomBar = () => { if (process.env.OASIS_MOBILE !== '1') return ""; const inboxN = sharedState.getInboxCount(); - const bbLink = (href, ico, lbl, badge) => a( + const cfg = getConfig(); + const modOn = (m) => !m || cfg.modules[m] === 'on' || cfg.modules[m] === undefined; + const bbLink = (href, ico, label, badge) => a( { class: "bb-item", href }, span({ class: "bb-ico" }, ico), (badge && badge > 0) ? span({ class: "bb-badge" }, String(badge)) : "", - span({ class: "bb-lbl" }, lbl) + span({ class: "bb-lbl" }, label) ); - // FORK_IA_UX (thumb-zone): Explorar (abre el hive en hoja inferior) · PM · (+) publicar FAB · Search · Inbox - const exploreBtn = label( - { class: "bb-item bb-explore", for: "fork-explore-toggle", "aria-label": "Explore" }, - span({ class: "bb-ico" }, "☰"), - span({ class: "bb-lbl" }, "Explore") - ); - const fab = a( - { class: "bb-fab-btn", href: "/publish", "aria-label": "Write" }, - span({ class: "bb-fab-glyph" }, "+") + // 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) + const MAX = 4; + const pins = (cfg.bottomBarPins || []) + .map(key => PINNABLE_MODULES.find(m => m.key === key)) + .filter(m => m && modOn(m.mod)) + .slice(0, MAX); + 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 oasis-bottombar-fixed oasis-bottombar-fork", "aria-label": i18n.bbQuickActions || "Quick actions" }, - exploreBtn, - bbLink("/pm", "✉", "PM"), - fab, - bbLink("/search", "ꔅ", "Search"), - bbLink("/inbox", "☂", "Inbox", inboxN) + { class: "oasis-bottombar", "aria-label": i18n.bbQuickActions || "Quick actions" }, + ...slots, + editSlot, + div({ class: "bb-pair" }, ...pair) ); }; @@ -1324,10 +1331,10 @@ const template = (titlePrefix, ...elements) => { body( div( { class: uxMode === "ainav" ? "header ainav-only" : "header" }, - renderMobileTopbar() + renderMobileTopbar(), + // hive de vuelta en el header (bajo el topbar); Personal/Community filtran estos hexágonos + renderHiveNav() ), - // FORK_IA_UX: el hive se abre desde la barra inferior como HOJA alcanzable (thumb-zone), liberando el top para el contenido - renderHiveSheet(), (() => { const updateFlagPath = path.join(__dirname, '../server/.update_required'); if (fs.existsSync(updateFlagPath)) {