claude-code-kanban 7.2.0 → 7.4.0

package/public/index.html

@@ -138,6 +138,7 @@
                 class="pf-input"
                 placeholder="Any project"
                 autocomplete="off"
+                data-bwignore data-1p-ignore data-lpignore="true"
                 spellcheck="false"
                 role="combobox"
                 aria-expanded="true"
@@ -169,6 +170,8 @@
               type="text"
               class="search-input"
               placeholder="Search tasks, sessions, projects..."
+              autocomplete="off"
+              data-bwignore data-1p-ignore data-lpignore="true"
               oninput="handleSearch(this.value)"
             />
             <button id="search-clear-btn" class="search-clear" onclick="clearSearch()" title="Clear search" aria-label="Clear search">
@@ -503,7 +506,7 @@
       </div>
       <div class="help-bar">
         <div class="help-tabs" id="help-tabs" role="tablist" aria-label="Shortcut groups"></div>
-        <input type="search" id="help-filter" class="form-input help-filter" placeholder="Filter shortcuts" aria-label="Filter shortcuts" autocomplete="off" spellcheck="false">
+        <input type="search" id="help-filter" class="form-input help-filter" placeholder="Filter shortcuts" aria-label="Filter shortcuts" autocomplete="off" data-bwignore data-1p-ignore data-lpignore="true" spellcheck="false">
       </div>
       <div class="modal-body">
         <dl class="shortcuts" id="help-shortcuts"></dl>
@@ -802,7 +805,7 @@
           <label class="ns-label" for="ns-folder">Folder</label>
           <div class="ns-field ns-folder-field">
             <div class="ns-inline">
-              <input type="text" id="ns-folder" class="form-input" placeholder="Type to find a project" autocomplete="off" spellcheck="false" role="combobox" aria-expanded="false" aria-controls="ns-folder-list">
+              <input type="text" id="ns-folder" class="form-input" placeholder="Type to find a project" autocomplete="off" data-bwignore data-1p-ignore data-lpignore="true" spellcheck="false" role="combobox" aria-expanded="false" aria-controls="ns-folder-list">
               <button type="button" id="ns-browse" class="btn btn-secondary ns-browse" onclick="browseNewSessionFolder()">Browse…</button>
             </div>
             <div id="ns-folder-list" class="ns-dropdown" role="listbox" hidden></div>
@@ -811,7 +814,7 @@
         <div class="ns-row ns-extra">
           <label class="ns-label" for="ns-name">Name</label>
           <div class="ns-field">
-            <input type="text" id="ns-name" class="form-input" placeholder="Optional" maxlength="80" autocomplete="off" spellcheck="false">
+            <input type="text" id="ns-name" class="form-input" placeholder="Optional" maxlength="80" autocomplete="off" data-bwignore data-1p-ignore data-lpignore="true" spellcheck="false">
           </div>
         </div>
         <div class="ns-row ns-extra">
@@ -828,7 +831,7 @@
           <div class="ns-field">
             <div class="ns-inline">
               <label class="ns-check"><input type="checkbox" id="ns-wt"> New worktree</label>
-              <input type="text" id="ns-wt-name" class="form-input" placeholder="Name (optional)" maxlength="64" autocomplete="off" spellcheck="false" disabled aria-label="Worktree name">
+              <input type="text" id="ns-wt-name" class="form-input" placeholder="Name (optional)" maxlength="64" autocomplete="off" data-bwignore data-1p-ignore data-lpignore="true" spellcheck="false" disabled aria-label="Worktree name">
             </div>
             <div id="ns-wt-hint" class="ns-hint" hidden></div>
           </div>
@@ -849,6 +852,7 @@
       </div>
       <div class="modal-footer ns-footer">
         <label class="ns-check ns-stay" title="Start in the background and keep the current view"><input type="checkbox" id="ns-stay"> Stay here</label>
