pinokiod 7.5.10 → 7.5.11

package/package.json

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

package/release_notes/8.0.0/ui.md

@@ -0,0 +1,91 @@
+# Pinokio 8.0.0 UI Updates
+
+This release brings Pinokio's main surfaces into a quieter, more consistent workspace: app discovery, app launch controls, logs, tools, plugins, skills, autolaunch, setup, and mobile navigation now share the same visual language and action patterns.
+
+The notes below are grouped by what users will notice, not by commit history. Screenshots were captured from the live local UI after comparing `de83785` to the current `HEAD`.
+
+## Cleaner App Discovery
+
+Pinokio's home screen now behaves more like a compact app manager. The sidebar is unified with the rest of the product, the app list is easier to scan, search and sort stay prominent, and each app row exposes quick actions without forcing users into the full app page first.
+
+![Home app list with unified sidebar](assets/home-sidebar-apps.png)
+
+The new action panel gives installed apps a focused command surface for common launch, install, update, reset, file, and dev actions. Related commands are grouped in one drawer, which reduces row clutter while keeping the next action close to the app.
+
+![Home app action panel](assets/home-app-actions.png)
+
+## App Workspace And Assistance
+
+App pages have been rebuilt around a more durable workspace shell. The page chrome, left command rail, right utility panels, app title area, status indicators, resource labels, and launch actions have been tightened so app-specific work feels connected to the rest of Pinokio.
+
+![App workspace chrome](assets/app-detail-header-actions.png)
+
+Ask AI now opens as an in-app assistance drawer with searchable terminal and desktop agents. Instead of a generic help entry point, users can choose from bundled agents such as Codex, Claude Code, Qwen Code, Antigravity, Cursor, VS Code, and desktop integrations directly inside the app context.
+
+![Ask AI agent drawer](assets/app-ask-ai-drawer.png)
+
+## Plugins, Agents, And Skills
+
+The Plugins page now separates terminal plugins from desktop plugins and shows install/manage affordances in a single list. This makes the new bundled native tools easier to understand: terminal agents launch inside Pinokio, while desktop tools launch externally.
+
+![Plugins and bundled agents](assets/plugins-agent-tools.png)
+
+Pinokio also has a new Skills management surface. Users can see where managed skills are stored, where they sync, whether each skill is valid, and whether it is currently enabled. The page also supports downloading skills from a Git URL.
+
+![Skills management](assets/skills-management.png)
+
+## Startup And Launch Requirements
+
+Autolaunch is now a first-class configuration page. Users can search installed apps, choose which launch script should run at startup, see how many apps are enabled, and toggle startup behavior without digging through app internals.
+
+![Autolaunch and launch script selection](assets/autolaunch-dependencies.png)
+
+Setup and requirements screens now present blocked routes as a clear checklist. When a destination such as Local network needs a package update, Pinokio shows what is installed, what needs attention, and the action required before continuing.
+
+![Network setup requirements](assets/network-phone-access.png)
+
+## Logs, Diagnostics, And Issue Reporting
+
+Logs have been redesigned around a file tree and live reader. Users can inspect logs from the machine, stream a selected file, clear the view, keep auto-scroll on, and generate a diagnostic zip from the same screen.
+
+![Logs file tree and live reader](assets/logs-terminal-reporting.png)
+
+Behind that surface, the issue-reporting flow is more capable: recent logs can be summarized, redacted, copied, handed to Ask AI, or prepared as a registry draft. Those states require an app failure or report context, so they are not shown in this static screenshot set.
+
+## Tools And Runtime Readiness
+
+The Tools page now groups package bundles with readiness counts, per-bundle install state, and package-level status. Users can see which runtime bundles are ready, which need installation, and which package manager modules are present without reading terminal output first.
+
+![Tools and package bundle readiness](assets/tools-runtime-management.png)
+
+## Login And Connected Services
+
+The Hugging Face login flow has been redesigned as a clear device-authorization page. It states the connection state, the credential provider, the reason to log in, and the next action without mixing auth details into unrelated setup UI.
+
+![Hugging Face login](assets/connect-huggingface-login.png)
+
+GitHub and git-related modals also received layout cleanup: modal tabs, footers, repository status controls, checkpoint rows, and history/diff areas were tightened so longer repository workflows fit better in the available space.
+
+## Mobile And Remote Access
+
+Mobile layouts now prioritize the app list and move primary navigation to a bottom bar. Search, sort, app cards, favorites, and action buttons remain reachable on a phone-width viewport without the desktop sidebar competing for space.
+
+![Mobile home and footer navigation](assets/mobile-home-footer-nav.png)
+
+Phone and LAN access also received targeted polish. QR and network access entry points are gated behind setup readiness, install terminals attach correctly over LAN, and the old mobile "Tap to connect" curtain has been replaced with a quieter first-interaction audio primer.
+
+## Smaller Visual Polish
+
+Several changes are intentionally broad but subtle:
+
+- Shared sidebar styling now covers home, app, tools, plugins, skills, logs, settings, setup, network, and auth pages.
+- App navigation is more responsive, especially where action labels previously wrapped or crowded the header.
+- Screenshot/capture modals, footer status indicators, popovers, tabs, and terminal controls use flatter, tighter styling.
+- Checkpoints rows, git history dialogs, network troubleshoot panels, and auth pages were normalized to match the newer page shell.
+- Hidden or unused toolbar buttons were removed from the visible chrome so users see fewer inactive controls.
+
+## Screenshot Coverage Notes
+
+Captured screenshots cover the major visible themes: home discovery, app actions, app workspace chrome, Ask AI, plugins, skills, autolaunch, setup requirements, logs, tools, connected-service login, and mobile navigation.
+
+Some UI states were not practical to screenshot without changing runtime state or forcing failures: failed-terminal fallback, report-draft creation, live dependency orchestration while an app is launching, completed peer-network routing, and git/checkpoint modal edge cases. Those changes are still included above because they are user-visible when the relevant workflow is active.

