claude-code-kanban 3.0.1 → 3.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-kanban",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "A web-based Kanban board for viewing Claude Code tasks with agent teams support",
   "main": "server.js",
   "bin": {

package/public/app.js

@@ -2798,9 +2798,9 @@ function navigateSession(direction, items) {
     const restoredIdx = selectedSessionKbId ? items.findIndex((el) => getKbId(el) === selectedSessionKbId) : -1;
     newIdx = restoredIdx >= 0 ? restoredIdx : 0;
   }
-  if (newIdx >= 0 && newIdx < items.length) {
-    selectSessionByIndex(newIdx, items);
-  }
+  if (newIdx < 0) newIdx = items.length - 1;
+  else if (newIdx >= items.length) newIdx = 0;
+  selectSessionByIndex(newIdx, items);
 }
 
 function setGroupCollapsed(header, collapsed) {
@@ -3981,6 +3981,22 @@ document.addEventListener('keydown', (e) => {
     toggleScratchpad();
     return;
   }
+  if (e.key === '$' && !e.ctrlKey && !e.altKey && !e.metaKey) {
+    e.preventDefault();
+    hubNavigate('cost', contextSid ? `?view=detail&session=${encodeURIComponent(contextSid)}` : undefined);
+    return;
+  }
+  if (matchKey(e, 'KeyM')) {
+    e.preventDefault();
+    const mSession = contextSid ? sessions.find((s) => s.id === contextSid) : null;
+    hubNavigate('marketplace', mSession?.project ? `?project=${encodeURIComponent(mSession.project)}` : undefined);
+    return;
+  }
+  if (matchKey(e, 'KeyT')) {
+    e.preventDefault();
+    toggleTheme();
+    return;
+  }
   if (e.key === '?' || (e.key === '/' && e.shiftKey)) {
     e.preventDefault();
     showHelpModal();
@@ -4601,7 +4617,6 @@ function updateThemeColor(isLight) {
 //#endregion
 
 //#region THEME
-// biome-ignore lint/correctness/noUnusedVariables: used in HTML
 function toggleTheme() {
   const isCurrentlyLight = document.body.classList.contains('light');
   if (isCurrentlyLight) {

package/public/index.html

@@ -46,7 +46,7 @@
       <header class="sidebar-header">
         <div class="logo">
           <div class="logo-mark">
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+            <svg viewBox="4 6 16 12" fill="none" stroke="currentColor" stroke-width="2.5">
               <path d="M5 13l4 4L19 7"/>
             </svg>
           </div>
@@ -396,6 +396,18 @@
                 <td style="padding: 4px 0; color: var(--text-secondary);"><kbd style="background: var(--bg-hover); padding: 2px 6px; border-radius: 4px; font-family: monospace;">N</kbd></td>
                 <td style="padding: 4px 0; color: var(--text-primary);">Toggle scratchpad</td>
               </tr>
+              <tr>
+                <td style="padding: 4px 0; color: var(--text-secondary);"><kbd style="background: var(--bg-hover); padding: 2px 6px; border-radius: 4px; font-family: monospace;">T</kbd></td>
+                <td style="padding: 4px 0; color: var(--text-primary);">Toggle theme</td>
+              </tr>
+              <tr>
+                <td style="padding: 4px 0; color: var(--text-secondary);"><kbd style="background: var(--bg-hover); padding: 2px 6px; border-radius: 4px; font-family: monospace;">$</kbd></td>
+                <td style="padding: 4px 0; color: var(--text-primary);">Jump to cost</td>
+              </tr>
+              <tr>
+                <td style="padding: 4px 0; color: var(--text-secondary);"><kbd style="background: var(--bg-hover); padding: 2px 6px; border-radius: 4px; font-family: monospace;">M</kbd></td>
+                <td style="padding: 4px 0; color: var(--text-primary);">Jump to marketplace</td>
+              </tr>
               <tr>
                 <td style="padding: 4px 0; color: var(--text-secondary);"><kbd style="background: var(--bg-hover); padding: 2px 6px; border-radius: 4px; font-family: monospace;">Shift+S</kbd></td>
                 <td style="padding: 4px 0; color: var(--text-primary);">Storage manager</td>