pinokiod 3.271.0 → 3.272.0

package/server/public/terminal_input_utils.js

@@ -0,0 +1,72 @@
+(function (global) {
+  function processTerminalInputData(data, handlers) {
+    if (!data || typeof data !== 'string' || !handlers) {
+      return
+    }
+    const capture = typeof handlers.capture === 'function' ? handlers.capture : function () {}
+    const handleBackspace = typeof handlers.backspace === 'function' ? handlers.backspace : function () {}
+    const resetBuffer = typeof handlers.reset === 'function' ? handlers.reset : function () {}
+
+    let printable = ''
+    let lastWasCR = false
+    const flush = () => {
+      if (printable) {
+        capture(printable)
+        printable = ''
+      }
+    }
+
+    for (let i = 0; i < data.length; i++) {
+      const ch = data[i]
+      if (ch === '\u0008' || ch === '\u007f') { // backspace / DEL
+        flush()
+        handleBackspace()
+        lastWasCR = false
+        continue
+      }
+      if (ch === '\r') {
+        flush()
+        capture('\n')
+        lastWasCR = true
+        continue
+      }
+      if (ch === '\n') {
+        if (lastWasCR) {
+          lastWasCR = false
+          continue
+        }
+        flush()
+        capture('\n')
+        lastWasCR = false
+        continue
+      }
+      if (ch === '\t') {
+        flush()
+        capture('\t')
+        lastWasCR = false
+        continue
+      }
+      if (ch === '\u001b') { // ESC
+        flush()
+        if (data.length === 1) {
+          resetBuffer()
+        }
+        lastWasCR = false
+        continue
+      }
+      if (ch === '\u0015' || ch === '\u0017' || ch === '\u000b' || ch === '\u0003') {
+        flush()
+        resetBuffer()
+        lastWasCR = false
+        continue
+      }
+      if (ch >= ' ') {
+        printable += ch
+      }
+      lastWasCR = false
+    }
+    flush()
+  }
+
+  global.processTerminalInputData = processTerminalInputData
+})(typeof window !== 'undefined' ? window : this)

package/server/public/terminal_key_caption.js

