More fallback request handing

src-web/components/RecentRequestsDropdown.tsx

@@ -10,6 +10,7 @@ import { useRequests } from '../hooks/useRequests';
 import { fallbackRequestName } from '../lib/fallbackRequestName';
 import type { ButtonProps } from './core/Button';
 import { Button } from './core/Button';
+import { CountBadge } from './core/CountBadge';
 import type { DropdownItem, DropdownRef } from './core/Dropdown';
 import { Dropdown } from './core/Dropdown';
 
@@ -63,8 +64,8 @@ export function RecentRequestsDropdown({ className }: Pick<ButtonProps, 'classNa
 
       recentRequestItems.push({
         key: request.id,
-        label: request.name,
+        label: fallbackRequestName(request),
-        // leftSlot: <CountBadge className="!ml-0 px-0 w-5" count={recentRequestItems.length + 1} />,
+        leftSlot: <CountBadge className="!ml-0 px-0 w-5" count={recentRequestItems.length + 1} />,
         onSelect: () => {
           routes.navigate('request', {
             requestId: request.id,

src-web/hooks/useDeleteAnyRequest.tsx

@@ -2,6 +2,7 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
 import { InlineCode } from '../components/core/InlineCode';
 import { trackEvent } from '../lib/analytics';
+import { fallbackRequestName } from '../lib/fallbackRequestName';
 import type { HttpRequest } from '../lib/models';
 import { getRequest } from '../lib/store';
 import { useConfirm } from './useConfirm';
@@ -20,7 +21,7 @@ export function useDeleteAnyRequest() {
         variant: 'delete',
         description: (
           <>
-            Permanently delete <InlineCode>{request?.name}</InlineCode>?
+            Permanently delete <InlineCode>{fallbackRequestName(request)}</InlineCode>?
           </>
         ),
       });