pinokiod 7.2.18 → 7.3.0

package/server/public/style.css

@@ -2857,343 +2857,6 @@ body.dark .swal2-popup.pinokio-download-modal .pinokio-download-cancel.swal2-can
 body.dark .swal2-popup.pinokio-download-modal .pinokio-download-cancel.swal2-cancel:hover {
   background: rgba(148, 163, 184, 0.18) !important;
 }
-.pinokio-install-inline-status .install-status-shell {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  min-height: 44px;
-}
-.pinokio-install-inline-status .install-status-copy {
-  min-width: 0;
-  flex: 1;
-}
-.pinokio-install-inline-status .install-status-title {
-  color: inherit;
-  font-size: 15px;
-  line-height: 1.2;
-  font-weight: 700;
-}
-.pinokio-install-inline-status .install-status-detail {
-  margin-top: 4px;
-  color: rgba(235, 222, 197, 0.82);
-  font-size: 12px;
-  line-height: 1.35;
-  word-break: break-word;
-}
-body.dark .pinokio-install-inline-status .install-status-detail {
-  color: rgba(239, 233, 214, 0.76);
-}
-.pinokio-install-inline-status .install-status-detail > *:first-child {
-  margin-top: 0;
-}
-.pinokio-install-inline-status .install-status-detail > *:last-child {
-  margin-bottom: 0;
-}
-.pinokio-install-inline-status .install-status-spinner {
-  width: 18px;
-  height: 18px;
-  flex: 0 0 18px;
-  margin-top: 1px;
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.pinokio-install-inline-status .install-status-grid-anchor,
-.pinokio-install-inline-status .install-status-grid-tile,
-.pinokio-install-inline-status .install-status-grid-chaser,
-.pinokio-install-inline-status .install-status-grid-pixel {
-  position: absolute;
-  top: 0;
-  left: 0;
-  box-sizing: border-box;
-  display: none;
-  transform-origin: center;
-}
-.pinokio-install-inline-status .install-status-grid-anchor,
-.pinokio-install-inline-status .install-status-grid-tile,
-.pinokio-install-inline-status .install-status-grid-chaser {
-  width: 7px;
-  height: 7px;
-  border-radius: 2px;
-}
-.pinokio-install-inline-status .install-status-grid-anchor {
-  background: currentColor;
-  opacity: 0.16;
-}
-.pinokio-install-inline-status .install-status-grid-tile,
-.pinokio-install-inline-status .install-status-grid-chaser,
-.pinokio-install-inline-status .install-status-grid-pixel {
-  background: currentColor;
-}
-.pinokio-install-inline-status .install-status-grid-pixel {
-  width: 4px;
-  height: 4px;
-  border-radius: 1px;
-}
-.pinokio-install-inline-status .install-status-grid-anchor-1,
-.pinokio-install-inline-status .install-status-grid-tile-1,
-.pinokio-install-inline-status .install-status-grid-chaser {
-  top: 1px;
-  left: 1px;
-}
-.pinokio-install-inline-status .install-status-grid-anchor-2,
-.pinokio-install-inline-status .install-status-grid-tile-2 {
-  top: 1px;
-  left: 12px;
-}
-.pinokio-install-inline-status .install-status-grid-anchor-3,
-.pinokio-install-inline-status .install-status-grid-tile-3 {
-  top: 12px;
-  left: 12px;
-}
-.pinokio-install-inline-status .install-status-grid-anchor-4,
-.pinokio-install-inline-status .install-status-grid-tile-4 {
-  top: 12px;
-  left: 1px;
-}
-.pinokio-install-inline-status .install-status-grid-pixel {
-  top: 2px;
-  left: 2px;
-}
-[data-install-spinner-variant="grid-shift"] .pinokio-install-inline-status .install-status-grid-tile {
-  display: block;
-}
-[data-install-spinner-variant="grid-shift"] .pinokio-install-inline-status .install-status-grid-tile-1 {
-  animation: pinokio-grid-shift-1 1.2s cubic-bezier(0.6, 0, 0.2, 1) infinite;
-}
-[data-install-spinner-variant="grid-shift"] .pinokio-install-inline-status .install-status-grid-tile-2 {
-  animation: pinokio-grid-shift-2 1.2s cubic-bezier(0.6, 0, 0.2, 1) infinite;
-}
-[data-install-spinner-variant="grid-shift"] .pinokio-install-inline-status .install-status-grid-tile-3 {
-  animation: pinokio-grid-shift-3 1.2s cubic-bezier(0.6, 0, 0.2, 1) infinite;
-}
-[data-install-spinner-variant="grid-shift"] .pinokio-install-inline-status .install-status-grid-tile-4 {
-  animation: pinokio-grid-shift-4 1.2s cubic-bezier(0.6, 0, 0.2, 1) infinite;
-}
-[data-install-spinner-variant="single-vacancy"] .pinokio-install-inline-status .install-status-grid-anchor {
-  display: block;
-}
-[data-install-spinner-variant="single-vacancy"] .pinokio-install-inline-status .install-status-grid-tile-1,
-[data-install-spinner-variant="single-vacancy"] .pinokio-install-inline-status .install-status-grid-tile-2,
-[data-install-spinner-variant="single-vacancy"] .pinokio-install-inline-status .install-status-grid-tile-3 {
-  display: block;
-}
-[data-install-spinner-variant="single-vacancy"] .pinokio-install-inline-status .install-status-grid-tile-1 {
-  animation: pinokio-single-vacancy-1 1.55s cubic-bezier(0.62, 0, 0.22, 1) infinite;
-}
-[data-install-spinner-variant="single-vacancy"] .pinokio-install-inline-status .install-status-grid-tile-2 {
-  animation: pinokio-single-vacancy-2 1.55s cubic-bezier(0.62, 0, 0.22, 1) infinite;
-}
-[data-install-spinner-variant="single-vacancy"] .pinokio-install-inline-status .install-status-grid-tile-3 {
-  animation: pinokio-single-vacancy-3 1.55s cubic-bezier(0.62, 0, 0.22, 1) infinite;
-}
-[data-install-spinner-variant="pulse-swap"] .pinokio-install-inline-status .install-status-grid-tile {
-  display: block;
-}
-[data-install-spinner-variant="pulse-swap"] .pinokio-install-inline-status .install-status-grid-tile-1,
-[data-install-spinner-variant="pulse-swap"] .pinokio-install-inline-status .install-status-grid-tile-3 {
-  animation: pinokio-pulse-swap-a 1.18s ease-in-out infinite;
-}
-[data-install-spinner-variant="pulse-swap"] .pinokio-install-inline-status .install-status-grid-tile-2,
-[data-install-spinner-variant="pulse-swap"] .pinokio-install-inline-status .install-status-grid-tile-4 {
-  animation: pinokio-pulse-swap-b 1.18s ease-in-out infinite;
-}
-[data-install-spinner-variant="corner-chase"] .pinokio-install-inline-status .install-status-grid-anchor {
-  display: block;
-}
-[data-install-spinner-variant="corner-chase"] .pinokio-install-inline-status .install-status-grid-chaser {
-  display: block;
-  animation: pinokio-corner-chase 1.05s cubic-bezier(0.6, 0, 0.2, 1) infinite;
-}
-[data-install-spinner-variant="flip-2x2"] .pinokio-install-inline-status .install-status-grid-tile {
-  display: block;
-}
-[data-install-spinner-variant="flip-2x2"] .pinokio-install-inline-status .install-status-grid-tile-1 {
-  animation: pinokio-grid-flip-1 1.06s cubic-bezier(0.68, 0, 0.24, 1) infinite;
-}
-[data-install-spinner-variant="flip-2x2"] .pinokio-install-inline-status .install-status-grid-tile-2 {
-  animation: pinokio-grid-flip-2 1.06s cubic-bezier(0.68, 0, 0.24, 1) infinite;
-}
-[data-install-spinner-variant="flip-2x2"] .pinokio-install-inline-status .install-status-grid-tile-3 {
-  animation: pinokio-grid-flip-3 1.06s cubic-bezier(0.68, 0, 0.24, 1) infinite;
-}
-[data-install-spinner-variant="flip-2x2"] .pinokio-install-inline-status .install-status-grid-tile-4 {
-  animation: pinokio-grid-flip-4 1.06s cubic-bezier(0.68, 0, 0.24, 1) infinite;
-}
-[data-install-spinner-variant="stack-ripple"] .pinokio-install-inline-status .install-status-grid-tile {
-  display: block;
-  animation: pinokio-stack-ripple 1.15s ease-in-out infinite;
-}
-[data-install-spinner-variant="stack-ripple"] .pinokio-install-inline-status .install-status-grid-tile-2 {
-  animation-delay: -0.16s;
-}
-[data-install-spinner-variant="stack-ripple"] .pinokio-install-inline-status .install-status-grid-tile-3 {
-  animation-delay: -0.32s;
-}
-[data-install-spinner-variant="stack-ripple"] .pinokio-install-inline-status .install-status-grid-tile-4 {
-  animation-delay: -0.48s;
-}
-[data-install-spinner-variant="pixel-orbit"] .pinokio-install-inline-status .install-status-grid-anchor {
-  display: block;
-  width: 4px;
-  height: 4px;
-  border-radius: 1px;
-  opacity: 0.22;
-}
-[data-install-spinner-variant="pixel-orbit"] .pinokio-install-inline-status .install-status-grid-anchor-1 {
-  top: 2px;
-  left: 2px;
-}
-[data-install-spinner-variant="pixel-orbit"] .pinokio-install-inline-status .install-status-grid-anchor-2 {
-  top: 2px;
-  left: 14px;
-}
-[data-install-spinner-variant="pixel-orbit"] .pinokio-install-inline-status .install-status-grid-anchor-3 {
-  top: 14px;
-  left: 14px;
-}
-[data-install-spinner-variant="pixel-orbit"] .pinokio-install-inline-status .install-status-grid-anchor-4 {
-  top: 14px;
-  left: 2px;
-}
-[data-install-spinner-variant="pixel-orbit"] .pinokio-install-inline-status .install-status-grid-pixel {
-  display: block;
-  animation: pinokio-pixel-orbit 1s cubic-bezier(0.6, 0, 0.2, 1) infinite;
-}
-[data-install-spinner-variant="binary-shuffle"] .pinokio-install-inline-status .install-status-grid-anchor {
-  display: block;
-}
-[data-install-spinner-variant="binary-shuffle"] .pinokio-install-inline-status .install-status-grid-tile {
-  display: block;
-}
-[data-install-spinner-variant="binary-shuffle"] .pinokio-install-inline-status .install-status-grid-tile-1 {
-  animation: pinokio-binary-shuffle-1 1.1s steps(1, end) infinite;
-}
-[data-install-spinner-variant="binary-shuffle"] .pinokio-install-inline-status .install-status-grid-tile-2 {
-  animation: pinokio-binary-shuffle-2 1.1s steps(1, end) infinite;
-}
-[data-install-spinner-variant="binary-shuffle"] .pinokio-install-inline-status .install-status-grid-tile-3 {
-  animation: pinokio-binary-shuffle-3 1.1s steps(1, end) infinite;
-}
-[data-install-spinner-variant="binary-shuffle"] .pinokio-install-inline-status .install-status-grid-tile-4 {
-  animation: pinokio-binary-shuffle-4 1.1s steps(1, end) infinite;
-}
-@keyframes pinokio-grid-shift-1 {
-  0%, 100% { transform: translate(0, 0); }
-  25% { transform: translate(11px, 0); }
-  50% { transform: translate(11px, 11px); }
-  75% { transform: translate(0, 11px); }
-}
-@keyframes pinokio-grid-shift-2 {
-  0%, 100% { transform: translate(0, 0); }
-  25% { transform: translate(0, 11px); }
-  50% { transform: translate(-11px, 11px); }
-  75% { transform: translate(-11px, 0); }
-}
-@keyframes pinokio-grid-shift-3 {
-  0%, 100% { transform: translate(0, 0); }
-  25% { transform: translate(-11px, 0); }
-  50% { transform: translate(-11px, -11px); }
-  75% { transform: translate(0, -11px); }
-}
-@keyframes pinokio-grid-shift-4 {
-  0%, 100% { transform: translate(0, 0); }
-  25% { transform: translate(0, -11px); }
-  50% { transform: translate(11px, -11px); }
-  75% { transform: translate(11px, 0); }
-}
-@keyframes pinokio-single-vacancy-1 {
-  0%, 50% { transform: translate(0, 0); }
-  65%, 100% { transform: translate(11px, 0); }
-}
-@keyframes pinokio-single-vacancy-2 {
-  0%, 15% { transform: translate(0, 0); }
-  30%, 100% { transform: translate(0, 11px); }
-}
-@keyframes pinokio-single-vacancy-3 {
-  0% { transform: translate(0, 0); }
-  15%, 70% { transform: translate(-11px, 0); }
-  85%, 100% { transform: translate(-11px, -11px); }
-}
-@keyframes pinokio-pulse-swap-a {
-  0%, 45%, 100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-  50%, 95% {
-    opacity: 0.34;
-    transform: scale(0.82);
-  }
-}
-@keyframes pinokio-pulse-swap-b {
-  0%, 45%, 100% {
-    opacity: 0.34;
-    transform: scale(0.82);
-  }
-  50%, 95% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-@keyframes pinokio-corner-chase {
-  0%, 100% { transform: translate(0, 0); }
-  25% { transform: translate(11px, 0); }
-  50% { transform: translate(11px, 11px); }
-  75% { transform: translate(0, 11px); }
-}
-@keyframes pinokio-grid-flip-1 {
-  0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; }
-  50% { transform: translate(11px, 0) scale(0.86); opacity: 0.72; }
-}
-@keyframes pinokio-grid-flip-2 {
-  0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; }
-  50% { transform: translate(-11px, 0) scale(0.86); opacity: 0.72; }
-}
-@keyframes pinokio-grid-flip-3 {
-  0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; }
-  50% { transform: translate(-11px, 0) scale(0.86); opacity: 0.72; }
-}
-@keyframes pinokio-grid-flip-4 {
-  0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; }
-  50% { transform: translate(11px, 0) scale(0.86); opacity: 0.72; }
-}
-@keyframes pinokio-stack-ripple {
-  0%, 100% {
-    opacity: 0.38;
-    transform: scale(0.76);
-  }
-  30% {
-    opacity: 1;
-    transform: scale(1);
-  }
-  55% {
-    opacity: 0.62;
-    transform: scale(0.9);
-  }
-}
-@keyframes pinokio-pixel-orbit {
-  0%, 100% { transform: translate(0, 0); }
-  25% { transform: translate(12px, 0); }
-  50% { transform: translate(12px, 12px); }
-  75% { transform: translate(0, 12px); }
-}
-@keyframes pinokio-binary-shuffle-1 {
-  0%, 24%, 75%, 100% { opacity: 1; transform: scale(1); }
-  25%, 74% { opacity: 0; transform: scale(0.82); }
-}
-@keyframes pinokio-binary-shuffle-2 {
-  0%, 24%, 75%, 100% { opacity: 0; transform: scale(0.82); }
-  25%, 74% { opacity: 1; transform: scale(1); }
-}
-@keyframes pinokio-binary-shuffle-3 {
-  0%, 49% { opacity: 1; transform: scale(1); }
-  50%, 100% { opacity: 0; transform: scale(0.82); }
-}
-@keyframes pinokio-binary-shuffle-4 {
-  0%, 49% { opacity: 0; transform: scale(0.82); }
-  50%, 100% { opacity: 1; transform: scale(1); }
-}
 .pinokio-install-inline-status {
   padding: 14px 18px;
   box-sizing: border-box;

package/server/public/task-launcher.css

@@ -1575,19 +1575,11 @@ body.dark .task-link-button.danger {
 }
 
 .task-run-footer {
-  display: grid;
-  gap: 8px;
-  margin-top: 2px;
-  padding-top: 14px;
-  border-top: 1px solid var(--task-border);
+  margin-top: 14px;
 }
 
-.task-run-actions,
-.task-run-footer .task-run-button {
+.task-run-actions {
   margin: 0;
-  width: 100%;
-  min-height: 38px;
-  font-size: 12px;
 }
 
 .task-submit-feedback {
@@ -1864,7 +1856,7 @@ body.dark .task-link-button.danger {
   opacity: 0.55;
 }
 
-.task-run-footer .task-submit-feedback {
+.task-prompt-actions .task-submit-feedback {
   margin-top: 2px;
 }
 

package/server/public/task-launcher.js

@@ -3,6 +3,34 @@
 
   const CATEGORY_ORDER = ["CLI", "IDE"];
   const TOOL_PREFERENCE_KEY = "pinokio.universalLauncher.tool";
+  const TOOL_VALUE_ALIASES = {
+    claude: "code/claude",
+    codex: "code/codex",
+    gemini: "code/gemini"
+  };
+  const FALLBACK_TOOLS = [
+    {
+      value: "code/claude",
+      label: "Claude Code",
+      iconSrc: "/asset/plugin/code/claude/claude.png",
+      isDefault: true,
+      category: "CLI"
+    },
+    {
+      value: "code/codex",
+      label: "OpenAI Codex",
+      iconSrc: "/asset/plugin/code/codex/openai.webp",
+      isDefault: false,
+      category: "CLI"
+    },
+    {
+      value: "code/gemini",
+      label: "Google Gemini CLI",
+      iconSrc: "/asset/plugin/code/gemini/gemini.jpeg",
+      isDefault: false,
+      category: "CLI"
+    }
+  ];
   const TASK_INSTALL_SHELL_CLIENT = {
     cols: 120,
     rows: 32
@@ -75,7 +103,7 @@
     if (!trimmed) {
       return "";
     }
-    return trimmed;
+    return TOOL_VALUE_ALIASES[trimmed] || trimmed;
   }
 
   function getStoredToolPreference() {
@@ -413,10 +441,9 @@
       }
       const payload = await response.json();
       const tools = mapPluginMenuToTools(payload && Array.isArray(payload.menu) ? payload.menu : []);
-      return tools;
-    } catch (error) {
-      console.warn("Failed to load task launcher plugins", error);
-      return [];
+      return tools.length > 0 ? tools : FALLBACK_TOOLS.slice();
+    } catch (_) {
+      return FALLBACK_TOOLS.slice();
     }
   }
 

package/server/public/universal-launcher.js

@@ -20,6 +20,29 @@
     SSH_ASKPASS: '',
     GCM_INTERACTIVE: 'never',
   };
+  const FALLBACK_TOOLS = [
+    {
+      value: 'code/claude',
+      label: 'Claude Code',
+      iconSrc: '/asset/plugin/code/claude/claude.png',
+      isDefault: true,
+      category: 'CLI',
+    },
+    {
+      value: 'code/codex',
+      label: 'OpenAI Codex',
+      iconSrc: '/asset/plugin/code/codex/openai.webp',
+      isDefault: false,
+      category: 'CLI',
+    },
+    {
+      value: 'code/gemini',
+      label: 'Google Gemini CLI',
+      iconSrc: '/asset/plugin/code/gemini/gemini.jpeg',
+      isDefault: false,
+      category: 'CLI',
+    },
+  ];
   const INTENTS = {
     create_app: {
       label: 'Create app',
@@ -245,11 +268,11 @@
       })
       .then((payload) => {
         const tools = mapPluginMenuToTools(payload && Array.isArray(payload.menu) ? payload.menu : []);
-        return tools;
+        return tools.length > 0 ? tools : FALLBACK_TOOLS.slice();
       })
       .catch((error) => {
-        console.warn('Failed to load universal launcher plugins', error);
-        return [];
+        console.warn('Falling back to default tools for universal launcher', error);
+        return FALLBACK_TOOLS.slice();
       })
       .finally(() => {
         loadingTools = null;

package/server/socket.js

@@ -284,7 +284,7 @@ class Socket {
                 } else {
                   let buf = this.buffer[id]
                   let sh = this.active_shell[id]
-                  this.subscribe(ws, id, buf, sh, req)
+                  this.subscribe(ws, id, buf, sh)
                   if (req.mode !== "listen") {
                     // Run only if currently not running
                     if (!this.parent.kernel.api.running[id]) {
@@ -308,7 +308,7 @@ class Socket {
             if (req.id) {
               let buf = this.buffer[req.id]
               let sh = this.active_shell[req.id]
-              this.subscribe(ws, req.id, buf, sh, req)
+              this.subscribe(ws, req.id, buf, sh)
               if (req.mode === "listen") {
                 return
               }
@@ -345,7 +345,13 @@ class Socket {
                 // Mark local client sockets by IP matching any local address
                 try {
                   const ip = ws._ip || ''
-                  ws._isLocalClient = this.isLocalAddress(ip)
+                  const isLocal = (addr) => {
+                    if (!addr || typeof addr !== 'string') return false
+                    if (this.localAddresses.has(addr)) return true
+                    const v = addr.trim().toLowerCase()
+                    return v.startsWith('::ffff:127.') || v.startsWith('127.')
+                  }
+                  ws._isLocalClient = isLocal(ip)
                   if (ws._isLocalClient && ws._deviceId) {
                     this.localDeviceIds.add(ws._deviceId)
                   }
@@ -425,22 +431,18 @@ class Socket {
       this.old_buffer = structuredClone(this.buffer)
     }, 5000)
   }
-  subscribe(ws, id, buf, sh, req = {}) {
+  subscribe(ws, id, buf, sh) {
     let resolvedShellId = sh || null
     let resolvedState = buf
     let hasState = typeof resolvedState === "string" ? resolvedState.length > 0 : Boolean(resolvedState)
-    let resolvedShell = null
     if ((!resolvedShellId || !hasState) && this.parent && this.parent.kernel && this.parent.kernel.shell && Array.isArray(this.parent.kernel.shell.shells)) {
-      const directShell = this.parent.kernel.shell.get(id)
-      const liveDirectShell = directShell && directShell.done !== true ? directShell : null
-      const groupedShell = liveDirectShell || this.parent.kernel.shell.shells.find((candidate) => {
+      const groupedShell = this.parent.kernel.shell.shells.find((candidate) => {
         return candidate
           && candidate.done !== true
           && typeof candidate.group === "string"
           && candidate.group === id
       })
       if (groupedShell) {
-        resolvedShell = groupedShell
         if (!resolvedShellId) {
           resolvedShellId = groupedShell.id
         }
@@ -453,12 +455,6 @@ class Socket {
         }
       }
     }
-    if (!resolvedShell && resolvedShellId && this.parent && this.parent.kernel && this.parent.kernel.shell) {
-      resolvedShell = this.parent.kernel.shell.get(resolvedShellId)
-    }
-    if (resolvedShell && req && req.input) {
-      resolvedShell.input = true
-    }
     if (this.parent.kernel.api.running[id] || resolvedShellId || hasState) {
       ws.send(JSON.stringify({
         type: "connect",
@@ -656,13 +652,6 @@ class Socket {
     return this.localDeviceIds.has(deviceId)
   }
 
-  isLocalAddress(addr) {
-    if (!addr || typeof addr !== 'string') return false
-    if (this.localAddresses.has(addr)) return true
-    const v = addr.trim().toLowerCase()
-    return v === 'localhost' || v === '::1' || v.startsWith('::ffff:127.') || v.startsWith('127.')
-  }
-
   ensureNotificationBridge() {
     if (this.notificationBridgeDispose) {
       return