+        <label class="ns-check ns-edit" title="Open a shell in the folder with the claude command typed in. Press Enter to run it."><input type="checkbox" id="ns-edit"> Edit before run</label>
         <button type="button" class="btn btn-secondary" onclick="closeNewSession()">Cancel</button>
         <button type="button" id="ns-start" class="btn btn-primary" onclick="startNewSession()" disabled>Start</button>
       </div>
@@ -863,7 +867,7 @@
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
         </button>
       </div>
-      <input id="pane-pop-input" class="form-input" placeholder="Search linked docs, or paste a URL or a file path" autocomplete="off" spellcheck="false">
+      <input id="pane-pop-input" class="form-input" placeholder="Search linked docs, or paste a URL or a file path" autocomplete="off" data-bwignore data-1p-ignore data-lpignore="true" spellcheck="false">
       <div id="pane-pop-detect" class="pane-pop-detect"></div>
       <div class="pane-pop-label">Linked docs</div>
       <div id="pane-pop-docs" class="pane-pop-docs"></div>
@@ -873,7 +877,7 @@
 
   <div id="session-picker-modal" class="modal-overlay top-aligned" onclick="closeSessionPicker()">
     <div class="modal session-picker" onclick="event.stopPropagation()">
-      <input type="text" id="session-picker-input" class="form-input sp-input" placeholder="Jump to session..." autocomplete="off" spellcheck="false">
+      <input type="text" id="session-picker-input" class="form-input sp-input" placeholder="Jump to session..." autocomplete="off" data-bwignore data-1p-ignore data-lpignore="true" spellcheck="false">
       <div class="sp-body">
         <div id="session-picker-list" class="sp-list"></div>
         <div id="session-picker-peek" class="sp-peek"></div>
@@ -884,7 +888,7 @@
 
   <div id="project-picker-modal" class="modal-overlay top-aligned" onclick="closeProjectPicker()">
     <div class="modal session-picker" onclick="event.stopPropagation()">
-      <input type="text" id="project-picker-input" class="form-input sp-input" placeholder="Filter by project..." autocomplete="off" spellcheck="false">
+      <input type="text" id="project-picker-input" class="form-input sp-input" placeholder="Filter by project..." autocomplete="off" data-bwignore data-1p-ignore data-lpignore="true" spellcheck="false">
       <div class="pp-chips">
         <button type="button" class="pf-recent" id="pp-recent-chip" aria-pressed="false" title="List only projects active in the last 24h" onclick="ppToggleRecentOnly()">Recent</button>
       </div>

package/public/style.css

@@ -3909,6 +3909,49 @@ code.language-tree .hljs-title {
   background: #fff;
 }
 
