@uipath/apollo-react 6.29.0 → 6.30.1

package/dist/material/components/ap-chat/components/history/chat-history-item.cjs

@@ -48,7 +48,7 @@ const chat_state_provider_cjs_namespaceObject = require("../../providers/chat-st
 const loading_provider_cjs_namespaceObject = require("../../providers/loading-provider.cjs");
 const external_service_index_cjs_namespaceObject = require("../../service/index.cjs");
 const action_button_cjs_namespaceObject = require("../common/action-button.cjs");
-const GroupItem = (0, material_namespaceObject.styled)('div')(({ isActive, showRemoveIcon })=>({
+const GroupItem = (0, material_namespaceObject.styled)('div')(({ isActive, showActionButtons })=>({
         width: `calc(100% - 2 * ${apollo_core_default().Spacing.SpacingBase})`,
         padding: `0 calc(${apollo_core_default().Padding.PadL} + ${apollo_core_default().Spacing.SpacingBase})`,
         display: 'flex',
@@ -66,11 +66,14 @@ const GroupItem = (0, material_namespaceObject.styled)('div')(({ isActive, showR
             backgroundColor: 'var(--color-background-selected)',
             borderLeft: "4px solid var(--color-selection-indicator)"
         },
-        '& .delete-button-wrapper': {
-            opacity: showRemoveIcon ? 1 : 0,
+        '& .action-buttons-wrapper': {
+            opacity: showActionButtons ? 1 : 0,
             position: 'relative',
             left: apollo_core_default().Spacing.SpacingXs,
-            marginRight: apollo_core_default().Spacing.SpacingBase
+            marginRight: apollo_core_default().Spacing.SpacingBase,
+            display: 'flex',
+            alignItems: 'center',
+            gap: apollo_core_default().Spacing.SpacingXs
         }
     }));
 const GroupTitle = (0, material_namespaceObject.styled)('div')(()=>({
@@ -82,20 +85,47 @@ const GroupTitle = (0, material_namespaceObject.styled)('div')(()=>({
             whiteSpace: 'nowrap'
         }
     }));
+const RenameInput = (0, material_namespaceObject.styled)('input')(()=>({
+        width: '100%',
+        padding: 0,
+        margin: 0,
+        border: 'none',
+        background: 'transparent',
+        color: 'var(--color-foreground)',
+        fontFamily: 'inherit',
+        fontSize: 'inherit',
+        lineHeight: 'inherit',
+        outline: 'none',
+        '&:focus-visible': {
+            outline: "1px solid var(--color-focus-indicator)",
+            outlineOffset: '2px',
+            borderRadius: apollo_core_default().Border.BorderRadiusS
+        }
+    }));
 const AutopilotChatHistoryItemComponent = ({ item, isHistoryOpen })=>{
     const { _ } = (0, react_namespaceObject.useLingui)();
     const chatService = (0, chat_service_provider_cjs_namespaceObject.useChatService)();
-    const { spacing } = (0, chat_state_provider_cjs_namespaceObject.useChatState)();
+    const { spacing, disabledFeatures } = (0, chat_state_provider_cjs_namespaceObject.useChatState)();
+    const renameEnabled = !disabledFeatures.renameChat;
     const [isActive, setIsActive] = external_react_default().useState(chatService.activeConversationId === item.id);
     const { setWaitingResponse } = (0, loading_provider_cjs_namespaceObject.useLoading)();
-    const [isRemoveIconVisible, setIsRemoveIconVisible] = external_react_default().useState(false);
+    const [isActionButtonsVisible, setIsActionButtonsVisible] = external_react_default().useState(false);
     const [isFocused, setIsFocused] = external_react_default().useState(false);
+    const [isEditing, setIsEditing] = external_react_default().useState(false);
+    const [draftName, setDraftName] = external_react_default().useState(item.name);
     const itemRef = external_react_default().useRef(null);
+    const inputRef = external_react_default().useRef(null);
     const lastMousePosition = external_react_default().useRef({
         x: 0,
         y: 0
     });
-    const focusButtonRef = external_react_default().useRef(null);
+    const isCommittingRef = external_react_default().useRef(false);
+    external_react_default().useEffect(()=>{
+        if (!isEditing) setDraftName(item.name);
+    }, [
+        item.name,
+        isEditing
+    ]);
     external_react_default().useEffect(()=>{
         const handleMouseMove = (e)=>{
             if (isFocused) return;
@@ -106,7 +136,7 @@ const AutopilotChatHistoryItemComponent = ({ item, isHistoryOpen })=>{
             if (itemRef.current) {
                 const rect = itemRef.current.getBoundingClientRect();
                 const isInside = e.clientX >= rect.left && e.clientX <= rect.right && e.clientY >= rect.top && e.clientY <= rect.bottom;
-                setIsRemoveIconVisible(isInside);
+                setIsActionButtonsVisible(isInside);
             }
         };
         document.addEventListener('mousemove', handleMouseMove);
@@ -138,6 +168,54 @@ const AutopilotChatHistoryItemComponent = ({ item, isHistoryOpen })=>{
         isActive,
         setWaitingResponse
     ]);
+    external_react_default().useEffect(()=>{
+        if (isEditing) {
+            inputRef.current?.focus();
+            inputRef.current?.select();
+        }
+    }, [
+        isEditing
+    ]);
+    const enterEditMode = external_react_default().useCallback(()=>{
+        if (!isHistoryOpen) return;
+        isCommittingRef.current = false;
+        setDraftName(item.name);
+        setIsEditing(true);
+    }, [
+        isHistoryOpen,
+        item.name
+    ]);
+    const cancelRename = external_react_default().useCallback(()=>{
+        isCommittingRef.current = false;
+        setDraftName(item.name);
+        setIsEditing(false);
+    }, [
+        item.name
+    ]);
+    const commitRename = external_react_default().useCallback(()=>{
+        if (isCommittingRef.current) return;
+        const trimmed = draftName.trim();
+        if ('' === trimmed || trimmed === item.name) return void cancelRename();
+        if (!chatService) return void setIsEditing(false);
+        isCommittingRef.current = true;
+        chatService.getPreHook(external_service_index_cjs_namespaceObject.AutopilotChatPreHookAction.RenameConversation)({
+            conversationId: item.id,
+            name: trimmed
+        }).then((proceed)=>{
+            if (!proceed) return void cancelRename();
+            chatService.renameConversation(item.id, trimmed);
+            setIsEditing(false);
+            isCommittingRef.current = false;
+        }).catch(()=>{
+            cancelRename();
+        });
+    }, [
+        draftName,
+        item.id,
+        item.name,
+        chatService,
+        cancelRename
+    ]);
     const handleDelete = external_react_default().useCallback((ev, itemId)=>{
         ev.stopPropagation();
         setIsFocused(false);
@@ -151,65 +229,115 @@ const AutopilotChatHistoryItemComponent = ({ item, isHistoryOpen })=>{
     }, [
         chatService
     ]);
+    const handleRename = external_react_default().useCallback((ev)=>{
+        ev.stopPropagation();
+        setIsFocused(false);
+        enterEditMode();
+    }, [
+        enterEditMode
+    ]);
     const handleItemClick = external_react_default().useCallback((itemId)=>{
-        if (isActive) return;
+        if (isEditing || isActive) return;
         chatService.openConversation(itemId);
         chatService.toggleHistory(false);
     }, [
         chatService,
-        isActive
-    ]);
-    external_react_default().useEffect(()=>{
-        if (isFocused) focusButtonRef.current?.focus();
-    }, [
-        isFocused
+        isActive,
+        isEditing
     ]);
+    const renameLabel = _({
+        id: 'autopilot-chat.history.rename'
+    });
+    const renameInputLabel = _({
+        id: 'autopilot-chat.history.rename-input'
+    });
+    const deleteLabel = _({
+        id: 'autopilot-chat.history.delete'
+    });
+    const showActionButtons = !isEditing && (isFocused || isActionButtonsVisible);
+    const tooltipVisible = showActionButtons && isHistoryOpen;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(GroupItem, {
-        showRemoveIcon: isFocused || isRemoveIconVisible,
+        showActionButtons: showActionButtons,
         ref: itemRef,
-        tabIndex: isHistoryOpen ? 0 : -1,
+        tabIndex: isHistoryOpen && !isEditing ? 0 : -1,
         isActive: isActive,
         onClick: ()=>handleItemClick(item.id),
         onKeyDown: (ev)=>{
+            if (isEditing) return;
             if ('Enter' === ev.key || ' ' === ev.key) handleItemClick(item.id);
         },
-        "aria-label": item.name,
-        role: "button",
-        "aria-pressed": isActive,
+        "aria-label": isEditing ? void 0 : item.name,
+        role: isEditing ? void 0 : 'button',
+        "aria-pressed": isEditing ? void 0 : isActive,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(GroupTitle, {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTypography, {
+                children: isEditing ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(RenameInput, {
+                    ref: inputRef,
+                    value: draftName,
+                    "aria-label": renameInputLabel,
+                    "data-testid": "autopilot-chat-history-rename-input",
+                    onChange: (ev)=>setDraftName(ev.target.value),
+                    onClick: (ev)=>ev.stopPropagation(),
+                    onBlur: commitRename,
+                    onKeyDown: (ev)=>{
+                        if ('Enter' === ev.key) {
+                            ev.preventDefault();
+                            ev.stopPropagation();
+                            commitRename();
+                        } else if ('Escape' === ev.key) {
+                            ev.preventDefault();
+                            ev.stopPropagation();
+                            cancelRename();
+                        } else ev.stopPropagation();
+                    }
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTypography, {
                     variant: spacing.primaryFontToken,
                     color: 'var(--color-foreground)',
                     children: item.name
                 })
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: "delete-button-wrapper",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(action_button_cjs_namespaceObject.AutopilotChatActionButton, {
-                    disabled: !isHistoryOpen,
-                    ref: focusButtonRef,
-                    onClick: (ev)=>handleDelete(ev, item.id),
-                    onFocus: ()=>{
-                        setIsFocused(true);
-                    },
-                    onBlur: ()=>{
-                        setIsFocused(false);
-                    },
-                    onKeyDown: (ev)=>{
-                        if ('Escape' !== ev.key) ev.stopPropagation();
-                        if ('Enter' === ev.key || ' ' === ev.key) handleDelete(ev, item.id);
-                    },
-                    iconName: "delete",
-                    iconSize: "16px",
-                    tooltip: (isRemoveIconVisible || isFocused) && isHistoryOpen ? _({
-                        id: 'autopilot-chat.history.delete'
-                    }) : '',
-                    "data-testid": "autopilot-chat-history-delete",
-                    ariaLabel: _({
-                        id: 'autopilot-chat.history.delete'
+            !isEditing && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "action-buttons-wrapper",
+                children: [
+                    renameEnabled && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(action_button_cjs_namespaceObject.AutopilotChatActionButton, {
+                        disabled: !isHistoryOpen,
+                        onClick: (ev)=>handleRename(ev),
+                        onFocus: ()=>{
+                            setIsFocused(true);
+                        },
+                        onBlur: ()=>{
+                            setIsFocused(false);
+                        },
+                        onKeyDown: (ev)=>{
+                            if ('Escape' !== ev.key) ev.stopPropagation();
+                            if ('Enter' === ev.key || ' ' === ev.key) handleRename(ev);
+                        },
+                        iconName: "edit",
+                        iconSize: "16px",
+                        tooltip: tooltipVisible ? renameLabel : '',
+                        "data-testid": "autopilot-chat-history-rename",
+                        ariaLabel: renameLabel
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(action_button_cjs_namespaceObject.AutopilotChatActionButton, {
+                        disabled: !isHistoryOpen,
+                        onClick: (ev)=>handleDelete(ev, item.id),
+                        onFocus: ()=>{
+                            setIsFocused(true);
+                        },
+                        onBlur: ()=>{
+                            setIsFocused(false);
+                        },
+                        onKeyDown: (ev)=>{
+                            if ('Escape' !== ev.key) ev.stopPropagation();
+                            if ('Enter' === ev.key || ' ' === ev.key) handleDelete(ev, item.id);
+                        },
+                        iconName: "delete",
+                        iconSize: "16px",
+                        tooltip: tooltipVisible ? deleteLabel : '',
+                        "data-testid": "autopilot-chat-history-delete",
+                        ariaLabel: deleteLabel
                     })
-                })
+                ]
             })
         ]
     }, item.id);

package/dist/material/components/ap-chat/components/history/chat-history-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-history-item.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/history/chat-history-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAyCvB,UAAU,6BAA6B;IACrC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;CACxB;AAgMD,eAAO,MAAM,wBAAwB,2DAAgD,CAAC"}
+{"version":3,"file":"chat-history-item.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/history/chat-history-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AA+DvB,UAAU,6BAA6B;IACrC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;CACxB;AA0UD,eAAO,MAAM,wBAAwB,2DAAgD,CAAC"}

package/dist/material/components/ap-chat/components/history/chat-history-item.js

@@ -9,7 +9,7 @@ import { useChatState } from "../../providers/chat-state-provider.js";
 import { useLoading } from "../../providers/loading-provider.js";
 import { AutopilotChatEvent, AutopilotChatPreHookAction } from "../../service/index.js";
 import { AutopilotChatActionButton } from "../common/action-button.js";
-const GroupItem = styled('div')(({ isActive, showRemoveIcon })=>({
+const GroupItem = styled('div')(({ isActive, showActionButtons })=>({
         width: `calc(100% - 2 * ${apollo_core.Spacing.SpacingBase})`,
         padding: `0 calc(${apollo_core.Padding.PadL} + ${apollo_core.Spacing.SpacingBase})`,
         display: 'flex',
@@ -27,11 +27,14 @@ const GroupItem = styled('div')(({ isActive, showRemoveIcon })=>({
             backgroundColor: 'var(--color-background-selected)',
             borderLeft: "4px solid var(--color-selection-indicator)"
         },
-        '& .delete-button-wrapper': {
-            opacity: showRemoveIcon ? 1 : 0,
+        '& .action-buttons-wrapper': {
+            opacity: showActionButtons ? 1 : 0,
             position: 'relative',
             left: apollo_core.Spacing.SpacingXs,
-            marginRight: apollo_core.Spacing.SpacingBase
+            marginRight: apollo_core.Spacing.SpacingBase,
+            display: 'flex',
+            alignItems: 'center',
+            gap: apollo_core.Spacing.SpacingXs
         }
     }));
 const GroupTitle = styled('div')(()=>({
@@ -43,20 +46,47 @@ const GroupTitle = styled('div')(()=>({
             whiteSpace: 'nowrap'
         }
     }));
+const RenameInput = styled('input')(()=>({
+        width: '100%',
+        padding: 0,
+        margin: 0,
+        border: 'none',
+        background: 'transparent',
+        color: 'var(--color-foreground)',
+        fontFamily: 'inherit',
+        fontSize: 'inherit',
+        lineHeight: 'inherit',
+        outline: 'none',
+        '&:focus-visible': {
+            outline: "1px solid var(--color-focus-indicator)",
+            outlineOffset: '2px',
+            borderRadius: apollo_core.Border.BorderRadiusS
+        }
+    }));
 const AutopilotChatHistoryItemComponent = ({ item, isHistoryOpen })=>{
     const { _ } = useLingui();
     const chatService = useChatService();
-    const { spacing } = useChatState();
+    const { spacing, disabledFeatures } = useChatState();
+    const renameEnabled = !disabledFeatures.renameChat;
     const [isActive, setIsActive] = react.useState(chatService.activeConversationId === item.id);
     const { setWaitingResponse } = useLoading();
-    const [isRemoveIconVisible, setIsRemoveIconVisible] = react.useState(false);
+    const [isActionButtonsVisible, setIsActionButtonsVisible] = react.useState(false);
     const [isFocused, setIsFocused] = react.useState(false);
+    const [isEditing, setIsEditing] = react.useState(false);
+    const [draftName, setDraftName] = react.useState(item.name);
     const itemRef = react.useRef(null);
+    const inputRef = react.useRef(null);
     const lastMousePosition = react.useRef({
         x: 0,
         y: 0
     });
-    const focusButtonRef = react.useRef(null);
+    const isCommittingRef = react.useRef(false);
+    react.useEffect(()=>{
+        if (!isEditing) setDraftName(item.name);
+    }, [
+        item.name,
+        isEditing
+    ]);
     react.useEffect(()=>{
         const handleMouseMove = (e)=>{
             if (isFocused) return;
@@ -67,7 +97,7 @@ const AutopilotChatHistoryItemComponent = ({ item, isHistoryOpen })=>{
             if (itemRef.current) {
                 const rect = itemRef.current.getBoundingClientRect();
                 const isInside = e.clientX >= rect.left && e.clientX <= rect.right && e.clientY >= rect.top && e.clientY <= rect.bottom;
-                setIsRemoveIconVisible(isInside);
+                setIsActionButtonsVisible(isInside);
             }
         };
         document.addEventListener('mousemove', handleMouseMove);
@@ -99,6 +129,54 @@ const AutopilotChatHistoryItemComponent = ({ item, isHistoryOpen })=>{
         isActive,
         setWaitingResponse
     ]);
+    react.useEffect(()=>{
+        if (isEditing) {
+            inputRef.current?.focus();
+            inputRef.current?.select();
+        }
+    }, [
+        isEditing
+    ]);
+    const enterEditMode = react.useCallback(()=>{
+        if (!isHistoryOpen) return;
+        isCommittingRef.current = false;
+        setDraftName(item.name);
+        setIsEditing(true);
+    }, [
+        isHistoryOpen,
+        item.name
+    ]);
+    const cancelRename = react.useCallback(()=>{
+        isCommittingRef.current = false;
+        setDraftName(item.name);
+        setIsEditing(false);
+    }, [
+        item.name
+    ]);
+    const commitRename = react.useCallback(()=>{
+        if (isCommittingRef.current) return;
+        const trimmed = draftName.trim();
+        if ('' === trimmed || trimmed === item.name) return void cancelRename();
+        if (!chatService) return void setIsEditing(false);
+        isCommittingRef.current = true;
+        chatService.getPreHook(AutopilotChatPreHookAction.RenameConversation)({
+            conversationId: item.id,
+            name: trimmed
+        }).then((proceed)=>{
+            if (!proceed) return void cancelRename();
+            chatService.renameConversation(item.id, trimmed);
+            setIsEditing(false);
+            isCommittingRef.current = false;
+        }).catch(()=>{
+            cancelRename();
+        });
+    }, [
+        draftName,
+        item.id,
+        item.name,
+        chatService,
+        cancelRename
+    ]);
     const handleDelete = react.useCallback((ev, itemId)=>{
         ev.stopPropagation();
         setIsFocused(false);
@@ -112,65 +190,115 @@ const AutopilotChatHistoryItemComponent = ({ item, isHistoryOpen })=>{
     }, [
         chatService
     ]);
+    const handleRename = react.useCallback((ev)=>{
+        ev.stopPropagation();
+        setIsFocused(false);
+        enterEditMode();
+    }, [
+        enterEditMode
+    ]);
     const handleItemClick = react.useCallback((itemId)=>{
-        if (isActive) return;
+        if (isEditing || isActive) return;
         chatService.openConversation(itemId);
         chatService.toggleHistory(false);
     }, [
         chatService,
-        isActive
-    ]);
-    react.useEffect(()=>{
-        if (isFocused) focusButtonRef.current?.focus();
-    }, [
-        isFocused
+        isActive,
+        isEditing
     ]);
+    const renameLabel = _({
+        id: 'autopilot-chat.history.rename'
+    });
+    const renameInputLabel = _({
+        id: 'autopilot-chat.history.rename-input'
+    });
+    const deleteLabel = _({
+        id: 'autopilot-chat.history.delete'
+    });
+    const showActionButtons = !isEditing && (isFocused || isActionButtonsVisible);
+    const tooltipVisible = showActionButtons && isHistoryOpen;
     return /*#__PURE__*/ jsxs(GroupItem, {
-        showRemoveIcon: isFocused || isRemoveIconVisible,
+        showActionButtons: showActionButtons,
         ref: itemRef,
-        tabIndex: isHistoryOpen ? 0 : -1,
+        tabIndex: isHistoryOpen && !isEditing ? 0 : -1,
         isActive: isActive,
         onClick: ()=>handleItemClick(item.id),
         onKeyDown: (ev)=>{
+            if (isEditing) return;
             if ('Enter' === ev.key || ' ' === ev.key) handleItemClick(item.id);
         },
-        "aria-label": item.name,
-        role: "button",
-        "aria-pressed": isActive,
+        "aria-label": isEditing ? void 0 : item.name,
+        role: isEditing ? void 0 : 'button',
+        "aria-pressed": isEditing ? void 0 : isActive,
         children: [
             /*#__PURE__*/ jsx(GroupTitle, {
-                children: /*#__PURE__*/ jsx(ApTypography, {
+                children: isEditing ? /*#__PURE__*/ jsx(RenameInput, {
+                    ref: inputRef,
+                    value: draftName,
+                    "aria-label": renameInputLabel,
+                    "data-testid": "autopilot-chat-history-rename-input",
+                    onChange: (ev)=>setDraftName(ev.target.value),
+                    onClick: (ev)=>ev.stopPropagation(),
+                    onBlur: commitRename,
+                    onKeyDown: (ev)=>{
+                        if ('Enter' === ev.key) {
+                            ev.preventDefault();
+                            ev.stopPropagation();
+                            commitRename();
+                        } else if ('Escape' === ev.key) {
+                            ev.preventDefault();
+                            ev.stopPropagation();
+                            cancelRename();
+                        } else ev.stopPropagation();
+                    }
+                }) : /*#__PURE__*/ jsx(ApTypography, {
                     variant: spacing.primaryFontToken,
                     color: 'var(--color-foreground)',
                     children: item.name
                 })
             }),
-            /*#__PURE__*/ jsx("div", {
-                className: "delete-button-wrapper",
-                children: /*#__PURE__*/ jsx(AutopilotChatActionButton, {
-                    disabled: !isHistoryOpen,
-                    ref: focusButtonRef,
-                    onClick: (ev)=>handleDelete(ev, item.id),
-                    onFocus: ()=>{
-                        setIsFocused(true);
-                    },
-                    onBlur: ()=>{
-                        setIsFocused(false);
-                    },
-                    onKeyDown: (ev)=>{
-                        if ('Escape' !== ev.key) ev.stopPropagation();
-                        if ('Enter' === ev.key || ' ' === ev.key) handleDelete(ev, item.id);
-                    },
-                    iconName: "delete",
-                    iconSize: "16px",
-                    tooltip: (isRemoveIconVisible || isFocused) && isHistoryOpen ? _({
-                        id: 'autopilot-chat.history.delete'
-                    }) : '',
-                    "data-testid": "autopilot-chat-history-delete",
-                    ariaLabel: _({
-                        id: 'autopilot-chat.history.delete'
+            !isEditing && /*#__PURE__*/ jsxs("div", {
+                className: "action-buttons-wrapper",
+                children: [
+                    renameEnabled && /*#__PURE__*/ jsx(AutopilotChatActionButton, {
+                        disabled: !isHistoryOpen,
+                        onClick: (ev)=>handleRename(ev),
+                        onFocus: ()=>{
+                            setIsFocused(true);
+                        },
+                        onBlur: ()=>{
+                            setIsFocused(false);
+                        },
+                        onKeyDown: (ev)=>{
+                            if ('Escape' !== ev.key) ev.stopPropagation();
+                            if ('Enter' === ev.key || ' ' === ev.key) handleRename(ev);
+                        },
+                        iconName: "edit",
+                        iconSize: "16px",
+                        tooltip: tooltipVisible ? renameLabel : '',
+                        "data-testid": "autopilot-chat-history-rename",
+                        ariaLabel: renameLabel
+                    }),
+                    /*#__PURE__*/ jsx(AutopilotChatActionButton, {
+                        disabled: !isHistoryOpen,
+                        onClick: (ev)=>handleDelete(ev, item.id),
+                        onFocus: ()=>{
+                            setIsFocused(true);
+                        },
+                        onBlur: ()=>{
+                            setIsFocused(false);
+                        },
+                        onKeyDown: (ev)=>{
+                            if ('Escape' !== ev.key) ev.stopPropagation();
+                            if ('Enter' === ev.key || ' ' === ev.key) handleDelete(ev, item.id);
+                        },
+                        iconName: "delete",
+                        iconSize: "16px",
+                        tooltip: tooltipVisible ? deleteLabel : '',
+                        "data-testid": "autopilot-chat-history-delete",
+                        ariaLabel: deleteLabel
                     })
-                })
+                ]
             })
         ]
     }, item.id);

package/dist/material/components/ap-chat/locales/en.cjs

@@ -26,7 +26,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     messages: ()=>messages
 });
-const messages = JSON.parse('{"autopilot-chat.common.attachments.remove-file":["Remove"],"autopilot-chat.common.attachments.remove-file-name":["Remove ",["name"]],"autopilot-chat.common.mode-selector":["Mode selector"],"autopilot-chat.common.model-selector":["Model selector"],"autopilot-chat.dropzone.allowed-file-types":["Allowed file types: ",["fileTypes"]],"autopilot-chat.dropzone.overlay-max-count":["Maximum files allowed: ",["maxCount"]],"autopilot-chat.dropzone.overlay-max-size":["Maximum file size: ",["maxSize"],"MB"],"autopilot-chat.dropzone.overlay-title":["Drop your files here to add them to your prompt"],"autopilot-chat.error.file-invalid-type":["Unsupported file: ",["fileName"]],"autopilot-chat.error.file-too-large":["File too large: ",["fileName"]," ",["fileSize"],"MB/",["maxSize"],"MB"],"autopilot-chat.error.multiple-files":["Only one file can be attached per message"],"autopilot-chat.error.too-many-files":["Too many files. ",["maxCount"]," files are allowed per message"],"autopilot-chat.header.actions.close":["Close chat"],"autopilot-chat.header.actions.collapse":["Collapse"],"autopilot-chat.header.actions.custom-actions":["More actions"],"autopilot-chat.header.actions.expand":["Expand"],"autopilot-chat.header.actions.history":["Chat history"],"autopilot-chat.header.actions.new-chat":["New chat"],"autopilot-chat.header.actions.settings":["Settings"],"autopilot-chat.header.preview":["Preview"],"autopilot-chat.header.title":["Autopilot"],"autopilot-chat.history.delete":["Delete"],"autopilot-chat.history.empty":["There are no conversations yet."],"autopilot-chat.history.group.last-30-days":["Previous 30 days"],"autopilot-chat.history.group.last-week":["Last week"],"autopilot-chat.history.group.months-ago":[["count"]," months ago"],"autopilot-chat.history.group.today":["Today"],"autopilot-chat.history.group.yesterday":["Yesterday"],"autopilot-chat.history.no-results":["No results found."],"autopilot-chat.history.search-placeholder":["Search"],"autopilot-chat.input.actions.attach-file":["Attach file(s)"],"autopilot-chat.input.actions.attachments.allowed-types":["Allowed file types: ",["fileTypes"]],"autopilot-chat.input.actions.attachments.max-count":["Maximum files allowed: ",["maxCount"]],"autopilot-chat.input.actions.attachments.max-size":["Maximum file size: ",["maxSize"],"MB"],"autopilot-chat.input.actions.dictate":["Dictate"],"autopilot-chat.input.actions.error.file-too-large":["File too large: ",["fileName"]," ",["fileSize"],"MB/",["maxSize"],"MB"],"autopilot-chat.input.actions.send":["Send"],"autopilot-chat.input.actions.stop":["Stop"],"autopilot-chat.input.actions.voice-interaction":["Voice interaction"],"autopilot-chat.input.agent-mode-selection-label":["Agent mode selection"],"autopilot-chat.input.footer":["Autopilot can make mistakes. Please double check the responses."],"autopilot-chat.input.model-selection-label":["Model selection"],"autopilot-chat.input.placeholder":["What would you like me to do?"],"autopilot-chat.input.resource-chip.remove":["Remove"],"autopilot-chat.input.resource-chip.remove-name":["Remove ",["label"]],"autopilot-chat.message.actions.bad":["Needs improvement"],"autopilot-chat.message.actions.copy":["Copy"],"autopilot-chat.message.actions.good":["Love this"],"autopilot-chat.message.actions.label":["Message actions"],"autopilot-chat.message.actions.more":["More actions"],"autopilot-chat.message.citation-aria-label":["Citation ",["id"],": ",["title"]],"autopilot-chat.message.close":["Close chat"],"autopilot-chat.message.code-block-code":["Code"],"autopilot-chat.message.code-block-copy":["Copy"],"autopilot-chat.message.code-block-language":["Text"],"autopilot-chat.message.code-block-preview":["Preview"],"autopilot-chat.message.expand":["Expand"],"autopilot-chat.message.footnote-label":["Sources"],"autopilot-chat.message.generating-response":["Generating..."],"autopilot-chat.message.page-number":["Page ",["page_number"]],"autopilot-chat.message.scroll-to-bottom":["Scroll to bottom"],"autopilot-chat.message.show-less":["Show less"],"autopilot-chat.message.show-more":["Show more"],"autopilot-chat.message.sources":["Sources"],"autopilot-chat.message.suggestions-title":["Suggestions"],"autopilot-chat.resource-picker.back":["Go back"],"autopilot-chat.resource-picker.empty":["No resources available"],"autopilot-chat.resource-picker.error":["Failed to load resources"],"autopilot-chat.resource-picker.label":["Resource picker"],"autopilot-chat.resource-picker.load-more-error":["Failed to load more"],"autopilot-chat.resource-picker.no-results":["No matching resources"],"autopilot-chat.resource-picker.retry":["Retry"],"autopilot-chat.resource-picker.search-error":["Search failed"],"autopilot-chat.resource-trigger.label":["Add resource reference"],"autopilot-chat.resource-trigger.tooltip":["Add resource"],"autopilot-chat.settings.heading-description":["heading level 2"],"autopilot-chat.settings.hide":["Hide settings"],"autopilot-chat.settings.title":["Chat settings"],"autopilot-chat.tree.no-description":["No description"],"autopilot-chat.tree.no-items":["No items"],"autopilot-chat.tree.unknown":["Unknown"]}');
+const messages = JSON.parse('{"autopilot-chat.common.attachments.remove-file":["Remove"],"autopilot-chat.common.attachments.remove-file-name":["Remove ",["name"]],"autopilot-chat.common.mode-selector":["Mode selector"],"autopilot-chat.common.model-selector":["Model selector"],"autopilot-chat.dropzone.allowed-file-types":["Allowed file types: ",["fileTypes"]],"autopilot-chat.dropzone.overlay-max-count":["Maximum files allowed: ",["maxCount"]],"autopilot-chat.dropzone.overlay-max-size":["Maximum file size: ",["maxSize"],"MB"],"autopilot-chat.dropzone.overlay-title":["Drop your files here to add them to your prompt"],"autopilot-chat.error.file-invalid-type":["Unsupported file: ",["fileName"]],"autopilot-chat.error.file-too-large":["File too large: ",["fileName"]," ",["fileSize"],"MB/",["maxSize"],"MB"],"autopilot-chat.error.multiple-files":["Only one file can be attached per message"],"autopilot-chat.error.too-many-files":["Too many files. ",["maxCount"]," files are allowed per message"],"autopilot-chat.header.actions.close":["Close chat"],"autopilot-chat.header.actions.collapse":["Collapse"],"autopilot-chat.header.actions.custom-actions":["More actions"],"autopilot-chat.header.actions.expand":["Expand"],"autopilot-chat.header.actions.history":["Chat history"],"autopilot-chat.header.actions.new-chat":["New chat"],"autopilot-chat.header.actions.settings":["Settings"],"autopilot-chat.header.preview":["Preview"],"autopilot-chat.header.title":["Autopilot"],"autopilot-chat.history.delete":["Delete"],"autopilot-chat.history.empty":["There are no conversations yet."],"autopilot-chat.history.group.last-30-days":["Previous 30 days"],"autopilot-chat.history.group.last-week":["Last week"],"autopilot-chat.history.group.months-ago":[["count"]," months ago"],"autopilot-chat.history.group.today":["Today"],"autopilot-chat.history.group.yesterday":["Yesterday"],"autopilot-chat.history.no-results":["No results found."],"autopilot-chat.history.rename":["Rename chat"],"autopilot-chat.history.rename-input":["Chat name"],"autopilot-chat.history.search-placeholder":["Search"],"autopilot-chat.input.actions.attach-file":["Attach file(s)"],"autopilot-chat.input.actions.attachments.allowed-types":["Allowed file types: ",["fileTypes"]],"autopilot-chat.input.actions.attachments.max-count":["Maximum files allowed: ",["maxCount"]],"autopilot-chat.input.actions.attachments.max-size":["Maximum file size: ",["maxSize"],"MB"],"autopilot-chat.input.actions.dictate":["Dictate"],"autopilot-chat.input.actions.error.file-too-large":["File too large: ",["fileName"]," ",["fileSize"],"MB/",["maxSize"],"MB"],"autopilot-chat.input.actions.send":["Send"],"autopilot-chat.input.actions.stop":["Stop"],"autopilot-chat.input.actions.voice-interaction":["Voice interaction"],"autopilot-chat.input.agent-mode-selection-label":["Agent mode selection"],"autopilot-chat.input.footer":["Autopilot can make mistakes. Please double check the responses."],"autopilot-chat.input.model-selection-label":["Model selection"],"autopilot-chat.input.placeholder":["What would you like me to do?"],"autopilot-chat.input.resource-chip.remove":["Remove"],"autopilot-chat.input.resource-chip.remove-name":["Remove ",["label"]],"autopilot-chat.message.actions.bad":["Needs improvement"],"autopilot-chat.message.actions.copy":["Copy"],"autopilot-chat.message.actions.good":["Love this"],"autopilot-chat.message.actions.label":["Message actions"],"autopilot-chat.message.actions.more":["More actions"],"autopilot-chat.message.citation-aria-label":["Citation ",["id"],": ",["title"]],"autopilot-chat.message.close":["Close chat"],"autopilot-chat.message.code-block-code":["Code"],"autopilot-chat.message.code-block-copy":["Copy"],"autopilot-chat.message.code-block-language":["Text"],"autopilot-chat.message.code-block-preview":["Preview"],"autopilot-chat.message.expand":["Expand"],"autopilot-chat.message.footnote-label":["Sources"],"autopilot-chat.message.generating-response":["Generating..."],"autopilot-chat.message.page-number":["Page ",["page_number"]],"autopilot-chat.message.scroll-to-bottom":["Scroll to bottom"],"autopilot-chat.message.show-less":["Show less"],"autopilot-chat.message.show-more":["Show more"],"autopilot-chat.message.sources":["Sources"],"autopilot-chat.message.suggestions-title":["Suggestions"],"autopilot-chat.resource-picker.back":["Go back"],"autopilot-chat.resource-picker.empty":["No resources available"],"autopilot-chat.resource-picker.error":["Failed to load resources"],"autopilot-chat.resource-picker.label":["Resource picker"],"autopilot-chat.resource-picker.load-more-error":["Failed to load more"],"autopilot-chat.resource-picker.no-results":["No matching resources"],"autopilot-chat.resource-picker.retry":["Retry"],"autopilot-chat.resource-picker.search-error":["Search failed"],"autopilot-chat.resource-trigger.label":["Add resource reference"],"autopilot-chat.resource-trigger.tooltip":["Add resource"],"autopilot-chat.settings.heading-description":["heading level 2"],"autopilot-chat.settings.hide":["Hide settings"],"autopilot-chat.settings.title":["Chat settings"],"autopilot-chat.tree.no-description":["No description"],"autopilot-chat.tree.no-items":["No items"],"autopilot-chat.tree.unknown":["Unknown"]}');
 exports.messages = __webpack_exports__.messages;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "messages"

package/dist/material/components/ap-chat/locales/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-chat/locales/en.ts"],"names":[],"mappings":"AAAkB,OAAO,KAAI,EAAC,QAAQ,EAAC,MAAI,cAAc,CAAC;AAAA,eAAO,MAAM,QAAQ,EAA+3K,QAAQ,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-chat/locales/en.ts"],"names":[],"mappings":"AAAkB,OAAO,KAAI,EAAC,QAAQ,EAAC,MAAI,cAAc,CAAC;AAAA,eAAO,MAAM,QAAQ,EAA2+K,QAAQ,CAAC"}