coder

opensource/coder

Fork 0

mirror of https://github.com/coder/coder.git synced 2026-10-31 11:02:50 +08:00

Files

T

History

Jake HowellandDanielle Maywood 193e4bd73b feat: implement <Kbd /> and shortcut tooltip (#21971 )

Closes #21650

This pull-request adds a `<Tooltip />` with `<Kbd />` modifiers to the
`Run Task` button describing the shortcut how to submit the prompt
quickly without having to navigate to the `↑` button.

<img width="456" height="298" alt="CleanShot 2026-02-06 at 19 40 58@2x"
src="https://github.com/user-attachments/assets/fa08a373-21c3-4620-9551-0c8a6b3547ab"
/>

It should be noted that the [keyboard shortcut already
existed](https://github.com/coder/coder/blob/jakehwll/21650-submit-prompt-shortcut/site/src/modules/tasks/TaskPrompt/TaskPrompt.tsx#L222-L227)
so we don't need to implement that here.

```ts
	// L222-L227
	const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
		// Submit form on Cmd+Enter (Mac) or Ctrl+Enter (Windows/Linux)
		if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
			onSubmit(e);
		}
	};
```

---------

Co-authored-by: Danielle Maywood <danielle@themaywoods.com>

2026-02-06 21:28:57 +11:00

__mocks__

chore: setup knip and remove unused exports, files, and dependencies (#17608 )

2025-04-30 15:08:25 -04:00

@types

chore(site): mark MUI components and Stack as deprecated (#20973 )

2025-12-08 21:11:32 +00:00

api

chore: add template toggle to disable module caching (#21931 )

2026-02-05 14:38:55 -06:00

components

feat: implement <Kbd /> and shortcut tooltip (#21971 )