@vibelord/lanes 1.1.1 → 1.3.0

package/payload/lanes/web/mobile.css

@@ -3,20 +3,20 @@ html.lanes-mobile {
   --lanes-surface: #101318;
   --lanes-surface-raised: #191e25;
   --lanes-line: #2c333d;
-  --lanes-accent-wash: #1a2721;
+  --lanes-accent-wash: #1c3326;
   --lanes-accent-line: #4b6955;
   --lanes-press: #26332c;
   --lanes-chip: #ffffff0f;
-  --lanes-ink: #edf1f5;
-  --lanes-ink-dim: #9ca7b5;
-  --lanes-ink-faint: #6b7683;
-  --lanes-accent: #b4e3bf;
+  --lanes-ink: #f2f5f8;
+  --lanes-ink-dim: #a6b1be;
+  --lanes-ink-faint: #6f7a87;
+  --lanes-accent: #8fe3a6;
   --lanes-on-accent: #101318;
   --lanes-on-accent-urgent: #7a1a12;
-  --lanes-tone-urgent: #f28b7d;
-  --lanes-tone-attention: #e5b84a;
-  --lanes-tone-working: #7fb3f2;
-  --lanes-tone-done: #6fd39a;
+  --lanes-tone-urgent: #ff7b6e;
+  --lanes-tone-attention: #ffc233;
+  --lanes-tone-working: #6fb6ff;
+  --lanes-tone-done: #5fdc8a;
   --lanes-scrim: #000000a6;
   --lanes-shadow: 0 -16px 80px #0007;
   color-scheme: dark;
@@ -29,16 +29,16 @@ html.lanes-mobile:root[data-zj-theme="light"] {
   --lanes-accent-line: #acc9b4;
   --lanes-press: #d8e9db;
   --lanes-chip: #edf3ec;
-  --lanes-ink: #17241b;
-  --lanes-ink-dim: #56616d;
-  --lanes-ink-faint: #7f8a96;
-  --lanes-accent: #2f6b45;
+  --lanes-ink: #111a14;
+  --lanes-ink-dim: #4a5661;
+  --lanes-ink-faint: #6f7b87;
+  --lanes-accent: #1f6f3f;
   --lanes-on-accent: #ffffff;
   --lanes-on-accent-urgent: #ffd3cc;
-  --lanes-tone-urgent: #b7322a;
-  --lanes-tone-attention: #8a5a00;
-  --lanes-tone-working: #2456a8;
-  --lanes-tone-done: #1b7142;
+  --lanes-tone-urgent: #c41c1c;
+  --lanes-tone-attention: #a04d00;
+  --lanes-tone-working: #1a56c4;
+  --lanes-tone-done: #0d7338;
   --lanes-scrim: #1a222b80;
   --lanes-shadow: 0 -16px 80px #0003;
   color-scheme: light;

package/payload/lanes/web/mobile.js

@@ -10,7 +10,7 @@ if (typeof module === 'object') module.exports = {laneShellMode};
     width: innerWidth, height: innerHeight});
   const root = document.documentElement;
   // BEGIN lanes tokens (generated by libexec/tokens.py --js; do not edit by hand)
-  const LANES_ANSI = {dark: ['#7d8896', '#f28b7d', '#6fd39a', '#e5b84a', '#7fb3f2', '#c9a6ff', '#6fd6d0', '#9ca7b5', '#8a95a3', '#ff9d96', '#8fe0a3', '#f7cf7f', '#a5cbff', '#dcc6ff', '#9ae6e0', '#edf1f5'], light: ['#3b4a42', '#b7322a', '#1b7142', '#8a5a00', '#2456a8', '#7a3fb8', '#0f7b7b', '#56616d', '#5f6d66', '#c2332a', '#1b7a38', '#8f5a00', '#2860c4', '#8a4dc8', '#0f7272', '#17241b']};
+  const LANES_ANSI = {dark: ['#8792a0', '#ff7b6e', '#5fdc8a', '#ffc233', '#6fb6ff', '#c58bff', '#3fd9cf', '#a6b1be', '#97a3b1', '#ff9a8e', '#86f0ad', '#ffd866', '#98cbff', '#dcb2ff', '#7deee6', '#f2f5f8'], light: ['#2f3b34', '#c41c1c', '#0d7338', '#a04d00', '#1a56c4', '#8228c4', '#006f73', '#4a5661', '#55625b', '#d0221a', '#0e7a3a', '#a85200', '#1f5fd8', '#9133d0', '#00797c', '#111a14']};
   // END lanes tokens
   root.dataset.lanesShell = mode;
   if (mode !== 'phone') {
@@ -22,7 +22,7 @@ if (typeof module === 'object') module.exports = {laneShellMode};
   root.classList.add('lanes-mobile');
   if (mode === 'tablet') {
     root.classList.add('lanes-tablet');
-    try {localStorage.getItem('zellij:mobile-ui') || localStorage.setItem('zellij:mobile-ui', 'on');} catch (_) {}
+    try {localStorage.getItem('zellij:mobile-ui') || localStorage.setItem('zellij:mobile-ui', 'on');} catch {}
   }
 
   const elementFocus = HTMLElement.prototype.focus;
@@ -37,9 +37,9 @@ if (typeof module === 'object') module.exports = {laneShellMode};
     const theme = localStorage.getItem('zellij:mobile-theme') || 'dark';
     localStorage.setItem('zellij:mobile-theme', theme);
     root.dataset.zjTheme = theme;
-  } catch (_) {}
+  } catch {}
   const icons = {
-    workspaces: '<rect x="3" y="3" width="7" height="7" rx="2"/><rect x="14" y="3" width="7" height="7" rx="2"/><rect x="3" y="14" width="7" height="7" rx="2"/><rect x="14" y="14" width="7" height="7" rx="2"/>',
+    workspaces: [[3, 3], [14, 3], [3, 14], [14, 14]].map(([x, y]) => `<rect x="${x}" y="${y}" width="7" height="7" rx="2"/>`).join(''),
     lanes: '<path d="M8 5h13M8 12h13M8 19h13"/><path d="M3 5h.01M3 12h.01M3 19h.01"/>',
     panes: '<rect x="3" y="4" width="18" height="16" rx="3"/><path d="M12 4v16"/>',
     keyboard: '<rect x="2" y="5" width="20" height="14" rx="3"/><path d="M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M10 13h.01M14 13h.01M18 13h.01M8 16h8"/>',
@@ -69,14 +69,14 @@ if (typeof module === 'object') module.exports = {laneShellMode};
     return el;
   };
   let shell, heading, subtitle, dock, sheet, list, search, count, lanesButton, panesButton, pasteKey, typingField, quickRow, quickOn;
