@backstage-community/plugin-mcp-chat 0.0.0

package/dist/components/RightPane/ActiveMcpServers.esm.js

@@ -0,0 +1,159 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Chip from '@mui/material/Chip';
+import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';
+import MemoryIcon from '@mui/icons-material/Memory';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
+
+const getChipBackgroundColor = (server, theme) => {
+  if (!server.status?.connected) {
+    return "transparent";
+  }
+  if (server.enabled) {
+    return theme.palette.mode === "dark" ? theme.palette.background.paper : "transparent";
+  }
+  return "transparent";
+};
+const getChipColor = (server, theme) => {
+  if (!server.status?.connected) {
+    return theme.palette.error.main;
+  }
+  if (server.enabled) {
+    return theme.palette.mode === "dark" ? theme.palette.success.light : theme.palette.success.dark;
+  }
+  return theme.palette.text.secondary;
+};
+const getChipBorder = (server, theme) => {
+  if (!server.status?.connected) {
+    return `2px solid ${theme.palette.error.main}`;
+  }
+  return server.enabled ? `2px solid ${theme.palette.success.main}` : `2px solid ${theme.palette.divider}`;
+};
+const getDotColor = (server, theme) => {
+  if (!server.status?.connected) {
+    return theme.palette.error.main;
+  }
+  return server.enabled ? theme.palette.success.main : theme.palette.grey[500];
+};
+const ActiveMcpServers = ({
+  mcpServers,
+  onServerToggle
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        padding: theme.spacing(2),
+        borderTop: `1px solid ${theme.palette.divider}`,
+        backgroundColor: theme.palette.background.default
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              marginBottom: 1.5
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                MemoryIcon,
+                {
+                  sx: {
+                    marginRight: 0.5,
+                    marginBottom: "2.5px",
+                    color: theme.palette.text.primary,
+                    fontSize: "1.1rem"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "caption",
+                  sx: {
+                    color: theme.palette.text.primary,
+                    fontWeight: 600,
+                    fontSize: "0.85rem"
+                  },
+                  children: "Active MCP Servers"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap" }, children: mcpServers.map((server) => /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            title: server.status?.connected ? `Click to ${server.enabled ? "disable" : "enable"} ${server.name} server` : `Not connected: ${server.status?.error || "Unknown error"}`,
+            arrow: true,
+            children: /* @__PURE__ */ jsx(
+              Chip,
+              {
+                label: server.name,
+                clickable: server.status?.connected,
+                onClick: server.status?.connected ? () => onServerToggle(server.id) : void 0,
+                icon: /* @__PURE__ */ jsx(
+                  FiberManualRecordIcon,
+                  {
+                    sx: {
+                      fill: getDotColor(server, theme),
+                      fontSize: "10px !important",
+                      marginLeft: "8px"
+                    }
+                  }
+                ),
+                sx: {
+                  transition: "all 0.2s ease",
+                  cursor: server.status?.connected ? "pointer" : "help",
+                  backgroundColor: getChipBackgroundColor(server, theme),
+                  color: getChipColor(server, theme),
+                  border: getChipBorder(server, theme),
+                  fontSize: "0.75rem",
+                  fontWeight: server.enabled ? 600 : 400,
+                  "& .MuiChip-icon": {
+                    marginLeft: "8px",
+                    marginRight: "4px"
+                  },
+                  ...server.status?.connected && {
+                    "&:hover": {
+                      transform: "translateY(-1px)",
+                      boxShadow: theme.shadows[2]
+                    },
+                    "&:active": {
+                      transform: "translateY(0)",
+                      boxShadow: theme.shadows[1]
+                    }
+                  }
+                },
+                size: "small"
+              }
+            )
+          },
+          server.id
+        )) }),
+        mcpServers.length === 0 && /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "caption",
+            style: {
+              color: theme.palette.text.secondary,
+              fontStyle: "italic",
+              textAlign: "center",
+              display: "block",
+              padding: "12px 0"
+            },
+            children: "No MCP servers configured"
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { ActiveMcpServers };
+//# sourceMappingURL=ActiveMcpServers.esm.js.map

