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

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

@@ -1,22 +1,28 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
 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 HistoryIcon from '@mui/icons-material/History';
+import SettingsIcon from '@mui/icons-material/Settings';
 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 ToggleButton from '@mui/material/ToggleButton';
+import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import { ActiveMcpServers } from './ActiveMcpServers.esm.js';
 import { ActiveTools } from './ActiveTools.esm.js';
 import { ProviderStatus } from './ProviderStatus.esm.js';
+import { ConversationHistory } from './ConversationHistory.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';
+import 'react-use/esm/useAsync';
 
 const RightPane = ({
   sidebarCollapsed,
@@ -24,10 +30,27 @@ const RightPane = ({
   onNewChat,
   mcpServers,
   onServerToggle,
-  providerStatus
+  providerStatus,
+  starredConversations,
+  recentConversations,
+  conversationsLoading,
+  conversationsError,
+  searchQuery,
+  onSearchChange,
+  onSearchClear,
+  onSelectConversation,
+  onToggleStar,
+  onDeleteConversation,
+  selectedConversationId
 }) => {
   const theme = useTheme();
+  const [activeTab, setActiveTab] = useState("status");
   const { availableTools, isLoading: toolsLoading } = useAvailableTools(mcpServers);
+  const handleTabChange = (_event, newTab) => {
+    if (newTab !== null) {
+      setActiveTab(newTab);
+    }
+  };
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -139,30 +162,81 @@ const RightPane = ({
               children: "New chat"
             }
           ) }),
-          /* @__PURE__ */ jsx(
-            ProviderStatus,
+          /* @__PURE__ */ jsx(Box, { sx: { padding: "8px 16px" }, children: /* @__PURE__ */ jsxs(
+            ToggleButtonGroup,
             {
-              providerStatusData: providerStatus.providerStatusData,
-              isLoading: providerStatus.isLoading,
-              error: providerStatus.error
+              value: activeTab,
+              exclusive: true,
+              onChange: handleTabChange,
+              size: "small",
+              fullWidth: true,
+              sx: {
+                "& .MuiToggleButton-root": {
+                  textTransform: "none",
+                  fontWeight: 500,
+                  padding: theme.spacing(0.75, 2),
+                  "&.Mui-selected": {
+                    backgroundColor: theme.palette.action.selected,
+                    "&:hover": {
+                      backgroundColor: theme.palette.action.hover
+                    }
+                  }
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsxs(ToggleButton, { value: "status", children: [
+                  /* @__PURE__ */ jsx(SettingsIcon, { sx: { fontSize: 18, mr: 0.5 } }),
+                  "Status"
+                ] }),
+                /* @__PURE__ */ jsxs(ToggleButton, { value: "history", children: [
+                  /* @__PURE__ */ jsx(HistoryIcon, { sx: { fontSize: 18, mr: 0.5 } }),
+                  "History"
+                ] })
+              ]
             }
-          ),
-          /* @__PURE__ */ jsx(
-            ActiveTools,
+          ) }),
+          activeTab === "status" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              ProviderStatus,
+              {
+                providerStatusData: providerStatus.providerStatusData,
+                isLoading: providerStatus.isLoading,
+                error: providerStatus.error
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActiveTools,
+              {
+                mcpServers,
+                availableTools,
+                toolsLoading
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActiveMcpServers,
+              {
+                mcpServers,
+                onServerToggle
+              }
+            )
+          ] }),
+          activeTab === "history" && /* @__PURE__ */ jsx(
+            ConversationHistory,
             {
-              mcpServers,
-              availableTools,
-              toolsLoading
+              starredConversations,
+              recentConversations,
+              loading: conversationsLoading,
+              error: conversationsError,
+              searchQuery,
+              onSearchChange,
+              onSearchClear,
+              onSelectConversation,
+              onToggleStar,
+              onDelete: onDeleteConversation,
+              selectedConversationId
             }
           )
         ] }),
