From 289f0eb377b1e51a5837b7c787beb837b5cf53c5 Mon Sep 17 00:00:00 2001
From: Benedikt Kulmann <benedikt@kulmann.biz>
Date: Tue, 3 Sep 2024 08:15:36 +0200
Subject: [PATCH] feat: support `a` as component type in actions (#11502)

* feat: support a as component type in actions
---
 .../unreleased/enhancement-action-a-tags      |  5 +++
 .../extension-types/actions.md                |  7 ++--
 .../general/useGeneralActionsResetLogo.ts     |  1 -
 .../general/useGeneralActionsUploadLogo.ts    |  1 -
 .../groups/useGroupActionsCreateGroup.ts      |  1 -
 .../actions/groups/useGroupActionsDelete.ts   |  1 -
 .../actions/groups/useGroupActionsEdit.ts     |  1 -
 .../users/useUserActionsAddToGroups.ts        |  1 -
 .../actions/users/useUserActionsCreateUser.ts |  1 -
 .../actions/users/useUserActionsDelete.ts     |  1 -
 .../actions/users/useUserActionsEdit.ts       |  1 -
 .../actions/users/useUserActionsEditLogin.ts  |  1 -
 .../actions/users/useUserActionsEditQuota.ts  |  1 -
 .../users/useUserActionsRemoveFromGroups.ts   |  1 -
 .../actions/useAppActionsDownload.ts          |  1 -
 .../spaces/useSpaceActionsUploadImage.ts      |  1 -
 .../SideBar/Actions/FileActions.spec.ts       |  4 --
 packages/web-app-importer/src/extensions.ts   |  1 -
 packages/web-app-ocm/src/extensions.ts        |  1 -
 .../components/AppTemplates/AppWrapper.vue    |  5 +--
 .../ContextActions/ActionMenuItem.vue         | 39 ++++++++++++++-----
 .../actions/files/useFileActions.ts           |  1 -
 .../actions/files/useFileActionsCopy.ts       |  1 -
 .../files/useFileActionsCopyQuicklink.ts      |  1 -
 .../actions/files/useFileActionsCreateLink.ts |  2 -
 .../files/useFileActionsCreateNewFile.ts      |  1 -
 .../files/useFileActionsCreateNewFolder.ts    |  1 -
 .../files/useFileActionsCreateNewShortcut.ts  |  1 -
 .../useFileActionsCreateSpaceFromResource.ts  |  1 -
 .../actions/files/useFileActionsDelete.ts     |  2 -
 .../files/useFileActionsDisableSync.ts        |  1 -
 .../files/useFileActionsDownloadArchive.ts    |  1 -
 .../files/useFileActionsDownloadFile.ts       |  1 -
 .../files/useFileActionsEmptyTrashBin.ts      |  1 -
 .../actions/files/useFileActionsEnableSync.ts |  1 -
 .../actions/files/useFileActionsFavorite.ts   |  1 -
 .../actions/files/useFileActionsMove.ts       |  1 -
 .../actions/files/useFileActionsNavigate.ts   |  1 -
 .../files/useFileActionsOpenShortcut.ts       |  1 -
 .../files/useFileActionsOpenWithApp.ts        |  1 -
 .../actions/files/useFileActionsPaste.ts      |  1 -
 .../actions/files/useFileActionsRename.ts     |  1 -
 .../actions/files/useFileActionsRestore.ts    |  1 -
 .../actions/files/useFileActionsSetImage.ts   |  1 -
 .../files/useFileActionsShowActions.ts        |  1 -
 .../files/useFileActionsShowDetails.ts        |  1 -
 .../actions/files/useFileActionsShowShares.ts |  1 -
 .../files/useFileActionsToggleHideShare.ts    |  1 -
 .../actions/spaces/useSpaceActionsDelete.ts   |  1 -
 .../actions/spaces/useSpaceActionsDisable.ts  |  1 -
 .../spaces/useSpaceActionsDuplicate.ts        |  1 -
 .../spaces/useSpaceActionsEditDescription.ts  |  1 -
 .../spaces/useSpaceActionsEditQuota.ts        |  1 -
 .../useSpaceActionsEditReadmeContent.ts       |  1 -
 .../spaces/useSpaceActionsNavigateToTrash.ts  |  1 -
 .../actions/spaces/useSpaceActionsRename.ts   |  1 -
 .../actions/spaces/useSpaceActionsRestore.ts  |  1 -
 .../actions/spaces/useSpaceActionsSetIcon.ts  |  1 -
 .../spaces/useSpaceActionsShowMembers.ts      |  1 -
 .../web-pkg/src/composables/actions/types.ts  |  4 +-
 .../actions/useActionsShowDetails.ts          |  1 -
 .../ContextActions/ActionMenuItem.spec.ts     | 19 ++++++++-
 62 files changed, 59 insertions(+), 81 deletions(-)
 create mode 100644 changelog/unreleased/enhancement-action-a-tags

diff --git a/changelog/unreleased/enhancement-action-a-tags b/changelog/unreleased/enhancement-action-a-tags
new file mode 100644
index 00000000000..b4903aad14f
--- /dev/null
+++ b/changelog/unreleased/enhancement-action-a-tags
@@ -0,0 +1,5 @@
+Enhancement: Support a tags in actions
+
+We've added support for `a` tags in actions. This allows developers to create action extensions for e.g. opening file-specific URLs from the context menu.
+
+https://github.com/owncloud/web/pull/11502
diff --git a/docs/extension-system/extension-types/actions.md b/docs/extension-system/extension-types/actions.md
index ea7119b37ea..0e8d86ee8e6 100644
--- a/docs/extension-system/extension-types/actions.md
+++ b/docs/extension-system/extension-types/actions.md
@@ -36,9 +36,9 @@ The most important configuration options are:
 - `icon` - The icon to be displayed, can be picked from https://owncloud.design/#/Design%20Tokens/IconList
 - `name` - The name of the action (not displayed in the UI)
 - `label` - The text to be displayed
-- `route` - The string/route to navigate to, if the nav item should be a `<router-link>`
-- `handler` - The action to perform upon click, if the nav item should be a `<button>`
-- `componentType` - Either `'button'` or `'router-link'`, depending on whether the action should be a link or button
+- `route` - The string/route to navigate to. The nav item will be a `<router-link>` tag.
+- `href` - The URL to navigate to. The nav item will be a `<a>`tag.
+- `handler` - The action to perform upon click. The nav item will be a `<button>` tag.
 - `isVisible` - Determines whether the action is displayed to the user
 
 Please check the [`Action` type](https://github.com/owncloud/web/blob/236c185540fc6758dc7bd84985c8834fa4145530/packages/web-pkg/src/composables/actions/types.ts#L6) for a full list of configuration options.
@@ -58,7 +58,6 @@ export const useDownloadFilesExtension = () => {
     action: {
       name: 'download-files',
       icon: 'download',
-      componentType: 'button',
       class: 'oc-files-actions-download-files',
       label: () => $gettext('Download'),
       isVisible: ({ space, resources }) => {
diff --git a/packages/web-app-admin-settings/src/composables/actions/general/useGeneralActionsResetLogo.ts b/packages/web-app-admin-settings/src/composables/actions/general/useGeneralActionsResetLogo.ts
index abbc348a64d..0fe5500f6e0 100644
--- a/packages/web-app-admin-settings/src/composables/actions/general/useGeneralActionsResetLogo.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/general/useGeneralActionsResetLogo.ts
@@ -38,7 +38,6 @@ export const useGeneralActionsResetLogo = () => {
         return ability.can('update-all', 'Logo')
       },
       handler,
-      componentType: 'button',
       class: 'oc-general-actions-reset-logo-trigger'
     }
   ])
diff --git a/packages/web-app-admin-settings/src/composables/actions/general/useGeneralActionsUploadLogo.ts b/packages/web-app-admin-settings/src/composables/actions/general/useGeneralActionsUploadLogo.ts
index f6746e432d3..f1b3d6ff9b7 100644
--- a/packages/web-app-admin-settings/src/composables/actions/general/useGeneralActionsUploadLogo.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/general/useGeneralActionsUploadLogo.ts
@@ -57,7 +57,6 @@ export const useGeneralActionsUploadLogo = ({ imageInput }: { imageInput: VNodeR
       handler: () => {
         unref(imageInput).click()
       },
-      componentType: 'button',
       class: 'oc-general-actions-upload-logo-trigger'
     }
   ])
diff --git a/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsCreateGroup.ts b/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsCreateGroup.ts
index 362127a6b84..665f2138df2 100644
--- a/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsCreateGroup.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsCreateGroup.ts
@@ -11,7 +11,6 @@ export const useGroupActionsCreateGroup = () => {
     {
       name: 'create-group',
       icon: 'add',
-      componentType: 'button',
       class: 'oc-groups-actions-create-group',
       label: () => $gettext('New group'),
       isVisible: () => true,
diff --git a/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsDelete.ts b/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsDelete.ts
index e8bc81b232f..cade0463845 100644
--- a/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsDelete.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsDelete.ts
@@ -114,7 +114,6 @@ export const useGroupActionsDelete = () => {
       isVisible: ({ resources }) => {
         return !!resources.length && !resources.some((r) => r.groupTypes?.includes('ReadOnly'))
       },
-      componentType: 'button',
       class: 'oc-groups-actions-delete-trigger'
     }
   ])
diff --git a/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsEdit.ts b/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsEdit.ts
index f11fc5bf25c..df180738e86 100644
--- a/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsEdit.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/groups/useGroupActionsEdit.ts
@@ -16,7 +16,6 @@ export const useGroupActionsEdit = () => {
       isVisible: ({ resources }) => {
         return resources.length === 1 && !resources[0].groupTypes?.includes('ReadOnly')
       },
-      componentType: 'button',
       class: 'oc-groups-actions-edit-trigger'
     }
   ])
