fix(mobile): refine touch attachments and settings navigation

Author: waleedlatif1

apps/sim/app/(interfaces)/chat/components/input/input.tsx

@@ -198,9 +198,9 @@ export const ChatInput: React.FC<{
                           e.stopPropagation()
                           handleRemoveFile(file.id)
                         }}
-                        className='absolute top-[2px] right-[2px] size-11 items-start justify-end p-0 focus-visible:opacity-100 md:size-[16px] md:opacity-0 md:group-hover:opacity-100'
+                        className='absolute top-[2px] right-[2px] size-11 items-start justify-end p-0 focus-visible:opacity-100 md:pointer-fine:size-[16px] md:pointer-fine:opacity-0 md:pointer-fine:group-hover:opacity-100'
                       >
-                        <span className='flex size-7 items-center justify-center rounded-full bg-black/60 text-white md:size-4'>
+                        <span className='flex size-7 items-center justify-center rounded-full bg-black/60 text-white md:pointer-fine:size-4'>
                           <X className='size-[10px]' />
                         </span>
                       </Button>

apps/sim/components/settings/mobile-navigation.tsx

@@ -56,7 +56,6 @@ export function SettingsMobileNavigation<Section extends SettingsSection>({
         </Chip>
       )}
       <ChipSelect
-        aria-label='Settings section'
         value={selectedSection}
         options={items.map((item) => ({ value: item.id, label: item.label, icon: item.icon }))}
         onChange={(value) => {

apps/sim/hooks/queries/utils/integration-availability-keys.ts

@@ -1,6 +1,8 @@
+/** Cache keys shared by server hydration and client integration-availability reads. */
 export const integrationAvailabilityKeys = {
   all: ['allowedIntegrations'] as const,
   environments: () => [...integrationAvailabilityKeys.all, 'env'] as const,
 }
 
+/** Delay before cached availability is eligible for revalidation. */
 export const INTEGRATION_AVAILABILITY_STALE_TIME = 5 * 60 * 1000

apps/sim/proxy.ts

@@ -234,26 +234,16 @@ function handleRootPathRedirects(
 ): NextResponse | null {
   const url = request.nextUrl
 
-  if (url.pathname !== '/') {
+  if (url.pathname !== '/' || url.searchParams.has('home')) {
     return null
   }
 
-  if (!isHosted && !isDev) {
-    // Self-hosted production: Always redirect based on session.
-    if (hasActiveSession) {
-      return NextResponse.redirect(new URL(APP_ENTRY_PATH, request.url))
-    }
-    return NextResponse.redirect(new URL('/login', request.url))
+  if (hasActiveSession) {
+    return NextResponse.redirect(new URL(APP_ENTRY_PATH, request.url))
   }
 
-  // For root path, redirect authenticated users into the app
-  // Unless they have a 'home' query parameter (e.g., ?home)
-  // This allows intentional navigation to the homepage from anywhere in the app
-  if (hasActiveSession) {
-    const isBrowsingHome = url.searchParams.has('home')
-    if (!isBrowsingHome) {
-      return NextResponse.redirect(new URL(APP_ENTRY_PATH, request.url))
-    }
+  if (!isHosted && !isDev) {
+    return NextResponse.redirect(new URL('/login', request.url))
   }
 
   return null

apps/sim/scripts/test-mobile-e2e.ts

@@ -918,7 +918,7 @@ async function exerciseViewport(
           exact: true,
         })
         await expectContained(page, navigation)
-        await navigation.getByRole('button', { name: 'Settings section', exact: true }).tap()
+        await navigation.getByRole('button', { name: 'General', exact: true }).tap()
         await expectContained(page, page.getByRole('menu'))
         await page.getByRole('menuitem', { name: 'General', exact: true }).tap()
         await expect(page.getByRole('menu')).toHaveCount(0)