-  let laneFilterBar, laneFilterInput, laneFilterPrev = '', sentAt = 0;
+  let laneFilterBar, laneFilterInput, laneFilterPrev = '', sentAt = 0, filterTab, owed = new Set();
   let api, term, previousCards = '', sheetOpen = false, returnFocus, menuWas, hintN = 0, timer;
   const queue = [];
   let fontSize = 16;
   try {
     const stored = Number(localStorage.getItem('lanes:font-size'));
     if (stored >= 14 && stored <= 24) fontSize = stored;
-  } catch (_) {}
+  } catch {}
   const state = () => api?.getState();
   const data = () => state()?.data;
   const nativeClick = selector => document.querySelector(selector)?.click();
@@ -85,10 +85,9 @@ if (typeof module === 'object') module.exports = {laneShellMode};
 
   function viewport() {
     const vv = window.visualViewport;
-    root.style.setProperty('--lanes-vh', `${vv?.height ?? innerHeight}px`);
-    root.style.setProperty('--lanes-vw', `${vv?.width ?? innerWidth}px`);
-    root.style.setProperty('--lanes-offset-top', `${vv?.offsetTop ?? 0}px`);
-    root.style.setProperty('--lanes-offset-left', `${vv?.offsetLeft ?? 0}px`);
+    const px = (k, v) => root.style.setProperty(`--lanes-${k}`, `${v}px`);
+    px('vh', vv?.height ?? innerHeight); px('vw', vv?.width ?? innerWidth);
+    px('offset-top', vv?.offsetTop ?? 0); px('offset-left', vv?.offsetLeft ?? 0);
     const occluded = !!vv && innerHeight - vv.height - vv.offsetTop > 120;
     const focused = kbd()?.isFocused || document.activeElement?.matches('input, textarea');
     setKeyboard(occluded && focused);
@@ -110,14 +109,14 @@ if (typeof module === 'object') module.exports = {laneShellMode};
     label.append(make('span', '', 'Type here'));
     label.setAttribute('aria-hidden', 'true');
     host.removeAttribute('aria-hidden');
-    host.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;opacity:1;pointer-events:auto;';
+    const fill = 'position:absolute;inset:0;width:100%;height:100%;opacity:1;pointer-events:auto;';
+    host.style.cssText = fill;
     capture.removeAttribute('aria-hidden');
     aria(capture, 'Type in terminal');
     for (const a of ['type text', 'autocomplete off', 'autocapitalize none']) capture.setAttribute(...a.split(' '));
     capture.tabIndex = 0;
-    capture.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;font-size:16px;' +
-      'border:0;border-radius:12px;padding:0;margin:0;opacity:1;background:transparent;color:transparent;' +
-      'caret-color:transparent;outline:none;pointer-events:auto;user-select:text;-webkit-user-select:text;';
+    capture.style.cssText = fill + 'box-sizing:border-box;font-size:16px;border:0;border-radius:12px;padding:0;margin:0;' +
+      'background:transparent;color:transparent;caret-color:transparent;outline:none;user-select:text;-webkit-user-select:text;';
     field.append(label, host);
     capture.addEventListener('beforeinput', ev => {
       const t = ev.data ?? ev.dataTransfer?.getData('text'), r = ev.getTargetRanges?.()[0];
@@ -289,7 +288,7 @@ if (typeof module === 'object') module.exports = {laneShellMode};
         else if (Date.now() - sentAt < 60) return arm();
         else queue.shift();
       }
-    } catch (_) { queue.length = 0; }
+    } catch { queue.length = 0; }
   }
   const paste = t => currentTab()?.name.endsWith(' ☰') ? hint('Open a lane to paste') :
     (send('\x1b[200~' + t.replace(/\x1b+(?=\[201~)/g, '').replace(/\r?\n/g, '\r') + '\x1b[201~'), 1);
@@ -300,12 +299,12 @@ if (typeof module === 'object') module.exports = {laneShellMode};
     let i = 0;
     while (i < p.length && p[i] === q[i]) i++;
     laneFilterPrev = s;
-    if (!s) send('\x1b', null);
+    if (!s) { clearLaneFilter(); refresh(); }
     else if (!p.length) send('\x1b', null, '/', s);
     else send('\x7f'.repeat(p.length - i) + q.slice(i).join(''));
   }
   async function clip(f, ok) {
-    try { ok(await f(navigator.clipboard)); } catch (_) { hint('Clipboard blocked'); }
+    try { ok(await f(navigator.clipboard)); } catch { hint('Clipboard blocked'); }
   }
   function screen() {
     if (term.hasSelection()) return term.getSelection();
@@ -333,6 +332,10 @@ if (typeof module === 'object') module.exports = {laneShellMode};
     }
     return row;
   }
