pinokiod 5.3.19 → 5.3.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "5.3.19",
+  "version": "5.3.20",
   "description": "",
   "main": "index.js",
   "scripts": {

package/server/public/common.js

@@ -2692,17 +2692,43 @@ if (typeof window !== 'undefined' && !window.__pinokioNavigateListenerInstalled)
     try {
       console.info('[pinokio:navigate] received', { origin: event.origin, url: event.data?.url });
     } catch (_) {}
-    const frame = document.activeElement;
-    if (!frame || frame.tagName !== 'IFRAME') {
+    const rawUrl = typeof event.data.url === 'string' ? event.data.url : '';
+    if (!rawUrl) {
       try {
-        console.warn('[pinokio:navigate] no active iframe');
+        console.warn('[pinokio:navigate] empty url');
       } catch (_) {}
       return;
     }
-    const rawUrl = typeof event.data.url === 'string' ? event.data.url : '';
-    if (!rawUrl) {
+    const communityFrame = document.querySelector('iframe.community-frame');
+    if (communityFrame) {
+      let fromCommunity = false;
       try {
-        console.warn('[pinokio:navigate] empty url');
+        fromCommunity = event.source === communityFrame.contentWindow;
+      } catch (_) {
+        fromCommunity = false;
+      }
+      if (fromCommunity) {
+        let communityTarget;
+        try {
+          const base = communityFrame.getAttribute('src') || window.location.origin;
+          communityTarget = new URL(rawUrl, base);
+        } catch (_) {
+          try {
+            console.warn('[pinokio:navigate] invalid url', rawUrl);
+          } catch (_) {}
+          return;
+        }
+        communityFrame.src = communityTarget.toString();
+        try {
+          console.info('[pinokio:navigate] navigated community', communityFrame.src);
+        } catch (_) {}
+        return;
+      }
+    }
+    const frame = document.activeElement;
+    if (!frame || frame.tagName !== 'IFRAME') {
+      try {
+        console.warn('[pinokio:navigate] no active iframe');
       } catch (_) {}
       return;
     }

package/server/public/urldropdown.js

@@ -197,7 +197,6 @@ function initUrlDropdown(config = {}) {
       { key: 'run', label: 'Run', icon: 'fa-solid fa-circle-play', suffix: '' },
       { key: 'dev', label: 'Dev', icon: 'fa-solid fa-code', suffix: '/dev' },
       { key: 'files', label: 'Files', icon: 'fa-solid fa-file-lines', suffix: '/files' },
-      { key: 'review', label: 'Forum', icon: 'fa-regular fa-message', suffix: '/review' },
     ];
 
     const buildTarget = (suffix) => {

package/server/views/agents.ejs

@@ -724,7 +724,7 @@ body.dark .plugin-option:hover {
   <aside>
     <div class='btn-tab'>
       <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
-      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Community</div></a>
     </div>
     <a href="/home" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
     <a href="/network" class='tab'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>

package/server/views/app.ejs

@@ -161,6 +161,7 @@ body.dark .m {
   flex: 1 1 auto;
   min-width: 0;
   min-height: 0;
+  position: relative;
 }
 main.browserview {
   flex: 1 1 auto;
@@ -207,6 +208,22 @@ body.dark .community-resizer::before {
 .appcanvas.community-open .community-drawer {
   display: flex;
 }
+.appcanvas.community-expanded .community-resizer {
+  display: none;
+}
+.appcanvas.community-expanded .community-drawer {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  min-width: 0;
+  max-width: none;
+  border-left: 0;
+  z-index: 10;
+  box-shadow: 0 24px 60px rgba(0,0,0,0.35);
+}
+body.dark .appcanvas.community-expanded .community-drawer {
+  box-shadow: 0 24px 60px rgba(0,0,0,0.6);
+}
 .community-drawer-inner {
   display: flex;
   flex-direction: column;
@@ -234,6 +251,26 @@ body.dark .community-drawer-bar {
   font-size: 12px;
   font-weight: 700;
 }
+.community-drawer-home {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0;
+  border: 0;
+  background: none;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+.community-drawer-home:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+.community-drawer-home:focus-visible {
+  outline: 2px solid rgba(59, 130, 246, 0.5);
+  outline-offset: 2px;
+  border-radius: 6px;
+}
 .community-drawer-status {
   width: 8px;
   height: 8px;
@@ -276,6 +313,96 @@ body.dark .community-drawer-status {
   opacity: 0.5;
   cursor: not-allowed;
 }
+.community-drawer-location {
+  position: relative;
+  padding: 6px 10px;
+  border-bottom: 1px solid rgba(0,0,0,0.08);
+  background: rgba(255,255,255,0.7);
+  cursor: text;
+}
+body.dark .community-drawer-location {
+  border-bottom-color: rgba(255,255,255,0.08);
+  background: rgba(15, 17, 21, 0.75);
+}
+.community-drawer-location-input {
+  width: 100%;
+  border: 1px solid rgba(0,0,0,0.12);
+  border-radius: 6px;
+  padding: 4px 6px;
+  font-size: 11px;
+  font-family: inherit;
+  color: transparent;
+  caret-color: transparent;
+  background: rgba(255,255,255,0.9);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.community-drawer-location-input::placeholder {
+  color: rgba(15, 23, 42, 0.55);
+}
+.community-drawer-location-input[readonly] {
+  cursor: text;
+}
+body.dark .community-drawer-location-input {
+  border-color: rgba(255,255,255,0.12);
+  background: rgba(15, 17, 21, 0.7);
+}
+body.dark .community-drawer-location-input::placeholder {
+  color: rgba(248, 250, 252, 0.55);
+}
+.community-drawer-location-overlay {
+  position: absolute;
+  inset: 6px 10px;
+  padding: 4px 6px;
+  pointer-events: none;
+  font-size: 11px;
+  line-height: 1.4;
+  font-family: inherit;
+  color: rgba(15, 23, 42, 0.75);
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+body.dark .community-drawer-location-overlay {
+  color: rgba(248, 250, 252, 0.75);
+}
+.community-drawer-location-textarea {
+  position: absolute;
+  inset: 6px 10px;
+  width: calc(100% - 20px);
+  border: 1px solid rgba(0,0,0,0.12);
+  border-radius: 6px;
+  padding: 4px 6px;
+  font-size: 11px;
+  line-height: 1.4;
+  font-family: inherit;
+  color: rgba(15, 23, 42, 0.85);
+  background: rgba(255,255,255,0.98);
+  resize: none;
+  opacity: 0;
+  pointer-events: none;
+  z-index: 2;
+  overflow-wrap: anywhere;
+  word-break: break-all;
+}
+body.dark .community-drawer-location-textarea {
+  border-color: rgba(255,255,255,0.12);
+  background: rgba(15, 17, 21, 0.95);
+  color: rgba(248, 250, 252, 0.85);
+}
+.community-drawer-location.is-expanded {
+  z-index: 5;
+}
+.community-drawer-location.is-expanded .community-drawer-location-overlay {
+  opacity: 0;
+}
+.community-drawer-location.is-expanded .community-drawer-location-textarea {
+  opacity: 1;
+  pointer-events: auto;
+}
 .community-drawer-body {
   flex: 1 1 auto;
   min-height: 0;
@@ -4015,7 +4142,7 @@ header.navheader .mode-selector .community-mode-toggle {
   <a class="btn2 <%=type === 'files' ? 'selected' : ''%>" href="<%=files_tab%>"><div><i class="fa-solid fa-file-lines"></i></div><div class='caption'>Files</div></a>
   <% if (registryEnabled) { %>
   <button type='button' id='community-mode-toggle' class="btn2 community-mode-toggle" data-tippy-content="Community" aria-pressed="false">
-    <div><i class="fa-regular fa-message"></i></div><div class='caption'>Community</div>
+    <div><i class="fa-solid fa-globe"></i></div><div class='caption'>Community</div>
   </button>
   <% } %>
 </div>
@@ -4116,7 +4243,7 @@ header.navheader .mode-selector .community-mode-toggle {
         <% if (registryEnabled) { %>
           <button type='button' id='community-toggle' class="btn header-item" data-tippy-content="community">
             <div class='tab'>
-              <i class="fa-regular fa-message"></i>
+              <i class="fa-solid fa-globe"></i>
               <div class='display'>Community</div>
               <div class='flexible'></div>
             </div>
@@ -4258,32 +4385,48 @@ header.navheader .mode-selector .community-mode-toggle {
         <div class='community-drawer-inner'>
           <div class='community-drawer-bar'>
             <div class='community-drawer-title'>
-              <i class="fa-regular fa-message"></i>
-              <span>Community</span>
+              <button type="button" class="community-drawer-home" data-tippy-content="Community home" aria-label="Community home">
+                <i class="fa-solid fa-globe"></i>
+                <span>Community</span>
+              </button>
               <span class='community-drawer-status' data-state="offline" data-tippy-content="Offline" aria-label="Offline" role="img"></span>
             </div>
             <div class='community-drawer-actions'>
+              <button type='button' class='btn2 community-drawer-back' disabled data-tippy-content="Back" aria-label="Back">
+                <i class="fa-solid fa-chevron-left"></i>
+              </button>
+              <button type='button' class='btn2 community-drawer-forward' disabled data-tippy-content="Forward" aria-label="Forward">
+                <i class="fa-solid fa-chevron-right"></i>
+              </button>
               <button type='button' class='btn2 community-drawer-refresh' disabled data-tippy-content="Refresh" aria-label="Refresh community">
                 <i class="fa-solid fa-rotate-right"></i>
               </button>
               <button type='button' class='btn2 community-drawer-toggle' data-tippy-content="Connect to Pinokio Network" aria-label="Connect to Pinokio Network">
                 <i class="fa-solid fa-link"></i>
               </button>
+              <button type='button' class='btn2 community-drawer-expand' data-tippy-content="Expand panel" aria-label="Expand panel" aria-pressed="false">
+                <i class="fa-solid fa-expand"></i>
+              </button>
               <button type='button' class='btn2 community-drawer-close' data-tippy-content="Close panel" aria-label="Close community panel">
                 <i class="fa-solid fa-xmark"></i>
               </button>
             </div>
           </div>
+          <div class='community-drawer-location'>
+            <input class='community-drawer-location-input' type='text' value="" readonly aria-label="Community URL">
+            <div class='community-drawer-location-overlay' aria-hidden="true"></div>
+            <textarea class='community-drawer-location-textarea' rows="1" readonly aria-label="Community URL"></textarea>
+          </div>
           <div class='community-drawer-body'>
             <div class='community-drawer-empty'>
               <div class='community-drawer-empty-head'>
                 <div class='community-drawer-empty-icon'>
                   <i class="fa-solid fa-plug-circle-xmark" aria-hidden="true"></i>
                 </div>
-                <div class='community-drawer-empty-title'>Connect to Pinokio Network</div>
+                <div class='community-drawer-empty-title'>Load Community</div>
               </div>
-              <div class='community-drawer-empty-note muted'>Grant network access to connect to Pinokio Network.</div>
-              <button type='button' class='btn community-drawer-connect'>Allow access</button>
+              <div class='community-drawer-empty-note muted'>Load https://pinokio.co in the panel (requires network)</div>
+              <button type='button' class='btn community-drawer-connect'>Load</button>
             </div>
             <iframe class='community-frame hidden' title="Community updates"></iframe>
           </div>
@@ -10594,15 +10737,29 @@ document.addEventListener("DOMContentLoaded", () => {
   const communityModeToggle = document.getElementById("community-mode-toggle")
   const frame = drawer.querySelector(".community-frame")
   const connectBtn = drawer.querySelector(".community-drawer-connect")
+  const backBtn = drawer.querySelector(".community-drawer-back")
+  const forwardBtn = drawer.querySelector(".community-drawer-forward")
   const refreshBtn = drawer.querySelector(".community-drawer-refresh")
   const toggleBtn = drawer.querySelector(".community-drawer-toggle")
+  const expandBtn = drawer.querySelector(".community-drawer-expand")
   const closeBtn = drawer.querySelector(".community-drawer-close")
+  const homeBtn = drawer.querySelector(".community-drawer-home")
+  const locationContainer = drawer.querySelector(".community-drawer-location")
+  const locationInput = drawer.querySelector(".community-drawer-location-input")
+  const locationOverlay = drawer.querySelector(".community-drawer-location-overlay")
+  const locationTextarea = drawer.querySelector(".community-drawer-location-textarea")
   const statusDot = drawer.querySelector(".community-drawer-status")
   const empty = drawer.querySelector(".community-drawer-empty")
   const emptyTitle = drawer.querySelector(".community-drawer-empty-title")
   const emptyNote = drawer.querySelector(".community-drawer-empty-note")
   const resizer = document.getElementById("community-resizer")
   const url = drawer.dataset.communityUrl || ""
+  let communityOrigin = ""
+  try {
+    communityOrigin = url ? new URL(url).origin : ""
+  } catch (_) {
+    communityOrigin = ""
+  }
   const enabledKey = "pinokio.community.enabled"
   const openKey = "pinokio.community.open"
   const widthKey = "pinokio.community.width"
@@ -10629,6 +10786,9 @@ document.addEventListener("DOMContentLoaded", () => {
     }
     communityMode = nextMode
     appcanvas.classList.toggle("community-mode", communityMode)
+    if (communityMode) {
+      setExpanded(false)
+    }
     if (communityModeToggle) {
       communityModeToggle.classList.toggle("selected", communityMode)
       communityModeToggle.setAttribute("aria-pressed", communityMode ? "true" : "false")
@@ -10674,6 +10834,8 @@ document.addEventListener("DOMContentLoaded", () => {
   } else {
     open = true
   }
+  let expanded = false
+  let locationExpanded = false
 
   const COMMUNITY_MIN_WIDTH = 240
   const COMMUNITY_MAX_WIDTH = 640
@@ -10736,6 +10898,10 @@ document.addEventListener("DOMContentLoaded", () => {
   const setOpen = (next, opts) => {
     const persist = !(opts && opts.persist === false)
     open = !!next
+    if (!open) {
+      setExpanded(false)
+      setLocationExpanded(false)
+    }
     if (appcanvas) {
       appcanvas.classList.toggle("community-open", open)
     }
@@ -10764,6 +10930,118 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   }
 
+  const setExpanded = (next) => {
+    const nextExpanded = !!next
+    if (expanded === nextExpanded) {
+      return
+    }
+    expanded = nextExpanded
+    if (appcanvas) {
+      appcanvas.classList.toggle("community-expanded", expanded)
+    }
+    if (expandBtn) {
+      expandBtn.setAttribute("aria-pressed", expanded ? "true" : "false")
+      const icon = expandBtn.querySelector("i")
+      if (icon) {
+        icon.className = expanded ? "fa-solid fa-compress" : "fa-solid fa-expand"
+      }
+      const label = expanded ? "Exit full screen" : "Expand panel"
+      expandBtn.setAttribute("aria-label", label)
+      setTooltip(expandBtn, label)
+    }
+  }
+
+  const setNavDisabled = (disabled) => {
+    if (backBtn) backBtn.disabled = disabled
+    if (forwardBtn) forwardBtn.disabled = disabled
+  }
+
+  const syncLocationTextareaHeight = () => {
+    if (!locationTextarea || !locationContainer || !drawer) return
+    locationTextarea.style.height = "auto"
+    const desired = locationTextarea.scrollHeight
+    const drawerRect = drawer.getBoundingClientRect()
+    const containerRect = locationContainer.getBoundingClientRect()
+    const maxHeight = Math.max(36, Math.floor(drawerRect.bottom - containerRect.top - 8))
+    if (desired > maxHeight) {
+      locationTextarea.style.height = `${maxHeight}px`
+      locationTextarea.style.overflowY = "auto"
+    } else {
+      locationTextarea.style.height = `${desired}px`
+      locationTextarea.style.overflowY = "hidden"
+    }
+  }
+
+  const setLocationExpanded = (next) => {
+    if (!locationContainer || !locationTextarea) return
+    const nextExpanded = !!next
+    if (locationExpanded === nextExpanded) return
+    locationExpanded = nextExpanded
+    locationContainer.classList.toggle("is-expanded", locationExpanded)
+    if (locationExpanded) {
+      syncLocationTextareaHeight()
+      requestAnimationFrame(() => {
+        try {
+          locationTextarea.focus()
+          locationTextarea.select()
+        } catch (_) {}
+      })
+    } else {
+      locationTextarea.style.height = ""
+      locationTextarea.style.overflowY = ""
+    }
+  }
+
+  const setLocationFull = (value) => {
+    const nextValue = typeof value === "string" ? value.trim() : ""
+    if (locationInput) {
+      locationInput.value = nextValue
+      locationInput.title = nextValue
+    }
+    if (locationOverlay) {
+      locationOverlay.textContent = nextValue
+    }
+    if (locationTextarea) {
+      locationTextarea.value = nextValue
+      locationTextarea.title = nextValue
+      if (locationExpanded) {
+        syncLocationTextareaHeight()
+      }
+    }
+  }
+
+  const getCurrentCommunityUrl = () => {
+    const inputValue = locationInput ? String(locationInput.value || "").trim() : ""
+    const textareaValue = locationTextarea ? String(locationTextarea.value || "").trim() : ""
+    const overlayValue = locationOverlay ? String(locationOverlay.textContent || "").trim() : ""
+    return inputValue || textareaValue || overlayValue || url || ""
+  }
+
+  const syncLocation = () => {
+    if (!locationInput) return
+    if (!url) {
+      locationInput.placeholder = "Unavailable"
+      setLocationFull("")
+      return
+    }
+    if (!enabled) {
+      locationInput.placeholder = "Not connected"
+      setLocationFull("")
+      return
+    }
+    let nextValue = url
+    try {
+      if (frame && frame.contentWindow && frame.contentWindow.location) {
+        const href = frame.contentWindow.location.href
+        if (typeof href === "string" && href) {
+          nextValue = href
+        }
+      }
+    } catch (_) {}
+    locationInput.placeholder = ""
+    setLocationFull(nextValue)
+  }
+
   const setStatusDot = (state, label) => {
     if (!statusDot) return
     statusDot.setAttribute("data-state", state)
@@ -10787,18 +11065,31 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   }
 
+  const goHome = () => {
+    if (!enabled || !url || !frame) return
+    frame.dataset.loaded = "1"
+    frame.src = url
+    setLocationFull(url)
+  }
+
   const updateState = () => {
     if (!url) {
       setStatusDot("unavailable", "Unavailable")
       if (refreshBtn) {
         refreshBtn.disabled = true
       }
+      if (homeBtn) {
+        homeBtn.disabled = true
+        setTooltip(homeBtn, "Unavailable")
+      }
       if (toggleBtn) {
         toggleBtn.disabled = true
         setTooltip(toggleBtn, "Unavailable")
       }
+      setNavDisabled(true)
       if (empty) empty.classList.remove("hidden")
       if (frame) frame.classList.add("hidden")
+      syncLocation()
       return
     }
     if (enabled) {
@@ -10806,6 +11097,11 @@ document.addEventListener("DOMContentLoaded", () => {
       if (refreshBtn) {
         refreshBtn.disabled = false
       }
+      if (homeBtn) {
+        homeBtn.disabled = false
+        setTooltip(homeBtn, "Community home")
+      }
+      setNavDisabled(false)
       setToggleState(true)
       if (empty) empty.classList.add("hidden")
       if (frame) {
@@ -10820,10 +11116,16 @@ document.addEventListener("DOMContentLoaded", () => {
       if (refreshBtn) {
         refreshBtn.disabled = true
       }
+      if (homeBtn) {
+        homeBtn.disabled = true
+        setTooltip(homeBtn, "Connect to Pinokio Network")
+      }
+      setNavDisabled(true)
       setToggleState(false)
       if (empty) empty.classList.remove("hidden")
       if (frame) frame.classList.add("hidden")
     }
+    syncLocation()
   }
 
   const setEnabled = (next) => {
@@ -10836,6 +11138,20 @@ document.addEventListener("DOMContentLoaded", () => {
     updateState()
   }
 
+  const navigateFrame = (direction) => {
+    if (!enabled || !url || !frame) return
+    if (direction !== "back" && direction !== "forward") return
+    try {
+      const targetOrigin = communityOrigin || "*"
+      if (frame.contentWindow) {
+        frame.contentWindow.postMessage(
+          { type: "pinokio:community:navigate", direction },
+          targetOrigin
+        )
+      }
+    } catch (_) {}
+  }
+
   if (toggle) {
     toggle.addEventListener("click", () => setOpen(!open))
   }
@@ -10864,12 +11180,42 @@ document.addEventListener("DOMContentLoaded", () => {
       setEnabled(true)
     })
   }
+  if (backBtn) {
+    backBtn.addEventListener("click", () => {
+      navigateFrame("back")
+    })
+  }
+  if (forwardBtn) {
+    forwardBtn.addEventListener("click", () => {
+      navigateFrame("forward")
+    })
+  }
+  if (refreshBtn) {
+    refreshBtn.addEventListener("click", () => {
+      if (!enabled || !url || !frame) return
+      const targetUrl = getCurrentCommunityUrl()
+      if (!targetUrl) return
+      frame.dataset.loaded = "1"
+      frame.src = targetUrl
+      setLocationFull(targetUrl)
+    })
+  }
   if (toggleBtn) {
     toggleBtn.addEventListener("click", () => {
       if (!url) return
       setEnabled(!enabled)
     })
   }
+  if (expandBtn) {
+    expandBtn.addEventListener("click", () => {
+      setExpanded(!expanded)
+    })
+  }
+  if (homeBtn) {
+    homeBtn.addEventListener("click", () => {
+      goHome()
+    })
+  }
   if (closeBtn) {
     closeBtn.addEventListener("click", () => {
       if (communityMode) {
@@ -10879,14 +11225,43 @@ document.addEventListener("DOMContentLoaded", () => {
       setOpen(false)
     })
   }
-  if (refreshBtn) {
-    refreshBtn.addEventListener("click", () => {
-      if (!enabled || !url || !frame) return
-      frame.dataset.loaded = "1"
-      frame.src = url
+
+  if (locationInput) {
+    locationInput.addEventListener("focus", () => {
+      setLocationExpanded(true)
+    })
+  }
+  if (locationTextarea) {
+    locationTextarea.addEventListener("blur", () => {
+      setLocationExpanded(false)
+    })
+    locationTextarea.addEventListener("keydown", (event) => {
+      if (event.key !== "Escape") return
+      event.preventDefault()
+      try {
+        locationTextarea.blur()
+      } catch (_) {}
+    })
+  }
+
+  if (frame) {
+    frame.addEventListener("load", () => {
+      syncLocation()
     })
   }
 
+  window.addEventListener("message", (event) => {
+    if (!event || !event.data || !frame) return
+    if (event.data.type !== "pinokio:community:location") return
+    if (typeof event.data.url !== "string") return
+    if (communityOrigin && event.origin !== communityOrigin) return
+    if (!enabled) return
+    if (locationInput) {
+      locationInput.placeholder = ""
+    }
+    setLocationFull(event.data.url)
+  })
+
   if (!url) {
     if (connectBtn) {
       connectBtn.disabled = true
@@ -10977,7 +11352,7 @@ document.addEventListener("DOMContentLoaded", () => {
   }
 })()
 
-(function() {
+;(function() {
   const scroller = document.querySelector(".appcanvas > aside .menu-scroller")
   if (!scroller) return
   const updateScrollHints = () => {

package/server/views/checkpoints.ejs

@@ -967,7 +967,7 @@ document.addEventListener("DOMContentLoaded", () => {
   <aside>
     <div class='btn-tab'>
       <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
-      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Community</div></a>
     </div>
     <a href="/home" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
     <a href="/network" class='tab'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>

package/server/views/connect.ejs

@@ -913,7 +913,7 @@ document.addEventListener('DOMContentLoaded', function() {
 <aside>
   <div class='btn-tab'>
     <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
-    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Community</div></a>
   </div>
   <a href="/home" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
   <a href="/network" class='tab'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>

package/server/views/index.ejs

@@ -494,10 +494,10 @@ body.dark aside .current.selected {
     <div class='app-btns'>
       <!--
       <a class='btn create-new' href="/init"><i class="fa-solid fa-plus"></i> Build</a>
-      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i> Discover</a>
+      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i> Community</a>
       -->
       <!--
-      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-magnifying-glass"></i> Discover</a>
+      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-magnifying-glass"></i> Community</a>
       -->
     </div>
     <% if (display.includes("form")) { %>
@@ -541,9 +541,6 @@ body.dark aside .current.selected {
                 <button class='btn browse' data-src="<%=item.dev_url%>">
                   <i class="fa-solid fa-code"></i> Dev
                 </button>
-                <button class='btn browse' data-src="<%=item.review_url%>">
-                  <i class="fa-regular fa-message"></i> Forum
-                </button>
                 <button class='btn browse' data-src="<%=item.view_url%>">
                   <i class="fa-regular fa-eye"></i> View
                 </button>
@@ -635,9 +632,6 @@ body.dark aside .current.selected {
                 <button class='btn browse' data-src="<%=item.dev_url%>">
                   <i class="fa-solid fa-code"></i> Dev
                 </button>
-                <button class='btn browse' data-src="<%=item.review_url%>">
-                  <i class="fa-regular fa-message"></i> Forum
-                </button>
                 <button class='btn browse' data-src="<%=item.view_url%>">
                   <i class="fa-regular fa-eye"></i> View
                 </button>
@@ -690,7 +684,7 @@ body.dark aside .current.selected {
       <h1>Welcome.</h1>
       <br>
       <div>Get started by installing or creating some pinokio scripts.</div>
-      <a href="/home?mode=explore" class='btn'><i class="fa-solid fa-globe"></i> Discover</a>
+      <a href="/home?mode=explore" class='btn'><i class="fa-solid fa-globe"></i> Community</a>
       <span>&nbsp;or&nbsp;</span>
       <button type='button' class='btn' onclick="(function(btn){ if(btn){ btn.click(); } })(document.getElementById('create-launcher-button'))"><i class="fa-solid fa-wand-magic-sparkles"></i> Create</button>
     </div>
@@ -731,7 +725,7 @@ body.dark aside .current.selected {
 <aside>
   <div class='btn-tab'>
     <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
-    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Community</div></a>
   </div>
   <a href="/home" class='tab selected'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
   <a href="/network" class='tab'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>

package/server/views/index2.ejs

@@ -311,7 +311,7 @@ body.dark .open-menu, body.dark .browse {
     <!--
     <a class='btn create-new' href="/create"><i class="fa-solid fa-folder-plus"></i> Create</a>
     -->
-    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-magnifying-glass"></i> Discover</a>
+    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-magnifying-glass"></i> Community</a>
   </div>
     <% if (display.includes("form")) { %>
       <input type='search' class="flexible" placeholder='Filter downloaded apps'>
@@ -479,7 +479,7 @@ body.dark .open-menu, body.dark .browse {
       <h1>Welcome.</h1>
       <br>
       <div>Get started by installing some Pinokio scripts.</div>
-      <a href="/home?mode=explore" class='btn'><i class="fa-solid fa-globe"></i> Visit Discover Page</a>
+      <a href="/home?mode=explore" class='btn'><i class="fa-solid fa-globe"></i> Visit Community Page</a>
     </div>
   <% } %>
 <% } else { %>

package/server/views/init/index.ejs

@@ -1938,7 +1938,7 @@ body.dark .ace-editor {
 <aside>
   <div class='btn-tab'>
     <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
-    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Community</div></a>
   </div>
   <a href="/home" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
   <a href="/network" class='tab'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>

package/server/views/net.ejs

@@ -691,7 +691,7 @@ document.addEventListener('DOMContentLoaded', function() {
     <!--
     <div class='app-btns'>
       <a class='btn create-new' href="/init"><i class="fa-solid fa-plus"></i> Build</a>
-      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-magnifying-glass"></i> Discover</a>
+      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-magnifying-glass"></i> Community</a>
     </div>
     -->
     <input type='search' class="flexible" placeholder='Search apps'>
@@ -988,7 +988,7 @@ document.addEventListener('DOMContentLoaded', function() {
 <aside>
   <div class='btn-tab'>
     <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
-    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Community</div></a>
   </div>
   <a href="/home" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
   <a href="/network" class='tab'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>

package/server/views/network.ejs

@@ -1192,7 +1192,7 @@ document.addEventListener('DOMContentLoaded', function() {
   <aside>
     <div class='btn-tab'>
       <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
-      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Community</div></a>
     </div>
   <a href="/home" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
   <a href="/network" class='tab selected'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>

package/server/views/old_network.ejs

@@ -412,7 +412,7 @@ input:checked + .slider:before {
 <a href="/connect" class='btn2'><div><i class="fa-solid fa-circle-user"></i></div><div>Connect</div></a>
 <div class='flexible'></div>
 <div class='nav-btns'>
-  <a class='btn2' id='explore' href="/home?mode=explore"><div><i class="fa-solid fa-magnifying-glass"></i></div><div>Discover</div></a>
+  <a class='btn2' id='explore' href="/home?mode=explore"><div><i class="fa-solid fa-magnifying-glass"></i></div><div>Community</div></a>
   <a class='btn2' href="<%=portal%>" target="_blank"><div><i class="fa-solid fa-question"></i></div><div>Help</div></a>
   <a class='btn2' id='genlog' href="/logs"><div><i class="fa-solid fa-laptop-code"></i></div><div>Logs</div></a>
   <a class='btn2' href="/home?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>

package/server/views/screenshots.ejs

@@ -791,7 +791,7 @@ document.addEventListener('DOMContentLoaded', function() {
 <aside>
   <div class='btn-tab'>
     <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
-    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Community</div></a>
   </div>
   <a href="/home" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
   <a href="/network" class='tab'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>

package/server/views/settings.ejs

@@ -626,7 +626,7 @@ document.addEventListener('DOMContentLoaded', function() {
 <aside>
   <div class='btn-tab'>
     <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
-    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Community</div></a>
   </div>
   <a href="/home" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
   <a href="/network" class='tab'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>

package/server/views/tools.ejs

@@ -1267,7 +1267,7 @@ document.addEventListener('DOMContentLoaded', function() {
 <aside>
   <div class='btn-tab'>
     <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
-    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Community</div></a>
   </div>
   <a href="/home" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
   <a href="/network" class='tab'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>