claude-code-kanban 4.18.0 → 4.19.0

package/package.json

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

package/public/app.js

@@ -6453,6 +6453,14 @@ function updateStickyBtnState() {
   if (svg) svg.setAttribute('fill', isSticky ? 'currentColor' : 'none');
 }
 
+// Purely cosmetic: the tmp root is identical for every session and the encoded
+// project segment is already shown in the Path row, so only the last two segments
+// carry information. The full path stays in the tooltip and the copy button.
+function abbreviateScratchpadDir(dir) {
+  const sep = dir.includes('\\') ? '\\' : '/';
+  return ['$tmp', '…', ...dir.split(/[/\\]/).slice(-2)].join(sep);
+}
+
 function showInfoModal(session, teamConfig, tasks, planContent, parentInfo) {
   const modal = document.getElementById('team-modal');
   const titleEl = document.getElementById('team-modal-title');
@@ -6470,7 +6478,8 @@ function showInfoModal(session, teamConfig, tasks, planContent, parentInfo) {
   let html = '';
 
   // Session & project details as compact key-value rows
-  // Each row: [label, displayValue, { openPath?, copyValue? }]
+  // Each row: [label, value, { openPath?, abbrev? }] — `value` is authoritative
+  // (tooltip + copy); `abbrev` only replaces the rendered text.
   const infoRows = [];
   infoRows.push(['Session', session.id, { openClaudeDir: true, openFile: session.jsonlPath }]);
   if (parentInfo?.parentSessionId) {
@@ -6500,6 +6509,13 @@ function showInfoModal(session, teamConfig, tasks, planContent, parentInfo) {
   if (session.tasksDir) {
     infoRows.push(['Tasks Dir', session.tasksDir, { openPath: session.tasksDir }]);
   }
+  if (session.scratchpadDir) {
+    infoRows.push([
+      'Scratchpad',
+      session.scratchpadDir,
+      { openPath: session.scratchpadDir, abbrev: abbreviateScratchpadDir(session.scratchpadDir) },
+    ]);
+  }
   if (session.sharedTaskList) {
     infoRows.push(['Shared Tasks', session.sharedTaskList]);
   }
@@ -6517,7 +6533,7 @@ function showInfoModal(session, teamConfig, tasks, planContent, parentInfo) {
     if (opts?.openSession) {
       html += `<span onclick="openSessionFromInfo('${escAttrJs(opts.openSession)}')" style="${clickableStyle}" title="Open session in app">${escapeHtml(value)}</span>`;
     } else {
-      html += `<span style="${plainStyle}" title="${escapeHtml(value)}">${escapeHtml(value)}</span>`;
+      html += `<span style="${plainStyle}" title="${escapeHtml(value)}">${escapeHtml(opts?.abbrev || value)}</span>`;
     }
     const copyBtn = `<button onclick="copyWithFeedback('${escAttrJs(value)}', this)" title="Copy">${ICON_COPY}</button>`;
     let openBtn = '';

package/public/style.css

@@ -2805,6 +2805,9 @@ body::before {
 }
 .rendered-md blockquote {
   margin: 0.6em 0;
+  padding-left: 10px;
+  border-left: 2px solid var(--border);
+  color: var(--text-secondary);
 }
 .rendered-md table {
   margin: 0.6em 0;

package/server.js

@@ -94,6 +94,8 @@ const CCK_DIR = path.join(CLAUDE_DIR, '.cck');
 const AGENT_ACTIVITY_DIR = path.join(CCK_DIR, 'agent-activity');
 const CONTEXT_STATUS_DIR = path.join(CCK_DIR, 'context-status');
 const PINS_FILE = path.join(CCK_DIR, 'pins.json');
+// Harness-owned scratchpad root; the per-session dir under it is created lazily.
+const SCRATCHPAD_ROOT = path.join(os.tmpdir(), 'claude');
 
 // Server-side pin mirror (UI authoritative, server stores latest pushed state for CLI queries).
 function readPins() {
@@ -961,6 +963,14 @@ function getSessionDisplayName(sessionId, meta) {
   return null;
 }
 
+// Derived by convention, not looked up: the harness creates the dir lazily, so a
+// stat here would report "missing" for every session that has not written a temp
+// file yet — and it would put IO on the session-list hot path. Pure string join.
+function getScratchpadDir(id, meta) {
+  if (!meta.jsonlPath) return null;
+  return path.join(SCRATCHPAD_ROOT, path.basename(path.dirname(meta.jsonlPath)), id, 'scratchpad');
+}
+
 function buildSessionObject(id, meta, overrides = {}) {
   const logStat = overrides._logStat || getSessionLogStat(meta);
   const logMtime = logStat.mtime;
@@ -992,6 +1002,7 @@ function buildSessionObject(id, meta, overrides = {}) {
     jsonlPath: meta.jsonlPath || null,
     tasksDir: null,
     projectDir: meta.jsonlPath ? path.dirname(meta.jsonlPath) : null,
+    scratchpadDir: getScratchpadDir(id, meta),
     contextStatus: getContextStatus(id, meta),
     ...getPlanInfo(meta.slug),
     ...getWorkflowInfoSummary(id),