@uipath/apollo-react 6.28.0 → 6.30.0

package/dist/canvas/utils/toolbar-resolver.js

@@ -14,6 +14,16 @@ const DEFAULT_ACTIONS_FOR_ALL_MODES = [
                 }
             ]
         }
+    },
+    {
+        id: 'collapse',
+        icon: 'chevrons-down-up',
+        label: 'Toggle collapse',
+        condition: {
+            shapes: [
+                'container'
+            ]
+        }
     }
 ];
 const DEFAULT_MODE_TOOLBARS = {
@@ -67,6 +77,10 @@ function evaluateCondition(manifest, action, nodeType, context) {
     }
     if (condition.hideOnExecution && context.executionState) return false;
     if (condition.nodeTypes && !condition.nodeTypes.includes(nodeType)) return false;
+    if (condition.shapes?.length) {
+        const shape = manifest.display?.shape;
+        if (!shape || !condition.shapes.includes(shape)) return false;
+    }
     if (condition.handles?.length) {
         const manifestHandles = manifest.handleConfiguration.flatMap((group)=>group.handles);
         const hasMatchingHandle = condition.handles.some((requiredHandle)=>manifestHandles.some((manifestHandle)=>manifestHandle.handleType === requiredHandle.handleType && (void 0 === requiredHandle.type || manifestHandle.type === requiredHandle.type)));
@@ -94,19 +108,31 @@ function convertToNodeAction(action, mode, nodeData) {
         }
     };
 }
+function dedupeById(actions) {
+    const byId = new Map();
+    for (const action of actions)byId.set(action.id, action);
+    return [
+        ...byId.values()
+    ];
+}
 function mergeToolbarConfigs(base, extension) {
     if (!base && !extension) return {
         actions: []
     };
     if (!base) return extension;
     if (!extension) return base;
+    const extensionIds = new Set([
+        ...extension.actions,
+        ...extension.overflowActions ?? []
+    ].map((action)=>action.id));
+    const notOverridden = (action)=>!extensionIds.has(action.id);
     return {
         actions: [
-            ...base.actions,
+            ...base.actions.filter(notOverridden),
             ...extension.actions
         ],
         overflowActions: [
-            ...base.overflowActions ?? [],
+            ...(base.overflowActions ?? []).filter(notOverridden),
             ...extension.overflowActions ?? []
         ]
     };
@@ -122,8 +148,9 @@ function resolveToolbar(manifest, context, nodeData) {
     } : rawDefaults;
     const nodeExtensions = manifestToolbarExtensions?.[mode];
     const merged = mergeToolbarConfigs(modeDefaults, nodeExtensions);
-    const filteredActions = merged.actions.filter((action)=>evaluateCondition(manifest, action, nodeType, context)).map((action)=>convertToNodeAction(action, mode, nodeData));
-    const filteredOverflow = (merged.overflowActions ?? []).filter((action)=>evaluateCondition(manifest, action, nodeType, context)).map((action)=>convertToNodeAction(action, mode, nodeData));
+    const resolveActions = (actions)=>dedupeById(actions.filter((action)=>evaluateCondition(manifest, action, nodeType, context))).map((action)=>convertToNodeAction(action, mode, nodeData));
+    const filteredActions = resolveActions(merged.actions);
+    const filteredOverflow = resolveActions(merged.overflowActions ?? []);
     if (0 === filteredActions.length && 0 === filteredOverflow.length) return;
     return {
         actions: filteredActions,

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);