@backstage-community/plugin-mcp-chat 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-mcp-chat
 
+## 0.1.2
+
+### Patch Changes
+
+- 0cd7a1d: Bump typescript compiler to 5.4
+
+## 0.1.1
+
+### Patch Changes
+
+- 5c4b01f: Added OpenAI Responses API Support
+
 ## 0.1.0
 
 ### Minor Changes

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

@@ -163,26 +163,54 @@ const ProviderStatus = ({
             ]
           }
         ),
-        /* @__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
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__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(
+            Typography,
+            {
+              variant: "caption",
+              style: {
+                color: theme.palette.text.primary,
+                lineHeight: 1.5,
+                fontSize: "0.8rem",
+                display: "block",
+                marginTop: "4px"
+              },
+              children: /* @__PURE__ */ jsx("strong", { children: "URL:" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "caption",
+              style: {
+                color: theme.palette.text.primary,
+                lineHeight: 1.4,
+                fontSize: "0.75rem",
+                wordBreak: "break-all",
+                display: "block",
+                marginTop: "2px",
+                fontFamily: "monospace"
+              },
+              children: displayUrl
+            }
+          )
+        ] }),
         errorMessage && !isLoading && /* @__PURE__ */ jsx(
           Box,
           {

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

@@ -1 +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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"}
+{"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      <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        </Typography>\n        <Typography\n          variant=\"caption\"\n          style={{\n            color: theme.palette.text.primary,\n            lineHeight: 1.5,\n            fontSize: '0.8rem',\n            display: 'block',\n            marginTop: '4px',\n          }}\n        >\n          <strong>URL:</strong>\n        </Typography>\n        <Typography\n          variant=\"caption\"\n          style={{\n            color: theme.palette.text.primary,\n            lineHeight: 1.4,\n            fontSize: '0.75rem',\n            wordBreak: 'break-all',\n            display: 'block',\n            marginTop: '2px',\n            fontFamily: 'monospace',\n          }}\n        >\n          {displayUrl}\n        </Typography>\n      </Box>\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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage-community/plugin-mcp-chat",
   "description": "A Backstage plugin that provides a chat interface for interacting with the MCP Servers.",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "license": "Apache-2.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",