claude-code-kanban 7.19.0 → 7.21.0

package/public/themes.css

@@ -52,7 +52,7 @@ body:not([data-color-theme]):not(.light) {
   --text-primary: #f0f1f3;
   --text-secondary: #c2c4c9;
   --text-tertiary: #9a9da5;
-  --text-muted: #7d808a;
+  --text-muted: #858891;
 }
 body.light:not([data-color-theme]) {
   --accent: #e86f33;
@@ -67,7 +67,7 @@ body.light:not([data-color-theme]) {
   --text-primary: #0a0a0a;
   --text-secondary: #2c2c2c;
   --text-tertiary: #565656;
-  --text-muted: #767676;
+  --text-muted: #666666;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced):not([data-color-theme]) {
@@ -83,7 +83,7 @@ body:not(.dark-forced):not([data-color-theme]) {
   --text-primary: #0a0a0a;
   --text-secondary: #2c2c2c;
   --text-tertiary: #565656;
-  --text-muted: #767676;
+  --text-muted: #666666;
 }
 }
 
@@ -101,7 +101,7 @@ body[data-color-theme="gruvbox"]:not(.light) {
   --text-primary: #ebdbb2;
   --text-secondary: #d5c4a1;
   --text-tertiary: #bdae93;
-  --text-muted: #928374;
+  --text-muted: #a69782;
 }
 body.light[data-color-theme="gruvbox"] {
   --accent: #d65d0e;
@@ -115,8 +115,8 @@ body.light[data-color-theme="gruvbox"] {
   --border: #c9bc9d;
   --text-primary: #3c3836;
   --text-secondary: #504945;
-  --text-tertiary: #665c54;
-  --text-muted: #7c6f64;
+  --text-tertiary: #5f564f;
+  --text-muted: #70645b;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="gruvbox"] {
@@ -131,8 +131,8 @@ body:not(.dark-forced)[data-color-theme="gruvbox"] {
   --border: #c9bc9d;
   --text-primary: #3c3836;
   --text-secondary: #504945;
-  --text-tertiary: #665c54;
-  --text-muted: #7c6f64;
+  --text-tertiary: #5f564f;
+  --text-muted: #70645b;
 }
 }
 
@@ -150,7 +150,7 @@ body[data-color-theme="catppuccin"]:not(.light) {
   --text-primary: #cdd6f4;
   --text-secondary: #bac2de;
   --text-tertiary: #a6adc8;
-  --text-muted: #7f849c;
+  --text-muted: #82879f;
 }
 body.light[data-color-theme="catppuccin"] {
   --accent: #8839ef;
@@ -164,8 +164,8 @@ body.light[data-color-theme="catppuccin"] {
   --border: #bcc0cc;
   --text-primary: #4c4f69;
   --text-secondary: #5c5f77;
-  --text-tertiary: #6c6f85;
-  --text-muted: #8c8fa1;
+  --text-tertiary: #545770;
+  --text-muted: #63667d;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="catppuccin"] {
@@ -180,8 +180,8 @@ body:not(.dark-forced)[data-color-theme="catppuccin"] {
   --border: #bcc0cc;
   --text-primary: #4c4f69;
   --text-secondary: #5c5f77;
-  --text-tertiary: #6c6f85;
-  --text-muted: #8c8fa1;
+  --text-tertiary: #545770;
+  --text-muted: #63667d;
 }
 }
 
@@ -198,8 +198,8 @@ body[data-color-theme="tokyo-night"]:not(.light) {
   --border: #3b4261;
   --text-primary: #c0caf5;
   --text-secondary: #a9b1d6;
-  --text-tertiary: #787c99;
-  --text-muted: #565f89;
+  --text-tertiary: #959cbe;
+  --text-muted: #838aaf;
 }
 body.light[data-color-theme="tokyo-night"] {
   --accent: #2e7de9;
@@ -213,8 +213,8 @@ body.light[data-color-theme="tokyo-night"] {
   --border: #a8aecb;
   --text-primary: #343b58;
   --text-secondary: #565a6e;
-  --text-tertiary: #6c6e75;
-  --text-muted: #848cb5;
+  --text-tertiary: #505466;
+  --text-muted: #5d627a;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="tokyo-night"] {
@@ -229,8 +229,8 @@ body:not(.dark-forced)[data-color-theme="tokyo-night"] {
   --border: #a8aecb;
   --text-primary: #343b58;
   --text-secondary: #565a6e;
-  --text-tertiary: #6c6e75;
-  --text-muted: #848cb5;
+  --text-tertiary: #505466;
+  --text-muted: #5d627a;
 }
 }
 
@@ -247,8 +247,8 @@ body[data-color-theme="solarized"]:not(.light) {
   --border: #586e75;
   --text-primary: #e2dfd0;
   --text-secondary: #b7c0bf;
-  --text-tertiary: #93a1a1;
-  --text-muted: #839496;
+  --text-tertiary: #b7beb7;
+  --text-muted: #9faaa7;
 }
 body.light[data-color-theme="solarized"] {
   --accent: #2280c2;
@@ -262,8 +262,8 @@ body.light[data-color-theme="solarized"] {
   --border: #cdc4ab;
   --text-primary: #073642;
   --text-secondary: #4f6369;
-  --text-tertiary: #586e75;
-  --text-muted: #728589;
+  --text-tertiary: #385861;
+  --text-muted: #4a666e;
   --sidebar-bg: #e6dfc7;
   --sidebar-item-bg: #f3ecd6;
 }
@@ -280,8 +280,8 @@ body:not(.dark-forced)[data-color-theme="solarized"] {
   --border: #cdc4ab;
   --text-primary: #073642;
   --text-secondary: #4f6369;
-  --text-tertiary: #586e75;
-  --text-muted: #728589;
+  --text-tertiary: #385861;
+  --text-muted: #4a666e;
   --sidebar-bg: #e6dfc7;
   --sidebar-item-bg: #f3ecd6;
 }
@@ -300,8 +300,8 @@ body[data-color-theme="dracula"]:not(.light) {
   --border: #565a75;
   --text-primary: #f8f8f2;
   --text-secondary: #d8d8d2;
-  --text-tertiary: #b0b3c5;
-  --text-muted: #6272a4;
+  --text-tertiary: #b2b5c6;
+  --text-muted: #9aa1bc;
 }
 body.light[data-color-theme="dracula"] {
   --accent: #7c3aed;
@@ -315,8 +315,8 @@ body.light[data-color-theme="dracula"] {
   --border: #c9c9d6;
   --text-primary: #16161e;
   --text-secondary: #34343f;
-  --text-tertiary: #5a5a68;
-  --text-muted: #787885;
+  --text-tertiary: #575765;
+  --text-muted: #666674;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="dracula"] {
@@ -331,8 +331,8 @@ body:not(.dark-forced)[data-color-theme="dracula"] {
   --border: #c9c9d6;
   --text-primary: #16161e;
   --text-secondary: #34343f;
-  --text-tertiary: #5a5a68;
-  --text-muted: #787885;
+  --text-tertiary: #575765;
+  --text-muted: #666674;
 }
 }
 
@@ -349,8 +349,8 @@ body[data-color-theme="nord"]:not(.light) {
   --border: #4c566a;
   --text-primary: #eceff4;
   --text-secondary: #d8dee9;
-  --text-tertiary: #aeb6c5;
-  --text-muted: #7b88a1;
+  --text-tertiary: #bec4d1;
+  --text-muted: #a7b0c1;
 }
 body.light[data-color-theme="nord"] {
   --accent: #5e81ac;
@@ -365,7 +365,7 @@ body.light[data-color-theme="nord"] {
   --text-primary: #2e3440;
   --text-secondary: #3b4252;
   --text-tertiary: #4c566a;
-  --text-muted: #6b7589;
+  --text-muted: #5e687c;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="nord"] {
@@ -381,7 +381,7 @@ body:not(.dark-forced)[data-color-theme="nord"] {
   --text-primary: #2e3440;
   --text-secondary: #3b4252;
   --text-tertiary: #4c566a;
-  --text-muted: #6b7589;
+  --text-muted: #5e687c;
 }
 }
 
@@ -398,8 +398,8 @@ body[data-color-theme="rose-pine"]:not(.light) {
   --border: #403d52;
   --text-primary: #e0def4;
   --text-secondary: #c5c2dd;
-  --text-tertiary: #908caa;
-  --text-muted: #6e6a86;
+  --text-tertiary: #a09db9;
+  --text-muted: #8e8ba7;
 }
 body.light[data-color-theme="rose-pine"] {
   --accent: #907aa9;
@@ -413,8 +413,8 @@ body.light[data-color-theme="rose-pine"] {
   --border: #cecacd;
   --text-primary: #575279;
   --text-secondary: #635e87;
-  --text-tertiary: #6e6a88;
-  --text-muted: #857f96;
+  --text-tertiary: #5a557b;
+  --text-muted: #6a6485;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="rose-pine"] {
@@ -429,8 +429,8 @@ body:not(.dark-forced)[data-color-theme="rose-pine"] {
   --border: #cecacd;
   --text-primary: #575279;
   --text-secondary: #635e87;
-  --text-tertiary: #6e6a88;
-  --text-muted: #857f96;
+  --text-tertiary: #5a557b;
+  --text-muted: #6a6485;
 }
 }
 
@@ -447,8 +447,8 @@ body[data-color-theme="everforest"]:not(.light) {
   --border: #475258;
   --text-primary: #d3c6aa;
   --text-secondary: #bfb6a3;
-  --text-tertiary: #9da9a0;
-  --text-muted: #859289;
+  --text-tertiary: #c3bea7;
+  --text-muted: #a8ab9a;
 }
 body.light[data-color-theme="everforest"] {
   --accent: #6f8352;
@@ -462,8 +462,8 @@ body.light[data-color-theme="everforest"] {
   --border: #d3d2bf;
   --text-primary: #3d484e;
   --text-secondary: #55636b;
-  --text-tertiary: #66705f;
-  --text-muted: #7a8577;
+  --text-tertiary: #515b56;
+  --text-muted: #606a62;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="everforest"] {
@@ -478,8 +478,8 @@ body:not(.dark-forced)[data-color-theme="everforest"] {
   --border: #d3d2bf;
   --text-primary: #3d484e;
   --text-secondary: #55636b;
-  --text-tertiary: #66705f;
-  --text-muted: #7a8577;
+  --text-tertiary: #515b56;
+  --text-muted: #606a62;
 }
 }
 
@@ -497,7 +497,7 @@ body[data-color-theme="kanagawa"]:not(.light) {
   --text-primary: #dcd7ba;
   --text-secondary: #c8c093;
   --text-tertiary: #a6a69c;
-  --text-muted: #727169;
+  --text-muted: #94948a;
 }
 body.light[data-color-theme="kanagawa"] {
   --accent: #4d699b;
@@ -511,8 +511,8 @@ body.light[data-color-theme="kanagawa"] {
   --border: #d2ccb6;
   --text-primary: #545464;
   --text-secondary: #66667a;
-  --text-tertiary: #716e61;
-  --text-muted: #8a8775;
+  --text-tertiary: #565564;
+  --text-muted: #666469;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="kanagawa"] {
@@ -527,8 +527,8 @@ body:not(.dark-forced)[data-color-theme="kanagawa"] {
   --border: #d2ccb6;
   --text-primary: #545464;
   --text-secondary: #66667a;
-  --text-tertiary: #716e61;
-  --text-muted: #8a8775;
+  --text-tertiary: #565564;
+  --text-muted: #666469;
 }
 }
 
@@ -545,8 +545,8 @@ body[data-color-theme="one-dark"]:not(.light) {
   --border: #4b5263;
   --text-primary: #d7dae0;
   --text-secondary: #abb2bf;
-  --text-tertiary: #8b919e;
-  --text-muted: #5c6370;
+  --text-tertiary: #acb0ba;
+  --text-muted: #999ea8;
 }
 body.light[data-color-theme="one-dark"] {
   --accent: #4078f2;
@@ -560,8 +560,8 @@ body.light[data-color-theme="one-dark"] {
   --border: #d4d4d6;
   --text-primary: #383a42;
   --text-secondary: #50525a;
-  --text-tertiary: #696c77;
-  --text-muted: #a0a1a7;
+  --text-tertiary: #575963;
+  --text-muted: #666871;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="one-dark"] {
@@ -576,8 +576,8 @@ body:not(.dark-forced)[data-color-theme="one-dark"] {
   --border: #d4d4d6;
   --text-primary: #383a42;
   --text-secondary: #50525a;
-  --text-tertiary: #696c77;
-  --text-muted: #a0a1a7;
+  --text-tertiary: #575963;
+  --text-muted: #666871;
 }
 }
 
@@ -594,8 +594,8 @@ body[data-color-theme="night-owl"]:not(.light) {
   --border: #5f7e97;
   --text-primary: #d6deeb;
   --text-secondary: #b8c5d6;
-  --text-tertiary: #8ba3b8;
-  --text-muted: #637777;
+  --text-tertiary: #9bb0c3;
+  --text-muted: #899eab;
 }
 body.light[data-color-theme="night-owl"] {
   --accent: #0c969b;
@@ -609,8 +609,8 @@ body.light[data-color-theme="night-owl"] {
   --border: #d0d0d0;
   --text-primary: #403f53;
   --text-secondary: #545167;
-  --text-tertiary: #6f6e85;
-  --text-muted: #989fb1;
+  --text-tertiary: #5a596f;
+  --text-muted: #68687e;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="night-owl"] {
@@ -625,8 +625,8 @@ body:not(.dark-forced)[data-color-theme="night-owl"] {
   --border: #d0d0d0;
   --text-primary: #403f53;
   --text-secondary: #545167;
-  --text-tertiary: #6f6e85;
-  --text-muted: #989fb1;
+  --text-tertiary: #5a596f;
+  --text-muted: #68687e;
 }
 }
 
@@ -643,8 +643,8 @@ body[data-color-theme="monokai"]:not(.light) {
   --border: #5b595c;
   --text-primary: #fcfcfa;
   --text-secondary: #d9d8d6;
-  --text-tertiary: #939293;
-  --text-muted: #727072;
+  --text-tertiary: #bfbfbe;
+  --text-muted: #ababab;
 }
 body.light[data-color-theme="monokai"] {
   --accent: #c08a00;
@@ -658,8 +658,8 @@ body.light[data-color-theme="monokai"] {
   --border: #cdc8c5;
   --text-primary: #2c292d;
   --text-secondary: #46434a;
-  --text-tertiary: #6b686d;
-  --text-muted: #8d8a8d;
+  --text-tertiary: #59565b;
+  --text-muted: #68656a;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="monokai"] {
@@ -674,8 +674,8 @@ body:not(.dark-forced)[data-color-theme="monokai"] {
   --border: #cdc8c5;
   --text-primary: #2c292d;
   --text-secondary: #46434a;
-  --text-tertiary: #6b686d;
-  --text-muted: #8d8a8d;
+  --text-tertiary: #59565b;
+  --text-muted: #68656a;
 }
 }
 
@@ -692,8 +692,8 @@ body[data-color-theme="github"]:not(.light) {
   --border: #444d56;
   --text-primary: #e1e4e8;
   --text-secondary: #d1d5da;
-  --text-tertiary: #959da5;
-  --text-muted: #6a737d;
+  --text-tertiary: #a6adb4;
+  --text-muted: #929aa2;
 }
 body.light[data-color-theme="github"] {
   --accent: #0366d6;
@@ -707,8 +707,8 @@ body.light[data-color-theme="github"] {
   --border: #d1d5da;
   --text-primary: #24292e;
   --text-secondary: #444d56;
-  --text-tertiary: #586069;
-  --text-muted: #6a737d;
+  --text-tertiary: #575f68;
+  --text-muted: #666e78;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="github"] {
@@ -723,8 +723,8 @@ body:not(.dark-forced)[data-color-theme="github"] {
   --border: #d1d5da;
   --text-primary: #24292e;
   --text-secondary: #444d56;
-  --text-tertiary: #586069;
-  --text-muted: #6a737d;
+  --text-tertiary: #575f68;
+  --text-muted: #666e78;
 }
 }
 
@@ -741,8 +741,8 @@ body[data-color-theme="ayu"]:not(.light) {
   --border: #2d3343;
   --text-primary: #bfbdb6;
   --text-secondary: #a8a6a0;
-  --text-tertiary: #8a9199;
-  --text-muted: #6c7380;
+  --text-tertiary: #8d949b;
+  --text-muted: #7c838d;
 }
 body.light[data-color-theme="ayu"] {
   --accent: #c97612;
@@ -756,8 +756,8 @@ body.light[data-color-theme="ayu"] {
   --border: #d8dde2;
   --text-primary: #3d4149;
   --text-secondary: #5c6166;
-  --text-tertiary: #787b80;
-  --text-muted: #8a9199;
+  --text-tertiary: #5a5e64;
+  --text-muted: #686d74;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="ayu"] {
@@ -772,8 +772,8 @@ body:not(.dark-forced)[data-color-theme="ayu"] {
   --border: #d8dde2;
   --text-primary: #3d4149;
   --text-secondary: #5c6166;
-  --text-tertiary: #787b80;
-  --text-muted: #8a9199;
+  --text-tertiary: #5a5e64;
+  --text-muted: #686d74;
 }
 }
 
@@ -790,8 +790,8 @@ body[data-color-theme="vitesse"]:not(.light) {
   --border: #333333;
   --text-primary: #dbd7ca;
   --text-secondary: #bfbaaa;
-  --text-tertiary: #8f8f85;
-  --text-muted: #758575;
+  --text-tertiary: #99998e;
+  --text-muted: #7e8a7b;
 }
 body.light[data-color-theme="vitesse"] {
   --accent: #1c6b48;
@@ -805,8 +805,8 @@ body.light[data-color-theme="vitesse"] {
   --border: #d6d6d6;
   --text-primary: #393a34;
   --text-secondary: #4e4f47;
-  --text-tertiary: #6b6d63;
-  --text-muted: #a0ada0;
+  --text-tertiary: #5d5e56;
+  --text-muted: #6a6d64;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="vitesse"] {
@@ -821,8 +821,8 @@ body:not(.dark-forced)[data-color-theme="vitesse"] {
   --border: #d6d6d6;
   --text-primary: #393a34;
   --text-secondary: #4e4f47;
-  --text-tertiary: #6b6d63;
-  --text-muted: #a0ada0;
+  --text-tertiary: #5d5e56;
+  --text-muted: #6a6d64;
 }
 }
 
@@ -840,7 +840,7 @@ body[data-color-theme="synthwave"]:not(.light) {
   --text-primary: #ffffff;
   --text-secondary: #d8d6e8;
   --text-tertiary: #b6b1d8;
-  --text-muted: #848bbd;
+  --text-muted: #8f94c3;
 }
 body.light[data-color-theme="synthwave"] {
   --accent: #c936a6;
@@ -854,8 +854,8 @@ body.light[data-color-theme="synthwave"] {
   --border: #c5bcdd;
   --text-primary: #241b2f;
   --text-secondary: #3d3455;
-  --text-tertiary: #5c5380;
-  --text-muted: #7d76a3;
+  --text-tertiary: #59507c;
+  --text-muted: #675f8b;
 }
 @media (prefers-color-scheme: light) {
 body:not(.dark-forced)[data-color-theme="synthwave"] {
@@ -870,7 +870,7 @@ body:not(.dark-forced)[data-color-theme="synthwave"] {
   --border: #c5bcdd;
   --text-primary: #241b2f;
   --text-secondary: #3d3455;
-  --text-tertiary: #5c5380;
-  --text-muted: #7d76a3;
+  --text-tertiary: #59507c;
+  --text-muted: #675f8b;
 }
 }

package/server.js

@@ -51,6 +51,7 @@ const { createTerminalClient } = require('./lib/terminal-client');
 const { kanbotOn, kanbotModel, createKanbot, findCostCli, readCostServer } = require('./lib/kanbot');
 const { AGENT_ID_RE } = require('./cli');
 const { createShowStore, mountShowRoutes, showBodyParser, SHOW_PATH } = require('./lib/show');
+const { createAskStore, mountAskRoutes, askBodyParser, ASK_PATH } = require('./lib/ask');
 const { readLiveSessions, isPidAlive, noteReplacedSessions } = require('./lib/live-sessions');
 const { createProcStats } = require('./lib/proc-stats');
 const { createUserGroupStore } = require('./lib/user-groups');
@@ -73,7 +74,7 @@ const { countTaskDir } = require('./lib/task-counts');
 const { readTaskDir } = require('./lib/task-dir');
 const { foldAgentLines } = require('./lib/agent-log');
 const { projectMatcher, normalizeProjectPath, sessionProjectKey } = require('./public/project-match');
-const { getParentVerdict, setParentVerdict } = require('./lib/parent-cache');
+const { getParentVerdict, setParentVerdict, peekParentVerdict } = require('./lib/parent-cache');
 
 if (process.argv.includes("--install") || process.argv.includes("--uninstall")) {
   const { runInstall, runUninstall } = require("./install");
@@ -666,6 +667,7 @@ app.param('name', (_req, res, next, val) => {
 });
 
 app.use(SHOW_PATH, showBodyParser());
+app.use(ASK_PATH, askBodyParser());
 // Parse JSON bodies. A review of 50 comments at the field caps is about 450 kB.
 app.use(express.json({ limit: '1mb' }));
 // #endregion
@@ -1560,10 +1562,11 @@ app.get('/api/sessions', async (req, res) => {
     const compactSuppressed = new Set();
     for (const [sid] of sessionsMap) {
       // Cheap pre-gate: only a session with a boundary anchor can be a continuation,
-      // and lookupParentSession reads JSONLs on a cold cache.
-      if (!metadata[sid]?.logicalParentUuid) continue;
-      const parent = lookupParentSession(sid);
-      if (parent.relation !== 'compact' || !sessionsMap.has(parent.parentSessionId)) continue;
+      // and lookupParentSession reads JSONLs on a cold cache. A fork with no boundary
+      // gets its badge only once a verdict exists (the info modal computes one).
+      const parent = metadata[sid]?.logicalParentUuid ? lookupParentSession(sid) : peekParentVerdict(sid);
+      if (parent?.relation === 'fork') sessionsMap.get(sid).forkedFromSessionId = parent.parentSessionId;
+      if (parent?.relation !== 'compact' || !sessionsMap.has(parent.parentSessionId)) continue;
       compactSuppressed.add(parent.parentSessionId);
       sessionsMap.get(sid).continuedFromSessionId = parent.parentSessionId;
     }
@@ -3326,6 +3329,7 @@ let savedTerminals = terminalsFile.load() || {};
 function saveTerminals() {
   const kept = new Set(Object.values(savedTerminals.terminalIds || {}));
   const showSessions = show.prune((id) => kept.has(id) || terminal.hasTerminal(id));
+  ask.prune((id) => terminal.hasTerminal(id));
   terminalsFile.save({ ...savedTerminals, showSessions });
 }
 
@@ -3460,6 +3464,14 @@ mountShowRoutes(app, {
   broadcast,
   onRemoved: (sessionId, paths) => panes.removeShow(sessionId, paths),
 });
+const ask = createAskStore();
+mountAskRoutes(app, {
+  store: ask,
+  authorized: (token) => terminal.authorized(token),
+  hasTerminal: (id) => terminal.hasTerminal(id),
+  readPreviewFile,
+  broadcast,
+});
 
 // Served from node_modules, never a CDN: any script on this page can use the token.
 const XTERM_FILES = {