feat(web): add copyright notice + footer/toolbar polish (#1639)

- Add a grey CopyrightBadge ("Copyright © Model Context Protocol a Series of LF
  Projects, LLC.") to the footer. Version (bottom-left) and copyright
  (bottom-right) share the bottom `xl` margin band: vertically centered in it
  and inset by `xl` to line up with the content's left/right margins.
- Move the list expand/collapse toggle to the right of the "Add Servers" button
  in ServerListControls.
- Make the monitoring column's close-sidebar control match the open-sidebar
  PinColumnButton theme (Button size sm / variant subtle) instead of a gray
  ActionIcon, so the open/close affordances read as a pair.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BrihGWcrM9JGRyu41nzZYw
This commit is contained in:
cliffhall 2026-07-10 20:11:52 -04:00
commit 5d024ab54f
2 changed files with 88 additions and 18 deletions

View file

@ -39,8 +39,9 @@ describe("ServerListControls", () => {
onToggleList={onToggleList}
/>,
);
const buttons = screen.getAllByRole("button");
await user.click(buttons[0]);
await user.click(
screen.getByRole("button", { name: /Expand all|Collapse all/ }),
);
expect(onToggleList).toHaveBeenCalledTimes(1);
});

View file

@ -27,9 +27,6 @@ export function ServerListControls({
}: ServerListControlsProps) {
return (
<Group justify="flex-end">
{serverCount > 0 && (
<ListToggle compact={compact} onToggle={onToggleList} />
)}
<Button variant="default" onClick={onExport} disabled={serverCount === 0}>
Export
</Button>
@ -40,6 +37,9 @@ export function ServerListControls({
onImportServerJson={onImportServerJson}
/>
)}
{serverCount > 0 && (
<ListToggle compact={compact} onToggle={onToggleList} />
)}
</Group>
);
}