+  function clearLaneFilter() {
+    owed.add(filterTab);
+    laneFilterPrev = laneFilterInput.value = '';
+  }
   function buildLaneFilterBar() {
     const bar = make('div', 'lanes-filter-bar');
     aria(bar, 'Filter lanes');
@@ -344,24 +347,26 @@ if (typeof module === 'object') module.exports = {laneShellMode};
     aria(laneFilterInput, 'Filter lanes in this workspace');
     laneFilterInput.addEventListener('input', () => applyLaneFilter(laneFilterInput.value));
     laneFilterInput.addEventListener('keydown', ev => {
-      if (ev.key === 'Escape') { ev.preventDefault(); send('\x1b', null); laneFilterPrev = laneFilterInput.value = ''; laneFilterInput.blur(); }
-      if (ev.key === 'Enter') { ev.preventDefault(); laneFilterInput.blur(); }
+      if (ev.key === 'Escape') { clearLaneFilter(); refresh(); }
+      if (/^E(scape|nter)$/.test(ev.key)) { ev.preventDefault(); laneFilterInput.blur(); }
     });
     bar.append(laneFilterInput);
     return bar;
   }
-  function updateLaneFilterBar(isPicker) {
-    if (!laneFilterBar) return;
+  function updateLaneFilterBar(tab, isPicker) {
     laneFilterBar.hidden = !isPicker;
-    if (isPicker) return;
-    const wait = queue.indexOf(null);
-    if (wait >= 0) queue.length = wait;
-    laneFilterPrev = laneFilterInput.value = '';
+    if (tab !== filterTab) {
+      const wait = queue.indexOf(null);
+      if (wait >= 0) queue.length = wait;
+      if (laneFilterPrev) clearLaneFilter();
+    }
+    if (owed.delete(tab)) send('\x1b', null);
+    if (isPicker) filterTab = tab;
   }
   function applyFont() {
     term.options.fontSize = fontSize;
     term.options.lineHeight = 1.1;
-    try {localStorage.setItem('lanes:font-size', String(fontSize));} catch (_) {}
+    try {localStorage.setItem('lanes:font-size', String(fontSize));} catch {}
     text(document.getElementById('lanes-font-value'), `${fontSize} px`);
     resize();
   }
@@ -376,9 +381,14 @@ if (typeof module === 'object') module.exports = {laneShellMode};
     return t;
   }
   const applyTheme = () => { if (term) term.options.theme = lanesTheme(); };
