fix(triage): list and date buttons on phones open the bottom sheet

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

frontend/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "mindsift-frontend",
-  "version": "0.24.1",
+  "version": "0.24.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "mindsift-frontend",
-      "version": "0.24.1",
+      "version": "0.24.2",
       "license": "Unlicense",
       "dependencies": {
         "@fontsource-variable/inter": "5.3.0",

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mindsift-frontend",
   "private": true,
-  "version": "0.24.1",
+  "version": "0.24.2",
   "license": "Unlicense",
   "type": "module",
   "scripts": {

frontend/src/features/triage/TriageDeck.tsx

@@ -761,11 +761,13 @@ export const TriageDeck: React.FC<TriageDeckProps> = ({
                 handleAction('keep', { convertTo: 'list_item', targetListId: singleWritableList.id });
                 return;
               }
-              setShowDateModal(false);
-              setShowListSelector((prev) => !prev);
+              // Phones: the list choice of the bottom sheet (the inline choice above is desktop-only)
+              if (!activeCard) return;
+              openActionSheetForCard(activeCard);
+              setSheetMode('list');
             }}
             className={`min-h-[52px] px-3.5 py-2.5 rounded-xl bg-canvas hover:bg-panel-elevated border border-border text-left flex items-center gap-3 transition-colors cursor-pointer active:scale-98 touch-manipulation ${
-              writableLists.length === 0 ? 'opacity-40 cursor-not-allowed' : showListSelector ? 'border-accent bg-accent-dim' : ''
+              writableLists.length === 0 ? 'opacity-40 cursor-not-allowed' : ''
             }`}
           >
             <ShoppingCart className="w-5 h-5 text-accent flex-shrink-0" />
@@ -784,10 +786,12 @@ export const TriageDeck: React.FC<TriageDeckProps> = ({
           <button
             type="button"
             onClick={() => {
-              setShowListSelector(false);
-              setShowDateModal((prev) => !prev);
+              // Phones: the date choice of the bottom sheet (the inline one above is desktop-only)
+              if (!activeCard) return;
+              openActionSheetForCard(activeCard);
+              setSheetMode('date');
             }}
-            className={`min-h-[52px] px-3.5 py-2.5 rounded-xl bg-canvas hover:bg-panel-elevated border border-border text-left flex items-center gap-3 transition-colors cursor-pointer active:scale-98 touch-manipulation ${showDateModal ? 'border-accent bg-accent-dim' : ''}`}
+            className="min-h-[52px] px-3.5 py-2.5 rounded-xl bg-canvas hover:bg-panel-elevated border border-border text-left flex items-center gap-3 transition-colors cursor-pointer active:scale-98 touch-manipulation"
           >
             <Calendar className="w-5 h-5 text-accent flex-shrink-0" />
             <div>