refactor: Replace switch statements with constant maps for labels, tooltips, and icons, and refine Nautilus component styling.

Feat: Ready for next release.

Author: Hakanbaban53

assets/general-home.png

@@ -62,37 +62,67 @@
   <url type="vcs-browser">https://github.com/Zarestia-Dev/rclone-manager</url>
   <screenshots>
     <screenshot type="default">
-      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.8/assets/desktop-ui.png</image>
+      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.9/assets/desktop-ui.png</image>
       <caption>Desktop UI</caption>
     </screenshot>
     <screenshot>
-      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.8/assets/general-home.png</image>
+      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.9/assets/general-home.png</image>
       <caption>General Home View</caption>
     </screenshot>
     <screenshot>
-      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.8/assets/general-remote.png</image>
+      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.9/assets/general-remote.png</image>
       <caption>Remote Management Interface</caption>
     </screenshot>
     <screenshot>
-      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.8/assets/serve-control.png</image>
+      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.9/assets/serve-control.png</image>
       <caption>Serve Management Interface</caption>
     </screenshot>
     <screenshot>
-      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.8/assets/job-watcher.png</image>
+      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.9/assets/job-watcher.png</image>
       <caption>Job Watcher - Monitor your operations</caption>
     </screenshot>
     <screenshot>
-      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.8/assets/mount-control.png</image>
+      <image>https://raw.githubusercontent.com/Zarestia-Dev/rclone-manager/refs/tags/v0.1.9/assets/mount-control.png</image>
       <caption>Mount Control Panel</caption>
     </screenshot>
     </screenshots>
   <releases>
