pinokiod 7.5.6 → 7.5.8

package/server/public/style.css

@@ -5055,21 +5055,42 @@ body.dark .logs-icon-button:focus-visible {
 .logs-community-footer {
   flex: 0 0 auto;
   min-width: 0;
+  position: relative;
   display: grid;
-  grid-template-columns: minmax(360px, 0.32fr) minmax(320px, 1fr) auto;
+  grid-template-columns: minmax(240px, 0.3fr) minmax(320px, 1fr) auto;
   align-items: center;
-  gap: 16px;
-  min-height: 68px;
-  padding: 14px 20px;
+  gap: 12px;
+  min-height: 64px;
+  padding: 12px 20px;
   border: 0;
-  border-top: 1px solid rgba(186, 133, 28, 0.2);
+  border-top: 1px solid rgba(78, 111, 176, 0.22);
   border-radius: 0;
-  background: rgba(186, 133, 28, 0.07);
-  box-shadow: none;
+  background:
+    linear-gradient(90deg, rgba(236, 243, 255, 0.96), rgba(248, 250, 252, 0.96));
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.82),
+    0 -1px 0 rgba(78, 111, 176, 0.06);
+}
+.logs-community-footer::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 10px;
+  bottom: 10px;
+  width: 3px;
+  border-radius: 0 3px 3px 0;
+  background: #4568b2;
 }
 body.dark .logs-community-footer {
-  border-top-color: rgba(245, 189, 75, 0.22);
-  background: rgba(245, 189, 75, 0.075);
+  border-top-color: rgba(139, 171, 235, 0.18);
+  background:
+    linear-gradient(90deg, rgba(45, 65, 110, 0.34), rgba(255, 255, 255, 0.045));
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.05),
+    0 -1px 0 rgba(0, 0, 0, 0.18);
+}
+body.dark .logs-community-footer::before {
+  background: #8daeff;
 }
 .logs-community-copy {
   min-width: 0;
@@ -5078,25 +5099,31 @@ body.dark .logs-community-footer {
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  color: #9a6508;
+  color: #172033;
   font-size: 13px;
   line-height: 1.2;
   font-weight: 800;
 }
 .logs-community-heading i {
-  color: currentColor;
+  color: #345aa2;
   font-size: 13px;
 }
 body.dark .logs-community-heading {
-  color: #e1b261;
+  color: rgba(248, 250, 252, 0.9);
+}
+body.dark .logs-community-heading i {
+  color: #a7c0ff;
 }
 .logs-community-subtitle {
   margin-top: 3px;
-  color: var(--logs-muted);
+  color: #536079;
   font-size: 12px;
   line-height: 1.25;
   font-weight: 500;
 }
+body.dark .logs-community-subtitle {
+  color: rgba(224, 232, 255, 0.7);
+}
 .logs-community-title-field {
   min-width: 0;
   display: grid;
@@ -5107,17 +5134,18 @@ body.dark .logs-community-heading {
 .logs-community-title-control {
   min-width: 0;
   width: 100%;
-  height: 34px;
+  height: 38px;
   display: flex;
   align-items: center;
-  border: 1px solid var(--logs-border-strong);
+  border: 1px solid rgba(78, 111, 176, 0.26);
   border-radius: 7px;
   padding: 0;
-  background: rgba(255, 255, 255, 0.78);
+  background: rgba(255, 255, 255, 0.82);
   overflow: hidden;
 }
 body.dark .logs-community-title-control {
-  background: rgba(255, 255, 255, 0.04);
+  border-color: rgba(167, 192, 255, 0.2);
+  background: rgba(255, 255, 255, 0.045);
 }
 .logs-community-title-prefix {
   flex: 0 0 auto;
@@ -5125,16 +5153,18 @@ body.dark .logs-community-title-control {
   display: inline-flex;
   align-items: center;
   padding: 0 11px;
-  border-right: 1px solid var(--logs-border);
-  color: var(--logs-muted);
+  border-right: 1px solid rgba(78, 111, 176, 0.16);
+  color: #69758d;
   font-size: 10px;
   line-height: 1;
   font-weight: 760;
   text-transform: uppercase;
   white-space: nowrap;
-  background: rgba(15, 23, 42, 0.025);
+  background: rgba(78, 111, 176, 0.06);
 }
 body.dark .logs-community-title-prefix {
+  border-right-color: rgba(167, 192, 255, 0.12);
+  color: rgba(224, 232, 255, 0.58);
   background: rgba(255, 255, 255, 0.035);
 }
 .logs-community-title-input {
@@ -5148,17 +5178,91 @@ body.dark .logs-community-title-prefix {
   color: var(--logs-text);
   font-size: 12px;
   font-weight: 650;
-  line-height: 34px;
+  line-height: 38px;
   outline: none;
 }
 .logs-community-title-control:focus-within {
-  border-color: var(--logs-border-strong);
-  box-shadow: 0 0 0 2px var(--logs-soft-hover);
+  border-color: rgba(78, 111, 176, 0.48);
+  box-shadow: 0 0 0 2px rgba(78, 111, 176, 0.13);
 }
 .logs-community-title-input:disabled {
   opacity: 0.62;
   cursor: not-allowed;
 }
+.logs-help-actions {
+  min-width: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+}
+.logs-help-action {
+  border: 1px solid rgba(78, 111, 176, 0.24);
+  border-radius: 7px;
+  min-width: 126px;
+  min-height: 38px;
+  padding: 0 14px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  color: #172033;
+  background: rgba(255, 255, 255, 0.82);
+  font-size: 13px;
+  line-height: 1;
+  font-weight: 820;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: background 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
+}
+.logs-help-action:hover,
+.logs-help-action:focus-visible {
+  outline: none;
+  border-color: rgba(78, 111, 176, 0.36);
+  background: rgba(255, 255, 255, 0.96);
+}
+.logs-help-action:active {
+  transform: translateY(1px);
+}
+.logs-help-action:disabled {
+  opacity: 0.58;
+  cursor: not-allowed;
+  transform: none;
+}
+.logs-help-action--ai {
+  border-color: #172033;
+  background: #172033;
+  color: #fff;
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
+}
+.logs-help-action--ai:hover,
+.logs-help-action--ai:focus-visible {
+  border-color: #0f1625;
+  background: #0f1625;
+  color: #fff;
+}
+body.dark .logs-help-action--community {
+  border-color: rgba(167, 192, 255, 0.2);
+}
+body.dark .logs-help-action {
+  background: rgba(255, 255, 255, 0.045);
+  color: rgba(248, 250, 252, 0.9);
+}
+body.dark .logs-help-action:hover,
+body.dark .logs-help-action:focus-visible {
+  background: rgba(255, 255, 255, 0.075);
+}
+body.dark .logs-help-action--ai {
+  border-color: rgba(248, 250, 252, 0.88);
+  background: rgba(248, 250, 252, 0.9);
+  color: #111827;
+}
+body.dark .logs-help-action--ai:hover,
+body.dark .logs-help-action--ai:focus-visible {
+  border-color: #fff;
+  background: #fff;
+  color: #111827;
+}
 .logs-community-title-note {
   display: none;
   max-width: 130px;
@@ -5173,13 +5277,60 @@ body.dark .logs-community-title-prefix {
 .logs-community-title-note:not(:empty) {
   display: inline;
 }
-.logs-community-submit {
-  min-width: 154px;
-  min-height: 34px;
-  padding: 0 16px;
-  font-size: 13px;
-  font-weight: 850;
-  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.16);
+.logs-ask-ai-launcher-panel {
+  width: min(620px, calc(100vw - 28px));
+}
+.logs-ask-ai-launcher-body {
+  min-height: 270px;
+}
+.logs-ask-ai-launcher-textarea {
+  min-height: 96px;
+}
+.logs-ask-ai-launcher-footer {
+  min-height: 66px;
+}
+.logs-ask-ai-launcher-tool-section {
+  flex: 0 1 440px;
+  min-width: min(440px, 58vw);
+}
+.logs-ask-ai-tool-picker {
+  position: relative;
+  width: 100%;
+}
+.logs-ask-ai-tool-trigger {
+  pointer-events: none;
+}
+.logs-ask-ai-tool-picker:focus-within .logs-ask-ai-tool-trigger {
+  border-color: var(--universal-launcher-border-strong);
+  background: var(--universal-launcher-control-surface);
+  outline: none;
+}
+.logs-ask-ai-tool-select {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  appearance: none;
+  border: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+.logs-ask-ai-tool-select:disabled {
+  cursor: default;
+}
+.logs-ask-ai-tool-trigger-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--universal-launcher-text);
+  font-size: 14px;
+}
+.logs-ask-ai-tool-trigger-image {
+  display: block;
+  width: 20px;
+  height: 20px;
+  object-fit: contain;
+  border-radius: 4px;
 }
 .logs-report-pane,
 .logs-redaction-pane {
@@ -5871,13 +6022,6 @@ body.dark .logs-zip-status.is-error {
   background: var(--logs-soft);
   outline: none;
 }
-.logs-primary-button.logs-community-submit {
-  min-width: 154px;
-  min-height: 38px;
-  padding: 0 16px;
-  font-size: 13px;
-  font-weight: 850;
-}
 .logs-flat-button.is-busy::after {
   content: '\f110';
   font-family: 'Font Awesome 6 Free';
@@ -6205,9 +6349,9 @@ body.dark .logs-resizer:hover .logs-resizer-toggle {
   .logs-community-title-field {
     grid-column: 1;
   }
-  .logs-community-submit {
+  .logs-help-actions {
     grid-column: 2;
-    height: 38px;
+    justify-content: flex-end;
   }
 }
 @media (max-width: 720px) {
@@ -6224,7 +6368,7 @@ body.dark .logs-resizer:hover .logs-resizer-toggle {
   }
   .logs-community-copy,
   .logs-community-title-field,
-  .logs-community-submit {
+  .logs-help-actions {
     grid-column: 1;
   }
   .logs-community-title-field {
@@ -6234,8 +6378,25 @@ body.dark .logs-resizer:hover .logs-resizer-toggle {
     grid-column: 1;
     max-width: none;
   }
-  .logs-community-submit {
-    grid-row: auto;
+  .logs-help-actions {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    width: 100%;
+  }
+  .logs-help-action {
+    width: 100%;
+  }
+  .logs-ask-ai-launcher-footer {
+    align-items: stretch;
+    flex-direction: column;
+  }
+  .logs-ask-ai-launcher-tool-section {
+    flex-basis: auto;
+    min-width: 0;
+    width: 100%;
+  }
+  .logs-ask-ai-launcher-footer .universal-launcher-footer-actions,
+  .logs-ask-ai-launcher-footer .universal-launcher-button {
     width: 100%;
   }
 }

package/server/views/app.ejs

@@ -1504,19 +1504,9 @@ body.dark .ask-ai-drawer-location-input {
 body.dark .ask-ai-drawer-empty {
   color: rgba(255,255,255,0.7);
 }
-.ask-ai-drawer-empty-title {
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.25;
-  color: rgba(15, 23, 42, 0.92);
-}
-body.dark .ask-ai-drawer-empty-title {
-  color: rgba(248, 250, 252, 0.95);
-}
 .ask-ai-drawer-empty-subtitle {
   font-size: 12px;
   line-height: 1.4;
-  margin-top: -6px;
   color: rgba(75, 85, 99, 0.78);
 }
 body.dark .ask-ai-drawer-empty-subtitle {
@@ -1592,6 +1582,12 @@ body.dark .ask-ai-drawer-search-input::placeholder {
   opacity: 0.58;
   padding: 0 2px 3px;
 }
+.ask-ai-drawer-picker-group-description {
+  font-size: 11px;
+  line-height: 1.35;
+  opacity: 0.62;
+  padding: 0 2px 5px;
+}
 .ask-ai-drawer-picker-option {
   appearance: none;
   -webkit-appearance: none;
@@ -7875,10 +7871,10 @@ body.dark .pinokio-custom-terminal-header {
 	        </div>
 	      </div>
 	      <div class='mobile-drawer-actions' aria-label="App actions">
-	        <button type='button' class='btn header-item mobile-nav-logs' data-mobile-proxy="#logs-toggle" data-mobile-panel="logs" data-mobile-close-menu="true" aria-pressed="false" aria-label="Report Issue">
+	        <button type='button' class='btn header-item mobile-nav-logs' data-mobile-proxy="#logs-toggle" data-mobile-panel="logs" data-mobile-close-menu="true" aria-pressed="false" aria-label="Get Help">
 	          <div class='tab'>
-	            <i class="fa-solid fa-circle-exclamation menu-action-leading-icon"></i>
-	            <div class='display'>Report Issue</div>
+	            <i class="fa-solid fa-circle-question menu-action-leading-icon"></i>
+	            <div class='display'>Get Help</div>
 	            <div class='flexible'></div>
 	          </div>
 	        </button>
@@ -7912,10 +7908,10 @@ body.dark .pinokio-custom-terminal-header {
         <% if (type === 'browse') { %>
           <%- include('./partials/fs_status') %>
         <% } %>
-        <button type='button' id='logs-toggle' class="btn header-item" data-tippy-content="Report issue with logs" aria-expanded="false" aria-controls="app-logs-drawer">
+        <button type='button' id='logs-toggle' class="btn header-item" data-tippy-content="Get help with logs" aria-expanded="false" aria-controls="app-logs-drawer">
           <div class='tab'>
-            <i class="fa-solid fa-circle-exclamation menu-action-leading-icon"></i>
-            <div class='display'>Report Issue</div>
+            <i class="fa-solid fa-circle-question menu-action-leading-icon"></i>
+            <div class='display'>Get Help</div>
             <div class='flexible'></div>
             <span class='logs-new-badge hidden' id='logs-new-badge'>New</span>
           </div>
@@ -8077,14 +8073,13 @@ body.dark .pinokio-custom-terminal-header {
           </div>
           <div class='ask-ai-drawer-body'>
             <div class='ask-ai-drawer-empty'>
+              <div class='ask-ai-drawer-empty-subtitle'>Ask questions, debug errors, fix bugs, or edit files. Agents can read this project's code, scripts, environment, and recent logs.</div>
               <div class='ask-ai-drawer-search'>
                 <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
-                <input class='ask-ai-drawer-search-input' type='search' placeholder="Search shells and plugins" autocomplete="off" spellcheck="false" aria-label="Search shells and plugins">
+                <input class='ask-ai-drawer-search-input' type='search' placeholder="Search agents and shells" autocomplete="off" spellcheck="false" aria-label="Search agents and shells">
               </div>
-              <div class='ask-ai-drawer-empty-title'>Ask an AI agent about this project</div>
-              <div class='ask-ai-drawer-empty-subtitle'>Choose the shell or plugin the agent should use.</div>
-              <div class='ask-ai-drawer-picker-list' role="list" aria-label="Ask AI shells and plugins"></div>
-              <div class='ask-ai-drawer-picker-status muted'>Choose a shell or plugin to start an agent.</div>
+              <div class='ask-ai-drawer-picker-list' role="list" aria-label="Ask AI agents and shells"></div>
+              <div class='ask-ai-drawer-picker-status muted'>Choose an agent to start, or open a project shell.</div>
             </div>
             <iframe class='ask-ai-frame hidden' title="Panel" allow="fullscreen *;" allowfullscreen></iframe>
           </div>
@@ -10732,7 +10727,7 @@ const rerenderMenuSection = (container, html) => {
 	    }
 	    if (mobileLogsButton) {
 	      mobileLogsButton.classList.toggle("has-new", show)
-	      mobileLogsButton.setAttribute("aria-label", show ? "Report Issue, new report available" : "Report Issue")
+	      mobileLogsButton.setAttribute("aria-label", show ? "Get Help, new report available" : "Get Help")
 	    }
 	    try {
 	      if (show) {
@@ -16434,7 +16429,7 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   }
 
-  const normalizeLaunchUrl = (rawUrl, workspaceCwd) => {
+  const normalizeLaunchUrl = (rawUrl, workspaceCwd, prompt) => {
     if (!rawUrl) {
       return null
     }
@@ -16447,6 +16442,8 @@ document.addEventListener("DOMContentLoaded", () => {
     if (parsed.origin !== window.location.origin) {
       return null
     }
+    const hasPromptOverride = typeof prompt === "string"
+    const normalizedPrompt = hasPromptOverride ? prompt.trim() : ""
     if (
       parsed.pathname.startsWith("/run/plugin/")
       || parsed.pathname.startsWith("/pinokio/run/plugin/")
@@ -16457,6 +16454,9 @@ document.addEventListener("DOMContentLoaded", () => {
       }
       parsed.searchParams.set("ask_ai", "1")
       parsed.searchParams.delete("prompt")
+      if (hasPromptOverride && normalizedPrompt) {
+        parsed.searchParams.set("prompt", normalizedPrompt)
+      }
     }
     return `${parsed.pathname}${parsed.search}${parsed.hash}`
   }
@@ -16784,7 +16784,7 @@ document.addEventListener("DOMContentLoaded", () => {
     clearPickerList()
     const sourceTools = Array.isArray(tools) ? tools : []
     if (sourceTools.length === 0) {
-      setPickerStatus("No shells or plugins available.")
+      setPickerStatus("No agents or shells available.")
       return
     }
     const normalizedQuery = normalizePickerQuery(query)
@@ -16792,7 +16792,7 @@ document.addEventListener("DOMContentLoaded", () => {
       ? sourceTools.filter((tool) => toolMatchesPickerQuery(tool, normalizedQuery))
       : sourceTools
     if (visibleTools.length === 0) {
-      setPickerStatus("No matching shells or plugins.")
+      setPickerStatus("No matching agents or shells.")
       return
     }
     const groups = new Map()
@@ -16803,7 +16803,7 @@ document.addEventListener("DOMContentLoaded", () => {
       }
       groups.get(category).push(tool)
     })
-    const ordered = ["SHELL", "CLI", "IDE"].concat(Array.from(groups.keys()).filter((name) => !["SHELL", "CLI", "IDE"].includes(name)))
+    const ordered = ["CLI", "IDE", "SHELL"].concat(Array.from(groups.keys()).filter((name) => !["SHELL", "CLI", "IDE"].includes(name)))
     let renderedCount = 0
     ordered.forEach((category) => {
       const items = (groups.get(category) || []).slice().sort((a, b) =>
@@ -16817,14 +16817,20 @@ document.addEventListener("DOMContentLoaded", () => {
         return
       }
       const displayCategory = category === "SHELL"
-        ? "Project Shell"
-        : (category === "IDE" ? "Desktop Plugins" : (category === "CLI" ? "Terminal Plugins" : category))
+        ? "Project Shells"
+        : (category === "IDE" ? "Desktop Agents" : (category === "CLI" ? "Terminal Agents" : category))
       const group = document.createElement("div")
       group.className = "ask-ai-drawer-picker-group"
       const label = document.createElement("div")
       label.className = "ask-ai-drawer-picker-group-label"
       label.textContent = displayCategory
       group.appendChild(label)
+      if (category === "SHELL") {
+        const description = document.createElement("div")
+        description.className = "ask-ai-drawer-picker-group-description"
+        description.textContent = "Open a shell in this project without starting an AI agent."
+        group.appendChild(description)
+      }
       items.forEach((tool) => {
         group.appendChild(createPickerOption(tool, workspaceCwd))
         renderedCount += 1
@@ -16834,7 +16840,7 @@ document.addEventListener("DOMContentLoaded", () => {
       }
     })
     if (!renderedCount) {
-      setPickerStatus("No shells or plugins available.")
+      setPickerStatus("No agents or shells available.")
       return
     }
     setPickerStatus("")
@@ -16843,7 +16849,8 @@ document.addEventListener("DOMContentLoaded", () => {
   const openWithUrl = (rawUrl, opts = {}) => {
     const workspaceCwd = opts && typeof opts.workspaceCwd === "string" ? opts.workspaceCwd : ""
     const frameName = opts && typeof opts.frameName === "string" ? opts.frameName.trim() : ""
-    const normalized = normalizeLaunchUrl(rawUrl, workspaceCwd)
+    const prompt = opts && typeof opts.prompt === "string" ? opts.prompt : undefined
+    const normalized = normalizeLaunchUrl(rawUrl, workspaceCwd, prompt)
     if (!normalized) {
       return false
     }
@@ -16871,7 +16878,8 @@ document.addEventListener("DOMContentLoaded", () => {
       return false
     }
     return openWithUrl(payload.agentHref, {
-      workspaceCwd: resolveWorkspaceCwd(payload)
+      workspaceCwd: resolveWorkspaceCwd(payload),
+      prompt: typeof payload.prompt === "string" ? payload.prompt : undefined
     })
   }
 

package/server/views/editor.ejs

@@ -633,6 +633,7 @@ document.addEventListener("DOMContentLoaded", async () => {
               if (packet.data.type) {
                 payload.type = packet.data.type
               }
+              payload.silent = packet.data.silent
               payload.callbacks = {
                 onClick: () => {
                   let params = packet.data

package/server/views/install.ejs

@@ -904,6 +904,7 @@ document.addEventListener("DOMContentLoaded", async () => {
           if (packet.data.type) {
             payload.type = packet.data.type
           }
+          payload.silent = packet.data.silent
           n.Noty(payload)
         }
       } else if (packet.type === "input") {

package/server/views/logs.ejs

@@ -11,6 +11,7 @@
 <link href="/markdown.css" rel="stylesheet"/>
 <link href="/noty.css" rel="stylesheet"/>
 <link href="/style.css" rel="stylesheet"/>
+<link href="/universal-launcher.css" rel="stylesheet"/>
 <% if (agent === "electron") { %>
   <link href="/electron.css" rel="stylesheet"/>
 <% } %>
@@ -128,10 +129,10 @@
             </div>
           </aside>
         </div>
-        <footer class="logs-community-footer" aria-label="Ask Community">
+        <footer class="logs-community-footer logs-help-footer" aria-label="Get help with this report">
           <div class="logs-community-copy">
-            <div class="logs-community-heading"><i class="fa-solid fa-comments" aria-hidden="true"></i><span>Ask Community</span></div>
-            <div class="logs-community-subtitle">Opens a draft question on pinokio.co with this report attached.</div>
+            <div class="logs-community-heading"><i class="fa-solid fa-circle-question" aria-hidden="true"></i><span>Get help</span></div>
+            <div class="logs-community-subtitle">Use this report with a local AI agent or post it on Pinokio Community.</div>
           </div>
           <div class="logs-community-title-field">
             <label class="logs-community-title-control" for="logs-draft-title">
@@ -140,7 +141,10 @@
             </label>
             <span class="logs-community-title-note" id="logs-draft-title-note" aria-live="polite"></span>
           </div>
-          <button type="button" class="logs-primary-button logs-community-submit" id="logs-create-draft" disabled><i class="fa-solid fa-paper-plane"></i><span>Ask Community</span></button>
+          <div class="logs-help-actions">
+            <button type="button" class="logs-help-action logs-help-action--ai" id="logs-ask-ai" disabled><i class="fa-solid fa-robot"></i><span>Ask AI</span></button>
+            <button type="button" class="logs-help-action logs-help-action--community" id="logs-create-draft" disabled><i class="fa-solid fa-paper-plane"></i><span>Ask Community</span></button>
+          </div>
         </footer>
       </section>
 
@@ -207,7 +211,7 @@
   <% } %>
 </main>
 <script>
-window.LOGS_PAGE_DATA = <%- JSON.stringify({ rootDisplay: logsRootDisplay || '', downloadUrl: logsDownloadUrl || '/pinokio/logs.zip', workspace: logsWorkspace || '', workspaceTitle: logsTitle || '', reportUrl: logsReportUrl || '', draftUrl: typeof logsDraftUrl !== 'undefined' ? logsDraftUrl : '', registryBase: 'https://pinokio.co', initialView: logsInitialView || 'raw', embedded: !!logsEmbedded }) %>
+window.LOGS_PAGE_DATA = <%- JSON.stringify({ rootDisplay: logsRootDisplay || '', downloadUrl: logsDownloadUrl || '/pinokio/logs.zip', workspace: logsWorkspace || '', workspaceTitle: logsTitle || '', workspaceCwd: typeof logsWorkspaceCwd !== 'undefined' ? logsWorkspaceCwd : '', reportUrl: logsReportUrl || '', draftUrl: typeof logsDraftUrl !== 'undefined' ? logsDraftUrl : '', registryBase: 'https://pinokio.co', initialView: logsInitialView || 'raw', embedded: !!logsEmbedded }) %>
 </script>
 <script src="/logs.js"></script>
 </body>

package/server/views/terminal.ejs

@@ -1639,6 +1639,8 @@ document.addEventListener("DOMContentLoaded", async () => {
       this.currentId = baseScriptId
       this.latestLogFallbackActive = false
       this.pendingInput = []
+      this.pendingTerminalWrite = ""
+      this.pendingTerminalWriteFrame = null
       this.inputBuffer = ""
       this.inputTracker = window.TerminalInputTracker ? new window.TerminalInputTracker({
         getFrameName: () => window.name || null,
@@ -1723,6 +1725,32 @@ document.addEventListener("DOMContentLoaded", async () => {
       }
       this.dirty = true
     }
+    flushPendingTerminalWrite() {
+      if (!this.pendingTerminalWrite) {
+        this.pendingTerminalWriteFrame = null
+        return
+      }
+      const text = this.pendingTerminalWrite
+      this.pendingTerminalWrite = ""
+      this.pendingTerminalWriteFrame = null
+      this.write(text)
+    }
+    writeBatched(text) {
+      if (text === "\u0007" || typeof text !== "string" || text.length === 0) {
+        return
+      }
+      this.pendingTerminalWrite += text
+      this.dirty = true
+      if (this.pendingTerminalWriteFrame !== null) {
+        return
+      }
+      const flush = () => this.flushPendingTerminalWrite()
+      if (typeof window.requestAnimationFrame === "function") {
+        this.pendingTerminalWriteFrame = window.requestAnimationFrame(flush)
+      } else {
+        this.pendingTerminalWriteFrame = window.setTimeout(flush, 16)
+      }
+    }
     finished() {
     /*
       n.Noty({
@@ -1921,13 +1949,13 @@ document.addEventListener("DOMContentLoaded", async () => {
               this.resizeSync.sendInitial()
             }
             if (packet.data.raw) {
-              this.write(packet.data.raw)
+              this.writeBatched(packet.data.raw)
             } else if (packet.data.json) {
-              this.write(JSON.stringify(packet.data.json).replace(/\n/g, "\r\n"))
-              this.write("\r\n")
+              this.writeBatched(JSON.stringify(packet.data.json).replace(/\n/g, "\r\n"))
+              this.writeBatched("\r\n")
             } else if (packet.data.json2) {
-              this.write(JSON.stringify(packet.data.json2, null, 2).replace(/\n/g, "\r\n"))
-              this.write("\r\n")
+              this.writeBatched(JSON.stringify(packet.data.json2, null, 2).replace(/\n/g, "\r\n"))
+              this.writeBatched("\r\n")
             }
             if (packet.data.type === "emit2") {
               // long text => still posting to the shell => show progress
@@ -1945,6 +1973,7 @@ document.addEventListener("DOMContentLoaded", async () => {
             refreshParent(packet)
             pluginTerminalDiscoveryRefresher.clear()
             reloadMemory()
+            this.flushPendingTerminalWrite()
             this.term.write("\r\nDisconnected...\r\n")
             document.querySelector("#status-window").innerHTML = "<b>Ready</b>"
             this.socket.close()