-        !sidebarCollapsed && /* @__PURE__ */ jsx(
-          ActiveMcpServers,
-          {
-            mcpServers,
-            onServerToggle
-          }
-        ),
         sidebarCollapsed && /* @__PURE__ */ jsxs(
           Box,
           {
@@ -173,34 +247,59 @@ const RightPane = ({
               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: {
+                      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__ */ jsx(
+                  Box,
+                  {
+                    sx: {
+                      display: "flex",
+                      justifyContent: "center",
+                      marginBottom: "8px"
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      IconButton,
+                      {
+                        size: "small",
+                        title: "History",
+                        onClick: () => {
+                          onToggleSidebar();
+                          setActiveTab("history");
+                        },
+                        sx: { color: theme.palette.text.secondary },
+                        children: /* @__PURE__ */ jsx(HistoryIcon, {})
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { sx: { marginTop: "auto" }, children: [
                 /* @__PURE__ */ jsx(
                   Box,
                   {
@@ -222,7 +321,10 @@ const RightPane = ({
                       {
                         size: "medium",
                         title: "MCP Configuration",
-                        onClick: onToggleSidebar,
+                        onClick: () => {
+                          onToggleSidebar();
+                          setActiveTab("status");
+                        },
                         sx: { color: theme.palette.text.primary },
                         children: /* @__PURE__ */ jsx(MemoryIcon, {})
                       }

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

@@ -1 +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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"}
+{"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, useState } 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 HistoryIcon from '@mui/icons-material/History';\nimport SettingsIcon from '@mui/icons-material/Settings';\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 ToggleButton from '@mui/material/ToggleButton';\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup';\nimport { ActiveMcpServers } from './ActiveMcpServers';\nimport { ActiveTools } from './ActiveTools';\nimport { ProviderStatus } from './ProviderStatus';\nimport { ConversationHistory } from './ConversationHistory';\nimport { BotIcon } from '../BotIcon';\nimport { MCPServer, ConversationRecord } from '../../types';\nimport { UseProviderStatusReturn, useAvailableTools } from '../../hooks';\n\ntype TabType = 'status' | 'history';\n\ninterface RightPaneProps {\n  sidebarCollapsed: boolean;\n  onToggleSidebar: () => void;\n  onNewChat: () => void;\n  mcpServers: MCPServer[];\n  onServerToggle: (serverName: string) => void;\n  providerStatus: UseProviderStatusReturn;\n  // Conversation history props\n  starredConversations: ConversationRecord[];\n  recentConversations: ConversationRecord[];\n  conversationsLoading: boolean;\n  conversationsError?: string;\n  searchQuery: string;\n  onSearchChange: (query: string) => void;\n  onSearchClear: () => void;\n  onSelectConversation: (conversation: ConversationRecord) => void;\n  onToggleStar: (id: string) => void;\n  onDeleteConversation: (id: string) => void;\n  selectedConversationId?: string;\n}\n\nexport const RightPane: FC<RightPaneProps> = ({\n  sidebarCollapsed,\n  onToggleSidebar,\n  onNewChat,\n  mcpServers,\n  onServerToggle,\n  providerStatus,\n  starredConversations,\n  recentConversations,\n  conversationsLoading,\n  conversationsError,\n  searchQuery,\n  onSearchChange,\n  onSearchClear,\n  onSelectConversation,\n  onToggleStar,\n  onDeleteConversation,\n  selectedConversationId,\n}: RightPaneProps) => {\n  const theme = useTheme();\n  const [activeTab, setActiveTab] = useState<TabType>('status');\n  const { availableTools, isLoading: toolsLoading } =\n    useAvailableTools(mcpServers);\n\n  const handleTabChange = (\n    _event: React.MouseEvent<HTMLElement>,\n    newTab: TabType | null,\n  ) => {\n    if (newTab !== null) {\n      setActiveTab(newTab);\n    }\n  };\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      {/* Header */}\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          {/* New Chat Button */}\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          {/* Tab Buttons */}\n          <Box sx={{ padding: '8px 16px' }}>\n            <ToggleButtonGroup\n              value={activeTab}\n              exclusive\n              onChange={handleTabChange}\n              size=\"small\"\n              fullWidth\n              sx={{\n                '& .MuiToggleButton-root': {\n                  textTransform: 'none',\n                  fontWeight: 500,\n                  padding: theme.spacing(0.75, 2),\n                  '&.Mui-selected': {\n                    backgroundColor: theme.palette.action.selected,\n                    '&:hover': {\n                      backgroundColor: theme.palette.action.hover,\n                    },\n                  },\n                },\n              }}\n            >\n              <ToggleButton value=\"status\">\n                <SettingsIcon sx={{ fontSize: 18, mr: 0.5 }} />\n                Status\n              </ToggleButton>\n              <ToggleButton value=\"history\">\n                <HistoryIcon sx={{ fontSize: 18, mr: 0.5 }} />\n                History\n              </ToggleButton>\n            </ToggleButtonGroup>\n          </Box>\n\n          {/* Tab Content */}\n          {activeTab === 'status' && (\n            <>\n              <ProviderStatus\n                providerStatusData={providerStatus.providerStatusData}\n                isLoading={providerStatus.isLoading}\n                error={providerStatus.error}\n              />\n\n              <ActiveTools\n                mcpServers={mcpServers}\n                availableTools={availableTools}\n                toolsLoading={toolsLoading}\n              />\n\n              <ActiveMcpServers\n                mcpServers={mcpServers}\n                onServerToggle={onServerToggle}\n              />\n            </>\n          )}\n\n          {activeTab === 'history' && (\n            <ConversationHistory\n              starredConversations={starredConversations}\n              recentConversations={recentConversations}\n              loading={conversationsLoading}\n              error={conversationsError}\n              searchQuery={searchQuery}\n              onSearchChange={onSearchChange}\n              onSearchClear={onSearchClear}\n              onSelectConversation={onSelectConversation}\n              onToggleStar={onToggleStar}\n              onDelete={onDeleteConversation}\n              selectedConversationId={selectedConversationId}\n            />\n          )}\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\n            {/* History button when collapsed */}\n            <Box\n              sx={{\n                display: 'flex',\n                justifyContent: 'center',\n                marginBottom: '8px',\n              }}\n            >\n              <IconButton\n                size=\"small\"\n                title=\"History\"\n                onClick={() => {\n                  onToggleSidebar();\n                  setActiveTab('history');\n                }}\n                sx={{ color: theme.palette.text.secondary }}\n              >\n                <HistoryIcon />\n              </IconButton>\n            </Box>\n          </Box>\n\n          {/* Bottom section - MCP Servers */}\n          <Box sx={{ marginTop: 'auto' }}>\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={() => {\n                  onToggleSidebar();\n                  setActiveTab('status');\n                }}\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/useConversations.esm.js

@@ -0,0 +1,123 @@
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import { useApi, identityApiRef } from '@backstage/core-plugin-api';
+import useAsync from 'react-use/esm/useAsync';
+import { mcpChatApiRef } from '../api/index.esm.js';
+
+function isGuestUser(userEntityRef) {
+  const guestPattern = /^user:development\/guest$/i;
+  return guestPattern.test(userEntityRef);
+}
+function filterConversations(conversations, query) {
+  const lowerQuery = query.toLowerCase();
+  return conversations.filter((conv) => {
+    if (conv.title?.toLowerCase().includes(lowerQuery)) {
+      return true;
+    }
+    return conv.messages.some(
+      (m) => m.role === "user" && m.content?.toLowerCase().includes(lowerQuery)
+    );
+  });
+}
+function useConversations() {
+  const mcpChatApi = useApi(mcpChatApiRef);
+  const identityApi = useApi(identityApiRef);
+  const [refreshKey, setRefreshKey] = useState(0);
+  const [localConversations, setLocalConversations] = useState([]);
+  const [searchQuery, setSearchQuery] = useState("");
+  const {
+    value: fetchedConversations,
+    loading,
+    error
+  } = useAsync(async () => {
+    try {
+      const identity = await identityApi.getBackstageIdentity();
+      if (isGuestUser(identity.userEntityRef)) {
+        return [];
+      }
+      const response = await mcpChatApi.getConversations();
+      return response.conversations;
+    } catch (err) {
+      return [];
+    }
+  }, [mcpChatApi, identityApi, refreshKey]);
+  useEffect(() => {
+    if (fetchedConversations) {
+      setLocalConversations(fetchedConversations);
+    }
+  }, [fetchedConversations]);
+  const clearSearch = useCallback(() => {
+    setSearchQuery("");
+  }, []);
+  const loadConversation = useCallback(
+    async (id) => {
+      const identity = await identityApi.getBackstageIdentity();
+      if (isGuestUser(identity.userEntityRef)) {
+        throw new Error("Guest users cannot load conversations");
+      }
+      return mcpChatApi.getConversationById(id);
+    },
+    [mcpChatApi, identityApi]
+  );
+  const refreshConversations = useCallback(() => {
+    setRefreshKey((prev) => prev + 1);
+  }, []);
+  const deleteConversation = useCallback(
+    async (id) => {
+      const previousConversations = localConversations;
+      setLocalConversations((prev) => prev.filter((c) => c.id !== id));
+      try {
+        await mcpChatApi.deleteConversation(id);
+      } catch (err) {
+        setLocalConversations(previousConversations);
+        throw err;
+      }
+    },
+    [mcpChatApi, localConversations]
+  );
+  const toggleStar = useCallback(
+    async (id) => {
+      const previousConversations = localConversations;
+      setLocalConversations(
+        (prev) => prev.map((c) => c.id === id ? { ...c, isStarred: !c.isStarred } : c)
+      );
+      try {
+        await mcpChatApi.toggleConversationStar(id);
+      } catch (err) {
+        setLocalConversations(previousConversations);
+        throw err;
+      }
+    },
+    [mcpChatApi, localConversations]
+  );
+  const conversations = useMemo(() => {
+    if (searchQuery && searchQuery.length >= 2) {
+      return filterConversations(localConversations, searchQuery);
+    }
+    return localConversations;
+  }, [searchQuery, localConversations]);
+  const starredConversations = useMemo(
+    () => conversations.filter((c) => c.isStarred),
+    [conversations]
+  );
+  const recentConversations = useMemo(
+    () => conversations.filter((c) => !c.isStarred),
+    [conversations]
+  );
+  return {
+    conversations,
+    starredConversations,
+    recentConversations,
+    loading,
+    error: error?.message,
+    searchQuery,
+    setSearchQuery,
+    clearSearch,
+    loadConversation,
+    refreshConversations,
+    deleteConversation,
+    toggleStar
+  };
+}
+
+export { useConversations };
+//# sourceMappingURL=useConversations.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConversations.esm.js","sources":["../../src/hooks/useConversations.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 */\n\nimport { useState, useEffect, useCallback, useMemo } from 'react';\nimport { useApi, identityApiRef } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport { mcpChatApiRef } from '../api';\nimport type { ConversationRecord } from '../types';\n\n/**\n * Check if a user is a guest user based on their userEntityRef.\n * Guest users have userEntityRef like 'user:development/guest'.\n */\nfunction isGuestUser(userEntityRef: string): boolean {\n  const guestPattern = /^user:development\\/guest$/i;\n  return guestPattern.test(userEntityRef);\n}\n\n/**\n * Filter conversations by search query.\n * Searches in title and user message content (case-insensitive).\n */\nfunction filterConversations(\n  conversations: ConversationRecord[],\n  query: string,\n): ConversationRecord[] {\n  const lowerQuery = query.toLowerCase();\n  return conversations.filter(conv => {\n    // Check title\n    if (conv.title?.toLowerCase().includes(lowerQuery)) {\n      return true;\n    }\n    // Check user messages\n    return conv.messages.some(\n      m => m.role === 'user' && m.content?.toLowerCase().includes(lowerQuery),\n    );\n  });\n}\n\n/**\n * Return type for the useConversations hook.\n * @public\n */\nexport interface UseConversationsReturn {\n  /** List of conversations (filtered if search is active) */\n  conversations: ConversationRecord[];\n  /** Starred conversations */\n  starredConversations: ConversationRecord[];\n  /** Non-starred conversations */\n  recentConversations: ConversationRecord[];\n  /** Whether conversations are currently loading */\n  loading: boolean;\n  /** Error message if loading failed */\n  error?: string;\n  /** Current search query */\n  searchQuery: string;\n  /** Set the search query */\n  setSearchQuery: (query: string) => void;\n  /** Clear the search */\n  clearSearch: () => void;\n  /** Load a specific conversation by ID */\n  loadConversation: (id: string) => Promise<ConversationRecord>;\n  /** Refresh the conversation list */\n  refreshConversations: () => void;\n  /** Delete a conversation (with optimistic update) */\n  deleteConversation: (id: string) => Promise<void>;\n  /** Toggle star status (with optimistic update) */\n  toggleStar: (id: string) => Promise<void>;\n}\n\n/**\n * Hook for managing conversation history.\n * Handles fetching conversations, caching, search, and optimistic updates.\n *\n * @returns Conversation data and helper functions\n * @public\n */\nexport function useConversations(): UseConversationsReturn {\n  const mcpChatApi = useApi(mcpChatApiRef);\n  const identityApi = useApi(identityApiRef);\n  const [refreshKey, setRefreshKey] = useState(0);\n  const [localConversations, setLocalConversations] = useState<\n    ConversationRecord[]\n  >([]);\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const {\n    value: fetchedConversations,\n    loading,\n    error,\n  } = useAsync(async () => {\n    try {\n      // Check if user is a guest - skip API call for guests\n      const identity = await identityApi.getBackstageIdentity();\n      if (isGuestUser(identity.userEntityRef)) {\n        return [];\n      }\n\n      const response = await mcpChatApi.getConversations();\n      return response.conversations;\n    } catch (err: any) {\n      // Gracefully handle errors by returning empty array\n      // Conversation history is a nice-to-have, not critical\n      return [];\n    }\n  }, [mcpChatApi, identityApi, refreshKey]);\n\n  // Sync fetched conversations to local state\n  useEffect(() => {\n    if (fetchedConversations) {\n      setLocalConversations(fetchedConversations);\n    }\n  }, [fetchedConversations]);\n\n  const clearSearch = useCallback(() => {\n    setSearchQuery('');\n  }, []);\n\n  const loadConversation = useCallback(\n    async (id: string): Promise<ConversationRecord> => {\n      // Check if user is a guest\n      const identity = await identityApi.getBackstageIdentity();\n      if (isGuestUser(identity.userEntityRef)) {\n        throw new Error('Guest users cannot load conversations');\n      }\n      return mcpChatApi.getConversationById(id);\n    },\n    [mcpChatApi, identityApi],\n  );\n\n  const refreshConversations = useCallback(() => {\n    setRefreshKey(prev => prev + 1);\n  }, []);\n\n  const deleteConversation = useCallback(\n    async (id: string): Promise<void> => {\n      // Optimistic update: remove from local state immediately\n      const previousConversations = localConversations;\n      setLocalConversations(prev => prev.filter(c => c.id !== id));\n\n      try {\n        await mcpChatApi.deleteConversation(id);\n      } catch (err) {\n        // Rollback on failure\n        setLocalConversations(previousConversations);\n        throw err;\n      }\n    },\n    [mcpChatApi, localConversations],\n  );\n\n  const toggleStar = useCallback(\n    async (id: string): Promise<void> => {\n      // Optimistic update: toggle star in local state\n      const previousConversations = localConversations;\n      setLocalConversations(prev =>\n        prev.map(c => (c.id === id ? { ...c, isStarred: !c.isStarred } : c)),\n      );\n\n      try {\n        await mcpChatApi.toggleConversationStar(id);\n      } catch (err) {\n        // Rollback on failure\n        setLocalConversations(previousConversations);\n        throw err;\n      }\n    },\n    [mcpChatApi, localConversations],\n  );\n\n  // Determine which conversations to show (with local filtering)\n  const conversations = useMemo(() => {\n    if (searchQuery && searchQuery.length >= 2) {\n      return filterConversations(localConversations, searchQuery);\n    }\n    return localConversations;\n  }, [searchQuery, localConversations]);\n\n  // Split into starred and non-starred\n  const starredConversations = useMemo(\n    () => conversations.filter(c => c.isStarred),\n    [conversations],\n  );\n\n  const recentConversations = useMemo(\n    () => conversations.filter(c => !c.isStarred),\n    [conversations],\n  );\n\n  return {\n    conversations,\n    starredConversations,\n    recentConversations,\n    loading,\n    error: error?.message,\n    searchQuery,\n    setSearchQuery,\n    clearSearch,\n    loadConversation,\n    refreshConversations,\n    deleteConversation,\n    toggleStar,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -26,7 +26,6 @@ declare const MCPChatIcon: IconComponent;
  */
 declare enum MCPServerType {
     STDIO = "stdio",
-    SSE = "sse",
     STREAMABLE_HTTP = "streamable-http"
 }
 /**
@@ -129,16 +128,55 @@ interface ChatResponse {
     content: string;
     toolResponses?: any[];
     toolsUsed?: string[];
+    conversationId?: string;
+}
+/**
+ * A stored conversation record from the backend.
+ * @public
+ */
+interface ConversationRecord {
+    /** Unique identifier for the conversation */
+    id: string;
+    /** User entity ref who owns this conversation */
+    userId: string;
+    /** Array of chat messages in the conversation */
+    messages: ChatMessage[];
+    /** Optional array of tool names used in the conversation */
+    toolsUsed?: string[];
+    /** AI-generated or user-edited conversation title */
+    title?: string;
+    /** Whether the conversation is starred/favorited */
+    isStarred: boolean;
+    /** ISO timestamp when the conversation was created */
+    createdAt: string;
+    /** ISO timestamp when the conversation was last updated */
+    updatedAt: string;
+}
+/**
+ * Response from the /conversations endpoint.
+ * @public
+ */
+interface ConversationsResponse {
+    /** Array of conversation records */
+    conversations: ConversationRecord[];
+    /** Total count of conversations returned */
+    count: number;
 }
 
 /**
  * @public
  */
 interface McpChatApi {
-    sendChatMessage(messages: ChatMessage[], enabledTools?: string[], signal?: AbortSignal): Promise<ChatResponse>;
+    sendChatMessage(messages: ChatMessage[], enabledTools?: string[], signal?: AbortSignal, conversationId?: string): Promise<ChatResponse>;
     getMCPServerStatus(): Promise<MCPServerStatusData>;
     getAvailableTools(): Promise<ToolsResponse>;
     getProviderStatus(): Promise<ProviderStatusData>;
+    getConversations(): Promise<ConversationsResponse>;
+    getConversationById(id: string): Promise<ConversationRecord>;
+    deleteConversation(id: string): Promise<void>;
+    toggleConversationStar(id: string): Promise<{
+        isStarred: boolean;
+    }>;
 }
 
 /**
@@ -147,4 +185,4 @@ interface McpChatApi {
 declare const mcpChatApiRef: _backstage_core_plugin_api.ApiRef<McpChatApi>;
 
 export { MCPChatIcon, MCPServerType, McpChatPage, mcpChatApiRef, mcpChatPlugin };
-export type { ChatMessage, ChatResponse, MCPServer, MCPServerStatusData, McpChatApi, Provider, ProviderConnectionStatus, ProviderStatusData, Tool, ToolsResponse };
+export type { ChatMessage, ChatResponse, ConversationRecord, ConversationsResponse, MCPServer, MCPServerStatusData, McpChatApi, Provider, ProviderConnectionStatus, ProviderStatusData, Tool, ToolsResponse };

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.2",
+  "version": "0.3.0",
   "license": "Apache-2.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
@@ -43,16 +43,18 @@
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "react-router": "^6.3.0",
+    "react-router": "^6.30.2",
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
     "@backstage/cli": "^0.33.0",
     "@backstage/dev-utils": "^1.1.11",
     "@backstage/test-utils": "^1.7.8",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.0.0",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/react": "^16.0.0",
     "@types/react": "^17.0.0 || ^18.0.0",
+    "@types/react-dom": "^19.2.3",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-router-dom": "^6.3.0"