use showDialog directly

Author: alextran1502

i18n/en.json

@@ -2144,7 +2144,11 @@
   "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",

mobile/openapi/lib/model/plugin_trigger_response_dto.dart

@@ -18459,12 +18459,6 @@
               }
             ]
           },
-          "description": {
-            "type": "string"
-          },
-          "name": {
-            "type": "string"
-          },
           "type": {
             "allOf": [
               {
@@ -18475,8 +18469,6 @@
         },
         "required": [
           "contextType",
-          "description",
-          "name",
           "type"
         ],
         "type": "object"

open-api/immich-openapi-specs.json

@@ -968,8 +968,6 @@ export type PluginResponseDto = {
 };
 export type PluginTriggerResponseDto = {
     contextType: PluginContextType;
-    description: string;
-    name: string;
     "type": PluginTriggerType;
 };
 export type QueueResponseDto = {

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

@@ -5,10 +5,8 @@ import type { JSONSchema } from 'src/types/plugin-schema.types';
 import { ValidateEnum } from 'src/validation';
 
 export class PluginTriggerResponseDto {
-  name!: string;
   @ValidateEnum({ enum: PluginTriggerType, name: 'PluginTriggerType' })
   type!: PluginTriggerType;
-  description!: string;
   @ValidateEnum({ enum: PluginContextType, name: 'PluginContextType' })
   contextType!: PluginContextType;
 }

server/src/dtos/plugin.dto.ts

@@ -1,23 +1,17 @@
 import { PluginContext, PluginTriggerType } from 'src/enum';
 
 export type PluginTrigger = {
-  name: string;
   type: PluginTriggerType;
-  description: string;
   contextType: PluginContext;
 };
 
 export const pluginTriggers: PluginTrigger[] = [
   {
-    name: 'Asset Uploaded',
     type: PluginTriggerType.AssetCreate,
-    description: 'Triggered when a new asset is uploaded',
     contextType: PluginContext.Asset,
   },
   {
-    name: 'Person Recognized',
     type: PluginTriggerType.PersonRecognized,
-    description: 'Triggered when a person is detected',
     contextType: PluginContext.Person,
   },
 ];

server/src/plugins.ts

@@ -1,5 +1,10 @@
 <script lang="ts">
-  import type { PluginActionResponseDto, PluginFilterResponseDto, PluginTriggerResponseDto } from '@immich/sdk';
+  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';
@@ -12,6 +17,20 @@
 
   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);
@@ -96,7 +115,7 @@
             <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">{trigger.name}</p>
+          <p class="text-sm truncate pl-5">{getTriggerName(trigger.type)}</p>
         </div>
 
         <!-- Connector -->

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

@@ -2,6 +2,7 @@
   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';
 
   interface Props {
     trigger: PluginTriggerResponseDto;
@@ -24,6 +25,34 @@
       }
     }
   };
+
+  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
@@ -42,9 +71,9 @@
       <Icon icon={getTriggerIcon(trigger.type)} size="24" />
     </div>
     <div class="flex-1">
-      <Text class="font-semibold mb-1">{trigger.name}</Text>
-      {#if trigger.description}
-        <Text size="small">{trigger.description}</Text>
+      <Text class="font-semibold mb-1">{getTriggerName(trigger.type)}</Text>
+      {#if getTriggerDescription(trigger.type)}
+        <Text size="small">{getTriggerDescription(trigger.type)}</Text>
       {/if}
     </div>
   </div>