[0.9.1] FORK_IA_UX v2: fix top-bar (visibility sheet) + Karvan module (ephemeral messages + WebRTC)

Navigation fixes:
- The bottom "Explore" sheet no longer blocks the top bar: closed state is
  visibility:hidden (out of hit-testing), so the top identity buttons and page
  content always receive taps (fixes "top buttons don't work").
- Top bar is now identity only (logo, avatar). The Personal/Community filter
  moved into the Explore sheet, next to the hive, as a segmented control.

New module "Karvan" (self-contained; inspired by karvan-protocol ephemeral rooms):
- Ephemeral/temporary chat rooms held only in RAM, self-destructing on idle
  (30 min) / absolute (2 h) TTL — nothing is written to disk.
- Server relay chat (RAM + polling) as the reliable path, plus a WebRTC
  data-channel layer (perfect negotiation, HTTP signaling mailbox) for instant
  P2P delivery; degrades to the relay if WebRTC is unavailable. Data-channel
  only (no camera/mic) so no wrapper permission changes are needed.
- Files: models/karvan_model.js, views/karvan_view.js, client/public/js/karvan.js;
  routes /karvan* + karvanMod config + nav entry (network) + karvanTitle i18n (11 langs).

Additive and gated by OASIS_MOBILE / karvanMod; Linux and the UX_OASIS branch untouched.

src/views/main_views.js

@@ -1105,14 +1105,12 @@ const renderTasksLink = () => {
 // === Oasis UX (portado de 0.8.7_UX): topbar + bottombar + hive ===
 // topbar fija arriba: [logo] [Personal] [Community] [avatar] en una línea (sin título OASIS)
 const renderMobileTopbar = () => {
-  const hiveFilter = (typeof global !== "undefined" && global.__OASIS_HIVE_FILTER__) || "";
+  // FORK_IA_UX v2: topbar SOLO identidad (logo→home, avatar→perfil). El filtro Personal/Community
+  // se movió a la hoja "Explore" (junto al hive). Así el top no tiene botones "huérfanos" que confundan.
   return div(
     { class: "oasis-mobile-topbar" },
     a({ class: "omt-logo", href: "/" }, img({ src: "/assets/images/snh-oasis.jpg", alt: "Oasis" })),
-    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.menuCommunity || "Community"))
-    ),
+    div({ class: "omt-spacer" }),
     a({ class: "omt-avatar", href: "/profile" }, img({ src: (typeof global !== "undefined" && global.__OASIS_SELF_AVATAR__) || "/assets/images/default-avatar.png", alt: i18n.profile || "Profile" }))
   );
 };
@@ -1124,6 +1122,7 @@ const PINNABLE_MODULES = [
   { key: 'activity',  href: '/activity',  glyph: 'ꔙ', labelKey: 'activityTitle',  mod: null },
   { key: 'tribes',    href: '/tribes',    glyph: 'ꖥ', labelKey: 'tribesTitle',    mod: 'tribesMod' },
   { key: 'chats',     href: '/chats',     glyph: 'ꖒ', labelKey: 'chatsTitle',     mod: 'chatsMod' },
+  { key: 'karvan',    href: '/karvan',    glyph: '⧗', labelKey: 'karvanTitle',    mod: 'karvanMod' },
   { key: 'market',    href: '/market',    glyph: 'ꕻ', labelKey: 'marketTitle',    mod: 'marketMod' },
   { key: 'events',    href: '/events',    glyph: 'ꕆ', labelKey: 'eventsLabel',    mod: 'eventsMod' },
   { key: 'calendars', href: '/calendars', glyph: 'ꖯ', labelKey: 'calendarsTitle', mod: 'calendarsMod' },
@@ -1225,7 +1224,8 @@ const renderHiveNav = () => {
       { href: '/activity', glyph: 'ꔙ', labelKey: 'activityTitle', mod: null }, { href: '/tags', glyph: 'ꖶ', labelKey: 'tagsLabel', mod: 'tagsMod' },
       { href: '/trending', glyph: 'ꗝ', labelKey: 'trendingLabel', mod: 'trendingMod' }, { href: '/opinions', glyph: 'ꔍ', labelKey: 'opinionsTitle', mod: 'opinionsMod' },
       { href: '/pads', glyph: 'ꔗ', labelKey: 'padsTitle', mod: 'padsMod' }, { href: '/forum', glyph: 'ꕒ', labelKey: 'forumTitle', mod: 'forumMod' },
-      { href: '/maps', glyph: 'ꔌ', labelKey: 'mapsLabel', mod: 'mapsMod' }, { href: '/chats', glyph: 'ꖒ', labelKey: 'chatsTitle', mod: 'chatsMod' } ] },
+      { href: '/maps', glyph: 'ꔌ', labelKey: 'mapsLabel', mod: 'mapsMod' }, { href: '/chats', glyph: 'ꖒ', labelKey: 'chatsTitle', mod: 'chatsMod' },
+      { href: '/karvan', glyph: '⧗', labelKey: 'karvanTitle', mod: 'karvanMod' } ] },
     { id: 'blogs',      emoji: '✦', title: i18n.menuBlogs, mods: [
       { href: '/mentions', glyph: '✺', labelKey: 'mentions', mod: null }, { href: '/public/latest', glyph: '☄', labelKey: 'latest', mod: 'latestMod' },
       { href: '/public/latest/threads', glyph: '♺', labelKey: 'threads', mod: 'threadsMod' }, { href: '/public/latest/topics', glyph: 'ϟ', labelKey: 'topics', mod: 'topicsMod' },
@@ -1274,6 +1274,16 @@ const renderHiveSheet = () => {
       label({ class: "hive-sheet-backdrop", for: "fork-explore-toggle", "aria-label": "Close" }),
       div({ class: "hive-sheet-panel" },
         label({ class: "hive-sheet-grip", for: "fork-explore-toggle", "aria-label": "Close" }),
+        // filtro Personal/Community/Todo (movido desde el topbar; filtra el hive server-side via ?hive=)
+        (() => {
+          const hf = (typeof global !== "undefined" && global.__OASIS_HIVE_FILTER__) || "";
+          const seg = (href, lbl, on) => a({ class: on ? "hs-seg active" : "hs-seg", href }, lbl);
+          return div({ class: "hive-sheet-seg" },
+            seg("/activity", i18n.menuAll || "All", hf === ""),
+            seg("/activity?hive=personal", i18n.menuPersonal || "Personal", hf === "personal"),
+            seg("/activity?hive=community", i18n.menuCommunity || "Community", hf === "community")
+          );
+        })(),
         // accesos que no están en el hive (CATS): red y estado
         div({ class: "hive-sheet-quick" },
           q("/peers",    "⧖", "Peers"),