===============================================================
  PROXIMOS PASOS Y TAREAS PENDIENTES (2026-05-01)
===============================================================

--------------------------------------------------------------
CRITICO — PENDIENTE
--------------------------------------------------------------
[ ] Resolver conectividad al servidor Gitea (code.03c8.net:3000)
      -> Diagnostico: nc -zv code.03c8.net 3000 -w 5
      -> Si el servidor es tuyo: ufw allow 3000/tcp
      -> Verificar: systemctl status gitea
      -> Una vez resuelto: git push -u origin test

--------------------------------------------------------------
IMPLEMENTADO EN ESTA SESION (2026-05-01 sesion 2)
--------------------------------------------------------------
[x] Menu hamburger movil — CSS puro, sin JS
      main_views.js -> checkbox + label, sidebar-panel wrapper
      -> Header fila 1: [logo][hamburger] — una sola fila limpia
      -> Header fila 2: [Inbox][PM][Publicar][Buscar] — pills con scroll
      -> Panel hamburger: slide-in izquierda con TODA la navegacion
         (sidebar-left: Personal/Content/Governance/Office/Tools
          sidebar-right: Network/Creative/Media — todos los grupos)
      -> Grupos colapsados por defecto, tap para expandir
      -> Backdrop oscuro al fondo cierra el panel
      -> Mecanismo: #mobile-menu-toggle:checked ~ .main-content .sidebar-panel

[x] Botones del panel hamburger rediseñados
      mobile.css -> .sidebar-panel .oasis-nav-header
      -> border-radius: 12px, padding 11px 14px
      -> Flecha rota al expandir (CSS accordion, sin JS)
      -> Links del grupo con borde vertical izquierdo y padding amplio
      -> OasisMobile.css -> fondo #252500 + texto #FFD700

[x] QR en cada pub de la tabla de invites
      invites_view.js -> renderPubTable ahora async
      -> Promise.all genera QR SVG por cada pubItem.key
      -> details/summary colapsable (mismo patron que perfil y tribe)
      -> Solo visible cuando hay pubs conectados (ahora 0)

[x] Audit movil completo — sin scroll horizontal
      mobile.css -> videos/iframes max-width:100%
      -> Tablas info (block-info-table, bank-info-table, etc.) overflow-x:auto
      -> pre/code con white-space:pre-wrap
      -> Atributos width="640" y style="width:640" sobreescritos

[x] sidebar-panel como contenedor para desktop
      style.css -> .sidebar-panel { display: contents }
      -> order: 1/2/3 para sidebar-left | main-column | sidebar-right
      -> panel-quicklinks hidden en desktop

--------------------------------------------------------------
IMPLEMENTADO EN SESIONES ANTERIORES
--------------------------------------------------------------
[x] Botones activity/stats/trending aplanados (sin inline grid)
[x] QR "Compartir ID" en pagina de perfil/avatar (<details>/<summary>)
[x] Header movil compacto (logo 38px, links compactos)
[x] QR en invite de tribe (tribes_view.js)
[x] QR en invite de pub SSB (invites_view.js)
[x] QR del ID SSB en lista de inhabitants (inhabitants_view.js)
[x] inviteLog trazabilidad en tribes (tribes_model.js)
[x] SSB msg type:'pub-invite' al aceptar pub invite (main_models.js)
[x] Filtro 'invites' en blockchain explorer
[x] renderInviteExtra() con tabla detallada en blockchain_view.js
[x] viewport-fit=cover para notch Android/iOS (main_views.js)
[x] mobile.css completo (safe-area, touch targets, QR lightbox)
[x] OasisMobile.css limpio (solo theming)

--------------------------------------------------------------
COMO CORRER EL PROYECTO
--------------------------------------------------------------
  cd /home/sito/COFRE/CODERS/oasis_mobile/nodejs-project/nodejs-project
  node main.js
  Abre: http://localhost:3000

  En Chrome: F12 -> icono movil (Ctrl+Shift+M) -> Pixel 7 o similar

--------------------------------------------------------------
ARQUITECTURA DEL MENU HAMBURGER (para proxima sesion)
--------------------------------------------------------------
  HTML (main_views.js):
    body
      input#mobile-menu-toggle.mobile-menu-checkbox   <- checkbox oculto
      div.header
        div.top-bar-left  (logo + label.mobile-menu-btn)
        div.top-bar-right (tags + search — oculto en movil)
        div.panel-quicklinks  (inbox/PM/pub/search — visible en movil)
      div.main-content
        div.sidebar-panel   <- DRAWER del hamburger
          label.mobile-menu-close
          div.sidebar-left  (Personal/Content/Governance/Office/Tools)
          div.sidebar-right (Network/Creative/Media)
        main.main-column
      label.mobile-menu-backdrop  <- backdrop cierra el menu

  CSS clave (mobile.css):
    .sidebar-panel { display: none }
    #mobile-menu-toggle:checked ~ .main-content .sidebar-panel {
      display: block; position: fixed; top:0; left:0;
      width: 82vw; max-width: 320px; height: 100vh; z-index: 200;
    }

  CSS desktop (style.css):
    .sidebar-panel { display: contents }  <- transparente, hijos = flex items
    .sidebar-left { order: 1 }
    .main-column  { order: 2 }
    .sidebar-right { order: 3 }

--------------------------------------------------------------
POSIBLES MEJORAS FUTURAS
--------------------------------------------------------------
[ ] Activar modulos economy (banking/market/jobs) para que aparezcan en el panel
[ ] QR para cada pub activo al conectarse a la red
[ ] Boton "Copiar codigo" junto al QR de invite (tribe/pub)
[ ] Obtener proyecto Kotlin fuente para compilar APK con cambios
[ ] Comprobar que inviteLog se persiste correctamente al reiniciar SSB

--------------------------------------------------------------
COMO RETOMAR EN NUEVA SESION
--------------------------------------------------------------
  1. Leer CONTEXT/00_INDICE.txt para orientarse
  2. git log --oneline para ver el estado
  3. node main.js en nodejs-project/nodejs-project/
  4. El codigo esta en: nodejs-project/nodejs-project/src/