diff --git a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsAddToGroups.ts b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsAddToGroups.ts
index cf31133824f..c3adc4364c1 100644
--- a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsAddToGroups.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsAddToGroups.ts
@@ -32,7 +32,6 @@ export const useUserActionsAddToGroups = ({ groups }: { groups: Ref<Group[]> })
     {
       name: 'add-to-groups',
       icon: 'add',
-      componentType: 'button',
       class: 'oc-users-actions-add-to-groups-trigger',
       label: () => $gettext('Add to groups'),
       isVisible: ({ resources }) => {
diff --git a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsCreateUser.ts b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsCreateUser.ts
index dccdd41bcfa..724ea19788a 100644
--- a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsCreateUser.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsCreateUser.ts
@@ -13,7 +13,6 @@ export const useUserActionsCreateUser = () => {
     {
       name: 'create-user',
       icon: 'add',
-      componentType: 'button',
       class: 'oc-users-actions-create-user',
       label: () => $gettext('New user'),
       isVisible: () => !capabilityStore.graphUsersCreateDisabled,
diff --git a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsDelete.ts b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsDelete.ts
index c87bd1a5ed4..1b81fabddfd 100644
--- a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsDelete.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsDelete.ts
@@ -116,7 +116,6 @@ export const useUserActionsDelete = () => {
       isVisible: ({ resources }) => {
         return !!resources.length && !capabilityStore.graphUsersDeleteDisabled
       },
-      componentType: 'button',
       class: 'oc-users-actions-delete-trigger'
     }
   ])
diff --git a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEdit.ts b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEdit.ts
index 5c342b341e0..f09cc13f5ab 100644
--- a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEdit.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEdit.ts
@@ -16,7 +16,6 @@ export const useUserActionsEdit = () => {
       isVisible: ({ resources }) => {
         return resources.length === 1
       },
-      componentType: 'button',
       class: 'oc-users-actions-edit-trigger'
     }
   ])
