cmdk hotkeys work if input if focsed

src/lib/components/CommandPalette/CommandPalette.svelte

@@ -61,7 +61,7 @@
 			action.href.startsWith('http') || action.href.startsWith('mailto')
 				? open(action.href)
 				: goto(action.href);
-			modal?.hide();
+			modal?.close();
 		} else if (Action.isGroup(action)) {
 			selectedGroup.set(action);
 		}
@@ -115,11 +115,9 @@
 						if (command.hotkey) {
 							unregisterCommandHotkeys.push(
 								tinykeys(window, {
-									[command.hotkey]: (event: KeyboardEvent) => {
-										const target = event.target as HTMLElement;
-										if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA') return;
-										// only trigger if the modal is visible
-										modal?.isOpen() && trigger(command.action);
+									[command.hotkey]: () => {
+										if (!modal?.isOpen()) return;
+										trigger(command.action);
 									}
 								})
 							);

src/lib/components/CommandPalette/commands.ts

@@ -35,14 +35,15 @@ export type Group = {
 const goToProjectGroup = ({ projects, input }: { projects: Project[]; input: string }): Group => ({
     title: 'Go to project',
     commands: projects
-		.map((project) => ({
+        .filter(({ title }) => input.length === 0 || title.toLowerCase().includes(input.toLowerCase()))
+        .map((project, i) => ({
             title: project.title,
+            hotkey: `${i + 1}`,
             action: {
                 href: `/projects/${project.id}/`
             },
             icon: IconProject
         }))
-		.filter(({ title }) => input.length === 0 || title.toLowerCase().includes(input.toLowerCase()))
 });
 
 const actionsGroup = ({ project, input }: { project: Project; input: string }): Group => ({
@@ -66,6 +67,7 @@ const actionsGroup = ({ project, input }: { project: Project; input: string }):
         },
         {
             title: 'Replay History',
+            hotkey: 'Shift+R',
             action: {
                 title: 'Replay working history',
                 commands: [

src/lib/components/Modal.svelte

@@ -12,7 +12,7 @@
 	};
 	export const isOpen = () => open;
 
-	const close = () => {
+	export const close = () => {
 		open = false;
 		dialog.close();
 	};