feat(mobile): star rating

Co-authored-by: Harrison <frith.harry@gmail.com>

.github/workflows/build-mobile.yml

@@ -222,6 +222,7 @@ jobs:
         uses: ruby/setup-ruby@v1
         with:
           ruby-version: '3.3'
+          bundler-cache: true
           working-directory: ./mobile/ios
 
       - name: Install CocoaPods dependencies
@@ -229,13 +230,6 @@ jobs:
         run: |
           pod install
 
-      - name: Install Fastlane
-        working-directory: ./mobile/ios
-        run: |
-          gem install bundler
-          bundle config set --local path 'vendor/bundle'
-          bundle install
-
       - name: Create API Key
         env:
           API_KEY_ID: ${{ secrets.APP_STORE_CONNECT_API_KEY_ID }}

docker/docker-compose.dev.yml

@@ -58,10 +58,6 @@ services:
       IMMICH_THIRD_PARTY_BUG_FEATURE_URL: https://github.com/immich-app/immich/issues
       IMMICH_THIRD_PARTY_DOCUMENTATION_URL: https://docs.immich.app
       IMMICH_THIRD_PARTY_SUPPORT_URL: https://docs.immich.app/community-guides
-    ulimits:
-      nofile:
-        soft: 1048576
-        hard: 1048576
     ports:
       - 9230:9230
       - 9231:9231
@@ -100,10 +96,6 @@ services:
       - app-node_modules:/usr/src/app/node_modules
       - sveltekit:/usr/src/app/web/.svelte-kit
       - coverage:/usr/src/app/web/coverage
-    ulimits:
-      nofile:
-        soft: 1048576
-        hard: 1048576
     restart: unless-stopped
     depends_on:
       immich-server:

docs/docs/administration/reverse-proxy.md