diff --git a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEditLogin.ts b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEditLogin.ts
index cfd8b4896ee..869c4817ab5 100644
--- a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEditLogin.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEditLogin.ts
@@ -30,7 +30,6 @@ export const useUserActionsEditLogin = () => {
     {
       name: 'edit-login',
       icon: 'login-circle',
-      componentType: 'button',
       class: 'oc-users-actions-edit-login-trigger',
       label: () => $gettext('Edit login'),
       isVisible: ({ resources }) => {
diff --git a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEditQuota.ts b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEditQuota.ts
index 8ff48f13870..c1f07518893 100644
--- a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEditQuota.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsEditQuota.ts
@@ -96,7 +96,6 @@ export const useUserActionsEditQuota = () => {
 
         return ability.can('set-quota-all', 'Drive')
       },
-      componentType: 'button',
       class: 'oc-users-actions-edit-quota-trigger'
     }
   ])
diff --git a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsRemoveFromGroups.ts b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsRemoveFromGroups.ts
index 731f1d3a647..63973fd8267 100644
--- a/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsRemoveFromGroups.ts
+++ b/packages/web-app-admin-settings/src/composables/actions/users/useUserActionsRemoveFromGroups.ts
@@ -32,7 +32,6 @@ export const useUserActionsRemoveFromGroups = ({ groups }: { groups: Ref<Group[]
     {
       name: 'remove-users-from-groups',
       icon: 'subtract',
-      componentType: 'button',
       class: 'oc-users-actions-remove-from-groups-trigger',
       label: () => $gettext('Remove from groups'),
       isVisible: ({ resources }) => {
diff --git a/packages/web-app-app-store/src/composables/actions/useAppActionsDownload.ts b/packages/web-app-app-store/src/composables/actions/useAppActionsDownload.ts
index 760cd777c4d..16b7120ef8b 100644
--- a/packages/web-app-app-store/src/composables/actions/useAppActionsDownload.ts
+++ b/packages/web-app-app-store/src/composables/actions/useAppActionsDownload.ts
@@ -24,7 +24,6 @@ export const useAppActionsDownload = () => {
     isVisible: () => {
       return true
     },
-    componentType: 'button',
     appearance: 'outline'
   }
 
diff --git a/packages/web-app-files/src/composables/actions/spaces/useSpaceActionsUploadImage.ts b/packages/web-app-files/src/composables/actions/spaces/useSpaceActionsUploadImage.ts
index b194b4435f6..9b390a9f58c 100644
--- a/packages/web-app-files/src/composables/actions/spaces/useSpaceActionsUploadImage.ts
+++ b/packages/web-app-files/src/composables/actions/spaces/useSpaceActionsUploadImage.ts
@@ -118,7 +118,6 @@ export const useSpaceActionsUploadImage = ({ spaceImageInput }: { spaceImageInpu
 
         return resources[0].canEditImage({ user: userStore.user })
       },
-      componentType: 'button',
       class: 'oc-files-actions-upload-space-image-trigger'
     }
   ])
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Actions/FileActions.spec.ts b/packages/web-app-files/tests/unit/components/SideBar/Actions/FileActions.spec.ts
index d25898bfb7f..542faee005c 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Actions/FileActions.spec.ts
+++ b/packages/web-app-files/tests/unit/components/SideBar/Actions/FileActions.spec.ts
@@ -21,28 +21,24 @@ const fileActions: Record<string, ActionWithSelector> = {
   copy: mock<ActionWithSelector>({
     handler: vi.fn(),
     label: () => 'Copy',
-    componentType: 'button',
     class: 'oc-files-actions-copy-trigger',
     selector: '.oc-files-actions-copy-trigger'
   }),
   move: mock<ActionWithSelector>({
     handler: vi.fn(),
     label: () => 'Move',
-    componentType: 'button',
     class: 'oc-files-actions-move-trigger',
     selector: '.oc-files-actions-move-trigger'
   }),
   download: mock<ActionWithSelector>({
     handler: vi.fn(),
     label: () => 'Download',
-    componentType: 'button',
     class: 'oc-files-actions-download-file-trigger',
     selector: '.oc-files-actions-download-file-trigger'
   }),
   'text-editor': mock<ActionWithSelector>({
     handler: vi.fn(),
     label: () => 'Open in Text Editor',
-    componentType: 'button',
     class: 'oc-files-actions-text-editor-trigger',
     selector: '.oc-files-actions-text-editor-trigger'
   })
diff --git a/packages/web-app-importer/src/extensions.ts b/packages/web-app-importer/src/extensions.ts
index 123ed7313c5..57e4ef90acb 100644
--- a/packages/web-app-importer/src/extensions.ts
+++ b/packages/web-app-importer/src/extensions.ts
@@ -147,7 +147,6 @@ export const extensions = ({ applicationConfig }: ApplicationSetupOptions) => {
         },
         isDisabled: () => !!Object.keys(uppyService.getCurrentUploads()).length,
         disabledTooltip: () => $gettext('Please wait until all imports have finished'),
-        componentType: 'button',
         class: 'oc-files-actions-import'
       }
     }
diff --git a/packages/web-app-ocm/src/extensions.ts b/packages/web-app-ocm/src/extensions.ts
index edc3fd3a4a9..152d0e0d910 100644
--- a/packages/web-app-ocm/src/extensions.ts
+++ b/packages/web-app-ocm/src/extensions.ts
@@ -69,7 +69,6 @@ export const extensions = (appInfo: ApplicationInformation) => {
             resources[0]?.storageId?.startsWith(OCM_PROVIDER_ID)
           )
         },
