@backstage-community/plugin-mcp-chat 0.0.0

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

@@ -0,0 +1,225 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useCallback, useMemo } from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Tooltip from '@mui/material/Tooltip';
+import Chip from '@mui/material/Chip';
+import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';
+import CloudIcon from '@mui/icons-material/Cloud';
+import { useTheme } from '@mui/material/styles';
+
+const ProviderStatus = ({
+  providerStatusData,
+  isLoading,
+  error
+}) => {
+  const theme = useTheme();
+  const primaryProvider = providerStatusData?.providers?.[0];
+  const connectionInfo = primaryProvider?.connection;
+  const isConnected = connectionInfo?.connected ?? false;
+  const isError = !isConnected && !isLoading;
+  const getBoxBackgroundColor = useCallback(() => {
+    return theme.palette.background.paper;
+  }, [theme.palette.background.paper]);
+  const getBorderColor = useCallback(() => {
+    if (isError) {
+      return theme.palette.error.main;
+    }
+    return theme.palette.divider;
+  }, [isError, theme.palette]);
+  const getChipBackgroundColor = useCallback(() => {
+    if (isLoading) {
+      return "transparent";
+    }
+    if (isConnected) {
+      return theme.palette.mode === "dark" ? theme.palette.background.paper : "transparent";
+    }
+    return "transparent";
+  }, [
+    isLoading,
+    isConnected,
+    theme.palette.mode,
+    theme.palette.background.paper
+  ]);
+  const getChipColor = useCallback(() => {
+    if (isLoading) {
+      return theme.palette.warning.main;
+    }
+    if (isConnected) {
+      return theme.palette.mode === "dark" ? theme.palette.success.light : theme.palette.success.dark;
+    }
+    return theme.palette.error.main;
+  }, [isLoading, isConnected, theme.palette]);
+  const getChipBorder = useCallback(() => {
+    if (isLoading) {
+      return `2px solid ${theme.palette.warning.main}`;
+    }
+    if (isConnected) {
+      return `2px solid ${theme.palette.success.main}`;
+    }
+    return `2px solid ${theme.palette.error.main}`;
+  }, [isLoading, isConnected, theme.palette]);
+  const getDotColor = useCallback(() => {
+    if (isLoading) {
+      return theme.palette.warning.main;
+    }
+    if (isConnected) {
+      return theme.palette.success.main;
+    }
+    return theme.palette.error.main;
+  }, [isLoading, isConnected, theme.palette]);
+  const getStatusText = useCallback(() => {
+    if (isLoading) return "Testing...";
+    if (isConnected) return "Connected";
+    return "Disconnected";
+  }, [isLoading, isConnected]);
+  const getTooltipTitle = useCallback(() => {
+    if (isLoading) {
+      return "Testing provider connection...";
+    }
+    if (isConnected) {
+      const modelsText = connectionInfo?.models ? `${connectionInfo.models.length} models available.` : "";
+      return `Successfully connected. ${modelsText}`;
+    }
+    return `Connection failed: ${connectionInfo?.error || error || "Unknown error"}`;
+  }, [isLoading, isConnected, connectionInfo, error]);
+  const displayModel = useMemo(() => {
+    if (isLoading) return "Loading...";
+    if (error && !providerStatusData) return "Error";
+    return primaryProvider?.model || "Not available";
+  }, [isLoading, error, providerStatusData, primaryProvider?.model]);
+  const displayUrl = useMemo(() => {
+    if (isLoading) return "Loading...";
+    if (error && !providerStatusData) return "Error";
+    return primaryProvider?.baseUrl || "Not available";
+  }, [isLoading, error, providerStatusData, primaryProvider?.baseUrl]);
+  const errorMessage = connectionInfo?.error || error;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      style: {
+        padding: "16px",
+        margin: "16px",
+        backgroundColor: getBoxBackgroundColor(),
+        borderRadius: "8px",
+        border: `1px solid ${getBorderColor()}`
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              marginBottom: "8px"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ jsx(
+                  CloudIcon,
+                  {
+                    style: { fontSize: "18px", color: theme.palette.text.secondary }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "subtitle2",
+                    style: { fontWeight: 600, color: theme.palette.text.primary },
+                    children: "Provider"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(Tooltip, { title: getTooltipTitle(), placement: "left", children: /* @__PURE__ */ jsx(
+                Chip,
+                {
+                  label: getStatusText(),
+                  size: "small",
+                  icon: /* @__PURE__ */ jsx(
+                    FiberManualRecordIcon,
+                    {
+                      sx: {
+                        fill: getDotColor(),
+                        fontSize: "10px !important",
+                        marginLeft: "8px"
+                      }
+                    }
+                  ),
+                  sx: {
+                    cursor: "help",
+                    backgroundColor: getChipBackgroundColor(),
+                    color: getChipColor(),
+                    border: getChipBorder(),
+                    fontSize: "0.75rem",
+                    fontWeight: 600,
+                    "& .MuiChip-icon": {
+                      marginLeft: "8px",
+                      marginRight: "4px"
+                    }
+                  }
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Typography,
+          {
+            variant: "caption",
+            style: {
+              color: theme.palette.text.primary,
+              lineHeight: 1.5,
+              fontSize: "0.8rem"
+            },
+            children: [
+              /* @__PURE__ */ jsx("strong", { children: "Model:" }),
+              " ",
+              displayModel,
+              /* @__PURE__ */ jsx("br", {}),
+              /* @__PURE__ */ jsx("strong", { children: "URL:" }),
+              " ",
+              displayUrl
+            ]
+          }
+        ),
+        errorMessage && !isLoading && /* @__PURE__ */ jsx(
+          Box,
+          {
+            style: {
+              marginTop: "12px",
+              padding: "10px",
+              backgroundColor: theme.palette.background.paper,
+              borderRadius: "6px",
+              border: `1px solid ${theme.palette.error.main}`,
+              maxHeight: "80px",
+              overflowY: "auto"
+            },
+            children: /* @__PURE__ */ jsxs(
+              Typography,
+              {
+                variant: "caption",
+                style: {
+                  color: theme.palette.text.primary,
+                  fontSize: "0.75rem",
+                  lineHeight: 1.4,
+                  display: "block",
+                  wordBreak: "break-word",
+                  whiteSpace: "pre-wrap"
+                },
+                children: [
+                  /* @__PURE__ */ jsx("strong", { children: "Error:" }),
+                  " ",
+                  errorMessage
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { ProviderStatus };
+//# sourceMappingURL=ProviderStatus.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderStatus.esm.js","sources":["../../../src/components/RightPane/ProviderStatus.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 { useMemo, useCallback } from 'react';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport Tooltip from '@mui/material/Tooltip';\nimport Chip from '@mui/material/Chip';\nimport FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';\nimport CloudIcon from '@mui/icons-material/Cloud';\nimport { useTheme } from '@mui/material/styles';\nimport { ProviderStatusData } from '../../types';\n\ninterface ProviderStatusProps {\n  providerStatusData: ProviderStatusData | null;\n  isLoading: boolean;\n  error: string | null;\n}\n\nexport const ProviderStatus = ({\n  providerStatusData,\n  isLoading,\n  error,\n}: ProviderStatusProps) => {\n  const theme = useTheme();\n\n  const primaryProvider = providerStatusData?.providers?.[0];\n  const connectionInfo = primaryProvider?.connection;\n  const isConnected = connectionInfo?.connected ?? false;\n  const isError = !isConnected && !isLoading;\n\n  const getBoxBackgroundColor = useCallback(() => {\n    return theme.palette.background.paper;\n  }, [theme.palette.background.paper]);\n\n  const getBorderColor = useCallback(() => {\n    if (isError) {\n      return theme.palette.error.main;\n    }\n    return theme.palette.divider;\n  }, [isError, theme.palette]);\n\n  const getChipBackgroundColor = useCallback(() => {\n    if (isLoading) {\n      return 'transparent';\n    }\n    if (isConnected) {\n      return theme.palette.mode === 'dark'\n        ? theme.palette.background.paper\n        : 'transparent';\n    }\n    return 'transparent';\n  }, [\n    isLoading,\n    isConnected,\n    theme.palette.mode,\n    theme.palette.background.paper,\n  ]);\n\n  const getChipColor = useCallback(() => {\n    if (isLoading) {\n      return theme.palette.warning.main;\n    }\n    if (isConnected) {\n      return theme.palette.mode === 'dark'\n        ? theme.palette.success.light\n        : theme.palette.success.dark;\n    }\n    return theme.palette.error.main;\n  }, [isLoading, isConnected, theme.palette]);\n\n  const getChipBorder = useCallback(() => {\n    if (isLoading) {\n      return `2px solid ${theme.palette.warning.main}`;\n    }\n    if (isConnected) {\n      return `2px solid ${theme.palette.success.main}`;\n    }\n    return `2px solid ${theme.palette.error.main}`;\n  }, [isLoading, isConnected, theme.palette]);\n\n  const getDotColor = useCallback(() => {\n    if (isLoading) {\n      return theme.palette.warning.main;\n    }\n    if (isConnected) {\n      return theme.palette.success.main;\n    }\n    return theme.palette.error.main;\n  }, [isLoading, isConnected, theme.palette]);\n\n  const getStatusText = useCallback(() => {\n    if (isLoading) return 'Testing...';\n    if (isConnected) return 'Connected';\n    return 'Disconnected';\n  }, [isLoading, isConnected]);\n\n  const getTooltipTitle = useCallback(() => {\n    if (isLoading) {\n      return 'Testing provider connection...';\n    }\n    if (isConnected) {\n      const modelsText = connectionInfo?.models\n        ? `${connectionInfo.models.length} models available.`\n        : '';\n      return `Successfully connected. ${modelsText}`;\n    }\n    return `Connection failed: ${\n      connectionInfo?.error || error || 'Unknown error'\n    }`;\n  }, [isLoading, isConnected, connectionInfo, error]);\n\n  const displayModel = useMemo(() => {\n    if (isLoading) return 'Loading...';\n    if (error && !providerStatusData) return 'Error';\n    return primaryProvider?.model || 'Not available';\n  }, [isLoading, error, providerStatusData, primaryProvider?.model]);\n\n  const displayUrl = useMemo(() => {\n    if (isLoading) return 'Loading...';\n    if (error && !providerStatusData) return 'Error';\n    return primaryProvider?.baseUrl || 'Not available';\n  }, [isLoading, error, providerStatusData, primaryProvider?.baseUrl]);\n\n  const errorMessage = connectionInfo?.error || error;\n\n  return (\n    <Box\n      style={{\n        padding: '16px',\n        margin: '16px',\n        backgroundColor: getBoxBackgroundColor(),\n        borderRadius: '8px',\n        border: `1px solid ${getBorderColor()}`,\n      }}\n    >\n      <Box\n        style={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          marginBottom: '8px',\n        }}\n      >\n        <Box style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n          <CloudIcon\n            style={{ fontSize: '18px', color: theme.palette.text.secondary }}\n          />\n          <Typography\n            variant=\"subtitle2\"\n            style={{ fontWeight: 600, color: theme.palette.text.primary }}\n          >\n            Provider\n          </Typography>\n        </Box>\n        <Tooltip title={getTooltipTitle()} placement=\"left\">\n          <Chip\n            label={getStatusText()}\n            size=\"small\"\n            icon={\n              <FiberManualRecordIcon\n                sx={{\n                  fill: getDotColor(),\n                  fontSize: '10px !important',\n                  marginLeft: '8px',\n                }}\n              />\n            }\n            sx={{\n              cursor: 'help',\n              backgroundColor: getChipBackgroundColor(),\n              color: getChipColor(),\n              border: getChipBorder(),\n              fontSize: '0.75rem',\n              fontWeight: 600,\n              '& .MuiChip-icon': {\n                marginLeft: '8px',\n                marginRight: '4px',\n              },\n            }}\n          />\n        </Tooltip>\n      </Box>\n      <Typography\n        variant=\"caption\"\n        style={{\n          color: theme.palette.text.primary,\n          lineHeight: 1.5,\n          fontSize: '0.8rem',\n        }}\n      >\n        <strong>Model:</strong> {displayModel}\n        <br />\n        <strong>URL:</strong> {displayUrl}\n      </Typography>\n      {errorMessage && !isLoading && (\n        <Box\n          style={{\n            marginTop: '12px',\n            padding: '10px',\n            backgroundColor: theme.palette.background.paper,\n            borderRadius: '6px',\n            border: `1px solid ${theme.palette.error.main}`,\n            maxHeight: '80px',\n            overflowY: 'auto',\n          }}\n        >\n          <Typography\n            variant=\"caption\"\n            style={{\n              color: theme.palette.text.primary,\n              fontSize: '0.75rem',\n              lineHeight: 1.4,\n              display: 'block',\n              wordBreak: 'break-word',\n              whiteSpace: 'pre-wrap',\n            }}\n          >\n            <strong>Error:</strong> {errorMessage}\n          </Typography>\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,242 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useTheme } from '@mui/material/styles';
+import AddIcon from '@mui/icons-material/Add';
+import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
+import ChevronRightIcon from '@mui/icons-material/ChevronRight';
+import MemoryIcon from '@mui/icons-material/Memory';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import IconButton from '@mui/material/IconButton';
+import Typography from '@mui/material/Typography';
+import { ActiveMcpServers } from './ActiveMcpServers.esm.js';
+import { ActiveTools } from './ActiveTools.esm.js';
+import { ProviderStatus } from './ProviderStatus.esm.js';
+import { BotIcon } from '../BotIcon/BotIcon.esm.js';
+import '@backstage/core-plugin-api';
+import 'react-use/esm/useAsyncRetry';
+import '../../api/index.esm.js';
+import 'react';
+import { useAvailableTools } from '../../hooks/useAvailableTools.esm.js';
+
+const RightPane = ({
+  sidebarCollapsed,
+  onToggleSidebar,
+  onNewChat,
+  mcpServers,
+  onServerToggle,
+  providerStatus
+}) => {
+  const theme = useTheme();
+  const { availableTools, isLoading: toolsLoading } = useAvailableTools(mcpServers);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        width: sidebarCollapsed ? 60 : 400,
+        backgroundColor: theme.palette.background.paper,
+        borderLeft: `1px solid ${theme.palette.divider}`,
+        display: "flex",
+        flexDirection: "column",
+        transition: "width 0.3s ease",
+        position: "absolute",
+        top: 0,
+        right: 0,
+        bottom: 0
+      },
+      children: [
+        !sidebarCollapsed && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            sx: {
+              position: "absolute",
+              top: theme.spacing(1),
+              left: -20,
+              backgroundColor: theme.palette.background.paper,
+              border: `1px solid ${theme.palette.divider}`,
+              borderRadius: "50%",
+              width: 40,
+              height: 40,
+              zIndex: 2,
+              color: theme.palette.text.primary,
+              "&:hover": {
+                backgroundColor: theme.palette.action.hover
+              }
+            },
+            onClick: onToggleSidebar,
+            size: "small",
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              padding: sidebarCollapsed ? theme.spacing(1) : theme.spacing(2),
+              borderBottom: `1px solid ${theme.palette.divider}`,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              minHeight: 64
+            },
+            children: [
+              !sidebarCollapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(BotIcon, { size: 25, color: theme.palette.text.primary }),
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "h6",
+                    sx: {
+                      fontWeight: 600,
+                      marginLeft: theme.spacing(1),
+                      color: theme.palette.text.primary
+                    },
+                    children: "MCP Chat"
+                  }
+                )
+              ] }),
+              sidebarCollapsed && /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: {
+                    display: "flex",
+                    justifyContent: "center",
+                    marginBottom: "8px"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: onToggleSidebar,
+                      sx: { color: theme.palette.text.primary },
+                      children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        !sidebarCollapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Box, { sx: { padding: "16px 16px 8px" }, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "contained",
+              startIcon: /* @__PURE__ */ jsx(AddIcon, {}),
+              sx: {
+                background: theme.palette.primary.main,
+                color: theme.palette.primary.contrastText,
+                "&:hover": {
+                  background: theme.palette.primary.dark
+                },
+                borderRadius: theme.spacing(1),
+                textTransform: "none",
+                padding: theme.spacing(1, 2),
+                fontWeight: 600
+              },
+              size: "small",
+              fullWidth: true,
+              onClick: onNewChat,
+              children: "New chat"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            ProviderStatus,
+            {
+              providerStatusData: providerStatus.providerStatusData,
+              isLoading: providerStatus.isLoading,
+              error: providerStatus.error
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ActiveTools,
+            {
+              mcpServers,
+              availableTools,
+              toolsLoading
+            }
+          )
+        ] }),
+        !sidebarCollapsed && /* @__PURE__ */ jsx(
+          ActiveMcpServers,
+          {
+            mcpServers,
+            onServerToggle
+          }
+        ),
+        sidebarCollapsed && /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              padding: "16px 8px",
+              display: "flex",
+              flexDirection: "column",
+              height: "100%"
+            },
+            children: [
+              /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: {
+                    display: "flex",
+                    justifyContent: "center",
+                    marginBottom: "16px"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: onNewChat,
+                      sx: {
+                        backgroundColor: theme.palette.primary.main,
+                        color: theme.palette.primary.contrastText,
+                        transition: "all 0.2s ease",
+                        "&:hover": {
+                          backgroundColor: theme.palette.primary.dark,
+                          transform: "scale(1.05)"
+                        }
+                      },
+                      children: /* @__PURE__ */ jsx(AddIcon, {})
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    sx: {
+                      borderTop: `2px solid ${theme.palette.divider}`,
+                      margin: "0 8px 16px 8px"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    sx: {
+                      display: "flex",
+                      justifyContent: "center"
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      IconButton,
+                      {
+                        size: "medium",
+                        title: "MCP Configuration",
+                        onClick: onToggleSidebar,
+                        sx: { color: theme.palette.text.primary },
+                        children: /* @__PURE__ */ jsx(MemoryIcon, {})
+                      }
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { RightPane };
+//# sourceMappingURL=RightPane.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightPane.esm.js","sources":["../../../src/components/RightPane/RightPane.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 { FC } from 'react';\nimport { useTheme } from '@mui/material/styles';\nimport AddIcon from '@mui/icons-material/Add';\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight';\nimport MemoryIcon from '@mui/icons-material/Memory';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\nimport { ActiveMcpServers } from './ActiveMcpServers';\nimport { ActiveTools } from './ActiveTools';\nimport { ProviderStatus } from './ProviderStatus';\nimport { BotIcon } from '../BotIcon';\nimport { MCPServer } from '../../types';\nimport { UseProviderStatusReturn, useAvailableTools } from '../../hooks';\n\ninterface RightPaneProps {\n  sidebarCollapsed: boolean;\n  onToggleSidebar: () => void;\n  onNewChat: () => void;\n  mcpServers: MCPServer[];\n  onServerToggle: (serverName: string) => void;\n  providerStatus: UseProviderStatusReturn;\n}\n\nexport const RightPane: FC<RightPaneProps> = ({\n  sidebarCollapsed,\n  onToggleSidebar,\n  onNewChat,\n  mcpServers,\n  onServerToggle,\n  providerStatus,\n}: RightPaneProps) => {\n  const theme = useTheme();\n  const { availableTools, isLoading: toolsLoading } =\n    useAvailableTools(mcpServers);\n\n  return (\n    <Box\n      sx={{\n        width: sidebarCollapsed ? 60 : 400,\n        backgroundColor: theme.palette.background.paper,\n        borderLeft: `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        flexDirection: 'column',\n        transition: 'width 0.3s ease',\n        position: 'absolute',\n        top: 0,\n        right: 0,\n        bottom: 0,\n      }}\n    >\n      {!sidebarCollapsed && (\n        <IconButton\n          sx={{\n            position: 'absolute',\n            top: theme.spacing(1),\n            left: -20,\n            backgroundColor: theme.palette.background.paper,\n            border: `1px solid ${theme.palette.divider}`,\n            borderRadius: '50%',\n            width: 40,\n            height: 40,\n            zIndex: 2,\n            color: theme.palette.text.primary,\n            '&:hover': {\n              backgroundColor: theme.palette.action.hover,\n            },\n          }}\n          onClick={onToggleSidebar}\n          size=\"small\"\n        >\n          <ChevronRightIcon />\n        </IconButton>\n      )}\n\n      <Box\n        sx={{\n          padding: sidebarCollapsed ? theme.spacing(1) : theme.spacing(2),\n          borderBottom: `1px solid ${theme.palette.divider}`,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          minHeight: 64,\n        }}\n      >\n        {!sidebarCollapsed && (\n          <>\n            <BotIcon size={25} color={theme.palette.text.primary} />\n            <Typography\n              variant=\"h6\"\n              sx={{\n                fontWeight: 600,\n                marginLeft: theme.spacing(1),\n                color: theme.palette.text.primary,\n              }}\n            >\n              MCP Chat\n            </Typography>\n          </>\n        )}\n        {sidebarCollapsed && (\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'center',\n              marginBottom: '8px',\n            }}\n          >\n            <IconButton\n              size=\"small\"\n              onClick={onToggleSidebar}\n              sx={{ color: theme.palette.text.primary }}\n            >\n              <ChevronLeftIcon />\n            </IconButton>\n          </Box>\n        )}\n      </Box>\n\n      {!sidebarCollapsed && (\n        <>\n          <Box sx={{ padding: '16px 16px 8px' }}>\n            <Button\n              variant=\"contained\"\n              startIcon={<AddIcon />}\n              sx={{\n                background: theme.palette.primary.main,\n                color: theme.palette.primary.contrastText,\n                '&:hover': {\n                  background: theme.palette.primary.dark,\n                },\n                borderRadius: theme.spacing(1),\n                textTransform: 'none',\n                padding: theme.spacing(1, 2),\n                fontWeight: 600,\n              }}\n              size=\"small\"\n              fullWidth\n              onClick={onNewChat}\n            >\n              New chat\n            </Button>\n          </Box>\n\n          <ProviderStatus\n            providerStatusData={providerStatus.providerStatusData}\n            isLoading={providerStatus.isLoading}\n            error={providerStatus.error}\n          />\n\n          {/* Active Tools Section - Now taking the main space */}\n          <ActiveTools\n            mcpServers={mcpServers}\n            availableTools={availableTools}\n            toolsLoading={toolsLoading}\n          />\n        </>\n      )}\n\n      {/* MCP Servers Section - Separate box at the bottom */}\n      {!sidebarCollapsed && (\n        <ActiveMcpServers\n          mcpServers={mcpServers}\n          onServerToggle={onServerToggle}\n        />\n      )}\n\n      {sidebarCollapsed && (\n        <Box\n          sx={{\n            padding: '16px 8px',\n            display: 'flex',\n            flexDirection: 'column',\n            height: '100%',\n          }}\n        >\n          {/* Top section - buttons that stay at top */}\n          <Box>\n            {/* Add button when collapsed */}\n            <Box\n              sx={{\n                display: 'flex',\n                justifyContent: 'center',\n                marginBottom: '16px',\n              }}\n            >\n              <IconButton\n                size=\"small\"\n                onClick={onNewChat}\n                sx={{\n                  backgroundColor: theme.palette.primary.main,\n                  color: theme.palette.primary.contrastText,\n                  transition: 'all 0.2s ease',\n                  '&:hover': {\n                    backgroundColor: theme.palette.primary.dark,\n                    transform: 'scale(1.05)',\n                  },\n                }}\n              >\n                <AddIcon />\n              </IconButton>\n            </Box>\n          </Box>\n\n          {/* Bottom section - MCP Servers */}\n          <Box>\n            {/* Separator line */}\n            <Box\n              sx={{\n                borderTop: `2px solid ${theme.palette.divider}`,\n                margin: '0 8px 16px 8px',\n              }}\n            />\n\n            {/* MCP Servers Section Icon */}\n            <Box\n              sx={{\n                display: 'flex',\n                justifyContent: 'center',\n              }}\n            >\n              <IconButton\n                size=\"medium\"\n                title=\"MCP Configuration\"\n                onClick={onToggleSidebar}\n                sx={{ color: theme.palette.text.primary }}\n              >\n                <MemoryIcon />\n              </IconButton>\n            </Box>\n          </Box>\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/useAvailableTools.esm.js

@@ -0,0 +1,33 @@
+import { useApi } from '@backstage/core-plugin-api';
+import useAsyncRetry from 'react-use/esm/useAsyncRetry';
+import { mcpChatApiRef } from '../api/index.esm.js';
+
+const useAvailableTools = (mcpServers) => {
+  const mcpChatApi = useApi(mcpChatApiRef);
+  const {
+    value: availableTools,
+    loading: isLoading,
+    error,
+    retry: refetch
+  } = useAsyncRetry(async () => {
+    if (!mcpServers || mcpServers.length === 0) {
+      return [];
+    }
+    const toolsResponse = await mcpChatApi.getAvailableTools();
+    return toolsResponse.availableTools;
+  }, [mcpChatApi, mcpServers]);
+  const getErrorMessage = () => {
+    if (!error) return null;
+    if (error instanceof Error) return error.message;
+    return "Failed to fetch available tools";
+  };
+  return {
+    availableTools: availableTools || [],
+    isLoading,
+    error: getErrorMessage(),
+    refetch
+  };
+};
+
+export { useAvailableTools };
+//# sourceMappingURL=useAvailableTools.esm.js.map

package/dist/hooks/useAvailableTools.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableTools.esm.js","sources":["../../src/hooks/useAvailableTools.ts"],"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 { useApi } from '@backstage/core-plugin-api';\nimport useAsyncRetry from 'react-use/esm/useAsyncRetry';\nimport { mcpChatApiRef } from '../api';\nimport { MCPServer, Tool } from '../types';\n\nexport interface UseAvailableToolsReturn {\n  availableTools: Tool[];\n  isLoading: boolean;\n  error: string | null;\n  refetch: () => void;\n}\n\nexport const useAvailableTools = (\n  mcpServers: MCPServer[],\n): UseAvailableToolsReturn => {\n  const mcpChatApi = useApi(mcpChatApiRef);\n\n  const {\n    value: availableTools,\n    loading: isLoading,\n    error,\n    retry: refetch,\n  } = useAsyncRetry(async () => {\n    // Only fetch tools if there are MCP servers available\n    if (!mcpServers || mcpServers.length === 0) {\n      return [];\n    }\n\n    const toolsResponse = await mcpChatApi.getAvailableTools();\n    return toolsResponse.availableTools;\n  }, [mcpChatApi, mcpServers]);\n\n  const getErrorMessage = () => {\n    if (!error) return null;\n    if (error instanceof Error) return error.message;\n    return 'Failed to fetch available tools';\n  };\n\n  return {\n    availableTools: availableTools || [],\n    isLoading,\n    error: getErrorMessage(),\n    refetch,\n  };\n};\n"],"names":[],"mappings":";;;;AA2BO,MAAM,iBAAA,GAAoB,CAC/B,UAAA,KAC4B;AAC5B,EAAA,MAAM,UAAA,GAAa,OAAO,aAAa,CAAA;AAEvC,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,cAAA;AAAA,IACP,OAAA,EAAS,SAAA;AAAA,IACT,KAAA;AAAA,IACA,KAAA,EAAO;AAAA,GACT,GAAI,cAAc,YAAY;AAE5B,IAAA,IAAI,CAAC,UAAA,IAAc,UAAA,CAAW,MAAA,KAAW,CAAA,EAAG;AAC1C,MAAA,OAAO,EAAC;AAAA;AAGV,IAAA,MAAM,aAAA,GAAgB,MAAM,UAAA,CAAW,iBAAA,EAAkB;AACzD,IAAA,OAAO,aAAA,CAAc,cAAA;AAAA,GACvB,EAAG,CAAC,UAAA,EAAY,UAAU,CAAC,CAAA;AAE3B,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,IAAA,IAAI,KAAA,YAAiB,KAAA,EAAO,OAAO,KAAA,CAAM,OAAA;AACzC,IAAA,OAAO,iCAAA;AAAA,GACT;AAEA,EAAA,OAAO;AAAA,IACL,cAAA,EAAgB,kBAAkB,EAAC;AAAA,IACnC,SAAA;AAAA,IACA,OAAO,eAAA,EAAgB;AAAA,IACvB;AAAA,GACF;AACF;;;;"}

package/dist/hooks/useMcpServers.esm.js

@@ -0,0 +1,40 @@
+import { useState, useCallback } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import useAsyncRetry from 'react-use/esm/useAsyncRetry';
+import { mcpChatApiRef } from '../api/index.esm.js';
+
+const useMcpServers = () => {
+  const mcpChatApi = useApi(mcpChatApiRef);
+  const [mcpServers, setMcpServers] = useState([]);
+  const {
+    loading: isLoading,
+    error,
+    retry: refetch
+  } = useAsyncRetry(async () => {
+    const mcpServerStatus = await mcpChatApi.getMCPServerStatus();
+    const servers = mcpServerStatus.servers?.map((server) => ({
+      ...server,
+      enabled: true
+      // Default all servers to enabled
+    })) || [];
+    setMcpServers(servers);
+    return servers;
+  }, [mcpChatApi]);
+  const handleServerToggle = useCallback((serverId) => {
+    setMcpServers(
+      (prev) => prev.map(
+        (server) => server.id === serverId ? { ...server, enabled: !server.enabled } : server
+      )
+    );
+  }, []);
+  return {
+    mcpServers,
+    isLoading,
+    error: error?.message || null,
+    refetch,
+    handleServerToggle
+  };
+};
+
+export { useMcpServers };
+//# sourceMappingURL=useMcpServers.esm.js.map

package/dist/hooks/useMcpServers.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMcpServers.esm.js","sources":["../../src/hooks/useMcpServers.ts"],"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 { useState, useCallback } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsyncRetry from 'react-use/esm/useAsyncRetry';\nimport { MCPServer } from '../types';\nimport { mcpChatApiRef } from '../api';\n\nexport interface UseMcpServersReturn {\n  mcpServers: MCPServer[];\n  isLoading: boolean;\n  error: string | null;\n  refetch: () => void;\n  handleServerToggle: (serverId: string) => void;\n}\n\nexport const useMcpServers = (): UseMcpServersReturn => {\n  const mcpChatApi = useApi(mcpChatApiRef);\n  const [mcpServers, setMcpServers] = useState<MCPServer[]>([]);\n\n  const {\n    loading: isLoading,\n    error,\n    retry: refetch,\n  } = useAsyncRetry(async () => {\n    const mcpServerStatus = await mcpChatApi.getMCPServerStatus();\n    const servers =\n      mcpServerStatus.servers?.map((server: MCPServer) => ({\n        ...server,\n        enabled: true, // Default all servers to enabled\n      })) || [];\n    setMcpServers(servers);\n    return servers;\n  }, [mcpChatApi]);\n\n  const handleServerToggle = useCallback((serverId: string) => {\n    setMcpServers(prev =>\n      prev.map(server =>\n        server.id === serverId\n          ? { ...server, enabled: !server.enabled }\n          : server,\n      ),\n    );\n  }, []);\n\n  return {\n    mcpServers,\n    isLoading,\n    error: error?.message || null,\n    refetch,\n    handleServerToggle,\n  };\n};\n"],"names":[],"mappings":";;;;;AA6BO,MAAM,gBAAgB,MAA2B;AACtD,EAAA,MAAM,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA,CAAsB,EAAE,CAAA;AAE5D,EAAA,MAAM;AAAA,IACJ,OAAA,EAAS,SAAA;AAAA,IACT,KAAA;AAAA,IACA,KAAA,EAAO;AAAA,GACT,GAAI,cAAc,YAAY;AAC5B,IAAA,MAAM,eAAA,GAAkB,MAAM,UAAA,CAAW,kBAAA,EAAmB;AAC5D,IAAA,MAAM,OAAA,GACJ,eAAA,CAAgB,OAAA,EAAS,GAAA,CAAI,CAAC,MAAA,MAAuB;AAAA,MACnD,GAAG,MAAA;AAAA,MACH,OAAA,EAAS;AAAA;AAAA,KACX,CAAE,KAAK,EAAC;AACV,IAAA,aAAA,CAAc,OAAO,CAAA;AACrB,IAAA,OAAO,OAAA;AAAA,GACT,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,MAAM,kBAAA,GAAqB,WAAA,CAAY,CAAC,QAAA,KAAqB;AAC3D,IAAA,aAAA;AAAA,MAAc,UACZ,IAAA,CAAK,GAAA;AAAA,QAAI,CAAA,MAAA,KACP,MAAA,CAAO,EAAA,KAAO,QAAA,GACV,EAAE,GAAG,MAAA,EAAQ,OAAA,EAAS,CAAC,MAAA,CAAO,OAAA,EAAQ,GACtC;AAAA;AACN,KACF;AAAA,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO;AAAA,IACL,UAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA,EAAO,OAAO,OAAA,IAAW,IAAA;AAAA,IACzB,OAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/hooks/useProviderStatus.esm.js

@@ -0,0 +1,22 @@
+import { useApi } from '@backstage/core-plugin-api';
+import useAsyncRetry from 'react-use/esm/useAsyncRetry';
+import { mcpChatApiRef } from '../api/index.esm.js';
+
+const useProviderStatus = () => {
+  const mcpChatApi = useApi(mcpChatApiRef);
+  const {
+    value: providerStatusData,
+    loading: isLoading,
+    error,
+    retry: refetch
+  } = useAsyncRetry(async () => mcpChatApi.getProviderStatus(), [mcpChatApi]);
+  return {
+    providerStatusData: providerStatusData || null,
+    isLoading,
+    error: error?.message || null,
+    refetch
+  };
+};
+
+export { useProviderStatus };
+//# sourceMappingURL=useProviderStatus.esm.js.map

package/dist/hooks/useProviderStatus.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProviderStatus.esm.js","sources":["../../src/hooks/useProviderStatus.ts"],"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 { useApi } from '@backstage/core-plugin-api';\nimport useAsyncRetry from 'react-use/esm/useAsyncRetry';\nimport { ProviderStatusData } from '../types';\nimport { mcpChatApiRef } from '../api';\n\nexport interface UseProviderStatusReturn {\n  providerStatusData: ProviderStatusData | null;\n  isLoading: boolean;\n  error: string | null;\n  refetch: () => void;\n}\n\nexport const useProviderStatus = (): UseProviderStatusReturn => {\n  const mcpChatApi = useApi(mcpChatApiRef);\n\n  const {\n    value: providerStatusData,\n    loading: isLoading,\n    error,\n    retry: refetch,\n  } = useAsyncRetry(async () => mcpChatApi.getProviderStatus(), [mcpChatApi]);\n\n  return {\n    providerStatusData: providerStatusData || null,\n    isLoading,\n    error: error?.message || null,\n    refetch,\n  };\n};\n"],"names":[],"mappings":";;;;AA2BO,MAAM,oBAAoB,MAA+B;AAC9D,EAAA,MAAM,UAAA,GAAa,OAAO,aAAa,CAAA;AAEvC,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,kBAAA;AAAA,IACP,OAAA,EAAS,SAAA;AAAA,IACT,KAAA;AAAA,IACA,KAAA,EAAO;AAAA,GACT,GAAI,cAAc,YAAY,UAAA,CAAW,mBAAkB,EAAG,CAAC,UAAU,CAAC,CAAA;AAE1E,EAAA,OAAO;AAAA,IACL,oBAAoB,kBAAA,IAAsB,IAAA;AAAA,IAC1C,SAAA;AAAA,IACA,KAAA,EAAO,OAAO,OAAA,IAAW,IAAA;AAAA,IACzB;AAAA,GACF;AACF;;;;"}