pinokiod 5.1.10 → 5.1.17

package/server/views/network.ejs

@@ -1155,7 +1155,7 @@ document.addEventListener('DOMContentLoaded', function() {
           <h3>
             <div class='item-icon'>
               <div class='placeholder-icon'>
-                <i class="fa-solid fa-database"></i>
+                <i class="fa-solid fa-clock-rotate-left"></i>
               </div>
             </div>
             <div class='col'>
@@ -1194,21 +1194,22 @@ document.addEventListener('DOMContentLoaded', function() {
       <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>
     </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>
-    <% if (list.length > 0) { %>
-      <% let brands = { win32: "windows", darwin: "apple", linux: "Linux" } %>
-      <% list.forEach(({ host, name, platform, processes }, index) => { %>
+  <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>
+  <% if (list.length > 0) { %>
+    <% let brands = { win32: "windows", darwin: "apple", linux: "Linux" } %>
+    <% list.forEach(({ host, name, platform, processes }, index) => { %>
         <a href="/net/<%=name%>" class='submenu tab'><i class="fa-brands fa-<%=brands[platform]%>"></i><div class='caption'><%=name%> (<%=current_host === host ? 'this machine' : host%>)</div></a>
       <% }) %>
-    <% } %>
-    <a href="/connect" class='tab'><i class="fa-solid fa-plug"></i><div class='caption'>Login</div></a>
-    <a class='tab' href="<%=portal%>" target="_blank"><i class="fa-solid fa-question"></i><div class='caption'>Help</div></a>
-    <a class='tab' id='genlog' href="/logs"><i class="fa-solid fa-laptop-code"></i><div class='caption'>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="/agents"><i class="fa-solid fa-robot"></i><div class='caption'>Agents</div></a>
-    <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
+  <% } %>
+  <a href="/connect" class='tab'><i class="fa-solid fa-plug"></i><div class='caption'>Login</div></a>
+  <a class='tab' href="<%=portal%>" target="_blank"><i class="fa-solid fa-question"></i><div class='caption'>Help</div></a>
+  <a class='tab' id='genlog' href="/logs"><i class="fa-solid fa-laptop-code"></i><div class='caption'>Logs</div></a>
+  <a class='tab' href="/checkpoints"><i class="fa-solid fa-clock-rotate-left"></i><div class='caption'>Checkpoints</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="/agents"><i class="fa-solid fa-robot"></i><div class='caption'>Agents</div></a>
+  <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
   <%- include('partials/peer_access_points', { peer_access_points, peer_url, peer_qr }) %>
 </aside>
 </main>

package/server/views/pro.ejs

@@ -227,7 +227,8 @@ const createTerm = async (_theme) => {
   <% } %>
   let config = {
     scrollback: 9999999,
-    fontSize: 12,
+    fontSize: 14,
+    fontFamily: 'monospace',
     theme,
   }
   let res = await fetch("/xterm_config").then((res) => {
@@ -371,13 +372,15 @@ let cwd = searchParams.get("cwd")
 let name = searchParams.get("name")
 let tool = searchParams.get("tool")
 let aiPrompt = searchParams.get("message")
+let uploadToken = searchParams.get("uploadToken")
 displayResults({
   cwd: "<%-JSON.stringify(cwd).slice(1, -1)%>",
   name: name,
   startType: "new",
   projectType: "default",
   aiPrompt,
-  tool
+  tool,
+  uploadToken
 })
 </script>
 </body>

package/server/views/prototype/index.ejs

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

package/server/views/registry_link.ejs

@@ -0,0 +1,76 @@
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      body {
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100vh;
+        margin: 0;
+        background: #f5f5f5;
+      }
+      .card {
+        background: white;
+        padding: 40px;
+        border-radius: 12px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        text-align: center;
+        max-width: 500px;
+      }
+      h1 {
+        margin-top: 0;
+      }
+      h1.ok {
+        color: #16a34a;
+      }
+      h1.error {
+        color: #dc2626;
+      }
+      .meta {
+        color: #666;
+        font-size: 14px;
+        margin-top: 20px;
+      }
+      .close {
+        margin-top: 20px;
+        padding: 10px 20px;
+        background: #2563eb;
+        color: white;
+        border: none;
+        border-radius: 6px;
+        cursor: pointer;
+      }
+      .error {
+        color: #666;
+        font-size: 14px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="card">
+      <% if (ok) { %>
+        <h1 class="ok">✓ Linked Successfully!</h1>
+        <p>Pinokio is now connected to the registry.</p>
+        <p>You can now back up checkpoints to the registry.</p>
+        <div class="meta">Registry: <strong><%= registryUrl %></strong></div>
+        <button class="close" onclick="window.close()">Close</button>
+        <script>
+          setTimeout(() => window.close(), 5000);
+        </script>
+      <% } else { %>
+        <h1 class="error">❌ Linking Failed</h1>
+        <% if (message) { %>
+          <p class="error"><%= message %></p>
+        <% } %>
+        <% if (registryUrl) { %>
+          <p class="error">Registry: <%= registryUrl %></p>
+        <% } %>
+        <a href="/">Go back to Pinokio</a>
+      <% } %>
+    </div>
+  </body>
+</html>
+

package/server/views/rows.ejs

@@ -62,9 +62,9 @@ body[data-agent='electron'] {
 <script src="/window_storage.js"></script>
 </head>
 <body class='<%=theme%>' data-agent="<%=agent%>">
-<iframe id='row0' data-src="<%= originSrc || '/' %>"></iframe>
+<iframe id='row0' data-src="<%= originSrc || '/home' %>"></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="<%= targetSrc || originSrc || '/' %>"></iframe>
+<iframe id='row1' data-src="<%= targetSrc || originSrc || '/home' %>"></iframe>
 
 <script>
   if (window !== window.top) {
@@ -208,7 +208,7 @@ body[data-agent='electron'] {
             }, "*")
           } else {
             // if this is the top window, everything has been removed, so just redirect to home
-            location.href = "/"
+            location.href = "/home"
           }
         }
       }
@@ -337,7 +337,7 @@ body[data-agent='electron'] {
 
         if (!sourceFrameId) {
           windowStorage.removeItem(splitKey)
-          location.href = "/"
+          location.href = "/home"
           return
         }
         

package/server/views/screenshots.ejs

@@ -804,6 +804,7 @@ document.addEventListener('DOMContentLoaded', function() {
   <a href="/connect" class='tab'><i class="fa-solid fa-plug"></i><div class='caption'>Login</div></a>
   <a class='tab' href="<%=portal%>" target="_blank"><i class="fa-solid fa-question"></i><div class='caption'>Help</div></a>
   <a class='tab' id='genlog' href="/logs"><i class="fa-solid fa-laptop-code"></i><div class='caption'>Logs</div></a>
+  <a class='tab' href="/checkpoints"><i class="fa-solid fa-clock-rotate-left"></i><div class='caption'>Checkpoints</div></a>
   <a class='tab selected' 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="/agents"><i class="fa-solid fa-robot"></i><div class='caption'>Agents</div></a>

package/server/views/settings.ejs

@@ -639,6 +639,7 @@ document.addEventListener('DOMContentLoaded', function() {
   <a href="/connect" class='tab'><i class="fa-solid fa-plug"></i><div class='caption'>Login</div></a>
   <a class='tab' href="<%=portal%>" target="_blank"><i class="fa-solid fa-question"></i><div class='caption'>Help</div></a>
   <a class='tab' id='genlog' href="/logs"><i class="fa-solid fa-laptop-code"></i><div class='caption'>Logs</div></a>
+  <a class='tab' href="/checkpoints"><i class="fa-solid fa-clock-rotate-left"></i><div class='caption'>Checkpoints</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="/agents"><i class="fa-solid fa-robot"></i><div class='caption'>Agents</div></a>

package/server/views/shell.ejs

@@ -432,10 +432,9 @@ document.addEventListener("DOMContentLoaded", async () => {
         })
       })
     }
-    start(mode) {
-      return new Promise(async (resolve, reject) => {
+    async start(mode) {
 //        await this.save()
-        await this.socket.close()
+        this.socket.close()
 
         let query = Object.fromEntries(new URLSearchParams(location.search))
         let firstPacketReceived = false
@@ -871,7 +870,6 @@ document.addEventListener("DOMContentLoaded", async () => {
             <% } %>
           <% } %>
         })
-      })
     }
     async run (mode) {
       this.mode = (mode ? mode : "run")
@@ -1192,8 +1190,8 @@ document.addEventListener("DOMContentLoaded", async () => {
 
         let config = {
           scrollback: 9999999,
-          //fontSize: 12,
-          fontSize: 12,
+          fontSize: 14,
+          fontFamily: 'monospace',
           theme,
           //theme: xtermTheme.FrontEndDelight
           //theme: xtermTheme.Afterglow