pinokiod 6.0.19 → 6.0.21

package/server/public/common.js

@@ -3541,6 +3541,13 @@ document.addEventListener("DOMContentLoaded", () => {
       trigger.dataset.askAiInit = 'true';
       createLauncherDebugLog('initAskAiTrigger: binding click handler');
       trigger.addEventListener('click', async () => {
+        if (window.PinokioAskAiDrawer
+          && typeof window.PinokioAskAiDrawer.isOpen === 'function'
+          && window.PinokioAskAiDrawer.isOpen()
+          && typeof window.PinokioAskAiDrawer.close === 'function') {
+          window.PinokioAskAiDrawer.close();
+          return;
+        }
         const workspace = deriveWorkspaceForAskAi(trigger);
         const workspaceCwd = deriveWorkspaceCwdForAskAi(trigger);
         await openAskAiAgentPicker({

package/server/public/install.js

@@ -261,7 +261,7 @@ const createTerm = async (_theme) => {
   })
   let config = {
     scrollback: 9999999,
-    fontSize: 14,
+    fontSize: 12,
     fontFamily: 'monospace',
     theme,
   }

package/server/public/style.css

@@ -2746,14 +2746,13 @@ footer.status {
 }
 #error-screen .btn {
   font-size: 14px;
-  padding: 15px 30px;
+  padding: 10px 20px;
   font-weight: bold;
-  background: firebrick;
-  /*
+  background-color: transparent;
+  border: 3px solid white;
   border-radius: 50px;
-  */
   margin: 5px;
-  text-transform: uppercase;
+  text-transform: none;
 }
 .tippy-box[data-theme~='pointer'] {
   background-color: royalblue;

package/server/public/terminal-settings.js

@@ -846,7 +846,7 @@
         const baseThemeRaw = base && base.theme ? base.theme : this.safeGetOption(term, 'theme');
         const baseTheme = this.sanitizeTheme(baseThemeRaw, true);
         term._pinokioBaseOptions = {
-          fontSize: isFiniteNumber(baseFontSize) ? baseFontSize : 14,
+          fontSize: isFiniteNumber(baseFontSize) ? baseFontSize : 12,
           fontFamily: baseFontFamily,
           theme: baseTheme
         };

package/server/scripts/fork_gemini_session.js

@@ -0,0 +1,67 @@
+#!/usr/bin/env node
+"use strict";
+
+const fs = require("fs");
+const path = require("path");
+const crypto = require("crypto");
+
+const sourcePath = process.argv[2];
+const expectedSessionId = process.argv[3];
+
+if (!sourcePath) {
+  process.exit(1);
+}
+
+let payload;
+try {
+  const raw = fs.readFileSync(sourcePath, "utf8");
+  payload = JSON.parse(raw);
+} catch (error) {
+  process.exit(1);
+}
+
+if (!payload || typeof payload !== "object") {
+  process.exit(1);
+}
+
+const sourceSessionId = typeof payload.sessionId === "string"
+  ? payload.sessionId
+  : (typeof payload.session_id === "string" ? payload.session_id : "");
+
+if (!sourceSessionId) {
+  process.exit(1);
+}
+
+if (expectedSessionId && sourceSessionId !== expectedSessionId) {
+  process.exit(1);
+}
+
+if (!Array.isArray(payload.messages)) {
+  process.exit(1);
+}
+
+const newSessionId = typeof crypto.randomUUID === "function"
+  ? crypto.randomUUID()
+  : [
+      Date.now().toString(16),
+      Math.random().toString(16).slice(2),
+      Math.random().toString(16).slice(2)
+    ].join("-");
+
+const nowIso = new Date().toISOString();
+payload.sessionId = newSessionId;
+if (typeof payload.session_id === "string") {
+  payload.session_id = newSessionId;
+}
+if (typeof payload.startTime === "string") {
+  payload.startTime = nowIso;
+}
+if (typeof payload.lastUpdated === "string") {
+  payload.lastUpdated = nowIso;
+}
+
+const stamp = nowIso.replace(/[:.]/g, "-");
+const filename = "session-" + stamp + "-" + newSessionId.slice(0, 8) + ".json";
+const targetPath = path.join(path.dirname(path.resolve(sourcePath)), filename);
+fs.writeFileSync(targetPath, JSON.stringify(payload, null, 2), "utf8");
+process.stdout.write(newSessionId);

package/server/scripts/gemini_fork_and_resume.js

@@ -0,0 +1,50 @@
+#!/usr/bin/env node
+"use strict";
+
+const path = require("path");
+const { execFileSync, spawn } = require("child_process");
+
+const sourcePath = process.argv[2];
+const expectedSessionId = process.argv[3];
+
+if (!sourcePath) {
+  process.exit(1);
+}
+
+const forkScriptPath = path.resolve(__dirname, "fork_gemini_session.js");
+
+let forkedSessionId = "";
+try {
+  forkedSessionId = execFileSync(
+    process.execPath,
+    [forkScriptPath, sourcePath, expectedSessionId || ""],
+    {
+      encoding: "utf8",
+      stdio: ["ignore", "pipe", "inherit"]
+    }
+  ).trim();
+} catch (error) {
+  if (typeof error.status === "number") {
+    process.exit(error.status);
+  }
+  process.exit(1);
+}
+
+if (!forkedSessionId) {
+  process.exit(1);
+}
+
+const npxBinary = process.platform === "win32" ? "npx.cmd" : "npx";
+const child = spawn(
+  npxBinary,
+  ["-y", "@google/gemini-cli@latest", "--resume", forkedSessionId],
+  { stdio: "inherit" }
+);
+
+child.on("error", () => {
+  process.exit(1);
+});
+
+child.on("exit", (code) => {
+  process.exit(typeof code === "number" ? code : 1);
+});

package/server/views/app.ejs

@@ -891,13 +891,17 @@ body.dark .appcanvas > aside .menu-scroller.menu-scrollable.scroll-left::before
   margin-left: auto;
   padding-right: 6px;
   border-left: 1px solid rgba(0,0,0,0.08);
+  background: transparent;
 }
 body.dark .appcanvas > aside .menu-actions {
   border-left-color: rgba(255,255,255,0.08);
+  background: transparent;
 }
 .appcanvas:not(.vertical) .menu-actions .header-item {
   min-width: 0;
   padding: 4px 8px;
+  background: royalblue !important;
+  color: white !important;
 }
 .appcanvas:not(.vertical) .menu-actions .header-item .display {
   display: block;
@@ -914,6 +918,76 @@ body.dark .appcanvas > aside .menu-actions {
   width: 16px;
   text-align: center;
 }
+.appcanvas:not(.vertical) .menu-actions .header-item:hover,
+.appcanvas:not(.vertical) .menu-actions .header-item:focus-visible {
+  background: royalblue !important;
+  color: white !important;
+}
+.appcanvas:not(.vertical) .menu-actions .header-item.selected {
+  background: royalblue !important;
+  color: white !important;
+}
+body.dark .appcanvas:not(.vertical) .menu-actions .header-item {
+  background: royalblue !important;
+  color: white !important;
+}
+body.dark .appcanvas:not(.vertical) .menu-actions .header-item:hover,
+body.dark .appcanvas:not(.vertical) .menu-actions .header-item:focus-visible {
+  background: royalblue !important;
+  color: white !important;
+}
+body.dark .appcanvas:not(.vertical) .menu-actions .header-item.selected {
+  background: royalblue !important;
+  color: white !important;
+}
+.appcanvas.vertical .menu-actions .header-item {
+  background: royalblue !important;
+  color: white !important;
+}
+.appcanvas.vertical .menu-actions .header-item:hover,
+.appcanvas.vertical .menu-actions .header-item:focus-visible,
+.appcanvas.vertical .menu-actions .header-item.selected {
+  background: royalblue !important;
+  color: white !important;
+}
+body.dark .appcanvas.vertical .menu-actions .header-item {
+  background: royalblue !important;
+  color: white !important;
+}
+body.dark .appcanvas.vertical .menu-actions .header-item:hover,
+body.dark .appcanvas.vertical .menu-actions .header-item:focus-visible,
+body.dark .appcanvas.vertical .menu-actions .header-item.selected {
+  background: royalblue !important;
+  color: white !important;
+}
+.appcanvas.community-open .menu-actions #community-toggle,
+.appcanvas.community-open .menu-actions #community-toggle:hover,
+.appcanvas.community-open .menu-actions #community-toggle:focus-visible,
+.appcanvas.community-open .menu-actions #community-toggle.selected {
+  background: #f7f8fa !important;
+  color: #334155 !important;
+}
+body.dark .appcanvas.community-open .menu-actions #community-toggle,
+body.dark .appcanvas.community-open .menu-actions #community-toggle:hover,
+body.dark .appcanvas.community-open .menu-actions #community-toggle:focus-visible,
+body.dark .appcanvas.community-open .menu-actions #community-toggle.selected {
+  background: #0f1115 !important;
+  color: rgba(226, 232, 240, 0.92) !important;
+}
+.appcanvas.ask-ai-open .menu-actions #ask-ai-tab,
+.appcanvas.ask-ai-open .menu-actions #ask-ai-tab:hover,
+.appcanvas.ask-ai-open .menu-actions #ask-ai-tab:focus-visible,
+.appcanvas.ask-ai-open .menu-actions #ask-ai-tab.selected {
+  background: #f8fafc !important;
+  color: #334155 !important;
+}
+body.dark .appcanvas.ask-ai-open .menu-actions #ask-ai-tab,
+body.dark .appcanvas.ask-ai-open .menu-actions #ask-ai-tab:hover,
+body.dark .appcanvas.ask-ai-open .menu-actions #ask-ai-tab:focus-visible,
+body.dark .appcanvas.ask-ai-open .menu-actions #ask-ai-tab.selected {
+  background: #0f1115 !important;
+  color: rgba(226, 232, 240, 0.92) !important;
+}
 .appcanvas.vertical .menu-scroller {
   flex-direction: column;
   align-items: stretch;
@@ -924,14 +998,15 @@ body.dark .appcanvas > aside .menu-actions {
 .appcanvas.vertical .menu-actions {
   flex-direction: column;
   align-items: stretch;
+  gap: 1px;
   margin-top: auto;
-  padding: 6px 0;
+  padding: 0;
   width: 100%;
   border-left: 0;
-  border-top: 1px solid rgba(0,0,0,0.08);
+  border-top: none;
 }
 body.dark .appcanvas.vertical .menu-actions {
-  border-top-color: rgba(255,255,255,0.08);
+  border-top: none;
 }
 
 .appcanvas > aside .menu-scroller::-webkit-scrollbar {
@@ -11188,8 +11263,8 @@ document.addEventListener("DOMContentLoaded", () => {
       appcanvas.classList.toggle("ask-ai-open", open)
     }
     if (askAiTrigger) {
-      askAiTrigger.classList.toggle("hidden", open)
-      askAiTrigger.setAttribute("aria-hidden", open ? "true" : "false")
+      askAiTrigger.classList.remove("hidden")
+      askAiTrigger.setAttribute("aria-hidden", "false")
     }
     drawer.setAttribute("aria-hidden", open ? "false" : "true")
     if (resizer) {

package/server/views/bootstrap.ejs

@@ -139,7 +139,7 @@ document.addEventListener("DOMContentLoaded", () => {
       })
       let config = {
         scrollback: 9999999,
-        fontSize: 14,
+        fontSize: 12,
         fontFamily: 'monospace',
         theme,
       }

package/server/views/editor.ejs

@@ -694,7 +694,7 @@ document.addEventListener("DOMContentLoaded", async () => {
         })
         let config = {
           scrollback: 9999999,
-          fontSize: 14,
+          fontSize: 12,
           fontFamily: 'monospace',
           theme,
         }

package/server/views/explore.ejs

@@ -113,6 +113,29 @@ body main iframe {
   height: 100%;
   width: 100%;
 }
+.explore-url {
+  flex-grow: 1;
+  min-width: 200px;
+  height: 32px;
+  padding: 0 10px;
+  border: 1px solid rgba(0,0,0,0.15);
+  border-radius: 6px;
+  background: rgba(255,255,255,0.85);
+  color: inherit;
+  font-size: 12px;
+  line-height: 32px;
+}
+body.dark .explore-url {
+  background: rgba(0,0,0,0.2);
+  border-color: rgba(255,255,255,0.2);
+}
+@media only screen and (max-width: 768px) {
+  .explore-url {
+    min-width: 0;
+    width: 100%;
+    box-sizing: border-box;
+  }
+}
 </style>
 <script src="/popper.min.js"></script>
 <script src="/tippy-bundle.umd.min.js"></script>
@@ -132,7 +155,7 @@ body main iframe {
 <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="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>
-<div class='flexible'></div>
+<input id="explore-url" class="explore-url" type="url" readonly spellcheck="false" value="">
 <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
   <div><i class="fa-solid fa-table-columns"></i></div>
 </a>
@@ -176,6 +199,41 @@ document.querySelector("form").addEventListener("submit", (e) => {
 */
 (() => {
   const frame = document.querySelector("main iframe")
+  const urlField = document.querySelector("#explore-url")
+
+  const updateUrlField = (value) => {
+    if (!urlField) return
+    const next = typeof value === "string" ? value : ""
+    urlField.value = next
+    urlField.title = next || "URL unavailable"
+  }
+
+  const getFrameUrl = () => {
+    if (!frame) return ""
+    try {
+      const href = frame.contentWindow && frame.contentWindow.location
+        ? frame.contentWindow.location.href
+        : ""
+      if (typeof href === "string" && href) {
+        return href
+      }
+    } catch (_) {}
+    const attr = frame.getAttribute("src")
+    if (typeof attr === "string" && attr.trim()) {
+      return attr.trim()
+    }
+    try {
+      if (typeof frame.src === "string" && frame.src.trim()) {
+        return frame.src.trim()
+      }
+    } catch (_) {}
+    return ""
+  }
+
+  const syncUrlField = (value) => {
+    const next = typeof value === "string" && value ? value : getFrameUrl()
+    updateUrlField(next)
+  }
 
   const navigateParentHistory = (delta) => {
     if (delta < 0) {
@@ -262,6 +320,23 @@ document.querySelector("form").addEventListener("submit", (e) => {
       void onHeaderHistoryClick(1, event)
     }
   }, true)
+
+  if (frame) {
+    frame.addEventListener("load", () => {
+      syncUrlField()
+    })
+  }
+
+  window.addEventListener("message", (event) => {
+    if (!event || event.source !== (frame && frame.contentWindow)) return
+    const data = event.data
+    if (!data || typeof data !== "object") return
+    if (data.type !== "pinokio:community:location") return
+    if (typeof data.url !== "string") return
+    syncUrlField(data.url)
+  })
+
+  syncUrlField()
 })()
 </script>
 </body>

package/server/views/index.ejs

@@ -393,13 +393,13 @@ body.dark .home-mode-switch {
 }
 .home-mode-switch .mode-link.selected,
 .home-mode-switch .mode-link[aria-current="page"] {
-  background: rgba(0, 0, 0, 0.9) !important;
+  background: royalblue !important;
   color: #fff !important;
 }
 body.dark .home-mode-switch .mode-link.selected,
 body.dark .home-mode-switch .mode-link[aria-current="page"] {
-  background: rgba(255, 255, 255, 0.12) !important;
-  color: rgba(255, 255, 255, 0.96) !important;
+  background: royalblue !important;
+  color: #fff !important;
 }
 .home-search-mode-switch {
   flex: 0 0 auto;

package/server/views/init/index.ejs

@@ -2626,7 +2626,7 @@ const createTerm = async (_theme) => {
   <% } %>
   let config = {
     scrollback: 9999999,
-    fontSize: 14,
+    fontSize: 12,
     fontFamily: 'monospace',
     theme,
   }

package/server/views/install.ejs

@@ -163,7 +163,7 @@ const createTerm = async (_theme) => {
   <% } %>
   let config = {
     scrollback: 9999999,
-    fontSize: 14,
+    fontSize: 12,
     fontFamily: 'monospace',
     theme,
   }

package/server/views/net.ejs

@@ -1142,7 +1142,7 @@ const createDnsTerminal = async (container) => {
   }
   let config = {
     scrollback: 9999999,
-    fontSize: 14,
+    fontSize: 12,
     fontFamily: 'monospace',
     theme: document.body.classList.contains('dark') ? xtermTheme.FrontEndDelight : xtermTheme.Tomorrow,
   }

package/server/views/pro.ejs

@@ -227,7 +227,7 @@ const createTerm = async (_theme) => {
   <% } %>
   let config = {
     scrollback: 9999999,
-    fontSize: 14,
+    fontSize: 12,
     fontFamily: 'monospace',
     theme,
   }

package/server/views/prototype/index.ejs

@@ -1565,7 +1565,7 @@ async function displayResults(config) {
 
   let term_config = {
     scrollback: 9999999,
-    fontSize: 14,
+    fontSize: 12,
     fontFamily: 'monospace',
     theme,
   }

package/server/views/shell.ejs

@@ -496,7 +496,7 @@ document.addEventListener("DOMContentLoaded", async () => {
           <% if (conda) { %>
           conda: <%-JSON.stringify(conda)%>,
           <% } %>
-          id: "<%=id%>",
+          id: <%-JSON.stringify(id)%>,
           //path: "<%=cwd%>",
           path: "<%-JSON.stringify(cwd).slice(1, -1)%>",
           client: {
@@ -1223,7 +1223,7 @@ document.addEventListener("DOMContentLoaded", async () => {
 
         let config = {
           scrollback: 9999999,
-          fontSize: 14,
+          fontSize: 12,
           fontFamily: 'monospace',
           theme,
           //theme: xtermTheme.FrontEndDelight

package/server/views/terminal.ejs

@@ -1810,7 +1810,7 @@ document.addEventListener("DOMContentLoaded", async () => {
         <% } %>
         let config = {
           scrollback: 9999999,
-          fontSize: 14,
+          fontSize: 12,
           fontFamily: 'monospace',
           theme,
           //theme: xtermTheme.FrontEndDelight