package/server/public/logs.js

@@ -505,7 +505,39 @@
       window.location.href = href
       return true
     }
-    dispatchAskAiLaunch(tool, prompt) {
+    createAskAiLaunchId() {
+      try {
+        if (window.crypto && typeof window.crypto.randomUUID === 'function') {
+          return window.crypto.randomUUID()
+        }
+      } catch (_) {}
+      return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`
+    }
+    waitForAskAiLaunchAck(launchId, timeoutMs = 1500) {
+      return new Promise((resolve) => {
+        let settled = false
+        let timer = null
+        const finish = (value) => {
+          if (settled) return
+          settled = true
+          if (timer) {
+            window.clearTimeout(timer)
+          }
+          window.removeEventListener('message', onMessage)
+          resolve(value)
+        }
+        const onMessage = (event) => {
+          const data = event && event.data && typeof event.data === 'object' ? event.data : null
+          if (!data || data.e !== 'pinokio:ask-ai-launch-result' || data.launchId !== launchId) {
+            return
+          }
+          finish(data.opened !== false)
+        }
+        window.addEventListener('message', onMessage)
+        timer = window.setTimeout(() => finish(false), timeoutMs)
+      })
+    }
+    async dispatchAskAiLaunch(tool, prompt) {
       const launchHref = this.buildAskAiLaunchHref(tool, prompt)
       if (!launchHref) {
         this.setStatus('Could not launch this plugin.', true)
@@ -531,11 +563,38 @@
           }
         } catch (_) {}
       }
+      try {
+        const parentDrawer = window.parent && window.parent !== window ? window.parent.PinokioAskAiDrawer : null
+        if (parentDrawer && typeof parentDrawer.openWithAgent === 'function') {
+          const opened = parentDrawer.openWithAgent(payload)
+          if (opened !== false) {
+            this.setStatus('Launching Ask AI…')
+            return true
+          }
+        } else if (parentDrawer && typeof parentDrawer.openWithUrl === 'function') {
+          const opened = parentDrawer.openWithUrl(launchHref, {
+            workspaceCwd: this.workspaceCwd,
+            prompt: payload.prompt
+          })
+          if (opened !== false) {
+            this.setStatus('Launching Ask AI…')
+            return true
+          }
+        }
+      } catch (_) {}
       try {
         if (window.parent && window.parent !== window && typeof window.parent.postMessage === 'function') {
+          const launchId = this.createAskAiLaunchId()
+          payload.launchId = launchId
+          const ack = this.waitForAskAiLaunchAck(launchId)
           window.parent.postMessage(payload, '*')
-          this.setStatus('Launching Ask AI…')
-          return true
+          const opened = await ack
+          if (opened) {
+            this.setStatus('Launching Ask AI…')
+            return true
+          }
+          this.setStatus('Could not confirm Ask AI launch.', true)
+          return false
         }
       } catch (_) {}
       window.location.href = launchHref
@@ -730,7 +789,7 @@
         }
         syncRunState()
       }
-      const run = () => {
+      const run = async () => {
         const prompt = String(promptTextarea.value || '').trim()
         const tool = this.selectedAskAiTool()
         if (!prompt) {
@@ -748,7 +807,7 @@
           close()
           return
         }
-        if (this.dispatchAskAiLaunch(tool, prompt)) {
+        if (await this.dispatchAskAiLaunch(tool, prompt)) {
           close()
         }
       }
@@ -867,6 +926,7 @@
       this.populateAskAiLauncherTools(tools)
       launcher.error.textContent = ''
       launcher.promptTextarea.value = ASK_AI_DEFAULT_PROMPT
+      launcher.syncRunState()
       launcher.setOpen(true)
     }
     formatGenerated(value) {

package/server/views/app.ejs

@@ -17093,7 +17093,16 @@ document.addEventListener("DOMContentLoaded", () => {
       return
     }
     if (messageType === "pinokio:ask-ai-launch") {
-      openWithAgent(event.data)
+      const opened = openWithAgent(event.data)
+      if (event.source && event.data.launchId) {
+        try {
+          event.source.postMessage({
+            e: "pinokio:ask-ai-launch-result",
+            launchId: event.data.launchId,
+            opened: opened !== false
+          }, event.origin && event.origin !== "null" ? event.origin : "*")
+        } catch (_) {}
+      }
     } else if (messageType === "pinokio:ask-ai-open-url") {
       openWithUrl(event.data.url, {
         workspaceCwd: typeof event.data.workspaceCwd === "string" ? event.data.workspaceCwd : ""

package/test/logs-ask-ai.test.js

@@ -0,0 +1,245 @@
+const assert = require("node:assert/strict")
+const fs = require("node:fs/promises")
+const path = require("node:path")
+const test = require("node:test")
+const { JSDOM, VirtualConsole } = require("jsdom")
+
+const root = path.resolve(__dirname, "..")
+const logsScriptPath = path.resolve(root, "server/public/logs.js")
+
+function jsonResponse(payload, status = 200) {
+  return {
+    ok: status >= 200 && status < 300,
+    status,
+    json: async () => payload,
+    text: async () => JSON.stringify(payload)
+  }
+}
+
+function createReportFixture() {
+  return {
+    app_id: "target",
+    title: "Target",
+    repo_url: "https://example.test/target.git",
+    generated_at: "2026-06-28T22:00:00.000Z",
+    markdown: "# Target report\n\nDetails",
+    sections: [{
+      file: "logs/api/run.js/latest",
+      source: "api",
+      script: "run.js",
+      lines: 1,
+      included_lines: 1,
+      bytes: 7,
+      content: "Details"
+    }]
+  }
+}
+
+function createPluginMenuFixture() {
+  return {
+    menu: [{
+      title: "OpenAI Codex Auto",
+      href: "/pinokio/run/plugin/codex-auto/pinokio.js",
+      image: "/pinokio/asset/plugin/codex-auto/openai.webp",
+      category: "cli",
+      categoryTitle: "Terminal Plugin",
+      pluginPath: "/pinokio/run/plugin/codex-auto/pinokio.js"
+    }]
+  }
+}
+
+function createLogsHtml(script) {
+  return `<!doctype html>
+    <html>
+      <body>
+        <section id="logs-root">
+          <button id="logs-copy-report" type="button">Copy</button>
+          <button id="logs-refresh-report" type="button">Refresh</button>
+          <button id="logs-ask-ai" type="button" disabled>Ask AI</button>
+          <button id="logs-create-draft" type="button" disabled>Ask Community</button>
+          <input id="logs-draft-title">
+          <span id="logs-draft-title-note"></span>
+          <button id="logs-run-filter" type="button">Run privacy filter</button>
+          <pre id="logs-report-output"></pre>
+          <div id="logs-report-status"></div>
+          <div id="logs-report-files"></div>
+          <div id="logs-report-generated"></div>
+          <div id="logs-report-sections"></div>
+          <div id="logs-draft-size-badge"></div>
+          <div id="logs-draft-meter-fill"></div>
+          <div id="logs-draft-status"></div>
+          <div id="logs-redaction-list"></div>
+          <div id="logs-redaction-filters"></div>
+          <div id="logs-redaction-count"></div>
+          <button id="logs-generate-archive" type="button">Generate zip</button>
+          <a id="logs-download-archive"></a>
+          <div id="logs-zip-status"></div>
+          <button id="logs-refresh-tree" type="button">Refresh tree</button>
+          <div id="logs-tree"></div>
+          <div id="logs-viewer-output"></div>
+          <div id="logs-viewer-status"></div>
+          <div id="logs-viewer-path"></div>
+          <button id="logs-clear-viewer" type="button">Clear</button>
+          <input id="logs-autoscroll" type="checkbox">
+          <button data-logs-view="latest" type="button">Latest</button>
+          <button data-logs-view="raw" type="button">Raw</button>
+          <section id="logs-latest-panel"></section>
+          <section id="logs-raw-panel"></section>
+        </section>
+        <script>
+          window.LOGS_PAGE_DATA = {
+            workspace: "target",
+            workspaceCwd: "/Users/x/pinokio/api/target",
+            reportUrl: "/apps/logs/target/report",
+            initialView: "latest"
+          };
+        </script>
+        <script>${script}</script>
+      </body>
+    </html>`
+}
+
+async function createLogsDom(options = {}) {
+  const script = await fs.readFile(logsScriptPath, "utf8")
+  const parentWindow = options.parentWindow || null
+  const virtualConsole = new VirtualConsole()
+  virtualConsole.on("jsdomError", (error) => {
+    throw error
+  })
+
+  const dom = new JSDOM(createLogsHtml(script), {
+    url: "http://127.0.0.1:42000/logs?workspace=target&embed=1&view=latest",
+    runScripts: "dangerously",
+    resources: "usable",
+    pretendToBeVisual: true,
+    virtualConsole,
+    beforeParse(window) {
+      window.matchMedia = () => ({ matches: false })
+      window.ResizeObserver = class {
+        observe() {}
+        disconnect() {}
+      }
+      window.fetch = async (url) => {
+        if (String(url).startsWith("/apps/logs/target/report")) {
+          return jsonResponse(createReportFixture())
+        }
+        if (String(url).startsWith("/api/plugin/menu")) {
+          return jsonResponse(createPluginMenuFixture())
+        }
+        if (String(url).startsWith("/api/logs/tree")) {
+          return jsonResponse({ entries: [] })
+        }
+        return jsonResponse({})
+      }
+      if (parentWindow) {
+        Object.defineProperty(window, "parent", {
+          configurable: true,
+          value: parentWindow
+        })
+      }
+    }
+  })
+
+  const { window } = dom
+  await new Promise((resolve) => window.addEventListener("DOMContentLoaded", resolve, { once: true }))
+  await waitFor(() => !window.document.getElementById("logs-ask-ai").disabled, "Ask AI button enabled")
+  return { dom }
+}
+
+async function waitFor(predicate, message = "condition") {
+  const deadline = Date.now() + 2000
+  while (Date.now() < deadline) {
+    if (predicate()) return
+    await new Promise((resolve) => setTimeout(resolve, 20))
+  }
+  assert.fail(`Timed out waiting for ${message}`)
+}
+
+test("log Ask AI modal enables Run after assigning the default prompt", async () => {
+  const { dom } = await createLogsDom()
+  const { window } = dom
+  const { document } = window
+
+  window.localStorage.setItem("pinokio.universalLauncher.tool", "pinokio/run/plugin/codex-auto")
+  document.getElementById("logs-ask-ai").click()
+
+  await waitFor(() => document.querySelector(".logs-ask-ai-launcher:not([hidden])"), "Ask AI modal")
+  const textarea = document.querySelector(".logs-ask-ai-launcher-textarea")
+  const select = document.querySelector(".logs-ask-ai-tool-select")
+  const runButton = document.querySelector(".logs-ask-ai-launcher .universal-launcher-button-primary")
+
+  assert.match(textarea.value, /Investigate what went wrong/)
+  assert.equal(select.selectedOptions[0].textContent, "OpenAI Codex Auto (Terminal)")
+  assert.equal(runButton.disabled, false)
+})
+
+test("log Ask AI launch calls a same-origin parent drawer before postMessage fallback", async () => {
+  const opened = []
+  const posted = []
+  const parentWindow = {
+    PinokioAskAiDrawer: {
+      openWithAgent(payload) {
+        opened.push(payload)
+        return true
+      }
+    },
+    postMessage(payload) {
+      posted.push(payload)
+    }
+  }
+  const { dom } = await createLogsDom({ parentWindow })
+  const { window } = dom
+  const { document } = window
+
+  window.localStorage.setItem("pinokio.universalLauncher.tool", "pinokio/run/plugin/codex-auto")
+  document.getElementById("logs-ask-ai").click()
+  await waitFor(() => {
+    const runButton = document.querySelector(".logs-ask-ai-launcher .universal-launcher-button-primary")
+    return runButton && runButton.disabled === false
+  }, "enabled Run button")
+
+  document.querySelector(".logs-ask-ai-launcher .universal-launcher-button-primary").click()
+
+  await waitFor(() => document.querySelector(".logs-ask-ai-launcher").hidden, "modal close after direct parent launch")
+  assert.equal(opened.length, 1)
+  assert.equal(posted.length, 0)
+  assert.equal(opened[0].agentHref.includes("/pinokio/run/plugin/codex-auto/pinokio.js"), true)
+  assert.equal(opened[0].agentHref.includes("prompt="), true)
+  assert.equal(document.querySelector(".logs-ask-ai-launcher").hidden, true)
+})
+
+test("log Ask AI launch waits for parent postMessage acknowledgement before closing", async () => {
+  let childWindow = null
+  const posted = []
+  const parentWindow = {
+    postMessage(payload) {
+      posted.push(payload)
+      childWindow.dispatchEvent(new childWindow.MessageEvent("message", {
+        data: {
+          e: "pinokio:ask-ai-launch-result",
+          launchId: payload.launchId,
+          opened: true
+        },
+        origin: "http://127.0.0.1:42000"
+      }))
+    }
+  }
+  const { dom } = await createLogsDom({ parentWindow })
+  childWindow = dom.window
+  const { window } = dom
+  const { document } = window
+
+  window.localStorage.setItem("pinokio.universalLauncher.tool", "pinokio/run/plugin/codex-auto")
+  document.getElementById("logs-ask-ai").click()
+  await waitFor(() => {
+    const runButton = document.querySelector(".logs-ask-ai-launcher .universal-launcher-button-primary")
+    return runButton && runButton.disabled === false
+  }, "enabled Run button")
+
+  document.querySelector(".logs-ask-ai-launcher .universal-launcher-button-primary").click()
+
+  await waitFor(() => document.querySelector(".logs-ask-ai-launcher").hidden, "modal close after acknowledged launch")
+  assert.equal(posted.length, 1)
+  assert.equal(Boolean(posted[0].launchId), true)
+  assert.equal(posted[0].agentHref.includes("/pinokio/run/plugin/codex-auto/pinokio.js"), true)
+})