refine UI layout, theming, and component consistency across screens

- Add MCP logo (light/dark variants) to ConnectedLayout header
- Replace Tabs with SegmentedControl in header, split into 1/3 sections
- Wrap all screens in Container for consistent margins
- Use Card instead of Paper for panel backgrounds across all screens
- Add SubscribeButton atom, CopyButton for resource URI
- Move annotations from ResourceListItem to ResourcePreviewPanel
- Improve AnnotationBadge colors for dark mode visibility
- Add Tools, Resources, and Prompts headers to list panels
- Add ConnectedLayout stories for Tools, Resources, and Prompts tabs
- Remove unused onCopy prop and copy button from PromptMessagesDisplay

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
cliffhall 2026-03-23 16:56:53 -04:00
commit f674ce0c22

View file

@ -1,6 +1,7 @@
import {
Button,
Checkbox,
Container,
Grid,
Group,
Paper,
@ -30,6 +31,7 @@ export function LoggingScreen({
onCopyAll,
}: LoggingScreenProps) {
return (
<Container size="xl" py="xl">
<Grid align="stretch">
<Grid.Col span={3}>
<Paper withBorder p="md" h="100%">
@ -69,5 +71,6 @@ export function LoggingScreen({
</Paper>
</Grid.Col>
</Grid>
</Container>
);
}