From db84439894442556d1f78ad7922bc8d83be5587e Mon Sep 17 00:00:00 2001 From: Valerii Kovalskii Date: Mon, 20 Jul 2026 13:51:14 +0300 Subject: [PATCH] feat: sidebar running-projects tree + safer pane labels (v7.14.2) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Sidebar shows a live tree of projects that currently have running Workspace terminals (bottom of the sidebar); click a project or a terminal to jump to it. Grouped by folder, skips home shells, change-signature guarded. - _wsPaneLabel now strips leading VAR=value env prefixes and masks secrets, so a proxied command (HTTPS_PROXY='...' claude) shows as "claude" — proxy credentials no longer leak into the pane title bar. Co-Authored-By: Claude Opus 4.8 (1M context) --- desktop/package.json | 2 +- package.json | 2 +- src/changelog.js | 9 +++++++ src/frontend/index.html | 3 +++ src/frontend/styles.css | 25 +++++++++++++++++ src/frontend/workspace.js | 57 +++++++++++++++++++++++++++++++++++++-- 6 files changed, 94 insertions(+), 4 deletions(-) diff --git a/desktop/package.json b/desktop/package.json index 06b5d8c..c262df0 100644 --- a/desktop/package.json +++ b/desktop/package.json @@ -1,7 +1,7 @@ { "name": "codbash-desktop", "productName": "codbash", - "version": "7.14.1", + "version": "7.14.2", "private": true, "description": "Desktop shell (Electron) for codbash — wraps the codbash server in a native window.", "main": "main.js", diff --git a/package.json b/package.json index 04cb8b2..a2ef73a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "codbash-app", - "version": "7.14.1", + "version": "7.14.2", "description": "Dashboard + CLI for AI coding agents — Claude Code, Codex, Cursor, OpenCode, Kiro. View, search, resume, convert, sync sessions.", "bin": { "codbash": "./bin/cli.js", diff --git a/src/changelog.js b/src/changelog.js index a811051..381691a 100644 --- a/src/changelog.js +++ b/src/changelog.js @@ -1,6 +1,15 @@ 'use strict'; const CHANGELOG = [ + { + version: '7.14.2', + date: '2026-07-20', + title: 'Running-projects sidebar tree + safer pane labels', + changes: [ + 'The sidebar now shows a live tree of projects that have running terminals — click a project or terminal to jump straight to it', + 'Pane title bars show the real command (e.g. "claude"), stripping leading VAR=value env prefixes so proxy credentials never appear in the header', + ], + }, { version: '7.14.1', date: '2026-07-20', diff --git a/src/frontend/index.html b/src/frontend/index.html index 7d75197..702e36a 100644 --- a/src/frontend/index.html +++ b/src/frontend/index.html @@ -224,6 +224,9 @@ + + +
Made by Valerii Kovalskii diff --git a/src/frontend/styles.css b/src/frontend/styles.css index 82c953c..f5c8df1 100644 --- a/src/frontend/styles.css +++ b/src/frontend/styles.css @@ -2872,6 +2872,31 @@ body.sidebar-hidden .toolbar { padding-left: 52px; } border: 1px solid var(--accent-blue); border-radius: 4px; padding: 1px 4px; } +/* Sidebar running-terminals tree (bottom of the sidebar). */ +.ws-running-tree { + margin: 8px 8px 4px; padding-top: 8px; border-top: 1px solid var(--border); +} +.ws-run-title { + font-size: 10px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; + color: var(--text-muted); padding: 0 8px 4px; +} +.ws-run-proj { + display: flex; align-items: center; gap: 6px; padding: 4px 8px; + font-size: 12px; color: var(--text-primary); cursor: pointer; border-radius: 6px; +} +.ws-run-proj:hover { background: rgba(255,255,255,0.06); } +.ws-run-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent-green); flex-shrink: 0; } +.ws-run-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Menlo, Monaco, monospace; } +.ws-run-count { + font-size: 10px; color: var(--text-muted); background: var(--bg-hover); + border-radius: 8px; padding: 0 6px; min-width: 16px; text-align: center; +} +.ws-run-term { + padding: 2px 8px 2px 22px; font-size: 11px; color: var(--text-secondary); + cursor: pointer; border-radius: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; +} +.ws-run-term:hover { background: rgba(255,255,255,0.05); color: var(--text-primary); } + /* In-app prompt (codbashPrompt) — replaces window.prompt (no-op in Electron). */ .cb-prompt-overlay { position: fixed; inset: 0; z-index: 1000; diff --git a/src/frontend/workspace.js b/src/frontend/workspace.js index 647aa3e..274eec3 100644 --- a/src/frontend/workspace.js +++ b/src/frontend/workspace.js @@ -140,11 +140,59 @@ function _wsStartStatusLoop() { if (_wsStatusTimer) return; _wsStatusTimer = setInterval(function () { _wsUpdateStatusBar(); + _wsRenderRunningTree(); // Keep the Overview landing's cards live too. if (typeof _ovRefreshIfCurrent === 'function') _ovRefreshIfCurrent(); }, 1000); } +// Group live terminals by their project folder (skips the home dir — those +// aren't "projects"). Used by the sidebar running-terminals tree. +function _wsRunningByProject() { + var groups = {}, order = []; + _wsAllPanes().forEach(function (x) { + var p = x.pane; + if (!p.sock || p.exited || p.sock.readyState !== 1) return; + var cwd = p.cwd || ''; + if (!cwd || /^(\/Users\/[^/]+|\/home\/[^/]+|\/root)\/?$/.test(cwd)) return; + var key = _wsProjectBasename(cwd); + if (!groups[key]) { groups[key] = { name: key, items: [] }; order.push(key); } + groups[key].items.push(x); + }); + return order.map(function (k) { return groups[k]; }); +} + +// Render a compact tree at the bottom of the sidebar: each project folder that +// has running terminals, with its terminals underneath — click to jump. +var _wsRunTreeSig = ''; +function _wsRenderRunningTree() { + var el = document.getElementById('wsRunningTree'); + if (!el) return; + var groups = _wsRunningByProject(); + var sig = groups.map(function (g) { + return g.name + ':' + g.items.map(function (x) { return x.pane.id + '=' + _wsPaneLabel(x.pane); }).join(','); + }).join('|'); + if (sig === _wsRunTreeSig) return; // no change → no rebuild + _wsRunTreeSig = sig; + + if (!groups.length) { el.style.display = 'none'; el.innerHTML = ''; return; } + var html = '
Running in projects
'; + groups.forEach(function (g) { + var first = g.items[0]; + html += '
' + + '' + escHtml(g.name) + '' + + '' + g.items.length + '
'; + g.items.forEach(function (x) { + html += '
' + + escHtml(_wsPaneLabel(x.pane)) + '
'; + }); + }); + el.innerHTML = html; + el.style.display = ''; +} + // Jump from a status chip to that pane: show Workspace, activate its tab, focus it. function jumpToWorkspacePane(tabId, paneId) { if (typeof setView === 'function') setView('workspace'); @@ -278,8 +326,13 @@ function _wsShortCwd(cwd) { // otherwise the folder name (e.g. "CoWork"), or "~" for the home directory. function _wsPaneLabel(pane) { if (pane && pane.cmd) { - var w = String(pane.cmd).trim().split(/\s+/)[0]; - if (w) return w; + // Strip leading `VAR=value` env assignments (value may be quoted and hold + // secrets, e.g. HTTPS_PROXY='http://user:pass@host') so the label is the + // actual command — "claude", not the proxy string. + var cmd = String(pane.cmd).trim() + .replace(/^([A-Za-z_][A-Za-z0-9_]*=(?:'[^']*'|"[^"]*"|\S+)\s+)+/, ''); + var w = cmd.split(/\s+/)[0]; + if (w) return (typeof _wsMaskSecrets === 'function') ? _wsMaskSecrets(w) : w; } var c = (pane && pane.cwd) || ''; if (!c) return 'shell';