pinokiod 3.86.0 → 3.88.0

package/server/views/index2.ejs

@@ -271,7 +271,7 @@ body.dark .open-menu, body.dark .browse {
     <a class='btn2' href="<%=portal%>" target="_blank"><div><i class="fa-solid fa-question"></i></div><div>Help</div></a>
     <button class='btn2' id='genlog'><div><i class="fa-solid fa-laptop-code"></i></div><div>Logs</div></button>
     <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><div><i class="fa-solid fa-download"></i></div><div>Download logs</div></a>
-    <a class='btn2' href="/?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>
+    <a class='btn2' href="/home?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>
     <button id='new-window' title='open a new window' class='btn2' data-agent="<%=agent%>"><div><i class="fa-solid fa-plus"></i></div><div>Window</div></button>
   </div>
 <% } %>
@@ -290,7 +290,7 @@ body.dark .open-menu, body.dark .browse {
     <% if (dep.downloaded) { %>
       <div class='item'><i class="fa-solid fa-check"></i> <a class='downloaded' href="<%=dep.downloaded%>" target="_blank"><%=dep.uri%></a><div class='flexible'></div></div>
     <% } else { %>
-      <div class='item'><a class='btn' href="/?mode=download&uri=<%=dep.uri%>" target="_blank"><i class="fa-solid fa-download"></i> Download</a> <%=dep.uri%><div class='flexible'></div></div>
+      <div class='item'><a class='btn' href="/home?mode=download&uri=<%=dep.uri%>" target="_blank"><i class="fa-solid fa-download"></i> Download</a> <%=dep.uri%><div class='flexible'></div></div>
     <% } %>
   <% }) %>
   </div>
