stacklok / toolhive-studio / 22716707784

57%

push

github

refactor(settings): align style according new rebranding (#1675)

* refactor(settings): extract shared UI components for settings tabs

Add SettingsSectionTitle, SettingsRow, StatusBadge, and ExternalCliAlert
as reusable components. Update WrapperField line-heights to match Figma
design specs (leading-5.5 = 22px).

Co-authored-by: Cursor <cursoragent@cursor.com>

* refactor(settings): redesign general tab to match Figma spacing

Replace heading with SettingsSectionTitle, add Separators between fields,
and align spacing values (gap-3, pt-1, pb-5) to the Figma design specs.

Co-authored-by: Cursor <cursoragent@cursor.com>

* refactor(settings): redesign version tab to match Figma spacing

Replace VersionInfoWrapper with SettingsSectionTitle and SettingsRow,
add Separators, and use WrapperField for the Downloads toggle to match
the Figma design structure.

Co-authored-by: Cursor <cursoragent@cursor.com>

* refactor(settings): redesign logs tab to match Figma spacing

Replace heading with SettingsSectionTitle, add description text and
Separator, and use default button variant to match Figma design.

Co-authored-by: Cursor <cursoragent@cursor.com>

* refactor(settings): redesign registry tab to match Figma spacing

Replace heading with SettingsSectionTitle, add description text and
Separator in the form, and align spacing to the consistent gap-3 pattern.

Co-authored-by: Cursor <cursoragent@cursor.com>

* refactor(settings): redesign CLI tab with consistent spacing and extracted components

Use SettingsSectionTitle, SettingsRow, StatusBadge, and ExternalCliAlert
from shared components. Add Separators between rows and align spacing
to the consistent gap-3 pattern.

Co-authored-by: Cursor <cursoragent@cursor.com>

* refactor(settings): update layout with full-bleed sidebar and Figma-aligned navigation

Use negative margins to extend sidebar border through Main's padding,
replace viewport-based ScrollArea height with h-full, add tab icons,
and remove CLI tab ... (continued)

2676 of 4983 branches covered (53.7%)

Branch coverage included in aggregate %.

12 of 15 new or added lines in 9 files covered. (80.0%)

4351 of 7458 relevant lines covered (58.34%)

114.02 hits per line