pinokiod 7.3.8 → 7.3.10

package/server/views/app.ejs

@@ -96,6 +96,48 @@ body.app-page header.navheader h1 > .flexible {
   flex: 0 0 0;
   min-width: 0;
 }
+body.app-page header.navheader .nav-labeled-action {
+  width: auto;
+  min-width: 0;
+  height: 28px;
+  flex: 0 0 auto;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 0 10px;
+  border-radius: 6px;
+  white-space: nowrap;
+  line-height: 1;
+  text-transform: none;
+}
+body.app-page header.navheader .nav-labeled-action i {
+  margin: 0;
+  padding: 0;
+  font-size: 13px;
+  line-height: 1;
+}
+body.app-page .ask-ai-brand-icon {
+  display: inline-flex;
+  width: 14px;
+  height: 14px;
+  flex: 0 0 14px;
+  background: currentColor;
+  -webkit-mask: url('/pinokio-mark.svg') center / contain no-repeat;
+  mask: url('/pinokio-mark.svg') center / contain no-repeat;
+}
+body.app-page header.navheader .nav-labeled-action .nav-action-label {
+  display: inline-block;
+  font-size: 12px;
+  line-height: 1;
+  font-weight: 500;
+}
+body.app-page header.navheader .nav-labeled-action.selected,
+body.app-page header.navheader .nav-labeled-action:hover,
+body.app-page header.navheader .nav-labeled-action:focus-visible {
+  background: var(--pinokio-sidebar-tab-active-bg);
+  color: var(--pinokio-sidebar-tab-active-color);
+}
 .resource-usage {
   position: relative;
   flex: 0 0 auto;
@@ -1333,6 +1375,15 @@ body.dark .ask-ai-drawer-empty {
 body.dark .ask-ai-drawer-empty-title {
   color: rgba(248, 250, 252, 0.95);
 }
+.ask-ai-drawer-empty-subtitle {
+  font-size: 12px;
+  line-height: 1.4;
+  margin-top: -6px;
+  color: rgba(75, 85, 99, 0.78);
+}
+body.dark .ask-ai-drawer-empty-subtitle {
+  color: rgba(209, 213, 219, 0.68);
+}
 .ask-ai-drawer-search {
   display: flex;
   align-items: center;
@@ -6233,7 +6284,8 @@ header.navheader h1 {
     color: #64748b;
     text-decoration: none;
   }
-  .mobile-bottom-nav__button i {
+  .mobile-bottom-nav__button i,
+  .mobile-bottom-nav__button .ask-ai-brand-icon {
     font-size: 14px;
   }
   .mobile-bottom-nav__button.selected {
@@ -6703,8 +6755,10 @@ header.navheader h1 {
 <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
 <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
 <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
+<!-- Screen capture and X-ray mode are hidden for now.
 <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
 <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
+-->
 <button class='btn2' id='menu-mobile' data-tippy-content="Tabs">
   <div><i class="fa-solid fa-list"></i></div>
 </button>
@@ -6748,6 +6802,36 @@ header.navheader h1 {
 </button>
 <% } %>
 <div class='flexible'></div>
+<% if (type === 'run') { %>
+<button
+  type='button'
+  id='ask-ai-tab'
+  class="btn2 nav-labeled-action"
+  data-static="ask-ai"
+  data-workspace="<%=name%>"
+  data-workspace-cwd="<%=path%>"
+  data-ask-ai-trigger="true"
+  data-tippy-content="Ask AI"
+  aria-label="Ask AI"
+  aria-expanded="false"
+  aria-controls="ask-ai-drawer">
+  <span class="ask-ai-brand-icon" aria-hidden="true"></span>
+  <span class="nav-action-label">Ask AI</span>
+</button>
+<% } %>
+<% if (registryEnabled) { %>
+<button
+  type='button'
+  id='community-toggle'
+  class="btn2 nav-labeled-action"
+  data-tippy-content="Project feed"
+  aria-label="Project feed"
+  aria-expanded="false"
+  aria-controls="community-drawer">
+  <i class="fa-solid fa-rss" aria-hidden="true"></i>
+  <span class="nav-action-label">Feed</span>
+</button>
+<% } %>
 <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
   <div><i class="fa-solid fa-table-columns"></i></div>
 </a>
@@ -6860,15 +6944,6 @@ header.navheader h1 {
         <% if (type === 'browse') { %>
           <%- include('./partials/fs_status') %>
         <% } %>
-        <% if (type === 'run') { %>
-          <button type='button' id='ask-ai-tab' class="btn header-item" data-static="ask-ai" data-workspace="<%=name%>" data-workspace-cwd="<%=path%>" data-ask-ai-trigger="true" data-tippy-content="Ask AI">
-            <div class='tab'>
-              <span class="menu-action-leading-icon ask-ai-brand-icon" aria-hidden="true"></span>
-              <div class='display'>Ask AI</div>
-              <div class='flexible'></div>
-            </div>
-          </button>
-        <% } %>
         <button type='button' id='logs-toggle' class="btn header-item" data-tippy-content="logs" aria-expanded="false" aria-controls="app-logs-drawer">
           <div class='tab'>
             <i class="fa-solid fa-laptop-code menu-action-leading-icon"></i>
@@ -6877,15 +6952,6 @@ header.navheader h1 {
             <span class='logs-new-badge hidden' id='logs-new-badge'>New</span>
           </div>
         </button>
-        <% if (registryEnabled) { %>
-          <button type='button' id='community-toggle' class="btn header-item" data-tippy-content="community">
-            <div class='tab'>
-              <i class="fa-solid fa-globe menu-action-leading-icon"></i>
-              <div class='display'>Community</div>
-              <div class='flexible'></div>
-            </div>
-          </button>
-        <% } %>
         <button type='button' id='sidebar-open-explorer' class="btn header-item" data-filepath="<%=path%>" data-tippy-content="Open in File Explorer">
           <div class='tab'>
             <i class="fa-solid fa-folder-open menu-action-leading-icon"></i>
@@ -6896,20 +6962,20 @@ header.navheader h1 {
         <% if (typeof autolaunch_app !== 'undefined' && autolaunch_app) { %>
           <div class="app-autolaunch" data-app-autolaunch data-app-id="<%=name%>">
             <button type="button" class="app-autolaunch-row" data-app-autolaunch-button data-enabled="<%= autolaunch_app.autolaunch_enabled ? 'true' : 'false' %>" aria-haspopup="dialog" aria-expanded="false">
-              <span class="app-autolaunch-label"><i class="fa-solid fa-power-off"></i><span>Auto</span></span>
+              <span class="app-autolaunch-label"><i class="fa-solid fa-power-off"></i><span>Autolaunch</span></span>
               <span class="app-autolaunch-spacer" aria-hidden="true"></span>
               <span class="app-autolaunch-status" data-app-autolaunch-status><%= autolaunch_app.autolaunch_enabled ? 'ON' : 'OFF' %></span>
               <i class="fa-solid fa-angle-down app-autolaunch-chevron" aria-hidden="true"></i>
             </button>
-            <div class="app-autolaunch-modal hidden" data-app-autolaunch-modal role="dialog" aria-modal="true" aria-label="Auto launch">
+            <div class="app-autolaunch-modal hidden" data-app-autolaunch-modal role="dialog" aria-modal="true" aria-label="Autolaunch">
               <div class="app-autolaunch-panel" data-app-autolaunch-panel>
                 <div class="app-autolaunch-modal-head">
                   <div>
-                    <div class="app-autolaunch-title">Auto launch</div>
+                    <div class="app-autolaunch-title">Autolaunch</div>
                     <div class="app-autolaunch-note">Run this app when Pinokio starts.</div>
                   </div>
                   <div class="app-autolaunch-modal-actions">
-                    <button type="button" class="app-autolaunch-switch" role="switch" aria-checked="<%= autolaunch_app.autolaunch_enabled ? 'true' : 'false' %>" data-app-autolaunch-switch aria-label="Auto launch" title="Auto launch is <%= autolaunch_app.autolaunch_enabled ? 'on' : 'off' %>">
+                    <button type="button" class="app-autolaunch-switch" role="switch" aria-checked="<%= autolaunch_app.autolaunch_enabled ? 'true' : 'false' %>" data-app-autolaunch-switch aria-label="Autolaunch" title="Autolaunch is <%= autolaunch_app.autolaunch_enabled ? 'on' : 'off' %>">
                       <span class="app-autolaunch-switch-label" data-app-autolaunch-switch-label><%= autolaunch_app.autolaunch_enabled ? 'ON' : 'OFF' %></span>
                       <span class="app-autolaunch-switch-thumb" aria-hidden="true"></span>
                     </button>
@@ -7012,7 +7078,7 @@ header.navheader h1 {
         <div class='ask-ai-drawer-inner'>
           <div class='ask-ai-drawer-bar'>
             <div class='ask-ai-drawer-title'>
-              <i class="fa-solid fa-robot" aria-hidden="true"></i>
+              <span class="ask-ai-brand-icon" aria-hidden="true"></span>
               <span>Ask AI</span>
             </div>
             <div class='ask-ai-drawer-actions'>
@@ -7034,11 +7100,12 @@ header.navheader h1 {
             <div class='ask-ai-drawer-empty'>
               <div class='ask-ai-drawer-search'>
                 <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
-                <input class='ask-ai-drawer-search-input' type='search' placeholder="Filter tools" autocomplete="off" spellcheck="false" aria-label="Filter Ask AI launch options">
+                <input class='ask-ai-drawer-search-input' type='search' placeholder="Search shells and plugins" autocomplete="off" spellcheck="false" aria-label="Search shells and plugins">
               </div>
-              <div class='ask-ai-drawer-empty-title'>Pick a shell or plugin to launch</div>
-              <div class='ask-ai-drawer-picker-list' role="list" aria-label="Ask AI launch options"></div>
-              <div class='ask-ai-drawer-picker-status muted'>Use the Ask AI button to load launch options.</div>
+              <div class='ask-ai-drawer-empty-title'>Ask an AI agent about this project</div>
+              <div class='ask-ai-drawer-empty-subtitle'>Choose the shell or plugin the agent should use.</div>
+              <div class='ask-ai-drawer-picker-list' role="list" aria-label="Ask AI shells and plugins"></div>
+              <div class='ask-ai-drawer-picker-status muted'>Choose a shell or plugin to start an agent.</div>
             </div>
             <iframe class='ask-ai-frame hidden' title="Panel" allow="fullscreen *;" allowfullscreen></iframe>
           </div>
@@ -7122,9 +7189,9 @@ header.navheader h1 {
         <div class='community-drawer-inner'>
           <div class='community-drawer-bar'>
             <div class='community-drawer-title'>
-              <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 type="button" class="community-drawer-home" data-tippy-content="Project feed" aria-label="Project feed">
+                <i class="fa-solid fa-rss"></i>
+                <span>Feed</span>
               </button>
               <span class='community-drawer-status' data-state="offline" data-tippy-content="Offline" aria-label="Offline" role="img"></span>
             </div>
@@ -7135,7 +7202,7 @@ header.navheader h1 {
               <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">
+              <button type='button' class='btn2 community-drawer-refresh' disabled data-tippy-content="Refresh" aria-label="Refresh feed">
                 <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">
@@ -7144,15 +7211,15 @@ header.navheader h1 {
               <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">
+              <button type='button' class='btn2 community-drawer-close' data-tippy-content="Close panel" aria-label="Close feed 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">
+            <input class='community-drawer-location-input' type='text' value="" readonly aria-label="Feed 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>
+            <textarea class='community-drawer-location-textarea' rows="1" readonly aria-label="Feed URL"></textarea>
           </div>
           <div class='community-drawer-body'>
             <div class='community-drawer-empty'>
@@ -7160,12 +7227,12 @@ header.navheader h1 {
                 <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'>Load Community</div>
+                <div class='community-drawer-empty-title'>Load Feed</div>
               </div>
               <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" allow="fullscreen *;" allowfullscreen></iframe>
+            <iframe class='community-frame hidden' title="Project feed" allow="fullscreen *;" allowfullscreen></iframe>
           </div>
         </div>
       </aside>
@@ -7227,8 +7294,8 @@ header.navheader h1 {
       </div>
     </div>
     <% if (registryEnabled) { %>
-    <button type='button' class='btn2 mobile-bottom-nav__button mobile-nav-community' data-mobile-proxy="#community-mode-toggle" data-mobile-close-menu="true" aria-pressed="false" aria-label="Community">
-      <i class="fa-solid fa-globe"></i>
+    <button type='button' class='btn2 mobile-bottom-nav__button mobile-nav-community' data-mobile-proxy="#community-mode-toggle" data-mobile-close-menu="true" aria-pressed="false" aria-label="Project feed">
+      <i class="fa-solid fa-rss"></i>
     </button>
     <% } %>
     <button type='button' class='btn2 mobile-bottom-nav__button mobile-nav-logs' data-mobile-proxy="#logs-toggle" data-mobile-close-menu="true" aria-pressed="false" aria-label="Logs">
@@ -7236,7 +7303,7 @@ header.navheader h1 {
     </button>
     <% if (type === 'run') { %>
     <button type='button' class='btn2 mobile-bottom-nav__button mobile-nav-ask-ai' data-mobile-proxy="#ask-ai-tab" data-mobile-close-menu="true" aria-pressed="false" aria-label="Ask AI">
-      <i class="fa-solid fa-robot"></i>
+      <span class="ask-ai-brand-icon" aria-hidden="true"></span>
     </button>
     <% } %>
   </nav>
@@ -15016,7 +15083,9 @@ document.addEventListener("DOMContentLoaded", () => {
     applyDrawerOpenState()
     if (askAiTrigger) {
       askAiTrigger.classList.remove("hidden")
+      askAiTrigger.classList.toggle("selected", open)
       askAiTrigger.setAttribute("aria-hidden", "false")
+      askAiTrigger.setAttribute("aria-expanded", open ? "true" : "false")
     }
     drawer.setAttribute("aria-hidden", open ? "false" : "true")
     if (resizer) {
@@ -15374,7 +15443,7 @@ document.addEventListener("DOMContentLoaded", () => {
     clearPickerList()
     const sourceTools = Array.isArray(tools) ? tools : []
     if (sourceTools.length === 0) {
-      setPickerStatus("No launch options available.")
+      setPickerStatus("No shells or plugins available.")
       return
     }
     const normalizedQuery = normalizePickerQuery(query)
@@ -15382,7 +15451,7 @@ document.addEventListener("DOMContentLoaded", () => {
       ? sourceTools.filter((tool) => toolMatchesPickerQuery(tool, normalizedQuery))
       : sourceTools
     if (visibleTools.length === 0) {
-      setPickerStatus("No matches.")
+      setPickerStatus("No matching shells or plugins.")
       return
     }
     const groups = new Map()
@@ -15424,7 +15493,7 @@ document.addEventListener("DOMContentLoaded", () => {
       }
     })
     if (!renderedCount) {
-      setPickerStatus("No launch options available.")
+      setPickerStatus("No shells or plugins available.")
       return
     }
     setPickerStatus("")
@@ -15480,7 +15549,7 @@ document.addEventListener("DOMContentLoaded", () => {
     if (searchInput) {
       searchInput.value = ""
     }
-    setPickerStatus("Loading launch options...")
+    setPickerStatus("Loading shells and plugins...")
     getAskAiTools(workspaceCwd).then((tools) => {
       if (requestId !== pickerRequestId) {
         return
@@ -15770,7 +15839,7 @@ document.addEventListener("DOMContentLoaded", () => {
   setLocation("")
   setActionState(false)
   setEmptyState(true)
-  setPickerStatus("Use the Ask AI button to load launch options.")
+  setPickerStatus("Choose a shell or plugin to start an agent.")
   setOpen(false)
   window.PinokioAskAiDrawer = {
     openWithAgent,
@@ -16362,6 +16431,16 @@ document.addEventListener("DOMContentLoaded", () => {
   if (toggle) {
     toggle.addEventListener("click", (event) => {
       event.preventDefault()
+      if (
+        window.PinokioIsLogsPageSelected &&
+        typeof window.PinokioIsLogsPageSelected === "function" &&
+        window.PinokioIsLogsPageSelected() &&
+        window.PinokioCloseLogsPage &&
+        typeof window.PinokioCloseLogsPage === "function"
+      ) {
+        window.PinokioCloseLogsPage()
+        return
+      }
       if (window.PinokioOpenLogsPage && typeof window.PinokioOpenLogsPage === "function") {
         window.PinokioOpenLogsPage({ view: "latest" })
         return
@@ -16804,7 +16883,7 @@ document.addEventListener("DOMContentLoaded", () => {
       }
       if (homeBtn) {
         homeBtn.disabled = false
-        setTooltip(homeBtn, "Community home")
+        setTooltip(homeBtn, "Project feed")
       }
       setNavDisabled(false)
       setToggleState(true)

package/server/views/index.ejs

@@ -509,9 +509,9 @@ aside .btn-tab .btn .caption {
   position: relative;
   align-items: center;
   gap: 5px;
-  height: 30px;
-  min-height: 30px;
-  padding: 0 10px;
+  height: var(--home-filter-control-height);
+  min-height: var(--home-filter-control-height);
+  padding: 0 12px;
   border: 1px solid var(--home-sort-border);
   border-radius: 6px;
   background: var(--home-sort-bg);
@@ -581,9 +581,12 @@ aside .btn-tab .btn .caption {
   flex: 0 0 auto;
   width: 132px;
   min-width: 132px;
+  height: 100%;
 }
 
 .home-search-form .home-apps-sort .ts-wrapper.single .ts-control {
+  display: flex;
+  align-items: center;
   border: 0;
   outline: none;
   background: transparent;
@@ -595,6 +598,7 @@ aside .btn-tab .btn .caption {
   border-radius: 0;
   cursor: pointer;
   color: inherit;
+  height: 100%;
 }
 
 .home-search-form .home-apps-sort .ts-control > .item {
@@ -704,6 +708,7 @@ body.dark .home-search-form .home-apps-sort .ts-dropdown [data-selectable].optio
   color: var(--home-sort-option-hover-text);
 }
 .home-search-form {
+  --home-filter-control-height: 40px;
   align-items: center;
   gap: 8px;
 }
@@ -731,11 +736,11 @@ body.dark .home-search-form {
   border-bottom-color: rgba(148, 163, 184, 0.22);
 }
 .home-search-form input[type='search'].flexible {
-  height: 30px;
-  min-height: 30px;
+  height: var(--home-filter-control-height);
+  min-height: var(--home-filter-control-height);
   box-sizing: border-box;
-  padding: 0 10px;
-  border-radius: 5px;
+  padding: 0 12px;
+  border-radius: 6px;
   font-size: 12px;
   font-weight: 400;
   line-height: 1;

package/server/views/install.ejs

@@ -348,25 +348,6 @@ body.dark {
 [data-install-spinner-variant="binary-shuffle"] .install-status-grid-tile-4 {
   animation: pinokio-binary-shuffle-4 1.1s steps(1, end) infinite;
 }
-.install-loader-popup.swal2-popup.loader-popup {
-  background: var(--install-status-bg) !important;
-  color: var(--install-status-fg) !important;
-  border: 1px solid var(--install-status-border) !important;
-  border-radius: 999px !important;
-  box-shadow: none !important;
-}
-.install-loader-dialog.loader-dialog {
-  padding: 0 !important;
-}
-.install-loader-shell {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  color: var(--install-status-fg);
-  font-size: 13px;
-  font-weight: 700;
-  letter-spacing: 0.01em;
-}
 @keyframes pinokio-grid-shift-1 {
   0%, 100% { transform: translate(0, 0); }
   25% { transform: translate(11px, 0); }
@@ -641,13 +622,17 @@ const setInstallStatus = (html) => {
   }
   statusScreen.innerHTML = normalizeInstallStatusHtml(html)
 }
-const renderInstallLoader = (msg) => {
-  return `
-    <span class="install-loader-shell">
+const setRestartStatus = () => {
+  applyInstallSpinnerVariant("corner-chase")
+  setInstallStatus(`
+    <div class="install-status-shell">
       ${INSTALL_STATUS_SPINNER_HTML}
-      <span>${msg}</span>
-    </span>
-  `
+      <div class="install-status-copy">
+        <div class="install-status-title">Restarting Pinokio...</div>
+        <div class="install-status-detail">Applying the updated system tools. Pinokio will continue automatically.</div>
+      </div>
+    </div>
+  `)
 }
 const createTerm = async (_theme) => {
   //const theme = Object.assign({ }, xtermTheme.Terminal_Basic, {
@@ -844,36 +829,20 @@ document.addEventListener("DOMContentLoaded", async () => {
       }
     })
   })
-  const LoadingDialog = {
-    start: (msg) => {
-      Swal.fire({
-        html: renderInstallLoader(msg),
-        customClass: {
-          container: "loader-container",
-          popup: "loader-popup install-loader-popup",
-          htmlContainer: "loader-dialog install-loader-dialog",
-          footer: "hidden",
-          actions: "hidden"
-        }
-      });
-    },
-    end: () => {
-      Swal.close()
-    }
-  }
-  LoadingDialog.start("Restarting...")
+  setRestartStatus()
   fetch("/restart", {
     method: "post"
-  }, () => {
+  }).catch((error) => {
+    console.warn("restart request ended early", error)
   })
-  setInterval(async () => {
+  const restartPoll = setInterval(async () => {
     try {
       let res = await fetch("/bin_ready").then((res) => {
         return res.json()
       })
       if (res.success) {
         //location.href = location.href
-        LoadingDialog.end()
+        clearInterval(restartPoll)
         location.href = document.querySelector("#callback").value
       }
     } catch (e) {

package/server/views/layout.ejs

@@ -36,11 +36,9 @@
       width: 100%;
       box-sizing: border-box;
       background: var(--layout-dragger-bg);
-      border-bottom: 1px solid var(--layout-dragger-border);
     }
     body.dark > #dragger {
       background: var(--layout-dragger-bg);
-      border-bottom-color: var(--layout-dragger-border);
     }
 
     body[data-agent="electron"] {
@@ -53,6 +51,7 @@
 
     body.dark {
       --layout-background: #1b1c1d;
+      --layout-dragger-bg: var(--layout-background);
       --layout-gutter-bg: rgba(255, 255, 255, 0.04);
       --layout-dragger-border: rgba(255, 255, 255, 0.055);
       /*

package/server/views/logs.ejs

@@ -200,7 +200,7 @@
     <% } %>
   </div>
   <% if (!logsEmbedded) { %>
-    <%- include('partials/main_sidebar', { selected: 'logs' }) %>
+    <%- include('partials/main_sidebar', { selected: 'logs', showPeerAccess: false }) %>
   <% } %>
 </main>
 <script>

package/server/views/partials/main_sidebar.ejs

@@ -29,31 +29,31 @@
 
     <div class='main-sidebar-section' aria-label="Computer">
       <div class="main-sidebar-section-title">Computer</div>
-      <a href="/home" class="tab <%= sidebarSelected === 'home' ? 'selected' : '' %>" data-tippy-content="This machine"><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
-      <a href="/network" class="tab <%= sidebarSelected === 'network' ? 'selected' : '' %>" data-tippy-content="Local network"><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>
+      <a href="/home" class="tab <%= sidebarSelected === 'home' ? 'selected' : '' %>"><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
+      <a href="/network" class="tab <%= sidebarSelected === 'network' ? 'selected' : '' %>"><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>
       <% if (sidebarList.length > 0) { %>
         <% sidebarList.forEach(({ host, name, platform }) => { %>
           <% const selectedNet = sidebarSelectedNetName && String(name || "") === sidebarSelectedNetName; %>
-          <a href="/net/<%=name%>" class="submenu tab <%= selectedNet ? 'selected' : '' %>" data-tippy-content="<%=name%> (<%=sidebarCurrentHost === host ? 'this machine' : host%>)"><i class="fa-brands fa-<%=brands[platform]%>"></i><div class='caption'><%=name%> (<%=sidebarCurrentHost === host ? 'this machine' : host%>)</div></a>
+          <a href="/net/<%=name%>" class="submenu tab <%= selectedNet ? 'selected' : '' %>"><i class="fa-brands fa-<%=brands[platform]%>"></i><div class='caption'><%=name%> (<%=sidebarCurrentHost === host ? 'this machine' : host%>)</div></a>
         <% }) %>
       <% } %>
     </div>
 
     <div class='main-sidebar-section' aria-label="Manage">
       <div class="main-sidebar-section-title">Manage</div>
-      <a class="tab <%= sidebarSelected === 'checkpoints' ? 'selected' : '' %>" href="/checkpoints" data-tippy-content="Checkpoints"><i class="fa-solid fa-clock-rotate-left"></i><div class='caption'>Checkpoints</div></a>
-      <a class="tab <%= sidebarSelected === 'tools' ? 'selected' : '' %>" href="/tools" data-tippy-content="Installed Tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Tools</div></a>
-      <a class="tab <%= sidebarSelected === 'plugins' ? 'selected' : '' %>" href="/plugins" data-tippy-content="Plugins"><i class="fa-solid fa-plug-circle-bolt"></i><div class='caption'>Plugins</div></a>
-      <a class="tab <%= sidebarSelected === 'tasks' ? 'selected' : '' %>" href="/tasks" data-tippy-content="Tasks"><i class="fa-solid fa-list-check"></i><div class='caption'>Tasks</div></a>
-      <a class="tab <%= sidebarSelected === 'skills' ? 'selected' : '' %>" href="/skills" data-tippy-content="Skills"><i class="fa-solid fa-wand-magic-sparkles"></i><div class='caption'>Skills</div></a>
-      <a class="tab <%= sidebarSelected === 'logs' ? 'selected' : '' %>" id='genlog' href="/logs" data-tippy-content="Logs"><i class="fa-solid fa-laptop-code"></i><div class='caption'>Logs</div></a>
+      <a class="tab <%= sidebarSelected === 'checkpoints' ? 'selected' : '' %>" href="/checkpoints"><i class="fa-solid fa-clock-rotate-left"></i><div class='caption'>Checkpoints</div></a>
+      <a class="tab <%= sidebarSelected === 'tools' ? 'selected' : '' %>" href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Tools</div></a>
+      <a class="tab <%= sidebarSelected === 'plugins' ? 'selected' : '' %>" href="/plugins"><i class="fa-solid fa-plug-circle-bolt"></i><div class='caption'>Plugins</div></a>
+      <a class="tab <%= sidebarSelected === 'tasks' ? 'selected' : '' %>" href="/tasks"><i class="fa-solid fa-list-check"></i><div class='caption'>Tasks</div></a>
+      <a class="tab <%= sidebarSelected === 'skills' ? 'selected' : '' %>" href="/skills"><i class="fa-solid fa-wand-magic-sparkles"></i><div class='caption'>Skills</div></a>
+      <a class="tab <%= sidebarSelected === 'logs' ? 'selected' : '' %>" id='genlog' href="/logs"><i class="fa-solid fa-laptop-code"></i><div class='caption'>Logs</div></a>
     </div>
 
     <div class='main-sidebar-section' aria-label="Configure">
       <div class="main-sidebar-section-title">Configure</div>
-      <a class="tab <%= sidebarSelected === 'autolaunch' ? 'selected' : '' %>" href="/autolaunch" data-tippy-content="Autolaunch"><i class="fa-solid fa-power-off"></i><div class='caption'>Autolaunch</div></a>
-      <a href="/connect" class="tab <%= sidebarSelected === 'connect' ? 'selected' : '' %>" data-tippy-content="Login"><i class="fa-solid fa-plug"></i><div class='caption'>Login</div></a>
-      <a class="tab <%= sidebarSelected === 'settings' ? 'selected' : '' %>" href="/home?mode=settings" data-tippy-content="Settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
+      <a class="tab <%= sidebarSelected === 'autolaunch' ? 'selected' : '' %>" href="/autolaunch"><i class="fa-solid fa-power-off"></i><div class='caption'>Autolaunch</div></a>
+      <a href="/connect" class="tab <%= sidebarSelected === 'connect' ? 'selected' : '' %>"><i class="fa-solid fa-plug"></i><div class='caption'>Login</div></a>
+      <a class="tab <%= sidebarSelected === 'settings' ? 'selected' : '' %>" href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
     </div>
   </nav>