+.pane-url-bar {
+  position: absolute;
+  right: 12px;
+  bottom: 12px;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 3px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg-elevated);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
+  font-family: var(--font-mono);
+  font-size: 12px;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.15s;
+}
+
+.pane-view:hover > .pane-url-bar,
+.pane-view.frame-focus > .pane-url-bar {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.pane-url-bar .icon-btn {
+  width: auto;
+  min-width: 26px;
+  height: 24px;
+  padding: 0 6px;
+  border-color: transparent;
+  font: inherit;
+}
+
+.pane-url-bar .pane-keys {
+  display: none;
+  color: var(--accent);
+}
+
+.pane-view.frame-focus .pane-keys {
+  display: flex;
+}
+
 .pane-doc {
   flex: 1;
   min-height: 0;
@@ -7100,7 +7143,8 @@ select.form-input option:checked {
 
 /* #region SESSION_PICKER */
 .modal.session-picker {
-  max-height: 70vh;
+  max-width: 920px;
+  max-height: 74vh;
   padding: 12px;
   display: flex;
   flex-direction: column;
@@ -7109,9 +7153,9 @@ select.form-input option:checked {
 }
 
 .sp-input {
-  padding: 9px 12px;
+  padding: 10px 12px;
   background: var(--bg-deep);
-  font-size: 13px;
+  font-size: 14px;
 }
 
 .modal.session-picker.peeking {
@@ -7154,7 +7198,7 @@ select.form-input option:checked {
   gap: 8px;
   margin-bottom: 6px;
   font-family: var(--mono);
-  font-size: 11px;
+  font-size: 11.5px;
   color: var(--text-muted);
   white-space: nowrap;
   overflow: hidden;
@@ -7172,13 +7216,13 @@ select.form-input option:checked {
   align-items: center;
   gap: 8px;
   width: 100%;
-  padding: 6px 8px;
+  padding: 7px 8px;
   background: none;
   border: 1px solid transparent;
   border-radius: 5px;
   color: var(--text-secondary);
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: 13px;
   text-align: left;
   cursor: pointer;
 }
@@ -7287,14 +7331,14 @@ select.form-input option:checked {
   border-radius: 3px;
   background: var(--bg-hover);
   color: var(--text-tertiary);
-  font-size: 11px;
+  font-size: 11.5px;
 }
 
 .sp-count,
 .sp-time {
   flex: none;
   color: var(--text-muted);
-  font-size: 11px;
+  font-size: 11.5px;
   white-space: nowrap;
 }
 
@@ -7333,7 +7377,7 @@ select.form-input option:checked {
 
 /* #region NEW_SESSION */
 .modal.new-session-modal {
-  width: 520px;
+  width: 640px;
   max-width: calc(100vw - 32px);
   overflow: visible;
 }
@@ -7462,7 +7506,8 @@ select.form-input option:checked {
   accent-color: var(--accent);
 }
 
-.ns-inline .form-input:disabled {
+.ns-inline .form-input:disabled,
+.ns-check:has(input:disabled) {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -7545,15 +7590,27 @@ select.form-input option:checked {
   border-top: 1px solid var(--border);
 }
 
-.ns-stay {
-  margin-right: auto;
+.ns-stay,
+.ns-edit {
   color: var(--text-tertiary);
 }
 
-.new-session-modal.ns-resume .ns-stay {
+.ns-edit {
+  margin-right: auto;
+}
+
+.new-session-modal.ns-resume .ns-stay,
+.new-session-modal.ns-resume .ns-edit {
   visibility: hidden;
 }
 
+.ns-footer .btn-primary {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .ns-footer .btn-primary:disabled {
   opacity: 0.5;
   cursor: not-allowed;

package/public/terminal-frame.js

@@ -11,12 +11,14 @@
   const modsOf = (e) =>
     [e.ctrlKey && 'ctrl', e.altKey && 'alt', e.shiftKey && 'shift', e.metaKey && 'meta'].filter(Boolean).join('+');
 
-  // A claim names a key by its physical code, or by its character when the layout moves it.
+  // A claim names a key by its physical code, or by its character when the layout moves it. A press
+  // that AltGr turns into a character (Polish AltGr+S is 'ś') is matched by its character only.
   function keySigs(e) {
     const mods = modsOf(e);
-    return [e.code && `${mods}|c:${e.code}`, typeof e.key === 'string' && `${mods}|k:${e.key.toLowerCase()}`].filter(
-      Boolean,
-    );
+    return [
+      e.code && !e.getModifierState?.('AltGraph') && `${mods}|c:${e.code}`,
+      typeof e.key === 'string' && `${mods}|k:${e.key.toLowerCase()}`,
+    ].filter(Boolean);
   }
 
   const claimSig = (c) => keySigs(c)[0];

package/public/vendor/claude-hub-sdk.js

@@ -1,18 +1,51 @@
-// claude-hub-sdk 1.2.0 (sha256 62c7d9f477b2). Copied by npm run sdk:sync in claude-code-hub. Do not edit.
-// Claude Code Hub SDK stub: what an app serves when no hub runs it. Under a hub, the hub hands the
-// app its real SDK (client.js) in place of this file. The API must match client.js; a test checks it.
-((root) => {
+// claude-hub-sdk 1.4.0 (sha256 7d559a8888ce). Copied by npm run sdk:sync in claude-code-hub. Do not edit.
+// Claude Code Hub SDK: the one rule that names a key press, shared by the hub page, client.js and
+// stub.js. The hub serves it to its page as /sdk/keys.js; mount() and sdk:sync put it in front of
+// client.js and stub.js, so an app still loads one file.
+// var, not const: the hub page and an app page each load it as a classic script, and a second
+// const declaration in the same page would throw.
+var ClaudeHubKeys = (() => {
   'use strict';
 
-  // A copy of client.js comboOf(); a test checks they match.
+  // Modifiers in ctrl, alt, shift, meta order, joined by '+' to the key. macOS composes
+  // Option+<key> into a character (Option+1 is '¡', Option+P is 'π') and holding Control does not
+  // undo it, so e.key alone cannot name these presses there. e.code is the physical key, which is
+  // wrong for non-US layouts, hence only as a fallback. No fallback under AltGraph: Chromium sets it
+  // when AltGr types a character, and that press is text. Takes a real KeyboardEvent or a forwarded
+  // {key, code} payload; a payload without code degrades to key. A payload needs no AltGraph: the
+  // SDK forwards only a press whose key already names a bound combo.
+  // Self-contained on purpose: cck puts its source text into a sandboxed frame.
   function comboOf(e) {
     const lower = typeof e.key === 'string' ? e.key.toLowerCase() : '';
-    const m = /^(?:Key|Digit)([A-Z1-9])$/.exec(e.code || '');
+    const m = !e.getModifierState?.('AltGraph') && /^(?:Key|Digit)([A-Z1-9])$/.exec(e.code || '');
     const key = /^[a-z1-9]$/.test(lower) ? lower : m ? m[1].toLowerCase() : e.key;
     const mods = [e.ctrlKey && 'ctrl', e.altKey && 'alt', e.shiftKey && 'shift', e.metaKey && 'meta'];
     return [...mods, key].filter(Boolean).join('+');
   }
 
+  // The keys of a combo as a help row shows them: ['Ctrl', 'Alt', 'P'], or ['⌃', '⌥', 'P'] on macOS.
+  // The {n} of a numbered combo reads 1…9.
+  function keyParts(combo, mac) {
+    const mods = mac
+      ? { ctrl: '⌃', alt: '⌥', shift: '⇧', meta: '⌘' }
+      : { ctrl: 'Ctrl', alt: 'Alt', shift: 'Shift', meta: 'Win' };
+    const named = { '{n}': '1…9', ArrowLeft: '←', ArrowRight: '→', ArrowUp: '↑', ArrowDown: '↓' };
+    return combo.split('+').map((k) => mods[k] ?? named[k] ?? (k.length === 1 ? k.toUpperCase() : k));
+  }
+
+  return { comboOf, keyParts };
+})();
+
+if (typeof module === 'object' && module.exports) module.exports = ClaudeHubKeys;
+
+// Claude Code Hub SDK stub: what an app serves when no hub runs it. Under a hub, the hub hands the
+// app its real SDK (client.js) in place of this file. The API must match client.js; a test checks it.
+((root) => {
+  'use strict';
+
+  // keys.js comes first in the synced file. Required as a module, stub.js loads it itself.
+  const { comboOf } = typeof ClaudeHubKeys === 'object' ? ClaudeHubKeys : require('./keys');
+
   function createClaudeHub(win) {
     let hub = null;
     const off = () => {};
@@ -43,6 +76,7 @@
         can: (action) => !!standaloneFn(action),
         forwards: () => false,
         forwardCombos: () => [],
+        keyLabel: () => null,
         closeGuard() {},
         openExternal(url) {
           win.open(url, '_blank', 'noopener');