feat: add KbdTooltip adapter for use-kbd's pluggable tooltip

Add adapter component that bridges our Floating UI tooltip to use-kbd's
`TooltipComponent` interface. This provides rich tooltips for digit
placeholders in keyboard sequences (e.g., "One or more digits" for `##`).

Also updates use-kbd and use-prms to latest GitHub dist branches.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: ryan-williams

www/package.json

@@ -37,8 +37,8 @@
     "react-plotly.js": "^2.6.0",
     "recharts": "^3.1.0",
     "uplot": "^1.6.32",
-    "use-kbd": "github:runsascoded/use-kbd#d51354bbde2bf134570d81a5f8eee69ed730c0d8",
-    "use-prms": "^0.4.0",
+    "use-kbd": "github:runsascoded/use-kbd#caa1afd04827fe79ff3f313cd7e01b2c08372f78",
+    "use-prms": "github:runsascoded/use-prms#cf28edc59fea41899aca2ada69499cd11604f60e",
     "use-session-storage-state": "^19.0.1"
   },
   "devDependencies": {

www/pnpm-lock.yaml

@@ -7,6 +7,7 @@ import { AwairChart } from './components/AwairChart'
 import { DevicePoller, type DeviceDataResult } from './components/DevicePoller'
 import { TableNavigationRenderer, YAxisMetricsRenderer } from './components/groupRenderers'
 import { ThemeToggle } from './components/ThemeToggle'
+import { KbdTooltip } from './components/Tooltip'
 import { HOTKEY_GROUPS, HOTKEY_GROUP_ORDER } from './config/hotkeyConfig'
 import { ThemeProvider } from './contexts/ThemeContext'
 import { useDevices } from './hooks/useDevices'
@@ -218,6 +219,7 @@ function AppContent() {
               groupRenderers={GROUP_RENDERERS}
               editable
               hint="Click any key to customize"
+              TooltipComponent={KbdTooltip}
             />
             <Omnibar placeholder="Search actions..." maxResults={15} />
             <LookupModal />

www/src/App.tsx

@@ -19,6 +19,23 @@ interface TooltipProps {
   maxWidth?: number
 }
 
+/**
+ * Adapter for use-kbd's TooltipComponent interface.
+ * Wraps children in a span to ensure cloneability.
+ */
+interface KbdTooltipProps {
+  title: string
+  children: ReactNode
+}
+
+export function KbdTooltip({ title, children }: KbdTooltipProps) {
+  return (
+    <Tooltip content={title}>
+      <span style={{ display: 'contents' }}>{children}</span>
+    </Tooltip>
+  )
+}
+
 export function Tooltip({ children, content, maxWidth = 300 }: TooltipProps) {
   const [isOpen, setIsOpen] = useState(false)