Merge pull request #7 from scaleapi/msun/cmdKForNewChat

Add cmd+k shortcut

Author: MichaelSun48

agentex-ui/app/main-content.tsx

@@ -45,6 +45,22 @@ function NoAgentImpl() {
     [updateParams]
   );
 
+  // Global keyboard shortcut: cmd + k for new chat
+  useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === 'k') {
+        event.preventDefault();
+        handleSelectTask(null);
+      }
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [handleSelectTask]);
+
   return (
     <div className="fixed inset-0 flex w-full">
       <AnimatePresence>

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

@@ -74,6 +74,7 @@ export function TaskSidebar({
   onSelectTask,
 }: TaskSidebarProps) {
   const { agentexClient } = useAgentexClient();
+
   const { data: tasks = [], isLoading: isLoadingTasks } = useTasks(
     agentexClient,
     selectedAgentName ? { agentName: selectedAgentName } : undefined
@@ -208,10 +209,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>
   );