@@ -0,0 +1,187 @@
+(function (global) {
+  const DEFAULT_LIMIT = 512
+  const NAVIGATION_KEYS = new Set([
+    'ArrowUp',
+    'ArrowDown',
+    'ArrowLeft',
+    'ArrowRight',
+    'Home',
+    'End',
+    'PageUp',
+    'PageDown',
+    'Insert'
+  ])
+
+  class TabCaptionHelper {
+    constructor(term, options = {}) {
+      this.term = term
+      this.tracker = options.tracker || null
+      this.limit = Number.isFinite(options.maxBuffer) && options.maxBuffer > 0 ? options.maxBuffer : DEFAULT_LIMIT
+      this.buffer = ''
+      this.pendingLine = null
+      this.keyListener = null
+      this.restoreSubmit = null
+      this.install()
+    }
+
+    install() {
+      this.attachKeyListener()
+      this.patchTracker()
+    }
+
+    attachKeyListener() {
+      if (!this.term || typeof this.term.onKey !== 'function') {
+        return
+      }
+      const disposable = this.term.onKey((event) => {
+        this.handleKeyEvent(event)
+      })
+      if (disposable && typeof disposable.dispose === 'function') {
+        this.keyListener = () => {
+          disposable.dispose()
+        }
+      }
+    }
+
+    patchTracker() {
+      if (!this.tracker || typeof this.tracker.submit !== 'function') {
+        return
+      }
+      const originalSubmit = this.tracker.submit
+      const helper = this
+      this.tracker.submit = function helperSubmit(line, meta) {
+        const override = helper.consumePendingLine()
+        if (typeof override === 'string') {
+          return originalSubmit.call(this, override, meta)
+        }
+        return originalSubmit.call(this, line, meta)
+      }
+      this.restoreSubmit = () => {
+        this.tracker.submit = originalSubmit
+      }
+    }
+
+    consumePendingLine() {
+      if (this.pendingLine !== null) {
+        const next = this.pendingLine
+        this.pendingLine = null
+        return next
+      }
+      return null
+    }
+
+    handleKeyEvent(event) {
+      if (!event || !event.domEvent) {
+        return
+      }
+      const domEvent = event.domEvent
+      const key = domEvent.key
+      if (!key) {
+        return
+      }
+      if (domEvent.isComposing) {
+        return
+      }
+      if (key === 'Enter') {
+        this.commitBuffer()
+        return
+      }
+      if (key === 'Backspace') {
+        this.applyBackspace()
+        return
+      }
+      if (key === 'Escape') {
+        this.resetBuffer()
+        return
+      }
+      if (domEvent.ctrlKey || domEvent.metaKey) {
+        this.handleModifierCombo(key)
+        return
+      }
+      if (NAVIGATION_KEYS.has(key) || key === 'Tab') {
+        this.resetBuffer()
+        return
+      }
+      if (this.isPrintable(domEvent)) {
+        this.appendCharacter(domEvent.key)
+      }
+    }
+
+    handleModifierCombo(key) {
+      const lower = typeof key === 'string' ? key.toLowerCase() : ''
+      if (!lower) {
+        return
+      }
+      if (lower === 'c' || lower === 'd' || lower === 'l') {
+        this.resetBuffer()
+        return
+      }
+      if (lower === 'u' || lower === 'w' || lower === 'k') {
+        this.resetBuffer()
+      }
+    }
+
+    isPrintable(domEvent) {
+      if (!domEvent || typeof domEvent.key !== 'string') {
+        return false
+      }
+      if (domEvent.ctrlKey || domEvent.metaKey) {
+        return false
+      }
+      if (domEvent.altKey && domEvent.key.length !== 1) {
+        return false
+      }
+      return domEvent.key.length === 1
+    }
+
+    appendCharacter(char) {
+      if (typeof char !== 'string' || char.length === 0) {
+        return
+      }
+      if (this.buffer.length >= this.limit) {
+        return
+      }
+      this.buffer += char
+    }
+
+    applyBackspace() {
+      if (!this.buffer) {
+        return
+      }
+      this.buffer = this.buffer.slice(0, -1)
+    }
+
+    commitBuffer() {
+      this.pendingLine = this.buffer
+      this.buffer = ''
+    }
+
+    resetBuffer() {
+      this.buffer = ''
+      this.pendingLine = null
+    }
+
+    dispose() {
+      if (this.keyListener) {
+        this.keyListener()
+        this.keyListener = null
+      }
+      if (this.restoreSubmit) {
+        this.restoreSubmit()
+        this.restoreSubmit = null
+      }
+    }
+  }
+
+  function attach(term, options) {
+    if (!term) {
+      return null
+    }
+    return new TabCaptionHelper(term, options || {})
+  }
+
+  global.PinokioTabCaptionHelper = {
+    attach,
+    Helper: TabCaptionHelper
+  }
+})(typeof window !== 'undefined' ? window : this)

package/server/public/urldropdown.css

@@ -184,7 +184,8 @@ body.dark .url-dropdown-empty-description {
   -webkit-backdrop-filter: blur(14px);
   backdrop-filter: blur(14px);
 }
