pinokiod 3.181.0 → 3.183.0

package/server/public/files-app/app.css

@@ -167,6 +167,70 @@
   display: flex;
   flex-direction: column;
   background: var(--surface-color);
+  position: relative;
+  overflow: visible;
+}
+
+.files-app__sidebar-toggle {
+  position: absolute;
+  top: 20px;
+  left: 0;
+  transform: translateX(-50%);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 36px;
+  border: 1px solid var(--border-color);
+  border-left: none;
+  border-radius: 0 8px 8px 0;
+  background: var(--surface-color);
+  color: var(--muted-color);
+  cursor: pointer;
+  transition: transform 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
+  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
+  z-index: 10;
+}
+
+.files-app__sidebar-toggle:hover,
+.files-app__sidebar-toggle:focus-visible {
+  background: rgba(127, 91, 243, 0.14);
+  color: var(--accent-color);
+}
+
+.files-app__sidebar-toggle--collapsed {
+  top: 36px;
+  left: 8px;
+  transform: translateX(0);
+  border-left: 1px solid var(--border-color);
+  border-radius: 8px;
+  background: rgba(127, 91, 243, 0.12);
+  color: var(--accent-color);
+  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
+}
+
+.files-app__sidebar-toggle--collapsed:hover,
+.files-app__sidebar-toggle--collapsed:focus-visible {
+  background: rgba(127, 91, 243, 0.18);
+}
+
+.files-app__sidebar-toggle:focus-visible {
+  outline: 2px solid var(--accent-color);
+  outline-offset: 2px;
+}
+
+.files-app--sidebar-collapsed .files-app__sidebar {
+  flex: 0 0 0;
+  width: 0;
+  min-width: 0;
+  max-width: 0;
+  opacity: 0;
+  pointer-events: none;
+  border-right: none;
+}
+
+.files-app--sidebar-collapsed .files-app__sidebar-scroll {
+  padding: 0;
 }
 
 .files-app__tabs:empty {

package/server/public/files-app/app.js

@@ -28,6 +28,8 @@
     }
   };
 
+  const SIDEBAR_STORAGE_PREFIX = 'files-app.sidebar-collapsed.';
+
   const FilesApp = {
     init(config) {
       if (this._initialized) {
@@ -48,14 +50,19 @@
         activePath: null,
         selectedTreePath: null,
         statusTimer: null,
+        sidebarCollapsed: false,
       };
 
       this.dom = {
+        root: document.querySelector('.files-app'),
         treeRoot: document.getElementById('files-app-tree'),
         tabs: document.getElementById('files-app-tabs'),
         editorContainer: document.getElementById('files-app-editor'),
         status: document.getElementById('files-app-status'),
         saveBtn: document.getElementById('files-app-save'),
+        sidebar: document.querySelector('.files-app__sidebar'),
+        main: document.querySelector('.files-app__main'),
+        sidebarToggle: document.getElementById('files-app-toggle-sidebar'),
       };
 
       this.api = createApi(config.workspace, this.state.workspaceRoot);
@@ -63,6 +70,8 @@
       this.modelist = ace.require('ace/ext/modelist');
       this.undoManagerCtor = ace.require('ace/undomanager').UndoManager;
 
+      setupSidebarToggle.call(this);
+
       this.dom.saveBtn.addEventListener('click', (event) => {
         event.preventDefault();
         this.saveActiveFile();
@@ -227,6 +236,84 @@
     },
   };
 
+  function setupSidebarToggle() {
+    if (!this.dom.sidebarToggle || !this.dom.root) {
+      return;
+    }
+
+    const storageKey = getSidebarStorageKey(this.state.workspace);
+    const initialCollapsed = readSidebarPreference(storageKey);
+    applySidebarCollapsed.call(this, initialCollapsed);
+
+    this.dom.sidebarToggle.addEventListener('click', () => {
+      const nextState = !this.state.sidebarCollapsed;
+      applySidebarCollapsed.call(this, nextState);
+      persistSidebarPreference(storageKey, nextState);
+    });
+
+    window.addEventListener('storage', (event) => {
+      if (event.key === storageKey) {
+        const newValue = event.newValue === '1';
+        if (newValue !== this.state.sidebarCollapsed) {
+          applySidebarCollapsed.call(this, newValue);
+        }
+      }
+    });
+  }
+
+  function readSidebarPreference(storageKey) {
+    try {
+      const storedValue = window.localStorage.getItem(storageKey);
+      return storedValue === '1';
+    } catch (error) {
+      return false;
+    }
+  }
+
+  function persistSidebarPreference(storageKey, collapsed) {
+    try {
+      window.localStorage.setItem(storageKey, collapsed ? '1' : '0');
+    } catch (error) {
+      /* ignore */
+    }
+  }
+
+  function applySidebarCollapsed(collapsed) {
+    this.state.sidebarCollapsed = collapsed;
+    if (this.dom.root) {
+      this.dom.root.classList.toggle('files-app--sidebar-collapsed', collapsed);
+    }
+    if (this.dom.sidebar) {
+      if (collapsed) {
+        this.dom.sidebar.setAttribute('aria-hidden', 'true');
+      } else {
+        this.dom.sidebar.removeAttribute('aria-hidden');
+      }
+    }
+    if (!this.dom.sidebarToggle) {
+      return;
+    }
+    this.dom.sidebarToggle.setAttribute('aria-expanded', String(!collapsed));
+    const label = collapsed ? 'Show files' : 'Hide files';
+    this.dom.sidebarToggle.setAttribute('aria-label', label);
+    this.dom.sidebarToggle.title = label;
+    const srText = this.dom.sidebarToggle.querySelector('.sr-only');
+    if (srText) {
+      srText.textContent = label;
+    }
+    this.dom.sidebarToggle.classList.toggle('files-app__sidebar-toggle--collapsed', collapsed);
+    const icon = this.dom.sidebarToggle.querySelector('i');
+    if (icon) {
+      icon.classList.toggle('fa-chevron-left', !collapsed);
+      icon.classList.toggle('fa-chevron-right', collapsed);
+    }
+  }
+
+  function getSidebarStorageKey(workspace) {
+    const scope = workspace ? String(workspace) : 'default';
+    return `${SIDEBAR_STORAGE_PREFIX}${scope}`;
+  }
+
   function createApi(workspace, workspaceRoot) {
     const list = async (pathPosix) => {
       const params = new URLSearchParams({ workspace });

package/server/public/install.js

@@ -146,7 +146,7 @@ const install = async (name, url, term, socket, options) => {
         text: `Downloaded to ~/${normalizedPath}/${name}`,
         timeout: 4000
       })
-      location.href = "/terminals"
+      location.href = "/agents"
     }
   }
 }
