custom linear haptics

src/components/library/AlphabetRail.tsx

@@ -7,7 +7,7 @@ import { Text } from '@/components/Text';
 import { radius, spacing } from '@/theme';
 import { createThemedStyles } from '@/theme/themed';
 import { rgbaFromHex } from '@/theme/colorUtils';
-import { tickHaptic } from '@/lib/haptics';
+import { playHaptic } from '@/lib/haptics';
 import { usePullSearchGestureRef } from '@/components/search/PullSearchGesture';
 import { RAIL_LETTERS } from '@/lib/letterIndex';
 
@@ -60,7 +60,7 @@ export function AlphabetRail({ activeLetters, onJumpToLetter }: AlphabetRailProp
         );
         const letter = RAIL_LETTERS[index];
         lastLetter.value = letter;
-        runOnJS(tickHaptic)();
+        runOnJS(playHaptic)('frequentStep');
         runOnJS(scrubTo)(letter);
       })
       .onUpdate((event) => {
@@ -76,7 +76,7 @@ export function AlphabetRail({ activeLetters, onJumpToLetter }: AlphabetRailProp
         const letter = RAIL_LETTERS[index];
         if (letter === lastLetter.value) return;
         lastLetter.value = letter;
-        runOnJS(tickHaptic)();
+        runOnJS(playHaptic)('frequentStep');
         runOnJS(scrubTo)(letter);
       })
       .onFinalize(() => {

src/components/library/FoldersView.tsx

@@ -31,6 +31,7 @@ import {
   type FolderTreeNode
 } from '@/library/folderTree';
 import { formatDuration } from '@/lib/format';
+import { playHaptic } from '@/lib/haptics';
 import {
   radius,
   spacing,
@@ -78,7 +79,10 @@ function FolderRow({
       android_ripple={ripple.bounded} unstable_pressDelay={SCROLL_PRESS_DELAY}
       style={styles.folderRow}
       onPress={() => onToggle(node.id)}
-      onLongPress={() => onOpenActions(node)}
+      onLongPress={() => {
+        playHaptic('holdAccepted');
+        onOpenActions(node);
+      }}
       accessibilityRole="button"
       accessibilityState={{ expanded: isExpanded }}
     >
@@ -157,7 +161,10 @@ function FolderTrackRow({
       android_ripple={ripple.bounded} unstable_pressDelay={SCROLL_PRESS_DELAY}
       style={[styles.trackRow, active && styles.trackRowActive]}
       onPress={playFolderTrack}
-      onLongPress={onOpenActions}
+      onLongPress={() => {
+        playHaptic('holdAccepted');
+        onOpenActions();
+      }}
       accessibilityRole="button"
     >
       <View style={[styles.indent, { width: row.depth * 18 + 16 }]} />

src/components/library/PlaylistRow.tsx

@@ -13,6 +13,7 @@ import {
 import { createThemedStyles, useColors } from '@/theme/themed';
 import { SCROLL_PRESS_DELAY, useRipple } from '@/theme/ripple';
 import { artworkUri } from '@/library/artwork';
+import { playHaptic } from '@/lib/haptics';
 
 export function PlaylistRow({
   name,
@@ -46,7 +47,14 @@ export function PlaylistRow({
       android_ripple={ripple.bounded} unstable_pressDelay={SCROLL_PRESS_DELAY}
       style={styles.row}
       onPress={onPress}
-      onLongPress={onLongPress}
+      onLongPress={
+        onLongPress
+          ? () => {
+              playHaptic('holdAccepted');
+              onLongPress();
+            }
+          : undefined
+      }
       accessibilityRole="button"
       accessibilityLabel={`${name}, ${dynamic ? 'dynamic playlist, ' : ''}${trackCount} ${trackCount === 1 ? 'track' : 'tracks'}`}
     >

src/components/library/TrackRow.tsx

@@ -19,6 +19,7 @@ import {
 import { createThemedStyles, useColors } from '@/theme/themed';
 import { SCROLL_PRESS_DELAY, useRipple } from '@/theme/ripple';
 import { formatDuration } from '@/lib/format';
+import { playHaptic } from '@/lib/haptics';
 import { trackArtworkThumbSource } from '@/library/artwork';
 import { dbTrackToTrack } from '@/library/trackAdapter';
 import { enqueueEnd, enqueueTop } from '@/audio/playbackController';
@@ -69,6 +70,13 @@ export function TrackRow({
 
   const thumbUri = failedArtKey !== artKey ? trackArtworkThumbSource(track) : null;
   const secondaryText = subtitle ?? (showArtist ? track.artist : null);
+  const longPressAction = selectionMode ? onToggleSelect : (onLongPress ?? onOpenActions);
+  const handleLongPress = longPressAction
+    ? () => {
+        playHaptic('holdAccepted');
+        longPressAction();
+      }
+    : undefined;
   const openActions = (event: GestureResponderEvent) => {
     event.stopPropagation();
     onOpenActions?.();
@@ -79,7 +87,7 @@ export function TrackRow({
       android_ripple={ripple.bounded} unstable_pressDelay={SCROLL_PRESS_DELAY}
       style={[styles.row, selectionMode && selected && styles.rowSelected]}
       onPress={selectionMode ? onToggleSelect : onPress}
-      onLongPress={selectionMode ? onToggleSelect : (onLongPress ?? onOpenActions)}
+      onLongPress={handleLongPress}
       accessibilityRole="button"
       accessibilityState={selectionMode ? { selected } : undefined}
     >