alezmad/cladm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add open-folder button [▸] to pane subtitle row

Browse Source 
Cyan [▸] button on each pane's subtitle row opens the project folder
in Finder. Path text truncates with … prefix when too long.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
2026-02-28 18:56:16 +00:00
parent a2a9283451
commit f821010dc9
2 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/direct-grid.ts
View File

@@ -370,7 +370,7 @@ export class DirectGridRenderer {
// Check if a click hit a button on the top border. Returns action + pane index. // Check if a click hit a button on the top border. Returns action + pane index.
// Hit areas are widened beyond the visible dot characters to make clicking easier. // Hit areas are widened beyond the visible dot characters to make clicking easier.
checkButtonClick(col: number, row: number): { action: "max" | "min" | "sel" | "tab" | "newtab" | "panefocus" | "closetab" | "closepane", paneIndex: number, tabId?: number } | null { checkButtonClick(col: number, row: number): { action: "max" | "min" | "sel" | "tab" | "newtab" | "panefocus" | "closetab" | "closepane" | "openfolder", paneIndex: number, tabId?: number } | null {
// Tab bar check (row 1) — includes inline pane names // Tab bar check (row 1) — includes inline pane names
if (row === 1) { if (row === 1) {
// Check close buttons first — widened ±1 around the × character // Check close buttons first — widened ±1 around the × character
@@ -428,6 +428,14 @@ export class DirectGridRenderer {
if (row === by + 1 && !this.isExpanded) { if (row === by + 1 && !this.isExpanded) {
return { action: "max", paneIndex: i } return { action: "max", paneIndex: i }
} }
// Subtitle row (by+2) — folder button [▸] at right edge
if (row === by + 2) {
const folderBtnCol = bx + bw - 1 - 3 - 1 // matches render position
if (col >= folderBtnCol && col <= folderBtnCol + 2) {
return { action: "openfolder", paneIndex: i }
}
}
} }
return null return null
} }
@@ -864,8 +872,14 @@ export class DirectGridRenderer {
out += `\x1b[${by + 1};${bx}H${borderColor}${vt}${RESET}\x1b[${bw - 2}X${titleContent}` out += `\x1b[${by + 1};${bx}H${borderColor}${vt}${RESET}\x1b[${bw - 2}X${titleContent}`
out += `\x1b[${by + 1};${bx + bw - 1}H${borderColor}${vt}${RESET}` out += `\x1b[${by + 1};${bx + bw - 1}H${borderColor}${vt}${RESET}`
// Subtitle row // Subtitle row — path + open folder button
out += `\x1b[${by + 2};${bx}H${borderColor}${vt}${RESET}\x1b[${bw - 2}X ${DIM}${pane.session.projectPath}${RESET}` const FOLDER_BTN = `${hexFg("#7dcfff")}[▸]${RESET}`
const maxPathLen = bw - 2 - 1 - 1 - 3 - 1 // border - pad - space - [▸] - pad
const pathStr = pane.session.projectPath.length > maxPathLen
? "…" + pane.session.projectPath.slice(-(maxPathLen - 1))
: pane.session.projectPath
out += `\x1b[${by + 2};${bx}H${borderColor}${vt}${RESET}\x1b[${bw - 2}X ${DIM}${pathStr}${RESET}`
out += `\x1b[${by + 2};${bx + bw - 1 - 3 - 1}H${FOLDER_BTN}`
out += `\x1b[${by + 2};${bx + bw - 1}H${borderColor}${vt}${RESET}` out += `\x1b[${by + 2};${bx + bw - 1}H${borderColor}${vt}${RESET}`
// Side borders for content rows // Side borders for content rows

5
src/input/handlers.ts
View File

@@ -715,6 +715,11 @@ function processGridInput(str: string) {
else if (btn?.action === "max") { dg.cancelPendingClose(); dg.expandPane(btn.paneIndex) } else if (btn?.action === "max") { dg.cancelPendingClose(); dg.expandPane(btn.paneIndex) }
else if (btn?.action === "min") { dg.cancelPendingClose(); dg.collapsePane() } else if (btn?.action === "min") { dg.cancelPendingClose(); dg.collapsePane() }
else if (btn?.action === "sel") { dg.cancelPendingClose(); dg.enterSelectMode() } else if (btn?.action === "sel") { dg.cancelPendingClose(); dg.enterSelectMode() }
else if (btn?.action === "openfolder") {
dg.cancelPendingClose()
const p = dg.getTabPanes(dg.activeTabId)[btn.paneIndex]
if (p) Bun.spawn(["open", p.session.projectPath])
}
else if (btn?.action === "tab") { else if (btn?.action === "tab") {
dg.cancelPendingClose() dg.cancelPendingClose()
if (btn.tabId === -1) { if (btn.tabId === -1) {