@@ -166,7 +166,14 @@ const createTerm = async (_theme) => {
   if (res && res.config) {
     config = res.config
   }
+  const baseConfig = Object.assign({}, config)
+  if (window.PinokioTerminalSettings && typeof window.PinokioTerminalSettings.applyToConfig === 'function') {
+    config = window.PinokioTerminalSettings.applyToConfig(config)
+  }
   const term = new Terminal(config)
+  if (window.PinokioTerminalSettings && typeof window.PinokioTerminalSettings.register === 'function') {
+    window.PinokioTerminalSettings.register(term, { baseConfig })
+  }
   const fitAddon = new FitAddon.FitAddon();
   term.loadAddon(fitAddon);
   term.loadAddon(new WebLinksAddon.WebLinksAddon());

package/server/public/layout.js

@@ -847,9 +847,19 @@
       setTimeout(() => node.classList.remove('show'), 2400);
     };
 
+    const isFalseyString = (value) => {
+      return typeof value === 'string' && ['false', '0', 'no', 'off'].includes(value.trim().toLowerCase());
+    };
+
     const tryPlay = (url) => {
+      if (!url || url === false || isFalseyString(url)) {
+        return;
+      }
       try {
-        const src = (typeof url === 'string' && url) ? url : '/chime.mp3';
+        const isString = typeof url === 'string';
+        const trimmed = isString ? url.trim() : '';
+        const hasCustom = isString && trimmed.length > 0 && trimmed.toLowerCase() !== 'true';
+        const src = hasCustom ? url : '/chime.mp3';
         let a = window.__pinokioChimeAudio;
         if (!a) {
           a = new Audio(src);

package/server/public/style.css

@@ -161,7 +161,7 @@ body.dark .dynamic.selected {
   */
 }
 aside .tab.submenu {
-  padding-left: 25px;
+  padding-left: 25px !important;
   box-sizing: border-box;
 }
 #genlog, #downloadlogs {
@@ -1132,18 +1132,189 @@ header a.path {
   max-width: 100%;
   box-sizing: border-box;
 }
+header,
+header h1,
+header .runner {
+  overflow: visible;
+}
 header .runner {
   padding: 0 10px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
+  gap: 10px;
+  width: 100%;
+  flex-wrap: wrap;
 }
 header .runner .btn {
   padding: 5px 10px;
   font-size: 12px;
-  margin-right: 10px;
+  margin-right: 0;
   flex-shrink: 0;
 }
+.terminal-config {
+  position: relative;
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+  margin-right: 0;
+}
+.terminal-config .terminal-config-button,
+.terminal-config .btn {
+  margin-right: 0;
+}
+.terminal-config-menu {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  min-width: 220px;
+  padding: 12px;
+  border-radius: 10px;
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  background: #ffffff;
+  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
+  z-index: 1500;
+  max-height: min(80vh, 560px);
+  overflow-y: auto;
+}
+.terminal-config-menu .terminal-config-title {
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  margin-bottom: 8px;
+  opacity: 0.65;
+}
+.terminal-config-menu .terminal-config-note {
+  font-size: 11px;
+  margin-bottom: 10px;
+  opacity: 0.7;
+}
+.terminal-config-menu .terminal-config-section {
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
+  padding-top: 12px;
+  margin-top: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.terminal-config-menu .terminal-config-section:first-of-type {
+  border-top: none;
+  padding-top: 0;
+  margin-top: 0;
+}
+.terminal-config-menu .terminal-config-subtitle {
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  opacity: 0.65;
+}
+.terminal-config-menu .terminal-config-help {
+  font-size: 11px;
+  opacity: 0.65;
+  line-height: 1.4;
+}
+.terminal-config-menu .terminal-config-group {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 12px;
+}
+.terminal-config-menu .terminal-config-label {
+  font-size: 11px;
+  font-weight: 600;
+  opacity: 0.75;
+}
+.terminal-config-menu .terminal-config-select,
+.terminal-config-menu .terminal-config-input {
+  font-size: 12px;
+  padding: 6px 8px;
+  border-radius: 6px;
+  border: 1px solid rgba(0, 0, 0, 0.18);
+  background: #ffffff;
+  color: inherit;
+}
+.terminal-config-menu .terminal-config-input:focus,
+.terminal-config-menu .terminal-config-select:focus {
+  outline: none;
+  border-color: rgba(127, 91, 243, 0.65);
+  box-shadow: 0 0 0 3px rgba(127, 91, 243, 0.18);
+}
+.terminal-config-menu .terminal-config-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+.terminal-config-menu .terminal-config-reset {
+  font-size: 11px;
+  padding: 4px 10px;
+}
+.terminal-config-menu .terminal-config-theme-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.terminal-config-menu .terminal-config-theme-row {
+  display: grid;
+  grid-template-columns: minmax(140px, 1fr) 32px minmax(0, 1fr) 28px;
+  align-items: center;
+  gap: 8px;
+}
+.terminal-config-menu .terminal-config-color-input {
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+}
+.terminal-config-menu .terminal-config-color-input[data-invalid='true'] {
+  opacity: 0.35;
+}
+.terminal-config-menu .terminal-config-theme-text {
+  width: 100%;
+}
+.terminal-config-menu .terminal-config-theme-clear {
+  padding: 4px 6px;
+  font-size: 12px;
+  min-width: 28px;
+}
+body.dark .terminal-config-menu {
+  background: rgba(21, 22, 23, 0.96);
+  border-color: rgba(255, 255, 255, 0.12);
+  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
+}
+body.dark .terminal-config-menu .terminal-config-label,
+body.dark .terminal-config-menu .terminal-config-title,
+body.dark .terminal-config-menu .terminal-config-note {
+  color: rgba(255, 255, 255, 0.85);
+  opacity: 0.85;
+}
+body.dark .terminal-config-menu .terminal-config-section {
+  border-color: rgba(255, 255, 255, 0.12);
+}
+body.dark .terminal-config-menu .terminal-config-help {
+  color: rgba(255, 255, 255, 0.7);
+}
+body.dark .terminal-config-menu .terminal-config-select,
+body.dark .terminal-config-menu .terminal-config-input {
+  background: rgba(255, 255, 255, 0.08);
+  border-color: rgba(255, 255, 255, 0.16);
+  color: #ffffff;
+}
+body.dark .terminal-config-menu .terminal-config-color-input {
+  background: rgba(255, 255, 255, 0.08);
+  border-radius: 6px;
+}
+body.dark .terminal-config-menu .terminal-config-select:focus,
+body.dark .terminal-config-menu .terminal-config-input:focus {
+  border-color: rgba(127, 91, 243, 0.85);
+  box-shadow: 0 0 0 3px rgba(127, 91, 243, 0.24);
+}
+.terminal-config-open .terminal-config-menu {
+  display: block;
+}
 body.dark .memory {
   background: rgba(0,0,0,0.8);
   border-left: 5px solid white;