pinokiod 7.5.26 → 7.5.28

package/kernel/index.js

@@ -697,7 +697,6 @@ class Kernel {
   async clearLog(group) {
     let relativePath = path.relative(this.homedir, group)
     for(let type of ["info", "buf", "cleaned"]) {
-    //for(let type of ["info", "cleaned"]) {
       let logPath = path.resolve(this.homedir, "logs", "shell", type, relativePath)
       let logFolder = path.dirname(logPath)
       let filename = path.basename(logPath)
@@ -775,8 +774,7 @@ class Kernel {
       let relativePath = path.relative(this.homedir, group)
 
       if (!path.isAbsolute(relativePath)) {
-        //for(let type of ["info", "buf", "cleaned"]) {
-        for(let type of ["info", "cleaned"]) {
+        for(let type of ["cleaned"]) {
           let logPath = path.resolve(this.homedir, "logs", "shell", type, relativePath + "." + info.index + ".txt")
           let logFolder = path.dirname(logPath)
           await fs.promises.mkdir(logFolder, { recursive: true }).catch((e) => { })
@@ -784,8 +782,7 @@ class Kernel {
         }
       }
     } else {
-      //for(let type of ["info", "buf", "cleaned"]) {
-      for(let type of ["info", "cleaned"]) {
+      for(let type of ["cleaned"]) {
         let logPath = path.resolve(this.homedir, "logs", "shell", type, "index.txt")
         let logFolder = path.dirname(logPath)
         await fs.promises.mkdir(logFolder, { recursive: true }).catch((e) => { })

package/kernel/info.js

@@ -2,6 +2,7 @@
 info.local(...args)
 info.running(...args)
 info.exists(...args)
+info.ready(...args)
 info.path(...args)
 */
 const path = require('path')
@@ -57,6 +58,25 @@ class Info {
     let exists = fs.existsSync(resolved_path)
     return exists ? exists: false
   }
+  ready(...args) {
+    if (!this.kernel || typeof this.kernel.isScriptReady !== "function") {
+      return false
+    }
+    let cwd = path.dirname(this.caller())
+    let resolved_path = path.resolve(cwd, ...args)
+    if (this.kernel.isScriptReady(resolved_path)) {
+      return true
+    }
+    if (!this.kernel.script || typeof this.kernel.script.resolve !== "function") {
+      return false
+    }
+    try {
+      let script_path = this.kernel.script.resolve(...args)
+      return script_path ? this.kernel.isScriptReady(script_path) : false
+    } catch (e) {
+      return false
+    }
+  }
   local(...args) {
     let cwd = path.dirname(this.caller())
     let resolved_path = path.resolve(cwd, ...args)

package/kernel/shell.js

@@ -1,7 +1,6 @@
 const { Terminal } = require('@xterm/headless');
 const { SerializeAddon } = require("xterm-addon-serialize");
 const sanitize = require("sanitize-filename");
-const YAML = require('yaml')
 const kill = require('kill-sync')
 const fastq = require('fastq')
 const normalize = require('normalize-path');
@@ -1749,59 +1748,10 @@ class Shell {
       this.nudgeRestoreTimer = null
     }, 100)
   }
-  _log(buf, cleaned) {
-
-
-    /*
-
-    /logs
-      /shell
-        /[...group]
-          ### info
-
-          ### stdout
-
-    */
-    let info = {
-      path: this.path,
-      cmd: this.cmd,
-      index: this.index,
-      group: this.group,
-      env: ShellRunTemplate.redactEnvArgs(this.env),
-      done: this.done,
-      ready: this.ready,
-      id: this.id,
-      ts: Date.now()
-    }
-
+  _log(_buf, cleaned) {
     let time = `${new Date().toLocaleString()} (${Date.now()})`
 
-    let infoYAML = YAML.stringify(info)
     let data = {}
-    data.info = `######################################################################
-#
-# group: ${this.group}
-# id: ${this.id}
-# index: ${this.index}
-# cmd: ${this.cmd}
-# timestamp: ${time}
-
-${infoYAML}
-
-`
-
-    data.buf = `######################################################################
-#
-# group: ${this.group}
-# id: ${this.id}
-# index: ${this.index}
-# cmd: ${this.cmd}
-# timestamp: ${time}
-#
-
-${buf}
-
-`
 
     data.cleaned = `######################################################################
 #
@@ -1815,9 +1765,7 @@ ${cleaned}
 
 `
 
-    this.kernel.log(data, this.group, info) 
-
-
+    this.kernel.log(data, this.group, { index: this.index })
   }
   stream(msg, callback) {
     if (msg === "\u0007") {

package/kernel/sysinfo.js

@@ -12,8 +12,8 @@ class Sysinfo {
 //    await this.refresh()
   }
   async static() {
-    //await Promise.all([this.gpus(), this.system(), this.cpu(), this.os(), this.audio(), this.env()])
-    await Promise.all([this.gpus(), this.system(), this.cpu(), this.os(), this.audio(), this.env(), this.memory()])
+    //await Promise.all([this.gpus(), this.system(), this.cpu(), this.os(), this.audio(), this.env(), this.memory()])
+    await Promise.all([this.gpus(), this.system(), this.cpu(), this.os(), this.audio(), this.memory()])
 //    await this.gpus()
 //    await this.system()
 //    await this.cpu()

package/package.json

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

package/server/public/common.js

@@ -2887,7 +2887,49 @@ function updateAllTooltips() {
   tippyInstances.forEach(updateTippyPlacement);
 }
 
+function ensureExploreNavButton() {
+  const header = document.querySelector("header.navheader");
+  if (!header) {
+    return;
+  }
+
+  let button = header.querySelector("[data-pinokio-explore-nav]");
+  if (!button) {
+    const headerRow = header.querySelector("h1") || header;
+    const anchor =
+      header.querySelector("#sidebar-toggle") ||
+      header.querySelector(".main-sidebar-header-toggle") ||
+      header.querySelector("#minimize-header");
+
+    if (!anchor || !headerRow.contains(anchor)) {
+      return;
+    }
+
+    button = document.createElement("a");
+    button.innerHTML = '<div><i class="fa-solid fa-globe" aria-hidden="true"></i></div>';
+    anchor.insertAdjacentElement("afterend", button);
+  }
+
+  button.classList.add("btn2", "pinokio-explore-nav-button");
+  button.href = "/home?mode=explore";
+  button.setAttribute("data-pinokio-explore-nav", "true");
+  button.setAttribute("data-tippy-content", "Explore");
+  button.setAttribute("title", "Explore");
+  button.setAttribute("aria-label", "Explore");
+
+  const params = new URLSearchParams(window.location.search || "");
+  if (window.location.pathname === "/home" && params.get("mode") === "explore") {
+    button.classList.add("selected");
+    button.setAttribute("aria-current", "page");
+  } else {
+    button.classList.remove("selected");
+    button.removeAttribute("aria-current");
+  }
+}
+
 document.addEventListener("DOMContentLoaded", () => {
+  ensureExploreNavButton();
+
   if (typeof initUrlDropdown === 'function' && !window.PinokioUrlDropdown) {
     try {
       initUrlDropdown();

package/server/public/style.css

@@ -451,6 +451,14 @@ body.dark .swal2-popup.pinokio-input-modal .swal2-html-container .pinokio-input-
   background: var(--pinokio-input-modal-surface-muted) !important;
   color: var(--pinokio-input-modal-text) !important;
 }
+body.dark .swal2-popup.pinokio-input-modal .swal2-html-container select.pinokio-input-modal-control option {
+  background: #ffffff;
+  color: #111827;
+}
+body.dark select.pinokio-modal-input option {
+  background: #ffffff;
+  color: #111827;
+}
 
 .swal2-popup.pinokio-input-modal .swal2-html-container .pinokio-input-modal-control::placeholder {
   color: var(--pinokio-input-modal-muted);
@@ -1289,6 +1297,34 @@ body.main-sidebar-page .navheader .sidebar-toggle {
 body.dark.main-sidebar-page .navheader .sidebar-toggle {
   color: rgba(248, 250, 252, 0.92);
 }
+header.navheader .pinokio-explore-nav-button {
+  text-decoration: none;
+}
+body.main-sidebar-page .navheader .pinokio-explore-nav-button,
+body.app-page .navheader .pinokio-explore-nav-button {
+  color: #0f172a;
+  position: relative;
+  width: 40px;
+  height: 30px;
+  padding: 0;
+  border-radius: 9px;
+  box-sizing: border-box;
+  transition: background-color 140ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 140ms cubic-bezier(0.25, 1, 0.5, 1), color 140ms cubic-bezier(0.25, 1, 0.5, 1);
+}
+body.dark.main-sidebar-page .navheader .pinokio-explore-nav-button,
+body.dark.app-page .navheader .pinokio-explore-nav-button {
+  color: rgba(248, 250, 252, 0.92);
+}
+body.main-sidebar-page .navheader .pinokio-explore-nav-button.selected,
+body.app-page .navheader .pinokio-explore-nav-button.selected {
+  background: rgba(15, 23, 42, 0.08);
+  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
+}
+body.dark.main-sidebar-page .navheader .pinokio-explore-nav-button.selected,
+body.dark.app-page .navheader .pinokio-explore-nav-button.selected {
+  background: rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+}
 body.main-sidebar-page .navheader .sidebar-toggle[aria-expanded="true"] {
   background: rgba(15, 23, 42, 0.08);
   box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
@@ -1335,20 +1371,10 @@ body.main-sidebar-page .sidebar-toggle-content {
   box-shadow: 0 3.8px 0 currentColor, 0 7.6px 0 currentColor;
   transition: opacity 150ms cubic-bezier(0.25, 1, 0.5, 1), transform 150ms cubic-bezier(0.25, 1, 0.5, 1);
 }
-body.main-sidebar-page .navheader .sidebar-toggle[aria-expanded="false"] .sidebar-toggle-panel {
-  background: transparent;
-  outline: 1.5px solid currentColor;
-  outline-offset: -1px;
-  opacity: 0.35;
-  transform: translateX(-1px) scaleX(0.8);
-}
-body.main-sidebar-page .navheader .sidebar-toggle[aria-expanded="false"] .sidebar-toggle-content {
-  opacity: 0.42;
-  transform: translateX(-2px);
-}
 body.main-sidebar-page main {
   display: flex;
   align-items: stretch;
+  position: relative;
 }
 body.main-sidebar-page main > :not(.main-sidebar) {
   flex: 1 1 auto;
@@ -1882,8 +1908,83 @@ body.dark .main-sidebar-peer-dialog-surface {
     padding-left: 0;
   }
 
+  @media (min-width: 769px) and (hover: hover) and (pointer: fine) {
+    body.main-sidebar-page.main-sidebar-collapsed .main-sidebar {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 10000020;
+      flex: none;
+      width: 180px;
+      min-width: 180px;
+      max-width: 180px;
+      padding: 8px 5px;
+      border-right-width: 1px;
+      border-right-color: var(--pinokio-sidebar-separator);
+      background: var(--pinokio-sidebar-tabbar-bg);
+      opacity: 0;
+      pointer-events: none;
+      overflow-x: hidden;
+      overflow-y: auto;
+      transform: translateX(-100%);
+    }
+
+    body.main-sidebar-page.main-sidebar-collapsed .main-sidebar-peek-trigger {
+      display: block;
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 10000021;
+      width: 14px;
+      padding: 0;
+      border: 0;
+      border-radius: 0;
+      background: transparent;
+      cursor: default;
+    }
+
+    body.main-sidebar-page.main-sidebar-collapsed .main-sidebar-peek-trigger::after {
+      content: "";
+      position: absolute;
+      top: 50%;
+      left: 4px;
+      width: 3px;
+      height: 36px;
+      border-radius: 999px;
+      background: var(--pinokio-sidebar-separator-hover);
+      opacity: 0;
+      transform: translateY(-50%);
+      transition: opacity 140ms cubic-bezier(0.25, 1, 0.5, 1);
+    }
+
+    body.main-sidebar-page.main-sidebar-collapsed .main-sidebar-peek-trigger:hover::after,
+    body.main-sidebar-page.main-sidebar-collapsed .main-sidebar-peek-trigger:focus-visible::after,
+    body.main-sidebar-page.main-sidebar-peeking .main-sidebar-peek-trigger::after {
+      opacity: 1;
+    }
+
+    body.main-sidebar-page.main-sidebar-peeking .main-sidebar-peek-trigger {
+      z-index: 10000019;
+    }
+
+    body.main-sidebar-page.main-sidebar-collapsed.main-sidebar-peeking .main-sidebar {
+      box-shadow: 20px 0 42px rgba(15, 23, 42, 0.16);
+      opacity: 1;
+      pointer-events: auto;
+      transform: translateX(0);
+    }
+
+    body.dark.main-sidebar-page.main-sidebar-collapsed.main-sidebar-peeking .main-sidebar {
+      box-shadow: 22px 0 46px rgba(0, 0, 0, 0.38);
+    }
+  }
+
   @media (prefers-reduced-motion: reduce) {
     body.main-sidebar-page .navheader .sidebar-toggle,
+    body.main-sidebar-page .navheader .pinokio-explore-nav-button,
+    body.app-page .navheader .pinokio-explore-nav-button,
     body.main-sidebar-page .sidebar-toggle-panel,
     body.main-sidebar-page .sidebar-toggle-content,
     body.main-sidebar-page.main-sidebar-motion-ready .main-sidebar,
@@ -4299,6 +4400,7 @@ aside .qr {
   padding: 15px;
 }
 
+.main-sidebar-peek-trigger,
 .main-sidebar-mobile-toggle,
 .main-sidebar-mobile-backdrop {
   display: none;
@@ -4390,12 +4492,30 @@ aside .qr {
     box-shadow: 24px 0 52px rgba(0, 0, 0, 0.38);
   }
 
-  body.main-sidebar-page.main-sidebar-mobile-open .main-sidebar {
+	  body.main-sidebar-page.main-sidebar-mobile-open .main-sidebar {
+	    transform: translateX(0);
+	  }
+
+  body.main-sidebar-page.main-sidebar-collapsed .main-sidebar {
+    flex: 0 0 auto;
+    width: min(280px, calc(100vw - 40px));
+    min-width: 0;
+    max-width: 100%;
+    padding: calc(12px + env(safe-area-inset-top)) 12px 18px;
+    border-right-width: 1px;
+    border-right-color: var(--pinokio-sidebar-separator);
+    opacity: 1;
+    pointer-events: none;
+    transform: translateX(-100%);
+  }
+
+  body.main-sidebar-page.main-sidebar-collapsed.main-sidebar-mobile-open .main-sidebar {
+    pointer-events: auto;
     transform: translateX(0);
   }
 
-  body.main-sidebar-page .main-sidebar-nav,
-  body.main-sidebar-page .main-sidebar-section {
+	  body.main-sidebar-page .main-sidebar-nav,
+	  body.main-sidebar-page .main-sidebar-section {
     gap: 4px;
   }
 
@@ -5552,6 +5672,10 @@ body.dark .logs-session-picker select {
   background: rgba(255,255,255,0.07);
   color: rgba(248, 250, 252, 0.82);
 }
+body.dark .logs-session-picker select option {
+  background: #ffffff;
+  color: #111827;
+}
 .logs-review-file-list {
   display: flex;
   flex-direction: column;
@@ -5633,6 +5757,10 @@ body.dark .logs-section-mode {
   background: rgba(255,255,255,0.07);
   color: rgba(248, 250, 252, 0.82);
 }
+body.dark .logs-section-mode option {
+  background: #ffffff;
+  color: #111827;
+}
 .logs-review-file,
 .logs-review-empty {
   min-width: 0;

package/server/public/task-launcher.css

@@ -1344,6 +1344,17 @@ body.dark .task-badge-warning {
   box-shadow: 0 0 0 4px color-mix(in srgb, var(--task-accent) 18%, transparent);
 }
 
+body.dark .task-select option {
+  background: #ffffff;
+  color: #111827;
+}
+
+body.dark.settings-page .item select option,
+body.dark.settings-page .debug-shell-controls select option {
+  background: #ffffff;
+  color: #111827;
+}
+
 .task-textarea {
   min-height: 160px;
   resize: vertical;