package/dist/components/RightPane/ActiveMcpServers.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveMcpServers.esm.js","sources":["../../../src/components/RightPane/ActiveMcpServers.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useTheme } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport Chip from '@mui/material/Chip';\nimport FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';\nimport MemoryIcon from '@mui/icons-material/Memory';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { MCPServer } from '../../types';\n\ninterface ActiveMcpServersProps {\n  mcpServers: MCPServer[];\n  onServerToggle: (serverId: string) => void;\n}\n\nconst getChipBackgroundColor = (server: MCPServer, theme: any) => {\n  if (!server.status?.connected) {\n    return 'transparent';\n  }\n  if (server.enabled) {\n    return theme.palette.mode === 'dark'\n      ? theme.palette.background.paper\n      : 'transparent';\n  }\n  return 'transparent';\n};\n\nconst getChipColor = (server: MCPServer, theme: any) => {\n  if (!server.status?.connected) {\n    return theme.palette.error.main;\n  }\n  if (server.enabled) {\n    return theme.palette.mode === 'dark'\n      ? theme.palette.success.light\n      : theme.palette.success.dark;\n  }\n  return theme.palette.text.secondary;\n};\n\nconst getChipBorder = (server: MCPServer, theme: any) => {\n  if (!server.status?.connected) {\n    return `2px solid ${theme.palette.error.main}`;\n  }\n  return server.enabled\n    ? `2px solid ${theme.palette.success.main}`\n    : `2px solid ${theme.palette.divider}`;\n};\n\nconst getDotColor = (server: MCPServer, theme: any) => {\n  if (!server.status?.connected) {\n    return theme.palette.error.main;\n  }\n  return server.enabled ? theme.palette.success.main : theme.palette.grey[500];\n};\n\nexport const ActiveMcpServers = ({\n  mcpServers,\n  onServerToggle,\n}: ActiveMcpServersProps) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        padding: theme.spacing(2),\n        borderTop: `1px solid ${theme.palette.divider}`,\n        backgroundColor: theme.palette.background.default,\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          marginBottom: 1.5,\n        }}\n      >\n        <MemoryIcon\n          sx={{\n            marginRight: 0.5,\n            marginBottom: '2.5px',\n            color: theme.palette.text.primary,\n            fontSize: '1.1rem',\n          }}\n        />\n        <Typography\n          variant=\"caption\"\n          sx={{\n            color: theme.palette.text.primary,\n            fontWeight: 600,\n            fontSize: '0.85rem',\n          }}\n        >\n          Active MCP Servers\n        </Typography>\n      </Box>\n      <Box sx={{ display: 'flex', flexWrap: 'wrap' }}>\n        {mcpServers.map(server => (\n          <Tooltip\n            key={server.id}\n            title={\n              server.status?.connected\n                ? `Click to ${server.enabled ? 'disable' : 'enable'} ${\n                    server.name\n                  } server`\n                : `Not connected: ${server.status?.error || 'Unknown error'}`\n            }\n            arrow\n          >\n            <Chip\n              label={server.name}\n              clickable={server.status?.connected}\n              onClick={\n                server.status?.connected\n                  ? () => onServerToggle(server.id)\n                  : undefined\n              }\n              icon={\n                <FiberManualRecordIcon\n                  sx={{\n                    fill: getDotColor(server, theme),\n                    fontSize: '10px !important',\n                    marginLeft: '8px',\n                  }}\n                />\n              }\n              sx={{\n                transition: 'all 0.2s ease',\n                cursor: server.status?.connected ? 'pointer' : 'help',\n                backgroundColor: getChipBackgroundColor(server, theme),\n                color: getChipColor(server, theme),\n                border: getChipBorder(server, theme),\n                fontSize: '0.75rem',\n                fontWeight: server.enabled ? 600 : 400,\n                '& .MuiChip-icon': {\n                  marginLeft: '8px',\n                  marginRight: '4px',\n                },\n                ...(server.status?.connected && {\n                  '&:hover': {\n                    transform: 'translateY(-1px)',\n                    boxShadow: theme.shadows[2],\n                  },\n                  '&:active': {\n                    transform: 'translateY(0)',\n                    boxShadow: theme.shadows[1],\n                  },\n                }),\n              }}\n              size=\"small\"\n            />\n          </Tooltip>\n        ))}\n      </Box>\n      {mcpServers.length === 0 && (\n        <Typography\n          variant=\"caption\"\n          style={{\n            color: theme.palette.text.secondary,\n            fontStyle: 'italic',\n            textAlign: 'center',\n            display: 'block',\n            padding: '12px 0',\n          }}\n        >\n          No MCP servers configured\n        </Typography>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/RightPane/ActiveTools.esm.js

