feat(ui): add R/F/D action shortcuts and unify keycap hint style

- Bind R=refresh, F=fetch metadata, D=download in PageControls via
  eventManager (plain letters only, skipped while typing or when a
  modal is open); triggers reuse the buttons' existing click handlers
- Show key-hint chips on the refresh/fetch/download/bulk toolbar
  buttons; convert the bulk chip to a semantic <kbd>
- Redesign shortcut hints as a neutral theme-adaptive keycap:
  --shortcut-* variables in base.css now derive from --text-muted
  with a bottom-edge shadow, shared by the toolbar chips, the header
  search cue, the help-modal cheat sheet, and onboarding key hints
- Add shared isTypingContext() helper to uiHelpers
- Add an Actions group (R/F/D) to the Shortcuts cheat-sheet tab

Verified with vitest (926 passing, incl. 6 new shortcut cases) and a
sandboxed E2E run in real Chrome (light/dark rendering, hover state,
'?' opening the Shortcuts tab, clean console)

static/js/components/controls/PageControls.js

@@ -1,7 +1,8 @@
 // PageControls.js - Manages controls for both LoRAs and Checkpoints pages
 import { state, getCurrentPageState, setCurrentPageType } from '../../state/index.js';
 import { getStorageItem, setStorageItem, removeStorageItem, getSessionItem, setSessionItem, removeSessionItem } from '../../utils/storageHelpers.js';
-import { showToast, openCivitaiByMetadata } from '../../utils/uiHelpers.js';
+import { showToast, openCivitaiByMetadata, isTypingContext } from '../../utils/uiHelpers.js';
+import { eventManager } from '../../utils/EventManager.js';
 import { performModelUpdateCheck } from '../../utils/updateCheckHelpers.js';
 import { sidebarManager } from '../SidebarManager.js';
 import { initSortDropdown, applySortToSelect, randomizeSortValue } from './SortDropdown.js';
@@ -146,6 +147,62 @@ export class PageControls {
 
         // Page-specific event listeners
         this.initPageSpecificListeners();
+
+        // Keyboard shortcuts for the actions toolbar (R / F / D)
+        this.registerKeyboardShortcuts();
+    }
+
+    /**
+     * Register keyboard shortcuts for the actions toolbar buttons
+     * (R = refresh, F = fetch metadata, D = download)
+     */
+    registerKeyboardShortcuts() {
+        eventManager.addHandler('keydown', 'pageControls-actions', (e) => {
+            return this.handleActionShortcut(e);
+        }, {
+            priority: 90,
+            skipWhenModalOpen: true
+        });
+    }
+
+    /**
+     * Handle a keydown event for the actions toolbar shortcuts
+     * @param {KeyboardEvent} e
+     * @returns {boolean} True when the event was handled and propagation should stop
+     */
+    handleActionShortcut(e) {
+        // Plain letters only — leave modified combos (Ctrl/Cmd/Alt) alone
+        if (e.ctrlKey || e.metaKey || e.altKey) {
+            return false;
+        }
+
+        // Don't hijack keys while typing in a text entry context
+        if (isTypingContext(e.target)) {
+            return false;
+        }
+
+        const actionByKey = {
+            r: 'refresh',
+            f: 'fetch',
+            d: 'download'
+        };
+        const action = actionByKey[e.key.toLowerCase()];
+        if (!action) {
+            return false;
+        }
+
+        // The button may not exist on this page (e.g. recipes has no
+        // fetch/download) — let other handlers run in that case
+        const button = document.querySelector(`[data-action="${action}"]`);
+        if (!button) {
+            return false;
+        }
+
+        e.preventDefault();
+        // Native disabled buttons ignore .click(), so an in-progress
+        // refresh is safe
+        button.click();
+        return true;
     }
 
     initExcludedViewControls() {

static/js/utils/uiHelpers.js

@@ -311,6 +311,20 @@ export function showActionToast(key, params = {}, type = 'info', options = {}) {
   toast.append(closeBtn);
 }
 
+/**
+ * Check whether the event target is a text-entry context (input, textarea,
+ * select, or contenteditable) where single-letter shortcuts should be treated
+ * as literal input.
+ * @param {EventTarget|null} target - The DOM event target
+ * @returns {boolean}
+ */
+export function isTypingContext(target) {
+  if (!(target instanceof Element)) return false;
+
+  const tagName = target.tagName?.toLowerCase();
+  return target.isContentEditable || tagName === 'input' || tagName === 'textarea' || tagName === 'select';
+}
+
 export function restoreFolderFilter() {
   const activeFolder = getStorageItem('activeFolder');
   const folderTag = activeFolder && document.querySelector(`.tag[data-folder="${activeFolder}"]`);