feat(run): lay out the Workspace lane strip as a horizontal row above the detail panel

The lane strip was a fixed-width vertical column beside the detail panel.
Flipped it to a horizontally scrolling row on top so the detail/console
area gets the full page width below it.
This commit is contained in:
2026-08-19 10:22:35 +07:00
parent 8aa22cd255
commit 2fe465e36f
3 changed files with 14 additions and 17 deletions
@@ -1,9 +1,10 @@
/**
* @file The compact lane tile used in the Workspace's vertical lane list. It
* carries only what you need to pick a lane — which lane, is it alive, what
* stage, how far — because the full card, its controls and its working-copy
* facts live in the detail panel beside it. Keeping the tile small and full
* width is what lets many lanes stay scannable in one scrolling column.
* @file The compact lane tile used in the Workspace's horizontal lane strip.
* It carries only what you need to pick a lane — which lane, is it alive,
* what stage, how far — because the full card, its controls and its
* working-copy facts live in the detail panel below it. Keeping the tile
* small and fixed-width is what lets many lanes stay scannable in one
* scrolling row.
* @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
*/
@@ -42,7 +43,7 @@ export default function LaneStripCard({
aria-pressed={selected}
onClick={onSelect}
title={lane.cwd}
className={`w-full shrink-0 rounded-lg border p-3 text-left shadow-sm transition-colors ${
className={`w-56 shrink-0 rounded-lg border p-3 text-left shadow-sm transition-colors ${
selected
? "border-accent bg-accent/10"
: "border-border bg-surface-2 hover:border-border-light hover:bg-surface-3"