claude-code-kanban 3.1.1 → 3.2.0

package/package.json

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

package/public/app.js

@@ -25,7 +25,7 @@ let agentPollInterval = null;
 let selectedTaskId = null;
 let selectedSessionId = null;
 let focusZone = 'board'; // 'board' | 'sidebar'
-let appConfig = { marketplaceUrl: null, costUrl: null };
+let appConfig = { marketplaceUrl: null, costUrl: null, memoryUrl: null };
 let selectedSessionIdx = -1;
 let selectedSessionKbId = null;
 let sessionJustSelected = false;
@@ -1330,6 +1330,8 @@ function _renderPinToDetail(pin) {
 const SESSION_PIN_SVG = PIN_SVG.replace('width="14" height="14"', 'width="12" height="12"');
 const MARKETPLACE_SVG =
   '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 01-8 0"/></svg>';
+const MEMORY_SVG =
+  '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg>';
 
 //#endregion
 
@@ -1463,17 +1465,19 @@ function updateFullscreenBtnIcon(btnId, isFullscreen) {
 }
 
 let _toastTimer = null;
+let _manualRefreshing = false;
 //#endregion
 
 //#region TOAST
-function showToast(msg) {
+function showToast(msg, type) {
   const el = document.getElementById('toast');
   clearTimeout(_toastTimer);
   el.style.transition = 'none';
-  el.classList.remove('visible');
+  el.classList.remove('visible', 'toast-success', 'toast-error', 'toast-info');
   void el.offsetHeight;
   el.style.transition = '';
   el.textContent = msg;
+  if (type) el.classList.add(`toast-${type}`);
   el.classList.add('visible');
   _toastTimer = setTimeout(() => el.classList.remove('visible'), 2000);
 }
@@ -2242,6 +2246,7 @@ function renderSessions() {
                 ${session.planSourceSessionId ? `<span class="plan-indicator" title="Implements plan — click to reveal plan session" onclick="event.stopPropagation(); revealPlanSession('${escapeHtml(session.planSourceSessionId)}')">📋</span>` : ''}
                 ${session.hasWaitingForUser ? '<span class="agent-badge" title="Waiting for user">❓</span>' : ''}
                 ${(window.__HUB__?.enabled || appConfig.marketplaceUrl) && session.project ? `<span class="marketplace-btn" data-project-path="${escapeHtml(session.project)}" onclick="event.stopPropagation(); openMarketplace(this.dataset.projectPath)" title="Open in Marketplace">${MARKETPLACE_SVG}</span>` : ''}
+                ${(window.__HUB__?.enabled || appConfig.memoryUrl) && session.project ? `<span class="marketplace-btn" data-project-path="${escapeHtml(session.project)}" onclick="event.stopPropagation(); openMemory(this.dataset.projectPath)" title="Open in Memory">${MEMORY_SVG}</span>` : ''}
                 ${isLive ? '<span class="pulse"></span>' : ''}
               </span>
               <div class="progress-bar"><div class="progress-fill" style="width: ${percent}%"></div></div>
@@ -3991,9 +3996,23 @@ document.addEventListener('keydown', (e) => {
     hubNavigate('marketplace', mSession?.project ? `?project=${encodeURIComponent(mSession.project)}` : undefined);
     return;
   }
+  if (e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey && e.key === 'm') {
+    e.preventDefault();
+    const mSession = contextSid ? sessions.find((s) => s.id === contextSid) : null;
+    hubNavigate('memory', mSession?.project ? `?project=${encodeURIComponent(mSession.project)}` : undefined);
+    return;
+  }
   if (matchKey(e, 'KeyR')) {
     e.preventDefault();
-    location.reload();
+    if (_manualRefreshing) return;
+    _manualRefreshing = true;
+    const refreshes = [fetchSessions()];
+    if (currentSessionId) refreshes.push(fetchTasks(currentSessionId));
+    Promise.all(refreshes)
+      .then(() => showToast('Data refreshed', 'success'))
+      .finally(() => {
+        _manualRefreshing = false;
+      });
     return;
   }
   if (matchKey(e, 'KeyT')) {
@@ -5105,6 +5124,18 @@ function openMarketplace(projectPath) {
   }
 }
 
+// biome-ignore lint/correctness/noUnusedVariables: used in HTML
+function openMemory(projectPath) {
+  const params = new URLSearchParams({ project: projectPath });
+  if (window.__HUB__?.enabled) {
+    hubNavigate('memory', `?${params}`);
+  } else if (appConfig.memoryUrl) {
+    const url = new URL(appConfig.memoryUrl);
+    url.search = params.toString();
+    window.open(url.toString(), '_blank');
+  }
+}
+
 //#endregion
 
 //#region OWNER_FILTER

package/public/style.css

@@ -2076,29 +2076,38 @@ body::before {
 }
 .toast {
   position: fixed;
-  bottom: 24px;
-  left: 24px;
-  transform: translateY(20px);
+  bottom: 16px;
+  left: 16px;
   background: var(--bg-elevated);
-  color: var(--accent-text);
   border: 1px solid var(--border);
-  border-left: 3px solid var(--accent);
-  border-radius: 8px;
-  padding: 10px 20px;
-  font-size: 13px;
-  font-weight: 600;
+  border-radius: 6px;
+  padding: 8px 14px;
+  font-size: 11px;
+  color: var(--text-secondary);
   z-index: 10000;
   opacity: 0;
+  transform: translateY(10px);
   transition:
-    opacity 0.25s,
-    transform 0.25s;
+    opacity 0.2s ease,
+    transform 0.2s ease;
   pointer-events: none;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
 }
 .toast.visible {
   opacity: 1;
   transform: translateY(0);
 }
+.toast.toast-success {
+  border-color: var(--success);
+  color: var(--success);
+}
+.toast.toast-error {
+  border-color: #f85149;
+  color: #f85149;
+}
+.toast.toast-info {
+  border-color: var(--accent);
+  color: var(--accent);
+}
 .rendered-md h1,
 .rendered-md h2,
 .rendered-md h3,

package/server.js

@@ -60,6 +60,7 @@ function getArgUrl(argName, envName) {
 
 const MARKETPLACE_URL = getArgUrl('marketplace-url', 'MARKETPLACE_URL');
 const COST_URL = getArgUrl('cost-url', 'COST_URL');
+const MEMORY_URL = getArgUrl('memory-url', 'MEMORY_URL');
 const CLAUDE_DIR = getClaudeDir();
 const TASKS_DIR = path.join(CLAUDE_DIR, 'tasks');
 const PROJECTS_DIR = path.join(CLAUDE_DIR, 'projects');
@@ -1277,7 +1278,7 @@ app.get('/api/version', (req, res) => {
 });
 
 app.get('/api/config', (req, res) => {
-  res.json({ marketplaceUrl: MARKETPLACE_URL, costUrl: COST_URL });
+  res.json({ marketplaceUrl: MARKETPLACE_URL, costUrl: COST_URL, memoryUrl: MEMORY_URL });
 });
 
 // API: Get all tasks across all sessions