pinokiod 5.1.10 → 5.1.11

package/server/public/terminal-settings.js

@@ -3,30 +3,43 @@
 
   const STORAGE_KEY = 'pinokio.xterm.preferences';
   const CUSTOM_FONT_VALUE = '__custom__';
-  const FONT_OPTIONS = [
-    { label: 'Default (Theme)', value: '' },
-    { label: 'Monospace (generic)', value: 'monospace' },
-    { label: 'UI Monospace', value: 'ui-monospace' },
-    { label: 'Courier New', value: '"Courier New", Courier, monospace' },
-    { label: 'Lucida Console', value: '"Lucida Console", "Lucida Sans Typewriter", monospace' },
-    { label: 'Consolas', value: 'Consolas, "Liberation Mono", "Courier New", monospace' },
-    { label: 'Menlo', value: 'Menlo, Monaco, "Courier New", monospace' },
-    { label: 'Monaco', value: 'Monaco, "Courier New", monospace' },
-    { label: 'IBM Plex Mono', value: '"IBM Plex Mono", "Courier New", monospace' },
-    { label: 'Source Code Pro', value: '"Source Code Pro", "Courier New", monospace' },
-    { label: 'Fira Code', value: '"Fira Code", "Courier New", monospace' },
-    { label: 'JetBrains Mono', value: '"JetBrains Mono", "Courier New", monospace' },
-    { label: 'Cascadia Mono', value: '"Cascadia Mono", "Courier New", monospace' },
-    { label: 'Iosevka', value: 'Iosevka, "Courier New", monospace' },
-    { label: 'Anonymous Pro', value: '"Anonymous Pro", "Courier New", monospace' },
-    { label: 'Roboto Mono', value: '"Roboto Mono", "Courier New", monospace' },
-    { label: 'Inconsolata', value: 'Inconsolata, "Courier New", monospace' },
-    { label: 'Hack', value: 'Hack, "Courier New", monospace' },
-    { label: 'Noto Sans Mono', value: '"Noto Sans Mono", "Courier New", monospace' },
-    { label: 'PT Mono', value: '"PT Mono", "Courier New", monospace' },
-    { label: 'Space Mono', value: '"Space Mono", "Courier New", monospace' },
-    { label: 'Custom...', value: CUSTOM_FONT_VALUE }
-  ];
+
+  function detectOsPlatform() {
+    try {
+      if (typeof navigator !== 'undefined') {
+        const ua = ((navigator.userAgent || '') + ' ' + (navigator.platform || '')).toLowerCase();
+        if (ua.includes('windows')) return 'windows';
+        if (ua.includes('mac') || ua.includes('darwin')) return 'mac';
+        if (ua.includes('linux')) return 'linux';
+      }
+    } catch (_) {}
+    return 'unknown';
+  }
+
+  const FONT_OPTIONS = (() => {
+    const options = [
+      { label: 'Default (Theme)', value: '' },
+      { label: 'Monospace (generic)', value: 'monospace' },
+      { label: 'UI Monospace', value: 'ui-monospace' }
+    ];
+
+    const platform = detectOsPlatform();
+    if (platform === 'windows') {
+      options.push(
+        { label: 'Consolas', value: 'Consolas, "Courier New", monospace' },
+        { label: 'Courier New', value: '"Courier New", Courier, monospace' },
+        { label: 'Lucida Console', value: '"Lucida Console", "Lucida Sans Typewriter", monospace' }
+      );
+    } else if (platform === 'mac') {
+      options.push(
+        { label: 'Menlo', value: 'Menlo, Monaco, "Courier New", monospace' },
+        { label: 'Monaco', value: 'Monaco, "Courier New", monospace' }
+      );
+    }
+
+    options.push({ label: 'Custom...', value: CUSTOM_FONT_VALUE });
+    return options;
+  })();
 
   const THEME_OPTIONS = [
     { key: 'foreground', label: 'Foreground' },
@@ -802,11 +815,15 @@
         const baseFamilyRaw = typeof base.fontFamily === 'string' && base.fontFamily.trim()
           ? base.fontFamily.trim()
           : this.safeGetOption(term, 'fontFamily');
-        const baseFontFamily = baseFamilyRaw || 'monospace';
+        const defaultXtermFamily = 'courier-new, courier, monospace';
+        const baseFontFamily = baseFamilyRaw && typeof baseFamilyRaw === 'string'
+          && baseFamilyRaw.toLowerCase() === defaultXtermFamily
+          ? 'monospace'
+          : (baseFamilyRaw || 'monospace');
         const baseThemeRaw = base && base.theme ? base.theme : this.safeGetOption(term, 'theme');
         const baseTheme = this.sanitizeTheme(baseThemeRaw, true);
         term._pinokioBaseOptions = {
-          fontSize: isFiniteNumber(baseFontSize) ? baseFontSize : 12,
+          fontSize: isFiniteNumber(baseFontSize) ? baseFontSize : 14,
           fontFamily: baseFontFamily,
           theme: baseTheme
         };
@@ -1758,15 +1775,14 @@
 
       const knownOption = FONT_OPTIONS.find((option) => option.value === prefFamily);
       if (prefFamily && !knownOption) {
-        fontSelect.value = CUSTOM_FONT_VALUE;
-        customInput.hidden = false;
-        customInput.value = prefFamily;
-      } else {
-        fontSelect.value = prefFamily && knownOption ? prefFamily : '';
-        customInput.hidden = fontSelect.value !== CUSTOM_FONT_VALUE;
-        if (customInput.hidden) {
-          customInput.value = '';
-        }
+        this.updateFontFamily(null);
+        return;
+      }
+
+      fontSelect.value = prefFamily && knownOption ? prefFamily : '';
+      customInput.hidden = fontSelect.value !== CUSTOM_FONT_VALUE;
+      if (customInput.hidden) {
+        customInput.value = '';
       }
 
       if (prefFamily || (fontSelect.value && fontSelect.value !== CUSTOM_FONT_VALUE)) {

package/server/public/urldropdown.css

@@ -719,6 +719,90 @@ body.dark .create-launcher-modal-bookmarklet:hover,
 body.dark .create-launcher-modal-bookmarklet:focus-visible {
   color: rgba(225, 213, 255, 0.98);
 }
+.create-launcher-upload {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 4px;
+}
+.create-launcher-upload-label {
+  font-size: 13px;
+  font-weight: 600;
+  color: #111;
+}
+body.dark .create-launcher-upload-label {
+  color: rgba(255, 255, 255, 0.9);
+}
+.create-launcher-upload-dropzone {
+  border: 1px dashed rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  padding: 12px;
+  text-align: center;
+  cursor: pointer;
+  background: #fafafa;
+  transition: border-color 0.2s ease, background 0.2s ease;
+}
+body.dark .create-launcher-upload-dropzone {
+  border-color: rgba(255, 255, 255, 0.2);
+  background: rgba(255, 255, 255, 0.06);
+}
+.create-launcher-upload-dropzone.dragover {
+  border-color: rgba(127, 91, 243, 0.7);
+  background: rgba(127, 91, 243, 0.06);
+}
+.create-launcher-upload-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.create-launcher-upload-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  background: rgba(0, 0, 0, 0.03);
+  border-radius: 8px;
+  padding: 6px 10px;
+  font-size: 13px;
+}
+body.dark .create-launcher-upload-item {
+  background: rgba(255, 255, 255, 0.06);
+}
+.create-launcher-upload-empty {
+  color: rgba(0, 0, 0, 0.6);
+  font-size: 12px;
+}
+body.dark .create-launcher-upload-empty {
+  color: rgba(255, 255, 255, 0.6);
+}
+.create-launcher-upload-name {
+  flex: 1 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.create-launcher-upload-size {
+  color: rgba(0, 0, 0, 0.6);
+  font-size: 12px;
+}
+body.dark .create-launcher-upload-size {
+  color: rgba(255, 255, 255, 0.6);
+}
+.create-launcher-upload-remove {
+  background: transparent;
+  border: none;
+  color: rgba(127, 91, 243, 0.9);
+  cursor: pointer;
+  font-size: 12px;
+  padding: 2px 6px;
+}
+.create-launcher-upload-remove:hover,
+.create-launcher-upload-remove:focus-visible {
+  text-decoration: underline;
+}
 @media (max-width: 640px) {
   .modal-overlay {
     padding: 16px;
@@ -1006,7 +1090,7 @@ body.dark .urlbar input[type=url] {
   position: relative;
   width: min(520px, calc(100% - 40px));
   background: rgba(255, 255, 255, 0.92);
-  border-radius: 18px;
+  border-radius: 6px;
   padding: 28px 28px 26px;
   box-shadow: 0 30px 80px rgba(15, 23, 42, 0.35);
   border: 1px solid rgba(15, 23, 42, 0.08);
@@ -1026,8 +1110,8 @@ body.dark .url-modal-content {
   position: absolute;
   top: 14px;
   right: 16px;
-  font-size: 22px;
-  color: rgba(71, 85, 105, 0.7);
+  font-size: 22px !important;
+  color: rgba(71, 85, 105, 0.7) !important;
   cursor: pointer;
   user-select: none;
   background: none;
@@ -1139,7 +1223,9 @@ body.dark .url-modal-button.cancel {
 .url-modal-button.confirm {
   background: linear-gradient(135deg, rgba(127, 91, 243, 0.95), rgba(84, 63, 196, 0.95));
   color: white;
+  /*
   box-shadow: 0 16px 36px rgba(111, 76, 242, 0.3);
+  */
 }
 .url-modal-button.confirm:hover {
   box-shadow: 0 20px 42px rgba(111, 76, 242, 0.38);

package/server/socket.js

@@ -170,7 +170,9 @@ class Socket {
                       await this.parent.kernel.clearLog(id)
 
 
-                      this.parent.kernel.api.process(req)
+                      this.parent.kernel.api.process(req).catch((err) => {
+                        console.error('[socket] api.process failed (uri):', (err && err.stack) ? err.stack : err)
+                      })
                     }
                   }
                 }
@@ -189,11 +191,15 @@ class Socket {
                 let shell = this.parent.kernel.shell.get(sh)
                 if (!shell) {
                   await this.parent.kernel.clearLog(req.id)
-                  this.parent.kernel.api.process(req)
+                  this.parent.kernel.api.process(req).catch((err) => {
+                    console.error('[socket] api.process failed (method/id):', (err && err.stack) ? err.stack : err)
+                  })
                 }
                 // if it's not killed, don't do anything
               } else {
-                this.parent.kernel.api.process(req)
+                this.parent.kernel.api.process(req).catch((err) => {
+                  console.error('[socket] api.process failed (method):', (err && err.stack) ? err.stack : err)
+                })
               }
             } else {
               if (req.method === this.notificationChannel) {
@@ -217,7 +223,9 @@ class Socket {
               }
               this.subscribe(ws, req.method)
               if (req.mode !== "listen") {
-                this.parent.kernel.api.process(req)
+                this.parent.kernel.api.process(req).catch((err) => {
+                  console.error('[socket] api.process failed (notification):', (err && err.stack) ? err.stack : err)
+                })
               }
             }
           } else if (req.emit) {
@@ -372,9 +380,6 @@ class Socket {
       } else if (meta.source === 'api' && !isShellRun) {
         this.appendEventLog(id, meta, e.data.raw)
       }
-      if (e.type === "memory") {
-        console.log("[memory event id]", id, "caller", e.caller)
-      }
       if (!isShell) {
         const tagged = this.tagLines(meta, e.data.raw)
         this.rawLog[id] = (this.rawLog[id] || "") + (this.rawLog[id] ? "\n" : "") + tagged

package/server/views/agents.ejs

@@ -737,10 +737,11 @@ body.dark .plugin-option:hover {
     <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 selected' 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 class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
+    <a class='tab selected' 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>