Mount error & visual enhancements

Signed-off-by: FTCHD <144691102+FTCHD@users.noreply.github.com>

main.ts

@@ -485,7 +485,9 @@ async function startupMounts() {
                         '[startupMounts] remote config mount point is not empty',
                         remoteConfig.mountOnStart.mountPoint
                     )
-                    continue
+                    throw new Error(
+                        `Mount point for ${remote} is not empty, make sure ${remoteConfig.mountOnStart.mountPoint} is empty`
+                    )
                 }
 
                 const {
@@ -525,11 +527,16 @@ async function startupMounts() {
             } catch (error) {
                 console.error('Error mounting remote:', error)
                 Sentry.captureException(error)
-                await message(`Failed to mount ${remote} on startup.`, {
+                await message(
-                    title: 'Automount Error',
+                    error instanceof Error
-                    kind: 'error',
+                        ? error.message
-                    okLabel: 'Got it',
+                        : `Failed to mount ${remote} on startup.`,
-                })
+                    {
+                        title: 'Automount Error',
+                        kind: 'error',
+                        okLabel: 'Got it',
+                    }
+                )
             }
         }
     }

src/components/RemoteAutoMountDrawer.tsx

@@ -309,6 +309,7 @@ export default function RemoteAutoMountDrawer({
                                 />
 
                                 <OptionsSection
+                                    label="Mount Options"
                                     optionsJson={mountOnStartMountOptionsJson}
                                     setOptionsJson={setMountOnStartMountOptionsJson}
                                     globalOptions={globalFlags?.mount || {}}
@@ -316,6 +317,7 @@ export default function RemoteAutoMountDrawer({
                                 />
 
                                 <OptionsSection
+                                    label="VFS Options"
                                     optionsJson={mountOnStartVfsOptionsJson}
                                     setOptionsJson={setMountOnStartVfsOptionsJson}
                                     globalOptions={globalFlags?.vfs || {}}
@@ -323,6 +325,7 @@ export default function RemoteAutoMountDrawer({
                                 />
 
                                 <OptionsSection
+                                    label="Config Options"
                                     optionsJson={mountOnStartConfigOptionsJson}
                                     setOptionsJson={setMountOnStartConfigOptionsJson}
                                     globalOptions={globalFlags?.main || {}}
@@ -330,6 +333,7 @@ export default function RemoteAutoMountDrawer({
                                 />
 
                                 <OptionsSection
+                                    label="Filter Options"
                                     optionsJson={mountOnStartFilterOptionsJson}
                                     setOptionsJson={setMountOnStartFilterOptionsJson}
                                     globalOptions={globalFlags?.filter || {}}