viktor/beadboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #1 from zenchantlive/feat/bb-18e-3-direction-hints

Browse source 
Graph clarity: add plain directional dependency hints
This commit is contained in:
zenchantlive 2026-02-12 23:49:35 -08:00 • committed by GitHub
commit 32a08ac35a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/graph/graph-section.tsx
View file

@ -78,6 +78,10 @@ export function GraphSection({
In progress blockers: {blockerAnalysis.inProgressBlockerCount}
</p>
) : null}
<p className="w-full text-[10px] text-text-muted/55 md:w-auto md:max-w-[26rem]">
<span className="font-semibold text-text-muted/75">Read left to right:</span>{' '}
Left = blockers, middle = selected task, Right = work unblocked by this task.
</p>
</div>
{/* ReactFlow graph viewport */}

3
tests/guards/graph-responsive-contract.test.mjs
View file

@ -58,6 +58,9 @@ test('extracted graph section has viewport and legend', async () => {
assert.match(graphSection, /blockerAnalysis/, 'should show blocker stats');
assert.match(graphSection, /hideClosed/, 'should support hideClosed state in legend');
assert.match(graphSection, /!hideClosed/, 'done legend should be hidden when closed items are hidden');
assert.match(graphSection, /Read left to right/, 'legend should include plain directional hint');
assert.match(graphSection, /Left = blockers/, 'legend should include left/right dependency meaning');
assert.match(graphSection, /Right = work unblocked by this task/, 'legend should include downstream meaning');
});
test('graph node card supports tooltips and actionable glow', async () => {