@@ -0,0 +1,308 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useTheme } from '@mui/material/styles';
+import BuildIcon from '@mui/icons-material/Build';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import Accordion from '@mui/material/Accordion';
+import AccordionDetails from '@mui/material/AccordionDetails';
+import AccordionSummary from '@mui/material/AccordionSummary';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import CircularProgress from '@mui/material/CircularProgress';
+
+const ActiveTools = ({
+  mcpServers,
+  availableTools,
+  toolsLoading
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        padding: theme.spacing(1, 2),
+        flex: 1,
+        overflow: "hidden",
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              marginBottom: 1.5,
+              paddingBottom: 1,
+              borderBottom: `1px solid ${theme.palette.divider}`
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                BuildIcon,
+                {
+                  sx: {
+                    marginRight: 1,
+                    color: theme.palette.text.primary,
+                    fontSize: "1.1rem"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "subtitle2",
+                  sx: {
+                    fontWeight: 600,
+                    color: theme.palette.text.primary,
+                    fontSize: "1rem"
+                  },
+                  children: "MCP Servers List"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              flex: 1,
+              overflowY: "scroll",
+              paddingRight: 0.5
+            },
+            children: [
+              mcpServers.filter((server) => server.enabled).map((server) => {
+                const serverTools = availableTools.filter(
+                  (tool) => tool.serverId === server.id
+                );
+                return /* @__PURE__ */ jsxs(
+                  Accordion,
+                  {
+                    sx: {
+                      marginBottom: 0.75,
+                      boxShadow: "none",
+                      borderRadius: 1.5,
+                      overflow: "hidden",
+                      "&.Mui-expanded:before": {
+                        opacity: 1
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        AccordionSummary,
+                        {
+                          expandIcon: /* @__PURE__ */ jsx(
+                            ExpandMoreIcon,
+                            {
+                              sx: {
+                                fontSize: "1rem",
+                                color: theme.palette.text.primary
+                              }
+                            }
+                          ),
+                          sx: {
+                            minHeight: 44,
+                            backgroundColor: theme.palette.background.paper,
+                            padding: "0 12px",
+                            "& .MuiAccordionSummary-content": {
+                              margin: "12px 0"
+                            }
+                          },
+                          children: /* @__PURE__ */ jsxs(
+                            Box,
+                            {
+                              sx: {
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "space-between",
+                                width: "100%",
+                                paddingRight: 1
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(
+                                  Typography,
+                                  {
+                                    variant: "body2",
+                                    sx: {
+                                      fontWeight: 500,
+                                      color: theme.palette.text.primary,
+                                      fontSize: "0.875rem"
+                                    },
+                                    children: server.name
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  Typography,
+                                  {
+                                    variant: "caption",
+                                    sx: {
+                                      color: theme.palette.text.secondary,
+                                      fontSize: "0.75rem",
+                                      fontWeight: 500,
+                                      backgroundColor: theme.palette.action.hover,
+                                      padding: "2px 6px",
+                                      borderRadius: 2.5
+                                    },
+                                    children: toolsLoading ? "..." : `${serverTools.length} tool${serverTools.length !== 1 ? "s" : ""}`
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        AccordionDetails,
+                        {
+                          sx: {
+                            flexDirection: "column",
+                            padding: "8px 12px 12px",
+                            backgroundColor: theme.palette.background.default,
+                            borderTop: `1px solid ${theme.palette.divider}`
+                          },
+                          children: toolsLoading ? /* @__PURE__ */ jsxs(
+                            Box,
+                            {
+                              sx: {
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                padding: "20px"
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(
+                                  CircularProgress,
+                                  {
+                                    size: 20,
+                                    role: "progressbar",
+                                    "aria-label": "Loading tools",
+                                    sx: { marginRight: 1 }
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  Typography,
+                                  {
+                                    variant: "caption",
+                                    sx: { color: theme.palette.text.secondary },
+                                    children: "Loading tools..."
+                                  }
+                                )
+                              ]
+                            }
+                          ) : /* @__PURE__ */ jsx(Fragment, { children: (() => {
+                            if (serverTools.length > 0) {
+                              return /* @__PURE__ */ jsx(
+                                Box,
+                                {
+                                  sx: {
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    gap: 0.75
+                                  },
+                                  children: serverTools.map((tool) => /* @__PURE__ */ jsxs(
+                                    Box,
+                                    {
+                                      sx: {
+                                        padding: "6px 8px",
+                                        backgroundColor: theme.palette.background.paper,
+                                        borderRadius: 1,
+                                        border: `1px solid ${theme.palette.divider}`
+                                      },
+                                      children: [
+                                        /* @__PURE__ */ jsx(
+                                          Typography,
+                                          {
+                                            variant: "caption",
+                                            sx: {
+                                              fontWeight: 600,
+                                              color: theme.palette.text.primary,
+                                              fontSize: "0.75rem",
+                                              display: "block",
+                                              marginBottom: 0.25
+                                            },
+                                            children: tool.function.name
+                                          }
+                                        ),
+                                        /* @__PURE__ */ jsx(
+                                          Typography,
+                                          {
+                                            variant: "caption",
+                                            sx: {
+                                              color: theme.palette.text.secondary,
+                                              fontSize: "0.7rem",
+                                              lineHeight: 1.3,
+                                              display: "block"
+                                            },
+                                            children: tool.function.description || "No description available"
+                                          }
+                                        )
+                                      ]
+                                    },
+                                    tool.function.name
+                                  ))
+                                }
+                              );
+                            }
+                            if (!server.status.connected && server.status.error) {
+                              return /* @__PURE__ */ jsxs(
+                                Typography,
+                                {
+                                  variant: "caption",
+                                  sx: {
+                                    color: theme.palette.error.main,
+                                    fontWeight: 500,
+                                    textAlign: "center"
+                                  },
+                                  children: [
+                                    "Problem connecting to MCP server ",
+                                    /* @__PURE__ */ jsx("br", {}),
+                                    "Error: ",
+                                    server.status.error
+                                  ]
+                                }
+                              );
+                            }
+                            return /* @__PURE__ */ jsx(
+                              Typography,
+                              {
+                                variant: "caption",
+                                sx: {
+                                  color: theme.palette.text.secondary,
+                                  textAlign: "center",
+                                  display: "block"
+                                },
+                                children: "No tools available for this server"
+                              }
+                            );
+                          })() })
+                        }
+                      )
+                    ]
+                  },
+                  server.name
+                );
+              }),
+              mcpServers.filter((server) => server.enabled).length === 0 && /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "caption",
+                  sx: {
+                    color: theme.palette.text.secondary,
+                    fontStyle: "italic",
+                    textAlign: "center",
+                    display: "block",
+                    padding: "12px 0"
+                  },
+                  children: "No servers enabled"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { ActiveTools };
+//# sourceMappingURL=ActiveTools.esm.js.map

package/dist/components/RightPane/ActiveTools.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveTools.esm.js","sources":["../../../src/components/RightPane/ActiveTools.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useTheme } from '@mui/material/styles';\nimport BuildIcon from '@mui/icons-material/Build';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { MCPServer, Tool } from '../../types';\n\ninterface ActiveToolsProps {\n  mcpServers: MCPServer[];\n  availableTools: Tool[];\n  toolsLoading: boolean;\n}\n\nexport const ActiveTools: React.FC<ActiveToolsProps> = ({\n  mcpServers,\n  availableTools,\n  toolsLoading,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        padding: theme.spacing(1, 2),\n        flex: 1,\n        overflow: 'hidden',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          marginBottom: 1.5,\n          paddingBottom: 1,\n          borderBottom: `1px solid ${theme.palette.divider}`,\n        }}\n      >\n        <BuildIcon\n          sx={{\n            marginRight: 1,\n            color: theme.palette.text.primary,\n            fontSize: '1.1rem',\n          }}\n        />\n        <Typography\n          variant=\"subtitle2\"\n          sx={{\n            fontWeight: 600,\n            color: theme.palette.text.primary,\n            fontSize: '1rem',\n          }}\n        >\n          MCP Servers List\n        </Typography>\n      </Box>\n      <Box\n        sx={{\n          flex: 1,\n          overflowY: 'scroll',\n          paddingRight: 0.5,\n        }}\n      >\n        {mcpServers\n          .filter(server => server.enabled)\n          .map(server => {\n            const serverTools = availableTools.filter(\n              tool => tool.serverId === server.id,\n            );\n\n            return (\n              <Accordion\n                key={server.name}\n                sx={{\n                  marginBottom: 0.75,\n                  boxShadow: 'none',\n                  borderRadius: 1.5,\n                  overflow: 'hidden',\n                  '&.Mui-expanded:before': {\n                    opacity: 1,\n                  },\n                }}\n              >\n                <AccordionSummary\n                  expandIcon={\n                    <ExpandMoreIcon\n                      sx={{\n                        fontSize: '1rem',\n                        color: theme.palette.text.primary,\n                      }}\n                    />\n                  }\n                  sx={{\n                    minHeight: 44,\n                    backgroundColor: theme.palette.background.paper,\n                    padding: '0 12px',\n                    '& .MuiAccordionSummary-content': {\n                      margin: '12px 0',\n                    },\n                  }}\n                >\n                  <Box\n                    sx={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'space-between',\n                      width: '100%',\n                      paddingRight: 1,\n                    }}\n                  >\n                    <Typography\n                      variant=\"body2\"\n                      sx={{\n                        fontWeight: 500,\n                        color: theme.palette.text.primary,\n                        fontSize: '0.875rem',\n                      }}\n                    >\n                      {server.name}\n                    </Typography>\n                    <Typography\n                      variant=\"caption\"\n                      sx={{\n                        color: theme.palette.text.secondary,\n                        fontSize: '0.75rem',\n                        fontWeight: 500,\n                        backgroundColor: theme.palette.action.hover,\n                        padding: '2px 6px',\n                        borderRadius: 2.5,\n                      }}\n                    >\n                      {toolsLoading\n                        ? '...'\n                        : `${serverTools.length} tool${\n                            serverTools.length !== 1 ? 's' : ''\n                          }`}\n                    </Typography>\n                  </Box>\n                </AccordionSummary>\n                <AccordionDetails\n                  sx={{\n                    flexDirection: 'column',\n                    padding: '8px 12px 12px',\n                    backgroundColor: theme.palette.background.default,\n                    borderTop: `1px solid ${theme.palette.divider}`,\n                  }}\n                >\n                  {toolsLoading ? (\n                    <Box\n                      sx={{\n                        display: 'flex',\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                        padding: '20px',\n                      }}\n                    >\n                      <CircularProgress\n                        size={20}\n                        role=\"progressbar\"\n                        aria-label=\"Loading tools\"\n                        sx={{ marginRight: 1 }}\n                      />\n                      <Typography\n                        variant=\"caption\"\n                        sx={{ color: theme.palette.text.secondary }}\n                      >\n                        Loading tools...\n                      </Typography>\n                    </Box>\n                  ) : (\n                    <>\n                      {(() => {\n                        if (serverTools.length > 0) {\n                          return (\n                            <Box\n                              sx={{\n                                display: 'flex',\n                                flexDirection: 'column',\n                                gap: 0.75,\n                              }}\n                            >\n                              {serverTools.map(tool => (\n                                <Box\n                                  key={tool.function.name}\n                                  sx={{\n                                    padding: '6px 8px',\n                                    backgroundColor:\n                                      theme.palette.background.paper,\n                                    borderRadius: 1,\n                                    border: `1px solid ${theme.palette.divider}`,\n                                  }}\n                                >\n                                  <Typography\n                                    variant=\"caption\"\n                                    sx={{\n                                      fontWeight: 600,\n                                      color: theme.palette.text.primary,\n                                      fontSize: '0.75rem',\n                                      display: 'block',\n                                      marginBottom: 0.25,\n                                    }}\n                                  >\n                                    {tool.function.name}\n                                  </Typography>\n                                  <Typography\n                                    variant=\"caption\"\n                                    sx={{\n                                      color: theme.palette.text.secondary,\n                                      fontSize: '0.7rem',\n                                      lineHeight: 1.3,\n                                      display: 'block',\n                                    }}\n                                  >\n                                    {tool.function.description ||\n                                      'No description available'}\n                                  </Typography>\n                                </Box>\n                              ))}\n                            </Box>\n                          );\n                        }\n\n                        if (!server.status.connected && server.status.error) {\n                          return (\n                            <Typography\n                              variant=\"caption\"\n                              sx={{\n                                color: theme.palette.error.main,\n                                fontWeight: 500,\n                                textAlign: 'center',\n                              }}\n                            >\n                              Problem connecting to MCP server <br />\n                              Error: {server.status.error}\n                            </Typography>\n                          );\n                        }\n\n                        return (\n                          <Typography\n                            variant=\"caption\"\n                            sx={{\n                              color: theme.palette.text.secondary,\n                              textAlign: 'center',\n                              display: 'block',\n                            }}\n                          >\n                            No tools available for this server\n                          </Typography>\n                        );\n                      })()}\n                    </>\n                  )}\n                </AccordionDetails>\n              </Accordion>\n            );\n          })}\n\n        {mcpServers.filter(server => server.enabled).length === 0 && (\n          <Typography\n            variant=\"caption\"\n            sx={{\n              color: theme.palette.text.secondary,\n              fontStyle: 'italic',\n              textAlign: 'center',\n              display: 'block',\n              padding: '12px 0',\n            }}\n          >\n            No servers enabled\n          </Typography>\n        )}\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}