-        componentType: 'button',
         class: 'oc-files-actions-open-file-remote'
       }
     },
diff --git a/packages/web-pkg/src/components/AppTemplates/AppWrapper.vue b/packages/web-pkg/src/components/AppTemplates/AppWrapper.vue
index 03416d9b642..e593cb8ba32 100644
--- a/packages/web-pkg/src/components/AppTemplates/AppWrapper.vue
+++ b/packages/web-pkg/src/components/AppTemplates/AppWrapper.vue
@@ -448,13 +448,10 @@ export default defineComponent({
           disabledTooltip: () => '',
           isVisible: () => unref(isEditor),
           isDisabled: () => isReadOnly.value || !isDirty.value,
-          componentType: 'button',
           icon: 'save',
           id: 'app-save-action',
           label: () => 'Save',
-          handler: () => {
-            save()
-          }
+          handler: save
         }
       ]
     })
diff --git a/packages/web-pkg/src/components/ContextActions/ActionMenuItem.vue b/packages/web-pkg/src/components/ContextActions/ActionMenuItem.vue
index dc66ee39b67..53a7ae1fd32 100644
--- a/packages/web-pkg/src/components/ContextActions/ActionMenuItem.vue
+++ b/packages/web-pkg/src/components/ContextActions/ActionMenuItem.vue
@@ -2,7 +2,7 @@
   <li v-oc-tooltip="componentProps.disabled ? action.disabledTooltip?.(actionOptions) : ''">
     <oc-button
       v-oc-tooltip="showTooltip || action.hideLabel ? action.label(actionOptions) : ''"
-      :type="action.componentType"
+      :type="componentType"
       v-bind="componentProps"
       :class="[action.class, 'action-menu-item', 'oc-py-s', 'oc-px-m', 'oc-width-1-1']"
       :aria-label="componentProps.disabled ? action.disabledTooltip?.(actionOptions) : ''"
