feat: improve usability with clickable keyboard hints

This allows people to use the app even if they aren't used to their
keyboard.
Closes #186

js/desktop/src/features/particles/stream-view.tsx

@@ -5,6 +5,7 @@ import { apiClient } from "@/api/client";
 import { isParticleDeleted, type Particle } from "@/api/types";
 import { parseParticlePath, particlePath, toFirestoreDocPath, type ParticlePath } from "@/lib/particle-path";
 import { ComposeOverlay, type ComposeStep } from "@/features/compose/compose-overlay";
+import { useComposeIntentStore } from "@/stores/compose-intent-store";
 import { PlaybackPageIndicator } from "@/features/particles/playback-page-indicator";
 import { MediaParticleView, type MediaParticleHandle } from "@/features/particles/media-particle-view";
 import { TextParticleView } from "@/features/particles/text-particle-view";
@@ -526,6 +527,7 @@ function StreamViewControls({
   showEscape?: boolean;
   onOpenKeybindings: () => void;
 }) {
+  const requestIntent = useComposeIntentStore((s) => s.request);
   return (
     <div className="flex items-center gap-4 text-sm text-white/50">
       {showEscape && (
@@ -537,18 +539,28 @@ function StreamViewControls({
         </span>
       )}
       <VideoAudioToggle />
-      <span>
+      <button
+        type="button"
+        onClick={() => requestIntent("record")}
+        className="cursor-pointer rounded transition-colors hover:text-white/80"
+        title="Reply with a recording (or hold `)"
+      >
         <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
           Hold `
         </kbd>{" "}
         to reply
-      </span>
-      <span>
+      </button>
+      <button
+        type="button"
+        onClick={() => requestIntent("text")}
+        className="cursor-pointer rounded transition-colors hover:text-white/80"
+        title="Reply with text (or press T)"
+      >
         <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
           T
         </kbd>{" "}
         text
-      </span>
+      </button>
       <span>
         <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
           H