From 9916b24c297d3d56fbae9d91420f5c62a1484d03 Mon Sep 17 00:00:00 2001
From: Jannik Stehle <j.stehle@opencloud.eu>
Date: Thu, 29 Jan 2026 17:18:23 +0100
Subject: [PATCH] refactor: move getIndicators to a composable

This way we don't need to pass all the data to the method that can easily be retrieves when using other composables.
---
 .../SideBar/Details/FileDetails.vue           |  12 +-
 .../FilesList/ResourceDetails.spec.ts         |   1 -
 .../FilesList/ResourceStatusIndicators.vue    |  17 +-
 .../src/composables/piniaStores/sideBar.ts    |   2 +-
 .../src/composables/resources/index.ts        |   1 +
 .../resources/useResourceIndicators.ts        | 246 ++++++++++++++++++
 .../web-pkg/src/helpers/statusIndicators.ts   | 244 +----------------
 .../ResourceStatusIndicators.spec.ts          |  20 +-
 .../FilesList/ResourceTable.spec.ts           |   6 +-
 .../FilesList/ResourceTiles.spec.ts           |   6 +-
 .../resources/useResourceIndicators.spec.ts   | 122 +++++++++
 .../unit/helpers/statusIndicator.spec.ts      | 123 ---------
 12 files changed, 400 insertions(+), 400 deletions(-)
 create mode 100644 packages/web-pkg/src/composables/resources/useResourceIndicators.ts
 create mode 100644 packages/web-pkg/tests/unit/composables/resources/useResourceIndicators.spec.ts
 delete mode 100644 packages/web-pkg/tests/unit/helpers/statusIndicator.spec.ts

