pinokiod 6.0.50 → 6.0.51

package/kernel/api/fs/index.js

@@ -23,6 +23,30 @@ const log = (msgs, ondata) => {
   }
 }
 
+const formatBytes = (value) => {
+  const n = Number(value)
+  if (!Number.isFinite(n) || n < 0) return '?'
+  if (n === 0) return '0 B'
+  const units = ['B', 'KB', 'MB', 'GB', 'TB']
+  const i = Math.min(Math.floor(Math.log(n) / Math.log(1024)), units.length - 1)
+  const scaled = n / Math.pow(1024, i)
+  const precision = scaled >= 100 ? 0 : scaled >= 10 ? 1 : 2
+  return `${scaled.toFixed(precision)} ${units[i]}`
+}
+
+const formatProgressLine = (stats = {}) => {
+  const downloaded = formatBytes(stats.downloaded)
+  const speed = formatBytes(stats.speed)
+  const hasTotal = Number.isFinite(stats.total) && stats.total > 0
+  if (!hasTotal) {
+    return `[Download] ${downloaded} (${speed}/s)`
+  }
+  const total = formatBytes(stats.total)
+  const rawProgress = Number(stats.progress)
+  const progress = Number.isFinite(rawProgress) ? Math.max(0, Math.min(100, rawProgress)) : 0
+  return `[${progress.toFixed(1)}%] ${downloaded}/${total} (${speed}/s)`
+}
+
 class FS {
   async read(req, ondata, kernel) {
     /*
@@ -608,13 +632,8 @@ class FS {
           }
           case 'progress.throttled': {
             const stats = msg.stats || {}
-            const p = typeof stats.progress === 'number' ? Math.floor(stats.progress) : null
-            if (p !== null && p >= 0 && p <= 100) {
-              let bar = ''
-              for (let i = 0; i < p; i++) bar += '#'
-              for (let i = p; i < 100; i++) bar += '-'
-              ondata({ raw: `\r${bar}` })
-            }
+            const line = formatProgressLine(stats)
+            ondata({ raw: `\r\x1b[2K${line}` })
             break
           }
           case 'stall': {

package/package.json

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

package/server/lib/desktop_event_router.js

@@ -267,7 +267,7 @@ const resolveDesktopEventWorkspace = async (context = {}, kernel = null) => {
 const normalizeDesktopEventUi = (ui = {}) => {
   const normalized = {}
   const mode = typeof ui.mode === "string" ? ui.mode.trim() : ""
-  if (mode === "background" || mode === "sidebar" || mode === "overlay") {
+  if (mode === "background" || mode === "sidebar" || mode === "overlay" || mode === "bottom") {
     normalized.mode = mode
   } else {
     normalized.mode = "background"

package/server/views/app.ejs

@@ -494,12 +494,32 @@ body.dark .ask-ai-drawer {
 body.dark .ask-ai-resizer::before {
   background: rgba(255,255,255,0.18);
 }
-.appcanvas.ask-ai-open .ask-ai-resizer {
+.appcanvas.ask-ai-open .ask-ai-resizer,
+.appcanvas.event-drawer-open .ask-ai-resizer {
   display: flex;
 }
-.appcanvas.ask-ai-open .ask-ai-drawer {
+.appcanvas.ask-ai-open .ask-ai-drawer,
+.appcanvas.event-drawer-open .ask-ai-drawer,
+.appcanvas.event-bottom-open .ask-ai-drawer {
   display: flex;
 }
+.appcanvas.event-bottom-open .ask-ai-resizer {
+  display: none;
+}
+.appcanvas.event-bottom-open .browserview-shell {
+  flex-direction: column;
+}
+.appcanvas.event-bottom-open .ask-ai-drawer {
+  width: 100%;
+  min-width: 0;
+  height: var(--event-bottom-height, 280px);
+  max-height: min(60vh, 520px);
+  border-left: 0;
+  border-top: 1px solid rgba(0,0,0,0.08);
+}
+body.dark .appcanvas.event-bottom-open .ask-ai-drawer {
+  border-top-color: rgba(255,255,255,0.08);
+}
 .ask-ai-drawer-inner {
   display: flex;
   flex-direction: column;
@@ -4411,7 +4431,9 @@ header.navheader .mode-selector .community-mode-toggle {
   #community-toggle {
     display: none;
   }
-  .appcanvas.ask-ai-open .ask-ai-drawer {
+  .appcanvas.ask-ai-open .ask-ai-drawer,
+  .appcanvas.event-drawer-open .ask-ai-drawer,
+  .appcanvas.event-bottom-open .ask-ai-drawer {
     display: flex;
     position: fixed;
     inset: 0;
@@ -4421,10 +4443,14 @@ header.navheader .mode-selector .community-mode-toggle {
     border-left: 0;
     z-index: 10000000;
   }
-  .appcanvas.ask-ai-open .ask-ai-resizer {
+  .appcanvas.ask-ai-open .ask-ai-resizer,
+  .appcanvas.event-drawer-open .ask-ai-resizer,
+  .appcanvas.event-bottom-open .ask-ai-resizer {
     display: none;
   }
-  .appcanvas.ask-ai-open main.browserview {
+  .appcanvas.ask-ai-open main.browserview,
+  .appcanvas.event-drawer-open main.browserview,
+  .appcanvas.event-bottom-open main.browserview {
     display: none;
   }
   .appcanvas.community-open .community-drawer,
@@ -4757,8 +4783,8 @@ header.navheader .mode-selector .community-mode-toggle {
         <% } %>
       </main>
       <% if (type === 'run') { %>
-      <div class='ask-ai-resizer' id='ask-ai-resizer' role="separator" aria-orientation="vertical" aria-valuemin="240" aria-valuemax="9999" aria-valuenow="560" tabindex="0" aria-label="Resize Ask AI panel"></div>
-      <aside class='ask-ai-drawer' id='ask-ai-drawer' data-workspace="<%=name%>" data-workspace-cwd="<%=path%>">
+      <div class='ask-ai-resizer event-panel-resizer' id='ask-ai-resizer' role="separator" aria-orientation="vertical" aria-valuemin="240" aria-valuemax="9999" aria-valuenow="560" tabindex="0" aria-label="Resize panel"></div>
+      <aside class='ask-ai-drawer event-panel' id='ask-ai-drawer' data-workspace="<%=name%>" data-workspace-cwd="<%=path%>">
         <div class='ask-ai-drawer-inner'>
           <div class='ask-ai-drawer-bar'>
             <div class='ask-ai-drawer-title'>
@@ -4786,7 +4812,7 @@ header.navheader .mode-selector .community-mode-toggle {
               <div class='ask-ai-drawer-picker-list' role="list" aria-label="Ask AI agents"></div>
               <div class='ask-ai-drawer-picker-status muted'>Use the Ask AI button to load available agents.</div>
             </div>
-            <iframe class='ask-ai-frame hidden' title="Ask AI panel" allow="fullscreen *;" allowfullscreen></iframe>
+            <iframe class='ask-ai-frame event-panel-frame hidden' title="Panel" allow="fullscreen *;" allowfullscreen></iframe>
           </div>
         </div>
       </aside>
@@ -11385,6 +11411,8 @@ document.addEventListener("DOMContentLoaded", () => {
   let open = false
   let currentUrl = ""
   let askAiWidth = null
+  let drawerMode = "ask-ai"
+  let drawerPlacement = "sidebar"
   let pickerRequestId = 0
   let askAiTools = null
   let askAiToolsPromise = null
@@ -11418,9 +11446,27 @@ document.addEventListener("DOMContentLoaded", () => {
     if (frame) frame.classList.toggle("hidden", shouldShow)
   }
 
+  const applyDrawerOpenState = () => {
+    if (!appcanvas) {
+      return
+    }
+    appcanvas.classList.toggle("ask-ai-open", open && drawerMode === "ask-ai")
+    appcanvas.classList.toggle("event-drawer-open", open && drawerMode === "event" && drawerPlacement !== "bottom")
+    appcanvas.classList.toggle("event-bottom-open", open && drawerMode === "event" && drawerPlacement === "bottom")
+  }
+
   const setDrawerMode = (mode) => {
     const next = mode === "event" ? "event" : "ask-ai"
+    drawerMode = next
     drawer.classList.toggle("event-mode", next === "event")
+    applyDrawerOpenState()
+  }
+
+  const setDrawerPlacement = (placement) => {
+    const next = placement === "bottom" ? "bottom" : "sidebar"
+    drawerPlacement = next
+    drawer.classList.toggle("bottom-mode", next === "bottom")
+    applyDrawerOpenState()
   }
 
   const clampWidth = (value) => {
@@ -11474,9 +11520,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
   const setOpen = (next) => {
     open = !!next
-    if (appcanvas) {
-      appcanvas.classList.toggle("ask-ai-open", open)
-    }
+    applyDrawerOpenState()
     if (askAiTrigger) {
       askAiTrigger.classList.remove("hidden")
       askAiTrigger.setAttribute("aria-hidden", "false")
@@ -11744,7 +11788,9 @@ document.addEventListener("DOMContentLoaded", () => {
   const openWithUrl = (rawUrl, opts = {}) => {
     const workspaceCwd = opts && typeof opts.workspaceCwd === "string" ? opts.workspaceCwd : ""
     const mode = opts && opts.mode === "event" ? "event" : "ask-ai"
+    const requestedPlacement = opts && opts.placement === "bottom" ? "bottom" : "sidebar"
     setDrawerMode(mode)
+    setDrawerPlacement(mode === "event" ? requestedPlacement : "sidebar")
     const cliProvider = resolveAskAiCliProvider(rawUrl)
     if (cliProvider) {
       pickerRequestId += 1
@@ -11802,6 +11848,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
   const openPicker = (payload) => {
     setDrawerMode("ask-ai")
+    setDrawerPlacement("sidebar")
     const workspaceCwd = resolveWorkspaceCwd(payload)
     pickerRequestId += 1
     const requestId = pickerRequestId
@@ -11907,13 +11954,16 @@ document.addEventListener("DOMContentLoaded", () => {
     const ui = launch.ui && typeof launch.ui === "object" ? launch.ui : {}
     const mode = typeof ui.mode === "string" ? ui.mode : "background"
     if (mode === "background") {
-      const opened = openWithUrl(launchUrl, { mode: "event" })
+      const opened = openWithUrl(launchUrl, { mode: "event", placement: "sidebar" })
       if (opened) {
         setOpen(false)
       }
       return opened
     }
-    return openWithUrl(launchUrl, { mode: "event" })
+    if (mode === "bottom") {
+      return openWithUrl(launchUrl, { mode: "event", placement: "bottom" })
+    }
+    return openWithUrl(launchUrl, { mode: "event", placement: "sidebar" })
   }
 
   if (refreshBtn) {
@@ -12022,7 +12072,7 @@ document.addEventListener("DOMContentLoaded", () => {
     }
 
     resizer.addEventListener("pointerdown", (event) => {
-      if (!appcanvas || !appcanvas.classList.contains("ask-ai-open")) {
+      if (!appcanvas || (!appcanvas.classList.contains("ask-ai-open") && !appcanvas.classList.contains("event-drawer-open"))) {
         return
       }
       if (event.button !== 0 && event.pointerType !== "touch") {
@@ -12047,6 +12097,7 @@ document.addEventListener("DOMContentLoaded", () => {
   setEmptyState(true)
   setPickerStatus("Use the Ask AI button to load available agents.")
   setDrawerMode("ask-ai")
+  setDrawerPlacement("sidebar")
   setOpen(false)
   window.PinokioAskAiDrawer = {
     openWithAgent,