impact-ui 5.0.0-tableV36.1 → 5.0.1

package/dist/components/Chatbot/chatBotLandingScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatBotLandingScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatBotLandingScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,yBAAyB,+BAoB/F"}
+{"version":3,"file":"chatBotLandingScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatBotLandingScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,yBAAyB,2CAoB/F"}

package/dist/components/Chatbot/chatInput.d.ts

@@ -1,4 +1,4 @@
 import { ChatInputProps } from './Chatbot.types';
 
-export default function ChatInput({ inputValue, setInputValue, setIsNewChat, onSendIconClick, setUserChats, userChats, handleRefresh, handleSaveChat, handleMicClick, activeList, uniqueId, suggestionBanner, isStopIcon, onStopIconClick, minRows, newChatScreen, customScreen, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, }: ChatInputProps): import("react").JSX.Element;
+export default function ChatInput({ inputValue, setInputValue, setIsNewChat, onSendIconClick, setUserChats, userChats, handleRefresh, handleSaveChat, handleMicClick, activeList, uniqueId, suggestionBanner, isStopIcon, onStopIconClick, minRows, newChatScreen, customScreen, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=chatInput.d.ts.map

package/dist/components/Chatbot/chatInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatInput.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,iBAAiB,CAAC;AASnE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,UAAU,EACV,aAAa,EACb,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,OAAW,EACX,aAAqB,EACrB,YAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,GACrB,EAAE,cAAc,+BAuKhB"}
+{"version":3,"file":"chatInput.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,iBAAiB,CAAC;AASnE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,UAAU,EACV,aAAa,EACb,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,OAAW,EACX,aAAqB,EACrB,YAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,GACrB,EAAE,cAAc,2CAuKhB"}

package/dist/components/Chatbot/chatbotModuleMenu.d.ts

@@ -1,4 +1,4 @@
 import { ChatbotModuleMenuProps } from './Chatbot.types';
 
-export declare function ChatbotModuleMenu({ hideMenuArrow, onModuleClick, moduleList, activeList, hideChildren, isModuleListLoading, hideSmartBotIcon, hideCenterOptions, threadList: threadListProp, activeThread: activeThreadProp, handleSavedChat, onClose, isFullWidth, handleCloseThread: handleCloseThreadProp, handleThreadClick, onMinimiseChatBot, dragHandleProps, isCollapsed, onToggleCollapse, }: ChatbotModuleMenuProps): import("react").JSX.Element;
+export declare function ChatbotModuleMenu({ hideMenuArrow, onModuleClick, moduleList, activeList, hideChildren, isModuleListLoading, hideSmartBotIcon, hideCenterOptions, threadList: threadListProp, activeThread: activeThreadProp, handleSavedChat, onClose, isFullWidth, handleCloseThread: handleCloseThreadProp, handleThreadClick, onMinimiseChatBot, dragHandleProps, isCollapsed, onToggleCollapse, }: ChatbotModuleMenuProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=chatbotModuleMenu.d.ts.map

package/dist/components/Chatbot/chatbotModuleMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbotModuleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatbotModuleMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAS9D,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,aAAa,EACb,UAAU,EACV,UAAU,EACV,YAAoB,EACpB,mBAAmB,EACnB,gBAAwB,EACxB,iBAAyB,EACzB,UAAU,EAAE,cAAmB,EAC/B,YAAY,EAAE,gBAAgB,EAC9B,eAAe,EACf,OAAO,EACP,WAAW,EACX,iBAAiB,EAAE,qBAAqB,EACxC,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,WAAmB,EACnB,gBAAgB,GACjB,EAAE,sBAAsB,+BAgOxB"}
+{"version":3,"file":"chatbotModuleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatbotModuleMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAS9D,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,aAAa,EACb,UAAU,EACV,UAAU,EACV,YAAoB,EACpB,mBAAmB,EACnB,gBAAwB,EACxB,iBAAyB,EACzB,UAAU,EAAE,cAAmB,EAC/B,YAAY,EAAE,gBAAgB,EAC9B,eAAe,EACf,OAAO,EACP,WAAW,EACX,iBAAiB,EAAE,qBAAqB,EACxC,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,WAAmB,EACnB,gBAAgB,GACjB,EAAE,sBAAsB,2CAgOxB"}

package/dist/components/Chatbot/conversationScreen.d.ts

@@ -1,4 +1,4 @@
 import { ConversationScreenProps } from './Chatbot.types';
 
-export declare function ConversationScreen({ userChats, setUserChats, onSendIconClick, conversation, isAssistantThinking, activeList, onLikeClick, onDislikeClick, inputText, handleRefresh, handleSaveChat, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, footerText, isCollapsed, }: ConversationScreenProps): import("react").JSX.Element;
+export declare function ConversationScreen({ userChats, setUserChats, onSendIconClick, conversation, isAssistantThinking, activeList, onLikeClick, onDislikeClick, inputText, handleRefresh, handleSaveChat, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, footerText, isCollapsed, }: ConversationScreenProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=conversationScreen.d.ts.map

package/dist/components/Chatbot/conversationScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversationScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/conversationScreen.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAe,uBAAuB,EAAsB,MAAM,iBAAiB,CAAC;AAEhG,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,cAAc,EACd,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,WAAW,GACZ,EAAE,uBAAuB,+BAwNzB"}
+{"version":3,"file":"conversationScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/conversationScreen.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAe,uBAAuB,EAAsB,MAAM,iBAAiB,CAAC;AAEhG,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,cAAc,EACd,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,WAAW,GACZ,EAAE,uBAAuB,2CAwNzB"}

package/dist/components/Chatbot/customScreen.d.ts

@@ -1,4 +1,4 @@
 import { CustomScreenProps } from './Chatbot.types';
 
-export declare function CustomScreen({ onClose, customScreenJsx, userChats, setUserChats, onSendIconClick, activeList, handleRefresh, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, isFullWidth, footerText, }: CustomScreenProps): import("react").JSX.Element;
+export declare function CustomScreen({ onClose, customScreenJsx, userChats, setUserChats, onSendIconClick, activeList, handleRefresh, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, isFullWidth, footerText, }: CustomScreenProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=customScreen.d.ts.map

package/dist/components/Chatbot/customScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/customScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,eAAe,EACf,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,WAAW,EACX,UAAU,GACX,EAAE,iBAAiB,+BA0CnB"}
+{"version":3,"file":"customScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/customScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,eAAe,EACf,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,WAAW,EACX,UAAU,GACX,EAAE,iBAAiB,2CA0CnB"}

package/dist/components/Chatbot/historyPanel.d.ts

@@ -1,4 +1,4 @@
 import { HistoryPanelProps } from './Chatbot.types';
 
-export declare function HistoryPanel({ historyPanelData, onClose, onSearchChange, onSelectConversation, onToggleGroup, openGroups, onMenuAction, }: HistoryPanelProps): import("react").JSX.Element;
+export declare function HistoryPanel({ historyPanelData, isConversationLoading, onClose, onSearchChange, onSelectConversation, onToggleGroup, openGroups, onMenuAction, activeConversationId, }: HistoryPanelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=historyPanel.d.ts.map

package/dist/components/Chatbot/historyPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"historyPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/historyPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA2B,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAYlF,wBAAgB,YAAY,CAAC,EAC3B,gBAAqB,EACrB,OAAO,EACP,cAAc,EACd,oBAAoB,EACpB,aAAa,EACb,UAAU,EACV,YAAY,GACb,EAAE,iBAAiB,+BA0VnB"}
+{"version":3,"file":"historyPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/historyPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAA2B,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AA0DlF,wBAAgB,YAAY,CAAC,EAC3B,gBAAqB,EACrB,qBAA6B,EAC7B,OAAO,EACP,cAAc,EACd,oBAAoB,EACpB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,oBAAoB,GACrB,EAAE,iBAAiB,2CAqXnB"}

package/dist/components/Chatbot/historyPanel.js

@@ -1,6 +1,7 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useMemo, useState, useRef, useEffect } from "react";
 import { getAssetUrl } from "../../utils/assetBase.js";
+import { Skeleton } from "../Skeleton/index.js";
 import { useTranslation } from "../../i18n/useTranslation.js";
 const CloseIcon = getAssetUrl("icons/close.svg");
 const ACTION_LABEL_KEYS = {
@@ -10,14 +11,57 @@ const ACTION_LABEL_KEYS = {
   unpin: "chatBot.history.unpin",
   delete: "chatBot.history.delete"
 };
+function HistoryPanelSkeletonRow() {
+  return /* @__PURE__ */ jsx(Skeleton, { className: "history-panel-skeleton-item", height: 42, variant: "rounded", width: "100%" });
+}
+function HistoryPanelSkeletonGroupLabel() {
+  return /* @__PURE__ */ jsx(Skeleton, { className: "history-panel-skeleton-label", height: 16, variant: "rounded", width: "35%" });
+}
+function HistoryPanelSkeleton() {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-busy": "true",
+      "aria-live": "polite",
+      className: "history-panel-skeleton",
+      "data-testid": "history-panel-skeleton",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "history-panel-skeleton-pinned", children: [
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonRow, {}),
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonRow, {})
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "history-panel-skeleton-group-block", children: [
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonGroupLabel, {}),
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonRow, {}),
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonRow, {}),
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonRow, {})
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "history-panel-skeleton-group-block", children: [
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonGroupLabel, {}),
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonRow, {}),
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonRow, {}),
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonRow, {})
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "history-panel-skeleton-group-block", children: [
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonGroupLabel, {}),
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonRow, {}),
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonRow, {}),
+          /* @__PURE__ */ jsx(HistoryPanelSkeletonRow, {})
+        ] })
+      ]
+    }
+  );
+}
 function HistoryPanel({
   historyPanelData = [],
+  isConversationLoading = false,
   onClose,
   onSearchChange,
   onSelectConversation,
   onToggleGroup,
   openGroups,
-  onMenuAction
+  onMenuAction,
+  activeConversationId
 }) {
   const { t } = useTranslation();
   const baseGroups = useMemo(() => {
@@ -43,6 +87,10 @@ function HistoryPanel({
   const [focusedIndex, setFocusedIndex] = useState(-1);
   const containerRef = useRef(null);
   const [openMenuId, setOpenMenuId] = useState(null);
+  const isActiveConversation = (conversationId) => {
+    if (activeConversationId == null || conversationId == null) return false;
+    return String(activeConversationId) === String(conversationId);
+  };
   useEffect(() => {
     const init = {};
     (groupsData || []).forEach((g) => {
@@ -187,60 +235,64 @@ function HistoryPanel({
         }
       }
     ) }),
-    /* @__PURE__ */ jsxs("div", { className: "history-panel-groups", children: [
-      filteredPinned.length > 0 && /* @__PURE__ */ jsx("ul", { className: "history-pinned-list", children: filteredPinned.map((item, idx) => /* @__PURE__ */ jsxs(
-        "li",
-        {
-          className: "history-item history-pinned-item",
-          role: "button",
-          tabIndex: currentFocused && currentFocused.groupName === "pinned" && currentFocused.item === item ? 0 : -1,
-          onClick: () => onSelectConversation == null ? void 0 : onSelectConversation(item),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") onSelectConversation == null ? void 0 : onSelectConversation(item);
-          },
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "history-item-row", children: [
-              /* @__PURE__ */ jsxs("div", { className: "history-item-name", children: [
-                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "pin-icon", children: "📌" }),
-                item.name
+    /* @__PURE__ */ jsx("div", { className: "history-panel-groups", children: isConversationLoading ? /* @__PURE__ */ jsx(HistoryPanelSkeleton, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      filteredPinned.length > 0 && /* @__PURE__ */ jsx("ul", { className: "history-pinned-list", children: filteredPinned.map((item, idx) => {
+        const isActive = isActiveConversation(item.conversation_id);
+        return /* @__PURE__ */ jsxs(
+          "li",
+          {
+            "aria-current": isActive ? "true" : void 0,
+            className: "history-item history-pinned-item" + (isActive ? " active" : ""),
+            role: "button",
+            tabIndex: currentFocused && currentFocused.groupName === "pinned" && currentFocused.item === item ? 0 : -1,
+            onClick: () => onSelectConversation == null ? void 0 : onSelectConversation(item),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") onSelectConversation == null ? void 0 : onSelectConversation(item);
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "history-item-row", children: [
+                /* @__PURE__ */ jsxs("div", { className: "history-item-name", children: [
+                  /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "pin-icon", children: "📌" }),
+                  item.name
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "aria-expanded": openMenuId === item.conversation_id,
+                    "aria-haspopup": "menu",
+                    className: "item-menu-trigger" + (openMenuId === item.conversation_id || isActive ? " always-visible" + (openMenuId === item.conversation_id ? " open" : "") : ""),
+                    title: t("chatBot.history.moreActions"),
+                    type: "button",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setOpenMenuId(
+                        (prev) => prev === item.conversation_id ? null : item.conversation_id ?? null
+                      );
+                    },
+                    children: "⋯"
+                  }
+                )
               ] }),
-              /* @__PURE__ */ jsx(
+              openMenuId === item.conversation_id && /* @__PURE__ */ jsx("div", { className: "history-item-menu", role: "menu", children: ["share", "rename", "unpin", "delete"].map((action) => /* @__PURE__ */ jsx(
                 "button",
                 {
-                  "aria-expanded": openMenuId === item.conversation_id,
-                  "aria-haspopup": "menu",
-                  className: "item-menu-trigger" + (openMenuId === item.conversation_id ? " always-visible open" : ""),
-                  title: t("chatBot.history.moreActions"),
+                  className: `menu-item ${action === "delete" ? "danger" : ""}`.trim(),
+                  role: "menuitem",
                   type: "button",
                   onClick: (e) => {
                     e.stopPropagation();
-                    setOpenMenuId(
-                      (prev) => prev === item.conversation_id ? null : item.conversation_id ?? null
-                    );
+                    onMenuAction == null ? void 0 : onMenuAction(action, item);
+                    setOpenMenuId(null);
                   },
-                  children: "⋯"
-                }
-              )
-            ] }),
-            openMenuId === item.conversation_id && /* @__PURE__ */ jsx("div", { className: "history-item-menu", role: "menu", children: ["share", "rename", "unpin", "delete"].map((action) => /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: `menu-item ${action === "delete" ? "danger" : ""}`.trim(),
-                role: "menuitem",
-                type: "button",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  onMenuAction == null ? void 0 : onMenuAction(action, item);
-                  setOpenMenuId(null);
+                  children: t(ACTION_LABEL_KEYS[action] ?? action)
                 },
-                children: t(ACTION_LABEL_KEYS[action] ?? action)
-              },
-              action
-            )) })
-          ]
-        },
-        `pinned-${item.conversation_id}-${idx}`
-      )) }),
+                action
+              )) })
+            ]
+          },
+          `pinned-${item.conversation_id}-${idx}`
+        );
+      }) }),
       filtered.map((group) => {
         const name = group.group_name ?? "";
         const isOpen = !!groupsState[name];
@@ -260,57 +312,61 @@ function HistoryPanel({
               ]
             }
           ),
-          isOpen && /* @__PURE__ */ jsx("ul", { className: "history-group-list", children: (group.conversation_list || []).map((item, idx) => /* @__PURE__ */ jsxs(
-            "li",
-            {
-              className: "history-item",
-              role: "button",
-              tabIndex: currentFocused && currentFocused.groupName === name && currentFocused.item === item ? 0 : -1,
-              onClick: () => onSelectConversation == null ? void 0 : onSelectConversation(item),
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "history-item-row", children: [
-                  /* @__PURE__ */ jsx("div", { className: "history-item-name", children: item.name }),
-                  /* @__PURE__ */ jsx(
+          isOpen && /* @__PURE__ */ jsx("ul", { className: "history-group-list", children: (group.conversation_list || []).map((item, idx) => {
+            const isActive = isActiveConversation(item.conversation_id);
+            return /* @__PURE__ */ jsxs(
+              "li",
+              {
+                "aria-current": isActive ? "true" : void 0,
+                className: "history-item" + (isActive ? " active" : ""),
+                role: "button",
+                tabIndex: currentFocused && currentFocused.groupName === name && currentFocused.item === item ? 0 : -1,
+                onClick: () => onSelectConversation == null ? void 0 : onSelectConversation(item),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "history-item-row", children: [
+                    /* @__PURE__ */ jsx("div", { className: "history-item-name", children: item.name }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        "aria-expanded": openMenuId === item.conversation_id,
+                        "aria-haspopup": "menu",
+                        className: "item-menu-trigger" + (openMenuId === item.conversation_id || isActive ? " always-visible" + (openMenuId === item.conversation_id ? " open" : "") : ""),
+                        title: t("chatBot.history.moreActions"),
+                        type: "button",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          setOpenMenuId(
+                            (prev) => prev === item.conversation_id ? null : item.conversation_id ?? null
+                          );
+                        },
+                        children: "⋯"
+                      }
+                    )
+                  ] }),
+                  openMenuId === item.conversation_id && /* @__PURE__ */ jsx("div", { className: "history-item-menu", role: "menu", children: ["share", "rename", "pin", "delete"].map((action) => /* @__PURE__ */ jsx(
                     "button",
                     {
-                      "aria-expanded": openMenuId === item.conversation_id,
-                      "aria-haspopup": "menu",
-                      className: "item-menu-trigger" + (openMenuId === item.conversation_id ? " always-visible open" : ""),
-                      title: t("chatBot.history.moreActions"),
+                      className: `menu-item ${action === "delete" ? "danger" : ""}`.trim(),
+                      role: "menuitem",
                       type: "button",
                       onClick: (e) => {
                         e.stopPropagation();
-                        setOpenMenuId(
-                          (prev) => prev === item.conversation_id ? null : item.conversation_id ?? null
-                        );
+                        onMenuAction == null ? void 0 : onMenuAction(action, item);
+                        setOpenMenuId(null);
                       },
-                      children: "⋯"
-                    }
-                  )
-                ] }),
-                openMenuId === item.conversation_id && /* @__PURE__ */ jsx("div", { className: "history-item-menu", role: "menu", children: ["share", "rename", "pin", "delete"].map((action) => /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    className: `menu-item ${action === "delete" ? "danger" : ""}`.trim(),
-                    role: "menuitem",
-                    type: "button",
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      onMenuAction == null ? void 0 : onMenuAction(action, item);
-                      setOpenMenuId(null);
+                      children: t(ACTION_LABEL_KEYS[action] ?? action)
                     },
-                    children: t(ACTION_LABEL_KEYS[action] ?? action)
-                  },
-                  action
-                )) })
-              ]
-            },
-            `${name}-${item.conversation_id}-${idx}`
-          )) })
+                    action
+                  )) })
+                ]
+              },
+              `${name}-${item.conversation_id}-${idx}`
+            );
+          }) })
         ] }, name);
       }),
