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

85
clients/web/src/components/molecules/PromptMessagesDisplay/PromptMessagesDisplay.stories.tsx
View file

@ -1,85 +0,0 @@
import type { Meta, StoryObj } from "@storybook/react-vite";
import { fn } from "storybook/test";
import { PromptMessagesDisplay } from "./PromptMessagesDisplay";
const meta: Meta<typeof PromptMessagesDisplay> = {
title: "Molecules/PromptMessagesDisplay",
component: PromptMessagesDisplay,
args: {},
};
export default meta;
type Story = StoryObj<typeof PromptMessagesDisplay>;
export const SingleMessage: Story = {
args: {
messages: [
{
role: "user",
content: "What is the capital of France?",
},
],
},
};
export const Conversation: Story = {
args: {
onCopyAll: fn(),
messages: [
{
role: "user",
content: "What is the capital of France?",
},
{
role: "assistant",
content:
"The capital of France is Paris. It is the largest city in France and serves as the country's political, economic, and cultural center.",
},
],
},
};
export const WithImage: Story = {
args: {
messages: [
{
role: "user",
content: "Here is a photo for you to analyze.",
imageContent: {
data: "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==",
mimeType: "image/png",
},
},
],
},
};
export const LongConversation: Story = {
args: {
onCopyAll: fn(),
messages: [
{
role: "user",
content: "Can you help me write a haiku about programming?",
},
{
role: "assistant",
content:
"Sure! Here is a haiku about programming:\n\nSilent keys tap fast\nLogic flows through glowing screens\nBugs hide in the code",
},
{
role: "user",
content: "That is great! Can you write another one about debugging?",
},
{
role: "assistant",
content:
"Here is a debugging haiku:\n\nStack trace lines scroll down\nOne missing semicolon\nHours lost to a typo",
},
{
role: "user",
content: "I love it! One more about open source?",
},
],
},
};