pinokiod 7.5.18 → 7.5.20

package/kernel/bin/index.js

@@ -238,11 +238,6 @@ class Bin {
     if (this.kernel.homedir) {
       const bin_folder = this.path()
       await fs.promises.mkdir(bin_folder, { recursive: true }).catch((e) => { })
-      if (this.platform !== "linux") {
-        const playwright_folder = path.resolve(bin_folder, "playwright/browsers")
-        process.env.PLAYWRIGHT_BROWSERS_PATH = playwright_folder
-      }
-//      await fs.promises.mkdir(playwright_folder, { recursive: true }).catch((e) => { })
       let system_env = await Environment.get(this.kernel.homedir, this.kernel)
 
       if (system_env.HTTP_PROXY) {

package/kernel/bin/setup.js

@@ -49,7 +49,6 @@ module.exports = {
     }
     requirements = requirements.concat([
 //      { name: "cloudflared" },
-//      { name: "playwright" },
       { name: "huggingface" },
       { name: "uv" },
       { name: "py" },

package/kernel/index.js

@@ -1272,9 +1272,6 @@ class Kernel {
 
               await fs.promises.mkdir(this.path("logs"), { recursive: true }).catch((e) => { })
               await fs.promises.writeFile(this.path("logs/system.json"), JSON.stringify(this.i, null, 2))
-              let pwpath = this.bin.path("playwright/node_modules/playwright")
-              this.playwright = (await this.loader.load(pwpath)).resolved
-
               //await this.fileserver()
 
               // get env

package/package.json

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

package/server/public/common.js

@@ -3301,7 +3301,7 @@ document.addEventListener("DOMContentLoaded", () => {
       selectedUrl = await api.openSplitModal({
         title: modalTitle,
         description: 'Choose a running process or use the current tab URL for the new pane.',
-        confirmLabel: 'Split',
+        confirmLabel: 'Open in pane',
         includeCurrent: true
       });
     } catch (error) {

package/server/public/style.css

@@ -1284,6 +1284,7 @@ body.main-sidebar-page .navheader .sidebar-toggle {
   padding: 0;
   border-radius: 9px;
   box-sizing: border-box;
+  transition: background-color 140ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 140ms cubic-bezier(0.25, 1, 0.5, 1), color 140ms cubic-bezier(0.25, 1, 0.5, 1);
 }
 body.dark.main-sidebar-page .navheader .sidebar-toggle {
   color: rgba(248, 250, 252, 0.92);
@@ -1319,6 +1320,8 @@ body.main-sidebar-page .sidebar-toggle-panel {
   width: 4px;
   border-radius: 1px;
   background: currentColor;
+  transform-origin: left center;
+  transition: opacity 150ms cubic-bezier(0.25, 1, 0.5, 1), transform 150ms cubic-bezier(0.25, 1, 0.5, 1), background-color 150ms cubic-bezier(0.25, 1, 0.5, 1), border-color 150ms cubic-bezier(0.25, 1, 0.5, 1);
 }
 body.main-sidebar-page .sidebar-toggle-content {
   position: absolute;
@@ -1330,12 +1333,18 @@ body.main-sidebar-page .sidebar-toggle-content {
   background: currentColor;
   opacity: 0.32;
   box-shadow: 0 3.8px 0 currentColor, 0 7.6px 0 currentColor;
+  transition: opacity 150ms cubic-bezier(0.25, 1, 0.5, 1), transform 150ms cubic-bezier(0.25, 1, 0.5, 1);
 }
 body.main-sidebar-page .navheader .sidebar-toggle[aria-expanded="false"] .sidebar-toggle-panel {
   background: transparent;
   outline: 1.5px solid currentColor;
   outline-offset: -1px;
   opacity: 0.35;
+  transform: translateX(-1px) scaleX(0.8);
+}
+body.main-sidebar-page .navheader .sidebar-toggle[aria-expanded="false"] .sidebar-toggle-content {
+  opacity: 0.42;
+  transform: translateX(-2px);
 }
 body.main-sidebar-page main {
   display: flex;
@@ -1810,6 +1819,10 @@ body.dark .main-sidebar-peer-dialog-surface {
 
   body.main-sidebar-page .main-sidebar {
     align-self: stretch;
+    flex: 0 0 180px;
+    width: 180px;
+    min-width: 180px;
+    max-width: 180px;
     height: auto;
     max-height: none;
     overflow-x: hidden;
@@ -1817,6 +1830,14 @@ body.dark .main-sidebar-peer-dialog-surface {
     overscroll-behavior: contain;
     scrollbar-width: thin;
     scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
+    opacity: 1;
+    transform: translateX(0);
+  }
+
+  body.main-sidebar-page.main-sidebar-motion-ready .main-sidebar,
+  body.main-sidebar-page.main-sidebar-motion-ready main > .container,
+  body.main-sidebar-page.main-sidebar-motion-ready main > .task-container {
+    transition: flex-basis 190ms cubic-bezier(0.25, 1, 0.5, 1), width 190ms cubic-bezier(0.25, 1, 0.5, 1), min-width 190ms cubic-bezier(0.25, 1, 0.5, 1), max-width 190ms cubic-bezier(0.25, 1, 0.5, 1), padding 190ms cubic-bezier(0.25, 1, 0.5, 1), border-color 190ms cubic-bezier(0.25, 1, 0.5, 1), opacity 140ms cubic-bezier(0.25, 1, 0.5, 1), transform 190ms cubic-bezier(0.25, 1, 0.5, 1);
   }
 
   body.dark.main-sidebar-page .main-sidebar {
@@ -1842,6 +1863,7 @@ body.dark .main-sidebar-peer-dialog-surface {
   }
 
   body.main-sidebar-page.main-sidebar-collapsed .main-sidebar {
+    flex-basis: 0;
     width: 0;
     min-width: 0;
     max-width: 0;
@@ -1852,12 +1874,24 @@ body.dark .main-sidebar-peer-dialog-surface {
     opacity: 0;
     pointer-events: none;
     overflow: hidden;
+    transform: translateX(-10px);
   }
 
   body.main-sidebar-page.main-sidebar-collapsed main > .container,
   body.main-sidebar-page.main-sidebar-collapsed main > .task-container {
     padding-left: 0;
   }
+
+  @media (prefers-reduced-motion: reduce) {
+    body.main-sidebar-page .navheader .sidebar-toggle,
+    body.main-sidebar-page .sidebar-toggle-panel,
+    body.main-sidebar-page .sidebar-toggle-content,
+    body.main-sidebar-page.main-sidebar-motion-ready .main-sidebar,
+    body.main-sidebar-page.main-sidebar-motion-ready main > .container,
+    body.main-sidebar-page.main-sidebar-motion-ready main > .task-container {
+      transition-duration: 0.01ms !important;
+    }
+  }
 }
 form.search input[type=search] {
   flex-grow: 1;
@@ -6472,6 +6506,63 @@ body.dark .logs-resizer:hover .logs-resizer-toggle {
   }
 }
 
+body.main-sidebar-page main > .logs-container {
+  overflow: hidden;
+}
+
+.logs-page[data-view="latest"] {
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  scroll-padding-bottom: 96px;
+}
+
+.logs-page[data-view="latest"] .logs-latest-view {
+  flex: 1 0 auto;
+  overflow: visible;
+}
+
+.logs-page[data-view="latest"] .logs-latest-workspace {
+  flex: 1 0 auto;
+  align-items: start;
+  grid-template-rows: auto;
+  overflow: visible;
+}
+
+.logs-page[data-view="latest"] .logs-report-pane,
+.logs-page[data-view="latest"] .logs-redaction-pane {
+  align-self: start;
+  width: 100%;
+  overflow: visible;
+}
+
+.logs-page[data-view="latest"] .logs-review-content,
+.logs-page[data-view="latest"] .logs-review-section--redactions {
+  flex: 0 0 auto;
+  overflow: visible;
+}
+
+.logs-page[data-view="latest"] .logs-review-file-list {
+  max-height: none;
+  overflow: visible;
+}
+
+.logs-page[data-view="latest"] .logs-report-output,
+.logs-page[data-view="latest"] .logs-redaction-list {
+  flex: 0 0 auto;
+  overflow: visible;
+}
+
+.logs-page[data-view="latest"] .logs-redaction-pane {
+  max-height: none;
+}
+
+.logs-page[data-view="latest"] .logs-community-footer {
+  position: sticky;
+  bottom: 0;
+  z-index: 3;
+}
+
 /* Minimal SweetAlert normalization for generic QR/form modals. */
 .swal2-popup.min-popup,
 .swal2-popup.min-popup2 {

package/server/public/urldropdown.css

@@ -1620,6 +1620,12 @@ body.dark .url-modal-close:hover {
   outline: 2px solid royalblue;
   outline-offset: 2px;
 }
+.url-modal-input-row {
+  width: 100%;
+}
+.url-modal-inline-submit {
+  display: none;
+}
 .url-modal-input {
   width: 100%;
   padding: 14px 16px;
@@ -1736,6 +1742,272 @@ body.dark .url-modal-button.cancel {
   box-shadow: none;
 }
 
+.url-modal-overlay.split-mode {
+  background: rgba(15, 23, 42, 0.32);
+  -webkit-backdrop-filter: none;
+  backdrop-filter: none;
+}
+.url-modal-content.split-mode {
+  width: min(860px, calc(100% - 48px));
+  padding: 22px 24px 20px;
+  gap: 10px;
+  border-radius: 10px;
+  background: rgba(252, 252, 253, 0.98);
+  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
+}
+body.dark .url-modal-content.split-mode {
+  background: rgba(24, 25, 27, 0.98);
+  border-color: rgba(148, 163, 184, 0.18);
+  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.45);
+}
+.url-modal-content.split-mode h3 {
+  padding-right: 36px;
+  font-size: 20px;
+  letter-spacing: 0;
+}
+.url-modal-content.split-mode .url-modal-description {
+  font-size: 13px;
+  line-height: 1.4;
+}
+.url-modal-content.split-mode .url-modal-input-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: stretch;
+}
+.url-modal-content.split-mode .url-modal-input {
+  height: 38px;
+  min-width: 0;
+  padding: 8px 12px;
+  border-radius: 7px 0 0 7px;
+  border-color: rgba(15, 23, 42, 0.14);
+  background: rgba(255, 255, 255, 0.95);
+  font-size: 13px;
+  box-shadow: none;
+}
+.url-modal-content.split-mode .url-modal-input:focus {
+  border-color: rgba(15, 23, 42, 0.28);
+  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
+}
+body.dark .url-modal-content.split-mode .url-modal-input {
+  border-color: rgba(148, 163, 184, 0.28);
+  background: rgba(255, 255, 255, 0.06);
+}
+body.dark .url-modal-content.split-mode .url-modal-input:focus {
+  border-color: rgba(226, 232, 240, 0.42);
+  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, 0.12);
+}
+.url-modal-content.split-mode .url-modal-inline-submit {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 38px;
+  padding: 0 14px;
+  border: 1px solid rgba(15, 23, 42, 0.9);
+  border-left: none;
+  border-radius: 0 7px 7px 0;
+  background: rgba(15, 23, 42, 0.92);
+  color: #fff;
+  font-size: 12px;
+  font-weight: 600;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.url-modal-content.split-mode .url-modal-inline-submit:hover {
+  background: rgba(15, 23, 42, 1);
+}
+.url-modal-content.split-mode .url-modal-inline-submit:focus-visible {
+  outline: 2px solid rgba(15, 23, 42, 0.35);
+  outline-offset: 2px;
+}
+.url-modal-content.split-mode .url-modal-inline-submit:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+body.dark .url-modal-content.split-mode .url-modal-inline-submit {
+  border-color: rgba(226, 232, 240, 0.84);
+  background: rgba(226, 232, 240, 0.92);
+  color: rgba(15, 23, 42, 0.96);
+}
+body.dark .url-modal-content.split-mode .url-modal-inline-submit:hover {
+  background: rgba(255, 255, 255, 0.98);
+}
+.url-modal-content.split-mode .url-modal-actions {
+  display: none;
+}
+.url-modal-content.split-mode .url-dropdown {
+  max-height: 58vh;
+  margin-top: 2px;
+  border-radius: 8px;
+  border-color: rgba(15, 23, 42, 0.1);
+  background: rgba(255, 255, 255, 0.96);
+  box-shadow: none;
+}
+body.dark .url-modal-content.split-mode .url-dropdown {
+  background: rgba(255, 255, 255, 0.04);
+  border-color: rgba(148, 163, 184, 0.16);
+  box-shadow: none;
+}
+.url-modal-content.split-mode .url-dropdown-host-header {
+  min-height: 28px;
+  padding: 0 10px;
+  background: rgba(15, 23, 42, 0.035);
+  color: rgba(71, 85, 105, 0.9);
+  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+}
+body.dark .url-modal-content.split-mode .url-dropdown-host-header {
+  background: rgba(255, 255, 255, 0.04);
+  color: rgba(203, 213, 225, 0.86);
+  border-bottom-color: rgba(148, 163, 184, 0.14);
+}
+.url-modal-content.split-mode .url-dropdown-host-header .host-name,
+.url-modal-content.split-mode .url-dropdown-host-header .host-meta,
+.url-modal-content.split-mode .url-dropdown-host-header .host-arch {
+  padding: 0;
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  text-align: left;
+}
+.url-modal-content.split-mode .url-dropdown-host-header .host-name {
+  flex-grow: 0;
+}
+.url-modal-content.split-mode .url-dropdown-item {
+  min-height: 34px;
+  padding: 4px 8px;
+  border-bottom-color: rgba(15, 23, 42, 0.07);
+  gap: 10px;
+}
+body.dark .url-modal-content.split-mode .url-dropdown-item {
+  border-bottom-color: rgba(148, 163, 184, 0.12);
+}
+.url-modal-content.split-mode .url-dropdown-item:hover {
+  background: rgba(15, 23, 42, 0.035);
+}
+body.dark .url-modal-content.split-mode .url-dropdown-item:hover {
+  background: rgba(255, 255, 255, 0.05);
+}
+.url-modal-content.split-mode .url-dropdown-item.current-project {
+  display: grid;
+  grid-template-columns: minmax(150px, 0.9fr) minmax(120px, 1.1fr) auto;
+  align-items: center;
+}
+.url-modal-content.split-mode .url-dropdown-item:not(.current-project) {
+  display: grid;
+  grid-template-columns: minmax(150px, 0.9fr) minmax(120px, 1.1fr);
+  align-items: center;
+}
+.url-modal-content.split-mode .url-dropdown-name,
+.url-modal-content.split-mode .url-dropdown-url,
+.url-modal-content.split-mode .url-mode-buttons {
+  min-width: 0;
+}
+.url-modal-content.split-mode .url-dropdown-name {
+  font-size: 13px;
+  font-weight: 600;
+}
+.url-modal-content.split-mode .url-dropdown-name span,
+.url-modal-content.split-mode .url-dropdown-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.url-modal-content.split-mode .url-dropdown-name span {
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
+  gap: 7px;
+}
+.url-modal-content.split-mode .url-dropdown-name i {
+  margin-right: 0;
+  color: rgba(71, 85, 105, 0.9);
+}
+body.dark .url-modal-content.split-mode .url-dropdown-name i {
+  color: rgba(203, 213, 225, 0.82);
+}
+.url-modal-content.split-mode .url-dropdown-url {
+  gap: 6px;
+  margin-bottom: 0;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.url-modal-content.split-mode .url-address {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.url-modal-content.split-mode .url-scheme,
+.url-modal-content.split-mode .url-scheme.https {
+  flex: 0 0 auto;
+  padding: 1px 5px;
+  border-radius: 4px;
+  background: rgba(15, 23, 42, 0.055);
+  color: rgba(71, 85, 105, 0.82);
+  font-size: 9px;
+  letter-spacing: 0;
+}
+body.dark .url-modal-content.split-mode .url-scheme,
+body.dark .url-modal-content.split-mode .url-scheme.https {
+  background: rgba(255, 255, 255, 0.07);
+  color: rgba(203, 213, 225, 0.78);
+}
+.url-modal-content.split-mode .url-mode-buttons {
+  justify-content: flex-end;
+  flex-wrap: nowrap;
+  gap: 4px;
+}
+.url-modal-content.split-mode .url-mode-button {
+  height: 26px;
+  padding: 0 9px;
+  border-radius: 6px;
+  border-color: rgba(15, 23, 42, 0.12);
+  background: rgba(255, 255, 255, 0.88);
+  color: rgba(15, 23, 42, 0.78);
+  font-size: 11px;
+  line-height: 1;
+}
+.url-modal-content.split-mode .url-mode-button:hover {
+  background: rgba(15, 23, 42, 0.055);
+  color: rgba(15, 23, 42, 0.9);
+}
+.url-modal-content.split-mode .url-mode-button.active {
+  border-color: rgba(15, 23, 42, 0.92);
+  background: rgba(15, 23, 42, 0.92);
+  color: #fff;
+}
+body.dark .url-modal-content.split-mode .url-mode-button {
+  border-color: rgba(148, 163, 184, 0.18);
+  background: rgba(255, 255, 255, 0.05);
+  color: rgba(226, 232, 240, 0.82);
+}
+body.dark .url-modal-content.split-mode .url-mode-button:hover {
+  background: rgba(255, 255, 255, 0.09);
+  color: rgba(255, 255, 255, 0.92);
+}
+body.dark .url-modal-content.split-mode .url-mode-button.active {
+  border-color: rgba(226, 232, 240, 0.86);
+  background: rgba(226, 232, 240, 0.92);
+  color: rgba(15, 23, 42, 0.96);
+}
+
+@media (max-width: 640px) {
+  .url-modal-content.split-mode {
+    width: min(540px, calc(100% - 20px));
+    padding: 18px;
+  }
+  .url-modal-content.split-mode .url-dropdown-item.current-project {
+    grid-template-columns: minmax(0, 1fr) auto;
+  }
+  .url-modal-content.split-mode .url-dropdown-item:not(.current-project) {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  .url-modal-content.split-mode .url-dropdown-url {
+    display: none;
+  }
+}
+
 /* Host categorization styles */
 .url-dropdown-host-header {
   background: royalblue;

package/server/public/urldropdown.js

@@ -191,13 +191,13 @@ function initUrlDropdown(config = {}) {
     };
   };
 
-  const buildProjectModeButtons = (projectCtx) => {
+  const buildProjectModeButtons = (projectCtx, { includeFiles = true } = {}) => {
     if (!projectCtx) return '';
     const modes = [
       { key: 'run', label: 'Run', icon: 'fa-solid fa-circle-play', suffix: '' },
       { key: 'dev', label: 'Dev', icon: 'fa-solid fa-code', suffix: '/dev' },
       { key: 'files', label: 'Files', icon: 'fa-solid fa-file-lines', suffix: '/files' },
-    ];
+    ].filter((mode) => includeFiles || mode.key !== 'files');
 
     const buildTarget = (suffix) => {
       const targetPath = `${projectCtx.basePath}${suffix}`;
@@ -244,14 +244,15 @@ function initUrlDropdown(config = {}) {
     currentUrl = '',
     currentTitle = 'Current tab',
     currentProject = null,
-    origin = ''
+    origin = '',
+    includeFiles = true
   } = {}) => {
     const entries = [];
 
     if (includeCurrentTab && currentUrl) {
       const schemeLabel = currentUrl.startsWith('https://') ? 'HTTPS' : 'HTTP';
       const currentPathLabel = currentProject ? currentProject.basePath : formatUrlLabel(currentUrl) || currentUrl;
-      const projectButtons = currentProject ? buildProjectModeButtons(currentProject) : '';
+      const projectButtons = currentProject ? buildProjectModeButtons(currentProject, { includeFiles }) : '';
       entries.push(`
         <div class="url-dropdown-item${currentProject ? ' non-selectable current-project' : ''}" data-url="${escapeAttribute(currentUrl)}" data-host-type="current">
           <div class="url-dropdown-name">
@@ -285,7 +286,7 @@ function initUrlDropdown(config = {}) {
       if (!projectCtx) return;
       const displayUrl = projectCtx.origin ? `${projectCtx.origin}${projectCtx.basePath}` : projectCtx.basePath;
       const schemeLabel = displayUrl.startsWith('https://') ? 'HTTPS' : 'HTTP';
-      const projectButtons = buildProjectModeButtons(projectCtx);
+      const projectButtons = buildProjectModeButtons(projectCtx, { includeFiles });
       const displayTitle = getAppDisplayTitle(app);
       entries.push(`
         <div class="url-dropdown-item non-selectable current-project" data-url="${escapeAttribute(displayUrl)}" data-host-type="current">
@@ -707,7 +708,7 @@ function initUrlDropdown(config = {}) {
     return html;
   };
 
-  const buildDropdownHtml = (processes, { includeCurrentTab = true, apps = [], inputElement } = {}) => {
+  const buildDropdownHtml = (processes, { includeCurrentTab = true, apps = [], inputElement, includeFiles = true } = {}) => {
     const currentUrl = typeof window !== 'undefined' ? window.location.href : '';
     const currentTitle = typeof document !== 'undefined' ? (document.title || 'Current tab') : 'Current tab';
     const currentProject = parseProjectContext(currentUrl);
@@ -719,7 +720,8 @@ function initUrlDropdown(config = {}) {
       currentUrl,
       currentTitle,
       currentProject,
-      origin
+      origin,
+      includeFiles
     });
     if (appsHtml) {
       html += appsHtml;
@@ -932,6 +934,17 @@ function initUrlDropdown(config = {}) {
     modalInput.className = 'url-modal-input';
     modalInput.placeholder = 'Example: http://localhost:7860';
 
+    const inputRow = document.createElement('div');
+    inputRow.className = 'url-modal-input-row';
+
+    const inlineConfirmButton = document.createElement('button');
+    inlineConfirmButton.type = 'button';
+    inlineConfirmButton.className = 'url-modal-inline-submit';
+    inlineConfirmButton.textContent = 'Open';
+    inlineConfirmButton.disabled = true;
+
+    inputRow.append(modalInput, inlineConfirmButton);
+
     const modalDropdown = document.createElement('div');
     modalDropdown.className = 'url-dropdown';
     modalDropdown.id = 'url-modal-dropdown';
@@ -952,11 +965,13 @@ function initUrlDropdown(config = {}) {
 
     actions.append(cancelButton, confirmButton);
 
-    content.append(closeButton, heading, description, modalInput, modalDropdown, actions);
+    content.append(closeButton, heading, description, inputRow, modalDropdown, actions);
     overlay.append(content);
 
     const updateConfirmState = () => {
-      confirmButton.disabled = !modalInput.value.trim();
+      const disabled = !modalInput.value.trim();
+      confirmButton.disabled = disabled;
+      inlineConfirmButton.disabled = disabled;
     };
 
     modalInput.addEventListener('focus', () => {
@@ -981,6 +996,7 @@ function initUrlDropdown(config = {}) {
 
     cancelButton.addEventListener('click', closeMobileModal);
     confirmButton.addEventListener('click', submitMobileModal);
+    inlineConfirmButton.addEventListener('click', submitMobileModal);
     closeButton.addEventListener('click', closeMobileModal);
 
     overlay.addEventListener('click', (event) => {
@@ -991,9 +1007,12 @@ function initUrlDropdown(config = {}) {
 
     overlay._modalRefs = {
       input: modalInput,
+      inputRow,
       dropdown: modalDropdown,
       confirmButton,
+      inlineConfirmButton,
       cancelButton,
+      content,
       closeButton,
       heading,
       description,
@@ -1038,12 +1057,18 @@ function initUrlDropdown(config = {}) {
     refs.heading.textContent = title;
     refs.description.textContent = descriptionText;
     refs.confirmButton.textContent = confirmLabel;
+    if (refs.inlineConfirmButton) {
+      refs.inlineConfirmButton.textContent = confirmLabel;
+    }
     refs.includeCurrent = includeCurrent;
     refs.context = customOptions.context || 'default';
     refs.returnSelection = Boolean(customOptions.awaitSelection);
     refs.resolve = null;
+    overlay.classList.toggle('split-mode', refs.context === 'split');
+    refs.content?.classList.toggle('split-mode', refs.context === 'split');
     if (refs.dropdown) {
       refs.dropdown._includeCurrent = includeCurrent;
+      refs.dropdown._context = refs.context;
     }
 
     modalInput.value = initialValue;
@@ -1086,6 +1111,9 @@ function initUrlDropdown(config = {}) {
     if (refs?.confirmButton) {
       refs.confirmButton.disabled = true;
     }
+    if (refs?.inlineConfirmButton) {
+      refs.inlineConfirmButton.disabled = true;
+    }
 
     if (refs) {
       if (options.resolveValue !== undefined) {
@@ -1102,6 +1130,8 @@ function initUrlDropdown(config = {}) {
       if (!options.keepMode) {
         refs.context = 'default';
         refs.includeCurrent = true;
+        overlay.classList.remove('split-mode');
+        refs.content?.classList.remove('split-mode');
       }
     }
 
@@ -1151,7 +1181,8 @@ function initUrlDropdown(config = {}) {
       modalDropdown.innerHTML = buildDropdownHtml(processes, {
         includeCurrentTab: includeCurrent,
         apps,
-        inputElement: modalDropdown.parentElement.querySelector('.url-modal-input')
+        inputElement: modalDropdown.parentElement.querySelector('.url-modal-input'),
+        includeFiles: modalDropdown._context !== 'split'
       });
       attachCreateButtonHandler(modalDropdown, modalDropdown.parentElement.querySelector('.url-modal-input'));
       attachUrlItemHandlers(modalDropdown, { onSelect: handleModalSelection });
@@ -1216,7 +1247,8 @@ function initUrlDropdown(config = {}) {
     modalDropdown.innerHTML = buildDropdownHtml(processes, {
       includeCurrentTab: includeCurrent,
       apps,
-      inputElement: modalInput
+      inputElement: modalInput,
+      includeFiles: modalDropdown._context !== 'split'
     });
 
     attachCreateButtonHandler(modalDropdown, modalInput);
@@ -1251,7 +1283,7 @@ function initUrlDropdown(config = {}) {
       return showMobileModal({
         title: modalOptions.title || 'Split View',
         description: modalOptions.description || 'Choose an app, a running process, or use the current tab URL for the new pane.',
-        confirmLabel: modalOptions.confirmLabel || 'Split',
+        confirmLabel: modalOptions.confirmLabel || 'Open in pane',
         includeCurrent: modalOptions.includeCurrent !== false,
         awaitSelection: true,
         context: 'split'