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

fix: reorder pane buttons — blue folder, gap, green/yellow, red close

Browse Source 
Right corner order is now: [●]blue ─ [●]green [●]red─╮
Folder is leftmost (separated by gap), close is rightmost near corner.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
2026-02-28 19:07:03 +00:00
parent 24a20d4fe5
commit 1a99a83fd7
1 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -405,24 +405,24 @@ export class DirectGridRenderer {
const bw = dp.width + 2 const bw = dp.width + 2
// Top border row — framed [●] buttons // Top border row — framed [●] buttons
// Blue folder [●] is rightmost, separated by ─ from traffic lights // Order from right: ─[●] ─[●] [●] [●]─╮ = blue folder, gap, green/yellow, red close
if (row === by) { if (row === by) {
// folder: ...─[●]─╮ → bw-5..bw-3 // close (red): rightmost, positions bw-5..bw-3 (before ─╮)
if (col >= bx + bw - 5 && col <= bx + bw - 3) return { action: "openfolder", paneIndex: i } if (col >= bx + bw - 5 && col <= bx + bw - 3) return { action: this.isExpanded ? "closepane" : "closepane", paneIndex: i }
if (this.isExpanded) { if (this.isExpanded) {
// Layout: ...─[●] [●] [●] ─[●]─╮ // Layout: ...─[●] ─[●] [●] [●]─╮
// sel: bw-10..bw-8 // min (yellow): bw-9..bw-7
if (col >= bx + bw - 10 && col <= bx + bw - 8) return { action: "sel", paneIndex: i } if (col >= bx + bw - 9 && col <= bx + bw - 7) return { action: "min", paneIndex: i }
// min: bw-14..bw-12 // sel (green): bw-13..bw-11
if (col >= bx + bw - 14 && col <= bx + bw - 12) return { action: "min", paneIndex: i } if (col >= bx + bw - 13 && col <= bx + bw - 11) return { action: "sel", paneIndex: i }
// close: bw-18..bw-16 // folder (blue): bw-18..bw-16 (after ─ gap)
if (col >= bx + bw - 18 && col <= bx + bw - 16) return { action: "closepane", paneIndex: i } if (col >= bx + bw - 18 && col <= bx + bw - 16) return { action: "openfolder", paneIndex: i }
} else { } else {
// Layout: ...─[●] [●] ─[●]─╮ // Layout: ...─[●] ─[●] [●]─╮
// max: bw-10..bw-8 // max (green): bw-9..bw-7
if (col >= bx + bw - 10 && col <= bx + bw - 8) return { action: "max", paneIndex: i } if (col >= bx + bw - 9 && col <= bx + bw - 7) return { action: "max", paneIndex: i }
// close: bw-14..bw-12 // folder (blue): bw-14..bw-12 (after ─ gap)
if (col >= bx + bw - 14 && col <= bx + bw - 12) return { action: "closepane", paneIndex: i } if (col >= bx + bw - 14 && col <= bx + bw - 12) return { action: "openfolder", paneIndex: i }
} }
continue continue
} }
@@ -839,14 +839,14 @@ export class DirectGridRenderer {
let btnSection: string let btnSection: string
let btnVisibleLen: number let btnVisibleLen: number
if (this.isExpanded) { if (this.isExpanded) {
// Expanded: show close · minimize · select · folder // Expanded: folder · gap · select · minimize · close
const selBtn = this._selectMode ? `${hexFg("#9ece6a")}${BOLD}[●]${RESET}` : DIM_BTN const selBtn = this._selectMode ? `${hexFg("#9ece6a")}${BOLD}[●]${RESET}` : DIM_BTN
btnSection = `${borderColor}${hz}${RESET}${RED_BTN} ${YELLOW_BTN} ${selBtn}${borderColor} ${hz}${RESET}${BLUE_BTN}${borderColor}` btnSection = `${borderColor}${hz}${RESET}${BLUE_BTN}${borderColor} ${hz}${RESET}${selBtn} ${YELLOW_BTN} ${RED_BTN}${borderColor}`
btnVisibleLen = 1 + 3 + 1 + 3 + 1 + 3 + 1 + 1 + 3 // ─[●] [●] [●] ─[●] btnVisibleLen = 1 + 3 + 1 + 1 + 3 + 1 + 3 + 1 + 3 // ─[●] ─[●] [●] [●]
} else { } else {
// Grid: show close · expand · folder // Grid: folder · gap · expand · close
btnSection = `${borderColor}${hz}${RESET}${RED_BTN} ${GREEN_BTN}${borderColor} ${hz}${RESET}${BLUE_BTN}${borderColor}` btnSection = `${borderColor}${hz}${RESET}${BLUE_BTN}${borderColor} ${hz}${RESET}${GREEN_BTN} ${RED_BTN}${borderColor}`
btnVisibleLen = 1 + 3 + 1 + 3 + 1 + 1 + 3 // ─[●] [●] ─[●] btnVisibleLen = 1 + 3 + 1 + 1 + 3 + 1 + 3 // ─[●] ─[●] [●]
} }
const hzFill = Math.max(0, bw - 2 - btnVisibleLen - 1) const hzFill = Math.max(0, bw - 2 - btnVisibleLen - 1)
out += `\x1b[${by};${bx}H${borderColor}${tl}${hz.repeat(hzFill)}${btnSection}${hz}${tr}${RESET}` out += `\x1b[${by};${bx}H${borderColor}${tl}${hz.repeat(hzFill)}${btnSection}${hz}${tr}${RESET}`