claude-code-kanban 3.1.1 → 3.1.2

package/package.json

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

package/public/app.js

@@ -1463,17 +1463,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);
 }
@@ -3993,7 +3995,15 @@ document.addEventListener('keydown', (e) => {
   }
   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')) {

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,