Add cmd+k shortcut

Author: MichaelSun48

agentex-ui/components/agentex/task-sidebar.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import Image from 'next/image';
 import { useRouter } from 'next/navigation';
@@ -74,6 +74,7 @@ export function TaskSidebar({
   onSelectTask,
 }: TaskSidebarProps) {
   const { agentexClient } = useAgentexClient();
+
   const { data: tasks = [], isLoading: isLoadingTasks } = useTasks(
     agentexClient,
     selectedAgentName ? { agentName: selectedAgentName } : undefined
@@ -99,6 +100,22 @@ export function TaskSidebar({
     setIsCollapsed(prev => !prev);
   }, []);
 
+  // Global keyboard shortcut: cmd + k for new chat
+  useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === 'k') {
+        event.preventDefault();
+        handleNewChat();
+      }
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [handleNewChat]);
+
   return (
     <ResizableSidebar
       side="left"
@@ -208,10 +225,15 @@ function SidebarHeader({
       <Button
         onClick={handleNewChat}
         variant="ghost"
-        className="text-sidebar-foreground flex items-center justify-start gap-2"
+        className="text-sidebar-foreground flex items-center justify-between gap-2"
       >
-        <SquarePen className="size-5" />
-        New Chat
+        <div className="flex items-center gap-2">
+          <SquarePen className="size-5" />
+          New Chat
+        </div>
+        <kbd className="bg-muted text-muted-foreground pointer-events-none inline-flex h-5 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium opacity-100 select-none">
+          <span className="text-xs/snug">⌘</span>K
+        </kbd>
       </Button>
     </div>
   );