-    <release version="0.1.8" date="2025-12-6">
+    <release version="0.1.9" date="2025-12-20">
+      <description>
+        <p>Warning</p>
+        <ul>
+          <li>Since multiple profiles support, the old profiles are automatically migrated to the new profile system. But before the update, please backup your old profiles. If there is a any problem with the new profile system, you can restore your old profiles from the backup and app try the re-migration to the new profile system.</li>
+        </ul>
+        <p>Added</p>
+        <ul>
+          <li>Multiple profiles support added for all operations (Sync, Copy, Move, Bisync, Mount, Serve). Now you can create multiple profiles for each operation and run them separately. Also operation UI has been changed to show profiles. User can configure it from the detailed remote setup modal. User also can select the shared settings and also add a multiple profiles for shared settings to. Quick Remote Access only works with default profile (When you start a action, it uses the default profile).</li>
+          <li>Added special Flatpak autostart entry for Flatpak version. Now it creates a desktop entry for Flatpak version of the app. This entry is not handled by Tauri. (Fixed #63)</li>
+          <li>Nautilus Component: Added hash calculation support for files. Now you can calculate the hash of a file and copy it to clipboard on the properties dialog.</li>
+          <li>Nautilus Component: Added public link generation support for files and directories. If remote supports public link generation, it will be available in the properties dialog.</li>
+          <li>Nautilus Component: Enabled download button for remote files. Now you can download remote files to your local machine.</li>
+        </ul>
+        <p>Changed</p>
+        <ul>
+          <li>On linux remove the rclone to required dependencies when installing via deb or rpm packages. Because app handle the rclone binary installation and update itself correctly.</li>
+          <li>Encrypted export not required standalone 7zip binary anymore. Changed to sevenz-rust crate. Not break the old encrypted exports.</li>
+          <li>On tray icon when remote not mounted, it shows the Browse (In App). Basically it opens the RClone Manager's Nautilus with that remote.</li>
+          <li>Angular and Angular Material updated to v21 and other dependencies updated to latest stable versions.</li>
+          <li>Small design changes on Quick Remote Modal.</li>
+        </ul>
+        <p>Fixed</p>
+        <ul>
+          <li>Remote configuration step provider selection fixed. Now it correctly filters the provider-specific fields when Provider selected. (issue #59 and #1)</li>
+          <li>Broken reduce animations fixed. (issue #60)</li>
+          <li>Links openning in the about modal fixed. Now it opens the links in the default browser.</li>
+        </ul>
+      </description>
+    </release>
+    <release version="0.1.8" date="2025-11-06">
       <description>
         <p>Added</p>
         <ul>
-          <li>Developer Setting: Memory Optimization (Destroy Window on Close). Added a new experimental option in Developer Settings that destroys the main window instead of hiding it when closed. This significantly reduces background RAM usage. On Linux, this also actively cleans up lingering WebKit "zombie" processes to prevent memory leaks over long sessions.</li>
-          <li>Nautilus file manager component added for file browsing. This new file manager component provides a more native and integrated file browsing experience within the app, leveraging Nautilus' capabilities. Currently, it does not support all features like copy, move, delete, etc. They will be added in future updates.</li>
+          <li>Developer Setting: Memory Optimization (Destroy Window on Close). Added a new experimental option in Developer Settings that destroys the main window instead of hiding it when closed. This significantly reduces background RAM usage. On Linux, this also actively cleans up lingering WebKit "zombie" processes to prevent memory leaks over long sessions. On MacOS, this not so effective because MacOS version dont use a lot of memory for background processes. But its useful linux and windows.</li>
+          <li>Nautilus file manager component added for file browsing. This new file manager component provides a more native and integrated file browsing experience within the app, leveraging Nautilus' capabilities. Currently, it is not supports all features like copy, move, delete, etc. They will be added in future updates. Also support the preview for images, text files and pdf files.</li>
           <li>marked dependency added for markdown rendering in the About modal. This allows us to display formatted release notes fetched from GitHub in a user-friendly manner.</li>
           <li>Support for local path navigation on the remote config. User can now navigate to local paths when configuring remotes that use local file systems.</li>
           <li>Added Flatpak detection and warning banner. If the app is running as a Flatpak, a warning banner will be displayed to inform the user about permission limitations. The banner can be dismissed and will not show again once dismissed.</li>

assets/general-remote.png

@@ -25,7 +25,6 @@ <h2 class="remote-name" matTooltip="{{ selectedRemote().remoteSpecs.name }}">
         </div>
       </div>
     </div>
-    <div class="header-divider"></div>
   </div>
 
   <!-- Main Content Area -->
@@ -67,7 +66,7 @@ <h2 class="remote-name" matTooltip="{{ selectedRemote().remoteSpecs.name }}">
                 @if (showProfileSelector()) {
                   <div class="profile-selector-container" [class.operation-sync]="isSyncType()">
                     <div class="profile-selector-header">
-                      <span class="profile-selector-label">Active Profile</span>
+                      <span class="profile-selector-label">Selected Profile</span>
                       <span class="profile-count">{{ enrichedProfiles().length }} profiles</span>
                     </div>
                     <mat-chip-set aria-label="Profile selection" class="profile-chips">
@@ -81,11 +80,11 @@ <h2 class="remote-name" matTooltip="{{ selectedRemote().remoteSpecs.name }}">
                           @if (profile.status === 'running') {
                             <mat-icon
                               svgIcon="refresh"
-                              class="chip-icon animate-spin"
+                              class="primary animate-spin"
                               matChipAvatar
                             ></mat-icon>
                           } @else if (profile.status === 'scheduled') {
-                            <mat-icon svgIcon="clock" class="chip-icon" matChipAvatar></mat-icon>
+                            <mat-icon svgIcon="clock" class="orange" matChipAvatar></mat-icon>
                           }
                           {{ profile.label }}
                         </mat-chip-option>
@@ -249,7 +248,7 @@ <h3 class="group-title">{{ sharedSettingsHeading }}</h3>
                 @if (showProfileSelector()) {
                   <div class="profile-selector-container operation-serve">
                     <div class="profile-selector-header">
-                      <span class="profile-selector-label">Active Profile</span>
+                      <span class="profile-selector-label">Selected Profile</span>
                       <span class="profile-count">{{ enrichedProfiles().length }} profiles</span>
                     </div>
                     <mat-chip-set aria-label="Profile selection" class="profile-chips">
@@ -261,7 +260,7 @@ <h3 class="group-title">{{ sharedSettingsHeading }}</h3>
                           [class.chip-scheduled]="profile.status === 'scheduled'"
                         >
                           @if (profile.status === 'running') {
-                            <mat-icon svgIcon="serve" class="chip-icon" matChipAvatar></mat-icon>
+                            <mat-icon svgIcon="serve" class="accent" matChipAvatar></mat-icon>
                           }
                           {{ profile.label }}
                         </mat-chip-option>
@@ -295,11 +294,11 @@ <h3 class="group-title">{{ sharedSettingsHeading }}</h3>
                 }
 
                 <!-- Active Serves List -->
-                @if (runningServes().length > 0) {
+                @if (filteredRunningServes().length > 0) {
                   <div class="active-serves-list">
                     <h3>Active Serves</h3>
                     <div class="serves-grid">
-                      @for (serve of runningServes(); track serve.id) {
+                      @for (serve of filteredRunningServes(); track serve.id) {
                         <app-serve-card
                           [serve]="serve"
                           (stopServe)="
@@ -327,7 +326,7 @@ <h3>Active Serves</h3>
                 @if (showProfileSelector()) {
                   <div class="profile-selector-container operation-mount">
                     <div class="profile-selector-header">
-                      <span class="profile-selector-label">Active Profile</span>
+                      <span class="profile-selector-label">Selected Profile</span>
                       <span class="profile-count">{{ enrichedProfiles().length }} profiles</span>
                     </div>
                     <mat-chip-set aria-label="Profile selection" class="profile-chips">
@@ -339,7 +338,7 @@ <h3>Active Serves</h3>
                           [class.chip-scheduled]="profile.status === 'scheduled'"
                         >
                           @if (profile.status === 'running') {
-                            <mat-icon svgIcon="mount" class="chip-icon" matChipAvatar></mat-icon>
+                            <mat-icon svgIcon="mount" class="accent" matChipAvatar></mat-icon>
                           }
                           {{ profile.label }}
                         </mat-chip-option>

assets/mount-control.png

@@ -16,7 +16,6 @@
     flex-direction: column;
     align-items: center;
     gap: var(--header-gap);
-    margin-bottom: var(--header-gap);
   }
 
   .remote-info-section {
@@ -174,8 +173,13 @@
 
   .serves-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
-    gap: 16px;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: var(--space-md);
+    padding: var(--space-md);
+    background: var(--secondary-background);
+    border-radius: var(--card-border-radius);
+    border: 1px solid var(--theme-border);
+    box-shadow: var(--shadow-light);
   }
 }
 
@@ -239,17 +243,11 @@
 .profile-chips {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--space-xs);
 
   mat-chip-option {
     // Running state (not selected)
     &.chip-running:not(.mat-mdc-chip-selected) {
       --mdc-chip-label-text-color: var(--primary-color);
-      border: 1.5px solid rgba(var(--primary-color-rgb), 0.4);
-
-      .chip-icon {
-        color: var(--primary-color);
-      }
     }
 
     // Running state (selected)

assets/serve-control.png

@@ -321,6 +321,12 @@ export class AppDetailComponent {
 
   remoteName = computed(() => this.selectedRemote().remoteSpecs.name);
 
+  /** Filters running serves to only show those belonging to the selected remote */
+  filteredRunningServes = computed(() => {
+    const remoteName = this.remoteName();
+    return this.runningServes().filter(serve => serve.params.fs.startsWith(remoteName + ':'));
+  });
+
   isSyncType = computed(() => this.mainOperationType() === 'sync');
 
   currentOperation = computed(

src-tauri/linux/flatpak.metainfo.xml

@@ -54,7 +54,6 @@ <h2 class="remote-name" matTooltip="{{ selectedRemote().remoteSpecs.name }}">
         }
       </div>
     </div>
-    <div class="header-divider"></div>
   </div>
 
   <div class="detail-content">
@@ -119,15 +118,7 @@ <h2 class="remote-name" matTooltip="{{ selectedRemote().remoteSpecs.name }}">
                     <div class="task-info">
                       <div class="task-title-row">
                         <mat-icon
-                          [svgIcon]="
-                            task.taskType === 'sync'
-                              ? 'sync'
-                              : task.taskType === 'copy'
-                                ? 'copy'
-                                : task.taskType === 'move'
-                                  ? 'move'
-                                  : 'right-left'
-                          "
+                          [svgIcon]="getTaskTypeIcon(task.taskType)"
                           class="task-type-icon"
                           [class.sync-color]="task.taskType === 'sync'"
                           [class.copy-color]="task.taskType === 'copy'"

src/app/features/components/dashboard/app-detail/app-detail.component.html

@@ -151,6 +151,17 @@ export class GeneralDetailComponent {
   readonly maxPrimaryActions = 3;
   readonly actionConfigs = ACTION_CONFIGS;
 
+  private readonly TASK_TYPE_ICONS: Record<string, string> = {
+    sync: 'sync',
+    copy: 'copy',
+    move: 'move',
+    bisync: 'right-left',
+  };
+
+  getTaskTypeIcon(taskType: string): string {
+    return this.TASK_TYPE_ICONS[taskType] || 'circle-info';
+  }
+
   constructor() {
     // Initial load of all tasks
     this.schedulerService.getScheduledTasks().catch(err => {
@@ -293,51 +304,40 @@ export class GeneralDetailComponent {
     this.currentTaskCardIndex.set(index);
   }
 
+  private readonly TASK_STATUS_TOOLTIPS: Record<string, string> = {
+    enabled: 'Task is enabled and will run on schedule.',
+    disabled: 'Task is disabled and will not run.',
+    running: 'Task is currently running.',
+    failed: 'Task failed on its last run.',
+    stopping: 'Task is stopping and will be disabled after the current run finishes.',
+  };
+
+  private readonly TOGGLE_TOOLTIPS: Record<string, string> = {
+    enabled: 'Disable task',
+    running: 'Disable task',
+    disabled: 'Enable task',
+    failed: 'Enable task',
+    stopping: 'Task is stopping...',
+  };
+
+  private readonly TOGGLE_ICONS: Record<string, string> = {
+    enabled: 'pause',
+    running: 'pause',
+    disabled: 'play',
+    failed: 'play',
+    stopping: 'stop',
+  };
+
   // Tooltip and icon helpers
   getTaskStatusTooltip(status: string): string {
-    switch (status) {
-      case 'enabled':
-        return 'Task is enabled and will run on schedule.';
-      case 'disabled':
-        return 'Task is disabled and will not run.';
-      case 'running':
-        return 'Task is currently running.';
-      case 'failed':
-        return 'Task failed on its last run.';
-      case 'stopping':
-        return 'Task is stopping and will be disabled after the current run finishes.';
-      default:
-        return '';
-    }
+    return this.TASK_STATUS_TOOLTIPS[status] || '';
   }
 
   getToggleTooltip(status: string): string {
-    switch (status) {
-      case 'enabled':
-      case 'running':
-        return 'Disable task';
-      case 'disabled':
-      case 'failed':
-        return 'Enable task';
-      case 'stopping':
-        return 'Task is stopping...';
-      default:
-        return '';
-    }
+    return this.TOGGLE_TOOLTIPS[status] || '';
   }
 
   getToggleIcon(status: string): string {
-    switch (status) {
-      case 'enabled':
-      case 'running':
-        return 'pause';
-      case 'disabled':
-      case 'failed':
-        return 'play';
-      case 'stopping':
-        return 'stop';
-      default:
-        return 'help';
-    }
+    return this.TOGGLE_ICONS[status] || 'help';
   }
 }