Lightspeed chat history management (#1804)

* feat(lightspeed): chat history management

* feat(lightspeed): chat history management

* add tests for chat management

* update the search empty state and add tests

---------

Co-authored-by: HusneShabbir <husneshabbir447@gmail.com>

Author: debsmita1

workspaces/lightspeed/.changeset/five-insects-repeat.md

@@ -0,0 +1,20 @@
+---
+'@red-hat-developer-hub/backstage-plugin-lightspeed-common': patch
+'@red-hat-developer-hub/backstage-plugin-lightspeed': patch
+---
+
+'@red-hat-developer-hub/backstage-plugin-lightspeed' :
+
+- Added missing translations for untranslated labels across the Lightspeed chat UI.
+- Added lightspeed settings kebab menu
+- Added a new “Pinned” section. The section is conditionally visible only when pinning chats are enabled in Lightspeed settings. It shows an empty state when no chats are pinned.
+- Added Kebab menu actions to each chat item with actions: Rename, Pin, Unpin
+- Implemented logic to move chats between Pinned and Recent sections based on the selected action (“Pin” / “Unpin”).
+- Updated search behavior to show results under both Pinned and Recent groups (when enabled), including appropriate empty search messaging.
+- The Rename action opens a dialog with an editable text field and confirm/cancel actions.
+- Replaced the patternfly components with MUI to match the Figma designs [Design 1](https://www.figma.com/design/urwU8VqRvHfbxMqxeVknrv/RHDH-Lightspeed---AI-Assistant?node-id=1523-1670&t=CqnUYsxar0PtjAjZ-0)
+  [Design 2](https://www.figma.com/design/urwU8VqRvHfbxMqxeVknrv/RHDH-Lightspeed---AI-Assistant?node-id=2514-5415&t=PphIEOl5Yzmgv5tI-0)
+
+'@red-hat-developer-hub/backstage-plugin-lightspeed-common':
+
+Added the Update api client

workspaces/lightspeed/packages/app/e2e-tests/lightspeed.test.ts

@@ -46,6 +46,33 @@ import {
   assertDrawerState,
   verifySidePanelConversation,
 } from './utils/sidebar';
+import {
+  openChatContextMenu,
+  openChatContextMenuByName,
+  verifyChatContextMenuOptions,
+  selectRenameAction,
+  verifyRenameChatForm,
+  submitChatRename,
+  verifyChatRenamed,
+  verifyEmptyPinnedChatsMessage,
+  verifyPinnedChatsNotEmpty,
+  selectPinAction,
+  verifyChatPinned,
+  verifyPinActionAvailable,
+  selectDeleteAction,
+  verifyDeleteConfirmation,
+  cancelChatDeletion,
+  confirmChatDeletion,
+  verifyChatDeleted,
+  openChatbotSettings,
+  verifyChatbotSettingsVisible,
+  verifyPinnedSectionVisible,
+  verifyPinnedSectionHidden,
+  verifyDisablePinnedChatsOption,
+  verifyEnablePinnedChatsOption,
+  selectDisablePinnedChats,
+  selectEnablePinnedChats,
+} from './utils/chatManagement';
 import { login } from './utils/login';
 import {
   mockChatHistory,
@@ -146,13 +173,13 @@ test.describe('Lightspeed tests', () => {
     });
 
     await test.step('Close the sidebar and verify elements are hidden', async () => {
-      await closeChatDrawer(sharedPage);
+      await closeChatDrawer(sharedPage, translations);
       await runAccessibilityTests(sharedPage, testInfo);
       await assertDrawerState(sharedPage, 'closed', translations);
     });
 
     await test.step('Reopen the sidebar and verify elements are visible again', async () => {
-      await openChatDrawer(sharedPage);
+      await openChatDrawer(sharedPage, translations);
       await assertDrawerState(sharedPage, 'open', translations);
     });
   });
@@ -288,10 +315,10 @@ test.describe('Lightspeed tests', () => {
       await sendMessage(message, sharedPage, translations, false);
 
       const jumpTopButton = sharedPage.getByRole('button', {
-        name: 'Back to top',
+        name: translations['aria.scroll.up'],
       });
       const jumpBottomButton = sharedPage.getByRole('button', {
-        name: 'Back to bottom',
+        name: translations['aria.scroll.down'],
       });
 
       await runAccessibilityTests(sharedPage, testInfo);
@@ -327,7 +354,7 @@ test.describe('Lightspeed tests', () => {
 
       const chats = sidePanel.locator('li.pf-chatbot__menu-item');
       if (devMode) {
-        await expect(chats).toHaveCount(2);
+        await expect(chats).toHaveCount(3);
       } else {
         expect(await chats.count()).toBeGreaterThanOrEqual(1);
         await sharedPage
@@ -344,10 +371,21 @@ test.describe('Lightspeed tests', () => {
         translations['chatbox.search.placeholder'],
       );
       await searchBox.fill(devMode ? 'new' : 'Backstage');
-      for (const chat of await chats.all()) {
-        expect(chat).toContainText(searchText);
+      const validChat = sidePanel
+        .locator('li.pf-chatbot__menu-item')
+        .filter({ hasText: searchText })
+        .first();
+
+      const chatItems = await chats.all();
+      for (const chat of chatItems) {
+        const text = await chat.textContent();
+        // Skip empty state messages (e.g., "No pinned chats")
+        if (text?.includes(translations['chatbox.emptyState.noPinnedChats'])) {
+          continue;
+        }
+        await expect(chat).toContainText(searchText);
       }
-      await chats.first().click();
+      await validChat.click();
 
       const userMessage = sharedPage.locator('.pf-chatbot__message--user');
       const botMessage = sharedPage.locator('.pf-chatbot__message--bot');
@@ -359,5 +397,72 @@ test.describe('Lightspeed tests', () => {
         devMode ? contents[0].messages[1].content : 'Backstage',
       );
     });
+
+    test.describe('Chat Management', () => {
+      const testChatName = 'Test Rename';
+
+      test('Verify chat actions menu', async () => {
+        await sharedPage.reload();
+        await sharedPage.waitForTimeout(3000);
+        await openChatContextMenu(sharedPage);
+        await verifyChatContextMenuOptions(sharedPage, translations);
+      });
+
+      test('Verify Rename chat and its actions', async () => {
+        await selectRenameAction(sharedPage, translations);
+        await verifyRenameChatForm(sharedPage, translations);
+        await submitChatRename(sharedPage, testChatName, translations);
+        await verifyChatRenamed(sharedPage, testChatName);
+      });
+
+      test('Verify pin chat and its actions', async () => {
+        await verifyEmptyPinnedChatsMessage(sharedPage, translations);
+        await openChatContextMenu(sharedPage);
+        await verifyPinActionAvailable(sharedPage, translations);
+        await selectPinAction(sharedPage, translations);
+        await verifyChatPinned(sharedPage, testChatName);
+        await verifyPinnedChatsNotEmpty(sharedPage, translations);
+      });
+
+      test('Verify delete chat and its actions', async () => {
+        await verifyChatRenamed(sharedPage, testChatName);
+        await openChatContextMenuByName(sharedPage, testChatName, translations);
+        await selectDeleteAction(sharedPage, translations);
+        await verifyDeleteConfirmation(sharedPage, translations);
+        await cancelChatDeletion(sharedPage, translations);
+        await verifyChatRenamed(sharedPage, testChatName);
+
+        await openChatContextMenuByName(sharedPage, testChatName, translations);
+        await selectDeleteAction(sharedPage, translations);
+        await confirmChatDeletion(sharedPage, translations);
+        await verifyChatDeleted(sharedPage, testChatName);
+      });
+
+      test('Verify disable pinned chats', async () => {
+        await verifyPinnedSectionVisible(sharedPage, translations);
+        await verifyEmptyPinnedChatsMessage(sharedPage, translations);
+        await verifyChatbotSettingsVisible(sharedPage, translations);
+        await openChatbotSettings(sharedPage, translations);
+        await verifyDisablePinnedChatsOption(sharedPage, translations);
+        await selectDisablePinnedChats(sharedPage, translations);
+        await verifyPinnedSectionHidden(sharedPage, translations);
+        await verifyPinnedChatsNotEmpty(sharedPage, translations);
+      });
+
+      test('Verify enable pinned chats', async () => {
+        await verifyPinnedSectionHidden(sharedPage, translations);
+        await verifyPinnedChatsNotEmpty(sharedPage, translations);
+        await openChatbotSettings(sharedPage, translations);
+        await verifyEnablePinnedChatsOption(sharedPage, translations);
+        await selectEnablePinnedChats(sharedPage, translations);
+        await verifyPinnedSectionVisible(sharedPage, translations);
+        await verifyEmptyPinnedChatsMessage(sharedPage, translations);
+      });
+      /**
+       * TODO (after persistence is implemented):
+       * - Verify pinned chat is visible after page refresh
+       * - Add test to verify unpin actions
+       */
+    });
   });
 });