claude-code-kanban 2.2.1-rc.1 → 2.3.1

package/package.json

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

package/public/app.js

@@ -25,6 +25,7 @@ let agentPollInterval = null;
 let selectedTaskId = null;
 let selectedSessionId = null;
 let focusZone = 'board'; // 'board' | 'sidebar'
+let appConfig = { marketplaceUrl: null };
 let selectedSessionIdx = -1;
 let selectedSessionKbId = null;
 let sessionJustSelected = false;
@@ -36,6 +37,7 @@ let msgUserScrolledUp = false;
 const MSG_MAX_LOADED = 200;
 let currentProjectPath = null;
 let currentProjectSessionIds = [];
+const dismissedSessionIds = new Set();
 
 function resetMessageScrollState() {
   msgUserScrolledUp = false;
@@ -1320,6 +1322,8 @@ function _renderPinToDetail(pin) {
 }
 
 const SESSION_PIN_SVG = PIN_SVG.replace('width="14" height="14"', 'width="12" height="12"');
+const MARKETPLACE_SVG =
+  '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 01-8 0"/></svg>';
 
 //#endregion
 
@@ -1541,8 +1545,15 @@ function formatTaskToolDetail(params) {
 }
 function getToolDetail(tool, params, detail) {
   if (TASK_TOOLS.has(tool)) return formatTaskToolDetail(params);
-  if (detail) return ` <span style="color:var(--text-muted)">${escapeHtml(detail)}</span>`;
-  return '';
+  if (!detail) return '';
+  let extra = '';
+  if (tool === 'Read' && params) {
+    const parts = [];
+    if (params.offset) parts.push(`L${params.offset}`);
+    if (params.limit) parts.push(`+${params.limit}`);
+    if (parts.length) extra = ` <span style="color:var(--text-muted);opacity:.7">${parts.join(' ')}</span>`;
+  }
+  return ` <span style="color:var(--text-muted)">${escapeHtml(detail)}</span>${extra}`;
 }
 function renderTaskResult(toolResult) {
   if (!toolResult) return '';
@@ -2096,6 +2107,7 @@ function renderSessions() {
     const now = Date.now();
     const activeSessionIds = new Set();
     filteredSessions = filteredSessions.filter((s) => {
+      if (dismissedSessionIds.has(s.id)) return false;
       const isActive =
         s.hasMessages &&
         ((!s.sharedTaskList && (s.pending > 0 || s.inProgress > 0)) ||
@@ -2224,6 +2236,7 @@ function renderSessions() {
                 ${session.hasRunningAgents ? '<span class="agent-badge" title="Active agents">🤖</span>' : ''}
                 ${session.planSourceSessionId ? `<span class="plan-indicator" title="Implements plan — click to reveal plan session" onclick="event.stopPropagation(); revealPlanSession('${escapeHtml(session.planSourceSessionId)}')">📋</span>` : ''}
                 ${session.hasWaitingForUser ? '<span class="agent-badge" title="Waiting for user">❓</span>' : ''}
+                ${(window.__HUB__?.enabled || appConfig.marketplaceUrl) && session.project ? `<span class="marketplace-btn" data-project-path="${escapeHtml(session.project)}" onclick="event.stopPropagation(); openMarketplace(this.dataset.projectPath)" title="Open in Marketplace">${MARKETPLACE_SVG}</span>` : ''}
                 ${isLive ? '<span class="pulse"></span>' : ''}
               </span>
               <div class="progress-bar"><div class="progress-fill" style="width: ${percent}%"></div></div>
@@ -4924,6 +4937,7 @@ function showInfoModal(session, teamConfig, tasks, planContent) {
   bodyEl.innerHTML = html;
   _infoModalSessionId = session.id;
   updateStickyBtnState();
+  updateDismissBtnState();
   modal.classList.add('visible');
 
   const keyHandler = (e) => {
@@ -4941,6 +4955,25 @@ function closeTeamModal() {
   document.getElementById('team-modal').classList.remove('visible');
 }
 
+// biome-ignore lint/correctness/noUnusedVariables: used in HTML
+function toggleDismissSession(sessionId) {
+  if (dismissedSessionIds.has(sessionId)) {
+    dismissedSessionIds.delete(sessionId);
+  } else {
+    dismissedSessionIds.add(sessionId);
+  }
+  updateDismissBtnState();
+  renderSessions();
+}
+
+function updateDismissBtnState() {
+  const btn = document.getElementById('session-info-dismiss-btn');
+  if (!btn || !_infoModalSessionId) return;
+  const isDismissed = dismissedSessionIds.has(_infoModalSessionId);
+  btn.textContent = isDismissed ? 'Restore' : 'Dismiss';
+  btn.title = isDismissed ? 'Restore — show in active list again' : 'Dismiss — hide from active list';
+}
+
 let _planSessionId = null;
 
 //#endregion
@@ -5007,6 +5040,18 @@ function openFolderInEditor(folder, file) {
   postAndToast('/api/open-folder', body, 'folder');
 }
 
+// biome-ignore lint/correctness/noUnusedVariables: used in HTML
+function openMarketplace(projectPath) {
+  const params = new URLSearchParams({ project: projectPath });
+  if (window.__HUB__?.enabled) {
+    hubNavigate('marketplace', `?${params}`);
+  } else if (appConfig.marketplaceUrl) {
+    const url = new URL(appConfig.marketplaceUrl);
+    url.search = params.toString();
+    window.open(url.toString(), '_blank');
+  }
+}
+
 //#endregion
 
 //#region OWNER_FILTER
@@ -5185,6 +5230,13 @@ if (urlState.search) {
   document.getElementById('search-clear-btn').classList.add('visible');
 }
 
+fetch('/api/config')
+  .then((r) => r.json())
+  .then((c) => {
+    appConfig = c;
+  })
+  .catch(() => {});
+
 fetchSessions().then(async () => {
   if (urlState.projectView) {
     try {
@@ -5225,3 +5277,24 @@ window.addEventListener('popstate', () => {
   if (s.messages !== messagePanelOpen) toggleMessagePanel();
 });
 //#endregion
+
+// #region HUB_INTEGRATION
+(async function initHub() {
+  const cfg = await fetch('/hub-config')
+    .then((r) => r.json())
+    .catch(() => ({}));
+  if (!cfg.enabled) return;
+  window.__HUB__ = cfg;
+  document.addEventListener('keydown', (e) => {
+    if (e.ctrlKey && e.altKey && (e.key === 'ArrowLeft' || e.key === 'ArrowRight')) {
+      e.preventDefault();
+      window.parent?.postMessage({ type: 'hub:keydown', key: e.key }, '*');
+    }
+  });
+})();
+
+window.hubNavigate = function hubNavigate(app, url) {
+  if (!window.__HUB__?.enabled) return;
+  window.parent?.postMessage({ type: 'hub:navigate', app, url }, '*');
+};
+// #endregion HUB_INTEGRATION

package/public/index.html

@@ -496,6 +496,7 @@
       </div>
       <div id="team-modal-body" class="modal-body"></div>
       <div class="modal-footer">
+        <button id="session-info-dismiss-btn" class="btn btn-secondary" onclick="toggleDismissSession(_infoModalSessionId)">Dismiss</button>
         <button class="btn btn-primary" onclick="closeTeamModal()">Close</button>
       </div>
     </div>

package/public/style.css

@@ -3330,6 +3330,22 @@ pre.mermaid svg {
   color: var(--accent);
 }
 
+.marketplace-btn {
+  color: #888;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  transition:
+    color 0.15s,
+    filter 0.15s;
+  border-radius: 3px;
+}
+
+.marketplace-btn:hover {
+  color: var(--accent);
+  filter: drop-shadow(0 0 3px var(--accent));
+}
+
 .project-group-header .group-count {
   font-weight: 400;
   color: var(--text-muted);

package/server.js

@@ -48,6 +48,17 @@ function getClaudeDir() {
   return process.env.CLAUDE_DIR || path.join(os.homedir(), '.claude');
 }
 
+function getMarketplaceUrl() {
+  const idx = process.argv.findIndex(arg => arg.startsWith('--marketplace-url'));
+  if (idx !== -1) {
+    const arg = process.argv[idx];
+    if (arg.includes('=')) return arg.split('=').slice(1).join('=');
+    if (process.argv[idx + 1]) return process.argv[idx + 1];
+  }
+  return process.env.MARKETPLACE_URL || null;
+}
+
+const MARKETPLACE_URL = getMarketplaceUrl();
 const CLAUDE_DIR = getClaudeDir();
 const TASKS_DIR = path.join(CLAUDE_DIR, 'tasks');
 const PROJECTS_DIR = path.join(CLAUDE_DIR, 'projects');
@@ -181,6 +192,10 @@ app.param('taskId', (req, res, next, val) => {
 // Parse JSON bodies
 app.use(express.json());
 
+app.get('/hub-config', (_req, res) => {
+  res.json({ enabled: !!process.env.CLAUDE_HUB, url: process.env.HUB_URL || null });
+});
+
 // Serve static files
 app.get('/sw.js', (req, res) => {
   res.setHeader('Cache-Control', 'no-cache');
@@ -1251,6 +1266,10 @@ app.get('/api/version', (req, res) => {
   res.json({ version: pkg.version });
 });
 
+app.get('/api/config', (req, res) => {
+  res.json({ marketplaceUrl: MARKETPLACE_URL });
+});
+
 // API: Get all tasks across all sessions
 app.get('/api/tasks/all', async (req, res) => {
   try {