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:
parent
08c42a2e62
commit
f674ce0c22
1 changed files with 357 additions and 157 deletions
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue