modelcontextprotocol/inspector
Watch
1
0
Fork
You've already forked inspector
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

Refactor renamed the component groups to something less obtuse:

Browse source 
Elements -> Groups -> Screens -> Views
This commit is contained in:
cliffhall 2026-03-28 12:58:47 -04:00
commit dd46acba87
1 changed files with 151 additions and 144 deletions
Download patch file Download diff file Expand all files Collapse all files

88
clients/web/src/components/organisms/TasksScreen/TasksScreen.tsx
View file

@ -1,88 +0,0 @@
import {
Button,
Container,
Group,
Paper,
Stack,
Text,
Title,
} from "@mantine/core";
import { TaskCard } from "../../molecules/TaskCard/TaskCard";
import type { TaskCardProps } from "../../molecules/TaskCard/TaskCard";
export interface TasksScreenProps {
activeTasks: TaskCardProps[];
completedTasks: TaskCardProps[];
onRefresh: () => void;
onClearHistory: () => void;
}
const PageContainer = Container.withProps({
size: "xl",
py: "xl",
});
const ContentPanel = Paper.withProps({
withBorder: true,
p: "md",
});
const CompactButton = Button.withProps({
variant: "light",
size: "xs",
});
function formatSectionTitle(label: string, count: number): string {
return `${label} (${count})`;
}
export function TasksScreen({
activeTasks,
completedTasks,
onRefresh,
onClearHistory,
}: TasksScreenProps) {
return (
<PageContainer>
<ContentPanel>
<Stack gap="lg">
<Group justify="space-between">
<Title order={4}>
{formatSectionTitle("Active Tasks", activeTasks.length)}
</Title>
<CompactButton onClick={onRefresh}>Refresh Tasks</CompactButton>
</Group>
{activeTasks.length === 0 ? (
<Text c="dimmed">No active tasks</Text>
) : (
<Stack gap="md">
{activeTasks.map((task) => (
<TaskCard key={task.taskId} {...task} />
))}
</Stack>
)}
<Group justify="space-between">
<Title order={4}>
{formatSectionTitle("Completed Tasks", completedTasks.length)}
</Title>
{completedTasks.length > 0 && (
<CompactButton onClick={onClearHistory}>
Clear History
</CompactButton>
)}
</Group>
{completedTasks.length === 0 ? (
<Text c="dimmed">No completed tasks</Text>
) : (
<Stack gap="md">
{completedTasks.map((task) => (
<TaskCard key={task.taskId} {...task} />
))}
</Stack>
)}
</Stack>
</ContentPanel>
</PageContainer>
);
}