claude-code-kanban 7.16.0 → 7.18.0

package/public/style.css

@@ -834,6 +834,111 @@ body::before {
   padding: 0 14px 12px;
 }
 
+.sessions-list.zen {
+  --zen-dot: var(--border);
+  display: flex;
+  flex-direction: column;
+}
+
+.sessions-list.zen[data-zen-state='working'] {
+  --zen-dot: color-mix(in srgb, var(--success) 45%, var(--border));
+}
+
+.sessions-list.zen[data-zen-state='waiting'] {
+  --zen-dot: color-mix(in srgb, var(--warning) 55%, var(--border));
+}
+
+/* The spacers fill the free space. Centered, they split it 1:2, so a growing panel moves the card up by a third of the growth, not a half. With no free space they are 0 and the list scrolls from the top. */
+.sessions-list.zen::after,
+.sessions-list.zen.zen-centered::before {
+  content: '';
+  flex: 1 0 0;
+}
+
+/* Dots unless the hub's zenPattern setting names another pattern. Line patterns use a lighter color, because a line has more ink than a dot. */
+.sessions-list.zen {
+  --zen-line: color-mix(in srgb, var(--zen-dot) 50%, transparent);
+  --zen-fill: radial-gradient(circle, var(--zen-dot) 1px, transparent 1.5px) 0 0 / 20px 20px;
+  --zen-glow-y: 0;
+}
+
+.sessions-list.zen[data-zen-pattern='diagonal'] {
+  --zen-fill: repeating-linear-gradient(-45deg, var(--zen-line) 0 1px, transparent 1px 14px);
+}
+
+.sessions-list.zen[data-zen-pattern='rings'] {
+  --zen-fill: radial-gradient(circle, transparent 2.5px, var(--zen-line) 3px 3.5px, transparent 4px) 0 0 / 28px 28px;
+}
+
+.sessions-list.zen[data-zen-pattern='grid'] {
+  --zen-fill:
+    linear-gradient(var(--zen-line) 1px, transparent 1px) 0 0 / 24px 24px,
+    linear-gradient(90deg, var(--zen-line) 1px, transparent 1px) 0 0 / 24px 24px;
+}
+
+/* The pattern glows out from the card. The glow has a fixed height, so it looks the same in a short space and a tall one. */
+.sessions-list.zen:not([data-zen-pattern='none'])::after,
+.sessions-list.zen.zen-centered:not([data-zen-pattern='none'])::before {
+  background: var(--zen-fill);
+  mask-image: radial-gradient(110% 260px at 50% var(--zen-glow-y), rgb(0 0 0 / 0.9), transparent);
+}
+
+.sessions-list.zen.zen-centered::before {
+  --zen-glow-y: 100%;
+}
+
+.sessions-list.zen.zen-centered::after {
+  flex-grow: 2;
+}
+
+.sessions-list.zen > * {
+  flex-shrink: 0;
+}
+
+/* After the ::after spacer, so the agents sit at the bottom of the free space. */
+.zen-agents {
+  order: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin-top: 6px;
+}
+.zen-agents:empty {
+  display: none;
+}
+.zen-agent {
+  display: grid;
+  grid-template-columns: 5px 1fr auto;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 8px;
+  background: none;
+  border: none;
+  border-radius: 6px;
+  font: inherit;
+  font-size: 12px;
+  text-align: left;
+  cursor: pointer;
+}
+.zen-agent:hover {
+  background: var(--bg-hover);
+}
+.zen-agent-text {
+  min-width: 0;
+}
+.zen-agent-task {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-primary);
+}
+.zen-agent-time {
+  font-size: 10.5px;
+  font-variant-numeric: tabular-nums;
+  color: var(--text-tertiary);
+}
+
 .session-item {
   position: relative;
   display: block;
@@ -7030,13 +7135,15 @@ body.show-resizing iframe {
 }
 
 /* The × is a glyph, not an svg, so .row-actions button svg does not size it. */
-.linked-doc-remove {
+.linked-doc-remove,
+.artifact-remove {
   font-family: var(--mono);
   font-size: 15px;
   line-height: 1;
 }
 
-.linked-doc-actions .linked-doc-remove:hover {
+.linked-doc-actions .linked-doc-remove:hover,
+.artifact-actions .artifact-remove:hover {
   background: var(--bg-elevated);
   border-color: var(--border);
   color: var(--text-primary);
@@ -8134,6 +8241,13 @@ body.light .msg-assistant .msg-text {
   padding: 8px 16px;
   white-space: nowrap;
 }
+
+/* The modal focuses a button itself, and after a mouse click Chrome does not match
+   :focus-visible for that, so Enter would act on a button with no ring. */
+.confirm-buttons .btn:focus {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
 /* #endregion */
 
 /* Reference card, not reading material: it stays out of the modal zoom, uses the app's

package/public/terminal-frame.js

@@ -48,6 +48,39 @@
     return lines.join('\n');
   }
 
+  const PATH_ROOT = String.raw`(?:[A-Za-z]:[\\/]|\/(?=[\w.@+-]+\/)|\\\\(?=[\w.$-]+\\))`;
+  // A quoted path may hold spaces; a bare one ends at the first.
+  const PATH_RE = new RegExp(
+    [
+      String.raw`"(${PATH_ROOT}[^"<>|*?]*[^\s"<>|*?])"`,
+      String.raw`'(${PATH_ROOT}[^'<>|*?]*[^\s'<>|*?])'`,
+      String.raw`(?<![\w/\\:.~-])${PATH_ROOT}[^\s"'<>|*?${'`'}]*[^\s"'<>|*?${'`'}.,;:!)\]}]`,
+    ].join('|'),
+    'g',
+  );
+
+  function pathsIn(text) {
+    return Array.from(text.matchAll(PATH_RE), (m) => {
+      const quoted = m[1] ?? m[2];
+      const found = quoted ?? m[0];
+      return { index: m.index + (quoted ? 1 : 0), text: found, path: found.replace(/(?::\d+){1,2}$/, '') };
+    });
+  }
+
+  // Cell x of each character, because a wide character spans two cells and translateToString counts it once.
+  function lineCells(line, cols, reuse) {
+    let text = '';
+    const xs = [];
+    for (let x = 0; x < cols; x++) {
+      const cell = line.getCell(x, reuse);
+      if (!cell || cell.getWidth() === 0) continue;
+      const chars = cell.getChars() || ' ';
+      for (let i = 0; i < chars.length; i++) xs.push(x);
+      text += chars;
+    }
+    return { text, xs };
+  }
+
   function oscColor(hex) {
     const m = /^#([0-9a-f]{6})$/i.exec(hex || '');
     if (!m) return null;
@@ -147,6 +180,8 @@
         scrollback: o.scrollback,
         cursorBlink: true,
         allowProposedApi: true,
+        // xterm's default asks with confirm() and opens a window, which the installed hub window blocks.
+        linkHandler: { activate: (_e, uri) => up('link', { href: uri }), allowNonHttpProtocols: true },
         ...o.themeOptions,
       });
       state.term = term;
@@ -154,6 +189,22 @@
       term.loadAddon(state.fit);
       term.loadAddon(new win.Unicode11Addon.Unicode11Addon());
       term.unicode.activeVersion = '11';
+      // Link providers scan a line only when the pointer moves onto it, never on output.
+      term.loadAddon(new win.WebLinksAddon.WebLinksAddon((_e, uri) => up('link', { href: uri })));
+      const cellReuse = term.buffer.active.getNullCell();
+      term.registerLinkProvider({
+        provideLinks(y, done) {
+          const line = term.buffer.active.getLine(y - 1);
+          if (!line || !/[\\/]/.test(line.translateToString(true))) return done(undefined);
+          const { text, xs } = lineCells(line, term.cols, cellReuse);
+          const links = pathsIn(text).map((p) => ({
+            text: p.text,
+            range: { start: { x: xs[p.index] + 1, y }, end: { x: xs[p.index + p.text.length - 1] + 1, y } },
+            activate: () => up('link', { href: p.path }),
+          }));
+          done(links.length ? links : undefined);
+        },
+      });
       term.open(host);
       try {
         const gl = new win.WebglAddon.WebglAddon();
@@ -346,7 +397,7 @@
   }
 
   if (typeof module === 'object' && module.exports) {
-    module.exports = { createTerminalFrame, claimSig, isClaimed, handsBack, parentOriginOf, tailOf };
+    module.exports = { createTerminalFrame, claimSig, isClaimed, handsBack, parentOriginOf, tailOf, pathsIn };
   } else {
     createTerminalFrame(root);
   }

package/public/terminal.html

@@ -22,6 +22,7 @@
   <script src="/vendor/xterm/addon-fit.js"></script>
   <script src="/vendor/xterm/addon-webgl.js"></script>
   <script src="/vendor/xterm/addon-unicode11.js"></script>
+  <script src="/vendor/xterm/addon-web-links.js"></script>
   <script src="/terminal-frame.js"></script>
 </body>
 </html>

package/public/vendor/claude-hub-sdk.js

@@ -1,4 +1,4 @@
-// claude-hub-sdk 1.5.0 (sha256 1505d3d5f8ba). Copied by npm run sdk:sync in claude-code-hub. Do not edit.
+// claude-hub-sdk 1.7.0 (sha256 904e53d87ec4). Copied by npm run sdk:sync in claude-code-hub. Do not edit.
 // Claude Code Hub SDK: the one rule that names a key press, shared by the hub page, client.js and
 // stub.js. The hub serves it to its page as /sdk/keys.js; mount() and sdk:sync put it in front of
 // client.js and stub.js, so an app still loads one file.
@@ -60,6 +60,8 @@ if (typeof module === 'object' && module.exports) module.exports = ClaudeHubKeys
         status: 'standalone',
         themes: [],
         inHub: false,
+        settings: null,
+        onSettings: () => off,
         onStatus: () => off,
         onActive: () => off,
         onThemes: () => off,

package/server.js

@@ -3468,6 +3468,7 @@ const XTERM_FILES = {
   'addon-fit.js': '@xterm/addon-fit/lib/addon-fit.js',
   'addon-webgl.js': '@xterm/addon-webgl/lib/addon-webgl.js',
   'addon-unicode11.js': '@xterm/addon-unicode11/lib/addon-unicode11.js',
+  'addon-web-links.js': '@xterm/addon-web-links/lib/addon-web-links.js',
 };
 app.get('/vendor/xterm/:file', (req, res) => {
   const rel = Object.hasOwn(XTERM_FILES, req.params.file) ? XTERM_FILES[req.params.file] : null;