9b27378087
- Updated task assignment notifications to skip inbox messages when leads assign tasks to themselves, improving user experience for solo teams. - Refactored notification logic in TeamAgentToolsInstaller and TeamDataService to ensure clarity and maintainability. - Introduced new functionality in GlobalTaskList to manage pinned and archived tasks, enhancing task visibility and organization. - Added renaming capabilities for tasks in SidebarTaskItem, allowing users to edit task subjects directly. - Improved overall task filtering and grouping logic to support better task management practices.
124 lines
4.9 KiB
TypeScript
124 lines
4.9 KiB
TypeScript
/* eslint-disable react/jsx-props-no-spreading -- Standard shadcn pattern: forward remaining props to underlying elements */
|
|
import * as React from 'react';
|
|
|
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
import { cn } from '@renderer/lib/utils';
|
|
|
|
const ContextMenu = ContextMenuPrimitive.Root;
|
|
const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
|
|
const ContextMenuSub = ContextMenuPrimitive.Sub;
|
|
|
|
const ContextMenuContent = React.forwardRef<
|
|
React.ComponentRef<typeof ContextMenuPrimitive.Content>,
|
|
React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
|
|
>(({ className, ...props }, ref) => (
|
|
<ContextMenuPrimitive.Portal>
|
|
<ContextMenuPrimitive.Content
|
|
ref={ref}
|
|
className={cn(
|
|
'z-50 min-w-[160px] rounded-md border border-[var(--color-border-emphasis)] bg-[var(--color-surface-overlay)] p-1 text-[12px] text-[var(--color-text)] shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
</ContextMenuPrimitive.Portal>
|
|
));
|
|
ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
|
|
|
|
const ContextMenuItem = React.forwardRef<
|
|
React.ComponentRef<typeof ContextMenuPrimitive.Item>,
|
|
React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
|
|
inset?: boolean;
|
|
}
|
|
>(({ className, inset, ...props }, ref) => (
|
|
<ContextMenuPrimitive.Item
|
|
ref={ref}
|
|
className={cn(
|
|
'relative flex cursor-pointer select-none items-center gap-2 rounded px-2 py-1.5 text-[12px] text-[var(--color-text-secondary)] outline-none transition-colors hover:bg-[rgba(255,255,255,0.06)] hover:text-[var(--color-text)] focus:bg-[rgba(255,255,255,0.06)] focus:text-[var(--color-text)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
|
|
inset && 'pl-8',
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
));
|
|
ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
|
|
|
|
const ContextMenuSeparator = React.forwardRef<
|
|
React.ComponentRef<typeof ContextMenuPrimitive.Separator>,
|
|
React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
|
|
>(({ className, ...props }, ref) => (
|
|
<ContextMenuPrimitive.Separator
|
|
ref={ref}
|
|
className={cn('my-1 h-px bg-[var(--color-border)]', className)}
|
|
{...props}
|
|
/>
|
|
));
|
|
ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
|
|
|
|
const ContextMenuSubTrigger = React.forwardRef<
|
|
React.ComponentRef<typeof ContextMenuPrimitive.SubTrigger>,
|
|
React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
|
|
inset?: boolean;
|
|
}
|
|
>(({ className, inset, children, ...props }, ref) => (
|
|
<ContextMenuPrimitive.SubTrigger
|
|
ref={ref}
|
|
className={cn(
|
|
'flex cursor-pointer select-none items-center gap-2 rounded px-2 py-1.5 text-[12px] text-[var(--color-text-secondary)] outline-none transition-colors hover:bg-[rgba(255,255,255,0.06)] hover:text-[var(--color-text)] focus:bg-[rgba(255,255,255,0.06)] focus:text-[var(--color-text)]',
|
|
inset && 'pl-8',
|
|
className
|
|
)}
|
|
{...props}
|
|
>
|
|
{children}
|
|
</ContextMenuPrimitive.SubTrigger>
|
|
));
|
|
ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
|
|
|
|
const ContextMenuSubContent = React.forwardRef<
|
|
React.ComponentRef<typeof ContextMenuPrimitive.SubContent>,
|
|
React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
|
|
>(({ className, ...props }, ref) => (
|
|
<ContextMenuPrimitive.Portal>
|
|
<ContextMenuPrimitive.SubContent
|
|
ref={ref}
|
|
className={cn(
|
|
'z-50 min-w-[160px] rounded-md border border-[var(--color-border-emphasis)] bg-[var(--color-surface-overlay)] p-1 text-[12px] text-[var(--color-text)] shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
</ContextMenuPrimitive.Portal>
|
|
));
|
|
ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
|
|
|
|
const ContextMenuLabel = React.forwardRef<
|
|
React.ComponentRef<typeof ContextMenuPrimitive.Label>,
|
|
React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
|
|
inset?: boolean;
|
|
}
|
|
>(({ className, inset, ...props }, ref) => (
|
|
<ContextMenuPrimitive.Label
|
|
ref={ref}
|
|
className={cn(
|
|
'px-2 py-1.5 text-[11px] font-semibold text-[var(--color-text-muted)]',
|
|
inset && 'pl-8',
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
));
|
|
ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
|
|
|
|
export {
|
|
ContextMenu,
|
|
ContextMenuContent,
|
|
ContextMenuItem,
|
|
ContextMenuLabel,
|
|
ContextMenuSeparator,
|
|
ContextMenuSub,
|
|
ContextMenuSubContent,
|
|
ContextMenuSubTrigger,
|
|
ContextMenuTrigger,
|
|
};
|
|
/* eslint-enable react/jsx-props-no-spreading -- Re-enable after shadcn component */
|