@@ -99,6 +99,23 @@ export default defineComponent({
     const configStore = useConfigStore()
     const { options } = storeToRefs(configStore)
 
+    const componentType = computed<string>(() => {
+      if (Object.hasOwn(props.action, 'handler')) {
+        return 'button'
+      }
+      if (Object.hasOwn(props.action, 'route')) {
+        return 'router-link'
+      }
+      if (Object.hasOwn(props.action, 'href')) {
+        return 'a'
+      }
+      console.warn(
+        'ActionMenuItem: No handler, route or href callback found in action',
+        props.action
+      )
+      return 'button'
+    })
+
     const componentProps = computed(() => {
       const properties = {
         appearance: props.action.appearance || props.appearance,
@@ -109,15 +126,18 @@ export default defineComponent({
         ...(props.action.id && { id: props.action.id })
       }
 
-      if (props.action.componentType === 'router-link' && props.action.route) {
-        return {
-          ...properties,
-          to: props.action.route(props.actionOptions),
+      return {
+        ...properties,
+        ...(unref(componentType) === 'router-link' && {
+          to: props.action.route(props.actionOptions)
+        }),
+        ...(unref(componentType) === 'a' && {
+          href: props.action.href(props.actionOptions)
+        }),
+        ...(['router-link', 'a'].includes(unref(componentType)) && {
           target: options.value.cernFeatures ? '_blank' : '_self'
-        }
+        })
       }
-
-      return properties
     })
 
     const isMacOs = computed(() => {
@@ -133,6 +153,7 @@ export default defineComponent({
     })
 
     return {
+      componentType,
       componentProps,
       openInNewTabHint
     }
@@ -142,7 +163,7 @@ export default defineComponent({
       return this.action.icon && /^https?:\/\//i.test(this.action.icon)
     },
     componentListeners() {
-      if (typeof this.action.handler !== 'function' || this.action.componentType !== 'button') {
+      if (typeof this.action.handler !== 'function') {
         return {}
       }
 
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActions.ts b/packages/web-pkg/src/composables/actions/files/useFileActions.ts
index 089f4ea614e..67df3af380a 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActions.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActions.ts
@@ -113,7 +113,6 @@ export const useFileActions = () => {
             iconFillType: appInfo.iconFillType
           }),
           img: appInfo.img,
-          componentType: 'router-link',
           route: ({ space, resources }) => {
             return getEditorRoute({
               appFileExtension: fileExtension,
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsCopy.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsCopy.ts
index a80a86479f5..c100db3d082 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsCopy.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsCopy.ts
@@ -91,7 +91,6 @@ export const useFileActionsCopy = () => {
           // a user always has their home dir with write access
           return true
         },
-        componentType: 'button',
         class: 'oc-files-actions-copy-trigger'
       }
     ]
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsCopyQuicklink.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsCopyQuicklink.ts
index b6fb7495191..e540f720b26 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsCopyQuicklink.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsCopyQuicklink.ts
@@ -72,7 +72,6 @@ export const useFileActionsCopyQuickLink = () => {
 
         return canShare({ space, resource: resources[0] })
       },
-      componentType: 'button',
       class: 'oc-files-actions-copy-quicklink-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsCreateLink.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsCreateLink.ts
index 9787aae5fc1..cea143ed14e 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsCreateLink.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsCreateLink.ts
@@ -153,7 +153,6 @@ export const useFileActionsCreateLink = ({
           return $gettext('Create links')
         },
         isVisible,
-        componentType: 'button',
         class: 'oc-files-actions-create-links'
       },
       {
@@ -164,7 +163,6 @@ export const useFileActionsCreateLink = ({
           return $gettext('Create links')
         },
         isVisible,
-        componentType: 'button',
         class: 'oc-files-actions-create-quick-links'
       }
     ]
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewFile.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewFile.ts
index c4a036511a0..06e0dde9aeb 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewFile.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewFile.ts
@@ -181,7 +181,6 @@ export const useFileActionsCreateNewFile = ({ space }: { space?: Ref<SpaceResour
         isVisible: () => {
           return unref(currentFolder)?.canUpload({ user: userStore.user })
         },
-        componentType: 'button',
         class: 'oc-files-actions-create-new-file',
         ext: appFileExtension.extension,
         isExternal: appFileExtension.app?.startsWith('external-')
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewFolder.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewFolder.ts
index e7f3f3d52cb..32b570ab809 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewFolder.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewFolder.ts
@@ -128,7 +128,6 @@ export const useFileActionsCreateNewFolder = ({ space }: { space?: Ref<SpaceReso
         isVisible: () => {
           return unref(currentFolder)?.canCreate()
         },
-        componentType: 'button',
         class: 'oc-files-actions-create-new-folder'
       }
     ]
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewShortcut.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewShortcut.ts
index b358687c23b..bd2a87bfb95 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewShortcut.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsCreateNewShortcut.ts
@@ -31,7 +31,6 @@ export const useFileActionsCreateNewShortcut = ({ space }: { space: Ref<SpaceRes
         isVisible: () => {
           return unref(currentFolder)?.canCreate()
         },
-        componentType: 'button',
         class: 'oc-files-actions-create-new-shortcut'
       }
     ]
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsCreateSpaceFromResource.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsCreateSpaceFromResource.ts
index de295d5fb41..d03d356e4c5 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsCreateSpaceFromResource.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsCreateSpaceFromResource.ts
@@ -131,7 +131,6 @@ export const useFileActionsCreateSpaceFromResource = () => {
 
           return true
         },
-        componentType: 'button',
         class: 'oc-files-actions-create-space-from-resource-trigger'
       }
     ]
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsDelete.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsDelete.ts
index 607a9c17fba..17bbeb99ba8 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsDelete.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsDelete.ts
@@ -80,7 +80,6 @@ export const useFileActionsDelete = () => {
         })
         return !deleteDisabled
       },
-      componentType: 'button',
       class: 'oc-files-actions-delete-trigger'
     },
     {
@@ -106,7 +105,6 @@ export const useFileActionsDelete = () => {
 
         return resources.length > 0
       },
-      componentType: 'button',
       class: 'oc-files-actions-delete-permanent-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsDisableSync.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsDisableSync.ts
index 91af99923cf..1ac827777c6 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsDisableSync.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsDisableSync.ts
@@ -101,7 +101,6 @@ export const useFileActionsDisableSync = () => {
 
         return resources.some((resource) => resource.syncEnabled)
       },
-      componentType: 'button',
       class: 'oc-files-actions-disable-sync-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsDownloadArchive.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsDownloadArchive.ts
index ec23aca9382..105745e997d 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsDownloadArchive.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsDownloadArchive.ts
@@ -137,7 +137,6 @@ export const useFileActionsDownloadArchive = () => {
           })
           return !downloadDisabled
         },
-        componentType: 'button',
         class: 'oc-files-actions-download-archive-trigger'
       }
     ]
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsDownloadFile.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsDownloadFile.ts
index d01d235b29f..4ec1cf0c190 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsDownloadFile.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsDownloadFile.ts
@@ -52,7 +52,6 @@ export const useFileActionsDownloadFile = () => {
         }
         return resources[0].canDownload()
       },
-      componentType: 'button',
       class: 'oc-files-actions-download-file-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsEmptyTrashBin.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsEmptyTrashBin.ts
index 11f1984da94..43c5b016947 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsEmptyTrashBin.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsEmptyTrashBin.ts
@@ -80,7 +80,6 @@ export const useFileActionsEmptyTrashBin = () => {
       isDisabled: () => {
         return resourcesStore.activeResources.length === 0
       },
-      componentType: 'button',
       class: 'oc-files-actions-empty-trash-bin-trigger',
       variation: 'danger',
       appearance: 'filled'
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsEnableSync.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsEnableSync.ts
index 5fb800b153b..be19582f9ab 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsEnableSync.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsEnableSync.ts
@@ -103,7 +103,6 @@ export const useFileActionsEnableSync = () => {
 
         return resources.some((resource) => !resource.syncEnabled)
       },
-      componentType: 'button',
       class: 'oc-files-actions-enable-sync-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsFavorite.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsFavorite.ts
index 6d26cc4babe..1124f663029 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsFavorite.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsFavorite.ts
@@ -63,7 +63,6 @@ export const useFileActionsFavorite = () => {
 
         return capabilityStore.filesFavorites && ability.can('create', 'Favorite')
       },
-      componentType: 'button',
       class: 'oc-files-actions-favorite-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsMove.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsMove.ts
index 327cfa32170..82f09d2bd27 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsMove.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsMove.ts
@@ -67,7 +67,6 @@ export const useFileActionsMove = () => {
         })
         return !moveDisabled
       },
-      componentType: 'button',
       class: 'oc-files-actions-move-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsNavigate.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsNavigate.ts
index cd042e686f1..ba47cd619d5 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsNavigate.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsNavigate.ts
@@ -60,7 +60,6 @@ export const useFileActionsNavigate = () => {
 
         return true
       },
-      componentType: 'router-link',
       route: ({ space, resources }) => {
         return merge(
           {},
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsOpenShortcut.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsOpenShortcut.ts
index df61eba4cf9..c0dbb7d771d 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsOpenShortcut.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsOpenShortcut.ts
@@ -89,7 +89,6 @@ export const useFileActionsOpenShortcut = () => {
         }
         return resources[0].canDownload()
       },
-      componentType: 'button',
       class: 'oc-files-actions-open-short-cut-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsOpenWithApp.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsOpenWithApp.ts
index 8c383a6a4df..b0d83482d41 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsOpenWithApp.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsOpenWithApp.ts
@@ -43,7 +43,6 @@ export const useFileActionsOpenWithApp = ({ appId }: { appId: string }) => {
       isVisible: () => {
         return !unref(isFilesAppActive)
       },
-      componentType: 'button',
       class: 'oc-files-actions-open-with-app-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsPaste.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsPaste.ts
index cf6eef0138a..972632b3624 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsPaste.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsPaste.ts
@@ -169,7 +169,6 @@ export const useFileActionsPaste = () => {
         // a user always has their home dir with write access
         return true
       },
-      componentType: 'button',
       class: 'oc-files-actions-copy-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsRename.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsRename.ts
index dc7c80c4ea1..a7b2b4a187d 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsRename.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsRename.ts
@@ -246,7 +246,6 @@ export const useFileActionsRename = () => {
         })
         return !renameDisabled
       },
-      componentType: 'button',
       class: 'oc-files-actions-rename-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsRestore.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsRestore.ts
index 324d6ab01a5..3eb240f7045 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsRestore.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsRestore.ts
@@ -234,7 +234,6 @@ export const useFileActionsRestore = () => {
 
         return resources.length > 0
       },
-      componentType: 'button',
       class: 'oc-files-actions-restore-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsSetImage.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsSetImage.ts
index 9e70921610f..71ba58249ad 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsSetImage.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsSetImage.ts
@@ -97,7 +97,6 @@ export const useFileActionsSetImage = () => {
 
         return space.canEditImage({ user: userStore.user })
       },
-      componentType: 'button',
       class: 'oc-files-actions-set-space-image-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsShowActions.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsShowActions.ts
index 8827e95b1a6..89a0d6be2f4 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsShowActions.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsShowActions.ts
@@ -37,7 +37,6 @@ export const useFileActionsShowActions = () => {
         // return hardcoded `true` in all cases once we have them.
         return resources.length === 1
       },
-      componentType: 'button',
       class: 'oc-files-actions-show-actions-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsShowDetails.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsShowDetails.ts
index bd64ef6e56f..bf74d622733 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsShowDetails.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsShowDetails.ts
@@ -17,7 +17,6 @@ export const useFileActionsShowDetails = () => {
     {
       name: 'show-details',
       icon: 'information',
-      componentType: 'button',
       class: 'oc-files-actions-show-details-trigger',
       label: () => $gettext('Details'),
       // we don't have details in the trashbin, yet.
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsShowShares.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsShowShares.ts
index a3a4d8799b6..48e9783abea 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsShowShares.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsShowShares.ts
@@ -37,7 +37,6 @@ export const useFileActionsShowShares = () => {
         }
         return canShare({ space, resource: resources[0] })
       },
-      componentType: 'button',
       class: 'oc-files-actions-show-shares-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsToggleHideShare.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsToggleHideShare.ts
index 4b3212f10b5..84f45a74d53 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsToggleHideShare.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsToggleHideShare.ts
@@ -84,7 +84,6 @@ export const useFileActionsToggleHideShare = () => {
 
         return isLocationSharesActive(router, 'files-shares-with-me')
       },
-      componentType: 'button',
       class: 'oc-files-actions-hide-share-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDelete.ts b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDelete.ts
index 7c43aa60ee8..a7782c8f596 100644
--- a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDelete.ts
+++ b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDelete.ts
@@ -121,7 +121,6 @@ export const useSpaceActionsDelete = () => {
       isVisible: ({ resources }) => {
         return !!filterResourcesToDelete(resources).length
       },
-      componentType: 'button',
       class: 'oc-files-actions-delete-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDisable.ts b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDisable.ts
index 468b448007d..ef010ac38db 100644
--- a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDisable.ts
+++ b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDisable.ts
@@ -119,7 +119,6 @@ export const useSpaceActionsDisable = () => {
       isVisible: ({ resources }) => {
         return !!filterResourcesToDisable(resources).length
       },
-      componentType: 'button',
       class: 'oc-files-actions-disable-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDuplicate.ts b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDuplicate.ts
index fbff646d404..637e8cffeb8 100644
--- a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDuplicate.ts
+++ b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsDuplicate.ts
@@ -152,7 +152,6 @@ export const useSpaceActionsDuplicate = () => {
 
         return ability.can('create-all', 'Drive')
       },
-      componentType: 'button',
       class: 'oc-files-actions-duplicate-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditDescription.ts b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditDescription.ts
index fcee43a1ed7..9e37787e706 100644
--- a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditDescription.ts
+++ b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditDescription.ts
@@ -75,7 +75,6 @@ export const useSpaceActionsEditDescription = () => {
 
         return resources[0].canEditDescription({ user: userStore.user, ability })
       },
-      componentType: 'button',
       class: 'oc-files-actions-edit-description-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditQuota.ts b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditQuota.ts
index eff834e8779..d88d3b08614 100644
--- a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditQuota.ts
+++ b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditQuota.ts
@@ -52,7 +52,6 @@ export const useSpaceActionsEditQuota = () => {
         }
         return ability.can('set-quota-all', 'Drive')
       },
-      componentType: 'button',
       class: 'oc-files-actions-edit-quota-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditReadmeContent.ts b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditReadmeContent.ts
index 24de2d74d40..186eea27a69 100644
--- a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditReadmeContent.ts
+++ b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsEditReadmeContent.ts
@@ -80,7 +80,6 @@ export const useSpaceActionsEditReadmeContent = () => {
 
         return resources[0].canEditReadme({ user: userStore.user })
       },
-      componentType: 'button',
       class: 'oc-files-actions-edit-readme-content-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsNavigateToTrash.ts b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsNavigateToTrash.ts
index 82e12885afb..101fe12fba3 100644
--- a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsNavigateToTrash.ts
+++ b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsNavigateToTrash.ts
@@ -40,7 +40,6 @@ export const useSpaceActionsNavigateToTrash = () => {
 
         return true
       },
-      componentType: 'button',
       class: 'oc-files-actions-navigate-to-trash-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsRename.ts b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsRename.ts
index eeaa8278d4d..521f752673a 100644
--- a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsRename.ts
+++ b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsRename.ts
@@ -77,7 +77,6 @@ export const useSpaceActionsRename = () => {
 
         return resources[0].canRename({ user: userStore.user, ability })
       },
-      componentType: 'button',
       class: 'oc-files-actions-rename-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsRestore.ts b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsRestore.ts
index b30ed2b6af7..102e362fd4b 100644
--- a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsRestore.ts
+++ b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsRestore.ts
@@ -128,7 +128,6 @@ export const useSpaceActionsRestore = () => {
       isVisible: ({ resources }) => {
         return !!filterResourcesToRestore(resources).length
       },
-      componentType: 'button',
       class: 'oc-files-actions-restore-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsSetIcon.ts b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsSetIcon.ts
index fcdebcd760e..2fe74e8c1cc 100644
--- a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsSetIcon.ts
+++ b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsSetIcon.ts
@@ -132,7 +132,6 @@ export const useSpaceActionsSetIcon = () => {
 
         return resources[0].canEditImage({ user: userStore.user })
       },
-      componentType: 'button',
       class: 'oc-files-actions-set-space-icon-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsShowMembers.ts b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsShowMembers.ts
index b11c2dd926a..c80dbeb4ac9 100644
--- a/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsShowMembers.ts
+++ b/packages/web-pkg/src/composables/actions/spaces/useSpaceActionsShowMembers.ts
@@ -21,7 +21,6 @@ export const useSpaceActionsShowMembers = () => {
       label: () => $gettext('Members'),
       handler,
       isVisible: ({ resources }) => resources.length === 1 && !resources[0].disabled,
-      componentType: 'button',
       class: 'oc-files-actions-show-details-trigger'
     }
   ])
diff --git a/packages/web-pkg/src/composables/actions/types.ts b/packages/web-pkg/src/composables/actions/types.ts
index 7616b2e7fde..8683ece154a 100644
--- a/packages/web-pkg/src/composables/actions/types.ts
+++ b/packages/web-pkg/src/composables/actions/types.ts
@@ -15,7 +15,6 @@ export interface Action<T = ActionOptions> {
   appearance?: string
   id?: string
   img?: string
-  componentType: 'button' | 'router-link' // FIXME: Should be determined by handler/route
   class?: string
   hasPriority?: boolean
   hideLabel?: boolean
@@ -35,6 +34,9 @@ export interface Action<T = ActionOptions> {
   // componentType: router-link
   route?(options?: T): RouteLocationRaw
 
+  // componentType: a
+  href?(options?: T): string
+
   // can be used to display the action in a disabled state in the UI
   isDisabled?(options?: T): boolean
 
diff --git a/packages/web-pkg/src/composables/actions/useActionsShowDetails.ts b/packages/web-pkg/src/composables/actions/useActionsShowDetails.ts
index a1b9ec2c6f4..2c995514e4d 100644
--- a/packages/web-pkg/src/composables/actions/useActionsShowDetails.ts
+++ b/packages/web-pkg/src/composables/actions/useActionsShowDetails.ts
@@ -16,7 +16,6 @@ export const useActionsShowDetails = () => {
       isVisible: ({ resources }) => {
         return (resources as unknown[]).length > 0
       },
-      componentType: 'button',
       class: 'oc-admin-settings-show-details-trigger'
     }
   ])
diff --git a/packages/web-pkg/tests/unit/components/ContextActions/ActionMenuItem.spec.ts b/packages/web-pkg/tests/unit/components/ContextActions/ActionMenuItem.spec.ts
index 219d1ff446c..575a412d727 100644
--- a/packages/web-pkg/tests/unit/components/ContextActions/ActionMenuItem.spec.ts
+++ b/packages/web-pkg/tests/unit/components/ContextActions/ActionMenuItem.spec.ts
@@ -17,7 +17,6 @@ const fileActions = {
     icon: 'file-download',
     handler: vi.fn(),
     label: () => 'Download',
-    componentType: 'button',
     class: 'oc-files-actions-download-file-trigger'
   } as unknown as FileAction,
   navigate: {
@@ -25,8 +24,14 @@ const fileActions = {
     icon: 'folder-open',
     route: () => ({ name: 'files-personal' }),
     label: () => 'Open Folder',
-    componentType: 'router-link',
     class: 'oc-files-actions-navigate-trigger'
+  } as unknown as FileAction,
+  redirect: {
+    name: 'redirect',
+    icon: 'external',
+    href: () => 'https://owncloud.com',
+    label: () => 'Visit ownCloud',
+    class: 'oc-files-actions-redirect-trigger'
   } as unknown as FileAction
 }
 
@@ -83,6 +88,16 @@ describe('ActionMenuItem component', () => {
       // expect(link.attributes().href).toBe(action.route)
     })
   })
+  describe('component is of type a', () => {
+    it('has a href', () => {
+      const action = fileActions.redirect
+      const { wrapper } = getWrapper(action, mount)
+      const link = wrapper.find(selectors.handler)
+      expect(link.exists()).toBeTruthy()
+      expect(link.element.tagName).toBe('A')
+      expect(link.attributes().href).toBe(action.href())
+    })
+  })
 })
 
 function getWrapper(action: FileAction, mountType = shallowMount) {