+  function menuRow(label, tag = 'div', more = '') {
+    const row = make(tag, 'lanes-font-controls' + more);
+    row.append(make('span', '', label));
+    document.querySelector('.zj-mobile-menu')?.prepend(row);
+    return row;
+  }
   function installFontControls() {
-    const row = make('div', 'lanes-font-controls');
-    row.append(make('span', '', 'Text size'));
+    const row = menuRow('Text size');
     const smaller = make('button', '', 'A−'), larger = make('button', '', 'A+');
     aria(smaller, 'Smaller terminal text');
     aria(larger, 'Larger terminal text');
@@ -386,7 +396,9 @@ if (typeof module === 'object') module.exports = {laneShellMode};
     smaller.addEventListener('click', () => {fontSize = Math.max(14, fontSize - 1); applyFont();});
     larger.addEventListener('click', () => {fontSize = Math.min(24, fontSize + 1); applyFont();});
     row.append(smaller, value, larger);
-    document.querySelector('.zj-mobile-menu')?.prepend(row);
+    Object.assign(menuRow('Docs', 'a', ' lanes-session-link'), {href: '/lanes-docs/', target: '_blank'});
+    fetch('/enrol/site', {credentials: 'same-origin'}).then(r => r.json())
+      .then(({version: v}) => /^\d[\w.+-]{0,31}$/.test(v) && menuRow(`Lanes v${v}`)).catch(() => {});
   }
   function refresh() {
     if (!api || !shell) return;
@@ -397,7 +409,7 @@ if (typeof module === 'object') module.exports = {laneShellMode};
     const name = tab?.name.replace(/ ☰$/, '') || 'Lanes';
     const picker = tab?.name.endsWith(' ☰');
     const pane = data()?.panes.find(p => p.pane_id === data()?.active_pane?.pane_id && !p.is_plugin);
-    const counts = parseCounts(pickerTitle(name));
+    const title = pickerTitle(name), counts = parseCounts(title);
     const chips = countParts(counts).map(([glyph, n]) => glyph + n).join(' ');
     text(heading, name);
     if (!hintN) text(subtitle, picker ? chips || 'Choose a lane to continue' : pane?.title || 'Your workspace');
@@ -405,12 +417,13 @@ if (typeof module === 'object') module.exports = {laneShellMode};
     panesButton.hidden = pasteKey.hidden = !!picker;
     const needs = counts ? counts.approval + counts.input : 0;
     if (needs) lanesButton.dataset.count = String(needs); else delete lanesButton.dataset.count;
-    updateLaneFilterBar(picker);
+    updateLaneFilterBar(tab?.name, picker);
     send();
-    const quick = active && !picker;
+    const quick = active && (!picker || / · [›>] \w+$/.test(title) && 2);
     if (quick !== quickOn) {
       quickOn = quick;
       quickRow.hidden = !quick;
+      for (const key of quickRow.children) key.hidden = quick > 1 && !['⏎', 'y', 'Esc'].includes(key.textContent);
       root.style.setProperty('--lanes-quick', quick ? '48px' : '0px');
       resize();
     }

package/payload/lanes/web/upload.css

@@ -0,0 +1,17 @@
+/* Lanes docs page: the drop area (plan W10 W5, LNS-106), phone first; colours: docs.css's token block. */
+.docs-upload { margin: 1em 0; }
+.docs-upload label, .docs-upload select, .docs-upload button { display: block; width: 100%; }
+.docs-upload select, .docs-upload button, .docs-upload input { min-height: 44px; font: inherit; }
+.docs-upload select, .docs-upload button {
+  margin: .4em 0; padding: 8px; border: 1px solid var(--lanes-line); border-radius: 8px;
+  background: var(--lanes-surface-raised); color: var(--lanes-ink);
+}
+.docs-drop {
+  margin: .6em 0; padding: 20px 12px; text-align: center; color: var(--lanes-ink-dim);
+  border: 2px dashed var(--lanes-line); border-radius: 8px;
+}
+.docs-drop.over { border-color: var(--lanes-accent); color: var(--lanes-ink); }
+.docs-drop input { display: block; width: 100%; margin-top: 8px; }
+.docs-drop::after { content: attr(data-count); display: block; color: var(--lanes-accent); }
+.docs-sent { padding-left: 1.2em; overflow-wrap: anywhere; }
+.docs-sent progress { width: 100%; }

package/payload/lanes/web/upload.js

@@ -0,0 +1,84 @@
+// Lanes docs page: the drop area (plan W10 W5, LNS-106). The form works without this; here a drop lands anywhere on
+// the area, the size is checked before sending, progress shows and each file's receipt is listed. web/README.md.
+(function () {
+  'use strict';
+  var form = document.querySelector('form.docs-upload');
+  if (!form) return;
+  var area = form.querySelector('.docs-drop'), input = form.querySelector('input[type=file]'),
+    list = form.querySelector('.docs-sent'), button = form.querySelector('button'),
+    max = +form.getAttribute('data-max') || 0;
+
+  function add(text, href, name) {
+    var li = document.createElement('li'), a;
+    if (href) {
+      a = li.appendChild(document.createElement('a'));
+      a.setAttribute('href', href);
+      a.textContent = name;
+    }
+    li.appendChild(document.createTextNode(text));
+    return list.appendChild(li);
+  }
+
+  function count() {
+    area.setAttribute('data-count', input.files.length ? input.files.length + ' chosen' : '');
+  }
+
+  function over(on) {
+    return function (e) {
+      e.preventDefault();
+      area.classList.toggle('over', on);
+    };
+  }
+
+  area.addEventListener('dragenter', over(true));
+  area.addEventListener('dragover', over(true));
+  area.addEventListener('dragleave', over(false));
+  area.addEventListener('drop', function (e) {
+    over(false)(e);
+    input.files = e.dataTransfer.files;
+    count();
+  });
+  input.addEventListener('change', count);
+
+  form.addEventListener('submit', function (e) {
+    var files = input.files, total = 0, i, x, row, bar;
+    e.preventDefault();
+    if (!files.length) return;
+    for (i = 0; i < files.length; i++) total += files[i].size + 1024;
+    if (max && total > max) {
+      add('Too large: ' + Math.ceil(total / 1048576) + ' MiB; an upload may be ' + max / 1048576 + ' MiB.');
+      return;
+    }
+    x = new XMLHttpRequest();
+    row = add('');
+    bar = row.appendChild(document.createElement('progress'));
+    function done(said) {
+      list.removeChild(row);
+      button.disabled = false;
+      if (said) add(said);
+    }
+    x.upload.onprogress = function (p) {
+      if (p.lengthComputable) bar.value = p.loaded / p.total;
+    };
+    x.onload = function () {
+      var r = {};
+      try {
+        r = JSON.parse(x.responseText);
+      } catch (err) { /* not JSON: said below */ }
+      done('');
+      (r.receipts || []).forEach(function (t) {
+        add(' · ' + t.bytes + ' B · sha256 ' + t.sha256 + ' · ' + t.landed, 'd/' + t.id, t.name);
+      });
+      if (x.status !== 200) add('Refused: ' + (r.error || x.status));
+      input.value = '';
+      count();
+    };
+    x.onerror = function () {
+      done('The upload did not reach the server; try again.');
+    };
+    x.open('POST', form.getAttribute('action'));
+    x.setRequestHeader('Accept', 'application/json');
+    button.disabled = true;
+    x.send(new FormData(form));
+  });
+}());

package/payload/lanes/workspaces.example/README.md

@@ -24,7 +24,9 @@ A lane is whatever the registry says it is: `lanes sync` (every two minutes, rea
 terminal into a lane with a stable id `<board>--<slug of the terminal name>` (with the repository `prefix`). A
 `displayNames` entry, which the sidebar `R` key and `lanes rename <lane-id> <name>` write into the repository's block
 of `workspaces.<board>.json` (first write keeps a `.bak-<UTC>` copy beside it), changes only the shown name, never the
-id. Add a terminal to `.vscode/terminals.json` for an editor-defined lane.
+id. The repository can also name a lane itself with `lanes.terminals[<name>].displayName` in its `terminals.json`;
+the manifest's `displayNames` entry wins over it, and a `displayName` another lane on the board already answers to is
+ignored (the lane keeps its title). Add a terminal to `.vscode/terminals.json` for an editor-defined lane.
 Alternatively, use **+** beside a discovered session to register its existing binding and ID in a workspace
 using the same container. Sync includes these local registrations; they never run a create command.
 Repository declarations take precedence when they declare the same binding. Legacy Docker shells cannot be adopted.

package/payload/lanes/zellij/config.kdl

@@ -194,15 +194,48 @@ keybinds clear-defaults=true {
                 height "1%"
             }
         }
-        // These two still hand a key to the SIDEBAR (a filter and the upload box live there, so the focus must end
-        // on it). WHY THREE MoveFocus "left": a workspace tab is [sidebar | view main | view b | view c] (wide views,
-        // at most 3 viewports) and WriteChars types into whichever pane holds the focus BY THEN; three lefts reach
-        // the sidebar from every viewport and zellij does not wrap at the left edge (tests/view.py). Known limit: a
-        // tab WITHOUT a sidebar (Host, Throttle, the mobile view tab) has nothing to the left, so there the
-        // character still goes to the pane itself.
-        bind "Ctrl Alt /" { MoveFocus "left"; MoveFocus "left"; MoveFocus "left"; WriteChars "/"; }
-        // Arm the sidebar's upload box, then drop files anywhere on the window (a drop = a paste into the focused pane).
-        bind "Ctrl Alt u" { MoveFocus "left"; MoveFocus "left"; MoveFocus "left"; WriteChars "U"; }
+        // These two hand a key to the SIDEBAR (its filter and its upload strip need the keyboard there) and type
+        // nothing (cockpit v3 S4). Three MoveFocus "left" first: a workspace tab is [sidebar | view main | view b |
+        // view c] (wide views, at most 3 viewports), three lefts reach the sidebar from every viewport and zellij does
+        // not wrap at the left edge (tests/view.py). Then `lanes sidebar-key filter|upload --focused`, in a floating
+        // pane that closes when it exits (the next/prev block above), writes views/<device>/<ws>.sidebar.cmd for the
+        // sidebar of this tab; that sidebar acts on it within a tick, and always before the next key it reads. When
+        // the floating pane closes the focus is back on the sidebar. They used to end in WriteChars "/" / "U", which
+        // typed into whatever pane held the focus by then: on a tab without a sidebar (Host, Throttle, the phone's
+        // view tab) the pane itself, a shell or an agent's input. Such a tab now gets nothing.
+        bind "Ctrl Alt /" {
+            MoveFocus "left"
+            MoveFocus "left"
+            MoveFocus "left"
+            Run "lanes" "sidebar-key" "filter" "--focused" {
+                floating true
+                close_on_exit true
+                name "Lanes"
+                x "0%"
+                y "0%"
+                width "1%"
+                height "1%"
+            }
+        }
+        // Arm the sidebar's upload strip, then drop files anywhere on the window (a drop = a paste into the focused pane).
+        bind "Ctrl Alt u" {
+            MoveFocus "left"
+            MoveFocus "left"
+            MoveFocus "left"
+            Run "lanes" "sidebar-key" "upload" "--focused" {
+                floating true
+                close_on_exit true
+                name "Lanes"
+                x "0%"
+                y "0%"
+                width "1%"
+                height "1%"
+            }
+        }
+        // Focus the sidebar, nothing else (cockpit v3 S4): the same three lefts, so its keys can be used; the footer then
+        // says ` ▌ keys go to sidebar · Esc → lane`, and Esc (or any action) gives the keyboard back to the lane.
+        // Ctrl-Alt-s stays the session manager below.
+        bind "Ctrl Alt l" { MoveFocus "left"; MoveFocus "left"; MoveFocus "left"; }
         bind "Ctrl Alt right" { GoToNextTab; }
         bind "Ctrl Alt s" {
             LaunchOrFocusPlugin "session-manager" {
@@ -216,6 +249,12 @@ keybinds clear-defaults=true {
     // children are the pinned style, and test_ctrl_alt_m_is_the_multi_line_floating_run_block pins them. "lanes"
     // is found on the view server's PATH
     // (bin/lanes clean_env: this checkout's bin/), because this file is read in place, never rendered per host.
+    // Quick edit (W9 E1, LNS-95): Ctrl-Alt-e opens the focused lane's AGENTS.md, CLAUDE.md or .env.local in an editor
+    // inside its container, in the same floating geometry; the pane closes when the editor exits. Like the preview it
+    // is off while locked, so a locked view hands Ctrl-Alt-e to the lane. test_keybinds FloatingRunPanes pins both.
+    // Run has no single-instance form (LaunchOrFocus is for plugins only) and this bind fires whichever pane has the
+    // focus, so `lanes edit` is its own guard (DEF-1793): when another Edit pane is open it focuses or names that one
+    // and opens nothing. Its EDIT_PANE is this `name`; test_server_cli EditWiring pins the two together.
     shared_except "locked" {
         bind "Ctrl Alt m" {
             Run "lanes" "preview" "--focused" {
@@ -228,6 +267,17 @@ keybinds clear-defaults=true {
                 height "90%"
             }
         }
+        bind "Ctrl Alt e" {
+            Run "lanes" "edit" "--focused" {
+                floating true
+                close_on_exit true
+                name "Edit"
+                x "10%"
+                y "5%"
+                width "80%"
+                height "90%"
+            }
+        }
     }
     shared_except "normal" "locked" {
         bind "Alt left" { MoveFocusOrTab "left"; }
@@ -376,36 +426,36 @@ osc8_hyperlinks true
 // BEGIN lanes tokens (generated by libexec/tokens.py --kdl; do not edit by hand)
 themes {
     lanes-dark {
-        text_unselected { base "#edf1f5"; background "#101318"; emphasis_0 "#e5b84a"; emphasis_1 "#6fd39a"; emphasis_2 "#b4e3bf"; emphasis_3 "#7fb3f2"; }
-        text_selected { base "#edf1f5"; background "#1a2721"; emphasis_0 "#e5b84a"; emphasis_1 "#6fd39a"; emphasis_2 "#b4e3bf"; emphasis_3 "#7fb3f2"; }
-        ribbon_selected { base "#101318"; background "#b4e3bf"; emphasis_0 "#7a1a12"; emphasis_1 "#101318"; emphasis_2 "#101318"; emphasis_3 "#101318"; }
-        ribbon_unselected { base "#9ca7b5"; background "#191e25"; emphasis_0 "#f28b7d"; emphasis_1 "#edf1f5"; emphasis_2 "#e5b84a"; emphasis_3 "#7fb3f2"; }
-        table_title { base "#b4e3bf"; background "#101318"; emphasis_0 "#e5b84a"; emphasis_1 "#6fd39a"; emphasis_2 "#b4e3bf"; emphasis_3 "#7fb3f2"; }
-        table_cell_selected { base "#edf1f5"; background "#1a2721"; emphasis_0 "#e5b84a"; emphasis_1 "#6fd39a"; emphasis_2 "#b4e3bf"; emphasis_3 "#7fb3f2"; }
-        table_cell_unselected { base "#edf1f5"; background "#101318"; emphasis_0 "#e5b84a"; emphasis_1 "#6fd39a"; emphasis_2 "#b4e3bf"; emphasis_3 "#7fb3f2"; }
-        list_selected { base "#edf1f5"; background "#1a2721"; emphasis_0 "#e5b84a"; emphasis_1 "#6fd39a"; emphasis_2 "#b4e3bf"; emphasis_3 "#7fb3f2"; }
-        list_unselected { base "#edf1f5"; background "#101318"; emphasis_0 "#e5b84a"; emphasis_1 "#6fd39a"; emphasis_2 "#b4e3bf"; emphasis_3 "#7fb3f2"; }
-        frame_selected { base "#b4e3bf"; background "#101318"; emphasis_0 "#e5b84a"; emphasis_1 "#6fd39a"; emphasis_2 "#7fb3f2"; emphasis_3 "#f28b7d"; }
-        frame_highlight { base "#e5b84a"; background "#101318"; emphasis_0 "#f28b7d"; emphasis_1 "#6fd39a"; emphasis_2 "#b4e3bf"; emphasis_3 "#7fb3f2"; }
-        exit_code_success { base "#6fd39a"; background "#101318"; emphasis_0 "#6fd39a"; emphasis_1 "#6fd39a"; emphasis_2 "#6fd39a"; emphasis_3 "#6fd39a"; }
-        exit_code_error { base "#f28b7d"; background "#101318"; emphasis_0 "#f28b7d"; emphasis_1 "#f28b7d"; emphasis_2 "#f28b7d"; emphasis_3 "#f28b7d"; }
-        multiplayer_user_colors { player_1 "#7fb3f2"; player_2 "#e5b84a"; player_3 "#6fd39a"; player_4 "#f28b7d"; player_5 "#b4e3bf"; player_6 "#c9a6ff"; player_7 "#6fd6d0"; player_8 "#f7cf7f"; player_9 "#8fe0a3"; player_10 "#ff9d96"; }
+        text_unselected { base "#f2f5f8"; background "#101318"; emphasis_0 "#ffc233"; emphasis_1 "#5fdc8a"; emphasis_2 "#8fe3a6"; emphasis_3 "#6fb6ff"; }
+        text_selected { base "#f2f5f8"; background "#1c3326"; emphasis_0 "#ffc233"; emphasis_1 "#5fdc8a"; emphasis_2 "#8fe3a6"; emphasis_3 "#6fb6ff"; }
+        ribbon_selected { base "#101318"; background "#8fe3a6"; emphasis_0 "#7a1a12"; emphasis_1 "#101318"; emphasis_2 "#101318"; emphasis_3 "#101318"; }
+        ribbon_unselected { base "#a6b1be"; background "#191e25"; emphasis_0 "#ff7b6e"; emphasis_1 "#f2f5f8"; emphasis_2 "#ffc233"; emphasis_3 "#6fb6ff"; }
+        table_title { base "#8fe3a6"; background "#101318"; emphasis_0 "#ffc233"; emphasis_1 "#5fdc8a"; emphasis_2 "#8fe3a6"; emphasis_3 "#6fb6ff"; }
+        table_cell_selected { base "#f2f5f8"; background "#1c3326"; emphasis_0 "#ffc233"; emphasis_1 "#5fdc8a"; emphasis_2 "#8fe3a6"; emphasis_3 "#6fb6ff"; }
+        table_cell_unselected { base "#f2f5f8"; background "#101318"; emphasis_0 "#ffc233"; emphasis_1 "#5fdc8a"; emphasis_2 "#8fe3a6"; emphasis_3 "#6fb6ff"; }
+        list_selected { base "#f2f5f8"; background "#1c3326"; emphasis_0 "#ffc233"; emphasis_1 "#5fdc8a"; emphasis_2 "#8fe3a6"; emphasis_3 "#6fb6ff"; }
+        list_unselected { base "#f2f5f8"; background "#101318"; emphasis_0 "#ffc233"; emphasis_1 "#5fdc8a"; emphasis_2 "#8fe3a6"; emphasis_3 "#6fb6ff"; }
+        frame_selected { base "#8fe3a6"; background "#101318"; emphasis_0 "#ffc233"; emphasis_1 "#5fdc8a"; emphasis_2 "#6fb6ff"; emphasis_3 "#ff7b6e"; }
+        frame_highlight { base "#ffc233"; background "#101318"; emphasis_0 "#ff7b6e"; emphasis_1 "#5fdc8a"; emphasis_2 "#8fe3a6"; emphasis_3 "#6fb6ff"; }
+        exit_code_success { base "#5fdc8a"; background "#101318"; emphasis_0 "#5fdc8a"; emphasis_1 "#5fdc8a"; emphasis_2 "#5fdc8a"; emphasis_3 "#5fdc8a"; }
+        exit_code_error { base "#ff7b6e"; background "#101318"; emphasis_0 "#ff7b6e"; emphasis_1 "#ff7b6e"; emphasis_2 "#ff7b6e"; emphasis_3 "#ff7b6e"; }
+        multiplayer_user_colors { player_1 "#6fb6ff"; player_2 "#ffc233"; player_3 "#5fdc8a"; player_4 "#ff7b6e"; player_5 "#8fe3a6"; player_6 "#c58bff"; player_7 "#3fd9cf"; player_8 "#ffd866"; player_9 "#86f0ad"; player_10 "#ff9a8e"; }
     }
     lanes-light {
-        text_unselected { base "#17241b"; background "#f3f5f2"; emphasis_0 "#8a5a00"; emphasis_1 "#1b7142"; emphasis_2 "#2f6b45"; emphasis_3 "#2456a8"; }
-        text_selected { base "#17241b"; background "#e5f0e6"; emphasis_0 "#8a5a00"; emphasis_1 "#1b7142"; emphasis_2 "#2f6b45"; emphasis_3 "#2456a8"; }
-        ribbon_selected { base "#ffffff"; background "#2f6b45"; emphasis_0 "#ffd3cc"; emphasis_1 "#ffffff"; emphasis_2 "#ffffff"; emphasis_3 "#ffffff"; }
-        ribbon_unselected { base "#56616d"; background "#ffffff"; emphasis_0 "#b7322a"; emphasis_1 "#17241b"; emphasis_2 "#8a5a00"; emphasis_3 "#2456a8"; }
-        table_title { base "#2f6b45"; background "#f3f5f2"; emphasis_0 "#8a5a00"; emphasis_1 "#1b7142"; emphasis_2 "#2f6b45"; emphasis_3 "#2456a8"; }
-        table_cell_selected { base "#17241b"; background "#e5f0e6"; emphasis_0 "#8a5a00"; emphasis_1 "#1b7142"; emphasis_2 "#2f6b45"; emphasis_3 "#2456a8"; }
-        table_cell_unselected { base "#17241b"; background "#f3f5f2"; emphasis_0 "#8a5a00"; emphasis_1 "#1b7142"; emphasis_2 "#2f6b45"; emphasis_3 "#2456a8"; }
-        list_selected { base "#17241b"; background "#e5f0e6"; emphasis_0 "#8a5a00"; emphasis_1 "#1b7142"; emphasis_2 "#2f6b45"; emphasis_3 "#2456a8"; }
-        list_unselected { base "#17241b"; background "#f3f5f2"; emphasis_0 "#8a5a00"; emphasis_1 "#1b7142"; emphasis_2 "#2f6b45"; emphasis_3 "#2456a8"; }
-        frame_selected { base "#2f6b45"; background "#f3f5f2"; emphasis_0 "#8a5a00"; emphasis_1 "#1b7142"; emphasis_2 "#2456a8"; emphasis_3 "#b7322a"; }
-        frame_highlight { base "#8a5a00"; background "#f3f5f2"; emphasis_0 "#b7322a"; emphasis_1 "#1b7142"; emphasis_2 "#2f6b45"; emphasis_3 "#2456a8"; }
-        exit_code_success { base "#1b7142"; background "#f3f5f2"; emphasis_0 "#1b7142"; emphasis_1 "#1b7142"; emphasis_2 "#1b7142"; emphasis_3 "#1b7142"; }
-        exit_code_error { base "#b7322a"; background "#f3f5f2"; emphasis_0 "#b7322a"; emphasis_1 "#b7322a"; emphasis_2 "#b7322a"; emphasis_3 "#b7322a"; }
-        multiplayer_user_colors { player_1 "#2456a8"; player_2 "#8a5a00"; player_3 "#1b7142"; player_4 "#b7322a"; player_5 "#2f6b45"; player_6 "#7a3fb8"; player_7 "#0f7b7b"; player_8 "#8f5a00"; player_9 "#1b7a38"; player_10 "#c2332a"; }
+        text_unselected { base "#111a14"; background "#f3f5f2"; emphasis_0 "#a04d00"; emphasis_1 "#0d7338"; emphasis_2 "#1f6f3f"; emphasis_3 "#1a56c4"; }
+        text_selected { base "#111a14"; background "#e5f0e6"; emphasis_0 "#a04d00"; emphasis_1 "#0d7338"; emphasis_2 "#1f6f3f"; emphasis_3 "#1a56c4"; }
+        ribbon_selected { base "#ffffff"; background "#1f6f3f"; emphasis_0 "#ffd3cc"; emphasis_1 "#ffffff"; emphasis_2 "#ffffff"; emphasis_3 "#ffffff"; }
+        ribbon_unselected { base "#4a5661"; background "#ffffff"; emphasis_0 "#c41c1c"; emphasis_1 "#111a14"; emphasis_2 "#a04d00"; emphasis_3 "#1a56c4"; }
+        table_title { base "#1f6f3f"; background "#f3f5f2"; emphasis_0 "#a04d00"; emphasis_1 "#0d7338"; emphasis_2 "#1f6f3f"; emphasis_3 "#1a56c4"; }
+        table_cell_selected { base "#111a14"; background "#e5f0e6"; emphasis_0 "#a04d00"; emphasis_1 "#0d7338"; emphasis_2 "#1f6f3f"; emphasis_3 "#1a56c4"; }
+        table_cell_unselected { base "#111a14"; background "#f3f5f2"; emphasis_0 "#a04d00"; emphasis_1 "#0d7338"; emphasis_2 "#1f6f3f"; emphasis_3 "#1a56c4"; }
+        list_selected { base "#111a14"; background "#e5f0e6"; emphasis_0 "#a04d00"; emphasis_1 "#0d7338"; emphasis_2 "#1f6f3f"; emphasis_3 "#1a56c4"; }
+        list_unselected { base "#111a14"; background "#f3f5f2"; emphasis_0 "#a04d00"; emphasis_1 "#0d7338"; emphasis_2 "#1f6f3f"; emphasis_3 "#1a56c4"; }
+        frame_selected { base "#1f6f3f"; background "#f3f5f2"; emphasis_0 "#a04d00"; emphasis_1 "#0d7338"; emphasis_2 "#1a56c4"; emphasis_3 "#c41c1c"; }
+        frame_highlight { base "#a04d00"; background "#f3f5f2"; emphasis_0 "#c41c1c"; emphasis_1 "#0d7338"; emphasis_2 "#1f6f3f"; emphasis_3 "#1a56c4"; }
+        exit_code_success { base "#0d7338"; background "#f3f5f2"; emphasis_0 "#0d7338"; emphasis_1 "#0d7338"; emphasis_2 "#0d7338"; emphasis_3 "#0d7338"; }
+        exit_code_error { base "#c41c1c"; background "#f3f5f2"; emphasis_0 "#c41c1c"; emphasis_1 "#c41c1c"; emphasis_2 "#c41c1c"; emphasis_3 "#c41c1c"; }
+        multiplayer_user_colors { player_1 "#1a56c4"; player_2 "#a04d00"; player_3 "#0d7338"; player_4 "#c41c1c"; player_5 "#1f6f3f"; player_6 "#8228c4"; player_7 "#006f73"; player_8 "#a85200"; player_9 "#0e7a3a"; player_10 "#d0221a"; }
     }
 }
 theme_dark "lanes-dark"
@@ -414,25 +464,25 @@ web_client {
     font "monospace"
     theme {
         background "#101318"
-        foreground "#edf1f5"
-        black "#7d8896"
-        red "#f28b7d"
-        green "#6fd39a"
-        yellow "#e5b84a"
-        blue "#7fb3f2"
-        magenta "#c9a6ff"
-        cyan "#6fd6d0"
-        white "#9ca7b5"
-        bright_black "#8a95a3"
-        bright_red "#ff9d96"
-        bright_green "#8fe0a3"
-        bright_yellow "#f7cf7f"
-        bright_blue "#a5cbff"
-        bright_magenta "#dcc6ff"
-        bright_cyan "#9ae6e0"
-        bright_white "#edf1f5"
-        selection_background "#1a2721"
-        selection_foreground "#edf1f5"
+        foreground "#f2f5f8"
+        black "#8792a0"
+        red "#ff7b6e"
+        green "#5fdc8a"
+        yellow "#ffc233"
+        blue "#6fb6ff"
+        magenta "#c58bff"
+        cyan "#3fd9cf"
+        white "#a6b1be"
+        bright_black "#97a3b1"
+        bright_red "#ff9a8e"
+        bright_green "#86f0ad"
+        bright_yellow "#ffd866"
+        bright_blue "#98cbff"
+        bright_magenta "#dcb2ff"
+        bright_cyan "#7deee6"
+        bright_white "#f2f5f8"
+        selection_background "#1c3326"
+        selection_foreground "#f2f5f8"
     }
 }
 // END lanes tokens

package/payload/manifest.json

@@ -1,8 +1,8 @@
 {
  "name": "@vibelord/lanes",
- "version": "1.1.1",
- "commit": "34ec2d7ba9a5f13e72c812d3e2fce116e170e260",
- "digest": "sha256:c10719aaa2279205460136ed3589f349d1e22dce32ddfb77584586d68ae1b3a4",
+ "version": "1.3.0",
+ "commit": "cf8bfb3df12fb6210350adb6b3e481f29051ffae",
+ "digest": "sha256:7e3cce373458d09b77c588dfb98b00777ceda08df504b319bcdf7d26cc3cc206",
  "executables": [
   "bin/lanes",
   "client/install.sh",
@@ -11,6 +11,8 @@
   "client/lanes-window",
   "client/omarchy/discover.sh",
   "container/lane",
+  "container/lane-edit",
+  "container/lane-mcp",
   "container/lane-run",
   "container/lane-signal",
   "holders/exec.sh",
@@ -18,6 +20,7 @@
   "holders/tmux.sh",
   "holders/zmx.sh",
   "install.sh",
+  "install/enable-docs.sh",
   "install/enable-studio-host.sh",
   "install/enable-web.sh",
   "install/host-install.sh",