formatting

clients/web/src/components/molecules/ServerInfoContent/ServerInfoContent.stories.tsx

@@ -1,8 +1,8 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ServerInfoContent } from './ServerInfoContent';
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { ServerInfoContent } from "./ServerInfoContent";
 
 const meta: Meta<typeof ServerInfoContent> = {
-  title: 'Molecules/ServerInfoContent',
+  title: "Molecules/ServerInfoContent",
   component: ServerInfoContent,
 };
 
@@ -11,86 +11,86 @@ type Story = StoryObj<typeof ServerInfoContent>;
 
 export const FullCapabilities: Story = {
   args: {
-    name: 'Everything Server',
-    version: '2.1.0',
-    protocolVersion: '2025-03-26',
-    transport: 'stdio',
+    name: "Everything Server",
+    version: "2.1.0",
+    protocolVersion: "2025-03-26",
+    transport: "stdio",
     serverCapabilities: [
-      { name: 'Tools', supported: true, count: 12 },
-      { name: 'Resources', supported: true, count: 8 },
-      { name: 'Prompts', supported: true, count: 5 },
-      { name: 'Logging', supported: true },
-      { name: 'Completions', supported: true },
-      { name: 'Sampling', supported: true },
-      { name: 'Elicitation', supported: true },
+      { name: "Tools", supported: true, count: 12 },
+      { name: "Resources", supported: true, count: 8 },
+      { name: "Prompts", supported: true, count: 5 },
+      { name: "Logging", supported: true },
+      { name: "Completions", supported: true },
+      { name: "Sampling", supported: true },
+      { name: "Elicitation", supported: true },
     ],
     clientCapabilities: [
-      { name: 'Roots', supported: true, count: 3 },
-      { name: 'Sampling', supported: true },
-      { name: 'Elicitation', supported: true },
-      { name: 'Notifications', supported: true },
-      { name: 'Experimental', supported: true },
+      { name: "Roots", supported: true, count: 3 },
+      { name: "Sampling", supported: true },
+      { name: "Elicitation", supported: true },
+      { name: "Notifications", supported: true },
+      { name: "Experimental", supported: true },
     ],
   },
 };
 
 export const MinimalCapabilities: Story = {
   args: {
-    name: 'Simple Server',
-    version: '1.0.0',
-    protocolVersion: '2025-03-26',
-    transport: 'http',
+    name: "Simple Server",
+    version: "1.0.0",
+    protocolVersion: "2025-03-26",
+    transport: "http",
     serverCapabilities: [
-      { name: 'Tools', supported: true, count: 2 },
-      { name: 'Resources', supported: false },
-      { name: 'Prompts', supported: false },
+      { name: "Tools", supported: true, count: 2 },
+      { name: "Resources", supported: false },
+      { name: "Prompts", supported: false },
     ],
     clientCapabilities: [
-      { name: 'Roots', supported: true },
-      { name: 'Sampling', supported: false },
-      { name: 'Elicitation', supported: false },
+      { name: "Roots", supported: true },
+      { name: "Sampling", supported: false },
+      { name: "Elicitation", supported: false },
     ],
   },
 };
 
 export const WithInstructions: Story = {
   args: {
-    name: 'Guided Server',
-    version: '1.5.0',
-    protocolVersion: '2025-03-26',
-    transport: 'stdio',
+    name: "Guided Server",
+    version: "1.5.0",
+    protocolVersion: "2025-03-26",
+    transport: "stdio",
     serverCapabilities: [
-      { name: 'Tools', supported: true, count: 4 },
-      { name: 'Resources', supported: true, count: 2 },
-      { name: 'Prompts', supported: true, count: 1 },
+      { name: "Tools", supported: true, count: 4 },
+      { name: "Resources", supported: true, count: 2 },
+      { name: "Prompts", supported: true, count: 1 },
     ],
     clientCapabilities: [
-      { name: 'Roots', supported: true },
-      { name: 'Sampling', supported: true },
+      { name: "Roots", supported: true },
+      { name: "Sampling", supported: true },
     ],
     instructions:
-      'This server provides access to the project management system. Use the list_projects tool first to discover available projects before querying tasks. Rate limiting applies: max 60 requests per minute.',
+      "This server provides access to the project management system. Use the list_projects tool first to discover available projects before querying tasks. Rate limiting applies: max 60 requests per minute.",
   },
 };
 
 export const WithOAuth: Story = {
   args: {
-    name: 'Authenticated Server',
-    version: '3.0.0',
-    protocolVersion: '2025-03-26',
-    transport: 'http',
+    name: "Authenticated Server",
+    version: "3.0.0",
+    protocolVersion: "2025-03-26",
+    transport: "http",
     serverCapabilities: [
-      { name: 'Tools', supported: true, count: 6 },
-      { name: 'Resources', supported: true, count: 3 },
+      { name: "Tools", supported: true, count: 6 },
+      { name: "Resources", supported: true, count: 3 },
     ],
     clientCapabilities: [
-      { name: 'Roots', supported: true },
-      { name: 'Sampling', supported: false },
+      { name: "Roots", supported: true },
+      { name: "Sampling", supported: false },
     ],
     oauthDetails: {
-      authUrl: 'https://auth.example.com/oauth2/authorize',
-      scopes: ['read', 'write', 'admin'],
-      accessToken: 'eyJhbGciOiJSUzI1NiIs...truncated',
+      authUrl: "https://auth.example.com/oauth2/authorize",
+      scopes: ["read", "write", "admin"],
+      accessToken: "eyJhbGciOiJSUzI1NiIs...truncated",
     },
   },
 };

clients/web/src/components/molecules/ServerInfoContent/ServerInfoContent.tsx

@@ -1,5 +1,13 @@
-import { Badge, Blockquote, Code, SimpleGrid, Stack, Text, Title } from '@mantine/core';
-import { CapabilityItem } from '../../atoms/CapabilityItem/CapabilityItem';
+import {
+  Badge,
+  Blockquote,
+  Code,
+  SimpleGrid,
+  Stack,
+  Text,
+  Title,
+} from "@mantine/core";
+import { CapabilityItem } from "../../atoms/CapabilityItem/CapabilityItem";
 
 export interface CapabilityInfo {
   name: string;
@@ -34,13 +42,19 @@ export function ServerInfoContent({
 
       <SimpleGrid cols={2}>
         <Text size="sm">Name</Text>
-        <Text size="sm" fw={600}>{name}</Text>
+        <Text size="sm" fw={600}>
+          {name}
+        </Text>
 
         <Text size="sm">Version</Text>
-        <Text size="sm" fw={600}>{version}</Text>
+        <Text size="sm" fw={600}>
+          {version}
+        </Text>
 
         <Text size="sm">Protocol</Text>
-        <Text size="sm" fw={600}>{protocolVersion}</Text>
+        <Text size="sm" fw={600}>
+          {protocolVersion}
+        </Text>
 
         <Text size="sm">Transport</Text>
         <Badge variant="outline">{transport}</Badge>
@@ -91,7 +105,9 @@ export function ServerInfoContent({
             {oauthDetails.scopes && oauthDetails.scopes.length > 0 && (
               <SimpleGrid cols={2}>
                 <Text size="sm">Scopes</Text>
-                <Text size="sm" fw={600}>{oauthDetails.scopes.join(', ')}</Text>
+                <Text size="sm" fw={600}>
+                  {oauthDetails.scopes.join(", ")}
+                </Text>
               </SimpleGrid>
             )}
             {oauthDetails.accessToken && (