puter/paseo
1
0
Fork 0
mirror of https://github.com/getpaseo/paseo.git synced 2026-07-29 12:01:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): stabilize archive button hover in grouped agent row

Browse Source
This commit is contained in:
Mohamed Boudra
2026-02-06 21:57:08 +07:00
parent 6e58d49207
commit d236c18ae5
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/app/src/components/grouped-agent-list.tsx
View File

@@ -204,6 +204,7 @@ function GroupedAgentRow({
}: GroupedAgentRowProps) {
const { theme } = useUnistyles();
const [isHovered, setIsHovered] = useState(false);
const [isArchiveHovered, setIsArchiveHovered] = useState(false);
const [isArchiveConfirmVisible, setIsArchiveConfirmVisible] = useState(false);
const hoverOutTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
@@ -228,6 +229,7 @@ function GroupedAgentRow({
clearHoverOutTimeout();
hoverOutTimeoutRef.current = setTimeout(() => {
setIsHovered(false);
setIsArchiveHovered(false);
setIsArchiveConfirmVisible(false);
}, 50);
}, [clearHoverOutTimeout]);
@@ -246,7 +248,9 @@ function GroupedAgentRow({
: null;
const canArchive = agent.status !== "running" && !agent.requiresAttention;
const showArchive = canArchive && shortcutNumber === null && (isHovered || isArchiveConfirmVisible);
const showArchive = canArchive &&
shortcutNumber === null &&
(isHovered || isArchiveHovered || isArchiveConfirmVisible);
return (
<Pressable
@@ -293,6 +297,14 @@ function GroupedAgentRow({
styles.branchBadge,
isArchiveConfirmVisible && styles.archiveConfirmBadge,
]}
onHoverIn={() => {
clearHoverOutTimeout();
setIsHovered(true);
setIsArchiveHovered(true);
}}
onHoverOut={() => {
setIsArchiveHovered(false);
}}
onPress={(e) => {
e.stopPropagation();
if (!isArchiveConfirmVisible) {