@@ -32,8 +32,6 @@ server {
 
     # enable websockets: http://nginx.org/en/docs/http/websocket.html
     proxy_http_version 1.1;
-    proxy_set_header   Upgrade    $http_upgrade;
-    proxy_set_header   Connection "upgrade";
     proxy_redirect     off;
 
     # set timeout
@@ -43,6 +41,8 @@ server {
 
     location / {
         proxy_pass http://<backend_url>:2283;
+        proxy_set_header   Upgrade    $http_upgrade;
+        proxy_set_header   Connection "upgrade";
     }
 
     # useful when using Let's Encrypt http-01 challenge

e2e/package.json

@@ -36,7 +36,7 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-unicorn": "^62.0.0",
-    "exiftool-vendored": "^33.0.0",
+    "exiftool-vendored": "^34.0.0",
     "globals": "^16.0.0",
     "jose": "^5.6.3",
     "luxon": "^3.4.4",

i18n/en.json

@@ -5,7 +5,6 @@
   "acknowledge": "Acknowledge",
   "action": "Action",
   "action_common_update": "Update",
-  "action_description": "A set of action to perform on the filtered assets",
   "actions": "Actions",
   "active": "Active",
   "active_count": "Active: {count}",
@@ -16,13 +15,9 @@
   "add_a_location": "Add a location",
   "add_a_name": "Add a name",
   "add_a_title": "Add a title",
-  "add_action": "Add action",
-  "add_action_description": "Click to add an action to perform",
   "add_birthday": "Add a birthday",
   "add_endpoint": "Add endpoint",
   "add_exclusion_pattern": "Add exclusion pattern",
-  "add_filter": "Add filter",
-  "add_filter_description": "Click to add a filter condition",
   "add_location": "Add location",
   "add_more_users": "Add more users",
   "add_partner": "Add partner",
@@ -41,7 +36,6 @@
   "add_to_shared_album": "Add to shared album",
   "add_upload_to_stack": "Add upload to stack",
   "add_url": "Add URL",
-  "add_workflow_step": "Add workflow step",
   "added_to_archive": "Added to archive",
   "added_to_favorites": "Added to favorites",
   "added_to_favorites_count": "Added {count, number} to favorites",
@@ -473,7 +467,6 @@
   "album_remove_user": "Remove user?",
   "album_remove_user_confirmation": "Are you sure you want to remove {user}?",
   "album_search_not_found": "No albums found matching your search",
-  "album_selected": "Album selected",
   "album_share_no_users": "Looks like you have shared this album with all users or you don't have any user to share with.",
   "album_summary": "Album summary",
   "album_updated": "Album updated",
@@ -495,7 +488,6 @@
   "albums_default_sort_order_description": "Initial asset sort order when creating new albums.",
   "albums_feature_description": "Collections of assets that can be shared with other users.",
   "albums_on_device_count": "Albums on device ({count})",
-  "albums_selected": "{count, plural, one {# album selected} other {# albums selected}}",
   "all": "All",
   "all_albums": "All albums",
   "all_people": "All people",
@@ -532,12 +524,10 @@
   "archived_count": "{count, plural, other {Archived #}}",
   "are_these_the_same_person": "Are these the same person?",
   "are_you_sure_to_do_this": "Are you sure you want to do this?",
-  "array_field_not_fully_supported": "Array fields require manual JSON editing",
   "asset_action_delete_err_read_only": "Cannot delete read only asset(s), skipping",
   "asset_action_share_err_offline": "Cannot fetch offline asset(s), skipping",
   "asset_added_to_album": "Added to album",
   "asset_adding_to_album": "Adding to album…",
-  "asset_created": "Asset created",
   "asset_description_updated": "Asset description has been updated",
   "asset_filename_is_offline": "Asset {filename} is offline",
   "asset_has_unassigned_faces": "Asset has unassigned faces",
@@ -720,8 +710,6 @@
   "change_password_form_password_mismatch": "Passwords do not match",
   "change_password_form_reenter_new_password": "Re-enter New Password",
   "change_pin_code": "Change PIN code",
-  "change_trigger": "Change trigger",
-  "change_trigger_prompt": "Are you sure you want to change the trigger? This will remove all existing actions and filters.",
   "change_your_password": "Change your password",
   "changed_visibility_successfully": "Changed visibility successfully",
   "charging": "Charging",
@@ -797,7 +785,6 @@
   "create_album": "Create album",
   "create_album_page_untitled": "Untitled",
   "create_api_key": "Create API key",
-  "create_first_workflow": "Create first workflow",
   "create_library": "Create Library",
   "create_link": "Create link",
   "create_link_to_share": "Create link to share",
@@ -812,7 +799,6 @@
   "create_tag": "Create tag",
   "create_tag_description": "Create a new tag. For nested tags, please enter the full path of the tag including forward slashes.",
   "create_user": "Create user",
-  "create_workflow": "Create workflow",
   "created": "Created",
   "created_at": "Created",
   "creating_linked_albums": "Creating linked albums...",
@@ -879,7 +865,6 @@
   "deselect_all": "Deselect All",
   "details": "Details",
   "direction": "Direction",
-  "disable": "Disable",
   "disabled": "Disabled",
   "disallow_edits": "Disallow edits",
   "discord": "Discord",
@@ -942,13 +927,11 @@
   "edit_tag": "Edit tag",
   "edit_title": "Edit Title",
   "edit_user": "Edit user",
-  "edit_workflow": "Edit workflow",
   "editor": "Editor",
   "editor_close_without_save_prompt": "The changes will not be saved",
   "editor_close_without_save_title": "Close editor?",
   "editor_crop_tool_h2_aspect_ratios": "Aspect ratios",
   "editor_crop_tool_h2_rotation": "Rotation",
-  "editor_mode": "Editor mode",
   "email": "Email",
   "email_notifications": "Email notifications",
   "empty_folder": "This folder is empty",
@@ -1029,7 +1012,6 @@
     "unable_to_complete_oauth_login": "Unable to complete OAuth login",
     "unable_to_connect": "Unable to connect",
     "unable_to_copy_to_clipboard": "Cannot copy to clipboard, make sure you are accessing the page through https",
-    "unable_to_create": "Unable to create workflow",
     "unable_to_create_admin_account": "Unable to create admin account",
     "unable_to_create_api_key": "Unable to create a new API Key",
     "unable_to_create_library": "Unable to create library",
@@ -1040,7 +1022,6 @@
     "unable_to_delete_exclusion_pattern": "Unable to delete exclusion pattern",
     "unable_to_delete_shared_link": "Unable to delete shared link",
     "unable_to_delete_user": "Unable to delete user",
-    "unable_to_delete_workflow": "Unable to delete workflow",
     "unable_to_download_files": "Unable to download files",
     "unable_to_edit_exclusion_pattern": "Unable to edit exclusion pattern",
     "unable_to_empty_trash": "Unable to empty trash",
@@ -1091,7 +1072,6 @@
     "unable_to_update_settings": "Unable to update settings",
     "unable_to_update_timeline_display_status": "Unable to update timeline display status",
     "unable_to_update_user": "Unable to update user",
-    "unable_to_update_workflow": "Unable to update workflow",
     "unable_to_upload_file": "Unable to upload file"
   },
   "exclusion_pattern": "Exclusion pattern",
@@ -1144,10 +1124,8 @@
   "filename": "Filename",
   "filetype": "Filetype",
   "filter": "Filter",
-  "filter_description": "Conditions to filter the target assets",
   "filter_people": "Filter people",
   "filter_places": "Filter places",
-  "filters": "Filters",
   "find_them_fast": "Find them fast by name with search",
   "first": "First",
   "fix_incorrect_match": "Fix incorrect match",
@@ -1163,7 +1141,6 @@
   "general": "General",
   "geolocation_instruction_location": "Click on an asset with GPS coordinates to use its location, or select a location directly from the map",
   "get_help": "Get Help",
-  "get_people_error": "Error getting people",
   "get_wifiname_error": "Could not get Wi-Fi name. Make sure you have granted the necessary permissions and are connected to a Wi-Fi network",
   "getting_started": "Getting Started",
   "go_back": "Go back",
@@ -1195,7 +1172,6 @@
   "hide_named_person": "Hide person {name}",
   "hide_password": "Hide password",
   "hide_person": "Hide person",
-  "hide_schema": "Hide schema",
   "hide_text_recognition": "Hide text recognition",
   "hide_unnamed_people": "Hide unnamed people",
   "home_page_add_to_album_conflicts": "Added {added} assets to album {album}. {failed} assets are already in the album.",
@@ -1268,8 +1244,6 @@
   "ios_debug_info_processing_ran_at": "Processing ran {dateTime}",
   "items_count": "{count, plural, one {# item} other {# items}}",
   "jobs": "Jobs",
-  "json_editor": "JSON editor",
-  "json_error": "JSON error",
   "keep": "Keep",
   "keep_all": "Keep All",
   "keep_this_delete_others": "Keep this, delete others",
@@ -1438,13 +1412,11 @@
   "monthly_title_text_date_format": "MMMM y",
   "more": "More",
   "move": "Move",
-  "move_down": "Move down",
   "move_off_locked_folder": "Move out of locked folder",
   "move_to": "Move to",
   "move_to_lock_folder_action_prompt": "{count} added to the locked folder",
   "move_to_locked_folder": "Move to locked folder",
   "move_to_locked_folder_confirmation": "These photos and video will be removed from all albums, and only viewable from the locked folder",
-  "move_up": "Move up",
   "moved_to_archive": "Moved {count, plural, one {# asset} other {# assets}} to archive",
   "moved_to_library": "Moved {count, plural, one {# asset} other {# assets}} to library",
   "moved_to_trash": "Moved to trash",
@@ -1454,7 +1426,6 @@
   "my_albums": "My albums",
   "name": "Name",
   "name_or_nickname": "Name or nickname",
-  "name_required": "Name is required",
   "navigate": "Navigate",
   "navigate_to_time": "Navigate to Time",
   "network_requirement_photos_upload": "Use cellular data to backup photos",
@@ -1479,7 +1450,6 @@
   "next": "Next",
   "next_memory": "Next memory",
   "no": "No",
-  "no_actions_added": "No actions added yet",
   "no_albums_message": "Create an album to organize your photos and videos",
   "no_albums_with_name_yet": "It looks like you do not have any albums with this name yet.",
   "no_albums_yet": "It looks like you do not have any albums yet.",
@@ -1489,13 +1459,11 @@
   "no_cast_devices_found": "No cast devices found",
   "no_checksum_local": "No checksum available - cannot fetch local assets",
   "no_checksum_remote": "No checksum available - cannot fetch remote asset",
-  "no_configuration_needed": "No configuration needed",
   "no_devices": "No authorized devices",
   "no_duplicates_found": "No duplicates were found.",
   "no_exif_info_available": "No exif info available",
   "no_explore_results_message": "Upload more photos to explore your collection.",
   "no_favorites_message": "Add favorites to quickly find your best pictures and videos",
-  "no_filters_added": "No filters added yet",
   "no_libraries_message": "Create an external library to view your photos and videos",
   "no_local_assets_found": "No local assets found with this checksum",
   "no_location_set": "No location set",
@@ -1591,7 +1559,6 @@
   "people": "People",
   "people_edits_count": "Edited {count, plural, one {# person} other {# people}}",
   "people_feature_description": "Browsing photos and videos grouped by people",
-  "people_selected": "{count, plural, one {# person selected} other {# people selected}}",
   "people_sidebar_description": "Display a link to People in the sidebar",
   "permanent_deletion_warning": "Permanent deletion warning",
   "permanent_deletion_warning_setting_description": "Show a warning when permanently deleting assets",
@@ -1616,8 +1583,6 @@
   "person_age_years": "{years, plural, other {# years}} old",
   "person_birthdate": "Born on {date}",
   "person_hidden": "{name}{hidden, select, true { (hidden)} other {}}",
-  "person_recognized": "Person recognized",
-  "person_selected": "Person selected",
   "photo_shared_all_users": "Looks like you shared your photos with all users or you don't have any user to share with.",
   "photos": "Photos",
   "photos_and_videos": "Photos & Videos",
@@ -1867,22 +1832,17 @@
   "second": "Second",
   "see_all_people": "See all people",
   "select": "Select",
-  "select_album": "Select album",
   "select_album_cover": "Select album cover",
-  "select_albums": "Select albums",
   "select_all": "Select all",
   "select_all_duplicates": "Select all duplicates",
   "select_all_in": "Select all in {group}",
   "select_avatar_color": "Select avatar color",
-  "select_count": "{count, plural, one {Select #} other {Select #}}",
   "select_face": "Select face",
   "select_featured_photo": "Select featured photo",
   "select_from_computer": "Select from computer",
   "select_keep_all": "Select keep all",
   "select_library_owner": "Select library owner",
   "select_new_face": "Select new face",
-  "select_people": "Select people",
-  "select_person": "Select person",
   "select_person_to_tag": "Select a person to tag",
   "select_photos": "Select photos",
   "select_trash_all": "Select trash all",
@@ -2018,7 +1978,6 @@
   "show_password": "Show password",
   "show_person_options": "Show person options",
   "show_progress_bar": "Show Progress Bar",
-  "show_schema": "Show schema",
   "show_search_options": "Show search options",
   "show_shared_links": "Show shared links",
   "show_slideshow_transition": "Show slideshow transition",
@@ -2146,13 +2105,6 @@
   "trash_page_select_assets_btn": "Select assets",
   "trash_page_title": "Trash ({count})",
   "trashed_items_will_be_permanently_deleted_after": "Trashed items will be permanently deleted after {days, plural, one {# day} other {# days}}.",
-  "trigger": "Trigger",
-  "trigger_asset_uploaded": "Asset Uploaded",
-  "trigger_asset_uploaded_description": "Triggered when a new asset is uploaded",
-  "trigger_description": "An event that kick off the workflow",
-  "trigger_person_recognized": "Person Recognized",
-  "trigger_person_recognized_description": "Triggered when a person is detected",
-  "trigger_type": "Trigger type",
   "troubleshoot": "Troubleshoot",
   "type": "Type",
   "unable_to_change_pin_code": "Unable to change PIN code",
@@ -2183,9 +2135,7 @@
   "unstack": "Un-stack",
   "unstack_action_prompt": "{count} unstacked",
   "unstacked_assets_count": "Un-stacked {count, plural, one {# asset} other {# assets}}",
-  "unsupported_field_type": "Unsupported field type",
   "untagged": "Untagged",
-  "untitled_workflow": "Untitled workflow",
   "up_next": "Up next",
   "update_location_action_prompt": "Update the location of {count} selected assets with:",
   "updated_at": "Updated",
@@ -2231,7 +2181,6 @@
   "utilities": "Utilities",
   "validate": "Validate",
   "validate_endpoint_error": "Please enter a valid URL",
-  "validation_error": "Validation error",
   "variables": "Variables",
   "version": "Version",
   "version_announcement_closing": "Your friend, Alex",
@@ -2263,8 +2212,6 @@
   "viewer_stack_use_as_main_asset": "Use as Main Asset",
   "viewer_unstack": "Un-Stack",
   "visibility_changed": "Visibility changed for {count, plural, one {# person} other {# people}}",
-  "visual": "Visual",
-  "visual_builder": "Visual builder",
   "waiting": "Waiting",
   "waiting_count": "Waiting: {count}",
   "warning": "Warning",
@@ -2272,19 +2219,7 @@
   "welcome": "Welcome",
   "welcome_to_immich": "Welcome to Immich",
   "wifi_name": "Wi-Fi Name",
-  "workflow_delete_prompt": "Are you sure you want to delete this workflow?",
-  "workflow_deleted": "Workflow deleted",
-  "workflow_description": "Workflow description",
-  "workflow_info": "Workflow info",
-  "workflow_json": "Workflow JSON",
-  "workflow_json_help": "Edit the workflow configuration in JSON format. Changes will sync to the visual builder.",
-  "workflow_name": "Workflow name",
-  "workflow_navigation_prompt": "Are you sure you want to leave without saving your changes?",
-  "workflow_summary": "Workflow summary",
-  "workflow_update_success": "Workflow updated successfully",
-  "workflow_updated": "Workflow updated",
-  "workflows": "Workflows",
-  "workflows_help_text": "Workflows automate actions on your assets based on triggers and filters",
+  "workflow": "Workflow",
   "wrong_pin_code": "Wrong PIN code",
   "year": "Year",
   "years_ago": "{years, plural, one {# year} other {# years}} ago",

mobile/lib/domain/models/exif.model.dart

@@ -6,6 +6,7 @@ class ExifInfo {
   final String? orientation;
   final String? timeZone;
   final DateTime? dateTimeOriginal;
+  final int? rating;
 
   // GPS
   final double? latitude;
@@ -46,6 +47,7 @@ class ExifInfo {
     this.orientation,
     this.timeZone,
     this.dateTimeOriginal,
+    this.rating,
     this.isFlipped = false,
     this.latitude,
     this.longitude,
@@ -71,6 +73,7 @@ class ExifInfo {
         other.orientation == orientation &&
         other.timeZone == timeZone &&
         other.dateTimeOriginal == dateTimeOriginal &&
+        other.rating == rating &&
         other.latitude == latitude &&
         other.longitude == longitude &&
         other.city == city &&
@@ -94,6 +97,7 @@ class ExifInfo {
         isFlipped.hashCode ^
         timeZone.hashCode ^
         dateTimeOriginal.hashCode ^
+        rating.hashCode ^
         latitude.hashCode ^
         longitude.hashCode ^
         city.hashCode ^
@@ -118,6 +122,7 @@ orientation: ${orientation ?? 'NA'},
 isFlipped: $isFlipped,
 timeZone: ${timeZone ?? 'NA'},
 dateTimeOriginal: ${dateTimeOriginal ?? 'NA'},
+rating: ${rating ?? 'NA'},
 latitude: ${latitude ?? 'NA'},
 longitude: ${longitude ?? 'NA'},
 city: ${city ?? 'NA'},
@@ -140,6 +145,7 @@ exposureSeconds: ${exposureSeconds ?? 'NA'},
     String? orientation,
     String? timeZone,
     DateTime? dateTimeOriginal,
+    int? rating,
     double? latitude,
     double? longitude,
     String? city,
@@ -161,6 +167,7 @@ exposureSeconds: ${exposureSeconds ?? 'NA'},
       orientation: orientation ?? this.orientation,
       timeZone: timeZone ?? this.timeZone,
       dateTimeOriginal: dateTimeOriginal ?? this.dateTimeOriginal,
+      rating: rating ?? this.rating,
       isFlipped: isFlipped ?? this.isFlipped,
       latitude: latitude ?? this.latitude,
       longitude: longitude ?? this.longitude,

mobile/lib/infrastructure/entities/exif.entity.dart

@@ -151,6 +151,7 @@ extension RemoteExifEntityDataDomainEx on RemoteExifEntityData {
   domain.ExifInfo toDto() => domain.ExifInfo(
     fileSize: fileSize,
     dateTimeOriginal: dateTimeOriginal,
+    rating: rating,
     timeZone: timeZone,
     make: make,
     model: model,

mobile/lib/infrastructure/repositories/remote_asset.repository.dart

@@ -255,6 +255,12 @@ class RemoteAssetRepository extends DriftDatabaseRepository {
     );
   }
 
+  Future<void> updateRating(String assetId, int rating) async {
+    await (_db.remoteExifEntity.update()..where((row) => row.assetId.equals(assetId))).write(
+      RemoteExifEntityCompanion(rating: Value(rating)),
+    );
+  }
+
   Future<int> getCount() {
     return _db.managers.remoteAssetEntity.count();
   }

mobile/lib/presentation/pages/drift_activities.page.dart

@@ -37,7 +37,7 @@ class DriftActivitiesPage extends HookConsumerWidget {
       child: Scaffold(
         appBar: AppBar(
           title: Text(album.name),
-          actions: [const LikeActivityActionButton(menuItem: true)],
+          actions: [const LikeActivityActionButton(iconOnly: true)],
           actionsPadding: const EdgeInsets.only(right: 8),
         ),
         body: activities.widgetWhen(

mobile/lib/presentation/widgets/action_buttons/add_action_button.widget.dart

@@ -21,12 +21,34 @@ import 'package:immich_mobile/presentation/widgets/bottom_sheet/base_bottom_shee
 
 enum AddToMenuItem { album, archive, unarchive, lockedFolder }
 
-class AddActionButton extends ConsumerWidget {
+class AddActionButton extends ConsumerStatefulWidget {
   const AddActionButton({super.key});
 
-  Future<void> _showAddOptions(BuildContext context, WidgetRef ref) async {
+  @override
+  ConsumerState<AddActionButton> createState() => _AddActionButtonState();
+}
+
+class _AddActionButtonState extends ConsumerState<AddActionButton> {
+  void _handleMenuSelection(AddToMenuItem selected) {
+    switch (selected) {
+      case AddToMenuItem.album:
+        _openAlbumSelector();
+        break;
+      case AddToMenuItem.archive:
+        performArchiveAction(context, ref, source: ActionSource.viewer);
+        break;
+      case AddToMenuItem.unarchive:
+        performUnArchiveAction(context, ref, source: ActionSource.viewer);
+        break;
+      case AddToMenuItem.lockedFolder:
+        performMoveToLockFolderAction(context, ref, source: ActionSource.viewer);
+        break;
+    }
+  }
+
+  List<Widget> _buildMenuChildren() {
     final asset = ref.read(currentAssetNotifier);
-    if (asset == null) return;
+    if (asset == null) return [];
 
     final user = ref.read(currentUserProvider);
     final isOwner = asset is RemoteAsset && asset.ownerId == user?.id;
@@ -35,93 +57,57 @@ class AddActionButton extends ConsumerWidget {
     final hasRemote = asset is RemoteAsset;
     final showArchive = isOwner && !isInLockedView && hasRemote && !isArchived;
     final showUnarchive = isOwner && !isInLockedView && hasRemote && isArchived;
-    final menuItemHeight = 30.0;
 
-    final List<PopupMenuEntry<AddToMenuItem>> items = [
-      PopupMenuItem(
-        enabled: false,
-        textStyle: context.textTheme.labelMedium,
-        height: 40,
-        child: Text("add_to_bottom_bar".tr()),
+    return [
+      Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+        child: Text("add_to_bottom_bar".tr(), style: context.textTheme.labelMedium),
       ),
-      PopupMenuItem(
-        height: menuItemHeight,
-        value: AddToMenuItem.album,
-        child: ListTile(leading: const Icon(Icons.photo_album_outlined), title: Text("album".tr())),
+      BaseActionButton(
+        iconData: Icons.photo_album_outlined,
+        label: "album".tr(),
+        menuItem: true,
+        onPressed: () => _handleMenuSelection(AddToMenuItem.album),
       ),
-      const PopupMenuDivider(),
-      PopupMenuItem(enabled: false, textStyle: context.textTheme.labelMedium, height: 40, child: Text("move_to".tr())),
+
       if (isOwner) ...[
+        const PopupMenuDivider(),
+        Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+          child: Text("move_to".tr(), style: context.textTheme.labelMedium),
+        ),
         if (showArchive)
-          PopupMenuItem(
-            height: menuItemHeight,
-            value: AddToMenuItem.archive,
-            child: ListTile(leading: const Icon(Icons.archive_outlined), title: Text("archive".tr())),
+          BaseActionButton(
+            iconData: Icons.archive_outlined,
+            label: "archive".tr(),
+            menuItem: true,
+            onPressed: () => _handleMenuSelection(AddToMenuItem.archive),
           ),
         if (showUnarchive)
-          PopupMenuItem(
-            height: menuItemHeight,
-            value: AddToMenuItem.unarchive,
-            child: ListTile(leading: const Icon(Icons.unarchive_outlined), title: Text("unarchive".tr())),
+          BaseActionButton(
+            iconData: Icons.unarchive_outlined,
+            label: "unarchive".tr(),
+            menuItem: true,
+            onPressed: () => _handleMenuSelection(AddToMenuItem.unarchive),
           ),
-        PopupMenuItem(
-          height: menuItemHeight,
-          value: AddToMenuItem.lockedFolder,
-          child: ListTile(leading: const Icon(Icons.lock_outline), title: Text("locked_folder".tr())),
+        BaseActionButton(
+          iconData: Icons.lock_outline,
+          label: "locked_folder".tr(),
+          menuItem: true,
+          onPressed: () => _handleMenuSelection(AddToMenuItem.lockedFolder),
         ),
       ],
     ];
-
-    final AddToMenuItem? selected = await showMenu<AddToMenuItem>(
-      context: context,
-      color: context.themeData.scaffoldBackgroundColor,
-      position: _menuPosition(context),
-      items: items,
-      popUpAnimationStyle: AnimationStyle.noAnimation,
-    );
-
-    if (selected == null) {
-      return;
-    }
-
-    switch (selected) {
-      case AddToMenuItem.album:
-        _openAlbumSelector(context, ref);
-        break;
-      case AddToMenuItem.archive:
-        await performArchiveAction(context, ref, source: ActionSource.viewer);
-        break;
-      case AddToMenuItem.unarchive:
-        await performUnArchiveAction(context, ref, source: ActionSource.viewer);
-        break;
-      case AddToMenuItem.lockedFolder:
-        await performMoveToLockFolderAction(context, ref, source: ActionSource.viewer);
-        break;
-    }
   }
 
-  RelativeRect _menuPosition(BuildContext context) {
-    final renderObject = context.findRenderObject();
-    if (renderObject is! RenderBox) {
-      return RelativeRect.fill;
-    }
-
-    final size = renderObject.size;
-    final position = renderObject.localToGlobal(Offset.zero);
-
-    return RelativeRect.fromLTRB(position.dx, position.dy - size.height - 200, position.dx + size.width, position.dy);
-  }
-
-  void _openAlbumSelector(BuildContext context, WidgetRef ref) {
+  void _openAlbumSelector() {
     final currentAsset = ref.read(currentAssetNotifier);
     if (currentAsset == null) {
       ImmichToast.show(context: context, msg: "Cannot load asset information.", toastType: ToastType.error);
       return;
     }
 
-    final List<Widget> slivers = [
-      AlbumSelector(onAlbumSelected: (album) => _addCurrentAssetToAlbum(context, ref, album)),
-    ];
+    final List<Widget> slivers = [AlbumSelector(onAlbumSelected: (album) => _addCurrentAssetToAlbum(album))];
 
     showModalBottomSheet(
       context: context,
@@ -141,7 +127,7 @@ class AddActionButton extends ConsumerWidget {
     );
   }
 
-  Future<void> _addCurrentAssetToAlbum(BuildContext context, WidgetRef ref, RemoteAlbum album) async {
+  Future<void> _addCurrentAssetToAlbum(RemoteAlbum album) async {
     final latest = ref.read(currentAssetNotifier);
 
     if (latest == null) {
@@ -174,17 +160,27 @@ class AddActionButton extends ConsumerWidget {
   }
 
   @override
-  Widget build(BuildContext context, WidgetRef ref) {
+  Widget build(BuildContext context) {
     final asset = ref.watch(currentAssetNotifier);
     if (asset == null) {
       return const SizedBox.shrink();
     }
-    return Builder(
-      builder: (buttonContext) {
+
+    return MenuAnchor(
+      consumeOutsideTap: true,
+      style: MenuStyle(
+        backgroundColor: WidgetStatePropertyAll(context.themeData.scaffoldBackgroundColor),
+        elevation: const WidgetStatePropertyAll(4),
+        shape: const WidgetStatePropertyAll(
+          RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12))),
+        ),
+      ),
+      menuChildren: _buildMenuChildren(),
+      builder: (context, controller, child) {
         return BaseActionButton(
           iconData: Icons.add,
           label: "add_to_bottom_bar".tr(),
-          onPressed: () => _showAddOptions(buttonContext, ref),
+          onPressed: () => controller.isOpen ? controller.close() : controller.open(),
         );
       },
     );

mobile/lib/presentation/widgets/action_buttons/base_action_button.widget.dart

@@ -11,6 +11,7 @@ class BaseActionButton extends StatelessWidget {
     this.onLongPressed,
     this.maxWidth = 90.0,
     this.minWidth,
+    this.iconOnly = false,
     this.menuItem = false,
   });
 
@@ -19,6 +20,11 @@ class BaseActionButton extends StatelessWidget {
   final Color? iconColor;
   final double maxWidth;
   final double? minWidth;
+
+  /// When true, renders only an IconButton without text label
+  final bool iconOnly;
+
+  /// When true, renders as a MenuItemButton for use in MenuAnchor menus
   final bool menuItem;
   final void Function()? onPressed;
   final void Function()? onLongPressed;
@@ -31,13 +37,26 @@ class BaseActionButton extends StatelessWidget {
     final iconColor = this.iconColor ?? iconTheme.color ?? context.themeData.iconTheme.color;
     final textColor = context.themeData.textTheme.labelLarge?.color;
 
-    if (menuItem) {
+    if (iconOnly) {
       return IconButton(
         onPressed: onPressed,
         icon: Icon(iconData, size: iconSize, color: iconColor),
       );
     }
 
+    if (menuItem) {
+      final theme = context.themeData;
+      final effectiveStyle = theme.textTheme.labelLarge;
+      final effectiveIconColor = iconColor ?? theme.iconTheme.color ?? theme.colorScheme.onSurfaceVariant;
+
+      return MenuItemButton(
+        style: MenuItemButton.styleFrom(padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12)),
+        leadingIcon: Icon(iconData, color: effectiveIconColor, size: 20),
+        onPressed: onPressed,
+        child: Text(label, style: effectiveStyle),
+      );
+    }
+
     return ConstrainedBox(
       constraints: BoxConstraints(maxWidth: maxWidth),
       child: MaterialButton(

mobile/lib/presentation/widgets/action_buttons/cast_action_button.widget.dart

@@ -7,8 +7,9 @@ import 'package:immich_mobile/providers/cast.provider.dart';
 import 'package:immich_mobile/widgets/asset_viewer/cast_dialog.dart';
 
 class CastActionButton extends ConsumerWidget {
-  const CastActionButton({super.key, this.menuItem = true});
+  const CastActionButton({super.key, this.iconOnly = true, this.menuItem = false});
 
+  final bool iconOnly;
   final bool menuItem;
 
   @override
@@ -22,6 +23,7 @@ class CastActionButton extends ConsumerWidget {
       onPressed: () {
         showDialog(context: context, builder: (context) => const CastDialog());
       },
+      iconOnly: iconOnly,
       menuItem: menuItem,
     );
   }

mobile/lib/presentation/widgets/action_buttons/download_action_button.widget.dart

@@ -10,8 +10,9 @@ import 'package:immich_mobile/providers/timeline/multiselect.provider.dart';
 
 class DownloadActionButton extends ConsumerWidget {
   final ActionSource source;
+  final bool iconOnly;
   final bool menuItem;
-  const DownloadActionButton({super.key, required this.source, this.menuItem = false});
+  const DownloadActionButton({super.key, required this.source, this.iconOnly = false, this.menuItem = false});
 
   void _onTap(BuildContext context, WidgetRef ref, BackgroundSyncManager backgroundSyncManager) async {
     if (!context.mounted) {
@@ -38,6 +39,7 @@ class DownloadActionButton extends ConsumerWidget {
       iconData: Icons.download,
       maxWidth: 95,
       label: "download".t(context: context),
+      iconOnly: iconOnly,
       menuItem: menuItem,
       onPressed: () => _onTap(context, ref, backgroundManager),
     );

mobile/lib/presentation/widgets/action_buttons/favorite_action_button.widget.dart

@@ -10,9 +10,10 @@ import 'package:immich_mobile/widgets/common/immich_toast.dart';
 
 class FavoriteActionButton extends ConsumerWidget {
   final ActionSource source;
+  final bool iconOnly;
   final bool menuItem;
 
-  const FavoriteActionButton({super.key, required this.source, this.menuItem = false});
+  const FavoriteActionButton({super.key, required this.source, this.iconOnly = false, this.menuItem = false});
 
   void _onTap(BuildContext context, WidgetRef ref) async {
     if (!context.mounted) {
@@ -44,6 +45,7 @@ class FavoriteActionButton extends ConsumerWidget {
     return BaseActionButton(
       iconData: Icons.favorite_border_rounded,
       label: "favorite".t(context: context),
+      iconOnly: iconOnly,
       menuItem: menuItem,
       onPressed: () => _onTap(context, ref),
     );

mobile/lib/presentation/widgets/action_buttons/like_activity_action_button.widget.dart

@@ -12,8 +12,9 @@ import 'package:immich_mobile/providers/infrastructure/current_album.provider.da
 import 'package:immich_mobile/providers/user.provider.dart';
 
 class LikeActivityActionButton extends ConsumerWidget {
-  const LikeActivityActionButton({super.key, this.menuItem = false});
+  const LikeActivityActionButton({super.key, this.iconOnly = false, this.menuItem = false});
 
+  final bool iconOnly;
   final bool menuItem;
 
   @override
@@ -49,6 +50,7 @@ class LikeActivityActionButton extends ConsumerWidget {
           iconData: liked != null ? Icons.favorite : Icons.favorite_border,
           label: "like".t(context: context),
           onPressed: () => onTap(liked),
+          iconOnly: iconOnly,
           menuItem: menuItem,
         );
       },
@@ -57,6 +59,7 @@ class LikeActivityActionButton extends ConsumerWidget {
       loading: () => BaseActionButton(
         iconData: Icons.favorite_border,
         label: "like".t(context: context),
+        iconOnly: iconOnly,
         menuItem: menuItem,
       ),
       error: (error, stack) => Text('error_saving_image'.tr(args: [error.toString()])),

mobile/lib/presentation/widgets/action_buttons/motion_photo_action_button.widget.dart

@@ -5,8 +5,9 @@ import 'package:immich_mobile/presentation/widgets/action_buttons/base_action_bu
 import 'package:immich_mobile/providers/asset_viewer/is_motion_video_playing.provider.dart';
 
 class MotionPhotoActionButton extends ConsumerWidget {
-  const MotionPhotoActionButton({super.key, this.menuItem = true});
+  const MotionPhotoActionButton({super.key, this.iconOnly = true, this.menuItem = false});
 
+  final bool iconOnly;
   final bool menuItem;
 
   @override
@@ -17,6 +18,7 @@ class MotionPhotoActionButton extends ConsumerWidget {
       iconData: isPlaying ? Icons.motion_photos_pause_outlined : Icons.play_circle_outline_rounded,
       label: "play_motion_photo".t(context: context),
       onPressed: ref.read(isPlayingMotionVideoProvider.notifier).toggle,
+      iconOnly: iconOnly,
       menuItem: menuItem,
     );
   }

mobile/lib/presentation/widgets/action_buttons/unfavorite_action_button.widget.dart

@@ -10,9 +10,10 @@ import 'package:immich_mobile/widgets/common/immich_toast.dart';
 
 class UnFavoriteActionButton extends ConsumerWidget {
   final ActionSource source;
+  final bool iconOnly;
   final bool menuItem;
 
-  const UnFavoriteActionButton({super.key, required this.source, this.menuItem = false});
+  const UnFavoriteActionButton({super.key, required this.source, this.iconOnly = false, this.menuItem = false});
 
   void _onTap(BuildContext context, WidgetRef ref) async {
     if (!context.mounted) {
@@ -45,6 +46,7 @@ class UnFavoriteActionButton extends ConsumerWidget {
       iconData: Icons.favorite_rounded,
       label: "unfavorite".t(context: context),
       onPressed: () => _onTap(context, ref),
+      iconOnly: iconOnly,
       menuItem: menuItem,
     );
   }

mobile/lib/presentation/widgets/asset_viewer/bottom_sheet.widget.dart

@@ -4,6 +4,7 @@ import 'package:auto_route/auto_route.dart';
 import 'package:collection/collection.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_rating_bar/flutter_rating_bar.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:immich_mobile/constants/enums.dart';
 import 'package:immich_mobile/domain/models/asset/base_asset.model.dart';
@@ -23,6 +24,7 @@ import 'package:immich_mobile/providers/infrastructure/album.provider.dart';
 import 'package:immich_mobile/providers/infrastructure/asset_viewer/current_asset.provider.dart';
 import 'package:immich_mobile/providers/infrastructure/current_album.provider.dart';
 import 'package:immich_mobile/providers/infrastructure/setting.provider.dart';
+import 'package:immich_mobile/providers/infrastructure/user_metadata.provider.dart';
 import 'package:immich_mobile/providers/routes.provider.dart';
 import 'package:immich_mobile/providers/server_info.provider.dart';
 import 'package:immich_mobile/providers/user.provider.dart';
@@ -54,6 +56,12 @@ class AssetDetailBottomSheet extends ConsumerWidget {
     final currentAlbum = ref.watch(currentRemoteAlbumProvider);
     final isArchived = asset is RemoteAsset && asset.visibility == AssetVisibility.archive;
     final advancedTroubleshooting = ref.watch(settingsProvider.notifier).get(Setting.advancedTroubleshooting);
+    final isRatingEnabled = ref
+        .watch(userMetadataProvider(ref.watch(currentUserProvider)?.id ?? ''))
+        .maybeWhen(
+          data: (metadataList) => metadataList.any((meta) => meta.preferences?.ratingsEnabled ?? false),
+          orElse: () => false,
+        );
 
     final buttonContext = ActionButtonContext(
       asset: asset,
@@ -71,7 +79,7 @@ class AssetDetailBottomSheet extends ConsumerWidget {
 
     return BaseBottomSheet(
       actions: actions,
-      slivers: const [_AssetDetailBottomSheet()],
+      slivers: [_AssetDetailBottomSheet(isRatingEnabled: isRatingEnabled)],
       controller: controller,
       initialChildSize: initialChildSize,
       minChildSize: 0.1,
@@ -85,7 +93,9 @@ class AssetDetailBottomSheet extends ConsumerWidget {
 }
 
 class _AssetDetailBottomSheet extends ConsumerWidget {
-  const _AssetDetailBottomSheet();
+  final bool isRatingEnabled;
+
+  const _AssetDetailBottomSheet({required this.isRatingEnabled});
 
   String _getDateTime(BuildContext ctx, BaseAsset asset, ExifInfo? exifInfo) {
     DateTime dateTime = asset.createdAt.toLocal();
@@ -323,6 +333,36 @@ class _AssetDetailBottomSheet extends ConsumerWidget {
             ),
           ),
         ],
+        // Rating bar
+        if (isRatingEnabled) ...[
+          Padding(
+            padding: const EdgeInsets.only(left: 16.0),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                const SizedBox(height: 16),
+                Text(
+                  'rating'.t(context: context).toUpperCase(),
+                  style: context.textTheme.labelMedium?.copyWith(
+                    color: context.textTheme.labelMedium?.color?.withAlpha(200),
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+                const SizedBox(height: 8),
+                RatingBar.builder(
+                  initialRating: exifInfo?.rating?.toDouble() ?? 0,
+                  itemBuilder: (context, _) => Icon(Icons.star, color: context.themeData.colorScheme.primary),
+                  itemSize: 32,
+                  glow: false,
+                  onRatingUpdate: (rating) async {
+                    await ref.read(actionProvider.notifier).updateRating(ActionSource.viewer, rating.round());
+                  },
+                ),
+              ],
+            ),
+          ),
+        ],
         // Appears in (Albums)
         Padding(padding: const EdgeInsets.only(top: 16.0), child: _buildAppearsInList(ref, context)),
         // padding at the bottom to avoid cut-off

mobile/lib/presentation/widgets/asset_viewer/top_app_bar.widget.dart

@@ -14,6 +14,7 @@ import 'package:immich_mobile/presentation/widgets/action_buttons/favorite_actio
 import 'package:immich_mobile/presentation/widgets/action_buttons/motion_photo_action_button.widget.dart';
 import 'package:immich_mobile/presentation/widgets/action_buttons/unfavorite_action_button.widget.dart';
 import 'package:immich_mobile/presentation/widgets/asset_viewer/asset_viewer.state.dart';
+import 'package:immich_mobile/presentation/widgets/asset_viewer/viewer_kebab_menu.widget.dart';
 import 'package:immich_mobile/providers/activity.provider.dart';
 import 'package:immich_mobile/providers/cast.provider.dart';
 import 'package:immich_mobile/providers/infrastructure/asset_viewer/current_asset.provider.dart';
@@ -65,8 +66,8 @@ class ViewerTopAppBar extends ConsumerWidget implements PreferredSizeWidget {
     final isCasting = ref.watch(castProvider.select((c) => c.isCasting));
 
     final actions = <Widget>[
-      if (asset.isRemoteOnly) const DownloadActionButton(source: ActionSource.viewer, menuItem: true),
-      if (isCasting || (asset.hasRemote)) const CastActionButton(menuItem: true),
+      if (asset.isRemoteOnly) const DownloadActionButton(source: ActionSource.viewer, iconOnly: true),
+      if (isCasting || (asset.hasRemote)) const CastActionButton(iconOnly: true),
       if (album != null && album.isActivityEnabled && album.isShared)
         IconButton(
           icon: const Icon(Icons.chat_outlined),
@@ -85,16 +86,16 @@ class ViewerTopAppBar extends ConsumerWidget implements PreferredSizeWidget {
           tooltip: 'view_in_timeline'.t(context: context),
         ),
       if (asset.hasRemote && isOwner && !asset.isFavorite)
-        const FavoriteActionButton(source: ActionSource.viewer, menuItem: true),
+        const FavoriteActionButton(source: ActionSource.viewer, iconOnly: true),
       if (asset.hasRemote && isOwner && asset.isFavorite)
-        const UnFavoriteActionButton(source: ActionSource.viewer, menuItem: true),
-      if (asset.isMotionPhoto) const MotionPhotoActionButton(menuItem: true),
-      const _KebabMenu(),
+        const UnFavoriteActionButton(source: ActionSource.viewer, iconOnly: true),
+      if (asset.isMotionPhoto) const MotionPhotoActionButton(iconOnly: true),
+      const ViewerKebabMenu(),
     ];
 
     final lockedViewActions = <Widget>[
-      if (isCasting || (asset.hasRemote)) const CastActionButton(menuItem: true),
-      const _KebabMenu(),
+      if (isCasting || (asset.hasRemote)) const CastActionButton(iconOnly: true),
+      const ViewerKebabMenu(),
     ];
 
     return IgnorePointer(
@@ -122,20 +123,6 @@ class ViewerTopAppBar extends ConsumerWidget implements PreferredSizeWidget {
   Size get preferredSize => const Size.fromHeight(60.0);
 }
 
-class _KebabMenu extends ConsumerWidget {
-  const _KebabMenu();
-
-  @override
-  Widget build(BuildContext context, WidgetRef ref) {
-    return IconButton(
-      onPressed: () {
-        EventStream.shared.emit(const ViewerOpenBottomSheetEvent());
-      },
-      icon: const Icon(Icons.more_vert_rounded),
-    );
-  }
-}
-
 class _AppBarBackButton extends ConsumerWidget {
   const _AppBarBackButton();
 

mobile/lib/presentation/widgets/asset_viewer/viewer_kebab_menu.widget.dart

@@ -0,0 +1,47 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/domain/models/events.model.dart';
+import 'package:immich_mobile/domain/utils/event_stream.dart';
+import 'package:immich_mobile/extensions/build_context_extensions.dart';
+import 'package:immich_mobile/presentation/widgets/action_buttons/base_action_button.widget.dart';
+import 'package:immich_mobile/providers/infrastructure/asset_viewer/current_asset.provider.dart';
+
+class ViewerKebabMenu extends ConsumerWidget {
+  const ViewerKebabMenu({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final asset = ref.watch(currentAssetNotifier);
+    if (asset == null) {
+      return const SizedBox.shrink();
+    }
+
+    final menuChildren = <Widget>[
+      BaseActionButton(
+        label: 'about'.tr(),
+        iconData: Icons.info_outline,
+        menuItem: true,
+        onPressed: () => EventStream.shared.emit(const ViewerOpenBottomSheetEvent()),
+      ),
+    ];
+
+    return MenuAnchor(
+      consumeOutsideTap: true,
+      style: MenuStyle(
+        backgroundColor: WidgetStatePropertyAll(context.themeData.scaffoldBackgroundColor),
+        elevation: const WidgetStatePropertyAll(4),
+        shape: const WidgetStatePropertyAll(
+          RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12))),
+        ),
+      ),
+      menuChildren: menuChildren,
+      builder: (context, controller, child) {
+        return IconButton(
+          icon: const Icon(Icons.more_vert_rounded),
+          onPressed: () => controller.isOpen ? controller.close() : controller.open(),
+        );
+      },
+    );
+  }
+}

mobile/lib/providers/infrastructure/action.provider.dart

@@ -357,6 +357,22 @@ class ActionNotifier extends Notifier<void> {
     }
   }
 
+  Future<ActionResult> updateRating(ActionSource source, int rating) async {
+    final ids = _getRemoteIdsForSource(source);
+    if (ids.length != 1) {
+      _logger.warning('updateRating called with multiple assets, expected single asset');
+      return ActionResult(count: ids.length, success: false, error: 'Expected single asset for rating update');
+    }
+
+    try {
+      final isUpdated = await _service.updateRating(ids.first, rating);
+      return ActionResult(count: 1, success: isUpdated);
+    } catch (error, stack) {
+      _logger.severe('Failed to update rating for asset', error, stack);
+      return ActionResult(count: 1, success: false, error: error.toString());
+    }
+  }
+
   Future<ActionResult> stack(String userId, ActionSource source) async {
     final ids = _getOwnedRemoteIdsForSource(source);
     try {

mobile/lib/providers/infrastructure/user_metadata.provider.dart

@@ -1,7 +1,13 @@
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/domain/models/user_metadata.model.dart';
 import 'package:immich_mobile/infrastructure/repositories/user_metadata.repository.dart';
 import 'package:immich_mobile/providers/infrastructure/db.provider.dart';
 
 final userMetadataRepository = Provider<DriftUserMetadataRepository>(
   (ref) => DriftUserMetadataRepository(ref.watch(driftProvider)),
 );
+
+final userMetadataProvider = FutureProvider.family<List<UserMetadata>, String>((ref, String userId) async {
+  final repository = ref.watch(userMetadataRepository);
+  return repository.getUserMetadata(userId);
+});

mobile/lib/repositories/asset_api.repository.dart

@@ -101,6 +101,10 @@ class AssetApiRepository extends ApiRepository {
   Future<void> updateDescription(String assetId, String description) {
     return _api.updateAsset(assetId, UpdateAssetDto(description: description));
   }
+
+  Future<void> updateRating(String assetId, int rating) {
+    return _api.updateAsset(assetId, UpdateAssetDto(rating: rating));
+  }
 }
 
 extension on StackResponseDto {

mobile/lib/routing/router.dart

@@ -167,7 +167,7 @@ class AppRouter extends RootStackRouter {
     AutoRoute(page: LoginRoute.page, guards: [_duplicateGuard]),
     AutoRoute(page: ChangePasswordRoute.page),
     AutoRoute(page: SearchRoute.page, guards: [_authGuard, _duplicateGuard], maintainState: false),
-    CustomRoute(
+    AutoRoute(
       page: TabControllerRoute.page,
       guards: [_authGuard, _duplicateGuard],
       children: [
@@ -176,9 +176,8 @@ class AppRouter extends RootStackRouter {
         AutoRoute(page: LibraryRoute.page, guards: [_authGuard, _duplicateGuard]),
         AutoRoute(page: AlbumsRoute.page, guards: [_authGuard, _duplicateGuard]),
       ],
-      transitionsBuilder: TransitionsBuilders.fadeIn,
     ),
-    CustomRoute(
+    AutoRoute(
       page: TabShellRoute.page,
       guards: [_authGuard, _duplicateGuard],
       children: [
@@ -187,7 +186,6 @@ class AppRouter extends RootStackRouter {
         AutoRoute(page: DriftLibraryRoute.page, guards: [_authGuard, _duplicateGuard]),
         AutoRoute(page: DriftAlbumsRoute.page, guards: [_authGuard, _duplicateGuard]),
       ],
-      transitionsBuilder: TransitionsBuilders.fadeIn,
     ),
     CustomRoute(
       page: GalleryViewerRoute.page,

mobile/lib/services/action.service.dart

@@ -225,6 +225,14 @@ class ActionService {
     return true;
   }
 
+  Future<bool> updateRating(String assetId, int rating) async {
+    // update remote first, then local to ensure consistency
+    await _assetApiRepository.updateRating(assetId, rating);
+    await _remoteAssetRepository.updateRating(assetId, rating);
+
+    return true;
+  }
+
   Future<void> stack(String userId, List<String> remoteIds) async {
     final stack = await _assetApiRepository.stack(remoteIds);
     await _remoteAssetRepository.stack(userId, stack);

mobile/openapi/README.md

@@ -199,7 +199,6 @@ Class | Method | HTTP request | Description
 *PeopleApi* | [**updatePeople**](doc//PeopleApi.md#updatepeople) | **PUT** /people | Update people
 *PeopleApi* | [**updatePerson**](doc//PeopleApi.md#updateperson) | **PUT** /people/{id} | Update person
 *PluginsApi* | [**getPlugin**](doc//PluginsApi.md#getplugin) | **GET** /plugins/{id} | Retrieve a plugin
-*PluginsApi* | [**getPluginTriggers**](doc//PluginsApi.md#getplugintriggers) | **GET** /plugins/triggers | List all plugin triggers
 *PluginsApi* | [**getPlugins**](doc//PluginsApi.md#getplugins) | **GET** /plugins | List all plugins
 *QueuesApi* | [**emptyQueue**](doc//QueuesApi.md#emptyqueue) | **DELETE** /queues/{name}/jobs | Empty a queue
 *QueuesApi* | [**getQueue**](doc//QueuesApi.md#getqueue) | **GET** /queues/{name} | Retrieve a queue
@@ -466,10 +465,9 @@ Class | Method | HTTP request | Description
  - [PinCodeSetupDto](doc//PinCodeSetupDto.md)
  - [PlacesResponseDto](doc//PlacesResponseDto.md)
  - [PluginActionResponseDto](doc//PluginActionResponseDto.md)
- - [PluginContextType](doc//PluginContextType.md)
+ - [PluginContext](doc//PluginContext.md)
  - [PluginFilterResponseDto](doc//PluginFilterResponseDto.md)
  - [PluginResponseDto](doc//PluginResponseDto.md)
- - [PluginTriggerResponseDto](doc//PluginTriggerResponseDto.md)
  - [PluginTriggerType](doc//PluginTriggerType.md)
  - [PurchaseResponse](doc//PurchaseResponse.md)
  - [PurchaseUpdate](doc//PurchaseUpdate.md)

mobile/openapi/lib/api.dart

@@ -217,10 +217,9 @@ part 'model/pin_code_reset_dto.dart';
 part 'model/pin_code_setup_dto.dart';
 part 'model/places_response_dto.dart';
 part 'model/plugin_action_response_dto.dart';
-part 'model/plugin_context_type.dart';
+part 'model/plugin_context.dart';
 part 'model/plugin_filter_response_dto.dart';
 part 'model/plugin_response_dto.dart';
-part 'model/plugin_trigger_response_dto.dart';
 part 'model/plugin_trigger_type.dart';
 part 'model/purchase_response.dart';
 part 'model/purchase_update.dart';

mobile/openapi/lib/api/plugins_api.dart

@@ -73,57 +73,6 @@ class PluginsApi {
     return null;
   }
 
-  /// List all plugin triggers
-  ///
-  /// Retrieve a list of all available plugin triggers.
-  ///
-  /// Note: This method returns the HTTP [Response].
-  Future<Response> getPluginTriggersWithHttpInfo() async {
-    // ignore: prefer_const_declarations
-    final apiPath = r'/plugins/triggers';
-
-    // ignore: prefer_final_locals
-    Object? postBody;
-
-    final queryParams = <QueryParam>[];
-    final headerParams = <String, String>{};
-    final formParams = <String, String>{};
-
-    const contentTypes = <String>[];
-
-
-    return apiClient.invokeAPI(
-      apiPath,
-      'GET',
-      queryParams,
-      postBody,
-      headerParams,
-      formParams,
-      contentTypes.isEmpty ? null : contentTypes.first,
-    );
-  }
-
-  /// List all plugin triggers
-  ///
-  /// Retrieve a list of all available plugin triggers.
-  Future<List<PluginTriggerResponseDto>?> getPluginTriggers() async {
-    final response = await getPluginTriggersWithHttpInfo();
-    if (response.statusCode >= HttpStatus.badRequest) {
-      throw ApiException(response.statusCode, await _decodeBodyBytes(response));
-    }
-    // When a remote server returns no body with a status of 204, we shall not decode it.
-    // At the time of writing this, `dart:convert` will throw an "Unexpected end of input"
-    // FormatException when trying to decode an empty string.
-    if (response.body.isNotEmpty && response.statusCode != HttpStatus.noContent) {
-      final responseBody = await _decodeBodyBytes(response);
-      return (await apiClient.deserializeAsync(responseBody, 'List<PluginTriggerResponseDto>') as List)
-        .cast<PluginTriggerResponseDto>()
-        .toList(growable: false);
-
-    }
-    return null;
-  }
-
   /// List all plugins
   ///
   /// Retrieve a list of plugins available to the authenticated user.

mobile/openapi/lib/api_client.dart

@@ -482,14 +482,12 @@ class ApiClient {
           return PlacesResponseDto.fromJson(value);
         case 'PluginActionResponseDto':
           return PluginActionResponseDto.fromJson(value);
-        case 'PluginContextType':
-          return PluginContextTypeTypeTransformer().decode(value);
+        case 'PluginContext':
+          return PluginContextTypeTransformer().decode(value);
         case 'PluginFilterResponseDto':
           return PluginFilterResponseDto.fromJson(value);
         case 'PluginResponseDto':
           return PluginResponseDto.fromJson(value);
-        case 'PluginTriggerResponseDto':
-          return PluginTriggerResponseDto.fromJson(value);
         case 'PluginTriggerType':
           return PluginTriggerTypeTypeTransformer().decode(value);
         case 'PurchaseResponse':

mobile/openapi/lib/api_helper.dart

@@ -127,8 +127,8 @@ String parameterToString(dynamic value) {
   if (value is Permission) {
     return PermissionTypeTransformer().encode(value).toString();
   }
-  if (value is PluginContextType) {
-    return PluginContextTypeTypeTransformer().encode(value).toString();
+  if (value is PluginContext) {
+    return PluginContextTypeTransformer().encode(value).toString();
   }
   if (value is PluginTriggerType) {
     return PluginTriggerTypeTypeTransformer().encode(value).toString();

mobile/openapi/lib/model/plugin_action_response_dto.dart

@@ -32,7 +32,7 @@ class PluginActionResponseDto {
 
   Object? schema;
 
-  List<PluginContextType> supportedContexts;
+  List<PluginContext> supportedContexts;
 
   String title;
 
@@ -90,7 +90,7 @@ class PluginActionResponseDto {
         methodName: mapValueOfType<String>(json, r'methodName')!,
         pluginId: mapValueOfType<String>(json, r'pluginId')!,
         schema: mapValueOfType<Object>(json, r'schema'),
-        supportedContexts: PluginContextType.listFromJson(json[r'supportedContexts']),
+        supportedContexts: PluginContext.listFromJson(json[r'supportedContexts']),
         title: mapValueOfType<String>(json, r'title')!,
       );
     }

mobile/openapi/lib/model/plugin_context.dart

@@ -11,9 +11,9 @@
 part of openapi.api;
 
 
-class PluginContextType {
+class PluginContext {
   /// Instantiate a new enum with the provided [value].
-  const PluginContextType._(this.value);
+  const PluginContext._(this.value);
 
   /// The underlying value of this enum member.
   final String value;
@@ -23,24 +23,24 @@ class PluginContextType {
 
   String toJson() => value;
 
-  static const asset = PluginContextType._(r'asset');
-  static const album = PluginContextType._(r'album');
-  static const person = PluginContextType._(r'person');
+  static const asset = PluginContext._(r'asset');
+  static const album = PluginContext._(r'album');
+  static const person = PluginContext._(r'person');
 
-  /// List of all possible values in this [enum][PluginContextType].
-  static const values = <PluginContextType>[
+  /// List of all possible values in this [enum][PluginContext].
+  static const values = <PluginContext>[
     asset,
     album,
     person,
   ];
 
-  static PluginContextType? fromJson(dynamic value) => PluginContextTypeTypeTransformer().decode(value);
+  static PluginContext? fromJson(dynamic value) => PluginContextTypeTransformer().decode(value);
 
-  static List<PluginContextType> listFromJson(dynamic json, {bool growable = false,}) {
-    final result = <PluginContextType>[];
+  static List<PluginContext> listFromJson(dynamic json, {bool growable = false,}) {
+    final result = <PluginContext>[];
     if (json is List && json.isNotEmpty) {
       for (final row in json) {
-        final value = PluginContextType.fromJson(row);
+        final value = PluginContext.fromJson(row);
         if (value != null) {
           result.add(value);
         }
@@ -50,16 +50,16 @@ class PluginContextType {
   }
 }
 
-/// Transformation class that can [encode] an instance of [PluginContextType] to String,
-/// and [decode] dynamic data back to [PluginContextType].
-class PluginContextTypeTypeTransformer {
-  factory PluginContextTypeTypeTransformer() => _instance ??= const PluginContextTypeTypeTransformer._();
+/// Transformation class that can [encode] an instance of [PluginContext] to String,
+/// and [decode] dynamic data back to [PluginContext].
+class PluginContextTypeTransformer {
+  factory PluginContextTypeTransformer() => _instance ??= const PluginContextTypeTransformer._();
 
-  const PluginContextTypeTypeTransformer._();
+  const PluginContextTypeTransformer._();
 
-  String encode(PluginContextType data) => data.value;
+  String encode(PluginContext data) => data.value;
 
-  /// Decodes a [dynamic value][data] to a PluginContextType.
+  /// Decodes a [dynamic value][data] to a PluginContext.
   ///
   /// If [allowNull] is true and the [dynamic value][data] cannot be decoded successfully,
   /// then null is returned. However, if [allowNull] is false and the [dynamic value][data]
@@ -67,12 +67,12 @@ class PluginContextTypeTypeTransformer {
   ///
   /// The [allowNull] is very handy when an API changes and a new enum value is added or removed,
   /// and users are still using an old app with the old code.
-  PluginContextType? decode(dynamic data, {bool allowNull = true}) {
+  PluginContext? decode(dynamic data, {bool allowNull = true}) {
     if (data != null) {
       switch (data) {
-        case r'asset': return PluginContextType.asset;
-        case r'album': return PluginContextType.album;
-        case r'person': return PluginContextType.person;
+        case r'asset': return PluginContext.asset;
+        case r'album': return PluginContext.album;
+        case r'person': return PluginContext.person;
         default:
           if (!allowNull) {
             throw ArgumentError('Unknown enum value to decode: $data');
@@ -82,7 +82,7 @@ class PluginContextTypeTypeTransformer {
     return null;
   }
 
-  /// Singleton [PluginContextTypeTypeTransformer] instance.
-  static PluginContextTypeTypeTransformer? _instance;
+  /// Singleton [PluginContextTypeTransformer] instance.
+  static PluginContextTypeTransformer? _instance;
 }
 

mobile/openapi/lib/model/plugin_filter_response_dto.dart

@@ -32,7 +32,7 @@ class PluginFilterResponseDto {
 
   Object? schema;
 
-  List<PluginContextType> supportedContexts;
+  List<PluginContext> supportedContexts;
 
   String title;
 
@@ -90,7 +90,7 @@ class PluginFilterResponseDto {
         methodName: mapValueOfType<String>(json, r'methodName')!,
         pluginId: mapValueOfType<String>(json, r'pluginId')!,
         schema: mapValueOfType<Object>(json, r'schema'),
-        supportedContexts: PluginContextType.listFromJson(json[r'supportedContexts']),
+        supportedContexts: PluginContext.listFromJson(json[r'supportedContexts']),
         title: mapValueOfType<String>(json, r'title')!,
       );
     }

mobile/openapi/lib/model/plugin_trigger_response_dto.dart

@@ -1,107 +0,0 @@
-//
-// AUTO-GENERATED FILE, DO NOT MODIFY!
-//
-// @dart=2.18
-
-// ignore_for_file: unused_element, unused_import
-// ignore_for_file: always_put_required_named_parameters_first
-// ignore_for_file: constant_identifier_names
-// ignore_for_file: lines_longer_than_80_chars
-
-part of openapi.api;
-
-class PluginTriggerResponseDto {
-  /// Returns a new [PluginTriggerResponseDto] instance.
-  PluginTriggerResponseDto({
-    required this.contextType,
-    required this.type,
-  });
-
-  PluginContextType contextType;
-
-  PluginTriggerType type;
-
-  @override
-  bool operator ==(Object other) => identical(this, other) || other is PluginTriggerResponseDto &&
-    other.contextType == contextType &&
-    other.type == type;
-
-  @override
-  int get hashCode =>
-    // ignore: unnecessary_parenthesis
-    (contextType.hashCode) +
-    (type.hashCode);
-
-  @override
-  String toString() => 'PluginTriggerResponseDto[contextType=$contextType, type=$type]';
-
-  Map<String, dynamic> toJson() {
-    final json = <String, dynamic>{};
-      json[r'contextType'] = this.contextType;
-      json[r'type'] = this.type;
-    return json;
-  }
-
-  /// Returns a new [PluginTriggerResponseDto] instance and imports its values from
-  /// [value] if it's a [Map], null otherwise.
-  // ignore: prefer_constructors_over_static_methods
-  static PluginTriggerResponseDto? fromJson(dynamic value) {
-    upgradeDto(value, "PluginTriggerResponseDto");
-    if (value is Map) {
-      final json = value.cast<String, dynamic>();
-
-      return PluginTriggerResponseDto(
-        contextType: PluginContextType.fromJson(json[r'contextType'])!,
-        type: PluginTriggerType.fromJson(json[r'type'])!,
-      );
-    }
-    return null;
-  }
-
-  static List<PluginTriggerResponseDto> listFromJson(dynamic json, {bool growable = false,}) {
-    final result = <PluginTriggerResponseDto>[];
-    if (json is List && json.isNotEmpty) {
-      for (final row in json) {
-        final value = PluginTriggerResponseDto.fromJson(row);
-        if (value != null) {
-          result.add(value);
-        }
-      }
-    }
-    return result.toList(growable: growable);
-  }
-
-  static Map<String, PluginTriggerResponseDto> mapFromJson(dynamic json) {
-    final map = <String, PluginTriggerResponseDto>{};
-    if (json is Map && json.isNotEmpty) {
-      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
-      for (final entry in json.entries) {
-        final value = PluginTriggerResponseDto.fromJson(entry.value);
-        if (value != null) {
-          map[entry.key] = value;
-        }
-      }
-    }
-    return map;
-  }
-
-  // maps a json object with a list of PluginTriggerResponseDto-objects as value to a dart map
-  static Map<String, List<PluginTriggerResponseDto>> mapListFromJson(dynamic json, {bool growable = false,}) {
-    final map = <String, List<PluginTriggerResponseDto>>{};
-    if (json is Map && json.isNotEmpty) {
-      // ignore: parameter_assignments
-      json = json.cast<String, dynamic>();
-      for (final entry in json.entries) {
-        map[entry.key] = PluginTriggerResponseDto.listFromJson(entry.value, growable: growable,);
-      }
-    }
-    return map;
-  }
-
-  /// The list of required keys that must be present in a JSON.
-  static const requiredKeys = <String>{
-    'contextType',
-    'type',
-  };
-}
-

mobile/openapi/lib/model/workflow_response_dto.dart

@@ -40,7 +40,7 @@ class WorkflowResponseDto {
 
   String ownerId;
 
-  PluginTriggerType triggerType;
+  WorkflowResponseDtoTriggerTypeEnum triggerType;
 
   @override
   bool operator ==(Object other) => identical(this, other) || other is WorkflowResponseDto &&
@@ -105,7 +105,7 @@ class WorkflowResponseDto {
         id: mapValueOfType<String>(json, r'id')!,
         name: mapValueOfType<String>(json, r'name'),
         ownerId: mapValueOfType<String>(json, r'ownerId')!,
-        triggerType: PluginTriggerType.fromJson(json[r'triggerType'])!,
+        triggerType: WorkflowResponseDtoTriggerTypeEnum.fromJson(json[r'triggerType'])!,
       );
     }
     return null;
@@ -165,3 +165,77 @@ class WorkflowResponseDto {
   };
 }
 
+
+class WorkflowResponseDtoTriggerTypeEnum {
+  /// Instantiate a new enum with the provided [value].
+  const WorkflowResponseDtoTriggerTypeEnum._(this.value);
+
+  /// The underlying value of this enum member.
+  final String value;
+
+  @override
+  String toString() => value;
+
+  String toJson() => value;
+
+  static const assetCreate = WorkflowResponseDtoTriggerTypeEnum._(r'AssetCreate');
+  static const personRecognized = WorkflowResponseDtoTriggerTypeEnum._(r'PersonRecognized');
+
+  /// List of all possible values in this [enum][WorkflowResponseDtoTriggerTypeEnum].
+  static const values = <WorkflowResponseDtoTriggerTypeEnum>[
+    assetCreate,
+    personRecognized,
+  ];
+
+  static WorkflowResponseDtoTriggerTypeEnum? fromJson(dynamic value) => WorkflowResponseDtoTriggerTypeEnumTypeTransformer().decode(value);
+
+  static List<WorkflowResponseDtoTriggerTypeEnum> listFromJson(dynamic json, {bool growable = false,}) {
+    final result = <WorkflowResponseDtoTriggerTypeEnum>[];
+    if (json is List && json.isNotEmpty) {
+      for (final row in json) {
+        final value = WorkflowResponseDtoTriggerTypeEnum.fromJson(row);
+        if (value != null) {
+          result.add(value);
+        }
+      }
+    }
+    return result.toList(growable: growable);
+  }
+}
+
+/// Transformation class that can [encode] an instance of [WorkflowResponseDtoTriggerTypeEnum] to String,
+/// and [decode] dynamic data back to [WorkflowResponseDtoTriggerTypeEnum].
+class WorkflowResponseDtoTriggerTypeEnumTypeTransformer {
+  factory WorkflowResponseDtoTriggerTypeEnumTypeTransformer() => _instance ??= const WorkflowResponseDtoTriggerTypeEnumTypeTransformer._();
+
+  const WorkflowResponseDtoTriggerTypeEnumTypeTransformer._();
+
+  String encode(WorkflowResponseDtoTriggerTypeEnum data) => data.value;
+
+  /// Decodes a [dynamic value][data] to a WorkflowResponseDtoTriggerTypeEnum.
+  ///
+  /// If [allowNull] is true and the [dynamic value][data] cannot be decoded successfully,
+  /// then null is returned. However, if [allowNull] is false and the [dynamic value][data]
+  /// cannot be decoded successfully, then an [UnimplementedError] is thrown.
+  ///
+  /// The [allowNull] is very handy when an API changes and a new enum value is added or removed,
+  /// and users are still using an old app with the old code.
+  WorkflowResponseDtoTriggerTypeEnum? decode(dynamic data, {bool allowNull = true}) {
+    if (data != null) {
+      switch (data) {
+        case r'AssetCreate': return WorkflowResponseDtoTriggerTypeEnum.assetCreate;
+        case r'PersonRecognized': return WorkflowResponseDtoTriggerTypeEnum.personRecognized;
+        default:
+          if (!allowNull) {
+            throw ArgumentError('Unknown enum value to decode: $data');
+          }
+      }
+    }
+    return null;
+  }
+
+  /// Singleton [WorkflowResponseDtoTriggerTypeEnumTypeTransformer] instance.
+  static WorkflowResponseDtoTriggerTypeEnumTypeTransformer? _instance;
+}
+
+

mobile/openapi/lib/model/workflow_update_dto.dart

@@ -18,7 +18,6 @@ class WorkflowUpdateDto {
     this.enabled,
     this.filters = const [],
     this.name,
-    this.triggerType,
   });
 
   List<WorkflowActionItemDto> actions;
@@ -49,22 +48,13 @@ class WorkflowUpdateDto {
   ///
   String? name;
 
-  ///
-  /// Please note: This property should have been non-nullable! Since the specification file
-  /// does not include a default value (using the "default:" property), however, the generated
-  /// source code must fall back to having a nullable type.
-  /// Consider adding a "default:" property in the specification file to hide this note.
-  ///
-  PluginTriggerType? triggerType;
-
   @override
   bool operator ==(Object other) => identical(this, other) || other is WorkflowUpdateDto &&
     _deepEquality.equals(other.actions, actions) &&
     other.description == description &&
     other.enabled == enabled &&
     _deepEquality.equals(other.filters, filters) &&
-    other.name == name &&
-    other.triggerType == triggerType;
+    other.name == name;
 
   @override
   int get hashCode =>
@@ -73,11 +63,10 @@ class WorkflowUpdateDto {
     (description == null ? 0 : description!.hashCode) +
     (enabled == null ? 0 : enabled!.hashCode) +
     (filters.hashCode) +
-    (name == null ? 0 : name!.hashCode) +
-    (triggerType == null ? 0 : triggerType!.hashCode);
+    (name == null ? 0 : name!.hashCode);
 
   @override
-  String toString() => 'WorkflowUpdateDto[actions=$actions, description=$description, enabled=$enabled, filters=$filters, name=$name, triggerType=$triggerType]';
+  String toString() => 'WorkflowUpdateDto[actions=$actions, description=$description, enabled=$enabled, filters=$filters, name=$name]';
 
   Map<String, dynamic> toJson() {
     final json = <String, dynamic>{};
@@ -98,11 +87,6 @@ class WorkflowUpdateDto {
     } else {
     //  json[r'name'] = null;
     }
-    if (this.triggerType != null) {
-      json[r'triggerType'] = this.triggerType;
-    } else {
-    //  json[r'triggerType'] = null;
-    }
     return json;
   }
 
@@ -120,7 +104,6 @@ class WorkflowUpdateDto {
         enabled: mapValueOfType<bool>(json, r'enabled'),
         filters: WorkflowFilterItemDto.listFromJson(json[r'filters']),
         name: mapValueOfType<String>(json, r'name'),
-        triggerType: PluginTriggerType.fromJson(json[r'triggerType']),
       );
     }
     return null;

mobile/pubspec.lock

@@ -665,6 +665,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.0.27"
+  flutter_rating_bar:
+    dependency: "direct main"
+    description:
+      name: flutter_rating_bar
+      sha256: d2af03469eac832c591a1eba47c91ecc871fe5708e69967073c043b2d775ed93
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.1"
   flutter_riverpod:
     dependency: transitive
     description:

mobile/pubspec.yaml

@@ -33,6 +33,7 @@ dependencies:
   flutter_displaymode: ^0.7.0
   flutter_hooks: ^0.21.3+1
   flutter_local_notifications: ^17.2.1+2
+  flutter_rating_bar: ^4.0.1
   flutter_secure_storage: ^9.2.4
   flutter_svg: ^2.2.1
   flutter_udid: ^4.0.0

open-api/immich-openapi-specs.json

@@ -8020,55 +8020,6 @@
         "x-immich-state": "Alpha"
       }
     },
-    "/plugins/triggers": {
-      "get": {
-        "description": "Retrieve a list of all available plugin triggers.",
-        "operationId": "getPluginTriggers",
-        "parameters": [],
-        "responses": {
-          "200": {
-            "content": {
-              "application/json": {
-                "schema": {
-                  "items": {
-                    "$ref": "#/components/schemas/PluginTriggerResponseDto"
-                  },
-                  "type": "array"
-                }
-              }
-            },
-            "description": ""
-          }
-        },
-        "security": [
-          {
-            "bearer": []
-          },
-          {
-            "cookie": []
-          },
-          {
-            "api_key": []
-          }
-        ],
-        "summary": "List all plugin triggers",
-        "tags": [
-          "Plugins"
-        ],
-        "x-immich-history": [
-          {
-            "version": "v2.3.0",
-            "state": "Added"
-          },
-          {
-            "version": "v2.3.0",
-            "state": "Alpha"
-          }
-        ],
-        "x-immich-permission": "plugin.read",
-        "x-immich-state": "Alpha"
-      }
-    },
     "/plugins/{id}": {
       "get": {
         "description": "Retrieve information about a specific plugin by its ID.",
@@ -18331,7 +18282,7 @@
           },
           "supportedContexts": {
             "items": {
-              "$ref": "#/components/schemas/PluginContextType"
+              "$ref": "#/components/schemas/PluginContext"
             },
             "type": "array"
           },
@@ -18350,7 +18301,7 @@
         ],
         "type": "object"
       },
-      "PluginContextType": {
+      "PluginContext": {
         "enum": [
           "asset",
           "album",
@@ -18378,7 +18329,7 @@
           },
           "supportedContexts": {
             "items": {
-              "$ref": "#/components/schemas/PluginContextType"
+              "$ref": "#/components/schemas/PluginContext"
             },
             "type": "array"
           },
@@ -18450,29 +18401,6 @@
         ],
         "type": "object"
       },
-      "PluginTriggerResponseDto": {
-        "properties": {
-          "contextType": {
-            "allOf": [
-              {
-                "$ref": "#/components/schemas/PluginContextType"
-              }
-            ]
-          },
-          "type": {
-            "allOf": [
-              {
-                "$ref": "#/components/schemas/PluginTriggerType"
-              }
-            ]
-          }
-        },
-        "required": [
-          "contextType",
-          "type"
-        ],
-        "type": "object"
-      },
       "PluginTriggerType": {
         "enum": [
           "AssetCreate",
@@ -23388,11 +23316,11 @@
             "type": "string"
           },
           "triggerType": {
-            "allOf": [
-              {
-                "$ref": "#/components/schemas/PluginTriggerType"
-              }
-            ]
+            "enum": [
+              "AssetCreate",
+              "PersonRecognized"
+            ],
+            "type": "string"
           }
         },
         "required": [
@@ -23430,13 +23358,6 @@
           },
           "name": {
             "type": "string"
-          },
-          "triggerType": {
-            "allOf": [
-              {
-                "$ref": "#/components/schemas/PluginTriggerType"
-              }
-            ]
           }
         },
         "type": "object"

open-api/typescript-sdk/src/fetch-client.ts

@@ -942,7 +942,7 @@ export type PluginActionResponseDto = {
     methodName: string;
     pluginId: string;
     schema: object | null;
-    supportedContexts: PluginContextType[];
+    supportedContexts: PluginContext[];
     title: string;
 };
 export type PluginFilterResponseDto = {
@@ -951,7 +951,7 @@ export type PluginFilterResponseDto = {
     methodName: string;
     pluginId: string;
     schema: object | null;
-    supportedContexts: PluginContextType[];
+    supportedContexts: PluginContext[];
     title: string;
 };
 export type PluginResponseDto = {
@@ -966,10 +966,6 @@ export type PluginResponseDto = {
     updatedAt: string;
     version: string;
 };
-export type PluginTriggerResponseDto = {
-    contextType: PluginContextType;
-    "type": PluginTriggerType;
-};
 export type QueueResponseDto = {
     isPaused: boolean;
     name: QueueName;
@@ -1754,7 +1750,7 @@ export type WorkflowResponseDto = {
     id: string;
     name: string | null;
     ownerId: string;
-    triggerType: PluginTriggerType;
+    triggerType: TriggerType;
 };
 export type WorkflowActionItemDto = {
     actionConfig?: object;
@@ -1778,7 +1774,6 @@ export type WorkflowUpdateDto = {
     enabled?: boolean;
     filters?: WorkflowFilterItemDto[];
     name?: string;
-    triggerType?: PluginTriggerType;
 };
 /**
  * List all activities
@@ -3661,17 +3656,6 @@ export function getPlugins(opts?: Oazapfts.RequestOpts) {
         ...opts
     }));
 }
-/**
- * List all plugin triggers
- */
-export function getPluginTriggers(opts?: Oazapfts.RequestOpts) {
-    return oazapfts.ok(oazapfts.fetchJson<{
-        status: 200;
-        data: PluginTriggerResponseDto[];
-    }>("/plugins/triggers", {
-        ...opts
-    }));
-}
 /**
  * Retrieve a plugin
  */
@@ -5434,15 +5418,11 @@ export enum PartnerDirection {
     SharedBy = "shared-by",
     SharedWith = "shared-with"
 }
-export enum PluginContextType {
+export enum PluginContext {
     Asset = "asset",
     Album = "album",
     Person = "person"
 }
-export enum PluginTriggerType {
-    AssetCreate = "AssetCreate",
-    PersonRecognized = "PersonRecognized"
-}
 export enum QueueJobStatus {
     Active = "active",
     Failed = "failed",
@@ -5659,3 +5639,11 @@ export enum OAuthTokenEndpointAuthMethod {
     ClientSecretPost = "client_secret_post",
     ClientSecretBasic = "client_secret_basic"
 }
+export enum TriggerType {
+    AssetCreate = "AssetCreate",
+    PersonRecognized = "PersonRecognized"
+}
+export enum PluginTriggerType {
+    AssetCreate = "AssetCreate",
+    PersonRecognized = "PersonRecognized"
+}

plugins/manifest.json

@@ -1,36 +1,30 @@
 {
   "name": "immich-core",
-  "version": "2.0.1",
+  "version": "2.0.0",
   "title": "Immich Core",
   "description": "Core workflow capabilities for Immich",
   "author": "Immich Team",
+
   "wasm": {
     "path": "dist/plugin.wasm"
   },
+
   "filters": [
     {
       "methodName": "filterFileName",
       "title": "Filter by filename",
       "description": "Filter assets by filename pattern using text matching or regular expressions",
-      "supportedContexts": [
-        "asset"
-      ],
+      "supportedContexts": ["asset"],
       "schema": {
         "type": "object",
         "properties": {
           "pattern": {
             "type": "string",
-            "title": "Filename pattern",
             "description": "Text or regex pattern to match against filename"
           },
           "matchType": {
             "type": "string",
-            "title": "Match type",
-            "enum": [
-              "contains",
-              "regex",
-              "exact"
-            ],
+            "enum": ["contains", "regex", "exact"],
             "default": "contains",
             "description": "Type of pattern matching to perform"
           },
@@ -40,57 +34,43 @@
             "description": "Whether matching should be case-sensitive"
           }
         },
-        "required": [
-          "pattern"
-        ]
+        "required": ["pattern"]
       }
     },
     {
       "methodName": "filterFileType",
       "title": "Filter by file type",
       "description": "Filter assets by file type",
-      "supportedContexts": [
-        "asset"
-      ],
+      "supportedContexts": ["asset"],
       "schema": {
         "type": "object",
         "properties": {
           "fileTypes": {
             "type": "array",
-            "title": "File types",
             "items": {
               "type": "string",
-              "enum": [
-                "image",
-                "video"
-              ]
+              "enum": ["IMAGE", "VIDEO"]
             },
             "description": "Allowed file types"
           }
         },
-        "required": [
-          "fileTypes"
-        ]
+        "required": ["fileTypes"]
       }
     },
     {
       "methodName": "filterPerson",
       "title": "Filter by person",
       "description": "Filter by detected person",
-      "supportedContexts": [
-        "person"
-      ],
+      "supportedContexts": ["person"],
       "schema": {
         "type": "object",
         "properties": {
           "personIds": {
             "type": "array",
-            "title": "Person IDs",
             "items": {
               "type": "string"
             },
-            "description": "List of person to match",
-            "subType": "people-picker"
+            "description": "List of person to match"
           },
           "matchAny": {
             "type": "boolean",
@@ -98,29 +78,24 @@
             "description": "Match any name (true) or require all names (false)"
           }
         },
-        "required": [
-          "personIds"
-        ]
+        "required": ["personIds"]
       }
     }
   ],
+
   "actions": [
     {
       "methodName": "actionArchive",
       "title": "Archive",
       "description": "Move the asset to archive",
-      "supportedContexts": [
-        "asset"
-      ],
+      "supportedContexts": ["asset"],
       "schema": {}
     },
     {
       "methodName": "actionFavorite",
       "title": "Favorite",
       "description": "Mark the asset as favorite or unfavorite",
-      "supportedContexts": [
-        "asset"
-      ],
+      "supportedContexts": ["asset"],
       "schema": {
         "type": "object",
         "properties": {
@@ -136,23 +111,16 @@
       "methodName": "actionAddToAlbum",
       "title": "Add to Album",
       "description": "Add the item to a specified album",
-      "supportedContexts": [
-        "asset",
-        "person"
-      ],
+      "supportedContexts": ["asset", "person"],
       "schema": {
         "type": "object",
         "properties": {
           "albumId": {
             "type": "string",
-            "title": "Album ID",
-            "description": "Target album ID",
-            "subType": "album-picker"
+            "description": "Target album ID"
           }
         },
-        "required": [
-          "albumId"
-        ]
+        "required": ["albumId"]
       }
     }
   ]

server/package.json

@@ -70,7 +70,7 @@
     "cookie": "^1.0.2",
     "cookie-parser": "^1.4.7",
     "cron": "4.3.3",
-    "exiftool-vendored": "^33.0.0",
+    "exiftool-vendored": "^34.0.0",
     "express": "^5.1.0",
     "fast-glob": "^3.3.2",
     "fluent-ffmpeg": "^2.1.2",

server/src/controllers/plugin.controller.ts

@@ -1,7 +1,7 @@
 import { Controller, Get, Param } from '@nestjs/common';
 import { ApiTags } from '@nestjs/swagger';
 import { Endpoint, HistoryBuilder } from 'src/decorators';
-import { PluginResponseDto, PluginTriggerResponseDto } from 'src/dtos/plugin.dto';
+import { PluginResponseDto } from 'src/dtos/plugin.dto';
 import { Permission } from 'src/enum';
 import { Authenticated } from 'src/middleware/auth.guard';
 import { PluginService } from 'src/services/plugin.service';
@@ -12,17 +12,6 @@ import { UUIDParamDto } from 'src/validation';
 export class PluginController {
   constructor(private service: PluginService) {}
 
-  @Get('triggers')
-  @Authenticated({ permission: Permission.PluginRead })
-  @Endpoint({
-    summary: 'List all plugin triggers',
-    description: 'Retrieve a list of all available plugin triggers.',
-    history: new HistoryBuilder().added('v2.3.0').alpha('v2.3.0'),
-  })
-  getPluginTriggers(): PluginTriggerResponseDto[] {
-    return this.service.getTriggers();
-  }
-
   @Get()
   @Authenticated({ permission: Permission.PluginRead })
   @Endpoint({

server/src/dtos/plugin.dto.ts

@@ -1,16 +1,9 @@
 import { IsNotEmpty, IsString } from 'class-validator';
 import { PluginAction, PluginFilter } from 'src/database';
-import { PluginContext as PluginContextType, PluginTriggerType } from 'src/enum';
+import { PluginContext } from 'src/enum';
 import type { JSONSchema } from 'src/types/plugin-schema.types';
 import { ValidateEnum } from 'src/validation';
 
-export class PluginTriggerResponseDto {
-  @ValidateEnum({ enum: PluginTriggerType, name: 'PluginTriggerType' })
-  type!: PluginTriggerType;
-  @ValidateEnum({ enum: PluginContextType, name: 'PluginContextType' })
-  contextType!: PluginContextType;
-}
-
 export class PluginResponseDto {
   id!: string;
   name!: string;
@@ -31,8 +24,8 @@ export class PluginFilterResponseDto {
   title!: string;
   description!: string;
 
-  @ValidateEnum({ enum: PluginContextType, name: 'PluginContextType' })
-  supportedContexts!: PluginContextType[];
+  @ValidateEnum({ enum: PluginContext, name: 'PluginContext' })
+  supportedContexts!: PluginContext[];
   schema!: JSONSchema | null;
 }
 
@@ -43,8 +36,8 @@ export class PluginActionResponseDto {
   title!: string;
   description!: string;
 
-  @ValidateEnum({ enum: PluginContextType, name: 'PluginContextType' })
-  supportedContexts!: PluginContextType[];
+  @ValidateEnum({ enum: PluginContext, name: 'PluginContext' })
+  supportedContexts!: PluginContext[];
   schema!: JSONSchema | null;
 }
 

server/src/dtos/workflow.dto.ts

@@ -48,9 +48,6 @@ export class WorkflowCreateDto {
 }
 
 export class WorkflowUpdateDto {
-  @ValidateEnum({ enum: PluginTriggerType, name: 'PluginTriggerType', optional: true })
-  triggerType?: PluginTriggerType;
-
   @IsString()
   @IsNotEmpty()
   @Optional()
@@ -77,7 +74,6 @@ export class WorkflowUpdateDto {
 export class WorkflowResponseDto {
   id!: string;
   ownerId!: string;
-  @ValidateEnum({ enum: PluginTriggerType, name: 'PluginTriggerType' })
   triggerType!: PluginTriggerType;
   name!: string | null;
   description!: string;

server/src/plugins.ts

@@ -1,17 +1,37 @@
 import { PluginContext, PluginTriggerType } from 'src/enum';
+import { JSONSchema } from 'src/types/plugin-schema.types';
 
 export type PluginTrigger = {
+  name: string;
   type: PluginTriggerType;
-  contextType: PluginContext;
+  description: string;
+  context: PluginContext;
+  schema: JSONSchema | null;
 };
 
 export const pluginTriggers: PluginTrigger[] = [
   {
+    name: 'Asset Uploaded',
     type: PluginTriggerType.AssetCreate,
-    contextType: PluginContext.Asset,
+    description: 'Triggered when a new asset is uploaded',
+    context: PluginContext.Asset,
+    schema: {
+      type: 'object',
+      properties: {
+        assetType: {
+          type: 'string',
+          description: 'Type of the asset',
+          default: 'ALL',
+          enum: ['Image', 'Video', 'All'],
+        },
+      },
+    },
   },
   {
+    name: 'Person Recognized',
     type: PluginTriggerType.PersonRecognized,
-    contextType: PluginContext.Person,
+    description: 'Triggered when a person is detected in an asset',
+    context: PluginContext.Person,
+    schema: null,
   },
 ];

server/src/queries/workflow.repository.sql

@@ -7,8 +7,6 @@ from
   "workflow"
 where
   "id" = $1
-order by
-  "createdAt" desc
 
 -- WorkflowRepository.getWorkflowsByOwner
 select
@@ -18,7 +16,7 @@ from
 where
   "ownerId" = $1
 order by
-  "createdAt" desc
+  "name"
 
 -- WorkflowRepository.getWorkflowsByTrigger
 select

server/src/repositories/workflow.repository.ts

@@ -12,22 +12,12 @@ export class WorkflowRepository {
 
   @GenerateSql({ params: [DummyValue.UUID] })
   getWorkflow(id: string) {
-    return this.db
-      .selectFrom('workflow')
-      .selectAll()
-      .where('id', '=', id)
-      .orderBy('createdAt', 'desc')
-      .executeTakeFirst();
+    return this.db.selectFrom('workflow').selectAll().where('id', '=', id).executeTakeFirst();
   }
 
   @GenerateSql({ params: [DummyValue.UUID] })
   getWorkflowsByOwner(ownerId: string) {
-    return this.db
-      .selectFrom('workflow')
-      .selectAll()
-      .where('ownerId', '=', ownerId)
-      .orderBy('createdAt', 'desc')
-      .execute();
+    return this.db.selectFrom('workflow').selectAll().where('ownerId', '=', ownerId).orderBy('name').execute();
   }
 
   @GenerateSql({ params: [PluginTriggerType.AssetCreate] })

server/src/services/plugin.service.ts

@@ -6,9 +6,8 @@ import { join } from 'node:path';
 import { Asset, WorkflowAction, WorkflowFilter } from 'src/database';
 import { OnEvent, OnJob } from 'src/decorators';
 import { PluginManifestDto } from 'src/dtos/plugin-manifest.dto';
-import { mapPlugin, PluginResponseDto, PluginTriggerResponseDto } from 'src/dtos/plugin.dto';
+import { mapPlugin, PluginResponseDto } from 'src/dtos/plugin.dto';
 import { JobName, JobStatus, PluginTriggerType, QueueName } from 'src/enum';
-import { pluginTriggers } from 'src/plugins';
 import { ArgOf } from 'src/repositories/event.repository';
 import { BaseService } from 'src/services/base.service';
 import { PluginHostFunctions } from 'src/services/plugin-host.functions';
@@ -51,10 +50,6 @@ export class PluginService extends BaseService {
     await this.loadPlugins();
   }
 
-  getTriggers(): PluginTriggerResponseDto[] {
-    return pluginTriggers;
-  }
-
   //
   // CRUD operations for plugins
   //

server/src/services/workflow.service.ts

@@ -16,10 +16,10 @@ import { BaseService } from 'src/services/base.service';
 @Injectable()
 export class WorkflowService extends BaseService {
   async create(auth: AuthDto, dto: WorkflowCreateDto): Promise<WorkflowResponseDto> {
-    const context = this.getContextForTrigger(dto.triggerType);
+    const trigger = this.getTriggerOrFail(dto.triggerType);
 
-    const filterInserts = await this.validateAndMapFilters(dto.filters, context);
-    const actionInserts = await this.validateAndMapActions(dto.actions, context);
+    const filterInserts = await this.validateAndMapFilters(dto.filters, trigger.context);
+    const actionInserts = await this.validateAndMapActions(dto.actions, trigger.context);
 
     const workflow = await this.workflowRepository.createWorkflow(
       {
@@ -56,11 +56,11 @@ export class WorkflowService extends BaseService {
     }
 
     const workflow = await this.findOrFail(id);
-    const context = this.getContextForTrigger(dto.triggerType ?? workflow.triggerType);
+    const trigger = this.getTriggerOrFail(workflow.triggerType);
 
     const { filters, actions, ...workflowUpdate } = dto;
-    const filterInserts = filters && (await this.validateAndMapFilters(filters, context));
-    const actionInserts = actions && (await this.validateAndMapActions(actions, context));
+    const filterInserts = filters && (await this.validateAndMapFilters(filters, trigger.context));
+    const actionInserts = actions && (await this.validateAndMapActions(actions, trigger.context));
 
     const updatedWorkflow = await this.workflowRepository.updateWorkflow(
       id,
@@ -124,12 +124,12 @@ export class WorkflowService extends BaseService {
     }));
   }
 
-  private getContextForTrigger(type: PluginTriggerType) {
-    const trigger = pluginTriggers.find((t) => t.type === type);
+  private getTriggerOrFail(triggerType: PluginTriggerType) {
+    const trigger = pluginTriggers.find((t) => t.type === triggerType);
     if (!trigger) {
-      throw new BadRequestException(`Invalid trigger type: ${type}`);
+      throw new BadRequestException(`Invalid trigger type: ${triggerType}`);
     }
-    return trigger.contextType;
+    return trigger;
   }
 
   private async findOrFail(id: string) {

server/test/medium/specs/services/workflow.service.spec.ts

@@ -611,100 +611,6 @@ describe(WorkflowService.name, () => {
         sut.update(auth, created.id, { actions: [{ pluginActionId: factory.uuid(), actionConfig: {} }] }),
       ).rejects.toThrow();
     });
-
-    it('should update trigger type', async () => {
-      const { sut, ctx } = setup();
-      const { user } = await ctx.newUser();
-      const auth = factory.auth({ user });
-
-      const created = await sut.create(auth, {
-        triggerType: PluginTriggerType.PersonRecognized,
-        name: 'test-workflow',
-        description: 'Test',
-        enabled: true,
-        filters: [],
-        actions: [],
-      });
-
-      await sut.update(auth, created.id, {
-        triggerType: PluginTriggerType.AssetCreate,
-      });
-
-      const fetched = await sut.get(auth, created.id);
-      expect(fetched.triggerType).toBe(PluginTriggerType.AssetCreate);
-    });
-
-    it('should add filters', async () => {
-      const { sut, ctx } = setup();
-      const { user } = await ctx.newUser();
-      const auth = factory.auth({ user });
-
-      const created = await sut.create(auth, {
-        triggerType: PluginTriggerType.AssetCreate,
-        name: 'test-workflow',
-        description: 'Test',
-        enabled: true,
-        filters: [],
-        actions: [],
-      });
-
-      await sut.update(auth, created.id, {
-        filters: [
-          { pluginFilterId: testFilterId, filterConfig: { first: true } },
-          { pluginFilterId: testFilterId, filterConfig: { second: true } },
-        ],
-      });
-
-      const fetched = await sut.get(auth, created.id);
-      expect(fetched.filters).toHaveLength(2);
-      expect(fetched.filters[0].filterConfig).toEqual({ first: true });
-      expect(fetched.filters[1].filterConfig).toEqual({ second: true });
-    });
-
-    it('should replace existing filters', async () => {
-      const { sut, ctx } = setup();
-      const { user } = await ctx.newUser();
-      const auth = factory.auth({ user });
-
-      const created = await sut.create(auth, {
-        triggerType: PluginTriggerType.AssetCreate,
-        name: 'test-workflow',
-        description: 'Test',
-        enabled: true,
-        filters: [{ pluginFilterId: testFilterId, filterConfig: { original: true } }],
-        actions: [],
-      });
-
-      await sut.update(auth, created.id, {
-        filters: [{ pluginFilterId: testFilterId, filterConfig: { replaced: true } }],
-      });
-
-      const fetched = await sut.get(auth, created.id);
-      expect(fetched.filters).toHaveLength(1);
-      expect(fetched.filters[0].filterConfig).toEqual({ replaced: true });
-    });
-
-    it('should remove existing filters', async () => {
-      const { sut, ctx } = setup();
-      const { user } = await ctx.newUser();
-      const auth = factory.auth({ user });
-
-      const created = await sut.create(auth, {
-        triggerType: PluginTriggerType.AssetCreate,
-        name: 'test-workflow',
-        description: 'Test',
-        enabled: true,
-        filters: [{ pluginFilterId: testFilterId, filterConfig: { toRemove: true } }],
-        actions: [],
-      });
-
-      await sut.update(auth, created.id, {
-        filters: [],
-      });
-
-      const fetched = await sut.get(auth, created.id);
-      expect(fetched.filters).toHaveLength(0);
-    });
   });
 
   describe('delete', () => {

web/package.json

@@ -58,7 +58,6 @@
     "socket.io-client": "~4.8.0",
     "svelte-gestures": "^5.2.2",
     "svelte-i18n": "^4.0.1",
-    "svelte-jsoneditor": "^3.10.0",
     "svelte-maplibre": "^1.2.5",
     "svelte-persisted-store": "^0.12.0",
     "tabbable": "^6.2.0",

web/src/lib/actions/drag-and-drop.ts

@@ -1,118 +0,0 @@
-export interface DragAndDropOptions {
-  index: number;
-  onDragStart?: (index: number) => void;
-  onDragEnter?: (index: number) => void;
-  onDrop?: (e: DragEvent, index: number) => void;
-  onDragEnd?: () => void;
-  isDragging?: boolean;
-  isDragOver?: boolean;
-}
-
-export function dragAndDrop(node: HTMLElement, options: DragAndDropOptions) {
-  let { index, onDragStart, onDragEnter, onDrop, onDragEnd, isDragging, isDragOver } = options;
-
-  const isFormElement = (element: HTMLElement) => {
-    return element.tagName === 'INPUT' || element.tagName === 'TEXTAREA' || element.tagName === 'SELECT';
-  };
-
-  const handleDragStart = (e: DragEvent) => {
-    // Prevent drag if it originated from an input, textarea, or select element
-    const target = e.target as HTMLElement;
-    if (isFormElement(target)) {
-      e.preventDefault();
-      return;
-    }
-    onDragStart?.(index);
-  };
-
-  const handleDragEnter = () => {
-    onDragEnter?.(index);
-  };
-
-  const handleDragOver = (e: DragEvent) => {
-    e.preventDefault();
-  };
-
-  const handleDrop = (e: DragEvent) => {
-    onDrop?.(e, index);
-  };
-
-  const handleDragEnd = () => {
-    onDragEnd?.();
-  };
-
-  // Disable draggable when focusing on form elements (fixes Firefox input interaction)
-  const handleFocusIn = (e: FocusEvent) => {
-    const target = e.target as HTMLElement;
-    if (isFormElement(target)) {
-      node.setAttribute('draggable', 'false');
-    }
-  };
-
-  const handleFocusOut = (e: FocusEvent) => {
-    const target = e.target as HTMLElement;
-    if (isFormElement(target)) {
-      node.setAttribute('draggable', 'true');
-    }
-  };
-
-  node.setAttribute('draggable', 'true');
-  node.setAttribute('role', 'button');
-  node.setAttribute('tabindex', '0');
-
-  node.addEventListener('dragstart', handleDragStart);
-  node.addEventListener('dragenter', handleDragEnter);
-  node.addEventListener('dragover', handleDragOver);
-  node.addEventListener('drop', handleDrop);
-  node.addEventListener('dragend', handleDragEnd);
-  node.addEventListener('focusin', handleFocusIn);
-  node.addEventListener('focusout', handleFocusOut);
-
-  // Update classes based on drag state
-  const updateClasses = (dragging: boolean, dragOver: boolean) => {
-    // Remove all drag-related classes first
-    node.classList.remove('opacity-50', 'border-gray-400', 'dark:border-gray-500', 'border-solid');
-
-    // Add back only the active ones
-    if (dragging) {
-      node.classList.add('opacity-50');
-    }
-
-    if (dragOver) {
-      node.classList.add('border-gray-400', 'dark:border-gray-500', 'border-solid');
-      node.classList.remove('border-transparent');
-    } else {
-      node.classList.add('border-transparent');
-    }
-  };
-
-  updateClasses(isDragging || false, isDragOver || false);
-
-  return {
-    update(newOptions: DragAndDropOptions) {
-      index = newOptions.index;
-      onDragStart = newOptions.onDragStart;
-      onDragEnter = newOptions.onDragEnter;
-      onDrop = newOptions.onDrop;
-      onDragEnd = newOptions.onDragEnd;
-
-      const newIsDragging = newOptions.isDragging || false;
-      const newIsDragOver = newOptions.isDragOver || false;
-
-      if (newIsDragging !== isDragging || newIsDragOver !== isDragOver) {
-        isDragging = newIsDragging;
-        isDragOver = newIsDragOver;
-        updateClasses(isDragging, isDragOver);
-      }
-    },
-    destroy() {
-      node.removeEventListener('dragstart', handleDragStart);
-      node.removeEventListener('dragenter', handleDragEnter);
-      node.removeEventListener('dragover', handleDragOver);
-      node.removeEventListener('drop', handleDrop);
-      node.removeEventListener('dragend', handleDragEnd);
-      node.removeEventListener('focusin', handleFocusIn);
-      node.removeEventListener('focusout', handleFocusOut);
-    },
-  };
-}

web/src/lib/attachments/drag-and-drop.svelte.ts

@@ -1,105 +0,0 @@
-import type { Attachment } from 'svelte/attachments';
-
-export interface DragAndDropOptions {
-  index: number;
-  onDragStart?: (index: number) => void;
-  onDragEnter?: (index: number) => void;
-  onDrop?: (e: DragEvent, index: number) => void;
-  onDragEnd?: () => void;
-  isDragging?: boolean;
-  isDragOver?: boolean;
-}
-
-export function dragAndDrop(options: DragAndDropOptions): Attachment {
-  return (node: Element) => {
-    const element = node as HTMLElement;
-    const { index, onDragStart, onDragEnter, onDrop, onDragEnd, isDragging, isDragOver } = options;
-
-    const isFormElement = (el: HTMLElement) => {
-      return el.tagName === 'INPUT' || el.tagName === 'TEXTAREA' || el.tagName === 'SELECT';
-    };
-
-    const handleDragStart = (e: DragEvent) => {
-      // Prevent drag if it originated from an input, textarea, or select element
-      const target = e.target as HTMLElement;
-      if (isFormElement(target)) {
-        e.preventDefault();
-        return;
-      }
-      onDragStart?.(index);
-    };
-
-    const handleDragEnter = () => {
-      onDragEnter?.(index);
-    };
-
-    const handleDragOver = (e: DragEvent) => {
-      e.preventDefault();
-    };
-
-    const handleDrop = (e: DragEvent) => {
-      onDrop?.(e, index);
-    };
-
-    const handleDragEnd = () => {
-      onDragEnd?.();
-    };
-
-    // Disable draggable when focusing on form elements (fixes Firefox input interaction)
-    const handleFocusIn = (e: FocusEvent) => {
-      const target = e.target as HTMLElement;
-      if (isFormElement(target)) {
-        element.setAttribute('draggable', 'false');
-      }
-    };
-
-    const handleFocusOut = (e: FocusEvent) => {
-      const target = e.target as HTMLElement;
-      if (isFormElement(target)) {
-        element.setAttribute('draggable', 'true');
-      }
-    };
-
-    // Update classes based on drag state
-    const updateClasses = (dragging: boolean, dragOver: boolean) => {
-      // Remove all drag-related classes first
-      element.classList.remove('opacity-50', 'border-light-500', 'border-solid');
-
-      // Add back only the active ones
-      if (dragging) {
-        element.classList.add('opacity-50');
-      }
-
-      if (dragOver) {
-        element.classList.add('border-light-500', 'border-solid');
-        element.classList.remove('border-transparent');
-      } else {
-        element.classList.add('border-transparent');
-      }
-    };
-
-    element.setAttribute('draggable', 'true');
-    element.setAttribute('role', 'button');
-    element.setAttribute('tabindex', '0');
-
-    element.addEventListener('dragstart', handleDragStart);
-    element.addEventListener('dragenter', handleDragEnter);
-    element.addEventListener('dragover', handleDragOver);
-    element.addEventListener('drop', handleDrop);
-    element.addEventListener('dragend', handleDragEnd);
-    element.addEventListener('focusin', handleFocusIn);
-    element.addEventListener('focusout', handleFocusOut);
-
-    updateClasses(isDragging || false, isDragOver || false);
-
-    return () => {
-      element.removeEventListener('dragstart', handleDragStart);
-      element.removeEventListener('dragenter', handleDragEnter);
-      element.removeEventListener('dragover', handleDragOver);
-      element.removeEventListener('drop', handleDrop);
-      element.removeEventListener('dragend', handleDragEnd);
-      element.removeEventListener('focusin', handleFocusIn);
-      element.removeEventListener('focusout', handleFocusOut);
-    };
-  };
-}

web/src/lib/components/assets/thumbnail/thumbnail.svelte

@@ -126,6 +126,7 @@
 
   const onMouseLeave = () => {
     mouseOver = false;
+    onMouseEvent?.({ isMouseOver: false, selectedGroupIndex: groupIndex });
   };
 
   let timer: ReturnType<typeof setTimeout> | null = null;

web/src/lib/components/utilities-page/utilities-menu.svelte

@@ -9,7 +9,6 @@
     mdiCrosshairsGps,
     mdiImageSizeSelectLarge,
     mdiLinkEdit,
-    mdiStateMachine,
   } from '@mdi/js';
   import { t } from 'svelte-i18n';
 
@@ -17,7 +16,6 @@
     { href: AppRoute.DUPLICATES, icon: mdiContentDuplicate, label: $t('review_duplicates') },
     { href: AppRoute.LARGE_FILES, icon: mdiImageSizeSelectLarge, label: $t('review_large_files') },
     { href: AppRoute.GEOLOCATION, icon: mdiCrosshairsGps, label: $t('manage_geolocation') },
-    { href: AppRoute.WORKFLOWS, icon: mdiStateMachine, label: $t('workflows') },
   ];
 </script>
 

web/src/lib/components/workflows/SchemaFormFields.svelte

@@ -1,171 +0,0 @@
-<script lang="ts">
-  import { getComponentDefaultValue, getComponentFromSchema } from '$lib/utils/workflow';
-  import { Field, Input, MultiSelect, Select, Switch, Text } from '@immich/ui';
-  import WorkflowPickerField from './WorkflowPickerField.svelte';
-
-  type Props = {
-    schema: object | null;
-    config: Record<string, unknown>;
-    configKey?: string;
-  };
-
-  let { schema = null, config = $bindable({}), configKey }: Props = $props();
-
-  const components = $derived(getComponentFromSchema(schema));
-
-  // Get the actual config object to work with
-  const actualConfig = $derived(configKey ? (config[configKey] as Record<string, unknown>) || {} : config);
-
-  // Update function that handles nested config
-  const updateConfig = (key: string, value: unknown) => {
-    config = configKey ? { ...config, [configKey]: { ...actualConfig, [key]: value } } : { ...config, [key]: value };
-  };
-
-  const updateConfigBatch = (updates: Record<string, unknown>) => {
-    config = configKey ? { ...config, [configKey]: { ...actualConfig, ...updates } } : { ...config, ...updates };
-  };
-
-  // Derive which keys need initialization (missing from actualConfig)
-  const uninitializedKeys = $derived.by(() => {
-    if (!components) {
-      return [];
-    }
-
-    return Object.entries(components)
-      .filter(([key]) => actualConfig[key] === undefined)
-      .map(([key, component]) => ({ key, component, defaultValue: getComponentDefaultValue(component) }));
-  });
-
-  // Derive the batch updates needed
-  const pendingUpdates = $derived.by(() => {
-    const updates: Record<string, unknown> = {};
-    for (const { key, defaultValue } of uninitializedKeys) {
-      updates[key] = defaultValue;
-    }
-    return updates;
-  });
-
-  // Initialize config namespace if needed
-  $effect(() => {
-    if (configKey && !config[configKey]) {
-      config = { ...config, [configKey]: {} };
-    }
-  });
-
-  // Apply pending config updates
-  $effect(() => {
-    if (Object.keys(pendingUpdates).length > 0) {
-      updateConfigBatch(pendingUpdates);
-    }
-  });
-
-  const isPickerField = (subType: string | undefined) => subType === 'album-picker' || subType === 'people-picker';
-</script>
-
-{#if components}
-  <div class="flex flex-col gap-2">
-    {#each Object.entries(components) as [key, component] (key)}
-      {@const label = component.title || component.label || key}
-
-      <div class="flex flex-col gap-1 border bg-light p-4 rounded-xl">
-        <!-- Select component -->
-        {#if component.type === 'select'}
-          {#if isPickerField(component.subType)}
-            <WorkflowPickerField
-              {component}
-              configKey={key}
-              value={actualConfig[key] as string | string[]}
-              onchange={(value) => updateConfig(key, value)}
-            />
-          {:else}
-            {@const options = component.options?.map((opt) => {
-              return { label: opt.label, value: String(opt.value) };
-            }) || [{ label: 'N/A', value: '' }]}
-            {@const currentValue = actualConfig[key]}
-            {@const selectedItem = options.find((opt) => opt.value === String(currentValue)) ?? options[0]}
-
-            <Field
-              {label}
-              required={component.required}
-              description={component.description}
-              requiredIndicator={component.required}
-            >
-              <Select data={options} onChange={(opt) => updateConfig(key, opt.value)} value={selectedItem} />
-            </Field>
-          {/if}
-
-          <!-- MultiSelect component -->
-        {:else if component.type === 'multiselect'}
-          {#if isPickerField(component.subType)}
-            <WorkflowPickerField
-              {component}
-              configKey={key}
-              value={actualConfig[key] as string | string[]}
-              onchange={(value) => updateConfig(key, value)}
-            />
-          {:else}
-            {@const options = component.options?.map((opt) => {
-              return { label: opt.label, value: String(opt.value) };
-            }) || [{ label: 'N/A', value: '' }]}
-            {@const currentValues = (actualConfig[key] as string[]) ?? []}
-            {@const selectedItems = options.filter((opt) => currentValues.includes(opt.value))}
-
-            <Field
-              {label}
-              required={component.required}
-              description={component.description}
-              requiredIndicator={component.required}
-            >
-              <MultiSelect
-                data={options}
-                onChange={(opt) =>
-                  updateConfig(
-                    key,
-                    opt.map((o) => o.value),
-                  )}
-                values={selectedItems}
-              />
-            </Field>
-          {/if}
-
-          <!-- Switch component -->
-        {:else if component.type === 'switch'}
-          {@const checked = Boolean(actualConfig[key])}
-          <Field
-            {label}
-            description={component.description}
-            requiredIndicator={component.required}
-            required={component.required}
-          >
-            <Switch {checked} onCheckedChange={(check) => updateConfig(key, check)} />
-          </Field>
-
-          <!-- Text input -->
-        {:else if isPickerField(component.subType)}
-          <WorkflowPickerField
-            {component}
-            configKey={key}
-            value={actualConfig[key] as string | string[]}
-            onchange={(value) => updateConfig(key, value)}
-          />
-        {:else}
-          <Field
-            {label}
-            description={component.description}
-            requiredIndicator={component.required}
-            required={component.required}
-          >
-            <Input
-              id={key}
-              value={actualConfig[key] as string}
-              oninput={(e) => updateConfig(key, e.currentTarget.value)}
-              required={component.required}
-            />
-          </Field>
-        {/if}
-      </div>
-    {/each}
-  </div>
-{:else}
-  <Text size="small" color="muted">No configuration required</Text>
-{/if}

web/src/lib/components/workflows/WorkflowCardConnector.svelte

@@ -1,42 +0,0 @@
-<script lang="ts">
-  type Props = {
-    animated?: boolean;
-  };
-
-  let { animated = true }: Props = $props();
-</script>
-
-<div class="flex justify-center py-2">
-  <div class="relative h-12 w-0.5">
-    <div class="absolute inset-0 bg-linear-to-b from-primary/30 via-primary/50 to-primary/30"></div>
-    {#if animated}
-      <div class="absolute inset-0 bg-linear-to-b from-transparent via-primary to-transparent flow-pulse"></div>
-    {/if}
-    <div class="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2">
-      <div class="h-2 w-2 rounded-full bg-primary shadow-sm shadow-primary/50"></div>
-    </div>
-    <div class="absolute left-1/2 bottom-0 -translate-x-1/2 translate-y-1/2">
-      <div class="h-2 w-2 rounded-full bg-primary shadow-sm shadow-primary/50"></div>
-    </div>
-  </div>
-</div>
-
-<style>
-  @keyframes flow {
-    0% {
-      transform: translateY(-25%);
-      opacity: 0;
-    }
-    50% {
-      opacity: 1;
-    }
-    100% {
-      transform: translateY(25%);
-      opacity: 0;
-    }
-  }
-
-  .flow-pulse {
-    animation: flow 2s ease-in-out infinite;
-  }
-</style>

web/src/lib/components/workflows/WorkflowJsonEditor.svelte

@@ -1,69 +0,0 @@
-<script lang="ts">
-  import { themeManager } from '$lib/managers/theme-manager.svelte';
-  import type { WorkflowPayload } from '$lib/services/workflow.service';
-  import { Button, Card, CardBody, CardDescription, CardHeader, CardTitle, Icon, VStack } from '@immich/ui';
-  import { mdiCodeJson } from '@mdi/js';
-  import { JSONEditor, Mode, type Content, type OnChangeStatus } from 'svelte-jsoneditor';
-
-  type Props = {
-    jsonContent: WorkflowPayload;
-    onApply: () => void;
-    onContentChange: (content: WorkflowPayload) => void;
-  };
-
-  let { jsonContent, onApply, onContentChange }: Props = $props();
-
-  let content: Content = $derived({ json: jsonContent });
-  let canApply = $state(false);
-  let editorClass = $derived(themeManager.isDark ? 'jse-theme-dark' : '');
-
-  const handleChange = (updated: Content, _: Content, status: OnChangeStatus) => {
-    if (status.contentErrors) {
-      return;
-    }
-
-    canApply = true;
-
-    if ('text' in updated && updated.text !== undefined) {
-      try {
-        const parsed = JSON.parse(updated.text);
-        onContentChange(parsed);
-      } catch (error_) {
-        console.error('Invalid JSON in text mode:', error_);
-      }
-    }
-  };
-
-  const handleApply = () => {
-    onApply();
-    canApply = false;
-  };
-</script>
-
-<VStack gap={4}>
-  <Card>
-    <CardHeader>
-      <div class="flex items-start justify-between gap-3">
-        <div class="flex items-start gap-3">
-          <Icon icon={mdiCodeJson} size="20" class="mt-1" />
-          <div class="flex flex-col">
-            <CardTitle>Workflow JSON</CardTitle>
-            <CardDescription>Edit the workflow configuration directly in JSON format</CardDescription>
-          </div>
-        </div>
-        <Button size="small" color="primary" onclick={handleApply} disabled={!canApply}>Apply Changes</Button>
-      </div>
-    </CardHeader>
-    <CardBody>
-      <VStack gap={2}>
-        <div class="w-full h-[600px] rounded-lg overflow-hidden border {editorClass}">
-          <JSONEditor {content} onChange={handleChange} mainMenuBar={false} mode={Mode.text} />
-        </div>
-      </VStack>
-    </CardBody>
-  </Card>
-</VStack>
-
-<style>
-  @import 'svelte-jsoneditor/themes/jse-theme-dark.css';
-</style>

web/src/lib/components/workflows/WorkflowPickerField.svelte

@@ -1,104 +0,0 @@
-<script lang="ts">
-  import WorkflowPickerItemCard from '$lib/components/workflows/WorkflowPickerItemCard.svelte';
-  import AlbumPickerModal from '$lib/modals/AlbumPickerModal.svelte';
-  import PeoplePickerModal from '$lib/modals/PeoplePickerModal.svelte';
-  import { fetchPickerMetadata, type PickerMetadata } from '$lib/services/workflow.service';
-  import type { ComponentConfig } from '$lib/utils/workflow';
-  import type { AlbumResponseDto, PersonResponseDto } from '@immich/sdk';
-  import { Button, Field, modalManager } from '@immich/ui';
-  import { mdiPlus } from '@mdi/js';
-  import { t } from 'svelte-i18n';
-
-  type Props = {
-    component: ComponentConfig;
-    configKey: string;
-    value: string | string[] | undefined;
-    onchange: (value: string | string[]) => void;
-  };
-
-  let { component, configKey, value = $bindable(), onchange }: Props = $props();
-
-  const label = $derived(component.title || component.label || configKey);
-  const subType = $derived(component.subType as 'album-picker' | 'people-picker');
-  const isAlbum = $derived(subType === 'album-picker');
-  const multiple = $derived(component.type === 'multiselect' || Array.isArray(value));
-
-  let pickerMetadata = $state<PickerMetadata | undefined>();
-
-  $effect(() => {
-    if (!value) {
-      pickerMetadata = undefined;
-      return;
-    }
-
-    if (!pickerMetadata) {
-      void loadMetadata();
-    }
-  });
-
-  const loadMetadata = async () => {
-    pickerMetadata = await fetchPickerMetadata(value, subType);
-  };
-
-  const handlePicker = async () => {
-    if (isAlbum) {
-      const albums = await modalManager.show(AlbumPickerModal, { shared: false });
-      if (albums && albums.length > 0) {
-        const newValue = multiple ? albums.map((album) => album.id) : albums[0].id;
-        onchange(newValue);
-        pickerMetadata = multiple ? albums : albums[0];
-      }
-    } else {
-      const currentIds = (Array.isArray(value) ? value : []) as string[];
-      const excludedIds = multiple ? currentIds : [];
-      const people = await modalManager.show(PeoplePickerModal, { multiple, excludedIds });
-      if (people && people.length > 0) {
-        const newValue = multiple ? people.map((person) => person.id) : people[0].id;
-        onchange(newValue);
-        pickerMetadata = multiple ? people : people[0];
-      }
-    }
-  };
-
-  const removeSelection = () => {
-    onchange(multiple ? [] : '');
-    pickerMetadata = undefined;
-  };
-
-  const removeItemFromSelection = (itemId: string) => {
-    if (!Array.isArray(value)) {
-      return;
-    }
-
-    const newValue = value.filter((id) => id !== itemId);
-    onchange(newValue);
-
-    if (Array.isArray(pickerMetadata)) {
-      pickerMetadata = pickerMetadata.filter((item) => item.id !== itemId) as AlbumResponseDto[] | PersonResponseDto[];
-    }
-  };
-
-  const getButtonText = () => {
-    if (isAlbum) {
-      return multiple ? $t('select_albums') : $t('select_album');
-    }
-    return multiple ? $t('select_people') : $t('select_person');
-  };
-</script>
-
-<Field {label} required={component.required} description={component.description} requiredIndicator={component.required}>
-  <div class="flex flex-col gap-3">
-    {#if pickerMetadata && !Array.isArray(pickerMetadata)}
-      <WorkflowPickerItemCard item={pickerMetadata} {isAlbum} onRemove={removeSelection} />
-    {:else if pickerMetadata && Array.isArray(pickerMetadata) && pickerMetadata.length > 0}
-      <div class="flex flex-col gap-2">
-        {#each pickerMetadata as item (item.id)}
-          <WorkflowPickerItemCard {item} {isAlbum} onRemove={() => removeItemFromSelection(item.id)} />
-        {/each}
-      </div>
-    {/if}
-    <Button size="small" variant="outline" leadingIcon={mdiPlus} onclick={handlePicker}>
-      {getButtonText()}
-    </Button>
-  </div>
-</Field>

web/src/lib/components/workflows/WorkflowPickerItemCard.svelte

@@ -1,57 +0,0 @@
-<script lang="ts">
-  import { getAssetThumbnailUrl, getPeopleThumbnailUrl } from '$lib/utils';
-  import type { AlbumResponseDto, PersonResponseDto } from '@immich/sdk';
-  import { Card, CardBody, IconButton, Text } from '@immich/ui';
-  import { mdiClose } from '@mdi/js';
-  import { t } from 'svelte-i18n';
-
-  type Props = {
-    item: AlbumResponseDto | PersonResponseDto;
-    isAlbum: boolean;
-    onRemove: () => void;
-  };
-
-  let { item, isAlbum, onRemove }: Props = $props();
-</script>
-
-<Card color="secondary">
-  <CardBody class="flex items-center gap-3">
-    <div class="shrink-0">
-      {#if isAlbum && 'albumThumbnailAssetId' in item}
-        {#if item.albumThumbnailAssetId}
-          <img
-            src={getAssetThumbnailUrl(item.albumThumbnailAssetId)}
-            alt={item.albumName}
-            class="h-12 w-12 rounded-lg object-cover"
-          />
-        {:else}
-          <div class="h-12 w-12 rounded-lg"></div>
-        {/if}
-      {:else if !isAlbum && 'name' in item}
-        <img src={getPeopleThumbnailUrl(item)} alt={item.name} class="h-12 w-12 rounded-full object-cover" />
-      {/if}
-    </div>
-    <div class="min-w-0 flex-1">
-      <Text class="font-semibold truncate">
-        {isAlbum && 'albumName' in item ? item.albumName : 'name' in item ? item.name : ''}
-      </Text>
-      {#if isAlbum && 'assetCount' in item}
-        <Text size="small" color="muted">
-          {$t('items_count', { values: { count: item.assetCount } })}
-        </Text>
-      {/if}
-    </div>
-
-    <IconButton
-      type="button"
-      onclick={onRemove}
-      class="shrink-0"
-      shape="round"
-      aria-label={$t('remove')}
-      icon={mdiClose}
-      size="small"
-      variant="ghost"
-      color="secondary"
-    />
-  </CardBody>
-</Card>

web/src/lib/components/workflows/WorkflowSummary.svelte

@@ -1,184 +0,0 @@
-<script lang="ts">
-  import {
-    PluginTriggerType,
-    type PluginActionResponseDto,
-    type PluginFilterResponseDto,
-    type PluginTriggerResponseDto,
-  } from '@immich/sdk';
-  import { Icon, IconButton, Text } from '@immich/ui';
-  import { mdiClose, mdiFilterOutline, mdiFlashOutline, mdiPlayCircleOutline, mdiViewDashboardOutline } from '@mdi/js';
-  import { t } from 'svelte-i18n';
-
-  type Props = {
-    trigger: PluginTriggerResponseDto;
-    filters: PluginFilterResponseDto[];
-    actions: PluginActionResponseDto[];
-  };
-
-  let { trigger, filters, actions }: Props = $props();
-
-  const getTriggerName = (triggerType: PluginTriggerType) => {
-    switch (triggerType) {
-      case PluginTriggerType.AssetCreate: {
-        return $t('trigger_asset_uploaded');
-      }
-      case PluginTriggerType.PersonRecognized: {
-        return $t('trigger_person_recognized');
-      }
-      default: {
-        return triggerType;
-      }
-    }
-  };
-
-  let isOpen = $state(false);
-  let position = $state({ x: 0, y: 0 });
-  let isDragging = $state(false);
-  let dragOffset = $state({ x: 0, y: 0 });
-  let containerEl: HTMLDivElement | undefined = $state();
-
-  const handleMouseDown = (e: MouseEvent) => {
-    if (!containerEl) {
-      return;
-    }
-    isDragging = true;
-    const rect = containerEl.getBoundingClientRect();
-    dragOffset = {
-      x: e.clientX - rect.left,
-      y: e.clientY - rect.top,
-    };
-    document.addEventListener('mousemove', handleMouseMove);
-    document.addEventListener('mouseup', handleMouseUp);
-  };
-
-  const handleMouseMove = (e: MouseEvent) => {
-    if (!isDragging) {
-      return;
-    }
-    position = {
-      x: e.clientX - dragOffset.x,
-      y: e.clientY - dragOffset.y,
-    };
-  };
-
-  const handleMouseUp = () => {
-    isDragging = false;
-    document.removeEventListener('mousemove', handleMouseMove);
-    document.removeEventListener('mouseup', handleMouseUp);
-  };
-
-  $effect(() => {
-    // Initialize position to bottom-right on mount
-    if (globalThis.window && position.x === 0 && position.y === 0) {
-      position = {
-        x: globalThis.innerWidth - 280,
-        y: globalThis.innerHeight - 400,
-      };
-    }
-  });
-</script>
-
-{#if isOpen}
-  <!-- svelte-ignore a11y_no_static_element_interactions -->
-  <div
-    bind:this={containerEl}
-    class="hidden sm:block fixed w-64 hover:cursor-grab select-none"
-    style="left: {position.x}px; top: {position.y}px;"
-    class:cursor-grabbing={isDragging}
-    onmousedown={handleMouseDown}
-  >
-    <div
-      class="rounded-xl border-transparent border-2 hover:shadow-xl hover:border-dashed bg-light-50 shadow-sm p-4 hover:border-light-300 transition-all"
-    >
-      <div class="flex items-center justify-between mb-4 cursor-grab select-none">
-        <Text size="small" class="font-semibold">{$t('workflow_summary')}</Text>
-        <div class="flex items-center gap-1">
-          <IconButton
-            icon={mdiClose}
-            size="small"
-            variant="ghost"
-            color="secondary"
-            title="Close summary"
-            aria-label="Close summary"
-            onclick={(e: MouseEvent) => {
-              e.stopPropagation();
-              isOpen = false;
-            }}
-          />
-        </div>
-      </div>
-
-      <div class="space-y-2">
-        <!-- Trigger -->
-        <div class="rounded-lg bg-light-100 border p-3">
-          <div class="flex items-center gap-2 mb-1">
-            <Icon icon={mdiFlashOutline} size="18" class="text-primary" />
-            <span class="text-[10px] font-semibold uppercase tracking-wide">{$t('trigger')}</span>
-          </div>
-          <p class="text-sm truncate pl-5">{getTriggerName(trigger.type)}</p>
-        </div>
-
-        <!-- Connector -->
-        <div class="flex justify-center">
-          <div class="w-0.5 h-3 bg-light-400"></div>
-        </div>
-
-        <!-- Filters -->
-        {#if filters.length > 0}
-          <div class="rounded-lg bg-light-100 border p-3">
-            <div class="flex items-center gap-2 mb-2">
-              <Icon icon={mdiFilterOutline} size="18" class="text-warning" />
-              <span class="text-[10px] font-semibold uppercase tracking-wide">{$t('filters')}</span>
-            </div>
-            <div class="space-y-1 pl-5">
-              {#each filters as filter, index (index)}
-                <div class="flex items-center gap-2">
-                  <span
-                    class="shrink-0 h-4 w-4 rounded-full bg-light-200 text-[10px] font-medium flex items-center justify-center"
-                    >{index + 1}</span
-                  >
-                  <p class="text-sm truncate">{filter.title}</p>
-                </div>
-              {/each}
-            </div>
-          </div>
-
-          <!-- Connector -->
-          <div class="flex justify-center">
-            <div class="w-0.5 h-3 bg-light-400"></div>
-          </div>
-        {/if}
-
-        <!-- Actions -->
-        {#if actions.length > 0}
-          <div class="rounded-lg bg-light-100 border p-3">
-            <div class="flex items-center gap-2 mb-2">
-              <Icon icon={mdiPlayCircleOutline} size="18" class="text-success" />
-              <span class="text-[10px] font-semibold uppercase tracking-wide">{$t('actions')}</span>
-            </div>
-            <div class="space-y-1 pl-5">
-              {#each actions as action, index (index)}
-                <div class="flex items-center gap-2">
-                  <span
-                    class="shrink-0 h-4 w-4 rounded-full bg-light-200 text-[10px] font-medium flex items-center justify-center"
-                    >{index + 1}</span
-                  >
-                  <p class="text-sm truncate">{action.title}</p>
-                </div>
-              {/each}
-            </div>
-          </div>
-        {/if}
-      </div>
-    </div>
-  </div>
-{:else}
-  <button
-    type="button"
-    class="hidden sm:flex fixed right-6 bottom-6 h-14 w-14 items-center justify-center rounded-full bg-primary text-light shadow-lg hover:bg-primary/90 transition-colors"
-    title={$t('workflow_summary')}
-    onclick={() => (isOpen = true)}
-  >
-    <Icon icon={mdiViewDashboardOutline} size="24" />
-  </button>
-{/if}

web/src/lib/components/workflows/WorkflowTriggerCard.svelte

@@ -1,80 +0,0 @@
-<script lang="ts">
-  import { PluginTriggerType, type PluginTriggerResponseDto } from '@immich/sdk';
-  import { Icon, Text } from '@immich/ui';
-  import { mdiFaceRecognition, mdiFileUploadOutline, mdiLightningBolt } from '@mdi/js';
-  import { t } from 'svelte-i18n';
-
-  type Props = {
-    trigger: PluginTriggerResponseDto;
-    selected: boolean;
-    onclick: () => void;
-  };
-
-  let { trigger, selected, onclick }: Props = $props();
-
-  const getTriggerIcon = (triggerType: PluginTriggerType) => {
-    switch (triggerType) {
-      case PluginTriggerType.AssetCreate: {
-        return mdiFileUploadOutline;
-      }
-      case PluginTriggerType.PersonRecognized: {
-        return mdiFaceRecognition;
-      }
-      default: {
-        return mdiLightningBolt;
-      }
-    }
-  };
-
-  const getTriggerName = (triggerType: PluginTriggerType) => {
-    switch (triggerType) {
-      case PluginTriggerType.AssetCreate: {
-        return $t('trigger_asset_uploaded');
-      }
-      case PluginTriggerType.PersonRecognized: {
-        return $t('trigger_person_recognized');
-      }
-      default: {
-        return triggerType;
-      }
-    }
-  };
-
-  const getTriggerDescription = (triggerType: PluginTriggerType) => {
-    switch (triggerType) {
-      case PluginTriggerType.AssetCreate: {
-        return $t('trigger_asset_uploaded_description');
-      }
-      case PluginTriggerType.PersonRecognized: {
-        return $t('trigger_person_recognized_description');
-      }
-      default: {
-        return '';
-      }
-    }
-  };
-</script>
-
-<button
-  type="button"
-  {onclick}
-  class="group rounded-xl p-4 w-full text-left cursor-pointer border-2 {selected
-    ? 'border-primary text-primary'
-    : 'border-light-100 hover:border-light-200 text-light-400 hover:text-light-700'}"
->
-  <div class="flex items-center gap-3">
-    <div
-      class="rounded-xl p-2 {selected
-        ? 'bg-primary text-light'
-        : 'text-light-100 bg-light-300 group-hover:bg-light-500'}"
-    >
-      <Icon icon={getTriggerIcon(trigger.type)} size="24" />
-    </div>
-    <div class="flex-1">
-      <Text class="font-semibold mb-1">{getTriggerName(trigger.type)}</Text>
-      {#if getTriggerDescription(trigger.type)}
-        <Text size="small">{getTriggerDescription(trigger.type)}</Text>
-      {/if}
-    </div>
-  </div>
-</button>

web/src/lib/constants.ts

@@ -55,7 +55,6 @@ export enum AppRoute {
   DUPLICATES = '/utilities/duplicates',
   LARGE_FILES = '/utilities/large-files',
   GEOLOCATION = '/utilities/geolocation',
-  WORKFLOWS = '/utilities/workflows',
 
   FOLDERS = '/folders',
   TAGS = '/tags',

web/src/lib/managers/event-manager.svelte.ts

@@ -8,7 +8,6 @@ import type {
   SharedLinkResponseDto,
   SystemConfigDto,
   UserAdminResponseDto,
-  WorkflowResponseDto,
 } from '@immich/sdk';
 
 export type Events = {
@@ -43,9 +42,6 @@ export type Events = {
   LibraryUpdate: [LibraryResponseDto];
   LibraryDelete: [{ id: string }];
 
-  WorkflowUpdate: [WorkflowResponseDto];
-  WorkflowDelete: [WorkflowResponseDto];
-
   ReleaseEvent: [ReleaseEvent];
 };
 

web/src/lib/modals/AddWorkflowStepModal.svelte

@@ -1,80 +0,0 @@
-<script lang="ts">
-  import type { PluginActionResponseDto, PluginFilterResponseDto } from '@immich/sdk';
-  import { Modal, ModalBody, Text } from '@immich/ui';
-  import { mdiFilterOutline, mdiPlayCircleOutline } from '@mdi/js';
-  import { t } from 'svelte-i18n';
-
-  type Props = {
-    filters: PluginFilterResponseDto[];
-    actions: PluginActionResponseDto[];
-    onClose: (result?: { type: 'filter' | 'action'; item: PluginFilterResponseDto | PluginActionResponseDto }) => void;
-    type?: 'filter' | 'action';
-  };
-
-  let { filters, actions, onClose, type }: Props = $props();
-
-  type StepType = 'filter' | 'action';
-
-  const handleSelect = (type: StepType, item: PluginFilterResponseDto | PluginActionResponseDto) => {
-    onClose({ type, item });
-  };
-
-  const getModalTitle = () => {
-    if (type === 'filter') {
-      return $t('add_filter');
-    } else if (type === 'action') {
-      return $t('add_action');
-    } else {
-      return $t('add_workflow_step');
-    }
-  };
-
-  const getModalIcon = () => {
-    if (type === 'filter') {
-      return mdiFilterOutline;
-    } else if (type === 'action') {
-      return mdiPlayCircleOutline;
-    } else {
-      return false;
-    }
-  };
-</script>
-
-{#snippet stepButton(title: string, description?: string, onclick?: () => void)}
-  <button
-    type="button"
-    {onclick}
-    class="flex items-start gap-3 p-3 rounded-lg text-left bg-light-100 hover:border-primary border text-dark"
-  >
-    <div class="flex-1">
-      <Text color="primary" class="font-medium">{title}</Text>
-      {#if description}
-        <Text size="small" class="mt-1">{description}</Text>
-      {/if}
-    </div>
-  </button>
-{/snippet}
-
-<Modal title={getModalTitle()} icon={getModalIcon()} onClose={() => onClose()}>
-  <ModalBody>
-    <div class="space-y-6">
-      <!-- Filters Section -->
-      {#if filters.length > 0 && (!type || type === 'filter')}
-        <div class="grid grid-cols-1 gap-2">
-          {#each filters as filter (filter.id)}
-            {@render stepButton(filter.title, filter.description, () => handleSelect('filter', filter))}
-          {/each}
-        </div>
-      {/if}
-
-      <!-- Actions Section -->
-      {#if actions.length > 0 && (!type || type === 'action')}
-        <div class="grid grid-cols-1 gap-2">
-          {#each actions as action (action.id)}
-            {@render stepButton(action.title, action.description, () => handleSelect('action', action))}
-          {/each}
-        </div>
-      {/if}
-    </div>
-  </ModalBody>
-</Modal>

web/src/lib/modals/PeoplePickerModal.svelte

@@ -1,108 +0,0 @@
-<script lang="ts">
-  import ImageThumbnail from '$lib/components/assets/thumbnail/image-thumbnail.svelte';
-  import SearchBar from '$lib/elements/SearchBar.svelte';
-  import { getPeopleThumbnailUrl } from '$lib/utils';
-  import { handleError } from '$lib/utils/handle-error';
-  import { getAllPeople, type PersonResponseDto } from '@immich/sdk';
-  import { Button, HStack, LoadingSpinner, Modal, ModalBody, ModalFooter } from '@immich/ui';
-  import { onMount } from 'svelte';
-  import { t } from 'svelte-i18n';
-
-  type Props = {
-    multiple?: boolean;
-    excludedIds?: string[];
-    onClose: (people?: PersonResponseDto[]) => void;
-  };
-
-  let { multiple = false, excludedIds = [], onClose }: Props = $props();
-
-  let people: PersonResponseDto[] = $state([]);
-  let loading = $state(true);
-  let searchName = $state('');
-  let selectedPeople: PersonResponseDto[] = $state([]);
-
-  const filteredPeople = $derived(
-    people
-      .filter((person) => !excludedIds.includes(person.id))
-      .filter((person) => !searchName || person.name.toLowerCase().includes(searchName.toLowerCase())),
-  );
-
-  onMount(async () => {
-    try {
-      loading = true;
-      const result = await getAllPeople({ withHidden: false });
-      people = result.people;
-      loading = false;
-    } catch (error) {
-      handleError(error, $t('get_people_error'));
-    }
-  });
-
-  const togglePerson = (person: PersonResponseDto) => {
-    if (multiple) {
-      const index = selectedPeople.findIndex((p) => p.id === person.id);
-      selectedPeople = index === -1 ? [...selectedPeople, person] : selectedPeople.filter((p) => p.id !== person.id);
-    } else {
-      onClose([person]);
-    }
-  };
-
-  const handleSubmit = () => {
-    if (selectedPeople.length > 0) {
-      onClose(selectedPeople);
-    } else {
-      onClose();
-    }
-  };
-</script>
-
-<Modal title={multiple ? $t('select_people') : $t('select_person')} {onClose} size="small">
-  <ModalBody>
-    <div class="flex flex-col gap-4">
-      <SearchBar bind:name={searchName} placeholder={$t('search_people')} showLoadingSpinner={false} />
-
-      <div class="immich-scrollbar max-h-96 overflow-y-auto">
-        {#if loading}
-          <div class="flex justify-center p-8">
-            <LoadingSpinner />
-          </div>
-        {:else if filteredPeople.length > 0}
-          <div class="grid grid-cols-3 gap-4 p-2">
-            {#each filteredPeople as person (person.id)}
-              {@const isSelected = selectedPeople.some((p) => p.id === person.id)}
-              <button
-                type="button"
-                onclick={() => togglePerson(person)}
-                class="flex flex-col items-center gap-2 rounded-xl p-2 transition-all hover:bg-subtle {isSelected
-                  ? 'bg-primary/10 ring-2 ring-primary'
-                  : ''}"
-              >
-                <ImageThumbnail
-                  circle
-                  shadow
-                  url={getPeopleThumbnailUrl(person)}
-                  altText={person.name}
-                  widthStyle="100%"
-                />
-                <p class="line-clamp-2 text-center text-sm font-medium">{person.name}</p>
-              </button>
-            {/each}
-          </div>
-        {:else}
-          <p class="py-8 text-center text-sm text-gray-500">{$t('no_people_found')}</p>
-        {/if}
-      </div>
-    </div>
-  </ModalBody>
-
-  {#if multiple}
-    <ModalFooter>
-      <HStack fullWidth gap={4}>
-        <Button shape="round" color="secondary" fullWidth onclick={() => onClose()}>{$t('cancel')}</Button>
-        <Button shape="round" fullWidth onclick={handleSubmit} disabled={selectedPeople.length === 0}>
-          {$t('select_count', { values: { count: selectedPeople.length } })}
-        </Button>
-      </HStack>
-    </ModalFooter>
-  {/if}
-</Modal>

web/src/lib/services/queue.service.ts

@@ -241,7 +241,7 @@ export const asQueueItem = ($t: MessageFormatter, queue: { name: QueueName }): Q
     },
     [QueueName.Workflow]: {
       icon: mdiStateMachine,
-      title: $t('workflows'),
+      title: $t('workflow'),
     },
   };
 

web/src/lib/services/workflow.service.ts

@@ -1,451 +0,0 @@
-import { goto } from '$app/navigation';
-import { AppRoute } from '$lib/constants';
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
-import {
-  createWorkflow,
-  deleteWorkflow,
-  getAlbumInfo,
-  getPerson,
-  PluginTriggerType,
-  updateWorkflow,
-  type AlbumResponseDto,
-  type PersonResponseDto,
-  type PluginActionResponseDto,
-  type PluginContextType,
-  type PluginFilterResponseDto,
-  type PluginTriggerResponseDto,
-  type WorkflowActionItemDto,
-  type WorkflowFilterItemDto,
-  type WorkflowResponseDto,
-  type WorkflowUpdateDto,
-} from '@immich/sdk';
-import { modalManager, toastManager, type ActionItem } from '@immich/ui';
-import { mdiCodeJson, mdiDelete, mdiPause, mdiPencil, mdiPlay } from '@mdi/js';
-import type { MessageFormatter } from 'svelte-i18n';
-
-export type PickerSubType = 'album-picker' | 'people-picker';
-export type PickerMetadata = AlbumResponseDto | PersonResponseDto | AlbumResponseDto[] | PersonResponseDto[];
-
-export interface WorkflowPayload {
-  name: string;
-  description: string;
-  enabled: boolean;
-  triggerType: string;
-  filters: Record<string, unknown>[];
-  actions: Record<string, unknown>[];
-}
-
-/**
- * Get filters that support the given context
- */
-export const getFiltersByContext = (
-  availableFilters: PluginFilterResponseDto[],
-  context: PluginContextType,
-): PluginFilterResponseDto[] => {
-  return availableFilters.filter((filter) => filter.supportedContexts.includes(context));
-};
-
-/**
- * Get actions that support the given context
- */
-export const getActionsByContext = (
-  availableActions: PluginActionResponseDto[],
-  context: PluginContextType,
-): PluginActionResponseDto[] => {
-  return availableActions.filter((action) => action.supportedContexts.includes(context));
-};
-
-export const remapConfigsOnReorder = (
-  configs: Record<string, unknown>,
-  prefix: 'filter' | 'action',
-  fromIndex: number,
-  toIndex: number,
-  totalCount: number,
-): Record<string, unknown> => {
-  const newConfigs: Record<string, unknown> = {};
-
-  // Create an array of configs in order
-  const configArray: unknown[] = [];
-  for (let i = 0; i < totalCount; i++) {
-    configArray.push(configs[`${prefix}_${i}`] ?? {});
-  }
-
-  // Move the item from fromIndex to toIndex
-  const [movedItem] = configArray.splice(fromIndex, 1);
-  configArray.splice(toIndex, 0, movedItem);
-
-  // Rebuild the configs object with new indices
-  for (let i = 0; i < configArray.length; i++) {
-    newConfigs[`${prefix}_${i}`] = configArray[i];
-  }
-
-  return newConfigs;
-};
-
-/**
- * Remap configs when an item is removed
- * Shifts all configs after the removed index down by one
- */
-export const remapConfigsOnRemove = (
-  configs: Record<string, unknown>,
-  prefix: 'filter' | 'action',
-  removedIndex: number,
-  totalCount: number,
-): Record<string, unknown> => {
-  const newConfigs: Record<string, unknown> = {};
-
-  let newIndex = 0;
-  for (let i = 0; i < totalCount; i++) {
-    if (i !== removedIndex) {
-      newConfigs[`${prefix}_${newIndex}`] = configs[`${prefix}_${i}`] ?? {};
-      newIndex++;
-    }
-  }
-
-  return newConfigs;
-};
-
-export const initializeConfigs = (
-  type: 'action' | 'filter',
-  workflow: WorkflowResponseDto,
-): Record<string, unknown> => {
-  const configs: Record<string, unknown> = {};
-
-  if (workflow.filters && type == 'filter') {
-    for (const [index, workflowFilter] of workflow.filters.entries()) {
-      configs[`filter_${index}`] = workflowFilter.filterConfig ?? {};
-    }
-  }
-
-  if (workflow.actions && type == 'action') {
-    for (const [index, workflowAction] of workflow.actions.entries()) {
-      configs[`action_${index}`] = workflowAction.actionConfig ?? {};
-    }
-  }
-
-  return configs;
-};
-
-/**
- * Build workflow payload from current state
- * Uses index-based keys to support multiple filters/actions of the same type
- */
-export const buildWorkflowPayload = (
-  name: string,
-  description: string,
-  enabled: boolean,
-  triggerType: string,
-  orderedFilters: PluginFilterResponseDto[],
-  orderedActions: PluginActionResponseDto[],
-  filterConfigs: Record<string, unknown>,
-  actionConfigs: Record<string, unknown>,
-): WorkflowPayload => {
-  const filters = orderedFilters.map((filter, index) => ({
-    [filter.methodName]: filterConfigs[`filter_${index}`] ?? {},
-  }));
-
-  const actions = orderedActions.map((action, index) => ({
-    [action.methodName]: actionConfigs[`action_${index}`] ?? {},
-  }));
-
-  return {
-    name,
-    description,
-    enabled,
-    triggerType,
-    filters,
-    actions,
-  };
-};
-
-export const parseWorkflowJson = (
-  jsonString: string,
-  availableTriggers: PluginTriggerResponseDto[],
-  availableFilters: PluginFilterResponseDto[],
-  availableActions: PluginActionResponseDto[],
-): {
-  success: boolean;
-  error?: string;
-  data?: {
-    name: string;
-    description: string;
-    enabled: boolean;
-    trigger?: PluginTriggerResponseDto;
-    filters: PluginFilterResponseDto[];
-    actions: PluginActionResponseDto[];
-    filterConfigs: Record<string, unknown>;
-    actionConfigs: Record<string, unknown>;
-  };
-} => {
-  try {
-    const parsed = JSON.parse(jsonString);
-
-    const trigger = availableTriggers.find((t) => t.type === parsed.triggerType);
-
-    const filters: PluginFilterResponseDto[] = [];
-    const filterConfigs: Record<string, unknown> = {};
-    if (Array.isArray(parsed.filters)) {
-      for (const [index, filterObj] of parsed.filters.entries()) {
-        const methodName = Object.keys(filterObj)[0];
-        const filter = availableFilters.find((f) => f.methodName === methodName);
-        if (filter) {
-          filters.push(filter);
-          filterConfigs[`filter_${index}`] = (filterObj as Record<string, unknown>)[methodName];
-        }
-      }
-    }
-
-    const actions: PluginActionResponseDto[] = [];
-    const actionConfigs: Record<string, unknown> = {};
-    if (Array.isArray(parsed.actions)) {
-      for (const [index, actionObj] of parsed.actions.entries()) {
-        const methodName = Object.keys(actionObj)[0];
-        const action = availableActions.find((a) => a.methodName === methodName);
-        if (action) {
-          actions.push(action);
-          actionConfigs[`action_${index}`] = (actionObj as Record<string, unknown>)[methodName];
-        }
-      }
-    }
-
-    return {
-      success: true,
-      data: {
-        name: parsed.name ?? '',
-        description: parsed.description ?? '',
-        enabled: parsed.enabled ?? false,
-        trigger,
-        filters,
-        actions,
-        filterConfigs,
-        actionConfigs,
-      },
-    };
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Invalid JSON',
-    };
-  }
-};
-
-export const hasWorkflowChanged = (
-  previousWorkflow: WorkflowResponseDto,
-  enabled: boolean,
-  name: string,
-  description: string,
-  triggerType: string,
-  orderedFilters: PluginFilterResponseDto[],
-  orderedActions: PluginActionResponseDto[],
-  filterConfigs: Record<string, unknown>,
-  actionConfigs: Record<string, unknown>,
-): boolean => {
-  if (enabled !== previousWorkflow.enabled) {
-    return true;
-  }
-
-  if (name !== (previousWorkflow.name ?? '') || description !== (previousWorkflow.description ?? '')) {
-    return true;
-  }
-
-  if (triggerType !== previousWorkflow.triggerType) {
-    return true;
-  }
-
-  const previousFilterIds = previousWorkflow.filters?.map((f) => f.pluginFilterId) ?? [];
-  const currentFilterIds = orderedFilters.map((f) => f.id);
-  if (JSON.stringify(previousFilterIds) !== JSON.stringify(currentFilterIds)) {
-    return true;
-  }
-
-  const previousActionIds = previousWorkflow.actions?.map((a) => a.pluginActionId) ?? [];
-  const currentActionIds = orderedActions.map((a) => a.id);
-  if (JSON.stringify(previousActionIds) !== JSON.stringify(currentActionIds)) {
-    return true;
-  }
-
-  const previousFilterConfigs: Record<string, unknown> = {};
-  for (const [index, wf] of (previousWorkflow.filters ?? []).entries()) {
-    previousFilterConfigs[`filter_${index}`] = wf.filterConfig ?? {};
-  }
-  if (JSON.stringify(previousFilterConfigs) !== JSON.stringify(filterConfigs)) {
-    return true;
-  }
-
-  const previousActionConfigs: Record<string, unknown> = {};
-  for (const [index, wa] of (previousWorkflow.actions ?? []).entries()) {
-    previousActionConfigs[`action_${index}`] = wa.actionConfig ?? {};
-  }
-  if (JSON.stringify(previousActionConfigs) !== JSON.stringify(actionConfigs)) {
-    return true;
-  }
-
-  return false;
-};
-
-export const handleUpdateWorkflow = async (
-  workflowId: string,
-  name: string,
-  description: string,
-  enabled: boolean,
-  triggerType: PluginTriggerType,
-  orderedFilters: PluginFilterResponseDto[],
-  orderedActions: PluginActionResponseDto[],
-  filterConfigs: Record<string, unknown>,
-  actionConfigs: Record<string, unknown>,
-): Promise<WorkflowResponseDto> => {
-  const filters = orderedFilters.map((filter, index) => ({
-    pluginFilterId: filter.id,
-    filterConfig: filterConfigs[`filter_${index}`] ?? {},
-  })) as WorkflowFilterItemDto[];
-
-  const actions = orderedActions.map((action, index) => ({
-    pluginActionId: action.id,
-    actionConfig: actionConfigs[`action_${index}`] ?? {},
-  })) as WorkflowActionItemDto[];
-
-  const updateDto: WorkflowUpdateDto = {
-    name,
-    description,
-    enabled,
-    filters,
-    actions,
-    triggerType,
-  };
-
-  return updateWorkflow({ id: workflowId, workflowUpdateDto: updateDto });
-};
-
-export const getWorkflowActions = ($t: MessageFormatter, workflow: WorkflowResponseDto) => {
-  const ToggleEnabled: ActionItem = {
-    title: workflow.enabled ? $t('disable') : $t('enable'),
-    icon: workflow.enabled ? mdiPause : mdiPlay,
-    color: workflow.enabled ? 'danger' : 'primary',
-    onAction: async () => {
-      await handleToggleWorkflowEnabled(workflow);
-    },
-  };
-
-  const Edit: ActionItem = {
-    title: $t('edit'),
-    icon: mdiPencil,
-    onAction: () => handleNavigateToWorkflow(workflow),
-  };
-
-  const Delete: ActionItem = {
-    title: $t('delete'),
-    icon: mdiDelete,
-    color: 'danger',
-    onAction: async () => {
-      await handleDeleteWorkflow(workflow);
-    },
-  };
-
-  return { ToggleEnabled, Edit, Delete };
-};
-
-export const getWorkflowShowSchemaAction = (
-  $t: MessageFormatter,
-  isExpanded: boolean,
-  onToggle: () => void,
-): ActionItem => ({
-  title: isExpanded ? $t('hide_schema') : $t('show_schema'),
-  icon: mdiCodeJson,
-  onAction: onToggle,
-});
-
-export const handleCreateWorkflow = async (): Promise<WorkflowResponseDto | undefined> => {
-  const $t = await getFormatter();
-
-  try {
-    const workflow = await createWorkflow({
-      workflowCreateDto: {
-        name: $t('untitled_workflow'),
-        triggerType: PluginTriggerType.AssetCreate,
-        filters: [],
-        actions: [],
-        enabled: false,
-      },
-    });
-
-    await goto(`${AppRoute.WORKFLOWS}/${workflow.id}`);
-    return workflow;
-  } catch (error) {
-    handleError(error, $t('errors.unable_to_create'));
-  }
-};
-
-export const handleToggleWorkflowEnabled = async (
-  workflow: WorkflowResponseDto,
-): Promise<WorkflowResponseDto | undefined> => {
-  const $t = await getFormatter();
-
-  try {
-    const updated = await updateWorkflow({
-      id: workflow.id,
-      workflowUpdateDto: { enabled: !workflow.enabled },
-    });
-
-    eventManager.emit('WorkflowUpdate', updated);
-    toastManager.success($t('workflow_updated'));
-    return updated;
-  } catch (error) {
-    handleError(error, $t('errors.unable_to_update_workflow'));
-  }
-};
-
-export const handleDeleteWorkflow = async (workflow: WorkflowResponseDto): Promise<boolean> => {
-  const $t = await getFormatter();
-
-  const confirmed = await modalManager.showDialog({
-    prompt: $t('workflow_delete_prompt'),
-    confirmColor: 'danger',
-  });
-
-  if (!confirmed) {
-    return false;
-  }
-
-  try {
-    await deleteWorkflow({ id: workflow.id });
-    eventManager.emit('WorkflowDelete', workflow);
-    toastManager.success($t('workflow_deleted'));
-    return true;
-  } catch (error) {
-    handleError(error, $t('errors.unable_to_delete_workflow'));
-    return false;
-  }
-};
-
-export const handleNavigateToWorkflow = async (workflow: WorkflowResponseDto): Promise<void> => {
-  await goto(`${AppRoute.WORKFLOWS}/${workflow.id}`);
-};
-
-export const fetchPickerMetadata = async (
-  value: string | string[] | undefined,
-  subType: PickerSubType,
-): Promise<PickerMetadata | undefined> => {
-  if (!value) {
-    return undefined;
-  }
-
-  const isAlbum = subType === 'album-picker';
-
-  try {
-    if (Array.isArray(value) && value.length > 0) {
-      // Multiple selection
-      return isAlbum
-        ? await Promise.all(value.map((id) => getAlbumInfo({ id })))
-        : await Promise.all(value.map((id) => getPerson({ id })));
-    } else if (typeof value === 'string' && value) {
-      // Single selection
-      return isAlbum ? await getAlbumInfo({ id: value }) : await getPerson({ id: value });
-    }
-  } catch (error) {
-    console.error(`Failed to fetch picker metadata:`, error);
-  }
-
-  return undefined;
-};

web/src/lib/utils.ts

@@ -162,7 +162,7 @@ export const getQueueName = derived(t, ($t) => {
       [QueueName.Notifications]: $t('notifications'),
       [QueueName.BackupDatabase]: $t('admin.backup_database'),
       [QueueName.Ocr]: $t('admin.machine_learning_ocr'),
-      [QueueName.Workflow]: $t('workflows'),
+      [QueueName.Workflow]: $t('workflow'),
     };
 
     return names[name];

web/src/lib/utils/workflow.ts

@@ -1,128 +0,0 @@
-export type ComponentType = 'select' | 'multiselect' | 'text' | 'switch' | 'checkbox';
-
-export interface ComponentConfig {
-  type: ComponentType;
-  label?: string;
-  description?: string;
-  defaultValue?: unknown;
-  required?: boolean;
-  options?: Array<{ label: string; value: string | number | boolean }>;
-  placeholder?: string;
-  subType?: string;
-  title?: string;
-}
-
-interface JSONSchemaProperty {
-  type?: string;
-  description?: string;
-  default?: unknown;
-  enum?: unknown[];
-  items?: JSONSchemaProperty;
-  subType?: string;
-  title?: string;
-}
-
-interface JSONSchema {
-  type?: string;
-  properties?: Record<string, JSONSchemaProperty>;
-  required?: string[];
-}
-
-export const getComponentDefaultValue = (component: ComponentConfig): unknown => {
-  if (component.defaultValue !== undefined) {
-    return component.defaultValue;
-  }
-
-  if (component.type === 'multiselect' || (component.type === 'text' && component.subType === 'people-picker')) {
-    return [];
-  }
-
-  if (component.type === 'switch') {
-    return false;
-  }
-
-  return '';
-};
-
-export const getComponentFromSchema = (schema: object | null): Record<string, ComponentConfig> | null => {
-  if (!schema || !isJSONSchema(schema) || !schema.properties) {
-    return null;
-  }
-
-  const components: Record<string, ComponentConfig> = {};
-  const requiredFields = schema.required || [];
-
-  for (const [propertyName, property] of Object.entries(schema.properties)) {
-    const config = getComponentForProperty(property, propertyName);
-    if (config) {
-      config.required = requiredFields.includes(propertyName);
-      components[propertyName] = config;
-    }
-  }
-
-  return Object.keys(components).length > 0 ? components : null;
-};
-
-function isJSONSchema(obj: object): obj is JSONSchema {
-  return 'properties' in obj || 'type' in obj;
-}
-
-function getComponentForProperty(property: JSONSchemaProperty, propertyName: string): ComponentConfig | null {
-  const { type, title, enum: enumValues, description, default: defaultValue, items } = property;
-
-  const config: ComponentConfig = {
-    type: 'text',
-    label: formatLabel(propertyName),
-    description,
-    defaultValue,
-    title,
-  };
-
-  if (enumValues && enumValues.length > 0) {
-    config.type = 'select';
-    config.options = enumValues.map((value: unknown) => ({
-      label: formatLabel(String(value)),
-      value: value as string | number | boolean,
-    }));
-    return config;
-  }
-
-  if (type === 'array' && items?.enum && items.enum.length > 0) {
-    config.type = 'multiselect';
-    config.subType = items.subType;
-    config.options = items.enum.map((value: unknown) => ({
-      label: formatLabel(String(value)),
-      value: value as string | number | boolean,
-    }));
-
-    return config;
-  }
-
-  if (type === 'boolean') {
-    config.type = 'switch';
-    return config;
-  }
-
-  if (type === 'string') {
-    config.type = 'text';
-    config.subType = property.subType;
-    config.placeholder = description;
-    return config;
-  }
-
-  if (type === 'array') {
-    config.type = 'multiselect';
-    config.subType = property.subType;
-    return config;
-  }
-
-  return config;
-}
-
-export function formatLabel(propertyName: string): string {
-  return propertyName
-    .replaceAll(/([A-Z])/g, ' $1')
-    .replaceAll('_', ' ')
-    .replace(/^./, (str) => str.toUpperCase())
-    .trim();
-}

web/src/routes/(user)/utilities/workflows/+page.svelte

@@ -1,281 +0,0 @@
-<script lang="ts">
-  import emptyWorkflows from '$lib/assets/empty-workflows.svg';
-  import UserPageLayout from '$lib/components/layouts/user-page-layout.svelte';
-  import OnEvents from '$lib/components/OnEvents.svelte';
-  import EmptyPlaceholder from '$lib/components/shared-components/empty-placeholder.svelte';
-  import {
-    getWorkflowActions,
-    getWorkflowShowSchemaAction,
-    handleCreateWorkflow,
-    type WorkflowPayload,
-  } from '$lib/services/workflow.service';
-  import type { PluginFilterResponseDto, WorkflowResponseDto } from '@immich/sdk';
-  import {
-    Button,
-    Card,
-    CardBody,
-    CardDescription,
-    CardHeader,
-    CardTitle,
-    CodeBlock,
-    HStack,
-    Icon,
-    IconButton,
-    MenuItemType,
-    menuManager,
-    Text,
-    VStack,
-  } from '@immich/ui';
-  import { mdiClose, mdiDotsVertical, mdiPlus } from '@mdi/js';
-  import { t } from 'svelte-i18n';
-  import { SvelteMap, SvelteSet } from 'svelte/reactivity';
-  import type { PageData } from './$types';
-
-  type Props = {
-    data: PageData;
-  };
-
-  let { data }: Props = $props();
-
-  let workflows = $state<WorkflowResponseDto[]>(data.workflows);
-
-  const expandedWorkflows = new SvelteSet<string>();
-
-  const pluginFilterLookup = new SvelteMap<string, PluginFilterResponseDto>();
-  const pluginActionLookup = new SvelteMap<string, PluginFilterResponseDto>();
-
-  for (const plugin of data.plugins) {
-    for (const filter of plugin.filters ?? []) {
-      pluginFilterLookup.set(filter.id, { ...filter });
-    }
-
-    for (const action of plugin.actions ?? []) {
-      pluginActionLookup.set(action.id, { ...action });
-    }
-  }
-
-  const toggleShowingSchema = (id: string) => {
-    if (expandedWorkflows.has(id)) {
-      expandedWorkflows.delete(id);
-    } else {
-      expandedWorkflows.add(id);
-    }
-  };
-
-  const constructPayload = (workflow: WorkflowResponseDto): WorkflowPayload => {
-    const orderedFilters = [...(workflow.filters ?? [])].sort((a, b) => a.order - b.order);
-    const orderedActions = [...(workflow.actions ?? [])].sort((a, b) => a.order - b.order);
-
-    return {
-      name: workflow.name ?? '',
-      description: workflow.description ?? '',
-      enabled: workflow.enabled,
-      triggerType: workflow.triggerType,
-      filters: orderedFilters.map((filter) => {
-        const meta = pluginFilterLookup.get(filter.pluginFilterId);
-        const key = meta?.methodName ?? filter.pluginFilterId;
-        return {
-          [key]: filter.filterConfig ?? {},
-        };
-      }),
-      actions: orderedActions.map((action) => {
-        const meta = pluginActionLookup.get(action.pluginActionId);
-        const key = meta?.methodName ?? action.pluginActionId;
-        return {
-          [key]: action.actionConfig ?? {},
-        };
-      }),
-    };
-  };
-
-  const getJson = (workflow: WorkflowResponseDto) => JSON.stringify(constructPayload(workflow), null, 2);
-
-  const onWorkflowUpdate = (updatedWorkflow: WorkflowResponseDto) => {
-    workflows = workflows.map((currentWorkflow) =>
-      currentWorkflow.id === updatedWorkflow.id ? updatedWorkflow : currentWorkflow,
-    );
-  };
-
-  const onWorkflowDelete = (deletedWorkflow: WorkflowResponseDto) => {
-    workflows = workflows.filter((currentWorkflow) => currentWorkflow.id !== deletedWorkflow.id);
-  };
-
-  const getFilterLabel = (filterId: string) => {
-    const meta = pluginFilterLookup.get(filterId);
-    return meta?.title ?? $t('filter');
-  };
-
-  const getActionLabel = (actionId: string) => {
-    const meta = pluginActionLookup.get(actionId);
-    return meta?.title ?? $t('action');
-  };
-
-  const getTriggerLabel = (triggerType: string) => {
-    const labels: Record<string, string> = {
-      AssetCreate: $t('asset_created'),
-      PersonRecognized: $t('person_recognized'),
-    };
-    return labels[triggerType] || triggerType;
-  };
-
-  const formatTimestamp = (createdAt: string) =>
-    new Intl.DateTimeFormat(undefined, {
-      dateStyle: 'medium',
-      timeStyle: 'short',
-    }).format(new Date(createdAt));
-
-  const showWorkflowMenu = (event: MouseEvent, workflow: WorkflowResponseDto) => {
-    const { ToggleEnabled, Edit, Delete } = getWorkflowActions($t, workflow);
-    void menuManager.show({
-      target: event.currentTarget as HTMLElement,
-      position: 'top-left',
-      items: [
-        ToggleEnabled,
-        Edit,
-        getWorkflowShowSchemaAction($t, expandedWorkflows.has(workflow.id), () => toggleShowingSchema(workflow.id)),
-        MenuItemType.Divider,
-        Delete,
-      ],
-    });
-  };
-</script>
-
-<OnEvents {onWorkflowUpdate} {onWorkflowDelete} />
-
-{#snippet chipItem(title: string)}
-  <span class="rounded-xl border border-gray-200/80 px-3 py-1.5 text-sm dark:border-gray-600 bg-light">
-    <span class="font-medium text-dark">{title}</span>
-  </span>
-{/snippet}
-
-<UserPageLayout title={data.meta.title} scrollbar={false}>
-  {#snippet buttons()}
-    <HStack gap={1}>
-      <Button size="small" variant="ghost" color="secondary" onclick={handleCreateWorkflow}>
-        <Icon icon={mdiPlus} size="18" />
-        {$t('create_workflow')}
-      </Button>
-    </HStack>
-  {/snippet}
-
-  <section class="flex place-content-center sm:mx-4">
-    <section class="w-full pb-28 sm:w-5/6 md:w-4xl">
-      {#if workflows.length === 0}
-        <EmptyPlaceholder
-          title={$t('create_first_workflow')}
-          text={$t('workflows_help_text')}
-          onClick={handleCreateWorkflow}
-          src={emptyWorkflows}
-          class="mt-10 mx-auto"
-        />
-      {:else}
-        <div class="my-6 grid gap-6">
-          {#each workflows as workflow (workflow.id)}
-            <Card class="border border-light-200">
-              <CardHeader
-                class={`flex flex-row px-8 py-6 gap-4 sm:items-center sm:gap-6 ${
-                  workflow.enabled
-                    ? 'bg-linear-to-r from-green-50 to-white dark:from-green-800/50 dark:to-green-950/45'
-                    : 'bg-neutral-50 dark:bg-neutral-900'
-                }`}
-              >
-                <div class="flex-1">
-                  <div class="flex items-center gap-3">
-                    <span
-                      class="rounded-full {workflow.enabled ? 'h-3 w-3 bg-success' : 'h-3 w-3 rounded-full bg-muted'}"
-                    ></span>
-                    <CardTitle>{workflow.name}</CardTitle>
-                  </div>
-                  <CardDescription class="mt-1 text-sm">
-                    {workflow.description || $t('workflows_help_text')}
-                  </CardDescription>
-                </div>
-
-                <div class="flex items-center gap-4">
-                  <div class="text-right hidden sm:block">
-                    <Text size="tiny">{$t('created_at')}</Text>
-                    <Text size="small" class="font-medium">
-                      {formatTimestamp(workflow.createdAt)}
-                    </Text>
-                  </div>
-                  <IconButton
-                    shape="round"
-                    variant="ghost"
-                    color="secondary"
-                    icon={mdiDotsVertical}
-                    aria-label={$t('menu')}
-                    onclick={(event: MouseEvent) => showWorkflowMenu(event, workflow)}
-                  />
-                </div>
-              </CardHeader>
-
-              <CardBody class="space-y-6">
-                <div class="grid gap-4 md:grid-cols-3">
-                  <!-- Trigger Section -->
-                  <div class="rounded-2xl border p-4 bg-light-50 border-light-200">
-                    <div class="mb-3">
-                      <Text class="text-xs font-semibold uppercase tracking-widest" color="muted">{$t('trigger')}</Text>
-                    </div>
-                    {@render chipItem(getTriggerLabel(workflow.triggerType))}
-                  </div>
-
-                  <!-- Filters Section -->
-                  <div class="rounded-2xl border p-4 bg-light-50 border-light-200">
-                    <div class="mb-3">
-                      <Text class="text-xs font-semibold uppercase tracking-widest" color="muted">{$t('filters')}</Text>
-                    </div>
-                    <div class="flex flex-wrap gap-2">
-                      {#if workflow.filters.length === 0}
-                        <span class="text-sm text-light-600">
-                          {$t('no_filters_added')}
-                        </span>
-                      {:else}
-                        {#each workflow.filters as workflowFilter (workflowFilter.id)}
-                          {@render chipItem(getFilterLabel(workflowFilter.pluginFilterId))}
-                        {/each}
-                      {/if}
-                    </div>
-                  </div>
-
-                  <!-- Actions Section -->
-                  <div class="rounded-2xl border p-4 bg-light-50 border-light-200">
-                    <div class="mb-3">
-                      <Text class="text-xs font-semibold uppercase tracking-widest" color="muted">{$t('actions')}</Text>
-                    </div>
-
-                    <div>
-                      {#if workflow.actions.length === 0}
-                        <span class="text-sm text-light-600">
-                          {$t('no_actions_added')}
-                        </span>
-                      {:else}
-                        <div class="flex flex-wrap gap-2">
-                          {#each workflow.actions as workflowAction (workflowAction.id)}
-                            {@render chipItem(getActionLabel(workflowAction.pluginActionId))}
-                          {/each}
-                        </div>
-                      {/if}
-                    </div>
-                  </div>
-                </div>
-
-                {#if expandedWorkflows.has(workflow.id)}
-                  <VStack gap={2} class="w-full rounded-2xl border bg-light-50 p-4 border-light-200 ">
-                    <CodeBlock code={getJson(workflow)} lineNumbers />
-                    <Button
-                      leadingIcon={mdiClose}
-                      fullWidth
-                      variant="ghost"
-                      color="secondary"
-                      onclick={() => toggleShowingSchema(workflow.id)}>{$t('close')}</Button
-                    >
-                  </VStack>
-                {/if}
-              </CardBody>
-            </Card>
-          {/each}
-        </div>
-      {/if}
-    </section>
-  </section>
-</UserPageLayout>

web/src/routes/(user)/utilities/workflows/+page.ts

@@ -1,18 +0,0 @@
-import { authenticate } from '$lib/utils/auth';
-import { getFormatter } from '$lib/utils/i18n';
-import { getPlugins, getWorkflows } from '@immich/sdk';
-import type { PageLoad } from './$types';
-
-export const load = (async ({ url }) => {
-  await authenticate(url);
-  const [workflows, plugins] = await Promise.all([getWorkflows(), getPlugins()]);
-  const $t = await getFormatter();
-
-  return {
-    workflows,
-    plugins,
-    meta: {
-      title: $t('workflows'),
-    },
-  };
-}) satisfies PageLoad;

web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte

@@ -1,619 +0,0 @@
-<script lang="ts">
-  import { beforeNavigate, goto } from '$app/navigation';
-  import { dragAndDrop } from '$lib/attachments/drag-and-drop.svelte';
-  import ControlAppBar from '$lib/components/shared-components/control-app-bar.svelte';
-  import SchemaFormFields from '$lib/components/workflows/SchemaFormFields.svelte';
-  import WorkflowCardConnector from '$lib/components/workflows/WorkflowCardConnector.svelte';
-  import WorkflowJsonEditor from '$lib/components/workflows/WorkflowJsonEditor.svelte';
-  import WorkflowSummarySidebar from '$lib/components/workflows/WorkflowSummary.svelte';
-  import WorkflowTriggerCard from '$lib/components/workflows/WorkflowTriggerCard.svelte';
-  import { AppRoute } from '$lib/constants';
-  import AddWorkflowStepModal from '$lib/modals/AddWorkflowStepModal.svelte';
-  import {
-    buildWorkflowPayload,
-    getActionsByContext,
-    getFiltersByContext,
-    handleUpdateWorkflow,
-    hasWorkflowChanged,
-    initializeConfigs,
-    parseWorkflowJson,
-    remapConfigsOnRemove,
-    remapConfigsOnReorder,
-    type WorkflowPayload,
-  } from '$lib/services/workflow.service';
-  import { handleError } from '$lib/utils/handle-error';
-  import type { PluginActionResponseDto, PluginFilterResponseDto, PluginTriggerResponseDto } from '@immich/sdk';
-  import {
-    Button,
-    Card,
-    CardBody,
-    CardDescription,
-    CardHeader,
-    CardTitle,
-    Container,
-    Field,
-    HStack,
-    Icon,
-    Input,
-    Switch,
-    Text,
-    Textarea,
-    VStack,
-    modalManager,
-    toastManager,
-  } from '@immich/ui';
-  import {
-    mdiArrowLeft,
-    mdiCodeJson,
-    mdiContentSave,
-    mdiFilterOutline,
-    mdiFlashOutline,
-    mdiInformationOutline,
-    mdiPlayCircleOutline,
-    mdiPlus,
-    mdiTrashCanOutline,
-    mdiViewDashboard,
-  } from '@mdi/js';
-  import { t } from 'svelte-i18n';
-  import type { PageData } from './$types';
-
-  type Props = {
-    data: PageData;
-  };
-
-  let { data }: Props = $props();
-
-  const triggers = data.triggers;
-  const filters = data.plugins.flatMap((plugin) => plugin.filters);
-  const actions = data.plugins.flatMap((plugin) => plugin.actions);
-
-  let previousWorkflow = data.workflow;
-  let editWorkflow = $state(data.workflow);
-
-  let viewMode: 'visual' | 'json' = $state('visual');
-
-  let name: string = $derived(editWorkflow.name ?? '');
-  let description: string = $derived(editWorkflow.description ?? '');
-
-  let selectedTrigger = $state(triggers.find((t) => t.type === editWorkflow.triggerType) ?? triggers[0]);
-
-  let triggerType = $derived(selectedTrigger.type);
-
-  let supportFilters = $derived(getFiltersByContext(filters, selectedTrigger.contextType));
-  let supportActions = $derived(getActionsByContext(actions, selectedTrigger.contextType));
-
-  let selectedFilters: PluginFilterResponseDto[] = $derived(
-    (editWorkflow.filters ?? []).flatMap((workflowFilter) =>
-      supportFilters.filter((supportedFilter) => supportedFilter.id === workflowFilter.pluginFilterId),
-    ),
-  );
-
-  let selectedActions: PluginActionResponseDto[] = $derived(
-    (editWorkflow.actions ?? []).flatMap((workflowAction) =>
-      supportActions.filter((supportedAction) => supportedAction.id === workflowAction.pluginActionId),
-    ),
-  );
-
-  let filterConfigs: Record<string, unknown> = $derived(initializeConfigs('filter', editWorkflow));
-  let actionConfigs: Record<string, unknown> = $derived(initializeConfigs('action', editWorkflow));
-
-  $effect(() => {
-    editWorkflow.triggerType = triggerType;
-  });
-
-  // Clear filters and actions when trigger changes (context changes)
-  let previousContext = $state<string | undefined>(undefined);
-  $effect(() => {
-    const currentContext = selectedTrigger.contextType;
-    if (previousContext !== undefined && previousContext !== currentContext) {
-      selectedFilters = [];
-      selectedActions = [];
-      filterConfigs = {};
-      actionConfigs = {};
-    }
-    previousContext = currentContext;
-  });
-
-  const updateWorkflow = async () => {
-    try {
-      const updated = await handleUpdateWorkflow(
-        editWorkflow.id,
-        name,
-        description,
-        editWorkflow.enabled,
-        triggerType,
-        selectedFilters,
-        selectedActions,
-        filterConfigs,
-        actionConfigs,
-      );
-
-      previousWorkflow = updated;
-      editWorkflow = updated;
-
-      toastManager.success($t('workflow_update_success'), {
-        closable: true,
-      });
-    } catch (error) {
-      handleError(error, 'Failed to update workflow');
-    }
-  };
-
-  const jsonContent = $derived(
-    buildWorkflowPayload(
-      name,
-      description,
-      editWorkflow.enabled,
-      triggerType,
-      selectedFilters,
-      selectedActions,
-      filterConfigs,
-      actionConfigs,
-    ),
-  );
-
-  let jsonEditorContent: WorkflowPayload = $state({
-    name: '',
-    description: '',
-    enabled: false,
-    triggerType: '',
-    filters: [],
-    actions: [],
-  });
-
-  const syncFromJson = () => {
-    const result = parseWorkflowJson(JSON.stringify(jsonEditorContent), triggers, filters, actions);
-
-    if (!result.success) {
-      return;
-    }
-
-    if (result.data) {
-      name = result.data.name;
-      description = result.data.description;
-      editWorkflow.enabled = result.data.enabled;
-
-      if (result.data.trigger) {
-        selectedTrigger = result.data.trigger;
-      }
-
-      selectedFilters = result.data.filters;
-      selectedActions = result.data.actions;
-      filterConfigs = result.data.filterConfigs;
-      actionConfigs = result.data.actionConfigs;
-    }
-  };
-
-  let hasChanges: boolean = $derived(
-    hasWorkflowChanged(
-      previousWorkflow,
-      editWorkflow.enabled,
-      name,
-      description,
-      triggerType,
-      selectedFilters,
-      selectedActions,
-      filterConfigs,
-      actionConfigs,
-    ),
-  );
-
-  let draggedFilterIndex: number | null = $state(null);
-  let draggedActionIndex: number | null = $state(null);
-  let dragOverFilterIndex: number | null = $state(null);
-  let dragOverActionIndex: number | null = $state(null);
-
-  const handleFilterDragStart = (index: number) => {
-    draggedFilterIndex = index;
-  };
-
-  const handleFilterDragEnter = (index: number) => {
-    if (draggedFilterIndex !== null && draggedFilterIndex !== index) {
-      dragOverFilterIndex = index;
-    }
-  };
-
-  const handleFilterDrop = (e: DragEvent, index: number) => {
-    e.preventDefault();
-    if (draggedFilterIndex === null || draggedFilterIndex === index) {
-      return;
-    }
-
-    // Remap configs to follow the new order
-    filterConfigs = remapConfigsOnReorder(filterConfigs, 'filter', draggedFilterIndex, index, selectedFilters.length);
-
-    const newFilters = [...selectedFilters];
-    const [draggedItem] = newFilters.splice(draggedFilterIndex, 1);
-    newFilters.splice(index, 0, draggedItem);
-    selectedFilters = newFilters;
-  };
-
-  const handleFilterDragEnd = () => {
-    draggedFilterIndex = null;
-    dragOverFilterIndex = null;
-  };
-
-  const handleActionDragStart = (index: number) => {
-    draggedActionIndex = index;
-  };
-
-  const handleActionDragEnter = (index: number) => {
-    if (draggedActionIndex !== null && draggedActionIndex !== index) {
-      dragOverActionIndex = index;
-    }
-  };
-
-  const handleActionDrop = (e: DragEvent, index: number) => {
-    e.preventDefault();
-    if (draggedActionIndex === null || draggedActionIndex === index) {
-      return;
-    }
-
-    actionConfigs = remapConfigsOnReorder(actionConfigs, 'action', draggedActionIndex, index, selectedActions.length);
-
-    const newActions = [...selectedActions];
-    const [draggedItem] = newActions.splice(draggedActionIndex, 1);
-    newActions.splice(index, 0, draggedItem);
-    selectedActions = newActions;
-  };
-
-  const handleActionDragEnd = () => {
-    draggedActionIndex = null;
-    dragOverActionIndex = null;
-  };
-
-  const handleAddStep = async (type: 'action' | 'filter') => {
-    const result = await modalManager.show(AddWorkflowStepModal, {
-      filters: supportFilters,
-      actions: supportActions,
-      type,
-    });
-
-    if (result) {
-      if (result.type === 'filter') {
-        selectedFilters = [...selectedFilters, result.item as PluginFilterResponseDto];
-      } else if (result.type === 'action') {
-        selectedActions = [...selectedActions, result.item as PluginActionResponseDto];
-      }
-    }
-  };
-
-  const handleRemoveFilter = (index: number) => {
-    filterConfigs = remapConfigsOnRemove(filterConfigs, 'filter', index, selectedFilters.length);
-    selectedFilters = selectedFilters.filter((_, i) => i !== index);
-  };
-
-  const handleRemoveAction = (index: number) => {
-    actionConfigs = remapConfigsOnRemove(actionConfigs, 'action', index, selectedActions.length);
-    selectedActions = selectedActions.filter((_, i) => i !== index);
-  };
-
-  const handleTriggerChange = async (newTrigger: PluginTriggerResponseDto) => {
-    const confirmed = await modalManager.showDialog({
-      prompt: $t('change_trigger_prompt'),
-      title: $t('change_trigger'),
-      confirmColor: 'primary',
-    });
-
-    if (!confirmed) {
-      return;
-    }
-
-    selectedTrigger = newTrigger;
-  };
-
-  let allowNavigation = $state(false);
-
-  beforeNavigate(({ cancel, to }) => {
-    if (hasChanges && !allowNavigation) {
-      cancel();
-
-      modalManager
-        .showDialog({
-          prompt: $t('workflow_navigation_prompt'),
-          confirmColor: 'primary',
-        })
-        .then((isConfirmed) => {
-          if (isConfirmed && to) {
-            allowNavigation = true;
-            void goto(to.url);
-          }
-        })
-        .catch(() => {});
-    }
-  });
-</script>
-
-{#snippet cardOrder(index: number)}
-  <div class="h-8 w-8 rounded-lg flex place-items-center place-content-center shrink-0 border bg-light-50">
-    <Text size="small" class="font-mono font-bold">
-      {index + 1}
-    </Text>
-  </div>
-{/snippet}
-
-{#snippet stepSeparator()}
-  <div class="relative flex justify-center py-4">
-    <div class="absolute inset-0 flex items-center" aria-hidden="true">
-      <div class="w-full border-t-2 border-dashed border-light-200"></div>
-    </div>
-    <div class="relative flex justify-center text-xs uppercase">
-      <span class="bg-white dark:bg-black px-2 font-semibold text-light-500">THEN</span>
-    </div>
-  </div>
-{/snippet}
-
-{#snippet emptyCreateButton(title: string, description: string, onclick: () => Promise<void>)}
-  <button
-    type="button"
-    {onclick}
-    class="w-full p-8 rounded-lg border-2 border-dashed hover:border-light-400 hover:bg-light-50 transition-all flex flex-col items-center justify-center gap-2"
-  >
-    <Icon icon={mdiPlus} size="32" />
-    <Text size="small" class="font-medium">{title}</Text>
-    <Text size="tiny">{description}</Text>
-  </button>
-{/snippet}
-
-<svelte:head>
-  <title>{data.meta.title} - Immich</title>
-</svelte:head>
-
-<main class="pt-24 immich-scrollbar">
-  <Container size="medium" class="p-4" center>
-    {#if viewMode === 'json'}
-      <WorkflowJsonEditor
-        jsonContent={jsonEditorContent}
-        onApply={syncFromJson}
-        onContentChange={(content) => (jsonEditorContent = content)}
-      />
-    {:else}
-      <VStack gap={0}>
-        <Card expandable>
-          <CardHeader>
-            <div class="flex place-items-start gap-3">
-              <Icon icon={mdiInformationOutline} size="20" class="mt-1" />
-              <div class="flex flex-col">
-                <CardTitle>
-                  {$t('workflow_info')}
-                </CardTitle>
-              </div>
-            </div>
-          </CardHeader>
-
-          <CardBody>
-            <VStack gap={4}>
-              <div
-                class="relative overflow-hidden border p-4 w-full rounded-xl"
-                class:bg-primary-50={editWorkflow.enabled}
-              >
-                <Field
-                  label={editWorkflow.enabled ? $t('enabled') : $t('disabled')}
-                  for="workflow-enabled"
-                  color={editWorkflow.enabled ? 'primary' : 'secondary'}
-                >
-                  <Switch id="workflow-enabled" bind:checked={editWorkflow.enabled} />
-                </Field>
-              </div>
-
-              <Field label={$t('name')} for="workflow-name" required>
-                <Input id="workflow-name" placeholder={$t('workflow_name')} bind:value={name} />
-              </Field>
-              <Field label={$t('description')} for="workflow-description">
-                <Textarea
-                  id="workflow-description"
-                  grow
-                  placeholder={$t('workflow_description')}
-                  bind:value={description}
-                />
-              </Field>
-            </VStack>
-          </CardBody>
-        </Card>
-
-        <div class="my-10 h-px w-[98%] bg-light-200"></div>
-
-        <Card expandable>
-          <CardHeader class="bg-primary-50">
-            <div class="flex items-start gap-3">
-              <Icon icon={mdiFlashOutline} size="20" class="mt-1 text-primary" />
-              <div class="flex flex-col">
-                <CardTitle class="text-left text-primary">{$t('trigger')}</CardTitle>
-                <CardDescription>{$t('trigger_description')}</CardDescription>
-              </div>
-            </div>
-          </CardHeader>
-
-          <CardBody>
-            <div class="grid grid-cols-2 gap-4">
-              {#each triggers as trigger (trigger.type)}
-                <WorkflowTriggerCard
-                  {trigger}
-                  selected={selectedTrigger.type === trigger.type}
-                  onclick={() => handleTriggerChange(trigger)}
-                />
-              {/each}
-            </div>
-          </CardBody>
-        </Card>
-
-        <WorkflowCardConnector />
-
-        <Card expandable>
-          <CardHeader class="bg-warning-50">
-            <div class="flex items-start gap-3">
-              <Icon icon={mdiFilterOutline} size="20" class="mt-1 text-warning" />
-              <div class="flex flex-col">
-                <CardTitle class="text-left text-warning">{$t('filter')}</CardTitle>
-                <CardDescription>{$t('filter_description')}</CardDescription>
-              </div>
-            </div>
-          </CardHeader>
-
-          <CardBody>
-            {#if selectedFilters.length === 0}
-              {@render emptyCreateButton($t('add_filter'), $t('add_filter_description'), () => handleAddStep('filter'))}
-            {:else}
-              {#each selectedFilters as filter, index (index)}
-                {#if index > 0}
-                  {@render stepSeparator()}
-                {/if}
-                <div
-                  {@attach dragAndDrop({
-                    index,
-                    onDragStart: handleFilterDragStart,
-                    onDragEnter: handleFilterDragEnter,
-                    onDrop: handleFilterDrop,
-                    onDragEnd: handleFilterDragEnd,
-                    isDragging: draggedFilterIndex === index,
-                    isDragOver: dragOverFilterIndex === index,
-                  })}
-                  class="mb-4 cursor-move rounded-2xl border-2 p-4 transition-all bg-light-50 border-dashed hover:border-light-300"
-                >
-                  <div class="flex items-start gap-4">
-                    {@render cardOrder(index)}
-                    <div class="flex-1">
-                      <h1 class="font-bold text-lg mb-3">{filter.title}</h1>
-                      <SchemaFormFields
-                        schema={filter.schema}
-                        bind:config={filterConfigs}
-                        configKey={`filter_${index}`}
-                      />
-                    </div>
-                    <div class="flex flex-col gap-2">
-                      <Button
-                        size="medium"
-                        variant="ghost"
-                        color="danger"
-                        onclick={() => handleRemoveFilter(index)}
-                        leadingIcon={mdiTrashCanOutline}
-                      />
-                    </div>
-                  </div>
-                </div>
-              {/each}
-
-              <Button
-                size="small"
-                fullWidth
-                variant="ghost"
-                leadingIcon={mdiPlus}
-                onclick={() => handleAddStep('filter')}
-              >
-                {$t('add_filter')}
-              </Button>
-            {/if}
-          </CardBody>
-        </Card>
-
-        <WorkflowCardConnector />
-
-        <Card expandable expanded>
-          <CardHeader class="bg-success-50">
-            <div class="flex items-start gap-3">
-              <Icon icon={mdiPlayCircleOutline} size="20" class="mt-1 text-success" />
-              <div class="flex flex-col">
-                <CardTitle class="text-left text-success">{$t('action')}</CardTitle>
-                <CardDescription>{$t('action_description')}</CardDescription>
-              </div>
-            </div>
-          </CardHeader>
-
-          <CardBody>
-            {#if selectedActions.length === 0}
-              {@render emptyCreateButton($t('add_action'), $t('add_action_description'), () => handleAddStep('action'))}
-            {:else}
-              {#each selectedActions as action, index (index)}
-                {#if index > 0}
-                  {@render stepSeparator()}
-                {/if}
-                <div
-                  {@attach dragAndDrop({
-                    index,
-                    onDragStart: handleActionDragStart,
-                    onDragEnter: handleActionDragEnter,
-                    onDrop: handleActionDrop,
-                    onDragEnd: handleActionDragEnd,
-                    isDragging: draggedActionIndex === index,
-                    isDragOver: dragOverActionIndex === index,
-                  })}
-                  class="mb-4 cursor-move rounded-2xl border-2 p-4 transition-all bg-light-50 border-dashed hover:border-light-300"
-                >
-                  <div class="flex items-start gap-4">
-                    {@render cardOrder(index)}
-                    <div class="flex-1">
-                      <h1 class="font-bold text-lg mb-3">{action.title}</h1>
-                      <SchemaFormFields
-                        schema={action.schema}
-                        bind:config={actionConfigs}
-                        configKey={`action_${index}`}
-                      />
-                    </div>
-                    <div class="flex flex-col gap-2">
-                      <Button
-                        size="medium"
-                        variant="ghost"
-                        color="danger"
-                        onclick={() => handleRemoveAction(index)}
-                        leadingIcon={mdiTrashCanOutline}
-                      />
-                    </div>
-                  </div>
-                </div>
-              {/each}
-              <Button
-                size="small"
-                fullWidth
-                variant="ghost"
-                leadingIcon={mdiPlus}
-                onclick={() => handleAddStep('action')}
-              >
-                {$t('add_action')}
-              </Button>
-            {/if}
-          </CardBody>
-        </Card>
-      </VStack>
-    {/if}
-  </Container>
-
-  <WorkflowSummarySidebar trigger={selectedTrigger} filters={selectedFilters} actions={selectedActions} />
-</main>
-
-<ControlAppBar onClose={() => goto(AppRoute.WORKFLOWS)} backIcon={mdiArrowLeft} tailwindClasses="fixed! top-0! w-full">
-  {#snippet leading()}
-    <Text>{data.meta.title}</Text>
-  {/snippet}
-
-  {#snippet trailing()}
-    <HStack gap={4}>
-      <HStack gap={1} class="border rounded-lg p-1 border-light-300">
-        <Button
-          size="small"
-          variant={viewMode === 'visual' ? 'outline' : 'ghost'}
-          color={viewMode === 'visual' ? 'primary' : 'secondary'}
-          leadingIcon={mdiViewDashboard}
-          onclick={() => (viewMode = 'visual')}
-        >
-          {$t('visual')}
-        </Button>
-        <Button
-          size="small"
-          variant={viewMode === 'json' ? 'outline' : 'ghost'}
-          color={viewMode === 'json' ? 'primary' : 'secondary'}
-          leadingIcon={mdiCodeJson}
-          onclick={() => {
-            viewMode = 'json';
-            jsonEditorContent = jsonContent;
-          }}
-        >
-          JSON
-        </Button>
-      </HStack>
-
-      <Button leadingIcon={mdiContentSave} size="small" color="primary" onclick={updateWorkflow} disabled={!hasChanges}>
-        {$t('save')}
-      </Button>
-    </HStack>
-  {/snippet}
-</ControlAppBar>

web/src/routes/(user)/utilities/workflows/[workflowId]/+page.ts

@@ -1,23 +0,0 @@
-import { authenticate } from '$lib/utils/auth';
-import { getFormatter } from '$lib/utils/i18n';
-import { getPlugins, getPluginTriggers, getWorkflow } from '@immich/sdk';
-import type { PageLoad } from './$types';
-
-export const load = (async ({ url, params }) => {
-  await authenticate(url);
-  const [plugins, workflow, triggers] = await Promise.all([
-    getPlugins(),
-    getWorkflow({ id: params.workflowId }),
-    getPluginTriggers(),
-  ]);
-  const $t = await getFormatter();
-
-  return {
-    plugins,
-    workflow,
-    triggers,
-    meta: {
-      title: $t('edit_workflow'),
-    },
-  };
-}) satisfies PageLoad;