@vibelord/lanes 1.0.0 → 1.0.2

package/payload/lanes/web/mobile.js

@@ -1,16 +1,31 @@
-/* Lanes mobile shell. Uses the public window hooks in the pinned Zellij 0.45.1 client.
- * Authentication, terminal input, rendering, and transport remain in the upstream client. */
+/* Lanes browser shell; see web/README.md, Code notes */
+function laneShellMode({userAgent, coarse, width, height} = {}) {
+  if (/iPhone|iPod|Android.*Mobile/i.test(userAgent) || (coarse && (width <= 600 || height <= 500))) return 'phone';
+  return coarse ? 'tablet' : 'desktop';
+}
+if (typeof module === 'object') module.exports = {laneShellMode};
 (() => {
   'use strict';
-  const isPhone = /iPhone|iPod|Android.*Mobile/i.test(navigator.userAgent) ||
-    (matchMedia('(pointer: coarse)').matches && innerWidth <= 600);
-  if (!isPhone) return;
+  if (typeof document === 'undefined') return;
+  const mode = laneShellMode({userAgent: navigator.userAgent, coarse: matchMedia('(pointer: coarse)').matches,
+    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']};
+  // END lanes tokens
+  root.dataset.lanesShell = mode;
+  if (mode !== 'phone') {
+    const add = (tag, props) => document.head.append(Object.assign(document.createElement(tag), props));
+    add('link', {rel: 'stylesheet', href: '/lanes-assets/browser.css'});
+    add('script', {src: '/lanes-assets/browser.js'});
+  }
+  if (mode === 'desktop') return;
   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 (_) {}
+  }
 
-  // Only a browser's native tap/focus on an input may summon the keyboard. Zellij
-  // otherwise refocuses a hidden input on touchstart, touchend, click and server
-  // SetSoftKeyboard messages. Install before its first terminal or login modal.
   const elementFocus = HTMLElement.prototype.focus;
   HTMLElement.prototype.focus = function(...args) {
     const textInput = this instanceof HTMLInputElement &&
@@ -18,11 +33,7 @@
     if (textInput || this instanceof HTMLTextAreaElement || this.isContentEditable) return;
     return elementFocus.apply(this, args);
   };
-  Object.defineProperty(window, '__zjSoftKbdEnabled', {
-    configurable: false,
-    get: () => false,
-    set: () => {},
-  });
+  Object.defineProperty(window, '__zjSoftKbdEnabled', {configurable: false, get: () => false, set: () => {}});
   try {
     const theme = localStorage.getItem('zellij:mobile-theme') || 'dark';
     localStorage.setItem('zellij:mobile-theme', theme);
@@ -56,7 +67,7 @@
     el.addEventListener('click', action);
     return el;
   };
-  let shell, heading, subtitle, dock, sheet, list, search, count, lanesButton, typingField;
+  let shell, heading, subtitle, dock, sheet, list, search, count, lanesButton, typingField, quickRow, quickOn;
   let laneFilterBar, laneFilterInput, laneFilterPrev = '';
   let api, term, previousCards = '', sheetOpen = false, returnFocus;
   let fontSize = 16;
@@ -75,9 +86,7 @@
     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`);
-    // Browser toolbars alone must not put the UI into keyboard mode.
     const occluded = !!vv && innerHeight - vv.height - vv.offsetTop > 120;
-    // Zellij's keyboard input lives in a closed shadow root, so activeElement is its host.
     const focused = window.__zjSoftKbdCapture?.isFocused || document.activeElement?.matches('input, textarea');
     setKeyboard(occluded && focused);
   }
@@ -97,19 +106,14 @@
     label.innerHTML = svg('keyboard');
     label.append(make('span', '', 'Type here'));
     label.setAttribute('aria-hidden', 'true');
-    // Keep the original input and its event handlers inside its closed shadow
-    // root (including its protection from password-manager extensions). Make it
-    // a real, tappable field instead of a 1px invisible focus target. Keystrokes
-    // appear in the terminal; its internal padding/history stays invisible.
     host.removeAttribute('aria-hidden');
     host.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;opacity:1;pointer-events:auto;';
     capture.removeAttribute('aria-hidden');
     capture.setAttribute('aria-label', 'Type in terminal');
     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 = '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;';
     field.append(label, host);
     capture.addEventListener('focus', () => field.classList.add('is-typing'));
     capture.addEventListener('blur', () => field.classList.remove('is-typing'));
@@ -124,6 +128,20 @@
   function currentTab() {
     return data()?.tabs.find(t => t.position === data()?.active_pane?.tab_position);
   }
+  const GLYPHS = '◆◇▸✓', TONES = ['urgent', 'attention', 'working', 'done'];
+  function parseCounts(title) {
+    const c = {approval: 0, input: 0, working: 0, done: 0}, keys = Object.keys(c);
+    let found = 0;
+    for (const [, g, n] of String(title || '').matchAll(/([◆◇▸✓])(\d+)/g)) { c[keys[GLYPHS.indexOf(g)]] = +n; found = 1; }
+    return found ? c : null;
+  }
+  window.__lanesParseCounts = parseCounts;
+  const countParts = c => c ? Object.values(c).map((n, i) => [GLYPHS[i], n, TONES[i]]).filter(p => p[1]) : [];
+  const pickerTab = name => data()?.tabs.find(t => t.name === `${name} ☰`);
+  function pickerTitle(name) {
+    const picker = pickerTab(name);
+    return picker ? data()?.panes.find(p => p.tab_position === picker.position && !p.is_plugin)?.title || '' : '';
+  }
   function workspaces() {
     const tabs = data()?.tabs || [];
     const pickers = tabs.filter(t => t.name.endsWith(' ☰'));
@@ -159,12 +177,14 @@
     const items = workspaces();
     const activeName = (currentTab()?.name || '').replace(/ ☰$/, '');
     const query = search.value.trim().toLocaleLowerCase();
-    const signature = JSON.stringify([items, activeName, query]);
+    const titles = items.map(w => w.picker ? pickerTitle(w.name) : '');
+    const signature = JSON.stringify([items, titles, activeName, query]);
     if (signature === previousCards) return;
     previousCards = signature;
     list.replaceChildren();
     text(count, `${items.length} workspaces`);
-    for (const item of items.filter(w => w.name.toLocaleLowerCase().includes(query))) {
+    for (const [index, item] of items.entries()) {
+      if (!item.name.toLocaleLowerCase().includes(query)) continue;
       const active = item.name === activeName;
       const card = make('button', `lanes-workspace${active ? ' is-current' : ''}`);
       card.type = 'button';
@@ -172,7 +192,10 @@
       if (active) card.setAttribute('aria-current', 'true');
       const monogram = make('span', 'lanes-monogram', Array.from(item.name)[0]?.toUpperCase() || 'L');
       const copy = make('span', 'lanes-workspace-copy');
-      copy.append(make('strong', '', item.name), make('small', '', item.picker ? 'Choose a lane' : 'Open workspace'));
+      const small = make('small'), parts = countParts(parseCounts(titles[index]));
+      parts.forEach(([g, n, tone], i) => small.append(i ? ' · ' : '', make('span', `lanes-tone-${tone}`, `${g} ${n}`)));
+      if (!parts.length) small.textContent = item.picker ? 'Choose a lane' : 'Open workspace';
+      copy.append(make('strong', '', item.name), small);
       const arrow = make('span', 'lanes-workspace-arrow');
       arrow.innerHTML = svg(active ? 'check' : 'arrow');
       card.append(monogram, copy, arrow);
@@ -197,8 +220,7 @@
     dock = make('nav', 'lanes-dock'); dock.setAttribute('aria-label', 'Workspace controls');
     const spaces = button('Workspaces', 'workspaces', openSheet);
     lanesButton = button('Lanes', 'lanes', () => {
-      const name = (currentTab()?.name || '').replace(/ ☰$/, '');
-      const picker = data()?.tabs.find(t => t.name === `${name} ☰`);
+      const picker = pickerTab((currentTab()?.name || '').replace(/ ☰$/, ''));
       if (picker) focusTab(picker); else openSheet();
     });
     const panes = button('Panes', 'panes', () => nativeClick('.zj-pane'));
@@ -233,11 +255,10 @@
       if (ev.shiftKey && document.activeElement === first) {ev.preventDefault(); last.focus();}
       else if (!ev.shiftKey && document.activeElement === last) {ev.preventDefault(); first.focus();}
     });
-    shell.append(header, dock, sheet); document.body.append(shell);
+    quickRow = buildQuickRow();
+    shell.append(header, quickRow, dock, sheet); document.body.append(shell);
+    if (mode === 'tablet') more.before(dock);
     root.classList.add('lanes-ready');
-    // Upstream cancels pointerdown on extra keys, which also suppresses their
-    // touch click in Safari. Cancel mousedown instead: keep typing focus while
-    // allowing the native click to activate CTRL, arrows, and the other keys.
     for (const key of document.querySelectorAll('.zj-mobile-modbar button')) {
       key.addEventListener('pointerdown', ev => ev.stopImmediatePropagation(), true);
       key.addEventListener('mousedown', ev => ev.preventDefault());
@@ -246,31 +267,39 @@
     resize();
   }
   function sendToTerminal(bytes) {
-    // Inject bytes into the active Zellij terminal. Try the control API first,
-    // then fall back to the keyboard capture element.
-    if (window.__zjSendControl) {
-      try { window.__zjSendControl({type: 'Write', bytes}); return; } catch (_) {}
-    }
-    const el = window.__zjSoftKbdCapture?.element;
-    if (!el) return;
-    const text = String.fromCharCode(...bytes);
-    el.focus({preventScroll: true});
-    try { document.execCommand('insertText', false, text); } catch (_) {}
+    try { window.__zjSendControl?.({type: 'Write', bytes}); } catch (_) {}
   }
   function applyLaneFilter(query) {
-    const esc = [0x1b], slash = [0x2f];
-    const bytes = [...esc, ...slash, ...Array.from(query).map(c => c.charCodeAt(0) & 0x7f).filter(b => b >= 0x20)];
-    sendToTerminal(bytes);
+    const bytes = [...new TextEncoder().encode(query)].filter(b => b >= 0x20 && b !== 0x7f);
+    sendToTerminal([0x1b, 0x2f, ...bytes]);
+  }
+  function buildQuickRow() {
+    const row = make('div', 'lanes-quick');
+    row.hidden = true;
+    for (const [label, bytes, name, hold] of [['⏎', [13], 'Enter'], ['y', [121]], ['n', [110], 0, 1], ['Esc', [27]],
+      ['^C', [3], 'Control C', 1], ['↑', [27, 91, 65], 'Up'], ['↓', [27, 91, 66], 'Down']]) {
+      const key = make('button', hold ? 'is-destructive' : '', label);
+      let down = -1;
+      key.type = 'button'; if (name) key.setAttribute('aria-label', name);
+      key.addEventListener('mousedown', ev => ev.preventDefault());
+      key.addEventListener('pointerdown', ev => { down = ev.timeStamp; });
+      key.addEventListener('pointerup', ev => {
+        if (!hold || (down >= 0 && ev.timeStamp - down >= 400)) sendToTerminal(bytes); else text(subtitle, 'Hold to send');
+        down = -1;
+      });
+      row.append(key);
+    }
+    return row;
   }
   function clearLaneFilter() {
-    sendToTerminal([0x1b]);   // Esc clears the sidebar's filter mode
+    sendToTerminal([0x1b]);
     laneFilterPrev = '';
     if (laneFilterInput) laneFilterInput.value = '';
   }
   function buildLaneFilterBar() {
     const bar = make('div', 'lanes-filter-bar');
     bar.setAttribute('aria-label', 'Filter lanes');
-    bar.setAttribute('hidden', '');
+    bar.hidden = true;
     bar.innerHTML = svg('search');
     laneFilterInput = make('input');
     laneFilterInput.type = 'search'; laneFilterInput.placeholder = 'Filter lanes';
@@ -299,6 +328,17 @@
     text(document.getElementById('lanes-font-value'), `${fontSize} px`);
     resize();
   }
+  function lanesTheme() {
+    const css = getComputedStyle(root), v = p => css.getPropertyValue(p).trim();
+    const t = {background: v('--lanes-surface'), foreground: v('--lanes-ink'), cursor: v('--lanes-accent'),
+      selectionBackground: v('--lanes-accent-wash'), selectionForeground: v('--lanes-ink')};
+    LANES_ANSI[root.dataset.zjTheme === 'light' ? 'light' : 'dark'].forEach((c, i) => {
+      const k = 'Black Red Green Yellow Blue Magenta Cyan White'.split(' ')[i % 8];
+      t[i < 8 ? k.toLowerCase() : 'bright' + k] = c;
+    });
+    return t;
+  }
+  const applyTheme = () => { if (term) term.options.theme = lanesTheme(); };
   function installFontControls() {
     const row = make('div', 'lanes-font-controls');
     row.append(make('span', '', 'Text size'));
@@ -320,20 +360,32 @@
     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 chips = countParts(counts).map(([glyph, n]) => glyph + n).join(' ');
     text(heading, name);
-    text(subtitle, picker ? 'Choose a lane to continue' : pane?.title || 'Your workspace');
+    text(subtitle, picker ? chips || 'Choose a lane to continue' : pane?.title || 'Your workspace');
     lanesButton.setAttribute('aria-pressed', String(!!picker));
+    const needs = counts ? counts.approval + counts.input : 0;
+    if (needs) lanesButton.dataset.count = String(needs); else delete lanesButton.dataset.count;
     updateLaneFilterBar(picker);
-    document.title = `${name} · Lanes`;
+    const quick = active && !picker;
+    if (quick !== quickOn) {
+      quickOn = quick;
+      quickRow.hidden = !quick;
+      root.style.setProperty('--lanes-quick', quick ? '48px' : '0px');
+      resize();
+    }
+    document.title = `${chips ? chips + ' · ' : ''}${name} · Lanes`;
     renderCards();
   }
   function connect() {
     if (api || !window.__zjMobileUi || !window.term || !window.__zjSoftKbdCapture?.element) return;
-    // Wait for server state: resizing before the control socket opens makes 0.45.1
-    // throw InvalidStateError and leaves the server with the old terminal size.
     if (!window.__zjMobileUi.getState()?.data?.tabs?.length) return;
     api = window.__zjMobileUi; term = window.term;
-    build(); applyFont();
+    build(); applyFont(); applyTheme();
+    const sync = window.__zjSyncInactiveCursorStyle;
+    window.__zjSyncInactiveCursorStyle = () => { sync?.(); applyTheme(); };
+    new MutationObserver(applyTheme).observe(root, {attributes: true, attributeFilter: ['data-zj-theme']});
     const setData = api.setData;
     api.setData = function(value) {setData.call(api, value); refresh();};
     const nativeRoot = document.getElementById('zj-mobile-root');
@@ -354,14 +406,12 @@
   window.visualViewport?.addEventListener('scroll', viewport);
   window.addEventListener('zellij:soft-keyboard-visibility', () => {
     viewport();
-    // A rotation also shrinks the viewport. Correct upstream's height-only keyboard heuristic.
     requestAnimationFrame(() => window.__zjSendControl?.({
       type: 'SoftKeyboardVisibilityChanged', visible: root.classList.contains('lanes-keyboard'),
     }));
   });
   document.addEventListener('focusout', () => requestAnimationFrame(viewport));
   new MutationObserver(() => {styleLogin(); connect();}).observe(document.body, {childList: true});
-  // The upstream window hooks are installed just after it appends its mobile root.
   const awaitingClient = setInterval(() => {connect(); if (api) clearInterval(awaitingClient);}, 200);
   styleLogin(); connect();
 })();

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

@@ -13,10 +13,16 @@ Copy this folder to `~/.config/lanes/workspaces/` and edit it.
 | `catalog.json` | The boards, in tab order: `id` (also the uploads/watch-folder name), `title` (the tab), `manifest`. |
 | `workspaces.<board>.json` | Where the board's lanes come from: one or more `repositories`, each naming the workspace **container** (`host`) and the board's terminal registry (`registry`: the repository's `.vscode/terminals.json`). Optional per repository: `prefix` (prepended to lane titles), `displayNames`, `bindingOverrides` (tmux socket/session for a terminal whose registry entry has none), `cursor` (a second file to project the board into, for boards whose registry lives outside a repository). `monitor` adds the full-pane Throttle monitor tab. |
 | `commit-targets.json` | Only for `lanes cursor-commit`: repository, branch and author for committing the normalized registries. |
+| `registered-sessions.json` | Optional, created by **Add to workspace** or `lanes register`: `version: 1`, plus `sessions` records with `id`, `workspace`, `name`, `container`, `tmux: {socket, session}`, and `folder`. Preserve this file in site backups. |
 
-A lane is whatever the registry says it is: `lanes sync` (every two minutes, read-only) turns each terminal into a
-lane with a stable id `<board>--<slug of the terminal name>`. Adding a lane = adding a terminal to the repository's
-`.vscode/terminals.json`; nothing in this folder changes.
+A lane is whatever the registry says it is: `lanes sync` (every two minutes, read-only) turns each repository
+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.
+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.
 
 After editing: `lanes sync && lanes doctor`.
 

package/payload/lanes/zellij/config.kdl

@@ -1,8 +1,10 @@
 // lanes host view configuration. Generated from the user's coder-launch keybinding scheme
 // (clear-defaults, Ctrl-Alt prefix: every ordinary key reaches the agent). Edit here; this file is versioned.
+// Ctrl-g is never bound (plan Task 19): it reaches the lane (Claude Code opens its editor on it); the lock is
+// Ctrl-Alt-g, in and out, and the LOCKED ribbon turns on-accent-urgent while it is on (spec §5.2).
 keybinds clear-defaults=true {
     normal {
-        bind "Ctrl g" { SwitchToMode "locked"; }
+        bind "Ctrl Alt g" { SwitchToMode "locked"; }
         bind "Ctrl Alt p" { SwitchToMode "pane"; }
         bind "Ctrl Alt t" { SwitchToMode "tab"; }
         bind "Ctrl Alt n" { SwitchToMode "resize"; }
@@ -12,7 +14,7 @@ keybinds clear-defaults=true {
         bind "Ctrl Alt f" { SwitchToMode "scroll"; }
     }
     locked {
-        bind "Ctrl g" { SwitchToMode "normal"; }
+        bind "Ctrl Alt g" { SwitchToMode "normal"; }
     }
     pane {
         bind "left" { MoveFocus "left"; }
@@ -164,19 +166,40 @@ keybinds clear-defaults=true {
         bind "Ctrl Alt End" { ScrollToBottom; SwitchToMode "normal"; }
         bind "Ctrl Alt c" { Copy; }
         bind "Ctrl Alt left" { GoToPreviousTab; }
-        // lanes: workspaces are tabs (Ctrl-Alt-←/→); lanes live in the sidebar. These reach the sidebar
-        // from anywhere in the tab: it opens the previous/next lane (or starts a filter) and hands focus back.
-        //
-        // 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. One "left" reaches the
-        // sidebar only from `main`; pressed in viewport b or c it stopped on a LANE and the "J"/"K" was typed into
-        // the agent. Three lefts reach the sidebar from every viewport, and zellij does not wrap at the left edge, so
-        // the surplus moves are no-ops. tests/view.py proves both (3 lefts land on the sidebar, a 4th stays there, the
-        // real Ctrl-Alt-Down bytes from viewport 2 put no "J" on any lane). More viewports = more lefts here.
-        // 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 down" { MoveFocus "left"; MoveFocus "left"; MoveFocus "left"; WriteChars "J"; }
-        bind "Ctrl Alt up" { MoveFocus "left"; MoveFocus "left"; MoveFocus "left"; WriteChars "K"; }
+        // lanes: workspaces are tabs (Ctrl-Alt-←/→); lanes live in the sidebar. Next / previous lane (plan Task 19)
+        // types nothing: `lanes next|prev --focused` points the FOCUSED viewport (the first one when the sidebar has
+        // the focus) at the neighbouring lane of its board, exactly as Enter in the sidebar does, from a floating pane
+        // that closes when it exits. The focus stays where it was. On a tab without a board (Host, Throttle) it does
+        // nothing — the old WriteChars bind typed its "J"/"K" into that tab's pane. "lanes" is found on the view
+        // server's PATH (bin/lanes clean_env), as for Ctrl-Alt-m below.
+        bind "Ctrl Alt down" {
+            Run "lanes" "next" "--focused" {
+                floating true
+                close_on_exit true
+                name "Lanes"
+                x "0%"
+                y "0%"
+                width "1%"
+                height "1%"
+            }
+        }
+        bind "Ctrl Alt up" {
+            Run "lanes" "prev" "--focused" {
+                floating true
+                close_on_exit true
+                name "Lanes"
+                x "0%"
+                y "0%"
+                width "1%"
+                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"; }
@@ -188,6 +211,24 @@ keybinds clear-defaults=true {
             }
         }
     }
+    // Markdown preview (spec §5.4): the newest markdown file the focused lane named, in a floating pane that closes
+    // when the pager quits. Both Run forms parse on Zellij 0.45.1 (measured 2026-10-04, DEF-1453); the multi-line
+    // 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.
+    shared_except "locked" {
+        bind "Ctrl Alt m" {
+            Run "lanes" "preview" "--focused" {
+                floating true
+                close_on_exit true
+                name "Preview"
+                x "10%"
+                y "5%"
+                width "80%"
+                height "90%"
+            }
+        }
+    }
     shared_except "normal" "locked" {
         bind "Alt left" { MoveFocusOrTab "left"; }
         bind "Alt down" { MoveFocus "down"; }
@@ -199,7 +240,7 @@ keybinds clear-defaults=true {
         bind "Alt [" { PreviousSwapLayout; }
         bind "Alt ]" { NextSwapLayout; }
         bind "Alt f" { ToggleFloatingPanes; }
-        bind "Ctrl g" { SwitchToMode "locked"; }
+        bind "Ctrl Alt g" { SwitchToMode "locked"; }
         bind "Alt h" { MoveFocusOrTab "left"; }
         bind "Alt i" { MoveTab "left"; }
         bind "Alt j" { MoveFocus "down"; }
@@ -331,12 +372,80 @@ env {
     FORCE_COLOR "3"
     FORCE_HYPERLINK "1"
 }
+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"; }
+    }
+    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"; }
+    }
+}
+theme_dark "lanes-dark"
+theme_light "lanes-light"
 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"
+    }
 }
-osc8_hyperlinks true
-theme_dark "tokyo-night"
-theme_light "catppuccin-latte"
+// END lanes tokens
+// Chrome: straight frames to match the sidebar's ─ rules; the session name is noise in a 14-tab bar; simplified_ui
+// removes the compact-bar's Private-Use-Area chevrons — the one glyph the cockpit needed a Nerd Font for. Tabs
+// render as [ Sakio ] ribbons: accent-on-dark for the active one (ribbon_selected), dim-on-raised for the rest.
+ui {
+    pane_frames {
+        rounded_corners false
+        hide_session_name true
+    }
+}
+simplified_ui true
 default_mode "normal"
 mouse_mode true
 copy_clipboard "system"

package/payload/manifest.json

@@ -1,8 +1,8 @@
 {
  "name": "@vibelord/lanes",
- "version": "1.0.0",
- "commit": "a3692b61a114c851b493618bf7f5446b7a84336a",
- "digest": "sha256:20b6265bee253def6bce29dbf66e35678e6ecbe9c81c86b03cdf2091660bb5ae",
+ "version": "1.0.2",
+ "commit": "a8c1fcdf78e24125b9d4c0b32618a16448445acc",
+ "digest": "sha256:162bffbf04a2c3a478fe1fce82b9953e609b5450edd106bba28e265df9ba464a",
  "executables": [
   "bin/lanes",
   "client/install.sh",
@@ -12,15 +12,19 @@
   "client/omarchy/discover.sh",
   "container/lane",
   "container/lane-run",
+  "container/lane-signal",
   "holders/exec.sh",
+  "holders/ssh.sh",
   "holders/tmux.sh",
   "holders/zmx.sh",
   "install.sh",
   "install/enable-web.sh",
   "install/host-install.sh",
+  "libexec/connection.py",
   "libexec/sidebar",
   "libexec/sidebar.py",
   "libexec/statusd.py",
+  "libexec/tokens.py",
   "libexec/view.sh",
   "sudo/host-guard.sh",
   "sudo/one-time-root.sh"