-.create-launcher-modal {
+.create-launcher-modal,
+.create-launcher-page-card {
   background: rgba(255, 255, 255, 0.86);
   border: 1px solid rgba(15, 23, 42, 0.08);
   border-radius: 20px;
@@ -202,7 +203,8 @@ body.dark .url-dropdown-empty-description {
   backdrop-filter: blur(28px);
   position: relative;
 }
-body.dark .create-launcher-modal {
+body.dark .create-launcher-modal,
+body.dark .create-launcher-page-card {
   background: rgba(17, 24, 39, 0.82);
   border: 1px solid rgba(148, 163, 184, 0.22);
   color: rgba(226, 232, 240, 0.96);
@@ -267,7 +269,8 @@ body.dark .create-launcher-modal-close:hover {
   flex-direction: column;
   gap: 6px;
 }
-.create-launcher-modal h3 {
+.create-launcher-modal h3,
+.create-launcher-page-card h3 {
   margin: 0;
   font-size: 24px;
   font-weight: 600;
@@ -616,6 +619,9 @@ body.dark .create-launcher-modal-button.confirm {
   margin-top: 6px;
   font-size: 13px;
 }
+.create-launcher-modal-links .create-launcher-modal-bookmarklet {
+  margin-left: 8px;
+}
 .create-launcher-modal-advanced {
   display: inline-flex;
   align-items: center;
@@ -648,6 +654,27 @@ body.dark .create-launcher-modal-advanced.secondary {
 body.dark .create-launcher-modal-advanced.secondary:hover {
   color: rgba(226, 232, 240, 0.98);
 }
+.create-launcher-modal-bookmarklet {
+  font-size: 13px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: rgba(127, 91, 243, 0.95);
+  text-decoration: underline;
+  transition: color 0.2s ease;
+}
+.create-launcher-modal-bookmarklet:hover,
+.create-launcher-modal-bookmarklet:focus-visible {
+  color: rgba(84, 63, 196, 1);
+  text-decoration: underline;
+}
+body.dark .create-launcher-modal-bookmarklet {
+  color: rgba(183, 161, 255, 0.95);
+}
+body.dark .create-launcher-modal-bookmarklet:hover,
+body.dark .create-launcher-modal-bookmarklet:focus-visible {
+  color: rgba(225, 213, 255, 0.98);
+}
 @media (max-width: 640px) {
   .modal-overlay {
     padding: 16px;
@@ -686,6 +713,96 @@ body.dark .create-launcher-modal-advanced.secondary:hover {
     width: 100%;
   }
 }
+.create-page {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 30px 20px 80px;
+}
+
+.create-page-hero {
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-radius: 24px;
+  padding: 32px;
+  background: rgba(0, 0, 0, 0.01);
+}
+
+body.dark .create-page-hero {
+  background: rgba(255, 255, 255, 0.02);
+  border-color: rgba(255, 255, 255, 0.05);
+}
+
+.create-page-hero .eyebrow {
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-size: 12px;
+  margin: 0 0 8px;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+body.dark .create-page-hero .eyebrow {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.create-page-hero h1 {
+  margin: 0 0 12px;
+  font-size: 32px;
+}
+
+.create-page-hero .subtitle {
+  margin: 0;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.7);
+  max-width: 640px;
+}
+
+body.dark .create-page-hero .subtitle {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.create-page-root {
+  margin-top: 28px;
+}
+
+.create-launcher-page-card {
+  width: min(720px, 100%);
+  margin: 0 auto;
+  max-height: none;
+  overflow: visible;
+  padding: 32px;
+  border-radius: 26px;
+  background: #fff;
+  border: 1px solid rgba(15, 23, 42, 0.06);
+  box-shadow: 0 20px 65px rgba(15, 15, 15, 0.08);
+  -webkit-backdrop-filter: none;
+  backdrop-filter: none;
+}
+
+body.dark .create-launcher-page-card {
+  background: rgba(17, 24, 39, 0.92);
+  border-color: rgba(148, 163, 184, 0.15);
+  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.55);
+}
+
+.create-launcher-page-card .create-launcher-modal-links {
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+
+.create-launcher-page-card .create-launcher-modal-button.cancel {
+  display: none;
+}
+
+@media (max-width: 720px) {
+  .create-page {
+    padding: 20px 12px 60px;
+  }
+  .create-launcher-page-card {
+    padding: 24px;
+    border-radius: 18px;
+    width: 100%;
+  }
+}
 .capture-modal-overlay {
   background: rgba(15, 23, 42, 0.45);
   -webkit-backdrop-filter: blur(16px);

package/server/public/xterm-inline-bridge.js

@@ -0,0 +1,116 @@
+(() => {
+  if (typeof window === 'undefined' || window.PinokioInlineBridgeInitialized) {
+    return;
+  }
+  const isStandaloneMobile = () => {
+    try {
+      if (window.top !== window.self) {
+        return false;
+      }
+    } catch (_) {
+      return false;
+    }
+    const ua = (navigator.userAgent || '').toLowerCase();
+    return /iphone|ipad|ipod|android|mobile/.test(ua);
+  };
+  if (!isStandaloneMobile()) {
+    return;
+  }
+  window.PinokioInlineBridgeInitialized = true;
+
+  const ensureFrameName = () => {
+    if (typeof window.name === 'string' && window.name.trim()) {
+      return window.name;
+    }
+    const generated = `inline-${Date.now()}`;
+    window.name = generated;
+    return generated;
+  };
+
+  const createFrameLink = (frameName) => {
+    const existing = document.querySelector('.frame-link.pinokio-inline');
+    if (existing) {
+      return existing;
+    }
+    const link = document.createElement('div');
+    link.className = 'frame-link pinokio-inline';
+    link.setAttribute('target', frameName);
+    link.dataset.canNotify = 'true';
+    link.style.display = 'none';
+    link.innerHTML = `
+      <div class="tab">
+        <div class="tab-main">
+          <div class="tab-details">
+            <div class="tab-updated">
+              <span class="indicator">
+                <span class="dot"></span>
+                <span class="label"></span>
+              </span>
+            </div>
+            <div class="tab-preview"></div>
+          </div>
+        </div>
+      </div>
+    `;
+    document.body.appendChild(link);
+    return link;
+  };
+
+  const init = () => {
+    const frameName = ensureFrameName();
+    const link = createFrameLink(frameName);
+    if (!link) {
+      return;
+    }
+    window.PinokioInlineIdle = true;
+    const indicator = link.querySelector('.tab-updated');
+    const label = indicator ? indicator.querySelector('.label') : null;
+    const preview = link.querySelector('.tab-preview');
+    const updateIndicator = (text, hasContent) => {
+      if (preview) {
+        preview.textContent = hasContent ? text : '';
+      }
+      const now = Date.now();
+      indicator.dataset.timestamp = String(now);
+      indicator.classList.add('is-live');
+      if (label) {
+        label.textContent = 'live';
+      }
+      clearTimeout(updateIndicator._timer);
+      updateIndicator._timer = setTimeout(() => {
+        indicator.classList.remove('is-live');
+        indicator.dataset.timestamp = String(Date.now());
+        if (label) {
+          label.textContent = 'idle';
+        }
+      }, 1200);
+    };
+
+    const handleMessage = (event) => {
+      if (!event || typeof event.data !== 'object' || event.data === null) {
+        return;
+      }
+      const data = event.data;
+      if (data.type === 'terminal-input') {
+        const hasContent = typeof data.hasContent === 'boolean'
+          ? data.hasContent
+          : Boolean(data.line && data.line.length > 0);
+        updateIndicator(data.line || '', hasContent);
+      } else if (data.type === 'stream') {
+        updateIndicator('', true);
+      }
+    };
+
+    window.addEventListener('message', handleMessage, true);
+    const script = document.createElement('script');
+    script.src = '/tab-idle-notifier.js';
+    script.async = false;
+    document.head.appendChild(script);
+  };
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init, { once: true });
+  } else {
+    init();
+  }
+})();

package/server/socket.js

@@ -12,6 +12,7 @@ class Socket {
     this.sessions = {}
     this.connected = {}
     this.active_shell = {}
+    this.shell_to_path = {}
     this.parent = parent
     this.server = parent.server
 //    this.kernel = parent.kernel
@@ -217,18 +218,45 @@ class Socket {
               }
             }
           } else if (req.emit) {
+            if (req.id) {
+              const shell = this.parent.kernel.shell.get(req.id)
+              if (shell) {
+                shell.setUserActive(true)
+              }
+            }
             this.parent.kernel.shell.emit(req)
           } else if (req.key && req.id) {
+            const shell = this.parent.kernel.shell.get(req.id)
+            if (shell) {
+              shell.setUserActive(true)
+            }
             this.parent.kernel.shell.emit({
               id: req.id,
               emit: req.key,
               paste: req.paste
             })
           } else if (req.resize && req.id) {
+            const targetId = this.shell_to_path[req.id] || req.id
             this.parent.kernel.shell.resize({
               id: req.id,
               resize: req.resize
             })
+            const subscribers = this.subscriptions.get(targetId)
+            if (subscribers && subscribers.size > 0) {
+              const payload = JSON.stringify({
+                type: 'resize',
+                data: {
+                  id: req.id,
+                  cols: req.resize.cols,
+                  rows: req.resize.rows
+                }
+              })
+              subscribers.forEach((subscriber) => {
+                if (subscriber !== ws && subscriber.readyState === WebSocket.OPEN) {
+                  subscriber.send(payload)
+                }
+              })
+            }
           }
         }
 
@@ -333,6 +361,7 @@ class Socket {
 
     if (e.data && e.data.shell_id) {
       this.active_shell[id] = e.data.shell_id
+      this.shell_to_path[e.data.shell_id] = id
     }
 
     // send to caller session

package/server/views/agents.ejs

@@ -513,8 +513,7 @@ 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'><i class="fa-solid fa-laptop-code"></i><div class='caption'>Logs</div></a>
-    <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' 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 selected' href="/agents"><i class="fa-solid fa-robot"></i><div class='caption'>Agents</div></a>