diff --git a/packages/ui/src/components/chat/ChatInput.tsx b/packages/ui/src/components/chat/ChatInput.tsx index ea748ff0..c19d015d 100644 --- a/packages/ui/src/components/chat/ChatInput.tsx +++ b/packages/ui/src/components/chat/ChatInput.tsx @@ -1903,7 +1903,7 @@ export const ChatInput: React.FC = ({ onOpenSettings, scrollToBo const stopIconSizeClass = isMobile ? 'h-6 w-6' : (isVSCode ? 'h-4 w-4' : 'h-5 w-5'); const iconSizeClass = isMobile ? 'h-[18px] w-[18px]' : (isVSCode ? 'h-4 w-4' : 'h-[18px] w-[18px]'); - const iconButtonBaseClass = 'flex items-center justify-center text-foreground transition-none outline-none focus:outline-none flex-shrink-0'; + const iconButtonBaseClass = 'flex cursor-pointer items-center justify-center text-foreground transition-none outline-none focus:outline-none flex-shrink-0 disabled:cursor-not-allowed'; const footerIconButtonClass = cn(iconButtonBaseClass, buttonSizeClass); // Send button - respects queue mode setting diff --git a/packages/ui/src/components/chat/message/parts/ToolPart.tsx b/packages/ui/src/components/chat/message/parts/ToolPart.tsx index 020446b9..813c5921 100644 --- a/packages/ui/src/components/chat/message/parts/ToolPart.tsx +++ b/packages/ui/src/components/chat/message/parts/ToolPart.tsx @@ -1686,7 +1686,7 @@ const ToolPart: React.FC = ({
{}
{ event.stopPropagation(); onToggle(part.id); }} > {} diff --git a/packages/ui/src/components/layout/NavRail.tsx b/packages/ui/src/components/layout/NavRail.tsx index 9ecd329c..9a540740 100644 --- a/packages/ui/src/components/layout/NavRail.tsx +++ b/packages/ui/src/components/layout/NavRail.tsx @@ -319,7 +319,7 @@ const ProjectTile: React.FC<{ type="button" {...longPressHandlers} className={cn( - 'group relative flex items-center rounded-lg overflow-hidden cursor-default', + 'group relative flex cursor-pointer items-center rounded-lg overflow-hidden', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--interactive-focus-ring)]', expanded ? 'h-9 w-full gap-2.5 pr-1.5 pl-[7px]' : 'h-9 w-9 justify-center', !expanded && ( @@ -719,7 +719,7 @@ export const NavRail: React.FC = ({ className, mobile }) => { ); const navRailActionButtonClass = cn( - 'group relative flex h-8 items-center rounded-lg', + 'group relative flex h-8 cursor-pointer items-center rounded-lg disabled:cursor-not-allowed', showExpandedContent ? 'w-full justify-start gap-2.5 pr-2 pl-2' : 'w-8 justify-center', showExpandedContent ? 'text-[var(--surface-mutedForeground)] hover:text-[var(--surface-foreground)]' diff --git a/packages/ui/src/components/session/SessionSidebar.tsx b/packages/ui/src/components/session/SessionSidebar.tsx index 23648a90..39646c1f 100644 --- a/packages/ui/src/components/session/SessionSidebar.tsx +++ b/packages/ui/src/components/session/SessionSidebar.tsx @@ -2320,13 +2320,13 @@ export const SessionSidebar: React.FC = ({ }, [activeProjectForHeader, projectRenameDraft, renameProject]); const desktopHeaderActionButtonClass = - 'inline-flex h-6 w-6 items-center justify-center rounded-md leading-none text-foreground hover:bg-interactive-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50'; + 'inline-flex h-6 w-6 cursor-pointer items-center justify-center rounded-md leading-none text-foreground hover:bg-interactive-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed'; const mobileHeaderActionButtonClass = - 'inline-flex h-6 w-6 items-center justify-center rounded-md leading-none text-muted-foreground hover:text-foreground hover:bg-interactive-hover/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50'; + 'inline-flex h-6 w-6 cursor-pointer items-center justify-center rounded-md leading-none text-muted-foreground hover:text-foreground hover:bg-interactive-hover/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed'; const headerActionButtonClass = mobileVariant ? mobileHeaderActionButtonClass : desktopHeaderActionButtonClass; const headerActionIconClass = 'h-4.5 w-4.5'; const addProjectButtonClass = cn( - 'inline-flex items-center justify-center rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50', + 'inline-flex cursor-pointer items-center justify-center rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed', mobileVariant ? 'h-8 w-8 text-muted-foreground hover:text-foreground hover:bg-interactive-hover/50' : 'h-8 w-8 text-foreground hover:bg-interactive-hover', @@ -2509,9 +2509,9 @@ export const SessionSidebar: React.FC = ({ e.stopPropagation(); handleSessionDoubleClick(); }} - className={cn( - 'flex min-w-0 flex-1 flex-col gap-0 overflow-hidden rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 text-foreground select-none', - )} + className={cn( + 'flex min-w-0 flex-1 cursor-pointer flex-col gap-0 overflow-hidden rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 text-foreground select-none disabled:cursor-not-allowed', + )} > {}
@@ -3300,7 +3300,7 @@ export const SessionSidebar: React.FC = ({ diff --git a/packages/ui/src/components/ui/command.tsx b/packages/ui/src/components/ui/command.tsx index b7c35a3f..1d4a7c73 100644 --- a/packages/ui/src/components/ui/command.tsx +++ b/packages/ui/src/components/ui/command.tsx @@ -160,7 +160,7 @@ function CommandItem({