claude-code-kanban 7.11.0 → 7.12.1

package/hub-app.json

@@ -5,7 +5,7 @@
   "icon": "columns",
   "run": { "entry": "server.js", "defaultPort": 3541 },
   "publishes": ["session.changed"],
-  "keys": { "keeps": ["ctrl+alt+n", "ctrl+alt+r", "ctrl+alt+s", "ctrl+shift+d", "ctrl+shift+k", "ctrl+shift+p", "ctrl+shift+z"] },
+  "keys": { "keeps": ["ctrl+alt+n", "ctrl+alt+r", "ctrl+alt+s", "ctrl+shift+d", "ctrl+shift+k", "ctrl+shift+l", "ctrl+shift+m", "ctrl+shift+p", "ctrl+shift+z"] },
   "plugin": {
     "marketplace": "plugin",
     "name": "claude-code-kanban",

package/lib/agent-log.js

@@ -0,0 +1,17 @@
+'use strict';
+
+// A message to a stopped subagent spawns it again under the same id, and the plugin appends
+// another start line. Each start line begins a new run, so nothing of the run before it shows.
+function foldAgentLines(raw) {
+  let merged = {};
+  for (const line of raw.split(/\r?\n/)) {
+    if (!line.trim()) continue;
+    let obj;
+    try { obj = JSON.parse(line); } catch (_) { continue; }
+    if (obj.event === 'start') merged = {};
+    Object.assign(merged, obj);
+  }
+  return merged;
+}
+
+module.exports = { foldAgentLines };

package/lib/show.js

@@ -6,6 +6,7 @@ const crypto = require('node:crypto');
 const fs = require('node:fs');
 const path = require('node:path');
 const express = require('express');
+const { startFolder } = require('./folder-dialog');
 const { httpError } = require('./http-error');
 
 const UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
@@ -24,14 +25,15 @@ function isLabel(v) {
 // A string is a reason the body is refused.
 function parsePost(body) {
   if (!body || typeof body !== 'object' || Array.isArray(body)) return 'body must be a JSON object';
-  const { sessionId, title, key, kind = 'markdown', content, file } = body;
+  const { sessionId, title, key, kind = 'markdown', content, file, base } = body;
   if (typeof sessionId !== 'string' || !UUID_RE.test(sessionId)) return 'invalid sessionId';
   if (!isLabel(title)) return `title must be a non-empty string of at most ${MAX_LABEL} characters`;
   if (key != null && !isLabel(key)) return `key must be a non-empty string of at most ${MAX_LABEL} characters`;
   if (!Object.hasOwn(EXT, kind)) return 'kind must be markdown or html';
   if (content != null) return 'content is not accepted: call show with only title and key to get a file to write the card into';
   if (file != null && (typeof file !== 'string' || !path.isAbsolute(file))) return 'file must be an absolute path';
-  return { sessionId, title, key: key ?? null, kind, file: file ?? null };
+  if (base != null && !startFolder(base)) return 'base must be an absolute path to an existing folder';
+  return { sessionId, title, key: key ?? null, kind, file: file ?? null, base: base ?? null };
 }
 
 function writeAtomic(file, text) {
@@ -193,7 +195,7 @@ function createShowStore(o) {
   // `kind` of a file post is the one readPreviewFile gave when it was posted. A post without a file
   // is a claim: cck names the file and the session writes it. cck does not create it, because
   // Claude Code's Write refuses to overwrite a file the session has not read.
-  function post(terminalId, { sessionId, title, key, kind, file }) {
+  function post(terminalId, { sessionId, title, key, kind, file, base }) {
     const dir = folder(sessionId);
     if (!dir) throw httpError(409, 'no transcript found for that session');
     fs.mkdirSync(dir, { recursive: true });
@@ -210,7 +212,7 @@ function createShowStore(o) {
       seen.delete(id);
     }
     if (!old) at = posts.length;
-    const entry = { id, title, key, kind, file, updatedAt: new Date(now()).toISOString() };
+    const entry = { id, title, key, kind, file, base, updatedAt: new Date(now()).toISOString() };
     posts[at] = entry;
     writeIndex(dir, sessionId, posts);
     bind(terminalId, sessionId);

package/lib/worktrees.js

@@ -34,6 +34,10 @@ function fromGitFile(dir, text) {
   return { repo: path.resolve(dir, sub[1], ...sub[2].split(/[/\\]modules[/\\]/)), name: sub[3] };
 }
 
+function pick(entry) {
+  return { repo: entry.repo, name: entry.name };
+}
+
 function fromPathShape(dir) {
   const m = CLAUDE_WORKTREE_RE.exec(dir);
   return m ? { repo: m[1], name: m[2] } : null;
@@ -67,20 +71,34 @@ function createWorktreeStore({ load, save, read = readGitFile, now = Date.now, d
     });
   }
 
+  // Walks up from `dir` the way git discovers its repo, so a session started in a subfolder of a
+  // worktree resolves too. A saved ancestor answers for a worktree whose checkout is gone; the
+  // claude path shape answers for one that was never seen.
+  function lookUp(dir) {
+    for (let d = dir, up; ; d = up) {
+      try {
+        return fromGitFile(d, read(d));
+      } catch (e) {
+        // An ordinary checkout's `.git` is a directory, so the read throws EISDIR. That is the
+        // answer, and it costs one syscall instead of a stat followed by a read.
+        if (e.code !== 'ENOENT') return null;
+      }
+      const shaped = fromPathShape(d);
+      if (shaped) return shaped;
+      up = path.dirname(d);
+      if (up === d) return null;
+      const hit = hits.get(up);
+      if (hit) return pick(hit);
+    }
+  }
+
   function resolve(dir) {
     if (!dir) return null;
     const hit = hits.get(dir);
-    if (hit) return { repo: hit.repo, name: hit.name };
+    if (hit) return pick(hit);
     if (misses.has(dir)) return null;
 
-    let worktree = null;
-    try {
-      worktree = fromGitFile(dir, read(dir));
-    } catch (e) {
-      // An ordinary checkout's `.git` is a directory, so the read throws EISDIR. That is the
-      // answer, and it costs one syscall instead of a stat followed by a read.
-      if (e.code === 'ENOENT') worktree = fromPathShape(dir);
-    }
+    const worktree = lookUp(dir);
 
     if (!worktree) {
       misses.add(dir);

package/package.json

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

package/plugin/plugins/claude-code-kanban/.claude-plugin/plugin.json

@@ -1,5 +1,5 @@
 {
   "name": "claude-code-kanban",
-  "version": "3.7.5",
+  "version": "3.7.8",
   "description": "claude-code-kanban dashboard integration: agent activity tracking, context and cost tracking, board moves and reviews delivered to the session, and skills to drive the board from a session"
 }

package/plugin/plugins/claude-code-kanban/hooks/activity.ts

@@ -1,4 +1,4 @@
-import type { EngineInterface, Register, ToolCallArgs } from 'claude-code'
+import type { AgentSpawnInput, EngineInterface, Register, ToolCallArgs } from 'claude-code'
 import { cckRoot } from './context'
 
 // Mods cannot delete files. The server reads any status but "waiting" as no ask.
@@ -148,21 +148,24 @@ async function markStopped($: EngineInterface) {
   await $.fs.write(`${await sessionDir($)}/_stop.json`, '')
 }
 
-// The name map lets TeammateIdle, which names the teammate, find its agent id.
-async function agentStarted($: EngineInterface, agentId: string, type: string, model: string, name?: string) {
+// The name map lets TeammateIdle, which names the teammate, find its agent id. The prompt is on
+// the start line because a resume runs a new prompt, and the server's own lookup finds the first.
+async function agentStarted($: EngineInterface, e: AgentSpawnInput, agentId: string, model: string) {
   const dir = await sessionDir($)
   const ts = new Date().toISOString()
   await Promise.all([
     appendLine($, `${dir}/${agentId}.jsonl`, {
       agentId,
-      type,
+      type: e.subagentType,
       model,
       event: 'start',
       status: 'active',
+      ...(e.prompt && { prompt: e.prompt }),
+      ...(e.description && { description: e.description }),
       startedAt: ts,
       updatedAt: ts,
     }),
-    $.fs.write(`${dir}/_name-${name ?? type}.id`, agentId),
+    $.fs.write(`${dir}/_name-${e.name ?? e.subagentType}.id`, agentId),
   ])
 }
 
@@ -249,7 +252,7 @@ export const register: Register = on => {
   })
   on('agent.spawn', async ($, e, next) => {
     const result = await next(e)
-    if (result.agentId) await agentStarted($, result.agentId, e.subagentType, result.model, e.name)
+    if (result.agentId) await agentStarted($, e, result.agentId, result.model)
     return result
   })
   // An interrupted turn fires no Stop hook, so it does not mark the session unread either.

package/plugin/plugins/claude-code-kanban/hooks/show.ts

@@ -4,7 +4,7 @@ import { cckRoot } from './context'
 export const TOOL = 'mcp__claude-code-kanban__show'
 export const SKILL_LINE = /^\s*-\s*claude-code-kanban:show(?=:|\s*$)/
 
-type ShowInput = { title: string; key?: string; kind?: 'markdown' | 'html'; file?: string }
+type ShowInput = { title: string; key?: string; kind?: 'markdown' | 'html'; file?: string; base?: string }
 type Shown = { title: string; key?: string | null; index: number; count: number; path?: string | null }
 
 export function boardPort(cckUrl: string) {
@@ -67,8 +67,8 @@ async function post($: EngineInterface, input: ShowInput) {
   if (!t) return { deny: 'The overlay needs a Claude Code session started in the cck terminal.' }
   const token = await terminalToken($, t.url)
   if (!token) return { deny: `No terminal token for the cck server at ${t.url}. It must run with the terminal enabled.` }
-  const { title, key, kind, file } = input
-  const body = JSON.stringify({ sessionId: await $.session.id(), title, key, kind, file })
+  const { title, key, kind, file, base } = input
+  const body = JSON.stringify({ sessionId: await $.session.id(), title, key, kind, file, base })
   let res: Awaited<ReturnType<EngineInterface['http']['fetch']>>
   try {
     res = await $.http.fetch(`${t.url}/api/terminals/${encodeURIComponent(t.terminalId)}/show`, {
@@ -103,6 +103,11 @@ export const register: Register = on => {
             },
             file: { type: 'string', description: 'Absolute path of an existing markdown, HTML, image or text file' },
             key: { type: 'string', description: 'Card name: the same key replaces the card in place and keeps its file' },
+            base: {
+              type: 'string',
+              description:
+                "Absolute path of the folder that the card's path:line links resolve against, usually the repo root. Always pass it with a call stack. Without it, links resolve against the session cwd, which is wrong for a worktree or another repo",
+            },
           },
           required: ['title'],
         },

package/plugin/plugins/claude-code-kanban/skills/show/references/explain.md

@@ -38,7 +38,9 @@ The board draws the tree lines, links, focus and folds from this notation:
 - The fence tag is `callstack`.
 - Caller on top. Indent each callee 2 spaces under its caller; the board turns the spaces into tree lines. Several roots are fine.
 - One frame per line: the function or method name as one identifier, spelled as in the code.
-- The note goes after 2 or more spaces: a `path:line` relative to the project root, which the board links, or a few words. Line the notes up in one column.
+- The note goes after 2 or more spaces: a `path:line` relative to the card's `base`, which the board links, or a few words. Line the notes up in one column.
+- Post every card with a call stack with `base`: the absolute path of the repo root that holds the files. Without it, links resolve against the session cwd, which is a different checkout when you work in a worktree or another repo.
+- Write the full relative path on each linked frame. A bare file name (`place.ts:40`) or a bare line (`:40`) never resolves.
 - A `*` after the name, with one space, marks the frame to look at. One per stack.
 - `+` or `-` in the first column marks a frame the change adds or removes. In a stack with any `+` or `-`, every other line starts with one space.
 

package/plugin/plugins/claude-code-kanban/skills/visualize/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: visualize
-description: Present a topic as one static HTML page — findings, options and a pick, a system overview. Use when the user asks to visualize something, or when an answer outgrows chat (options plus a pick, a diagram plus a table).
+description: Present a topic as one self-contained HTML page — findings, options and a pick, a system overview. Use when the user asks to visualize something, or when an answer outgrows chat (options plus a pick, a diagram plus a table).
 argument-hint: '[what to present]'
 ---
 
@@ -8,7 +8,7 @@ argument-hint: '[what to present]'
 
 Present this: $ARGUMENTS. With no argument, present the subject of this conversation.
 
-The page is a document to read: every mark is in the HTML, and it works offline with scripts off. Two leading words run through it: the **pick** is the option the page recommends (on a page with no options, its main path), and an **exhibit** is the one table, figure or block that proves a section's claim.
+The page is a document to read: its text and static exhibits are in the HTML, and it works offline. Two leading words run through it: the **pick** is the option the page recommends (on a page with no options, its main path), and an **exhibit** is the one table, figure or block that proves a section's claim.
 
 ## Steps
 
@@ -18,21 +18,31 @@ The page is a document to read: every mark is in the HTML, and it works offline
    2. `.lead`: the answer in 1 or 2 sentences, the pick in `<b>`.
    3. Sections. Each `<h2>` is a claim that can be false ("A breaker alone trips again on release", not "Breaker"), with one exhibit and at most 2 short paragraphs under it.
    4. Close with what to do next and `.sources`.
-3. **Invent each exhibit.** Ask what form makes this claim obvious at a glance, then build that, the template's blocks or something new: a slope chart, an annotated timeline, small multiples, a cutaway, a ranked strip, a map. The Blocks table is a palette of ready parts, not a menu to choose from. Before you draw an SVG, read the matching guide in the `show` skill — [chart](../show/references/chart.md), [diagram](../show/references/diagram.md) and its type file, [mockup](../show/references/mockup.md) — for shapes, arrows and labels; the Fit rule below replaces their card sizes, and label masks fill with `--color-bg-subtle`, the figure's background.
-4. **Check.** Render the page headless (Playwright) in light and in dark, and look at each screenshot. Done when no text is clipped, no arrow crosses a label, `scrollWidth` equals `clientWidth`, and, when the topic comes from a source such as a file or a conversation, every section and number of it is named where it landed on the page or reported to the user as left out.
+3. **Invent each exhibit.** Ask what form makes this claim obvious at a glance, then build that, the template's blocks or something new: a slope chart, an annotated timeline, small multiples, a cutaway, a ranked strip, a map. The Blocks table is a palette of ready parts, not a menu to choose from. Before you draw an SVG, read the matching guide in the `show` skill — [chart](../show/references/chart.md), [diagram](../show/references/diagram.md) and its type file, [mockup](../show/references/mockup.md) — for patterns: shapes, arrows and labels. Their sizes and directions are for cards; on a page, the Principles below set them. Label masks fill with `--color-bg-subtle`, the figure's background. When the source or the request has a value the reader would want to change, or states one after another, the exhibit can be interactive: a slider or toggle that computes the figure again, a stepper through states, or a model that runs over time. Use the simplest one that proves the claim, and follow [Interactive exhibits](#interactive-exhibits). Never add a control on an input you made up: a claim that rests on fixed facts gets a static exhibit.
+4. **Check.** Render the page in light and in dark, and look at each render, not the source. Done when no text is clipped, no arrow crosses a label, `scrollWidth` equals `clientWidth`, and, when the topic comes from a source such as a file or a conversation, every section and number of it is named where it landed on the page or reported to the user as left out. For an interactive exhibit, also: no console errors, and the numbers the text states are the ones the exhibit shows at its default settings.
 5. **Show.** When `$CCK_URL` is set, the session runs in the cck board: run `claude-code-kanban pane add <page> --title '<h1>'` and tell the user the page waits in that tab. Else give the user the page path.
 
 ## Principles
 
 Every exhibit, ready or new, keeps these:
 
-- **Accent marks the pick**, one or two marks per exhibit: its tile, card, row, node, or the one bar or point in a chart. The rest stays muted. Status colors mean status.
-- **Chart data takes series colors**: `--color-series-1` for the main series, `--color-text-muted` or `--color-series-3` for a second, up to 8 series; past that, fold the tail into "Other" or split into small multiples. The accent can sit close to `--color-danger`, so a whole data series in it reads as an alarm.
+- **Accent marks the pick**, one or two marks per exhibit: its tile, card, row, node, or the one bar or point in a chart. In a chart that compares options, the pick's series keeps its series color and the accent goes on its label or end point. The rest stays muted. Status colors mean status.
+- **Chart data takes series colors**: `--color-series-1` for the main series, `--color-text-muted` or `--color-series-3` for a second, up to 8 series; skip `--color-series-2`, which is the accent's hue; past that, fold the tail into "Other" or split into small multiples. The accent can sit close to `--color-danger`, so a whole data series in it reads as an alarm.
 - **Tokens color everything**: `var(--color-*)`, tints by `color-mix(in srgb, var(--color-accent) 12%, var(--color-bg))`. Then the page follows light, dark and a host's theme with no script.
 - **Fit**: an SVG has a `viewBox` up to 960 wide, no `width` attribute, text of 12 units or more. A flow runs left to right when it has 6 steps or fewer.
 - **Remove test**: each node, arrow, label and decoration stays only if removing it loses meaning. A diagram past 9 nodes or 12 arrows splits into an overview and a detail. Each SVG has `role="img"` and `aria-labelledby` pointing at its `<title>`, with a per-figure id prefix.
 - **Real**: real names, numbers and `file:line`, estimates and invented data marked, each claim cited. Repeated marks, such as small multiples, are generated while you write the page.
 
+## Interactive exhibits
+
+- An exhibit is the figure, its controls and the outputs they drive. The script draws the figure and writes only inside its exhibit; the text outside it is static HTML.
+- Keep it small to edit: all inputs in one state object, one draw function that builds every figure from that state, and controls that only change state and call draw. Keep the computation apart from the drawing.
+- Declare controls and presets in the markup, next to the text that names each scenario, and read them in one place. A new scenario is then one line of HTML.
+- Colors come from the tokens on every draw, in canvas too, so a theme change needs no extra code.
+- Nothing runs while the reader does nothing, except a running model that is on screen.
+- Numbers from a model are marked as model numbers.
+- The script goes at the end of `<body>`; its CSS goes in the second `<style>`.
+
 ## Blocks
 
 Ready parts in the template's CSS; its body has one of each.

package/plugin/plugins/claude-code-kanban/tests/activity.test.ts

@@ -272,6 +272,31 @@ test('a subagent stop with an empty answer leaves lastMessage out', async ($, on
   expect('lastMessage' in stop).toBe(false)
 })
 
+test('a resumed subagent appends a start line with the new task', async ($, on) => {
+  const files: Record<string, string> = {}
+  engine(on, files)
+
+  await $.agent.spawn(spawn('general-purpose'))
+  await $.turn.complete(turn({ agentId: 'a1', answer: 'first answer' }))
+  await $.agent.spawn({ ...spawn('general-purpose'), prompt: 'second task', description: '' })
+
+  const all = lines(files[`${SESSION}/a1.jsonl`])
+  expect(all.map((l) => l.event)).toEqual(['start', 'stop', 'start'])
+  expect(all[2]).toMatchObject({ status: 'active', prompt: 'second task' })
+  expect('description' in all[2]).toBe(false)
+})
+
+test('a first spawn records its prompt and description', async ($, on) => {
+  const files: Record<string, string> = {}
+  engine(on, files)
+
+  await $.agent.spawn(spawn('general-purpose'))
+
+  const [start] = lines(files[`${SESSION}/a1.jsonl`])
+  expect(start).toMatchObject({ prompt: 'p', description: 'd' })
+  expect('lastMessage' in start).toBe(false)
+})
+
 test('a finished loop that was never spawned writes nothing', async ($, on) => {
   const { writes } = engine(on, {})
 

package/plugin/plugins/claude-code-kanban/tests/show.test.ts

@@ -102,6 +102,13 @@ test('posts the body with the terminal token and answers with the position', asy
   ])
 })
 
+test('sends the base for the card links', async ($, on) => {
+  const board = engine(on, GATE, { status: 200, body: { id: 'p1', title: 'Stack', key: 'stack', index: 1, count: 1, path: 'C:/s/p1.md' } })
+  await $.session.start({ cwd: 'C:/proj', surface: 'terminal', isInteractive: true })
+  await $.tool.call(call({ title: 'Stack', key: 'stack', base: 'C:/proj-worktree' }))
+  expect(board.requests[0]?.body).toEqual({ sessionId: 'sid-1', title: 'Stack', key: 'stack', base: 'C:/proj-worktree' })
+})
+
 test('a claim sends no file and answers with the file to write', async ($, on) => {
   const path = 'C:/s/.cck/show/p1.md'
   const board = engine(on, GATE, { status: 200, body: { id: 'p1', title: 'Plan', key: 'plan', index: 1, count: 1, path } })

package/public/app.js

@@ -6433,8 +6433,8 @@ const SHORTCUT_TABS = [
           { keys: ['>'], label: 'Toggle sticky' },
           { keys: ['Shift', 'F10'], combo: true, label: 'Session menu: move to group, fork (or Menu key)' },
           { keys: ['Ctrl', 'D'], combo: true, label: 'Dismiss session (pinned: to Pinned group)' },
-          { keys: ['Shift', 'L'], combo: true, label: 'Toggle session log' },
-          { keys: ['Shift', 'M'], combo: true, label: 'Open last message' },
+          { keys: ['Ctrl', 'Shift', 'L'], combo: true, label: 'Toggle session log' },
+          { keys: ['Ctrl', 'Shift', 'M'], combo: true, label: 'Open last message' },
           { keys: ['↑', '↓'], label: 'Previous / next message in detail' },
           { keys: ['Ctrl', 'Enter'], combo: true, label: 'Allow / approve the waiting prompt; send review comments' },
         ],
@@ -7548,6 +7548,18 @@ function shiftOnly(e, code) {
   return e.code === code && e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey;
 }
 
+function toggleLastMessage() {
+  if (document.getElementById('msg-detail-modal').classList.contains('visible')) {
+    closeMsgDetailModal();
+  } else if (isWaitingFresh()) {
+    msgDetailFollowLatest = true;
+    showWaitingDetail();
+  } else if (currentMessages.length) {
+    msgDetailFollowLatest = true;
+    showMsgDetail(currentMessages.length - 1);
+  }
+}
+
 function dismissSessionFromList(sid) {
   const prevIdx = selectedSessionIdx;
   if (!setSessionDismissed(sid, true)) return;
@@ -7843,16 +7855,7 @@ document.addEventListener('keydown', (e) => {
   }
   if (shiftOnly(e, 'KeyM')) {
     e.preventDefault();
-    const msgDetailModal = document.getElementById('msg-detail-modal');
-    if (msgDetailModal.classList.contains('visible')) {
-      closeMsgDetailModal();
-    } else if (isWaitingFresh()) {
-      msgDetailFollowLatest = true;
-      showWaitingDetail();
-    } else if (currentMessages.length) {
-      msgDetailFollowLatest = true;
-      showMsgDetail(currentMessages.length - 1);
-    }
+    toggleLastMessage();
     return;
   }
   if (shiftOnly(e, 'KeyS')) {
@@ -8619,20 +8622,21 @@ const ZOOM_CLAIMS = ['ctrlKey', 'metaKey'].flatMap((mod) =>
   ),
 );
 
-// The sidebar and tab keys, so they work while a previewed page has focus. Matched by key where
-// the board matches by key, so they follow the keyboard layout. A page that handles one first
-// keeps it, and text fields keep every key.
+// The board keys a pane gets before the board's inPane return, so they work while a previewed page
+// has focus; a new key there needs a row here. Matched by key where the board matches by key, so
+// they follow the keyboard layout, and by code where it matches by code. A page that handles one
+// first keeps it, and text fields keep every key.
 const PANE_CLAIMS = [
-  ...['\\', '[', ']'].map((key) => ({ key, code: '' })),
-  ...['|', '{', '}'].map((key) => ({ shiftKey: true, key, code: '' })),
+  ...['\\', '[', ']', 'ContextMenu', 'Escape'].map((key) => ({ key, code: '' })),
+  ...['|', '{', '}', 'F10'].map((key) => ({ shiftKey: true, key, code: '' })),
   ...['BracketLeft', 'BracketRight', 'KeyW'].map((code) => ({ altKey: true, key: 'Unidentified', code })),
+  ...['KeyL', 'KeyM', 'KeyP', 'KeyS', 'KeyZ'].map((code) => ({ shiftKey: true, key: 'Unidentified', code })),
 ];
 
-// Ctrl+D, Alt+Enter and Esc act on the show card (showCardKey); other pages keep them. Alt+W is in PANE_CLAIMS.
+// Ctrl+D and Alt+Enter act on the show card (showCardKey); other pages keep them. Alt+W and Esc are in PANE_CLAIMS.
 const SHOW_CLAIMS = [
   ...['ctrlKey', 'metaKey'].map((mod) => ({ [mod]: true, key: 'd', code: '' })),
   { altKey: true, key: 'Enter', code: '' },
-  { key: 'Escape', code: '' },
 ];
 
 // Claimed only while comments wait, so a previewed page keeps Ctrl+Enter otherwise.
@@ -14780,6 +14784,8 @@ function terminalShortcut(e, probe = false) {
   // Ctrl+Shift+Z is redo in a text field, so only the terminal's own textarea gives it up.
   if (ctrlShift && e.code === 'KeyZ') return inPageField(e) ? null : toggleZenMode;
   if (ctrlShift && e.code === 'KeyK') return kanbotAvailable() ? () => toggleKanbot() : null;
+  if (ctrlShift && e.code === 'KeyL') return toggleMessagePanel;
+  if (ctrlShift && e.code === 'KeyM') return toggleLastMessage;
   if (ctrlShift && e.code === 'KeyD') return dismissContextSession;
   if (ctrlAlt && (e.code === 'KeyN' || e.code === 'KeyR') && terminalAvailable()) {
     return () => openNewSession(null, e.code === 'KeyR');
@@ -16021,7 +16027,7 @@ const showState = {
   path: null,
 };
 let showSize = store.readJson(SHOW_SIZE_KEY);
-// Terminal id → { closed?, collapsed?, expanded? }; no entry when no flag is set. Ids gone from the terminal list are pruned.
+// Terminal id → { closed?, collapsed?, expanded? }; a terminal with no entry yet starts collapsed. Ids gone from the terminal list are pruned.
 const showViews = store.readJson(SHOW_VIEW_KEY, {});
 // Older boards stored the string 'collapsed' or 'expanded'.
 for (const [tid, v] of Object.entries(showViews)) if (typeof v === 'string') showViews[tid] = { [v]: true };
@@ -16114,17 +16120,20 @@ function forgetEndedTerminals() {
   if (!runningTerminals.has(showState.lookup)) showState.lookup = null;
 }
 
-function setShowView(tid, view) {
+// `post` is the id of the card on screen; a view without one keeps the saved id, so an empty list
+// while a terminal's posts load does not forget it.
+function setShowView(tid, view, post) {
   const set = SHOW_VIEW_FLAGS.filter((f) => view[f]);
-  const old = showViews[tid] || {};
-  if (SHOW_VIEW_FLAGS.every((f) => !!old[f] === set.includes(f))) return;
-  if (set.length) showViews[tid] = Object.fromEntries(set.map((f) => [f, true]));
-  else delete showViews[tid];
+  const old = showViews[tid];
+  const shown = post ?? old?.post;
+  if (old && old.post === shown && SHOW_VIEW_FLAGS.every((f) => !!old[f] === set.includes(f))) return;
+  showViews[tid] = Object.fromEntries(set.map((f) => [f, true]));
+  if (shown) showViews[tid].post = shown;
   store.writeJson(SHOW_VIEW_KEY, showViews);
 }
 
 function saveShowView() {
-  if (showState.terminalId) setShowView(showState.terminalId, showState);
+  if (showState.terminalId) setShowView(showState.terminalId, showState, showState.posts[showState.idx]?.id);
 }
 
 function resetShowPosts() {
@@ -16142,23 +16151,23 @@ function syncShowCard() {
   }
   const tid = pty ? (terminalIds.get(pty) ?? null) : null;
   if (tid === showState.terminalId) return;
-  const view = (tid && showViews[tid]) || {};
+  const view = (tid && showViews[tid]) || { collapsed: true };
   Object.assign(showState, { terminalId: tid, sessionId: null, idx: 0 });
   for (const f of SHOW_VIEW_FLAGS) showState[f] = !!view[f];
   resetShowPosts();
   renderShow();
-  if (tid) loadShowPosts(tid, { newest: true }).then((ok) => ok && renderShow());
+  if (tid) loadShowPosts(tid, { shownId: view.post }).then((ok) => ok && renderShow());
 }
 
-async function loadShowPosts(tid, { newest = false } = {}) {
+// Opens `shownId` (by default the card on screen) when the list still holds it, else the newest.
+async function loadShowPosts(tid, { shownId = showState.posts[showState.idx]?.id } = {}) {
   const seq = ++showState.listSeq;
   const data = await getJson(apiPath`/api/terminals/${tid}/show`, null, { cache: 'no-store' });
   if (seq !== showState.listSeq || tid !== showState.terminalId) return false;
-  const shownId = showState.posts[showState.idx]?.id;
   showState.sessionId = data?.sessionId ?? null;
   showState.posts = Array.isArray(data?.posts) ? data.posts : [];
   const at = showState.posts.findIndex((p) => p.id === shownId);
-  showState.idx = newest || at < 0 ? Math.max(0, showState.posts.length - 1) : at;
+  showState.idx = at < 0 ? Math.max(0, showState.posts.length - 1) : at;
   return true;
 }
 
@@ -16231,10 +16240,11 @@ function showTicksHtml() {
 }
 
 function renderShow({ flash = false } = {}) {
+  const n = showState.posts.length;
+  if (n) showState.idx = Math.min(Math.max(0, showState.idx), n - 1);
   saveShowView();
   const card = showCardEl();
   const chip = document.getElementById('show-reopen');
-  const n = showState.posts.length;
   const open = n > 0 && !showState.closed;
   chip.hidden = !n || open;
   chip.querySelector('.show-reopen-n').textContent = `show · ${n}`;
@@ -16248,7 +16258,6 @@ function renderShow({ flash = false } = {}) {
     card.replaceChildren();
     return;
   }
-  showState.idx = Math.min(Math.max(0, showState.idx), n - 1);
   const p = showState.posts[showState.idx];
   showState.marked.delete(p.id);
   card.classList.toggle('expanded', showState.expanded && !showState.collapsed);
@@ -17280,8 +17289,9 @@ function onCallstackLoc(e) {
   e.preventDefault();
   e.stopPropagation();
   if (e.shiftKey) window.getSelection().collapseToEnd();
-  const sid = el.closest('#show-card') ? showState.sessionId : currentSessionId;
-  const base = (sid && getSessionBaseDir(sid)) || undefined;
+  const onCard = !!el.closest('#show-card');
+  const sid = onCard ? showState.sessionId : currentSessionId;
+  const base = (onCard && showState.posts[showState.idx]?.base) || (sid && getSessionBaseDir(sid)) || undefined;
   if (e.shiftKey || !sid || el.closest('.modal-overlay')) openPreviewAtLine(loc, base);
   else openPaneAtLine(sid, loc, base);
 }

package/public/style.css

@@ -1058,10 +1058,14 @@ body.booting .boot-splash {
   position: absolute;
   inset: -1px;
   border-left: 3px solid var(--accent);
-  border-radius: inherit;
   pointer-events: none;
 }
 
+.session-item.unread::before,
+.session-item.permission-pending::before {
+  border-radius: inherit;
+}
+
 .session-item.permission-pending::before,
 .sp-row.permission-pending::before {
   border-left-color: var(--warning);
@@ -2734,6 +2738,7 @@ code.ct .ct-loc {
   color: var(--accent-text);
   text-decoration: underline dotted;
   text-underline-offset: 3px;
+  cursor: pointer;
 }
 
 code.ct .ct-focus {
@@ -9013,7 +9018,6 @@ select.form-input option:checked {
   align-items: baseline;
   gap: 8px;
   padding: 6px 8px;
-  border-radius: 4px;
   cursor: pointer;
   font-size: 12px;
 }

package/server.js

@@ -70,6 +70,7 @@ const { pickFolder } = require('./lib/folder-dialog');
 const { loadSessionCache, saveSessionCache } = require('./lib/session-cache');
 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');
 
@@ -275,13 +276,7 @@ const RETENTION_FIRST_RUN_MS = 5 * 60 * 1000;
 // #region AGENT_ACTIVITY
 
 function readAgentJsonl(filePath) {
-  const raw = readFileSync(filePath, 'utf8');
-  const merged = {};
-  for (const line of raw.split(/\r?\n/)) {
-    if (!line.trim()) continue;
-    try { Object.assign(merged, JSON.parse(line)); } catch (_) { /* skip malformed */ }
-  }
-  return merged;
+  return foldAgentLines(readFileSync(filePath, 'utf8'));
 }
 
 // Agent-activity record files in a session dir, excluding the `_`-prefixed sidecars