-      filtered.length === 0 && /* @__PURE__ */ jsx("div", { className: "history-empty-state", children: t("chatBot.history.noConversations") })
-    ] })
+      filtered.length === 0 && filteredPinned.length === 0 && /* @__PURE__ */ jsx("div", { className: "history-empty-state", children: t("chatBot.history.noConversations") })
+    ] }) })
   ] });
 }
 export {

package/dist/components/Chatbot/index.d.ts

@@ -1,7 +1,7 @@
 import { ChatbotProps } from './Chatbot.types';
 
 export type { ChatbotProps } from './Chatbot.types';
-export declare function ChatBotComponent({ onClose, userName, isChatBotOpen, setIsChatBotOpen, conversation, solution: _solution, formComponent: _formComponent, tableComponent: _tableComponent, preDefinedQuestions, addedByYouQuestions, onSendIconClick, assistantChats: _assistantChats, isAssistantThinking, moduleList, onModuleClick, tabList, handleSavedChat, threadList, activeThread, isCustomScreen, customScreenJsx, onLikeClick, onDislikeClick, handleNewChatClick, inputText, handleRefresh, handleSaveChat, handleMicClick, hideMenuArrow, newChatScreen, isModuleListLoading, suggestionBanner, isStopIcon, onStopIconClick, landingScreen, footerText, onCloseSuggestionBanner, showSuggestionBanner, utilityList, customInputComponent, onHistoryPanelClick, historyPanelData, onHistorySearchChange, onHistorySelectConversation, onHistoryToggleGroup, historyOpenGroups, onHistoryMenuAction, showHistoryPanel, isFullWidth, activeConversationId, handleCloseThread, handleThreadClick, onMinimiseChatBot, onChatBotResize, }: ChatbotProps): import("react").JSX.Element | null;
+export declare function ChatBotComponent({ onClose, userName, isChatBotOpen, setIsChatBotOpen, conversation, solution: _solution, formComponent: _formComponent, tableComponent: _tableComponent, preDefinedQuestions, addedByYouQuestions, onSendIconClick, assistantChats: _assistantChats, isAssistantThinking, moduleList, onModuleClick, tabList, handleSavedChat, threadList, activeThread, isCustomScreen, customScreenJsx, onLikeClick, onDislikeClick, handleNewChatClick, inputText, handleRefresh, handleSaveChat, handleMicClick, hideMenuArrow, newChatScreen, isModuleListLoading, suggestionBanner, isStopIcon, onStopIconClick, landingScreen, footerText, onCloseSuggestionBanner, showSuggestionBanner, utilityList, customInputComponent, onHistoryPanelClick, historyPanelData, onHistorySearchChange, onHistorySelectConversation, onHistoryToggleGroup, historyOpenGroups, onHistoryMenuAction, isConversationLoading, showHistoryPanel, isFullWidth, activeConversationId, handleCloseThread, handleThreadClick, onMinimiseChatBot, onChatBotResize, }: ChatbotProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace ChatBotComponent {
     var displayName: string;
 }

package/dist/components/Chatbot/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,iBAAiB,CAAC;AAC1E,OAAO,sBAAsB,CAAC;AAiD9B,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAoCpD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,YAAiD,EACjD,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,cAAc,EAC7B,cAAc,EAAE,eAAe,EAC/B,mBAAmB,EACnB,mBAAmB,EACnB,eAA0B,EAC1B,cAAc,EAAE,eAAoB,EACpC,mBAA2B,EAC3B,UAAe,EACf,aAAwB,EACxB,OAAO,EACP,eAAe,EACf,UAA6C,EAC7C,YAAmB,EACnB,cAAsB,EACtB,eAAsB,EACtB,WAAsB,EACtB,cAAyB,EACzB,kBAA6B,EAC7B,SAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAqB,EACrB,aAAqB,EACrB,mBAA2B,EAC3B,gBAAgB,EAChB,UAAkB,EAClB,eAA0B,EAC1B,aAAqB,EACrB,UAAU,EACV,uBAAkC,EAClC,oBAA4B,EAC5B,WAAgB,EAChB,oBAA2B,EAC3B,mBAA8B,EAC9B,gBAAqB,EACrB,qBAAgC,EAChC,2BAAsC,EACtC,oBAA+B,EAC/B,iBAAiB,EACjB,mBAA8B,EAC9B,gBAAuB,EACvB,WAAmB,EACnB,oBAAoB,EACpB,iBAA4B,EAC5B,iBAA4B,EAC5B,iBAAiB,EACjB,eAA0B,GAC3B,EAAE,YAAY,sCAqcd;yBA5fe,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,iBAAiB,CAAC;AAC1E,OAAO,sBAAsB,CAAC;AAiD9B,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAoCpD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,YAAiD,EACjD,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,cAAc,EAC7B,cAAc,EAAE,eAAe,EAC/B,mBAAmB,EACnB,mBAAmB,EACnB,eAA0B,EAC1B,cAAc,EAAE,eAAoB,EACpC,mBAA2B,EAC3B,UAAe,EACf,aAAwB,EACxB,OAAO,EACP,eAAe,EACf,UAA6C,EAC7C,YAAmB,EACnB,cAAsB,EACtB,eAAsB,EACtB,WAAsB,EACtB,cAAyB,EACzB,kBAA6B,EAC7B,SAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAqB,EACrB,aAAqB,EACrB,mBAA2B,EAC3B,gBAAgB,EAChB,UAAkB,EAClB,eAA0B,EAC1B,aAAqB,EACrB,UAAU,EACV,uBAAkC,EAClC,oBAA4B,EAC5B,WAAgB,EAChB,oBAA2B,EAC3B,mBAA8B,EAC9B,gBAAqB,EACrB,qBAAgC,EAChC,2BAAsC,EACtC,oBAA+B,EAC/B,iBAAiB,EACjB,mBAA8B,EAC9B,qBAA6B,EAC7B,gBAAuB,EACvB,WAAmB,EACnB,oBAAoB,EACpB,iBAA4B,EAC5B,iBAA4B,EAC5B,iBAAiB,EACjB,eAA0B,GAC3B,EAAE,YAAY,kDAscd;yBA9fe,gBAAgB"}