diff --git a/packages/web-app-files/src/components/SideBar/Details/FileDetails.vue b/packages/web-app-files/src/components/SideBar/Details/FileDetails.vue
index 78c9b4f5c5..b98b8898f7 100644
--- a/packages/web-app-files/src/components/SideBar/Details/FileDetails.vue
+++ b/packages/web-app-files/src/components/SideBar/Details/FileDetails.vue
@@ -138,8 +138,8 @@ import {
   formatDateFromJSDate,
   useResourceContents,
   useLoadPreview,
-  useInterceptModifierClick,
-  useSideBar
+  useSideBar,
+  useResourceIndicators
 } from '@opencloud-eu/web-pkg'
 import upperFirst from 'lodash-es/upperFirst'
 import {
@@ -149,7 +149,6 @@ import {
   ShareTypes
 } from '@opencloud-eu/web-client'
 import { useGetMatchingSpace } from '@opencloud-eu/web-pkg'
-import { getIndicators } from '@opencloud-eu/web-pkg'
 import { formatFileSize, formatRelativeDateFromJSDate } from '@opencloud-eu/web-pkg'
 import { Resource, SpaceResource } from '@opencloud-eu/web-client'
 import { useGettext } from 'vue3-gettext'
@@ -172,13 +171,13 @@ const { getMatchingSpace } = useGetMatchingSpace()
 const { resourceContentsText } = useResourceContents({ showSizeInformation: false })
 const { loadPreview, previewsLoading } = useLoadPreview()
 const { openSideBarPanel } = useSideBar()
+const { getIndicators } = useResourceIndicators()
 
 const language = useGettext()
 const { $gettext, current: currentLanguage } = language
 
 const resourcesStore = useResourcesStore()
 const { ancestorMetaData, currentFolder } = storeToRefs(resourcesStore)
-const { interceptModifierClick } = useInterceptModifierClick()
 const { user } = storeToRefs(userStore)
 
 const resource = inject<Ref<Resource>>('resource')
@@ -234,10 +233,7 @@ const hasDeletionDate = computed(() => {
 const shareIndicators = computed(() => {
   return getIndicators({
     space: unref(space),
-    resource: unref(resource),
-    ancestorMetaData: unref(ancestorMetaData),
-    user: unref(user),
-    interceptModifierClick
+    resource: unref(resource)
   }).filter(({ category }) => category === 'sharing')
 })
 
diff --git a/packages/web-app-files/tests/unit/components/FilesList/ResourceDetails.spec.ts b/packages/web-app-files/tests/unit/components/FilesList/ResourceDetails.spec.ts
index e5bf3cdb3d..07c4eba700 100644
--- a/packages/web-app-files/tests/unit/components/FilesList/ResourceDetails.spec.ts
+++ b/packages/web-app-files/tests/unit/components/FilesList/ResourceDetails.spec.ts
@@ -12,7 +12,6 @@ import { ref } from 'vue'
 
 vi.mock('@opencloud-eu/web-pkg', async (importOriginal) => ({
   ...(await importOriginal<any>()),
-  getIndicators: vi.fn(() => []),
   useRouteQuery: vi.fn(),
   useOpenWithDefaultApp: vi.fn()
 }))
diff --git a/packages/web-pkg/src/components/FilesList/ResourceStatusIndicators.vue b/packages/web-pkg/src/components/FilesList/ResourceStatusIndicators.vue
index 4d3c6b24d7..da20734018 100644
--- a/packages/web-pkg/src/components/FilesList/ResourceStatusIndicators.vue
+++ b/packages/web-pkg/src/components/FilesList/ResourceStatusIndicators.vue
@@ -9,11 +9,9 @@
 
 <script setup lang="ts">
 import { Resource, SpaceResource } from '@opencloud-eu/web-client'
-import { getIndicators, ResourceIndicator } from '../../helpers'
 import { computed, useAttrs } from 'vue'
-import { useResourcesStore, useUserStore } from '../../composables/piniaStores'
 import { OcStatusIndicators } from '@opencloud-eu/design-system/components'
-import { useInterceptModifierClick } from '../../composables/keyboardActions'
+import { ResourceIndicator, useResourceIndicators } from '../../composables'
 
 const attrs = useAttrs() as (typeof OcStatusIndicators)['props']
 const {
@@ -26,19 +24,10 @@ const {
   filter?: (indicator: ResourceIndicator) => boolean
 }>()
 
-const userStore = useUserStore()
-const resourcesStore = useResourcesStore()
-const { interceptModifierClick } = useInterceptModifierClick()
+const { getIndicators } = useResourceIndicators()
 
 const indicators = computed(() => {
-  const list = getIndicators({
-    space,
-    resource,
-    ancestorMetaData: resourcesStore.ancestorMetaData,
-    user: userStore.user,
-    interceptModifierClick
-  })
-
+  const list = getIndicators({ space, resource })
   if (filter) {
     return list.filter(filter)
   }
diff --git a/packages/web-pkg/src/composables/piniaStores/sideBar.ts b/packages/web-pkg/src/composables/piniaStores/sideBar.ts
index 1119e13d36..8ae305ad46 100644
--- a/packages/web-pkg/src/composables/piniaStores/sideBar.ts
+++ b/packages/web-pkg/src/composables/piniaStores/sideBar.ts
@@ -5,7 +5,7 @@ import { useLocalStorage } from '../localStorage'
 import { useEmbedMode } from '../embedMode'
 import { useIsMobile } from '@opencloud-eu/design-system/composables'
 
-/** @deprecated use exposed methods from the useSideBar instead */
+/** @deprecated use exposed methods from useSideBar instead */
 export enum SideBarEventTopics {
   open = 'sidebar.open',
   close = 'sidebar.close',
diff --git a/packages/web-pkg/src/composables/resources/index.ts b/packages/web-pkg/src/composables/resources/index.ts
index ba99e69d1d..a7d0e8183c 100644
--- a/packages/web-pkg/src/composables/resources/index.ts
+++ b/packages/web-pkg/src/composables/resources/index.ts
@@ -3,6 +3,7 @@ export * from './useCanListVersions'
 export * from './useGetResourceContext'
 export * from './useLoadPreview'
 export * from './useResourceContents'
+export * from './useResourceIndicators'
 export * from './useResourceViewContextMenu'
 export * from './useResourceViewDrag'
 export * from './useResourceViewHelpers'
diff --git a/packages/web-pkg/src/composables/resources/useResourceIndicators.ts b/packages/web-pkg/src/composables/resources/useResourceIndicators.ts
new file mode 100644
index 0000000000..68def02295
--- /dev/null
+++ b/packages/web-pkg/src/composables/resources/useResourceIndicators.ts
@@ -0,0 +1,246 @@
+import { useGettext } from 'vue3-gettext'
+import {
+  IncomingShareResource,
+  isIncomingShareResource,
+  isPersonalSpaceResource,
+  isProjectSpaceResource,
+  Resource,
+  ShareTypes,
+  SpaceResource
+} from '@opencloud-eu/web-client'
+import { useInterceptModifierClick } from '../keyboardActions'
+import { useResourcesStore, useSideBar, useUserStore } from '../piniaStores'
+import { IconFillType } from '../../helpers'
+
+export type ResourceIndicatorCategory = 'system' | 'sharing' | 'space'
+
+export interface ResourceIndicator {
+  id: string
+  accessibleDescription: string
+  label: string
+  icon: string
+  fillType: IconFillType
+  type: string
+  category: ResourceIndicatorCategory
+  handler?: (resource: Resource, event?: MouseEvent) => void
+}
+
+export const useResourceIndicators = () => {
+  const { $gettext } = useGettext()
+  const { interceptModifierClick } = useInterceptModifierClick()
+  const { openSideBarPanel } = useSideBar()
+  const resourcesStore = useResourcesStore()
+  const userStore = useUserStore()
+
+  const isUserShare = (shareTypes: number[]) => {
+    return ShareTypes.containsAnyValue(ShareTypes.authenticated, shareTypes ?? [])
+  }
+
+  const isLinkShare = (shareTypes: number[]) => {
+    return ShareTypes.containsAnyValue(ShareTypes.unauthenticated, shareTypes ?? [])
+  }
+
+  const shareUserIconDescribedBy = ({ isDirect }: { isDirect: boolean }) => {
+    return isDirect
+      ? $gettext('This item is directly shared with others.')
+      : $gettext('This item is shared with others through one of the parent folders.')
+  }
+
+  const shareLinkDescribedBy = ({ isDirect }: { isDirect: boolean }) => {
+    return isDirect
+      ? $gettext('This item is directly shared via links.')
+      : $gettext('This item is shared via links through one of the parent folders.')
+  }
+
+  const getUserIndicator = ({
+    resource,
+    isDirect
+  }: {
+    resource: Resource
+    isDirect: boolean
+  }): ResourceIndicator => {
+    return {
+      id: `files-sharing-${resource.getDomSelector()}`,
+      accessibleDescription: shareUserIconDescribedBy({ isDirect }),
+      label: $gettext('Show invited people'),
+      icon: 'group',
+      category: 'sharing',
+      type: isDirect ? 'user-direct' : 'user-indirect',
+      fillType: 'line',
+      handler: (resource: Resource, event?: MouseEvent) => {
+        if (event && interceptModifierClick(event, resource)) {
+          return
+        }
+
+        openSideBarPanel('sharing')
+      }
+    }
+  }
+
+  const getSyncedIndicator = ({ resource }: { resource: Resource }): ResourceIndicator => {
+    return {
+      id: `files-sharing-synced-${resource.getDomSelector()}`,
+      accessibleDescription: $gettext('This item is synced with your devices'),
+      label: $gettext('Synced with your devices'),
+      icon: 'loop-right',
+      category: 'sharing',
+      type: 'resource-synced',
+      fillType: 'line'
+    }
+  }
+
+  const getRoleIndicator = ({
+    resource
+  }: {
+    resource: IncomingShareResource
+  }): ResourceIndicator => {
+    if (resource.shareRoles?.length) {
+      return {
+        id: `files-sharing-role-${resource.getDomSelector()}`,
+        accessibleDescription: $gettext(resource.shareRoles[0].description),
+        label: $gettext(resource.shareRoles[0].displayName),
+        icon: resource.shareRoles[0].icon,
+        category: 'sharing',
+        type: 'share-role',
+        fillType: 'line'
+      }
+    }
+
+    return {
+      id: `files-sharing-role-${resource.getDomSelector()}`,
+      accessibleDescription: ShareTypes.remote.label,
+      label: ShareTypes.remote.label,
+      icon: ShareTypes.remote.icon,
+      category: 'sharing',
+      type: 'share-role',
+      fillType: 'line'
+    }
+  }
+
+  const getLinkIndicator = ({
+    resource,
+    isDirect
+  }: {
+    resource: Resource
+    isDirect: boolean
+  }): ResourceIndicator => {
+    return {
+      id: `file-link-${resource.getDomSelector()}`,
+      accessibleDescription: shareLinkDescribedBy({ isDirect }),
+      label: $gettext('Show links'),
+      icon: 'link',
+      category: 'sharing',
+      type: isDirect ? 'link-direct' : 'link-indirect',
+      fillType: 'line',
+      handler: () => openSideBarPanel('sharing')
+    }
+  }
+
+  const getLockedIndicator = ({ resource }: { resource: Resource }): ResourceIndicator => {
+    return {
+      id: `resource-locked-${resource.getDomSelector()}`,
+      accessibleDescription: $gettext('Item locked'),
+      label: $gettext('This item is locked'),
+      icon: 'lock',
+      category: 'system',
+      type: 'resource-locked',
+      fillType: 'line'
+    }
+  }
+
+  const getProcessingIndicator = ({ resource }: { resource: Resource }): ResourceIndicator => {
+    return {
+      id: `resource-processing-${resource.getDomSelector()}`,
+      accessibleDescription: $gettext('Item in processing'),
+      label: $gettext('This item is in processing'),
+      icon: 'loop-right',
+      category: 'system',
+      type: 'resource-processing',
+      fillType: 'line'
+    }
+  }
+
+  const getSpaceEnabledIndicator = ({ resource }: { resource: Resource }): ResourceIndicator => {
+    return {
+      id: `resource-space-enabled-${resource.getDomSelector()}`,
+      accessibleDescription: $gettext('Space is enabled'),
+      label: $gettext('This space is enabled'),
+      icon: 'play-circle',
+      category: 'space',
+      type: 'resource-space-enabled',
+      fillType: 'line'
+    }
+  }
+
+  const getSpaceDisabledIndicator = ({ resource }: { resource: Resource }): ResourceIndicator => {
+    return {
+      id: `resource-space-disabled-${resource.getDomSelector()}`,
+      accessibleDescription: $gettext('Space is disabled'),
+      label: $gettext('This space is disabled'),
+      icon: 'stop-circle',
+      category: 'space',
+      type: 'resource-space-disabled',
+      fillType: 'line'
+    }
+  }
+
+  const getIndicators = ({
+    space,
+    resource
+  }: {
+    space: SpaceResource
+    resource: Resource
+  }): ResourceIndicator[] => {
+    const indicators: ResourceIndicator[] = []
+
+    if (resource.locked) {
+      indicators.push(getLockedIndicator({ resource }))
+    }
+
+    if (resource.processing) {
+      indicators.push(getProcessingIndicator({ resource }))
+    }
+
+    if (isProjectSpaceResource(resource) && !resource.disabled) {
+      indicators.push(getSpaceEnabledIndicator({ resource }))
+    }
+
+    if (isProjectSpaceResource(resource) && resource.disabled) {
+      indicators.push(getSpaceDisabledIndicator({ resource }))
+    }
+
+    if (
+      isIncomingShareResource(resource) &&
+      (resource.shareTypes.includes(ShareTypes.remote.value) || resource.shareRoles?.length)
+    ) {
+      indicators.push(getRoleIndicator({ resource }))
+    }
+
+    if (isIncomingShareResource(resource) && resource.syncEnabled) {
+      indicators.push(getSyncedIndicator({ resource }))
+    }
+
+    const shareIndicatorsAllowed =
+      isProjectSpaceResource(space) ||
+      (isPersonalSpaceResource(space) && space.isOwner(userStore.user))
+
+    if (shareIndicatorsAllowed) {
+      const ancestors = Object.values(resourcesStore.ancestorMetaData)
+      const parentShareTypes = ancestors.flatMap(({ shareTypes }) => shareTypes)
+
+      const isDirectUserShare = isUserShare(resource.shareTypes)
+      if (isDirectUserShare || isUserShare(parentShareTypes)) {
+        indicators.push(getUserIndicator({ resource, isDirect: isDirectUserShare }))
+      }
+
+      const isDirectLinkShare = isLinkShare(resource.shareTypes)
+      if (isDirectLinkShare || isLinkShare(parentShareTypes)) {
+        indicators.push(getLinkIndicator({ resource, isDirect: isDirectLinkShare }))
+      }
+    }
+
+    return indicators
+  }
+
+  return { getIndicators }
+}
diff --git a/packages/web-pkg/src/helpers/statusIndicators.ts b/packages/web-pkg/src/helpers/statusIndicators.ts
index c7a5a07cdd..8d9d6c07a3 100644
--- a/packages/web-pkg/src/helpers/statusIndicators.ts
+++ b/packages/web-pkg/src/helpers/statusIndicators.ts
@@ -1,194 +1,12 @@
-import {
-  IncomingShareResource,
-  isIncomingShareResource,
-  isPersonalSpaceResource,
-  isProjectSpaceResource,
-  Resource,
-  ShareTypes,
-  SpaceResource
-} from '@opencloud-eu/web-client'
-import { eventBus } from '../services'
+import { Resource, SpaceResource } from '@opencloud-eu/web-client'
 import { AncestorMetaData } from '../types'
 import { User } from '@opencloud-eu/web-client/graph/generated'
-import { IconFillType } from './resource'
-import { useInterceptModifierClick, SideBarEventTopics } from '../composables'
-
-// dummy to trick gettext string extraction into recognizing strings
-const $gettext = (str: string): string => {
-  return str
-}
-
-export type ResourceIndicatorCategory = 'system' | 'sharing' | 'space'
-
-export interface ResourceIndicator {
-  id: string
-  accessibleDescription: string
-  label: string
-  icon: string
-  fillType: IconFillType
-  type: string
-  category: ResourceIndicatorCategory
-  handler?: (resource: Resource, event?: MouseEvent) => void
-}
-
-const isUserShare = (shareTypes: number[]) => {
-  return ShareTypes.containsAnyValue(ShareTypes.authenticated, shareTypes ?? [])
-}
-
-const isLinkShare = (shareTypes: number[]) => {
-  return ShareTypes.containsAnyValue(ShareTypes.unauthenticated, shareTypes ?? [])
-}
-
-const shareUserIconDescribedBy = ({ isDirect }: { isDirect: boolean }) => {
-  return isDirect
-    ? $gettext('This item is directly shared with others.')
-    : $gettext('This item is shared with others through one of the parent folders.')
-}
-
-const shareLinkDescribedBy = ({ isDirect }: { isDirect: boolean }) => {
-  return isDirect
-    ? $gettext('This item is directly shared via links.')
-    : $gettext('This item is shared via links through one of the parent folders.')
-}
-
-const getUserIndicator = ({
-  resource,
-  isDirect,
-  interceptModifierClick
-}: {
-  resource: Resource
-  isDirect: boolean
-  interceptModifierClick: ReturnType<typeof useInterceptModifierClick>['interceptModifierClick']
-}): ResourceIndicator => {
-  return {
-    id: `files-sharing-${resource.getDomSelector()}`,
-    accessibleDescription: shareUserIconDescribedBy({ isDirect }),
-    label: $gettext('Show invited people'),
-    icon: 'group',
-    category: 'sharing',
-    type: isDirect ? 'user-direct' : 'user-indirect',
-    fillType: 'line',
-    handler: (resource: Resource, event?: MouseEvent) => {
-      if (event && interceptModifierClick(event, resource)) {
-        return
-      }
-
-      eventBus.publish(SideBarEventTopics.openWithPanel, 'sharing#peopleShares')
-    }
-  }
-}
-
-const getSyncedIndicator = ({ resource }: { resource: Resource }): ResourceIndicator => {
-  return {
-    id: `files-sharing-synced-${resource.getDomSelector()}`,
-    accessibleDescription: $gettext('This item is synced with your devices'),
-    label: $gettext('Synced with your devices'),
-    icon: 'loop-right',
-    category: 'sharing',
-    type: 'resource-synced',
-    fillType: 'line'
-  }
-}
-
-const getRoleIndicator = ({ resource }: { resource: IncomingShareResource }): ResourceIndicator => {
-  if (resource.shareRoles?.length) {
-    return {
-      id: `files-sharing-role-${resource.getDomSelector()}`,
-      accessibleDescription: $gettext(resource.shareRoles[0].description),
-      label: $gettext(resource.shareRoles[0].displayName),
-      icon: resource.shareRoles[0].icon,
-      category: 'sharing',
-      type: 'share-role',
-      fillType: 'line'
-    }
-  }
-
-  return {
-    id: `files-sharing-role-${resource.getDomSelector()}`,
-    accessibleDescription: ShareTypes.remote.label,
-    label: ShareTypes.remote.label,
-    icon: ShareTypes.remote.icon,
-    category: 'sharing',
-    type: 'share-role',
-    fillType: 'line'
-  }
-}
-
-const getLinkIndicator = ({
-  resource,
-  isDirect
-}: {
-  resource: Resource
-  isDirect: boolean
-}): ResourceIndicator => {
-  return {
-    id: `file-link-${resource.getDomSelector()}`,
-    accessibleDescription: shareLinkDescribedBy({ isDirect }),
-    label: $gettext('Show links'),
-    icon: 'link',
-    category: 'sharing',
-    type: isDirect ? 'link-direct' : 'link-indirect',
-    fillType: 'line',
-    handler: () => {
-      eventBus.publish(SideBarEventTopics.openWithPanel, 'sharing#linkShares')
-    }
-  }
-}
-
-const getLockedIndicator = ({ resource }: { resource: Resource }): ResourceIndicator => {
-  return {
-    id: `resource-locked-${resource.getDomSelector()}`,
-    accessibleDescription: $gettext('Item locked'),
-    label: $gettext('This item is locked'),
-    icon: 'lock',
-    category: 'system',
-    type: 'resource-locked',
-    fillType: 'line'
-  }
-}
-
-const getProcessingIndicator = ({ resource }: { resource: Resource }): ResourceIndicator => {
-  return {
-    id: `resource-processing-${resource.getDomSelector()}`,
-    accessibleDescription: $gettext('Item in processing'),
-    label: $gettext('This item is in processing'),
-    icon: 'loop-right',
-    category: 'system',
-    type: 'resource-processing',
-    fillType: 'line'
-  }
-}
-
-const getSpaceEnabledIndicator = ({ resource }: { resource: Resource }): ResourceIndicator => {
-  return {
-    id: `resource-space-enabled-${resource.getDomSelector()}`,
-    accessibleDescription: $gettext('Space is enabled'),
-    label: $gettext('This space is enabled'),
-    icon: 'play-circle',
-    category: 'space',
-    type: 'resource-space-enabled',
-    fillType: 'line'
-  }
-}
-
-const getSpaceDisabledIndicator = ({ resource }: { resource: Resource }): ResourceIndicator => {
-  return {
-    id: `resource-space-disabled-${resource.getDomSelector()}`,
-    accessibleDescription: $gettext('Space is disabled'),
-    label: $gettext('This space is disabled'),
-    icon: 'stop-circle',
-    category: 'space',
-    type: 'resource-space-disabled',
-    fillType: 'line'
-  }
-}
+import { useInterceptModifierClick, ResourceIndicator, useResourceIndicators } from '../composables'
 
+/** @deprecated use `useResourceIndicators` instead. make sure to call this with injection context. */
 export const getIndicators = ({
   space,
-  resource,
-  ancestorMetaData,
-  user,
-  interceptModifierClick
+  resource
 }: {
   space: SpaceResource
   resource: Resource
@@ -196,56 +14,6 @@ export const getIndicators = ({
   user: User
   interceptModifierClick: ReturnType<typeof useInterceptModifierClick>['interceptModifierClick']
 }): ResourceIndicator[] => {
-  const indicators: ResourceIndicator[] = []
-
-  if (resource.locked) {
-    indicators.push(getLockedIndicator({ resource }))
-  }
-
-  if (resource.processing) {
-    indicators.push(getProcessingIndicator({ resource }))
-  }
-
-  if (isProjectSpaceResource(resource) && !resource.disabled) {
-    indicators.push(getSpaceEnabledIndicator({ resource }))
-  }
-
-  if (isProjectSpaceResource(resource) && resource.disabled) {
-    indicators.push(getSpaceDisabledIndicator({ resource }))
-  }
-
-  if (
-    isIncomingShareResource(resource) &&
-    (resource.shareTypes.includes(ShareTypes.remote.value) || resource.shareRoles?.length)
-  ) {
-    indicators.push(getRoleIndicator({ resource }))
-  }
-
-  if (isIncomingShareResource(resource) && resource.syncEnabled) {
-    indicators.push(getSyncedIndicator({ resource }))
-  }
-
-  const shareIndicatorsAllowed =
-    isProjectSpaceResource(space) || (isPersonalSpaceResource(space) && space.isOwner(user))
-
-  if (shareIndicatorsAllowed) {
-    const parentShareTypes = Object.values(ancestorMetaData).reduce<number[]>((acc, data) => {
-      acc.push(...(data.shareTypes || []))
-      return acc
-    }, [])
-
-    const isDirectUserShare = isUserShare(resource.shareTypes)
-    if (isDirectUserShare || isUserShare(parentShareTypes)) {
-      indicators.push(
-        getUserIndicator({ resource, isDirect: isDirectUserShare, interceptModifierClick })
-      )
-    }
-
-    const isDirectLinkShare = isLinkShare(resource.shareTypes)
-    if (isDirectLinkShare || isLinkShare(parentShareTypes)) {
-      indicators.push(getLinkIndicator({ resource, isDirect: isDirectLinkShare }))
-    }
-  }
-
-  return indicators
+  const { getIndicators: getIndicatorsFromComposable } = useResourceIndicators()
+  return getIndicatorsFromComposable({ space, resource })
 }
diff --git a/packages/web-pkg/tests/unit/components/FilesList/ResourceStatusIndicators.spec.ts b/packages/web-pkg/tests/unit/components/FilesList/ResourceStatusIndicators.spec.ts
index 12a63df420..82be85ec7a 100644
--- a/packages/web-pkg/tests/unit/components/FilesList/ResourceStatusIndicators.spec.ts
+++ b/packages/web-pkg/tests/unit/components/FilesList/ResourceStatusIndicators.spec.ts
@@ -1,13 +1,15 @@
-import { defaultPlugins, shallowMount } from '@opencloud-eu/web-test-helpers'
+import { ComponentProps, defaultPlugins, shallowMount } from '@opencloud-eu/web-test-helpers'
 import ResourceStatusIndicators from '../../../../src/components/FilesList/ResourceStatusIndicators.vue'
 import { Resource, SpaceResource } from '@opencloud-eu/web-client'
 import { mock } from 'vitest-mock-extended'
-import { getIndicators, ResourceIndicator } from '../../../../src/helpers/statusIndicators'
 import { OcStatusIndicators } from '@opencloud-eu/design-system/components'
+import {
+  ResourceIndicator,
+  useResourceIndicators
+} from '../../../../src/composables/resources/useResourceIndicators'
 
-vi.mock('../../../../src/helpers/statusIndicators', async (importOriginal) => ({
-  ...(await importOriginal<any>()),
-  getIndicators: vi.fn(() => [])
+vi.mock('../../../../src/composables/resources/useResourceIndicators', () => ({
+  useResourceIndicators: vi.fn()
 }))
 
 describe('ResourceStatusIndicators component', () => {
@@ -27,16 +29,12 @@ describe('ResourceStatusIndicators component', () => {
       }
     ] satisfies ResourceIndicator[]
 
-    vi.mocked(getIndicators).mockReturnValue(indicators)
+    vi.mocked(useResourceIndicators).mockReturnValue({ getIndicators: () => indicators })
 
     const wrapper = getWrapper({ space, resource })
     expect(wrapper.findComponent(OcStatusIndicators).props('indicators')).toEqual(indicators)
   })
-  function getWrapper(props: {
-    space: SpaceResource
-    resource: Resource
-    filter?: (resource: ResourceIndicator) => boolean
-  }) {
+  function getWrapper(props: ComponentProps<typeof ResourceStatusIndicators>) {
     return shallowMount(ResourceStatusIndicators, {
       props,
       global: {
diff --git a/packages/web-pkg/tests/unit/components/FilesList/ResourceTable.spec.ts b/packages/web-pkg/tests/unit/components/FilesList/ResourceTable.spec.ts
index 5d572b2c68..647802c0e3 100644
--- a/packages/web-pkg/tests/unit/components/FilesList/ResourceTable.spec.ts
+++ b/packages/web-pkg/tests/unit/components/FilesList/ResourceTable.spec.ts
@@ -10,7 +10,10 @@ import {
 } from '@opencloud-eu/web-client'
 import { defaultPlugins, mount, PartialComponentProps } from '@opencloud-eu/web-test-helpers'
 import { CapabilityStore, useSideBar } from '../../../../src/composables/piniaStores'
-import { useCanBeOpenedWithSecureView } from '../../../../src/composables/resources'
+import {
+  useCanBeOpenedWithSecureView,
+  ResourceIndicator
+} from '../../../../src/composables/resources'
 import { displayPositionedDropdown } from '../../../../src/helpers/contextMenuDropdown'
 import { mock } from 'vitest-mock-extended'
 import { computed } from 'vue'
@@ -18,7 +21,6 @@ import { Identity } from '@opencloud-eu/web-client/graph/generated'
 import { describe } from 'vitest'
 import { useFileActionsRename } from '../../../../src/composables/actions/files'
 import { FileAction } from '../../../../src/composables/actions/types'
-import { ResourceIndicator } from '../../../../src/helpers/statusIndicators'
 
 const mockUseEmbedMode = vi.fn().mockReturnValue({
   isLocationPicker: computed(() => false),
diff --git a/packages/web-pkg/tests/unit/components/FilesList/ResourceTiles.spec.ts b/packages/web-pkg/tests/unit/components/FilesList/ResourceTiles.spec.ts
index aa6a17143e..6ac7bdcdf0 100644
--- a/packages/web-pkg/tests/unit/components/FilesList/ResourceTiles.spec.ts
+++ b/packages/web-pkg/tests/unit/components/FilesList/ResourceTiles.spec.ts
@@ -3,10 +3,12 @@ import ResourceTiles from '../../../../src/components/FilesList/ResourceTiles.vu
 import { sortFields } from '../../../../src/helpers/ui/resourceTiles'
 import { Resource, SpaceResource, extractDomSelector } from '@opencloud-eu/web-client'
 import { computed } from 'vue'
-import { useCanBeOpenedWithSecureView } from '../../../../src/composables/resources'
+import {
+  useCanBeOpenedWithSecureView,
+  ResourceIndicator
+} from '../../../../src/composables/resources'
 import { displayPositionedDropdown } from '../../../../src/helpers/contextMenuDropdown'
 import { OcFilterChip } from '@opencloud-eu/design-system/components'
-import { ResourceIndicator } from '../../../../src/helpers/statusIndicators'
 import { useResourcesStore } from '../../../../src'
 
 vi.mock('../../../../src/helpers/contextMenuDropdown')
diff --git a/packages/web-pkg/tests/unit/composables/resources/useResourceIndicators.spec.ts b/packages/web-pkg/tests/unit/composables/resources/useResourceIndicators.spec.ts
new file mode 100644
index 0000000000..5c49f74445
--- /dev/null
+++ b/packages/web-pkg/tests/unit/composables/resources/useResourceIndicators.spec.ts
@@ -0,0 +1,122 @@
+import { mock } from 'vitest-mock-extended'
+import { Resource, SpaceResource } from '@opencloud-eu/web-client'
+import { useResourceIndicators } from '../../../../src/composables/resources'
+import { getComposableWrapper } from '@opencloud-eu/web-test-helpers'
+import { AncestorMetaDataValue } from '../../../../src/types'
+
+describe('useResourceIndicators', () => {
+  describe('locked indicator', () => {
+    it.each([true, false])('should only be present if the file is locked', (locked) => {
+      getWrapper({
+        setup: ({ getIndicators }) => {
+          const space = mock<SpaceResource>({ id: 'space' })
+          const resource = mock<Resource>({ id: 'resource', locked })
+          const indicators = getIndicators({ space, resource })
+          expect(indicators.some(({ type }) => type === 'resource-locked')).toBe(locked)
+        }
+      })
+    })
+  })
+  describe('processing indicator', () => {
+    it.each([true, false])('should only be present if the file is processing', (processing) => {
+      getWrapper({
+        setup: ({ getIndicators }) => {
+          const space = mock<SpaceResource>({ id: 'space' })
+          const resource = mock<Resource>({ id: 'resource', processing })
+          const indicators = getIndicators({ space, resource })
+          expect(indicators.some(({ type }) => type === 'resource-processing')).toBe(processing)
+        }
+      })
+    })
+  })
+
+  describe('sharing indicators', () => {
+    it("should not be present in another user's personal space", () => {
+      getWrapper({
+        setup: ({ getIndicators }) => {
+          const space = mock<SpaceResource>({ driveType: 'personal', isOwner: () => false })
+          const resource = mock<Resource>({ id: 'resource', shareTypes: [0, 3] })
+          const indicators = getIndicators({ space, resource })
+          expect(indicators.some(({ category }) => category === 'sharing')).toBeFalsy()
+        }
+      })
+    })
+    it('should not be present in a share space', () => {
+      getWrapper({
+        setup: ({ getIndicators }) => {
+          const space = mock<SpaceResource>({ driveType: 'share' })
+          const resource = mock<Resource>({ id: 'resource', shareTypes: [0, 3] })
+          const indicators = getIndicators({ space, resource })
+          expect(indicators.some(({ category }) => category === 'sharing')).toBeFalsy()
+        }
+      })
+    })
+    it('should not be present in a public space', () => {
+      getWrapper({
+        setup: ({ getIndicators }) => {
+          const space = mock<SpaceResource>({ driveType: 'public' })
+          const resource = mock<Resource>({ id: 'resource', shareTypes: [0, 3] })
+          const indicators = getIndicators({ space, resource })
+          expect(indicators.some(({ category }) => category === 'sharing')).toBeFalsy()
+        }
+      })
+    })
+    it('should be present for direct collaborator and link shares', () => {
+      getWrapper({
+        setup: ({ getIndicators }) => {
+          const space = mock<SpaceResource>({ driveType: 'project' })
+          const resource = mock<Resource>({ id: 'resource', shareTypes: [0, 3] })
+          const indicators = getIndicators({ space, resource })
+          expect(
+            indicators.some(
+              ({ category, type }) => category === 'sharing' && type === 'link-direct'
+            )
+          ).toBeTruthy()
+          expect(
+            indicators.some(
+              ({ category, type }) => category === 'sharing' && type === 'user-direct'
+            )
+          ).toBeTruthy()
+        }
+      })
+    })
+    it('should be present for indirect collaborator and link shares', () => {
+      getWrapper({
+        ancestorMetaData: { '/': mock<AncestorMetaDataValue>({ shareTypes: [0, 3] }) },
+        setup: ({ getIndicators }) => {
+          const space = mock<SpaceResource>({ driveType: 'project' })
+          const resource = mock<Resource>({ id: 'resource', shareTypes: [] })
+          const indicators = getIndicators({ space, resource })
+          expect(
+            indicators.some(
+              ({ category, type }) => category === 'sharing' && type === 'link-indirect'
+            )
+          ).toBeTruthy()
+          expect(
+            indicators.some(
+              ({ category, type }) => category === 'sharing' && type === 'user-indirect'
+            )
+          ).toBeTruthy()
+        }
+      })
+    })
+  })
+})
+
+function getWrapper({
+  setup,
+  ancestorMetaData = {}
+}: {
+  setup: (instance: ReturnType<typeof useResourceIndicators>) => void
+  ancestorMetaData?: Record<string, AncestorMetaDataValue>
+}) {
+  return {
+    wrapper: getComposableWrapper(
+      () => {
+        const instance = useResourceIndicators()
+        setup(instance)
+      },
+      { pluginOptions: { piniaOptions: { resourcesStore: { ancestorMetaData } } } }
+    )
+  }
+}
diff --git a/packages/web-pkg/tests/unit/helpers/statusIndicator.spec.ts b/packages/web-pkg/tests/unit/helpers/statusIndicator.spec.ts
deleted file mode 100644
index 0c4dec50f1..0000000000
--- a/packages/web-pkg/tests/unit/helpers/statusIndicator.spec.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { mock } from 'vitest-mock-extended'
-import { Resource, SpaceResource } from '@opencloud-eu/web-client'
-import { getIndicators } from '../../../src/helpers/statusIndicators'
-import { User } from '@opencloud-eu/web-client/graph/generated'
-import { AncestorMetaDataValue } from '../../../src/types'
-
-describe('status indicators', () => {
-  const user = mock<User>()
-
-  describe('locked indicator', () => {
-    it.each([true, false])('should only be present if the file is locked', (locked) => {
-      const space = mock<SpaceResource>({ id: 'space' })
-      const resource = mock<Resource>({ id: 'resource', locked })
-      const indicators = getIndicators({
-        space,
-        resource,
-        ancestorMetaData: {},
-        user,
-        interceptModifierClick: vi.fn()
-      })
-
-      expect(indicators.some(({ type }) => type === 'resource-locked')).toBe(locked)
-    })
-  })
-
-  describe('processing indicator', () => {
-    it.each([true, false])('should only be present if the file is processing', (processing) => {
-      const space = mock<SpaceResource>({ id: 'space' })
-      const resource = mock<Resource>({ id: 'resource', processing })
-      const indicators = getIndicators({
-        space,
-        resource,
-        ancestorMetaData: {},
-        user,
-        interceptModifierClick: vi.fn()
-      })
-
-      expect(indicators.some(({ type }) => type === 'resource-processing')).toBe(processing)
-    })
-  })
-
-  describe('sharing indicators', () => {
-    it("should not be present in another user's personal space", () => {
-      const space = mock<SpaceResource>({ driveType: 'personal', isOwner: () => false })
-      const resource = mock<Resource>({ id: 'resource', shareTypes: [0, 3] })
-      const indicators = getIndicators({
-        space,
-        resource,
-        ancestorMetaData: {},
-        user,
-        interceptModifierClick: vi.fn()
-      })
-
-      expect(indicators.some(({ category }) => category === 'sharing')).toBeFalsy()
-    })
-    it('should not be present in a share space', () => {
-      const space = mock<SpaceResource>({ driveType: 'share' })
-      const resource = mock<Resource>({ id: 'resource', shareTypes: [0, 3] })
-      const indicators = getIndicators({
-        space,
-        resource,
-        ancestorMetaData: {},
-        user,
-        interceptModifierClick: vi.fn()
-      })
-
-      expect(indicators.some(({ category }) => category === 'sharing')).toBeFalsy()
-    })
-    it('should not be present in a public space', () => {
-      const space = mock<SpaceResource>({ driveType: 'public' })
-      const resource = mock<Resource>({ id: 'resource', shareTypes: [0, 3] })
-      const indicators = getIndicators({
-        space,
-        resource,
-        ancestorMetaData: {},
-        user,
-        interceptModifierClick: vi.fn()
-      })
-
-      expect(indicators.some(({ category }) => category === 'sharing')).toBeFalsy()
-    })
-    it('should be present for direct collaborator and link shares', () => {
-      const space = mock<SpaceResource>({ driveType: 'project' })
-      const resource = mock<Resource>({ id: 'resource', shareTypes: [0, 3] })
-      const indicators = getIndicators({
-        space,
-        resource,
-        ancestorMetaData: {},
-        user,
-        interceptModifierClick: vi.fn()
-      })
-
-      expect(
-        indicators.some(({ type, category }) => category === 'sharing' && 'link-direct')
-      ).toBeTruthy()
-      expect(
-        indicators.some(({ type, category }) => category === 'sharing' && 'user-direct')
-      ).toBeTruthy()
-    })
-    it('should be present for indirect collaborator and link shares', () => {
-      const ancestorMetaData = {
-        '/': mock<AncestorMetaDataValue>({ shareTypes: [0, 3] })
-      }
-
-      const space = mock<SpaceResource>({ driveType: 'project' })
-      const resource = mock<Resource>({ id: 'resource', shareTypes: [] })
-      const indicators = getIndicators({
-        space,
-        resource,
-        ancestorMetaData,
-        user,
-        interceptModifierClick: vi.fn()
-      })
-
-      expect(
-        indicators.some(({ type, category }) => category === 'sharing' && type === 'link-indirect')
-      ).toBeTruthy()
-      expect(
-        indicators.some(({ type, category }) => category === 'sharing' && type === 'user-indirect')
-      ).toBeTruthy()
-    })
-  })
-})