Use Cmd/Ctrl+Enter to send prompts and update docs

src/components/kbd.tsx

@@ -7,6 +7,25 @@ interface KbdProps {
   class?: string
 }
 
+const SPECIAL_KEY_LABELS: Record<string, string> = {
+  enter: "Enter",
+  return: "Enter",
+  esc: "Esc",
+  escape: "Esc",
+  tab: "Tab",
+  space: "Space",
+  backspace: "Backspace",
+  delete: "Delete",
+  pageup: "Page Up",
+  pagedown: "Page Down",
+  home: "Home",
+  end: "End",
+  arrowup: "↑",
+  arrowdown: "↓",
+  arrowleft: "←",
+  arrowright: "→",
+}
+
 const Kbd: Component<KbdProps> = (props) => {
   const parts = () => {
     if (props.children) return [{ text: props.children, isModifier: false }]
@@ -16,19 +35,27 @@ const Kbd: Component<KbdProps> = (props) => {
     const shortcut = props.shortcut.toLowerCase()
     const tokens = shortcut.split("+")
 
-    tokens.forEach((token, i) => {
+    tokens.forEach((token) => {
       const trimmed = token.trim()
+      const lower = trimmed.toLowerCase()
 
-      if (trimmed === "cmd" || trimmed === "command") {
+      if (lower === "cmd" || lower === "command") {
         result.push({ text: isMac() ? "Cmd" : "Ctrl", isModifier: false })
-      } else if (trimmed === "shift") {
+      } else if (lower === "shift") {
         result.push({ text: "Shift", isModifier: false })
-      } else if (trimmed === "alt" || trimmed === "option") {
+      } else if (lower === "alt" || lower === "option") {
         result.push({ text: isMac() ? "Option" : "Alt", isModifier: false })
-      } else if (trimmed === "ctrl") {
+      } else if (lower === "ctrl" || lower === "control") {
         result.push({ text: "Ctrl", isModifier: false })
       } else {
-        result.push({ text: trimmed.toUpperCase(), isModifier: false })
+        const label = SPECIAL_KEY_LABELS[lower]
+        if (label) {
+          result.push({ text: label, isModifier: false })
+        } else if (trimmed.length === 1) {
+          result.push({ text: trimmed.toUpperCase(), isModifier: false })
+        } else {
+          result.push({ text: trimmed.charAt(0).toUpperCase() + trimmed.slice(1), isModifier: false })
+        }
       }
     })