@@ -307,7 +307,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="/?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> Discover</a>
   </div>
     <% if (display.includes("form")) { %>
       <input type='search' class="flexible" placeholder='Filter downloaded apps'>
@@ -475,7 +475,7 @@ body.dark .open-menu, body.dark .browse {
       <h1>Welcome.</h1>
       <br>
       <div>Get started by installing some Pinokio scripts.</div>
-      <a href="/?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 Discover Page</a>
     </div>
   <% } %>
 <% } else { %>

package/server/views/init/index.ejs

@@ -1522,7 +1522,6 @@ body.dark .ace-editor {
 <header class='navheader grabbable'>
 <h1>
 <a class='home' href="/"><img class='icon' src="/pinokio-black.png"></a>
-<button id='collapse' class='btn2' data-tippy-content="toggle fullscreen view"><i class="fa-solid fa-bars"></i></button>
 <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>
@@ -1965,7 +1964,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="/?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'>Discover</div></a>
   </div>
   <a href="/" 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>
@@ -1981,7 +1980,7 @@ body.dark .ace-editor {
   <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><i class="fa-solid fa-download"></i><div class='caption'>Download logs</div></a>
   <a class='tab' href="/screenshots"><i class="fa-solid fa-camera"></i><div class='caption'>Screenshots</div></a>
   <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
-  <a class='tab' href="/?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
+  <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
 </aside>
 </main>
 <div id='terminal-container' class='hidden'>
@@ -2118,7 +2117,7 @@ function initializeAceEditors() {
         editor.setTheme('ace/theme/textmate');
         editor.session.setMode('ace/mode/sh');
         editor.setOptions({
-            fontSize: '14px',
+            fontSize: '12px',
             showLineNumbers: true,
             showGutter: true,
             wrap: true,
@@ -2669,7 +2668,7 @@ const createTerm = async (_theme) => {
   <% } %>
   let config = {
     scrollback: 9999999,
-    fontSize: 14,
+    fontSize: 12,
     theme,
   }
   let res = await fetch("/xterm_config").then((res) => {

package/server/views/install.ejs

@@ -160,7 +160,7 @@ const createTerm = async (_theme) => {
   <% } %>
   let config = {
     scrollback: 9999999,
-    fontSize: 14,
+    fontSize: 12,
     theme,
   }
   let res = await fetch("/xterm_config").then((res) => {

package/server/views/layout.ejs

@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+  <title>Pinokio</title>
+  <style>
+    :root {
+      --layout-gutter-size: 6px;
+      --layout-background: #ffffff;
+      --layout-gutter-bg: rgba(0, 0, 0, 0.08);
+      --layout-gutter-bg-hover: rgba(0, 0, 0, 0.2);
+      --layout-shadow: rgba(0, 0, 0, 0.06);
+      color-scheme: light dark;
+    }
+
+    html, body {
+      height: 100%;
+      width: 100%;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+      background: var(--layout-background);
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    }
+
+    #dragger {
+      -webkit-app-region: drag;
+      cursor: grab;
+      display: none;
+      height: 26px;
+      width: 100%;
+    }
+
+    body {
+      display: flex;
+      flex-direction: column;
+    }
+
+    body[data-agent="electron"] > #dragger {
+      display: block;
+    }
+
+    body.dark {
+      --layout-background: #1b1c1d;
+      --layout-gutter-bg: rgba(255, 255, 255, 0.1);
+      --layout-gutter-bg-hover: rgba(255, 255, 255, 0.35);
+      --layout-shadow: rgba(0, 0, 0, 0.35);
+      color: #f3f3f3;
+    }
+
+    #layout-root {
+      position: relative;
+      width: 100%;
+      flex-grow: 1;
+      background: var(--layout-background);
+      overflow: hidden;
+    }
+
+    .layout-leaf {
+      position: absolute;
+      box-sizing: border-box;
+      box-shadow: inset 0 0 0 1px var(--layout-shadow);
+      overflow: hidden;
+    }
+
+    .layout-leaf iframe {
+      width: 100%;
+      height: 100%;
+      border: none;
+      background: transparent;
+      display: block;
+    }
+
+    .layout-gutter {
+      position: absolute;
+      background: var(--layout-gutter-bg);
+      z-index: 10;
+      transition: background 0.15s ease;
+    }
+
+    .layout-gutter:hover {
+      background: var(--layout-gutter-bg-hover);
+    }
+
+    .layout-gutter-columns {
+      cursor: col-resize;
+    }
+
+    .layout-gutter-rows {
+      cursor: row-resize;
+    }
+
+    body.layout-resizing {
+      user-select: none;
+    }
+
+    body.layout-resize-columns {
+      cursor: col-resize;
+    }
+
+    body.layout-resize-rows {
+      cursor: row-resize;
+    }
+
+    body.layout-resizing iframe {
+      pointer-events: none;
+    }
+  </style>
+</head>
+<body class="<%= theme %>" data-agent="<%= agent %>">
+  <div id='dragger'></div>
+  <div id="layout-root"></div>
+  <script id="pinokio-layout-config" type="application/json">
+    <%- JSON.stringify({
+      initialPath: initialPath,
+      defaultPath: defaultPath,
+      sessionId: sessionId || null
+    }) %>
+  </script>
+  <script src="/layout.js"></script>
+</body>
+</html>

package/server/views/net.ejs

@@ -537,7 +537,6 @@ document.addEventListener('DOMContentLoaded', function() {
 <header class='navheader grabbable'>
   <h1>
     <a class='home' href="/"><img class='icon' src="/pinokio-black.png"></a>
-    <button id='collapse' class='btn2' data-tippy-content="toggle fullscreen view"><i class="fa-solid fa-bars"></i></button>
     <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>
@@ -545,7 +544,7 @@ document.addEventListener('DOMContentLoaded', function() {
     <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
     <form class='urlbar'>
       <div class='url-input-container'>
-        <input type='url' placeholder='enter a local url'>
+        <input type='url' placeholder='enter any local url to open in pinokio'>
         <div class='url-dropdown' id='url-dropdown'></div>
       </div>
     </form>
@@ -580,7 +579,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="/?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> Discover</a>
     </div>
     -->
     <input type='search' class="flexible" placeholder='Search apps'>
@@ -644,6 +643,41 @@ document.addEventListener('DOMContentLoaded', function() {
           </h3>
         </div>
       <% }) %>
+      <% static_routes.forEach((route, index) => { %>
+        <div class='line align-top' data-index="<%=processes.length+index%>" data-name="<%=route.name%>" data-title="<%=route.name%>" data-description="<%=route.internal_router.join(' ')%>">
+          <h3>
+            <div class='item-icon'>
+              <div class='placeholder-icon'>
+                <i class="fa-solid fa-database"></i>
+              </div>
+            </div>
+            <div class='col'>
+              <div class='title'><i class="fa-solid fa-circle"></i><span><%=route.name%></span></div>
+              <div class='grid-3'>
+                <div class='section'>
+                  <% route.internal_router.forEach((domain) => { %>
+                    <% if (domain.endsWith(".localhost")) { %>
+                      <a class='net' target="_blank" href="https://<%=domain%>">https://<%=domain%></a>
+                    <% } else { %>
+                      <a class='net' target="_blank" href="http://<%=domain%>">http://<%=domain%></a>
+                    <% } %>
+                  <% }) %>
+                </div>
+                <div class='section'>
+                  <% if (route.external_ip) { %>
+                    <a class='net' target="_blank" href="http://<%=route.external_ip%>">http://<%=route.external_ip%></a>
+                  <% } %>
+                </div>
+                <div class='section'>
+                  <% route.external_router.forEach((domain) => { %>
+                    <a class='net' target="_blank" href="https://<%=domain%>">https://<%=domain%></a>
+                  <% }) %>
+                </div>
+              </div>
+            </div>
+          </h3>
+        </div>
+      <% }) %>
     <% } else { %>
       <div class='section-container'>
         <div class='section-col'>
@@ -733,7 +767,6 @@ document.addEventListener('DOMContentLoaded', function() {
             </h3>
           <% }) %>
         </div>
-        <!--
         <div class='section-col'>
           <div class='section-header'>
             <h3>
@@ -770,7 +803,6 @@ document.addEventListener('DOMContentLoaded', function() {
             </h3>
           <% }) %>
         </div>
-        -->
       </div>
     <% } %>
   </div>
@@ -778,7 +810,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="/?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'>Discover</div></a>
   </div>
   <a href="/" 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>
@@ -798,7 +830,7 @@ document.addEventListener('DOMContentLoaded', function() {
   <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><i class="fa-solid fa-download"></i><div class='caption'>Download logs</div></a>
   <a class='tab' href="/screenshots"><i class="fa-solid fa-camera"></i><div class='caption'>Screenshots</div></a>
   <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
-  <a class='tab' href="/?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
+  <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
 </aside>
 </main>
 <script>

package/server/views/network.ejs

@@ -1050,7 +1050,6 @@ document.addEventListener('DOMContentLoaded', function() {
 <header class='navheader grabbable'>
 <h1>
 <a class='home' href="/"><img class='icon' src="/pinokio-black.png"></a>
-<button id='collapse' class='btn2' data-tippy-content="toggle fullscreen view"><i class="fa-solid fa-bars"></i></button>
 <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>
@@ -1058,7 +1057,7 @@ document.addEventListener('DOMContentLoaded', function() {
 <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
 <form class='urlbar'>
   <div class='url-input-container'>
-    <input type='url' placeholder='enter a local url'>
+    <input type='url' placeholder='enter any local url to open in pinokio'>
     <div class='url-dropdown' id='url-dropdown'></div>
   </div>
 </form>
@@ -1147,6 +1146,7 @@ document.addEventListener('DOMContentLoaded', function() {
         <i class="fa-solid fa-circle-notch fa-spin"></i>
         </div>
       <% } %>
+      <!--
       <% static_routes.forEach((route, index) => { %>
         <div class='line align-top' data-index="<%=processes.length+index%>" data-name="<%=route.name%>" data-title="<%=route.name%>" data-description="<%=route.internal_router.join(' ')%>">
           <h3>
@@ -1182,13 +1182,14 @@ document.addEventListener('DOMContentLoaded', function() {
           </h3>
         </div>
       <% }) %>
+      -->
     </div>
   </div>
   </div>
   <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="/?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'>Discover</div></a>
     </div>
     <a href="/" 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>
@@ -1204,7 +1205,7 @@ document.addEventListener('DOMContentLoaded', function() {
     <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><i class="fa-solid fa-download"></i><div class='caption'>Download logs</div></a>
     <a class='tab' href="/screenshots"><i class="fa-solid fa-camera"></i><div class='caption'>Screenshots</div></a>
     <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
-    <a class='tab' href="/?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
+    <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
   </aside>
 </main>
 <script>
@@ -1234,9 +1235,16 @@ document.querySelector("#reset-label").addEventListener("click", async (e) => {
           let res = await fetch("/check_peer").then((res) => {
             return res.json()
           })
+          console.log("RES", res)
           if (res.success) {
             document.querySelector(".loading").classList.add("hidden")
-            location.href = "/"
+            if (res.peer_name) {
+              console.log("> 1")
+              location.href = "/net/" + res.peer_name
+            } else {
+              console.log("> 2")
+              location.href = location.href
+            }
           }
         } catch (e) {
           console.log(e)
@@ -1393,7 +1401,13 @@ document.querySelector("main").addEventListener("click", async (e) => {
           })
           if (res.success) {
             document.querySelector(".loading").classList.add("hidden")
-            location.href = location.href
+            if (res.peer_name) {
+              console.log("> 1")
+              location.href = "/net/" + res.peer_name
+            } else {
+              console.log("> 2")
+              location.href = location.href
+            }
           }
         } catch (e) {
           console.log(e)

package/server/views/network2.ejs

@@ -427,7 +427,7 @@ table h3 {
   <a class='btn2' href="<%=portal%>" target="_blank"><div><i class="fa-solid fa-question"></i></div><div>Help</div></a>
   <button class='btn2' id='genlog'><div><i class="fa-solid fa-laptop-code"></i></div><div>Logs</div></button>
   <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><div><i class="fa-solid fa-download"></i></div><div>Download logs</div></a>
-  <a class='btn2' href="/?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>
+  <a class='btn2' href="/home?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>
   <button id='new-window' title='open a new window' class='btn2' data-agent="<%=agent%>"><div><i class="fa-solid fa-plus"></i></div><div>Window</div></button>
 </div>
 </h1>

package/server/views/old_network.ejs

@@ -409,11 +409,11 @@ 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="/?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>Discover</div></a>
   <a class='btn2' href="<%=portal%>" target="_blank"><div><i class="fa-solid fa-question"></i></div><div>Help</div></a>
   <button class='btn2' id='genlog'><div><i class="fa-solid fa-laptop-code"></i></div><div>Logs</div></button>
   <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><div><i class="fa-solid fa-download"></i></div><div>Download logs</div></a>
-  <a class='btn2' href="/?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>
+  <a class='btn2' href="/home?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>
   <button id='new-window' title='open a new window' class='btn2' data-agent="<%=agent%>"><div><i class="fa-solid fa-plus"></i></div><div>Window</div></button>
 </div>
 </h1>

package/server/views/partials/dynamic.ejs

@@ -28,14 +28,14 @@
           <div class='tab'><%-item.btn%></div>
         </div>
       <% } else if (item.target === "_blank") { %>
-        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'>
+        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'<%= item.target_full ? ` data-target-full="${item.target_full}"` : '' %>>
           <div class='tab'><%-item.btn%></div>
           <div class='loader'>
             <i class="fa-solid fa-up-right-from-square"></i>
           </div>
         </a>
       <% } else { %>
-        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>' <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
+        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'<%= item.target_full ? ` data-target-full="${item.target_full}"` : '' %> <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
           <% if (item.running) { %>
             <i class="fa-solid fa-circle"></i>
           <% } %>
@@ -46,9 +46,7 @@
               </div>
             <% } else { %>
               <div class='loader shutdown'>
-                <button class='btn'>
-                <i class="fa-solid fa-square"></i> Stop
-                </button>
+                  <i class="fa-solid fa-xmark"></i>
               </div>
             <% } %>
           <% } else { %>

package/server/views/partials/menu.ejs

@@ -40,7 +40,7 @@
           <% } %>
         </div>
       <% } else if (item.target === "_blank") { %>
-        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'>
+        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'<%= item.target_full ? ` data-target-full="${item.target_full}"` : '' %>>
           <div class='tab'><%-item.btn%></div>
           <% if (item.arrow) { %>
             <i class="fa-solid fa-angle-right"></i>
@@ -50,7 +50,7 @@
           </div>
         </a>
       <% } else { %>
-        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>' <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
+        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'<%= item.target_full ? ` data-target-full="${item.target_full}"` : '' %> <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
           <% if (item.running) { %>
             <i class="fa-solid fa-circle"></i>
           <% } %>
@@ -65,9 +65,7 @@
               <i class='fa-solid fa-spin fa-circle-notch'></i>
               <i class="fa-solid fa-chevron-right"></i>
               -->
-              <button class='btn'>
-              <i class="fa-solid fa-square"></i> Stop
-              </button>
+                <i class="fa-solid fa-xmark"></i>
             </div>
           <% } %>
           <% if (item.arrow) { %>

package/server/views/partials/running.ejs

@@ -1,5 +1,5 @@
 <% dynamic.forEach((item, index) => { %>
-  <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>' <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
+  <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'<%= item.target_full ? ` data-target-full="${item.target_full}"` : '' %> <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
     <% if (item.running) { %>
       <i class="fa-solid fa-circle"></i>
     <% } %>

package/server/views/pro.ejs

@@ -219,7 +219,7 @@ const createTerm = async (_theme) => {
   <% } %>
   let config = {
     scrollback: 9999999,
-    fontSize: 14,
+    fontSize: 12,
     theme,
   }
   let res = await fetch("/xterm_config").then((res) => {

package/server/views/prototype/index.ejs

@@ -1589,7 +1589,7 @@ async function displayResults(config) {
 
   let term_config = {
     scrollback: 9999999,
-    fontSize: 14,
+    fontSize: 12,
     theme,
   }
   let res = await fetch("/xterm_config").then((res) => {

package/server/views/review.ejs

@@ -109,12 +109,6 @@ body.dark aside {
   background: var(--dark-bg);
   border-right: 1px solid rgba(255,255,255,0.04);
 }
-/*
-aside #collapse {
-  text-align: center;
-  padding: 5px;
-}
-*/
 aside {
 /*
   display: flex;
@@ -817,11 +811,13 @@ body .app-icon {
   display: none;
   margin-right: 10px;
 }
-body.minimized .app-icon {
-  display: block; 
-}
-body.minimized aside {
-  display: none;
+@media only screen and (max-width: 768px) {
+  .app-icon {
+    display: block; 
+  }
+  aside {
+    display: none;
+  }
 }
 .top-menu {
   padding: 10px;
@@ -839,22 +835,13 @@ body.dark .top-menu .btn2.selected {
   background: black;
   color: white;
 }
-body.dark.minimized #collapse {
-  color: white;
-}
-body.minimized #collapse {
-  border: none !important;
-  color: black;
-}
-#collapse {
-  border-bottom: 5px solid rgba(127, 91, 243, 0.9);
-  color: rgba(127, 91, 243, 0.9);
-  border-radius: 0;
-}
 #browserview-container {
   flex-grow: 1;
   position: relative;
 }
+#hidden-placeholder {
+  visibility: hidden;
+}
 
 @media only screen and (max-width: 1000px) {
   .url-bar {
@@ -956,6 +943,7 @@ body.minimized #collapse {
 <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>
 <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
+<button class='btn2' id='hidden-placeholder'><i class="fa-solid fa-bars"></i></button>
 <div class='mode-selector'>
   <a class="btn2 <%=type === 'review' ? 'selected' : ''%>" href="<%=review_tab%>"><div><i class="fa-regular fa-message"></i></div><div>Community</div></a>
   <a class="btn2 <%=type === 'browse' ? 'selected' : ''%>" href="<%=dev_tab%>"><div><i class="fa-solid fa-code"></i></div><div>Dev</div></a>

package/server/views/rows.ejs

@@ -82,9 +82,9 @@ body[data-agent='electron'] {
 </head>
 <body class='<%=theme%>' data-agent="<%=agent%>">
 <div id='dragger'></div>
-<iframe id='row0' data-src="<%=src%>"></iframe>
+<iframe id='row0' data-src="<%= originSrc || '/' %>"></iframe>
 <div id="gutter" class="gutter" tabindex="0" role="separator" aria-orientation="horizontal" aria-label="Resize panels" aria-valuemin="120" aria-valuemax="0" aria-valuenow="0"></div>
-<iframe id='row1' data-src="<%=src%>"></iframe>
+<iframe id='row1' data-src="<%= targetSrc || originSrc || '/' %>"></iframe>
 
 <script>
   if (window !== window.top) {
@@ -384,17 +384,6 @@ body[data-agent='electron'] {
       }
     })
   })();
-  if (document.querySelector("#collapse") && window.windowStorage) {
-    document.querySelector("#collapse").addEventListener("click", (e) => {
-      document.body.classList.toggle("minimized")
-      let frame_key = window.frameElement?.name || "";
-      if (document.body.classList.contains("minimized")) {
-        windowStorage.setItem(frame_key + ":window_mode", "minimized")
-      } else {
-        windowStorage.setItem(frame_key + ":window_mode", "full")
-      }
-    })
-  }
   </script>
 </body>
 </html>