pinokiod 6.0.70 → 6.0.72

package/kernel/api/index.js

@@ -364,8 +364,6 @@ class Api {
       delete this.running[requestPath]
       delete this.kernel.memory.local[requestPath]
     }
-
-
     this.ondata({
       id: req.params.id || requestPath,
       type: "disconnect"
@@ -924,6 +922,10 @@ class Api {
         git: this.parentGitURI(request.path),
         cwd,
         origin: request.origin,
+        caller: request.caller,
+        action: request.action,
+        args,
+        client: request.client,
         body: script 
       }
       // 7. resolve the rpc
@@ -1202,7 +1204,7 @@ class Api {
             index: i,
             total,
             type: "result",
-            data: result,
+            data: result
           })
 
 
@@ -1246,7 +1248,6 @@ class Api {
             return
           }
 
-
           if (typeof rpc.next === "undefined" || rpc.next === null) {
 
 

package/kernel/api/script/index.js

@@ -1,9 +1,146 @@
-const path = require('path')
 class Script {
+  currentParent(req) {
+    if (req && req.parent && typeof req.parent === "object") {
+      return req.parent
+    }
+    return null
+  }
+  currentPath(req) {
+    const parent = this.currentParent(req)
+    if (parent && parent.path) {
+      return parent.path
+    }
+    return null
+  }
+  currentSessionId(req) {
+    if (req && typeof req.id === "string" && req.id.trim()) {
+      return req.id
+    }
+    const parent = this.currentParent(req)
+    if (parent && typeof parent.id === "string" && parent.id.trim()) {
+      return parent.id
+    }
+    return undefined
+  }
+  currentCaller(req) {
+    if (req && typeof req.caller === "string" && req.caller.trim()) {
+      return req.caller
+    }
+    const parent = this.currentParent(req)
+    if (parent && typeof parent.caller === "string" && parent.caller.trim()) {
+      return parent.caller
+    }
+    return undefined
+  }
+  currentClient(req) {
+    if (req && req.client) {
+      return req.client
+    }
+    const parent = this.currentParent(req)
+    if (parent && parent.client) {
+      return parent.client
+    }
+    return undefined
+  }
+  currentOrigin(req) {
+    if (req && typeof req.origin === "string" && req.origin.trim()) {
+      return req.origin
+    }
+    const parent = this.currentParent(req)
+    if (parent && typeof parent.origin === "string" && parent.origin.trim()) {
+      return parent.origin
+    }
+    return undefined
+  }
+  buildStartRequest(req, uri, input, target) {
+    const nextParams = Object.assign({}, req && req.params ? req.params : {}, {
+      uri,
+      params: input
+    })
+    const preserveSession = !!(target && target.self)
+    return {
+      id: preserveSession ? this.currentSessionId(req) : undefined,
+      caller: preserveSession ? this.currentCaller(req) : undefined,
+      cwd: req ? req.cwd : undefined,
+      client: this.currentClient(req),
+      origin: this.currentOrigin(req),
+      params: nextParams
+    }
+  }
+  resolveRestartTarget(req, kernel) {
+    const hasParams = req && req.params && typeof req.params === "object"
+    const requestedUri = hasParams && typeof req.params.uri === "string" && req.params.uri.trim()
+      ? req.params.uri
+      : null
+    const currentPath = this.currentPath(req)
+    if (!requestedUri) {
+      if (!currentPath) {
+        throw new Error("script.restart requires params.uri when called outside a running script")
+      }
+      return {
+        displayUri: currentPath,
+        startUri: currentPath,
+        stopUri: currentPath,
+        self: true,
+      }
+    }
+    const stopUri = kernel.api.filePath(requestedUri, req.cwd)
+    return {
+      displayUri: requestedUri,
+      startUri: requestedUri,
+      stopUri,
+      self: currentPath ? stopUri === currentPath : false,
+    }
+  }
+  resolveRestartInput(req, kernel, target) {
+    const hasExplicitParams = !!(req && req.params && typeof req.params === "object" && Object.prototype.hasOwnProperty.call(req.params, "params"))
+    if (hasExplicitParams) {
+      return req.params.params
+    }
+    if (target && target.self && req && req.parent && Object.prototype.hasOwnProperty.call(req.parent, "args")) {
+      return req.parent.args
+    }
+    if (kernel && kernel.memory && kernel.memory.args && target) {
+      return kernel.memory.args[target.stopUri]
+    }
+    return undefined
+  }
+  scheduleStart(req, ondata, kernel) {
+    setTimeout(() => {
+      this.start(req, ondata, kernel).catch((e) => {
+        const stack = e && e.stack ? e.stack : String(e)
+        ondata({ raw: `\r\nFailed to start ${req.params.uri}\r\n${stack}\r\n` })
+      })
+    }, 0)
+  }
   async start(req, ondata, kernel) {
     let res = await this.run(req, ondata, kernel)
     return res
   }
+  async restart(req, ondata, kernel) {
+    if (!req.params) {
+      req.params = {}
+    }
+    const target = this.resolveRestartTarget(req, kernel)
+    const input = this.resolveRestartInput(req, kernel, target)
+    const sessionId = target.self ? this.currentSessionId(req) : undefined
+    ondata({
+      id: sessionId || target.stopUri,
+    }, "restart")
+    const stopRequest = sessionId
+      ? { params: { id: sessionId } }
+      : { params: { uri: target.stopUri } }
+    await kernel.api.stop(stopRequest)
+    ondata({ raw: `\r\nRestarting ${target.displayUri}\r\n` })
+    const startRequest = this.buildStartRequest(req, target.startUri, input, target)
+    this.scheduleStart(startRequest, ondata, kernel)
+    return {
+      uri: target.displayUri,
+      scheduled: true,
+      self: target.self,
+      params: input,
+    }
+  }
   async stop(req, ondata, kernel) {
     /*
       {
@@ -20,7 +157,7 @@ class Script {
     }
     for(let uri of uris) {
       kernel.api.stop({ params: { uri } })
-      ondata({ raw: `\r\nStopped ${req.params.uri}\r\n` })
+      ondata({ raw: `\r\nStopped ${uri}\r\n` })
     }
   }
   async run(req, ondata, kernel) {
@@ -50,12 +187,25 @@ class Script {
       // if not already running, start.
       let uri = await this.download(req, ondata, kernel)
       let res = await new Promise((resolve, reject) => {
-        kernel.api.process({
+        let request = {
           uri,
           input: req.params.params,
-          client: req.client,
-          caller: req.parent.path,
-        }, (r) => {
+          client: this.currentClient(req),
+        }
+        if (req.id) {
+          request.id = req.id
+        }
+        const caller = this.currentCaller(req)
+        if (caller) {
+          request.caller = caller
+        } else if (req.parent && req.parent.path) {
+          request.caller = req.parent.path
+        }
+        const origin = this.currentOrigin(req)
+        if (origin) {
+          request.origin = origin
+        }
+        kernel.api.process(request, (r) => {
           resolve(r.input)
         })
       })
@@ -125,7 +275,7 @@ class Script {
 
       await kernel.api.init()
     } else {
-      uri = path.resolve(req.cwd, req.params.uri)
+      uri = kernel.api.filePath(req.params.uri, req.cwd)
     }
     return uri
   }

package/kernel/index.js

@@ -250,10 +250,29 @@ class Kernel {
     }
     return o
   }
+  scopedMemoryEntry(store, filePath) {
+    if (!store || !filePath) {
+      return null
+    }
+    const exact = store[filePath]
+    if (exact) {
+      return exact
+    }
+    const wantsExactMatch = this.stripSessionParam(filePath) !== filePath
+    if (wantsExactMatch) {
+      return null
+    }
+    for (const [key, value] of Object.entries(store)) {
+      if (value && this.stripSessionParam(key) === filePath) {
+        return value
+      }
+    }
+    return null
+  }
   local(...args) {
     // get local variables at path
     let filePath = this.api.filePath(path.resolve(...args))
-    let v = this.memory.local[filePath]
+    let v = this.scopedMemoryEntry(this.memory.local, filePath)
     //let v = this.memory.local[path.resolve(...args)]
     if (v) {
       return  v
@@ -264,7 +283,7 @@ class Kernel {
   global(...args) {
     // get local variables at path
     let filePath = this.api.filePath(path.resolve(...args))
-    let v = this.memory.global[filePath]
+    let v = this.scopedMemoryEntry(this.memory.global, filePath)
 //    let v = this.memory.global[path.resolve(...args)]
     if (v) {
       return  v
@@ -275,9 +294,27 @@ class Kernel {
   running(...args) {
     return this.status(path.resolve(...args))
   }
+  stripSessionParam(value) {
+    if (typeof value !== "string" || value.length === 0) {
+      return value
+    }
+    return value.replace(/([?&])session=[^&]+/g, "").replace(/[?&]$/, "")
+  }
   status(uri, cwd) {
     let id = this.api.filePath(uri, cwd)
-    return this.api.running[id]
+    if (this.api.running[id]) {
+      return this.api.running[id]
+    }
+    const wantsExactMatch = this.stripSessionParam(id) !== id
+    if (wantsExactMatch) {
+      return false
+    }
+    for (const [key, value] of Object.entries(this.api.running || {})) {
+      if (value && this.stripSessionParam(key) === id) {
+        return value
+      }
+    }
+    return false
   }
   url (origin, _path, _type) {
     /*

package/kernel/info.js

@@ -49,8 +49,7 @@ class Info {
   running(...args) {
     let cwd = path.dirname(this.caller())
     let resolved_path = path.resolve(cwd, ...args)
-    let running = this.kernel.api.running[resolved_path]
-    return running ? running : false
+    return this.kernel.status(resolved_path)
   }
   exists(...args) {
     let cwd = path.dirname(this.caller())
@@ -61,12 +60,12 @@ class Info {
   local(...args) {
     let cwd = path.dirname(this.caller())
     let resolved_path = path.resolve(cwd, ...args)
-    return this.kernel.memory.local[resolved_path] || {}
+    return this.kernel.scopedMemoryEntry(this.kernel.memory.local, resolved_path) || {}
   }
   global(...args) {
     let cwd = path.dirname(this.caller())
     let resolved_path = path.resolve(cwd, ...args)
-    return this.kernel.memory.global[resolved_path] || {}
+    return this.kernel.scopedMemoryEntry(this.kernel.memory.global, resolved_path) || {}
   }
   scriptsByApi() {
     if (!this.kernel || !this.kernel.memory || !this.kernel.memory.local) {

package/kernel/shells.js

@@ -182,6 +182,60 @@ class Shells {
       }
     }
     const parentMeta = params.$parent || null
+    const queueTriggerAction = async (action, eventMatch) => {
+      if (!action) {
+        return
+      }
+      if (!parentMeta || !parentMeta.path) {
+        throw new Error(`unable to trigger "${action}" without a parent script`)
+      }
+
+      const runningKey = parentMeta.id || parentMeta.path
+      if (runningKey && !this.kernel.api.running[runningKey]) {
+        return
+      }
+
+      let triggerScript = parentMeta.body
+      let triggerCwd = parentMeta.cwd
+      if (!triggerScript || !Array.isArray(triggerScript[action])) {
+        const resolved = await this.kernel.api.resolveScript(parentMeta.path)
+        triggerScript = resolved.script
+        if (!triggerCwd) {
+          triggerCwd = resolved.cwd
+        }
+      }
+
+      const triggerSteps = (triggerScript && Array.isArray(triggerScript[action])) ? triggerScript[action] : null
+      if (!triggerSteps || triggerSteps.length === 0) {
+        throw new Error(`missing or invalid attribute: ${action}`)
+      }
+
+      const request = {
+        id: parentMeta.id,
+        uri: parentMeta.uri,
+        path: parentMeta.path,
+        git: parentMeta.git,
+        cwd: triggerCwd || parentMeta.cwd,
+        origin: parentMeta.origin,
+        caller: parentMeta.caller,
+        client: parentMeta.client,
+        action
+      }
+      const input = {
+        event: eventMatch,
+        trigger: action
+      }
+
+      this.kernel.api.queue(
+        request,
+        triggerSteps[0],
+        input,
+        0,
+        triggerSteps.length,
+        triggerCwd || parentMeta.cwd,
+        parentMeta.args
+      )
+    }
 
     const plannedShell = params.shell || (this.kernel.platform === 'win32' ? 'cmd.exe' : 'bash')
     await this.ensureBracketedPasteSupport(plannedShell)
@@ -193,6 +247,10 @@ class Shells {
 
     let m
     let matched_index
+    const onceHandlers = new Set()
+    const handlerLastMatchEnd = new Map()
+    let liveEventBuffer = ""
+    let liveEventOffset = 0
 
     // if error doesn't exist, add default "error:" event
     if (!params.on) {
@@ -224,6 +282,8 @@ class Shells {
               event: <regex>,
               done: true|false,
               kill: true|false,
+              trigger: <alternate script action>,
+              once: true|false,
               debug: true|false,
               notify: {
                 title,
@@ -236,9 +296,20 @@ class Shells {
         }
       */
       try {
+        const rawChunk = typeof stream.raw === "string"
+          ? stream.raw.replaceAll(/[\r\n]/g, "")
+          : ""
+        if (rawChunk.length > 0) {
+          liveEventBuffer = (liveEventBuffer + rawChunk).slice(-300)
+          liveEventOffset += rawChunk.length
+        }
+        const liveEventBufferStart = Math.max(0, liveEventOffset - liveEventBuffer.length)
         if (params.on && Array.isArray(params.on)) {
           for(let i=0; i<params.on.length; i++) {
             let handler = params.on[i]
+            if (handler.once && onceHandlers.has(i)) {
+              continue
+            }
             // regexify
             //let matches = /^\/([^\/]+)\/([dgimsuy]*)$/.exec(handler.event)
             if (handler.event) {
@@ -251,6 +322,9 @@ class Shells {
                 let re = new RegExp(matches[1], matches[2])
                 let test = re.exec(sh.monitor)
                 if (test && test.length > 0) {
+                  if (handler.once) {
+                    onceHandlers.add(i)
+                  }
                   // reset monitor
                   sh.monitor = ""
                   let params = this.kernel.template.render(handler.notify, { event: test })
@@ -265,20 +339,35 @@ class Shells {
                   matches[2] += "g"   // if g option is not included, include it (need it for matchAll)
                 }
                 let re = new RegExp(matches[1], matches[2])
-                if (stream.cleaned) {
-                  let line = stream.cleaned.replaceAll(/[\r\n]/g, "")
-                  let rendered_event = [...line.matchAll(re)]
+                if (liveEventBuffer.length > 0) {
+                  const lastHandledEnd = handlerLastMatchEnd.get(i) || 0
+                  let rendered_event = [...liveEventBuffer.matchAll(re)].filter((match) => {
+                    const absoluteEnd = liveEventBufferStart + match.index + match[0].length
+                    return absoluteEnd > lastHandledEnd
+                  })
                   // 3. if the rendered expression is truthy, run the "run" script
                   if (rendered_event.length > 0) {
+                    if (handler.once) {
+                      onceHandlers.add(i)
+                    }
+                    const lastMatch = rendered_event[rendered_event.length - 1]
+                    handlerLastMatchEnd.set(i, liveEventBufferStart + lastMatch.index + lastMatch[0].length)
                     stream.matches = rendered_event
+                    m = rendered_event[0]
+                    matched_index = i
+                    if (typeof handler.trigger === "string" && handler.trigger.trim()) {
+                      const triggerAction = handler.trigger.trim()
+                      queueTriggerAction(triggerAction, rendered_event[0]).catch((e) => {
+                        console.log("Trigger error", e)
+                        if (ondata) {
+                          ondata({ raw: (e && e.stack) ? e.stack : String(e) })
+                        }
+                      })
+                    }
                     if (handler.kill) {
-                      m = rendered_event[0]
-                      matched_index = i
                       sh.kill()
                     }
                     if (handler.done) {
-                      m = rendered_event[0]
-                      matched_index = i
                       sh.continue()
                     }
                   }

package/package.json

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

package/server/index.js

@@ -3714,7 +3714,7 @@ class Server {
           let relpath = path.relative(this.kernel.homedir, fullpath)
           if (relpath.startsWith("api")) {
             // api script
-            if (this.kernel.api.running[fullpath]) {
+            if (this.kernel.status(fullpath)) {
               menuitem.running = true
             }
           } else {

package/server/public/style.css

@@ -3086,28 +3086,6 @@ aside .qr {
   .app-icon {
     display: block;
   }
-  header .runner {
-    gap: 6px;
-  }
-  header .runner .btn {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 2px;
-    padding: 6px 8px;
-    font-size: 10px;
-    line-height: 1.1;
-    text-align: center;
-  }
-  header .runner .btn span {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 2px;
-  }
-  header .runner .btn i {
-    font-size: 14px;
-  }
   aside .tab.submenu {
     padding: 10px;
   }

package/server/views/app.ejs

@@ -4325,6 +4325,11 @@ body.dark .snapshot-footer-input input {
 .snapshot-footer-input input::placeholder {
   opacity: 0.7;
 }
+.mobile-bottom-nav,
+.mobile-sheet-actions,
+.mobile-menu-fallback {
+  display: none;
+}
 header.navheader h1 {
   position: relative;
 }
@@ -4348,7 +4353,20 @@ header.navheader .mode-selector .community-mode-toggle {
 }
 @media only screen and (max-width: 768px) {
   :root {
-    --mobile-bottom-bar-height: 56px;
+    --mobile-bottom-bar-height: calc(33px + env(safe-area-inset-bottom));
+  }
+  header.navheader {
+    position: fixed !important;
+    left: -10000px !important;
+    top: 0 !important;
+    width: auto !important;
+    min-width: 0 !important;
+    max-width: none !important;
+    opacity: 0 !important;
+    pointer-events: none !important;
+  }
+  header.navheader .mode-selector {
+    display: none !important;
   }
   body:not(.mobile-menu-open) .appcanvas > aside {
     display: none;
@@ -4356,82 +4374,119 @@ header.navheader .mode-selector .community-mode-toggle {
   body:not(.mobile-menu-open) .appcanvas-resizer {
     display: none;
   }
-  header.navheader .mode-selector .community-mode-toggle {
-    display: flex;
-  }
-  #menu-mobile {
-    display: flex;
-  }
   body.mobile-menu-open #menu-mobile-close {
     display: inline-flex;
   }
   body.mobile-menu-open #layout-toggle {
     display: none;
   }
-  body.mobile-menu-open header.navheader h1 > :not(.mode-selector) {
-    display: none !important;
+  .browserview-shell {
+    box-sizing: border-box;
   }
-  header.navheader .mode-selector {
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: auto;
-    transform: none;
-    margin: 0;
-    padding: 6px 10px calc(6px + env(safe-area-inset-bottom)) 10px;
-    border-radius: 0;
-    border-top: 1px solid rgba(0,0,0,0.08);
-    background: rgba(255,255,255,0.95);
-    flex-direction: row;
+  .mobile-bottom-nav {
+    position: relative;
+    display: flex;
+    flex: 0 0 auto;
     align-items: center;
-    justify-content: space-around;
-    flex-wrap: nowrap;
-    gap: 6px;
-    z-index: 10000000;
-    box-shadow: 0 -6px 18px rgba(15, 23, 42, 0.08);
+    gap: 3px;
+    width: 100%;
+    min-height: 32px;
+    padding: 0 4px env(safe-area-inset-bottom) 4px;
+    border-top: 1px solid rgba(0,0,0,0.08);
+    background: rgba(255,255,255,0.96);
+    backdrop-filter: blur(20px);
+    z-index: 10000002;
+    box-sizing: border-box;
   }
-  body.dark header.navheader .mode-selector {
+  body.dark .mobile-bottom-nav {
     background: rgba(15, 17, 21, 0.96);
     border-top-color: rgba(255,255,255,0.08);
-    box-shadow: 0 -6px 18px rgba(2, 6, 20, 0.45);
   }
-  header.navheader .mode-selector .btn2 {
-    color: #6b7280;
-    background: transparent;
-    border-radius: 0;
-    flex-direction: column;
+  .mobile-bottom-nav__button {
+    flex: 0 0 28px;
+    min-width: 28px;
+    max-width: 28px;
+    min-height: 28px;
+    display: flex;
     align-items: center;
     justify-content: center;
-    gap: 2px;
-    padding: 6px 0;
-    position: relative;
-    width: auto;
-    max-width: none;
+    gap: 0;
+    padding: 0;
+    border-radius: 7px;
+    background: transparent;
+    color: #64748b;
+    text-decoration: none;
   }
-  body.dark header.navheader .mode-selector .btn2 {
-    color: rgba(148, 163, 184, 0.9);
+  .mobile-bottom-nav__button i {
+    font-size: 14px;
   }
-  header.navheader .mode-selector .btn2.selected {
+  .mobile-bottom-nav__button.selected {
+    background: rgba(10, 132, 255, 0.12);
     color: #0a84ff;
-    background: transparent;
-    font-weight: 600;
   }
-  body.dark header.navheader .mode-selector .btn2.selected {
-    color: #0a84ff;
+  body.dark .mobile-bottom-nav__button {
+    color: rgba(148, 163, 184, 0.9);
   }
-  header.navheader .mode-selector .btn2 {
-    flex: 1 1 0;
-    min-width: 0;
+  body.dark .mobile-bottom-nav__button.selected {
+    background: rgba(10, 132, 255, 0.18);
+    color: #63a9ff;
   }
-  header.navheader .mode-selector .btn2 .caption {
+  .mobile-bottom-nav__logo {
+    width: 25px;
+    height: 25px;
+    object-fit: contain;
     display: block;
+  }
+  .mobile-bottom-nav__modes {
+    flex: 1 1 auto;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    gap: 0;
+    min-height: 26px;
+    padding: 0;
+    border-radius: 8px;
+    border: 1px solid rgba(0,0,0,0.08);
+    background: rgba(15, 23, 42, 0.06);
+  }
+  body.dark .mobile-bottom-nav__modes {
+    border-color: rgba(255,255,255,0.08);
+    background: rgba(255,255,255,0.06);
+  }
+  .mobile-mode-segment {
+    flex: 1 1 0;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 24px;
+    padding: 0 4px;
+    border-radius: 7px;
+    color: #475569;
+    text-decoration: none;
     font-size: 10px;
+    font-weight: 700;
     line-height: 1;
+    text-align: center;
+    white-space: nowrap;
   }
-  .browserview-shell {
-    padding-bottom: var(--mobile-bottom-bar-height);
-    box-sizing: border-box;
+  .mobile-mode-segment.selected {
+    background: #111827;
+    color: #fff;
+  }
+  body.dark .mobile-mode-segment {
+    color: rgba(226, 232, 240, 0.88);
+  }
+  body.dark .mobile-mode-segment.selected {
+    background: #fff;
+    color: #0f1115;
+  }
+  .appcanvas.community-mode .mobile-bottom-nav .mobile-mode-segment.selected {
+    background: transparent;
+    color: #475569;
+  }
+  body.dark .appcanvas.community-mode .mobile-bottom-nav .mobile-mode-segment.selected {
+    color: rgba(226, 232, 240, 0.88);
   }
   body.mobile-menu-open .appcanvas > aside {
     display: flex;
@@ -4484,6 +4539,76 @@ header.navheader .mode-selector .community-mode-toggle {
     gap: 8px;
     width: 100%;
   }
+  body.mobile-menu-open .appcanvas > aside .mobile-sheet-actions {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+    overflow-x: auto;
+    overflow-y: hidden;
+    padding-bottom: 2px;
+    scrollbar-width: none;
+  }
+  body.mobile-menu-open .appcanvas > aside .mobile-sheet-actions::-webkit-scrollbar,
+  body.mobile-menu-open .mobile-menu-fallback .mobile-sheet-actions::-webkit-scrollbar {
+    display: none;
+  }
+  body.mobile-menu-open .appcanvas > aside .mobile-sheet-action,
+  body.mobile-menu-open .mobile-menu-fallback .mobile-sheet-action {
+    flex: 0 0 auto;
+    width: 40px;
+    height: 40px;
+    min-width: 40px;
+    min-height: 40px;
+    padding: 0;
+    border-radius: 12px;
+    border: 1px solid rgba(0,0,0,0.06);
+    background: #fff;
+    color: #0f172a;
+    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
+    box-sizing: border-box;
+    text-decoration: none;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+  body.dark.mobile-menu-open .appcanvas > aside .mobile-sheet-action,
+  body.dark.mobile-menu-open .mobile-menu-fallback .mobile-sheet-action {
+    background: rgba(15, 17, 21, 0.82);
+    border-color: rgba(255,255,255,0.08);
+    color: rgba(226, 232, 240, 0.92);
+    box-shadow: 0 1px 2px rgba(2, 6, 20, 0.4);
+  }
+  body.mobile-menu-open .appcanvas > aside .mobile-sheet-action i,
+  body.mobile-menu-open .mobile-menu-fallback .mobile-sheet-action i {
+    font-size: 15px;
+  }
+  body.mobile-menu-open .appcanvas > aside .mobile-sheet-action span,
+  body.mobile-menu-open .mobile-menu-fallback .mobile-sheet-action span {
+    display: none;
+  }
+  body.mobile-menu-open .appcanvas > aside .menu-scroller .mobile-sheet-action,
+  body.mobile-menu-open .mobile-menu-fallback .mobile-sheet-action {
+    width: 40px !important;
+    height: 40px !important;
+    min-width: 40px !important;
+    min-height: 40px !important;
+    padding: 0 !important;
+    border-radius: 12px !important;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0;
+  }
+  body.mobile-menu-open[data-view='files'] .mobile-menu-fallback .mobile-sheet-actions {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+    overflow-x: auto;
+    overflow-y: hidden;
+    padding-bottom: 2px;
+  }
   body.mobile-menu-open .appcanvas > aside .menu-scroller .btn:not(.btn2),
   body.mobile-menu-open .appcanvas > aside .menu-actions .btn:not(.btn2) {
     max-width: none;
@@ -4518,20 +4643,42 @@ header.navheader .mode-selector .community-mode-toggle {
     font-size: 15px;
   }
   body.mobile-menu-open .appcanvas > aside .menu-actions {
+    display: none;
+  }
+  .mobile-menu-fallback {
+    display: none;
+  }
+  body.mobile-menu-open[data-view='files'] .mobile-menu-fallback {
+    display: flex;
+    position: fixed;
+    inset: 0;
+    bottom: var(--mobile-bottom-bar-height);
+    z-index: 10000001;
     flex-direction: column;
-    align-items: stretch;
-    border-left: 0;
-    border-top: 1px solid rgba(0,0,0,0.08);
-    margin-top: auto;
-    width: 100%;
-    padding: 0 12px calc(12px + env(safe-area-inset-bottom));
-    background: transparent;
-    box-sizing: border-box;
-    gap: 12px;
+    background: #f2f2f7;
   }
-  body.dark.mobile-menu-open .appcanvas > aside .menu-actions {
-    border-top-color: rgba(255,255,255,0.08);
-    background: transparent;
+  body.dark.mobile-menu-open[data-view='files'] .mobile-menu-fallback {
+    background: #0f1115;
+  }
+  .mobile-menu-fallback__header {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 12px;
+    font-size: 15px;
+    font-weight: 700;
+  }
+  .mobile-menu-fallback__logo {
+    width: 22px;
+    height: 22px;
+    object-fit: contain;
+    display: block;
+  }
+  .mobile-menu-fallback__body {
+    flex: 1 1 auto;
+    overflow-y: auto;
+    padding: 0 12px 16px;
+    box-sizing: border-box;
   }
   body.mobile-menu-open .appcanvas .container {
     display: none;
@@ -4629,7 +4776,7 @@ header.navheader .mode-selector .community-mode-toggle {
 })()
 </script>
 </head>
-<body class='<%=theme%>' data-platform="<%=platform%>" data-agent="<%=agent%>">
+<body class='<%=theme%>' data-platform="<%=platform%>" data-agent="<%=agent%>" data-view="<%=type%>">
 <header class='navheader grabbable'>
 <h1>
 <a class='home' href="/home">
@@ -4700,6 +4847,32 @@ header.navheader .mode-selector .community-mode-toggle {
           <% } %>
         </div>
         <span class="disk-usage tab-metric__value" data-path="/" data-filepath="<%=path%>">--</span>
+        <div class='mobile-sheet-actions' aria-label="Workspace actions">
+          <a class='btn mobile-sheet-action' href="/home" aria-label="Home" title="Home">
+            <i class="fa-solid fa-house"></i>
+          </a>
+          <button type='button' class='btn mobile-sheet-action' data-mobile-proxy="#refresh-page" data-mobile-close-menu="true" aria-label="Refresh" title="Refresh">
+            <i class="fa-solid fa-rotate-right"></i>
+          </button>
+          <button type='button' class='btn mobile-sheet-action' data-mobile-proxy="#back" data-mobile-close-menu="true" aria-label="Back" title="Back">
+            <i class="fa-solid fa-chevron-left"></i>
+          </button>
+          <button type='button' class='btn mobile-sheet-action' data-mobile-proxy="#forward" data-mobile-close-menu="true" aria-label="Forward" title="Forward">
+            <i class="fa-solid fa-chevron-right"></i>
+          </button>
+          <a class='btn mobile-sheet-action' href="/columns" aria-label="2 Columns" title="2 Columns">
+            <i class="fa-solid fa-table-columns"></i>
+          </a>
+          <a class='btn mobile-sheet-action' href="/rows" aria-label="2 Rows" title="2 Rows">
+            <i class="fa-solid fa-table-columns fa-rotate-270"></i>
+          </a>
+          <button type='button' class='btn mobile-sheet-action' data-mobile-proxy="#new-window" data-mobile-close-menu="true" aria-label="New Window" title="New Window">
+            <i class="fa-solid fa-plus"></i>
+          </button>
+          <button type='button' class='btn mobile-sheet-action mobile-close-window-action hidden' data-mobile-proxy="#close-window" data-mobile-close-menu="true" aria-label="Close Section" title="Close Section">
+            <i class="fa-solid fa-xmark"></i>
+          </button>
+        </div>
         <div class='m n system' data-type="n">
           <%if (type==='browse') { %>
             <a id='devtab' data-mode="refresh" target="<%=dev_link%>" href="<%=dev_link%>" class="btn frame-link selected" data-index="10">
@@ -5022,6 +5195,63 @@ header.navheader .mode-selector .community-mode-toggle {
       </div>
     <% } %>
   </div>
+  <nav class='mobile-bottom-nav' aria-label="Mobile navigation">
+    <button type='button' class='btn2 mobile-bottom-nav__button mobile-nav-menu' data-mobile-proxy="#menu-mobile" aria-expanded="false" aria-label="Open Pinokio menu">
+      <img class='mobile-bottom-nav__logo' src="/pinokio-black.png" alt="" aria-hidden="true">
+    </button>
+    <div class='mobile-bottom-nav__modes' role="tablist" aria-label="Workspace mode">
+      <a class="mobile-mode-segment <%=type === 'run' ? 'selected' : ''%>" href="<%=run_tab%>" role="tab" data-mobile-mode="run" aria-selected="<%=type === 'run' ? 'true' : 'false'%>">Run</a>
+      <a class="mobile-mode-segment <%=type === 'browse' ? 'selected' : ''%>" href="<%=dev_tab%>" role="tab" data-mobile-mode="browse" aria-selected="<%=type === 'browse' ? 'true' : 'false'%>">Dev</a>
+      <a class="mobile-mode-segment <%=type === 'files' ? 'selected' : ''%>" href="<%=files_tab%>" role="tab" data-mobile-mode="files" aria-selected="<%=type === 'files' ? 'true' : 'false'%>">Files</a>
+    </div>
+    <% if (registryEnabled) { %>
+    <button type='button' class='btn2 mobile-bottom-nav__button mobile-nav-community' data-mobile-proxy="#community-mode-toggle" data-mobile-close-menu="true" aria-pressed="false" aria-label="Community">
+      <i class="fa-solid fa-globe"></i>
+    </button>
+    <% } %>
+    <% if (type === 'run') { %>
+    <button type='button' class='btn2 mobile-bottom-nav__button mobile-nav-ask-ai' data-mobile-proxy="#ask-ai-tab" data-mobile-close-menu="true" aria-pressed="false" aria-label="Ask AI">
+      <i class="fa-solid fa-robot"></i>
+    </button>
+    <% } %>
+  </nav>
+</div>
+<div class='mobile-menu-fallback' aria-hidden="true">
+  <div class='mobile-menu-fallback__header'>
+    <button type='button' class='btn2' data-mobile-proxy="#menu-mobile" aria-label="Close menu">
+      <i class="fa-solid fa-chevron-left"></i>
+    </button>
+    <img class='mobile-menu-fallback__logo' src="/pinokio-black.png" alt="" aria-hidden="true">
+    <div>Pinokio</div>
+  </div>
+  <div class='mobile-menu-fallback__body'>
+    <div class='mobile-sheet-actions' aria-label="Workspace actions">
+      <a class='btn mobile-sheet-action' href="/home" aria-label="Home" title="Home">
+        <i class="fa-solid fa-house"></i>
+      </a>
+      <button type='button' class='btn mobile-sheet-action' data-mobile-proxy="#refresh-page" data-mobile-close-menu="true" aria-label="Refresh" title="Refresh">
+        <i class="fa-solid fa-rotate-right"></i>
+      </button>
+      <button type='button' class='btn mobile-sheet-action' data-mobile-proxy="#back" data-mobile-close-menu="true" aria-label="Back" title="Back">
+        <i class="fa-solid fa-chevron-left"></i>
+      </button>
+      <button type='button' class='btn mobile-sheet-action' data-mobile-proxy="#forward" data-mobile-close-menu="true" aria-label="Forward" title="Forward">
+        <i class="fa-solid fa-chevron-right"></i>
+      </button>
+      <a class='btn mobile-sheet-action' href="/columns" aria-label="2 Columns" title="2 Columns">
+        <i class="fa-solid fa-table-columns"></i>
+      </a>
+      <a class='btn mobile-sheet-action' href="/rows" aria-label="2 Rows" title="2 Rows">
+        <i class="fa-solid fa-table-columns fa-rotate-270"></i>
+      </a>
+      <button type='button' class='btn mobile-sheet-action' data-mobile-proxy="#new-window" data-mobile-close-menu="true" aria-label="New Window" title="New Window">
+        <i class="fa-solid fa-plus"></i>
+      </button>
+      <button type='button' class='btn mobile-sheet-action mobile-close-window-action hidden' data-mobile-proxy="#close-window" data-mobile-close-menu="true" aria-label="Close Section" title="Close Section">
+        <i class="fa-solid fa-xmark"></i>
+      </button>
+    </div>
+  </div>
 </div>
   <script>
   let started_script
@@ -5186,6 +5416,20 @@ header.navheader .mode-selector .community-mode-toggle {
     }
     return `${base}:url`
   }
+  const forceDefaultSelectionStorageKey = () => {
+    const base = frameContextKey()
+    if (!base) {
+      const pagePath = (() => {
+        try {
+          return window.location?.pathname || ""
+        } catch (_) {
+          return ""
+        }
+      })()
+      return `__pinokio_force_default_selection__:${pagePath}`
+    }
+    return `${base}:force-default-selection`
+  }
   const SELECTION_SELECTOR_ATTRS = [
     'target',
     'data-target-full',
@@ -5253,6 +5497,52 @@ header.navheader .mode-selector .community-mode-toggle {
       storage.setItem(key, JSON.stringify(payload))
     } catch (_) {}
   }
+  const clearPersistedFrameLinkSelection = () => {
+    const storage = getWindowStorage()
+    if (!storage) {
+      return
+    }
+    try {
+      const key = selectionStorageKey()
+      if (key) {
+        storage.removeItem(key)
+      }
+    } catch (_) {}
+    try {
+      const urlKey = selectionUrlStorageKey()
+      if (urlKey) {
+        storage.removeItem(urlKey)
+      }
+    } catch (_) {}
+  }
+  const markForceDefaultSelection = () => {
+    const storage = getWindowStorage()
+    const key = forceDefaultSelectionStorageKey()
+    if (!storage || !key) {
+      return
+    }
+    try {
+      storage.setItem(key, "1")
+    } catch (_) {}
+  }
+  const consumeForceDefaultSelection = () => {
+    const storage = getWindowStorage()
+    const key = forceDefaultSelectionStorageKey()
+    if (!storage || !key) {
+      return false
+    }
+    try {
+      const value = storage.getItem(key)
+      if (value !== "1") {
+        return false
+      }
+      storage.removeItem(key)
+      return true
+    } catch (_) {
+      return false
+    }
+  }
+  let forceDefaultSelection = consumeForceDefaultSelection()
   const restorePersistedFrameLink = (providedPayload = null) => {
     const storage = getWindowStorage()
     const key = selectionStorageKey()
@@ -6053,14 +6343,14 @@ const rerenderMenuSection = (container, html) => {
       persistedSelectionRaw = null
     }
     const originalHasPersistedSelection = Boolean(persistedSelectionPayload)
-    const skipPersistedSelection = ignorePersistedSelection
+    const triggeredByUser = Boolean(eventParam || explicitTarget)
+    const followCurrentDefault = forceDefaultSelection && !triggeredByUser
+    const skipPersistedSelection = ignorePersistedSelection || followCurrentDefault
     let hasPersistedSelection = skipPersistedSelection ? false : originalHasPersistedSelection
     if (skipPersistedSelection) {
       persistedSelectionRaw = null
       persistedSelectionPayload = null
     }
-
-    const triggeredByUser = Boolean(eventParam || explicitTarget)
     let resolvedByGlobalSelector = false
 
     let target = explicitTarget
@@ -6109,6 +6399,13 @@ const rerenderMenuSection = (container, html) => {
       }
     }
 
+    if (!target && followCurrentDefault) {
+      const defaultSelection = getDefaultSelection()
+      if (defaultSelection) {
+        target = defaultSelection
+      }
+    }
+
     const devTab = document.querySelector('#devtab.frame-link')
     if (!triggeredByUser && !resolvedByGlobalSelector && !target && devRouteActive && devTab) {
       const defaultCandidate = getDefaultSelection()
@@ -6197,7 +6494,12 @@ const rerenderMenuSection = (container, html) => {
     if (skipPersistedSelection && target.hasAttribute('data-default')) {
       ignorePersistedSelection = false
     }
-    persistFrameLinkSelection(target)
+    if (forceDefaultSelection && triggeredByUser) {
+      forceDefaultSelection = false
+    }
+    if (!followCurrentDefault) {
+      persistFrameLinkSelection(target)
+    }
 
     // save target.href
     <% if (type !== "run") { %>
@@ -6515,22 +6817,62 @@ const rerenderMenuSection = (container, html) => {
 
   const mobileMenuQuery = window.matchMedia ? window.matchMedia("(max-width: 768px)") : null
   const isMobileMenuOpen = () => document.body.classList.contains("mobile-menu-open")
+  const appcanvas = document.querySelector(".appcanvas")
+  const closeWindowButton = document.querySelector("#close-window")
+  const syncMobileBottomNavState = () => {
+    const mobileMenuOpen = isMobileMenuOpen()
+    const communityModeActive = !!(appcanvas && appcanvas.classList.contains("community-mode"))
+    const askAiOpen = !!(appcanvas && appcanvas.classList.contains("panel-open"))
+    const mobileMenuFallback = document.querySelector(".mobile-menu-fallback")
+    const currentView = document.body.getAttribute("data-view")
+    const closeSectionVisible = !!(closeWindowButton && !closeWindowButton.classList.contains("hidden"))
+
+    document.querySelectorAll(".mobile-nav-menu").forEach((button) => {
+      button.classList.toggle("selected", mobileMenuOpen)
+      button.setAttribute("aria-expanded", mobileMenuOpen ? "true" : "false")
+    })
+    document.querySelectorAll(".mobile-nav-community").forEach((button) => {
+      button.classList.toggle("selected", communityModeActive)
+      button.setAttribute("aria-pressed", communityModeActive ? "true" : "false")
+    })
+    document.querySelectorAll(".mobile-nav-ask-ai").forEach((button) => {
+      button.classList.toggle("selected", askAiOpen)
+      button.setAttribute("aria-pressed", askAiOpen ? "true" : "false")
+    })
+    document.querySelectorAll(".mobile-mode-segment").forEach((segment) => {
+      const segmentMode = segment.getAttribute("data-mobile-mode")
+      const active = !communityModeActive && segmentMode === currentView
+      segment.classList.toggle("selected", active)
+      segment.setAttribute("aria-selected", active ? "true" : "false")
+    })
+    document.querySelectorAll(".mobile-close-window-action").forEach((button) => {
+      button.classList.toggle("hidden", !closeSectionVisible)
+      button.setAttribute("aria-hidden", closeSectionVisible ? "false" : "true")
+    })
+    if (mobileMenuFallback) {
+      const showFallback = mobileMenuOpen && document.body.getAttribute("data-view") === "files"
+      mobileMenuFallback.setAttribute("aria-hidden", showFallback ? "false" : "true")
+    }
+  }
   const setMobileMenuOpen = (next, options = {}) => {
     const shouldOpen = !!next
     if (!mobileMenuQuery || !mobileMenuQuery.matches) {
       document.body.classList.remove("mobile-menu-open")
+      syncMobileBottomNavState()
       return
     }
     document.body.classList.toggle("mobile-menu-open", shouldOpen)
     if (shouldOpen && !options.skipRefresh) {
       refresh(false, { nodelay: true })
     }
+    syncMobileBottomNavState()
   }
 
   const handleMobileMenuQueryChange = () => {
     if (!mobileMenuQuery || !mobileMenuQuery.matches) {
       document.body.classList.remove("mobile-menu-open")
     }
+    syncMobileBottomNavState()
   }
   if (mobileMenuQuery && typeof mobileMenuQuery.addEventListener === "function") {
     mobileMenuQuery.addEventListener("change", handleMobileMenuQueryChange)
@@ -6553,6 +6895,43 @@ const rerenderMenuSection = (container, html) => {
       setMobileMenuOpen(false, { skipRefresh: true })
     })
   }
+  document.querySelectorAll("[data-mobile-proxy]").forEach((trigger) => {
+    trigger.addEventListener("click", (event) => {
+      const selector = trigger.getAttribute("data-mobile-proxy")
+      if (!selector) {
+        return
+      }
+      const target = document.querySelector(selector)
+      if (!target) {
+        return
+      }
+      event.preventDefault()
+      if (trigger.getAttribute("data-mobile-close-menu") === "true" && isMobileMenuOpen()) {
+        setMobileMenuOpen(false, { skipRefresh: true })
+      }
+      target.click()
+      setTimeout(syncMobileBottomNavState, 0)
+    })
+  })
+  if (appcanvas && typeof MutationObserver === "function") {
+    const mobileNavObserver = new MutationObserver(() => {
+      syncMobileBottomNavState()
+    })
+    mobileNavObserver.observe(appcanvas, {
+      attributes: true,
+      attributeFilter: ["class"]
+    })
+  }
+  if (closeWindowButton && typeof MutationObserver === "function") {
+    const closeWindowObserver = new MutationObserver(() => {
+      syncMobileBottomNavState()
+    })
+    closeWindowObserver.observe(closeWindowButton, {
+      attributes: true,
+      attributeFilter: ["class"]
+    })
+  }
+  syncMobileBottomNavState()
   if (document.querySelector("#menu")) {
     document.querySelector("#menu").addEventListener("click", async (e) => {
       document.querySelector("aside").classList.toggle("hidden")
@@ -7631,6 +8010,13 @@ const rerenderMenuSection = (container, html) => {
             if (event.data.type === 'stream') {
               const frameName = resolveFrameName(null, event.source)
               updateTabTimestamp(frameName, Date.now())
+            } else if (event.data.type === 'restart') {
+              <% if (type === 'run') { %>
+              clearPersistedFrameLinkSelection()
+              markForceDefaultSelection()
+              window.location.reload()
+              <% } %>
+              return
             } else if (event.data.type === 'result') {
               refresh()
               refresh_du()

package/server/views/shell.ejs

@@ -856,6 +856,12 @@ document.addEventListener("DOMContentLoaded", async () => {
               }
               n.Noty(payload)
             }
+          } else if (packet.type === "restart") {
+            try {
+              if (window.parent && window.parent !== window && typeof window.parent.postMessage === "function") {
+                window.parent.postMessage(packet, "*")
+              }
+            } catch (_) {}
           } else if (packet.type === "result") {
 //            this.socket.close()
           } else if (packet.type === "info") {

package/server/views/terminal.ejs

@@ -1422,6 +1422,12 @@ document.addEventListener("DOMContentLoaded", async () => {
               }
               n.Noty(payload)
             }
+          } else if (packet.type === "restart") {
+            try {
+              if (window.parent && window.parent !== window && typeof window.parent.postMessage === "function") {
+                window.parent.postMessage(packet, "*")
+              }
+            } catch (_) {}
           } else if (packet.type === "result") {
             if (packet.id === "terminal.upload") {
               const uploaded = Array.isArray(packet.data && packet.data.files) ? packet.data.files : []