diff --git a/frontend/src/config/integrations/gitlab/components/gitlab-connect-finishing-modal.vue b/frontend/src/config/integrations/gitlab/components/gitlab-connect-finishing-modal.vue
deleted file mode 100644
index 2522cae435..0000000000
--- a/frontend/src/config/integrations/gitlab/components/gitlab-connect-finishing-modal.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <lf-modal v-model="isModalOpen" width="25rem">
-    <div class="p-6">
-      <div class="flex items-center gap-2">
-        <h5>Finishing the setup</h5>
-        <lf-spinner size="1.25rem" />
-      </div>
-      <p class="text-small pt-3 text-gray-500">
-        We're finishing the last steps of the
-        <span class="font-semibold">GitLab</span> <br />
-        integration setup, please don't reload the page.
-      </p>
-    </div>
-  </lf-modal>
-</template>
-
-<script setup lang="ts">
-import LfModal from '@/ui-kit/modal/Modal.vue';
-import LfSpinner from '@/ui-kit/spinner/Spinner.vue';
-import { computed } from 'vue';
-
-const props = defineProps<{
-  modelValue: boolean;
-}>();
-
-const emit = defineEmits<{(e: 'update:modelValue', value: boolean)}>();
-
-const isModalOpen = computed<boolean>({
-  get: () => props.modelValue,
-  set: (value) => emit('update:modelValue', value),
-});
-
-</script>
-
-<script lang="ts">
-export default {
-  name: 'LfGitlabConnectFinishingModal',
-};
-</script>
diff --git a/frontend/src/config/integrations/gitlab/components/project-list.vue b/frontend/src/config/integrations/gitlab/components/project-list.vue
deleted file mode 100644
index 19f58b3514..0000000000
--- a/frontend/src/config/integrations/gitlab/components/project-list.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-  <div>
-    <div v-for="project in props.projects" :key="project.id" class="mb-4 flex items-center justify-between">
-      <div class="flex items-center">
-        <el-checkbox v-model="project.selected" @change="updateProject(project)">
-          {{ project.name }}
-        </el-checkbox>
-      </div>
-      <div class="flex items-center">
-        <el-select
-          v-model="project.segmentId"
-          :placeholder="$t('integrations.gitlab.settings.selectSegment')"
-          class="mr-2"
-          @change="updateProject(project)"
-        >
-          <el-option
-            v-for="segment in props.segments"
-            :key="segment.id"
-            :label="segment.name"
-            :value="segment.id"
-          />
-        </el-select>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-
-const props = defineProps({
-  projects: {
-    type: Array,
-    default: () => [],
-  },
-  segments: {
-    type: Array,
-    default: () => [],
-  },
-});
-
-const emit = defineEmits(['update:project']);
-
-const updateProject = (project) => {
-  emit('update:project', project);
-};
-</script>
diff --git a/frontend/src/config/integrations/groupsio/components/groupsio-array-input.vue b/frontend/src/config/integrations/groupsio/components/groupsio-array-input.vue
deleted file mode 100644
index 86f58691fc..0000000000
--- a/frontend/src/config/integrations/groupsio/components/groupsio-array-input.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-  <article class="pb-3 flex items-center">
-    <div class="flex flex-grow items-start">
-      <app-form-item
-        :validation="$v"
-        :error-messages="{
-          required: 'This field is required',
-          notEmail: 'This field shouldn\'t be an email. It should be a group name.',
-        }"
-        class="mb-0 mr-2 no-margin flex-grow is-error-relative"
-      >
-        <el-input v-model="model" :placeholder="placeholder" :disabled="disabled" @blur="$v.$touch" />
-      </app-form-item>
-    </div>
-    <slot name="after" />
-  </article>
-</template>
-
-<script setup>
-import {
-  computed,
-} from 'vue';
-import { required, helpers } from '@vuelidate/validators';
-import useVuelidate from '@vuelidate/core';
-import AppFormItem from '@/shared/form/form-item.vue';
-
-const emit = defineEmits(['update:modelValue', 'update:boundValue']);
-const props = defineProps({
-  modelValue: {
-    type: String,
-    required: true,
-  },
-  placeholder: {
-    type: String,
-    default: null,
-  },
-  validationFunction: {
-    type: Function, // Validation function that returns a boolean
-    default: null,
-  },
-  bindValue: {
-    type: Boolean, // Whether to bind another value to the function output
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const notEmail = (value) => !value.includes('@');
-
-const rules = computed(() => {
-  if (props.disabled) {
-    return {};
-  }
-
-  return {
-    required,
-    notEmail,
-    customValidation: helpers.withMessage(
-      "This is not a valid group or you don't have access to it",
-      helpers.withAsync(props.validationFunction),
-    ),
-  };
-});
-
-const model = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(value) {
-    emit('update:modelValue', value);
-  },
-});
-const $v = useVuelidate(rules, model);
-</script>
-
-<script>
-export default {
-  name: 'AppArrayInputWithCustomValidation',
-};
-</script>
diff --git a/frontend/src/modules/activity/activity-model.js b/frontend/src/modules/activity/activity-model.js
deleted file mode 100644
index 2c7966dc8d..0000000000
--- a/frontend/src/modules/activity/activity-model.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import { GenericModel } from '@/shared/model/generic-model';
-import { MemberField } from '@/modules/member/member-field';
-import SearchField from '@/shared/fields/search-field';
-import SentimentField from '@/shared/fields/sentiment-field';
-import ActivityDateField from '@/shared/fields/activity-date-field';
-import ActivityChannelsField from '@/shared/fields/activity-channels-field';
-import ActivityPlatformField from './activity-platform-field';
-import ActivityTypeField from './activity-type-field';
-
-const fields = {
-  search: new SearchField('search', 'search', {
-    fields: ['title', 'body'],
-  }),
-  member: MemberField.relationToOne(
-    'memberId',
-    'Person',
-    {
-      required: true,
-      filterable: true,
-    },
-  ),
-  date: new ActivityDateField('timestamp', 'Date', {
-    filterable: true,
-  }),
-  platform: new ActivityPlatformField(
-    'platform',
-    'Platform',
-    {
-      required: true,
-      min: 2,
-      filterable: true,
-    },
-  ),
-  type: new ActivityTypeField('type', 'Activity type', {
-    required: true,
-    filterable: true,
-  }),
-  sentiment: new SentimentField('sentiment', 'Sentiment', {
-    filterable: true,
-  }),
-  activityChannels: new ActivityChannelsField(
-    'channel',
-    'Channel',
-    {
-      filterable: true,
-    },
-  ),
-};
-
-export class ActivityModel extends GenericModel {
-  static get fields() {
-    return fields;
-  }
-}
diff --git a/frontend/src/modules/dashboard/components/dashboard-widget-chart.vue b/frontend/src/modules/dashboard/components/dashboard-widget-chart.vue
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/frontend/src/modules/layout/components/system-status/system-status.vue b/frontend/src/modules/layout/components/system-status/system-status.vue
deleted file mode 100644
index 21810ee346..0000000000
--- a/frontend/src/modules/layout/components/system-status/system-status.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-  <a
-    id="menu-system-status"
-    href="https://status.crowd.dev/"
-    target="_blank"
-    rel="noopener noreferrer"
-    class="rounded-md h-10 transition !text-gray-400 flex items-center justify-between group whitespace-nowrap
-    flex-nowrap mx-1 hover:bg-gray-50 mb-2 cursor-pointer overflow-hidden"
-  >
-    <div class="flex items-center justify-between grow">
-      <span class="text-gray-900 pl-3 text-xs"> System Status </span>
-      <app-loading
-        v-if="!status"
-        height="1rem"
-        width="6rem"
-        radius="4px"
-        class="mr-2"
-      />
-      <span
-        v-else
-        class="border-border text-foreground/70 inline-flex max-w-fit items-center gap-2 rounded-md border px-2.5 py-1 text-2xs mr-2"
-      >
-        <span class="text-gray-900">{{ label }}</span>
-        <span className="relative flex h-2 w-2">
-          <span
-            v-if="status === Status.Operational"
-            class="absolute inline-flex h-full w-full animate-ping rounded-full opacity-75 duration-1000"
-            :class="color"
-          />
-          <span
-            class="relative inline-flex h-2 w-2 rounded-full"
-            :class="color"
-          />
-        </span>
-      </span>
-    </div>
-  </a>
-</template>
-
-<script setup lang="ts">
-import { computed, ref, watch } from 'vue';
-import { Status } from '@/modules/layout/types/SystemStatus';
-import LayoutService from '@/modules/layout/layout-service';
-import AppLoading from '@/shared/loading/loading-placeholder.vue';
-
-const status = ref<Status>();
-const props = defineProps<{
-  checkStatus: Boolean;
-}>();
-
-const StatusDisplay = {
-  [Status.Operational]: {
-    label: 'Operational',
-    color: 'bg-green-500',
-  },
-  [Status.DegradedPerformance]: {
-    label: 'Degraded Performance',
-    color: 'bg-yellow-500',
-  },
-  [Status.PartialOutage]: {
-    label: 'Partial Outage',
-    color: 'bg-yellow-500',
-  },
-  [Status.MajorOutage]: {
-    label: 'Major Outage',
-    color: 'bg-red-500',
-  },
-  [Status.Unknown]: {
-    label: 'Unknown',
-    color: 'bg-gray-500',
-  },
-  [Status.UnderMaintenance]: {
-    label: 'Under Maintenance',
-    color: 'bg-gray-500',
-  },
-  [Status.Incident]: {
-    label: 'Incident',
-    color: 'bg-yellow-500',
-  },
-} as const;
-
-const label = computed(() => {
-  if (!status.value) {
-    return null;
-  }
-
-  return StatusDisplay[status.value].label;
-});
-const color = computed(() => {
-  if (!status.value) {
-    return null;
-  }
-
-  return StatusDisplay[status.value].color;
-});
-
-watch(
-  () => props.checkStatus,
-  (checkStatus) => {
-    status.value = undefined;
-
-    if (checkStatus) {
-      LayoutService.getSystemStatus().then((response) => {
-        status.value = response.status;
-      });
-    }
-  },
-);
-</script>
diff --git a/frontend/src/modules/lf/layout/components/lf-integrations-page-header.vue b/frontend/src/modules/lf/layout/components/lf-integrations-page-header.vue
deleted file mode 100644
index 711ac9207d..0000000000
--- a/frontend/src/modules/lf/layout/components/lf-integrations-page-header.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <router-link
-    class="text-gray-600 btn-link--md btn-link--secondary p-0 inline-flex items-center pb-6"
-    :to="{
-      name: 'adminProjects',
-      params: {
-        id: route.params.grandparentId,
-      },
-    }"
-  >
-    <lf-icon name="chevron-left" :size="16" class="mr-2" />
-    <span>Manage Projects</span>
-  </router-link>
-  <div v-if="!loading" class="text-sm mb-2">
-    <span class="text-primary-600">{{ subProject?.name }}</span>
-  </div>
-</template>
-
-<script setup>
-import { useLfSegmentsStore } from '@/modules/lf/segments/store';
-import { onMounted, ref } from 'vue';
-import { useRoute } from 'vue-router';
-import LfIcon from '@/ui-kit/icon/Icon.vue';
-
-const lsSegmentsStore = useLfSegmentsStore();
-const { findSubProject } = lsSegmentsStore;
-
-const route = useRoute();
-const subProject = ref();
-const loading = ref(true);
-
-onMounted(async () => {
-  try {
-    const subProjectResponse = await findSubProject(route.params.id);
-
-    subProject.value = subProjectResponse;
-
-    loading.value = false;
-  } catch (e) {
-    loading.value = false;
-  }
-});
-</script>
-
-<script>
-export default {
-  name: 'AppLfIntegrationsPageHeader',
-};
-</script>
diff --git a/frontend/src/modules/lf/member/components/form/lf-member-form-affiliations.vue b/frontend/src/modules/lf/member/components/form/lf-member-form-affiliations.vue
deleted file mode 100644
index 916b8e4da5..0000000000
--- a/frontend/src/modules/lf/member/components/form/lf-member-form-affiliations.vue
+++ /dev/null
@@ -1,242 +0,0 @@
-<template>
-  <div class="grid gap-x-12 grid-cols-4 mb-16">
-    <div>
-      <h6>Manual activities affiliation</h6>
-      <p class="text-gray-500 text-2xs leading-normal mt-1">
-        Activities organization affiliation can either be updated individually or here per project over a specific time span.
-        <br />
-        <br />
-        <span class="font-semibold">Important note:</span>
-        any manual affiliation updates won’t be overwritten by new organizations through work experience enrichments.
-      </p>
-    </div>
-    <div class="col-span-3">
-      <div class="flex gap-3 border-b h-8 items-center">
-        <span
-          class="uppercase text-gray-400 text-2xs font-semibold tracking-wide w-1/3"
-        >ASSOCIATED PROJECT</span>
-        <span
-          class="uppercase text-gray-400 text-2xs font-semibold tracking-wide grow"
-        >AFFILIATED ORGANIZATION / PERIOD
-        </span>
-      </div>
-      <div class="flex mb-2 flex-col">
-        <div
-          v-for="(affiliation) in uniqueProjects"
-          :key="affiliation.segmentId"
-          class="py-6 border-b border-gray-200 last:border-none"
-        >
-          <div class="flex gap-3 items-center">
-            <div class="w-1/3 self-start">
-              <div class="font-medium text-sm text-gray-900">
-                {{ affiliation.segmentName }}
-              </div>
-              <div v-if="affiliation.segmentParentName" class="text-2xs">
-                <span class="font-medium text-gray-400">Parent project: </span>
-                <span class="text-gray-600">{{ affiliation.segmentParentName }}</span>
-              </div>
-            </div>
-
-            <div class="grow">
-              <template v-for="(org, oi) in affiliationsList" :key="`${affiliation.segmentId}-${oi}`">
-                <div v-if="affiliation.segmentId === org.segmentId" class="flex items-center mb-3">
-                  <div class="grow">
-                    <el-select
-                      v-model="org.organizationId"
-                      filterable
-                      class="w-full grow"
-                    >
-                      <template
-                        v-if="org.organizationId
-                          && getOrganization(org.organizationId)?.logo"
-                        #prefix
-                      >
-                        <img
-                          :src="getOrganization(org.organizationId)?.logo"
-                          :alt="`${getOrganization(org.organizationId)?.name} Logo`"
-                          class="w-5 h-5"
-                        />
-                      </template>
-                      <el-option
-                        v-for="organization in availableOrganizations"
-                        :key="organization.id"
-                        :label="organization.displayName || organization.name"
-                        :value="organization.id"
-                        class="!px-3"
-                      >
-                        <div class="flex gap-2 items-center">
-                          <img
-                            v-if="organization.logo"
-                            :src="organization.logo"
-                            :alt="`${organization.name} Logo`"
-                            class="w-5 h-5"
-                          />
-                          <div>{{ organization.displayName || organization.name }}</div>
-                        </div>
-                      </el-option>
-                    </el-select>
-                  </div>
-                  <div class="flex items-center h-10 basis-48 ml-3">
-                    <el-date-picker
-                      v-model="org.dateStart"
-                      type="month"
-                      placeholder="From"
-                      class="!w-auto custom-date-range-picker date-from -mr-px !h-10"
-                      popper-class="date-picker-popper"
-                      format="MMM YYYY"
-                      :clearable="false"
-                      :disabled-date="(date) => org.dateEnd && moment(date).isAfter(org.dateEnd)"
-                    />
-                    <el-date-picker
-                      v-model="org.dateEnd"
-                      type="month"
-                      :placeholder="org.dateStart ? '(Present)' : 'To'"
-                      class="!w-auto custom-date-range-picker date-to !h-10"
-                      popper-class="date-picker-popper"
-                      format="MMM YYYY"
-                      :clearable="false"
-                      :disabled-date="(date) => org.dateStart && moment(date).isBefore(org.dateStart)"
-                    />
-                  </div>
-                  <el-button
-                    class="btn btn-link btn-link--md btn-link--primary w-10 h-10"
-                    @click="deleteOrganization(oi)"
-                  >
-                    <lf-icon name="trash-can" :size="20" class="text-gray-600" />
-                  </el-button>
-                </div>
-              </template>
-
-              <div>
-                <el-button
-                  class="btn btn-link btn-link--primary"
-                  @click="addOrganization(affiliation)"
-                >
-                  + Add organization
-                </el-button>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="mt-5">
-          <el-button
-            class="btn btn-link btn-link--primary"
-            :disabled="!availableSubprojects.length"
-            @click="isSubProjectsModalOpen = true"
-          >
-            + Add sub-project
-          </el-button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <app-lf-member-form-subprojects-modal
-    v-if="isSubProjectsModalOpen"
-    v-model="isSubProjectsModalOpen"
-    :subprojects="availableSubprojects"
-    @on-submit="onSubProjectSelection"
-  />
-</template>
-
-<script setup>
-import {
-  computed, ref,
-} from 'vue';
-import moment from 'moment';
-import AppLfMemberFormSubprojectsModal from '@/modules/lf/member/components/form/lf-member-form-subprojects-modal.vue';
-import LfIcon from '@/ui-kit/icon/Icon.vue';
-
-const emit = defineEmits(['update:modelValue']);
-const props = defineProps({
-  modelValue: {
-    type: Object,
-    default: () => {},
-  },
-  record: {
-    type: Object,
-    default: () => {},
-  },
-});
-
-const isSubProjectsModalOpen = ref(false);
-
-const availableSubprojects = computed(() => (props.record.segments || [])?.filter(
-  (segment) => !(affiliationsList.value || []).some((affiliation) => affiliation.segmentId === segment.id),
-));
-
-const affiliationsList = computed({
-  get() {
-    return props.modelValue.affiliations;
-  },
-  set(v) {
-    emit('update:modelValue', {
-      ...props.modelValue,
-      affiliations: v,
-    });
-  },
-});
-
-const uniqueProjects = computed(() => affiliationsList.value?.filter(
-  (value, index, self) => self.findIndex((v) => v.segmentId === value.segmentId) === index,
-));
-
-const availableOrganizations = computed(() => [
-  {
-    id: null,
-    name: 'Individual (no affiliation)',
-  },
-  ...props.record.organizations]);
-
-const getOrganization = (id) => availableOrganizations.value.find((organization) => organization.id === id);
-
-const addOrganization = (affiliation) => {
-  affiliationsList.value.push({
-    segmentId: affiliation.segmentId,
-    segmentName: affiliation.segmentName,
-    segmentParentName: affiliation.segmentParentName,
-    organizationId: null,
-    dateStart: '',
-    dateEnd: '',
-  });
-};
-
-const onSubProjectSelection = (subproject) => {
-  isSubProjectsModalOpen.value = false;
-  affiliationsList.value.push({
-    segmentId: subproject.id,
-    segmentName: subproject.name,
-    segmentParentName: subproject.parentName,
-    organizationId: null,
-    dateStart: '',
-    dateEnd: '',
-  });
-};
-
-const deleteOrganization = (index) => {
-  affiliationsList.value.splice(index, 1);
-};
-</script>
-
-<script>
-export default {
-  name: 'AppLfMemberFormAffiliations',
-};
-</script>
-
-<style lang="scss">
-.custom-date-range-picker{
-  .el-icon{
-    @apply hidden;
-  }
-  &.date-from{
-    .el-input__wrapper{
-      @apply rounded-r-none h-10 #{!important};
-    }
-  }
-  &.date-to{
-    .el-input__wrapper{
-      @apply rounded-l-none h-10 #{!important};
-    }
-  }
-}
-</style>
diff --git a/frontend/src/modules/lf/member/components/view/lf-member-aside-sub-projects.vue b/frontend/src/modules/lf/member/components/view/lf-member-aside-sub-projects.vue
deleted file mode 100644
index d4005c50e9..0000000000
--- a/frontend/src/modules/lf/member/components/view/lf-member-aside-sub-projects.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <div>
-    <div class="flex items-center justify-between">
-      <div class="font-medium text-black">
-        Associated Sub-projects
-      </div>
-    </div>
-
-    <div v-if="member.segments.length" class="flex flex-col gap-4 mt-6 group">
-      <app-entities
-        :entities="member.segments"
-        :limit="3"
-      >
-        <template #default="{ slicedEntities }">
-          <div
-            v-for="(segment, i) of slicedEntities"
-            :key="segment.id"
-            class="flex flex-col gap-4"
-          >
-            <div class="text-xs text-gray-900 flex items-center gap-3">
-              <lf-icon name="layer-group" :size="20" />
-              <span>{{ segment.name }}</span>
-            </div>
-            <el-divider v-if="i !== slicedEntities.length - 1" class="!my-0 border-gray-200" />
-          </div>
-        </template>
-      </app-entities>
-    </div>
-    <div v-else class="text-gray-400 mt-6 text-xs italic">
-      No sub-projects
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { Member } from '@/modules/member/types/Member';
-import AppEntities from '@/shared/modules/entities/Entities.vue';
-import LfIcon from '@/ui-kit/icon/Icon.vue';
-
-defineProps<{
-  member: Member
-}>();
-</script>
-
-<script lang="ts">
-export default {
-  name: 'AppLfMemberAsideSubProjects',
-};
-</script>
diff --git a/frontend/src/modules/lf/segments/components/filter/lf-checkbox-cascader.vue b/frontend/src/modules/lf/segments/components/filter/lf-checkbox-cascader.vue
deleted file mode 100644
index 3ce73e4652..0000000000
--- a/frontend/src/modules/lf/segments/components/filter/lf-checkbox-cascader.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<template>
-  <div v-if="loading" class="h-10 px-2 flex items-center">
-    <span class="text-gray-400">Loading</span>
-  </div>
-  <ul v-else-if="model.length" class="lf-checkbox">
-    <li v-for="option in model" :key="option.label">
-      <el-checkbox
-        v-model="option.selected"
-        :indeterminate="option.indeterminate"
-        :label="option.label"
-        class="h-10"
-        @change="(value) => handleParentOptionChange(value, option)"
-      >
-        <span class="text-gray-900 text-xs font-semibold">{{
-          option.label
-        }}</span>
-      </el-checkbox>
-      <div v-if="option.children">
-        <el-checkbox-group
-          v-model="option.selectedChildren"
-          @change="(value) => handleChildOptionChange(value, option)"
-        >
-          <el-checkbox
-            v-for="(childOption, index) in option.children"
-            :key="index"
-            :label="childOption.label"
-            class="h-10 !pl-9"
-          >
-            <span class="text-gray-900 text-xs">{{ childOption.label }}</span>
-          </el-checkbox>
-        </el-checkbox-group>
-      </div>
-    </li>
-  </ul>
-  <div v-else-if="emptyText" class="h-10 px-2 flex items-center">
-    <span class="text-gray-400">{{ emptyText }}</span>
-  </div>
-</template>
-
-<script setup>
-import { computed } from 'vue';
-
-const emit = defineEmits(['update:options', 'onChange']);
-const props = defineProps({
-  options: {
-    type: Array,
-    default: () => [],
-  },
-  emptyText: {
-    type: String,
-    default: null,
-  },
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const model = computed({
-  get() {
-    return props.options;
-  },
-  set(v) {
-    emit('update:options', v);
-    emit('onChange', v);
-  },
-});
-
-const handleParentOptionChange = (parentOptionValue, parentOption) => {
-  model.value = props.options.map((option) => {
-    if (option.label === parentOption.label) {
-      return {
-        ...option,
-        selected: parentOptionValue,
-        selectedChildren: parentOptionValue ? option.children.map((child) => child.label) : [],
-        indeterminate: false,
-      };
-    }
-
-    return option;
-  });
-};
-
-const handleChildOptionChange = (childOptionValue, childOption) => {
-  const checkedCount = childOptionValue.length;
-
-  model.value = props.options.map((option) => {
-    if (option.label === childOption.label) {
-      return {
-        ...option,
-        selected: checkedCount === option.children.length,
-        indeterminate: checkedCount > 0 && checkedCount < option.children.length,
-      };
-    }
-
-    return option;
-  });
-};
-</script>
-
-<script>
-export default {
-  name: 'AppLfCheckboxCascader',
-};
-</script>
-
-<style lang="scss">
-.lf-checkbox .el-checkbox {
-  --el-checkbox-checked-text-color: #000000; //Black
-  @apply px-2 rounded-md w-full truncate;
-
-  &:hover {
-    @apply bg-gray-50;
-  }
-
-  &__input.is-indeterminate  .el-checkbox__inner {
-    @apply opacity-50;
-  }
-
-  // Label
-  &__label {
-    @apply pl-3 truncate h-full flex items-center;
-  }
-
-  &__input {
-    // Inner component
-    .el-checkbox__inner {
-      @apply w-4 h-4 rounded;
-
-      &::after {
-        height: 8px;
-        left: 5px;
-        top: 1px;
-      }
-    }
-
-    &.is-indeterminate .el-checkbox__inner::before {
-      top: 6px;
-    }
-  }
-}
-</style>
diff --git a/frontend/src/modules/member/components/list/member-list-bulk-update-tags.vue b/frontend/src/modules/member/components/list/member-list-bulk-update-tags.vue
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/frontend/src/modules/member/components/member-bio.vue b/frontend/src/modules/member/components/member-bio.vue
deleted file mode 100644
index 00e83cd992..0000000000
--- a/frontend/src/modules/member/components/member-bio.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <div
-    v-html="
-      $sanitize($marked(member.attributes.bio?.default))
-    "
-  />
-</template>
-
-<script>
-export default {
-  name: 'AppMemberBio',
-  props: {
-    member: {
-      type: Object,
-      default: () => {},
-    },
-  },
-};
-</script>
diff --git a/frontend/src/modules/member/components/member-dropdown.vue b/frontend/src/modules/member/components/member-dropdown.vue
deleted file mode 100644
index 7d51d7560e..0000000000
--- a/frontend/src/modules/member/components/member-dropdown.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
-  <el-dropdown
-    v-if="hasPermissions"
-    ref="dropdown"
-    trigger="click"
-    placement="bottom-end"
-  >
-    <slot name="trigger">
-      <button
-        class="el-dropdown-link btn p-1.5 rounder-md hover:bg-gray-200 text-gray-600"
-        type="button"
-        @click.prevent.stop
-      >
-        <i class="text-xl ri-more-fill" />
-      </button>
-    </slot>
-
-    <template #dropdown>
-      <app-member-dropdown-content
-        :member="member"
-        :hide-edit="hideEdit"
-        :hide-merge="hideMerge"
-        @find-github="emit('findGithub')"
-        @close-dropdown="onDropdownClose"
-        @merge="emit('merge')"
-        @unmerge="emit('unmerge')"
-      />
-    </template>
-  </el-dropdown>
-</template>
-
-<script setup>
-import { computed, ref } from 'vue';
-import usePermissions from '@/shared/modules/permissions/helpers/usePermissions';
-import { LfPermission } from '@/shared/modules/permissions/types/Permissions';
-import AppMemberDropdownContent from './member-dropdown-content.vue';
-
-const emit = defineEmits(['merge', 'unmerge', 'closeDropdown', 'findGithub']);
-defineProps({
-  member: {
-    type: Object,
-    default: () => {},
-  },
-  hideEdit: {
-    type: Boolean,
-    default: false,
-  },
-  hideMerge: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const { hasPermission } = usePermissions();
-
-const hasPermissions = computed(() => [LfPermission.memberEdit,
-  LfPermission.memberDestroy,
-  LfPermission.mergeMembers]
-  .some((permission) => hasPermission(permission)));
-
-const dropdown = ref();
-
-const onDropdownClose = () => {
-  dropdown.value?.handleClose();
-  emit('closeDropdown');
-};
-</script>
-
-<style lang="scss">
-.el-dropdown__popper .el-dropdown__list {
-  @apply p-2;
-}
-
-// Override divider margin
-.el-divider--horizontal {
-  @apply my-2;
-}
-</style>
diff --git a/frontend/src/modules/member/components/member-emails.vue b/frontend/src/modules/member/components/member-emails.vue
deleted file mode 100644
index 01d56c5c58..0000000000
--- a/frontend/src/modules/member/components/member-emails.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-  <div
-    v-if="hasEmails"
-    class="text-sm cursor-auto flex flex-col gap-2.5"
-  >
-    <el-tooltip
-      v-for="email of slicedEmails"
-      :key="email"
-      :disabled="!email"
-      popper-class="custom-identity-tooltip"
-      placement="top"
-    >
-      <template #content>
-        <span>Send email
-          <i
-            v-if="email"
-            class="ri-external-link-line text-gray-400"
-          /></span>
-      </template>
-      <a
-        target="_blank"
-        rel="noopener noreferrer"
-        class="rounded-lg bg-white text-gray-900 hover:text-primary-500 px-2 h-6 border
-        border-gray-200 flex items-center justify-center w-fit line-clamp-1"
-        :href="`mailto:${email}`"
-        @click.stop
-      >{{ email }}</a>
-    </el-tooltip>
-    <el-popover
-      v-if="remainingEmails.length"
-      placement="top"
-      :width="400"
-      trigger="hover"
-      popper-class="support-popover"
-    >
-      <template #reference>
-        <span
-          class="rounded-lg bg-white text-gray-500 px-2 h-6 border border-gray-200 flex items-center justify-center w-fit text-xs"
-        >+{{ pluralize('email', remainingEmails.length, true) }}</span>
-      </template>
-      <div class="flex flex-wrap gap-3 my-1">
-        <el-tooltip
-          v-for="email of remainingEmails"
-          :key="email"
-          :disabled="!email"
-          popper-class="custom-identity-tooltip flex "
-          placement="top"
-        >
-          <template #content>
-            <span>Send email
-              <i
-                v-if="email"
-                class="ri-external-link-line text-gray-400"
-              /></span>
-          </template>
-          <div @click.prevent>
-            <a
-              target="_blank"
-              rel="noopener noreferrer"
-              class="rounded-lg bg-white text-gray-900 hover:text-primary-500 px-2 h-6 border
-              border-gray-200 flex items-center justify-center w-fitline-clamp-1"
-              :href="`mailto:${email}`"
-              @click.stop
-            >{{ email }}</a>
-          </div>
-        </el-tooltip>
-      </div>
-    </el-popover>
-  </div>
-  <span v-else class="text-gray-500">-</span>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import pluralize from 'pluralize';
-import { Member, MemberIdentity } from '../types/Member';
-
-const props = defineProps<{
-  member: Member
-}>();
-
-const emails = computed(() => (props.member.identities || []).filter((i: MemberIdentity) => i.type === 'email').map((i) => i.value));
-
-const hasEmails = computed(() => emails.value.length);
-
-const slicedEmails = computed(() => emails.value.slice(0, 3));
-const remainingEmails = computed(() => emails.value.slice(3));
-</script>
diff --git a/frontend/src/modules/member/components/member-global-attributes-drawer.vue b/frontend/src/modules/member/components/member-global-attributes-drawer.vue
deleted file mode 100644
index 4e43cad55c..0000000000
--- a/frontend/src/modules/member/components/member-global-attributes-drawer.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <app-drawer
-    v-model="isDrawerOpen"
-    custom-class="attributes-drawer"
-    title="Manage global attributes"
-    size="35%"
-    :show-footer="false"
-  >
-    <template #content>
-      <app-member-form-global-attributes
-        v-model="isDrawerOpen"
-      />
-    </template>
-  </app-drawer>
-</template>
-
-<script setup>
-import { defineProps, defineEmits, computed } from 'vue';
-import AppMemberFormGlobalAttributes from './form/member-form-global-attributes.vue';
-
-const emit = defineEmits(['update:modelValue']);
-const props = defineProps({
-  modelValue: {
-    type: Boolean,
-    default: () => false,
-  },
-});
-
-const isDrawerOpen = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(drawerVisibility) {
-    emit('update:modelValue', drawerVisibility);
-  },
-});
-</script>
-
-<style lang="scss">
-.attributes-drawer {
-  & .el-drawer__header {
-    @apply p-6;
-  }
-
-  & .el-drawer__body {
-    @apply p-0;
-  }
-
-  & .el-drawer__footer {
-    @apply w-full p-6 border-t border-gray-200;
-  }
-
-  & .attribute-type {
-    width: 100px;
-  }
-
-  & .el-form-item,
-  .el-form .el-form-item__content {
-    @apply mb-0;
-  }
-}
-</style>
diff --git a/frontend/src/modules/widget/components/shared/widget-area.vue b/frontend/src/modules/widget/components/shared/widget-area.vue
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/frontend/src/shared/alert/alert.vue b/frontend/src/shared/alert/alert.vue
deleted file mode 100644
index 42017a9b9a..0000000000
--- a/frontend/src/shared/alert/alert.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-  <div
-    class="rounded-lg mt-4 px-4 p-2.5 border relative"
-    :class="alertClass"
-  >
-    <div class="flex items-start">
-      <i
-        class="mr-2.5 flex items-center h-3.5 pt-1"
-        :class="iconClass"
-      />
-      <div class="text-xs flex-grow">
-        <div class="font-semibold inline-flex pr-1">
-          <slot name="title">
-            Action Required:
-          </slot>
-        </div>
-        <slot name="body">
-          This is the body
-        </slot>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'AppAlert',
-  props: {
-    title: {
-      type: String,
-      default: '',
-    },
-    type: {
-      type: String,
-      default: 'warning',
-    },
-  },
-  computed: {
-    alertClass() {
-      switch (this.type) {
-        case 'warning':
-          return 'bg-yellow-50 border-yellow-100';
-        default:
-          return 'bg-primary-50 border-primary-100';
-      }
-    },
-    iconClass() {
-      switch (this.type) {
-        case 'warning':
-          return 'text-yellow-500 ri-alert-fill';
-        default:
-          return 'text-primary-500 ri-information-fill';
-      }
-    },
-  },
-};
-</script>
diff --git a/frontend/src/shared/avatar/squared-avatar.vue b/frontend/src/shared/avatar/squared-avatar.vue
deleted file mode 100644
index 1b03e861e5..0000000000
--- a/frontend/src/shared/avatar/squared-avatar.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <el-avatar
-    v-if="name"
-    shape="square"
-    class="h-8 w-8 bg-gray-900 rounded-md"
-  >
-    <template #default>
-      <span class="font-semibold uppercase text-base">{{
-        computedInitialLetter
-      }}</span>
-    </template>
-  </el-avatar>
-</template>
-
-<script setup>
-import { computed, defineProps } from 'vue';
-
-const props = defineProps({
-  name: {
-    type: String,
-    required: true,
-  },
-});
-
-const computedInitialLetter = computed(() => {
-  const names = props.name
-    .replace(/\s+/g, ' ')
-    .trim()
-    .split(' ');
-
-  return names[0].charAt(0).toUpperCase();
-});
-</script>
diff --git a/frontend/src/shared/events/tenant-event.service.js b/frontend/src/shared/events/tenant-event.service.js
deleted file mode 100644
index 07b478f94a..0000000000
--- a/frontend/src/shared/events/tenant-event.service.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import authAxios from '@/shared/axios/auth-axios';
-import { AuthService } from '@/modules/auth/services/auth.service';
-
-export class TenantEventService {
-  static async event(data) {
-    const tenantId = AuthService.getTenantId();
-
-    const response = await authAxios.post(
-      `/tenant/${tenantId}/event-tracking`,
-      data,
-    );
-
-    return response.data;
-  }
-}
diff --git a/frontend/src/shared/excel/excel.js b/frontend/src/shared/excel/excel.js
deleted file mode 100644
index e26e126059..0000000000
--- a/frontend/src/shared/excel/excel.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import FileSaver from 'file-saver';
-import Papa from 'papaparse';
-
-export const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
-export const EXCEL_TYPE_WITH_CHARSET = `${EXCEL_TYPE};charset=UTF-8`;
-export const EXCEL_EXTENSION = '.csv';
-
-export class Excel {
-  static exportAsExcelFile(json, header, fileName) {
-    const csv = Papa.unparse({
-      data: json,
-      fields: header,
-    });
-
-    this.saveAsExcelFile(csv, fileName);
-  }
-
-  static saveAsExcelFile(buffer, fileName) {
-    const data = new Blob([buffer], {
-      type: EXCEL_TYPE_WITH_CHARSET,
-    });
-    FileSaver.saveAs(data, fileName + EXCEL_EXTENSION);
-  }
-}
diff --git a/frontend/src/shared/fields/activity-channels-field.js b/frontend/src/shared/fields/activity-channels-field.js
deleted file mode 100644
index f8adfb0da9..0000000000
--- a/frontend/src/shared/fields/activity-channels-field.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import JSONField from '@/shared/fields/json-field';
-import { store } from '@/store';
-import { CrowdIntegrations } from '@/integrations/integrations-config';
-import { computed } from 'vue';
-import { extractRepoNameFromUrl } from '@/utils/string';
-import { useActivityStore } from '@/modules/activity/store/pinia';
-import { storeToRefs } from 'pinia';
-
-export default class ActivityChannelsField extends JSONField {
-  constructor(name, label, config = {}) {
-    super(name, label);
-
-    this.filterable = config.filterable || false;
-    this.custom = config.custom || false;
-  }
-
-  dropdownOptions() {
-    const activityStore = useActivityStore();
-    const { activityChannels } = storeToRefs(activityStore);
-
-    return Object.entries(activityChannels.value).map(([platform, channels]) => ({
-      label: {
-        type: 'platform',
-        key: platform,
-        value: CrowdIntegrations.getConfig(platform)?.name ?? platform,
-      },
-      nestedOptions: channels.map((channel) => ({
-        value: channel,
-        label: platform === 'github' ? extractRepoNameFromUrl(channel) : channel,
-      })),
-    }));
-  }
-
-  forFilter() {
-    return {
-      name: this.name,
-      label: this.label,
-      custom: this.custom,
-      props: {
-        options: this.dropdownOptions(),
-        multiple: false,
-        searchable: true,
-        searchPlaceholder: 'Search for channels',
-        searchEmpty: 'No channels found',
-      },
-      defaultValue: null,
-      value: null,
-      defaultOperator: null,
-      operator: null,
-      type: 'select-group',
-      include: true,
-    };
-  }
-}
diff --git a/frontend/src/shared/fields/activity-date-field.js b/frontend/src/shared/fields/activity-date-field.js
deleted file mode 100644
index 7876ed2507..0000000000
--- a/frontend/src/shared/fields/activity-date-field.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import StringField from '@/shared/fields/string-field';
-import { formatDate } from '@/utils/date';
-
-export default class ActivityDateField extends StringField {
-  constructor(name, label, config = {}) {
-    super(name, label);
-
-    this.placeholder = config.placeholder;
-    this.hint = config.hint;
-    this.required = config.required;
-    this.matches = config.matches;
-    this.filterable = config.filterable || false;
-    this.custom = config.custom || false;
-  }
-
-  dropdownOptions() {
-    return [
-      {
-        value: formatDate({
-          subtractDays: 1,
-        }),
-        label: 'Last 24 hours',
-      },
-      {
-        value: formatDate({
-          subtractDays: 7,
-        }),
-        label: 'Last 7 days',
-      },
-      {
-        value: formatDate({
-          subtractDays: 14,
-        }),
-        label: 'Last 14 days',
-      },
-      {
-        value: formatDate({
-          subtractDays: 30,
-        }),
-        label: 'Last 30 days',
-      },
-      {
-        value: formatDate({
-          subtractDays: 90,
-        }),
-        label: 'Last 90 days',
-      },
-    ];
-  }
-
-  forFilter() {
-    return {
-      name: this.name,
-      label: this.label,
-      custom: this.custom,
-      props: {
-        options: this.dropdownOptions(),
-        multiple: false,
-      },
-      defaultValue: null,
-      value: null,
-      defaultOperator: 'gte',
-      operator: 'gte',
-      type: 'select',
-    };
-  }
-}
diff --git a/frontend/src/shared/fields/sentiment-field.js b/frontend/src/shared/fields/sentiment-field.js
deleted file mode 100644
index 5db740ca91..0000000000
--- a/frontend/src/shared/fields/sentiment-field.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import GenericField from '@/shared/fields/string-field';
-
-export default class SentimentField extends GenericField {
-  constructor(name, label, config = {}) {
-    super(name, label);
-
-    this.placeholder = config.placeholder;
-    this.hint = config.hint;
-    this.required = config.required;
-    this.matches = config.matches;
-    this.filterable = config.filterable || false;
-    this.custom = config.custom || false;
-  }
-
-  dropdownOptions() {
-    return [
-      {
-        value: 'positive',
-        label: 'Positive',
-        range: {
-          gte: 67,
-        },
-      },
-      {
-        value: 'neutral',
-        label: 'Neutral',
-        range: {
-          between: [33, 67],
-        },
-      },
-      {
-        value: 'negative',
-        label: 'Negative',
-        range: {
-          lte: 33,
-        },
-      },
-    ];
-  }
-
-  forFilter() {
-    return {
-      name: this.name,
-      label: this.label,
-      custom: this.custom,
-      props: {
-        options: this.dropdownOptions(),
-        multiple: true,
-      },
-      defaultValue: [],
-      value: [],
-      defaultOperator: null,
-      operator: null,
-      type: 'select-multi',
-    };
-  }
-}
diff --git a/frontend/src/shared/filter/components/filter-list-item.vue b/frontend/src/shared/filter/components/filter-list-item.vue
deleted file mode 100644
index 7462b319d8..0000000000
--- a/frontend/src/shared/filter/components/filter-list-item.vue
+++ /dev/null
@@ -1,361 +0,0 @@
-<template>
-  <div :class="filterClass">
-    <el-popover
-      trigger="click"
-      placement="bottom-start"
-      :class="filterClass"
-      :popper-class="`filter-list-item-popper filter-type-${filter.name}-popper`"
-      :visible="filter.expanded"
-      :width="320"
-    >
-      <template #reference>
-        <slot name="button">
-          <el-button-group class="btn-group">
-            <el-button
-              class="filter-list-item-btn filter-list-item-btn-open"
-              data-qa="filter-list-chip"
-              :class="`${
-                filter.expanded ? 'is-expanded' : ''
-              } ${hasValue ? 'is-active' : ''}`"
-              @click="handleOpen"
-            >
-              <span>
-                {{ `${filter.label}${filter.include === false ? ' (exclude)' : ''}${hasValue ? ':' : '...'}` }}
-              </span>
-              <span
-                v-if="hasValue"
-                class="ml-1 max-w-xs truncate font-normal"
-              >{{ valueToString }}</span>
-            </el-button>
-            <el-button
-              class="filter-list-item-btn filter-list-item-btn__close"
-              :class="hasValue ? 'is-active' : ''"
-              data-qa="filter-list-chip-close"
-              @click.stop="handleDestroy"
-            >
-              <i class="ri-close-line" />
-            </el-button>
-          </el-button-group>
-        </slot>
-      </template>
-      <component
-        :is="`app-filter-type-${filter.type}`"
-        v-bind="filter.props"
-        v-model:value="model.value"
-        v-model:operator="model.operator"
-        v-model:include="model.include"
-        :default-operator="filter.defaultOperator"
-        :is-expanded="filter.expanded"
-        :is-custom="filter.custom"
-        :label="filter.label"
-      >
-        <template
-          v-for="(_, name) in $slots"
-          #[name]="slotData"
-        >
-          <slot
-            :name="name"
-            v-bind="slotData"
-          />
-        </template>
-      </component>
-      <div
-        class="border-t border-gray-200 flex items-center justify-between -mx-2 px-4 pt-3 pb-1"
-      >
-        <el-button
-          v-if="shouldShowReset"
-          id="resetFilter"
-          class="btn btn-link btn-link--primary"
-          @click="handleReset"
-        >
-          Reset filter
-        </el-button>
-        <div v-else>
-          &nbsp;
-        </div>
-        <div class="flex items-center">
-          <el-button
-            id="closeFilter"
-            class="btn btn-link btn-link--sm btn-link--primary mr-3"
-            @click="handleCancel"
-          >
-            Cancel
-          </el-button>
-          <el-button
-            id="applyFilter"
-            class="btn btn--primary btn--sm"
-            :disabled="shouldDisableApplyButton"
-            data-qa="filter-apply"
-            @click="handleApply"
-          >
-            Apply
-          </el-button>
-        </div>
-      </div>
-    </el-popover>
-  </div>
-</template>
-
-<script setup>
-import {
-  defineProps,
-  defineEmits,
-  reactive,
-  computed,
-  watch,
-} from 'vue';
-import isEqual from 'lodash/isEqual';
-import { formatDate } from '@/utils/date';
-import { attributesAreDifferent } from '../helpers/different-util';
-import filterOperators from '../helpers/operators';
-
-const props = defineProps({
-  filter: {
-    type: Object,
-    default: () => {},
-  },
-  filterClass: {
-    type: String,
-    default: 'filter-list-item',
-  },
-});
-
-const emit = defineEmits(['destroy', 'change', 'reset']);
-
-const isExpanded = computed(() => props.filter.expanded);
-const hasValue = computed(() => (Array.isArray(props.filter.value)
-  ? props.filter.value.length > 0
-  : props.filter.value !== null));
-const valueToString = computed(() => {
-  if (props.filter.type === 'boolean') {
-    return `is ${props.filter.value}`;
-  }
-  const operatorLabel = filterOperators[props.filter.type]?.operator[
-    props.filter.operator
-  ] || '';
-  if (props.filter.type === 'date') {
-    if (Array.isArray(props.filter.value)) {
-      const formattedStartDate = formatDate({
-        timestamp: props.filter.value[0],
-      });
-      const formattedEndDate = formatDate({
-        timestamp: props.filter.value[1],
-      });
-      return `${operatorLabel} ${formattedStartDate} and ${formattedEndDate}`;
-    }
-    const formattedDate = formatDate({
-      timestamp: props.filter.value,
-    });
-    return `${operatorLabel} ${formattedDate}`;
-  } if (props.filter.type === 'select') {
-    const label = props.filter.props.options.find(
-      (o) => JSON.stringify(o.value)
-          === JSON.stringify(props.filter.value),
-    )?.label;
-
-    return `${operatorLabel} ${label}`;
-  } if (
-    props.filter.type.includes('select-multi')
-      || Array.isArray(props.filter.value)
-  ) {
-    return props.filter.value
-      .map((o) => o.label || o)
-      .join(', ');
-  } if (props.filter.type.includes('select-group')) {
-    const { displayKey, displayValue } = props.filter.value;
-
-    if (displayKey && displayValue) {
-      return `${displayKey} - ${displayValue}`;
-    }
-
-    return '';
-  }
-  return `${operatorLabel} ${props.filter.value}`;
-});
-
-const shouldShowReset = computed(() => !isEqual(
-  props.filter.defaultValue,
-  props.filter.value,
-));
-
-const model = reactive({
-  value: JSON.parse(
-    JSON.stringify(
-      props.filter.value
-        ? props.filter.value
-        : props.filter.defaultValue,
-    ),
-  ),
-  operator: JSON.parse(
-    JSON.stringify(
-      props.filter.operator
-        ? props.filter.operator
-        : props.filter.defaultOperator,
-    ),
-  ),
-  include: JSON.parse(
-    JSON.stringify(
-      props.filter.include
-        ? props.filter.include
-        : true,
-    ),
-  ),
-});
-
-const shouldDisableApplyButton = computed(() => {
-  // Disable apply button for range inputs
-  if (model.operator === 'between') {
-    if (props.filter.type === 'number') {
-      return (
-        Number.isNaN(model.value?.[0]) || Number.isNaN(model.value?.[1])
-      );
-    }
-    return !model.value?.[0] || !model.value?.[1];
-  }
-
-  return Array.isArray(model.value)
-    ? (model.value.length === 0 && !shouldShowReset.value)
-    : model.value === '' || model.value === null;
-});
-
-const handleChange = () => {
-  emit('change', {
-    ...props.filter,
-    value: JSON.parse(JSON.stringify(model.value)),
-    operator: JSON.parse(JSON.stringify(model.operator)),
-    include: JSON.parse(JSON.stringify(model.include)),
-    expanded: false,
-  });
-};
-
-const handleOpen = () => {
-  emit('change', {
-    ...props.filter,
-    expanded: true,
-  });
-};
-
-const handleDestroy = () => {
-  emit('destroy', { ...props.filter });
-};
-
-const handleReset = () => {
-  model.operator = props.filter.defaultOperator;
-  model.value = JSON.parse(
-    JSON.stringify(props.filter.defaultValue),
-  );
-  emit('reset', { ...props.filter });
-};
-
-const handleCancel = () => {
-  emit('change', {
-    ...props.filter,
-    expanded: false,
-  });
-};
-
-const handleApply = () => {
-  handleChange();
-};
-
-const clickOutsideListener = (event) => {
-  const component = document.querySelector(
-    `.filter-type-${props.filter.name}-popper`,
-  );
-  if (
-    // clicks outside
-    !(
-      component === event.target
-      || component?.contains(event.target)
-      // we need the following condition to validate clicks
-      // on popovers that are not DOM children of this component,
-      // since popper is adding fixed components to the body directly
-      || event
-        .composedPath()
-        .some(
-          (o) => (o.className
-              && typeof o.className.includes !== 'undefined'
-              && o.className?.includes('el-popper'))
-            || false,
-        )
-    )
-  ) {
-    emit('change', {
-      ...props.filter,
-      expanded: false,
-    });
-  }
-};
-
-watch(
-  isExpanded,
-  (newValue) => {
-    setTimeout(() => {
-      if (newValue) {
-        document.addEventListener(
-          'click',
-          clickOutsideListener,
-        );
-      } else {
-        document.removeEventListener(
-          'click',
-          clickOutsideListener,
-        );
-      }
-    }, 500);
-  },
-  { immediate: true },
-);
-
-watch(
-  () => props.filter,
-  (newValue) => {
-    if (attributesAreDifferent(model, newValue)) {
-      model.value = newValue.value;
-      model.operator = newValue.operator;
-    }
-  },
-  { deep: true },
-);
-</script>
-
-<script>
-export default {
-  name: 'AppFilterListItem',
-};
-</script>
-
-<style lang="scss">
-.filter-list-item {
-  @apply text-xs mb-4;
-  &-btn.el-button {
-    @apply h-8 flex items-center p-2 bg-white border border-gray-300 outline-none text-gray-600 text-xs;
-    transition: all 0.2s ease;
-
-    &.is-expanded,
-    &:hover,
-    &:active,
-    &:focus,
-    &:visited {
-      @apply bg-gray-100 outline-none text-gray-600 border-gray-300;
-    }
-
-    &.is-active {
-      @apply bg-primary-50 border-primary-200 text-primary-600 outline-none;
-      &:hover {
-        @apply bg-primary-100;
-      }
-    }
-  }
-  &-btn__close.el-button {
-    @apply w-8 h-8 flex items-center p-2 text-gray-600;
-  }
-  &-popper.el-popover.el-popper {
-    @apply relative w-full max-w-xs p-2;
-
-    .filter-content-wrapper {
-      @apply h-58 overflow-auto pb-2;
-    }
-  }
-}
-</style>
diff --git a/frontend/src/shared/filter/components/type/filter-type-select-multi.vue b/frontend/src/shared/filter/components/type/filter-type-select-multi.vue
deleted file mode 100644
index 2407213f64..0000000000
--- a/frontend/src/shared/filter/components/type/filter-type-select-multi.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-  <div class="filter-type-select filter-type-select-multi filter-content-wrapper">
-    <div
-      v-for="option of computedOptions"
-      :key="option.name"
-      class="filter-type-select-option"
-      :class="`${option.selected ? 'is-selected' : ''} ${
-        option.soon ? 'is-disabled' : ''
-      }`"
-      data-qa="filter-select-option"
-      :data-qa-value="option.value"
-      @click="handleOptionClick(option)"
-    >
-      <div class="flex items-center justify-between h-4">
-        <div class="flex items-center">
-          <el-checkbox
-            v-model="option.selected"
-            class="filter-checkbox"
-            :disabled="option.soon"
-            @change="handleOptionClick(option)"
-          />
-          <slot name="optionPrefix" :item="option" />
-          {{ option.label }}
-          <span
-            v-if="option.soon"
-            class="absolute right-0 inset-y-0 text-gray-400 italic text-xs flex items-center"
-          >Soon</span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed } from 'vue';
-
-const props = defineProps({
-  options: {
-    type: Array,
-    default: () => [],
-  },
-  value: {
-    type: Array,
-    default: () => [],
-  },
-});
-const emit = defineEmits(['update:value']);
-
-const model = computed({
-  get() {
-    return props.value;
-  },
-  set(v) {
-    emit('update:value', v);
-  },
-});
-
-const valuesEqual = (valueA, valueB) => {
-  if (Array.isArray(valueA)) {
-    return (
-      valueA[0] === valueB[0] && valueA[1] === valueB[1]
-    );
-  }
-  return valueA === valueB;
-};
-
-const computedOptions = computed(() => props.options.map((o) => ({
-  ...o,
-  selected: model.value.some((i) => valuesEqual(o.value, i.value)),
-})));
-
-const handleOptionClick = (option) => {
-  if (option.soon) {
-    return;
-  }
-
-  if (
-    !props.value.some((item) => valuesEqual(item.value, option.value))
-  ) {
-    model.value.push(option);
-  } else {
-    const index = model.value.findIndex((o) => valuesEqual(o.value, option.value));
-    model.value.splice(index, 1);
-  }
-};
-
-</script>
-
-<script>
-export default {
-  name: 'AppFilterTypeSelectMulti',
-};
-</script>
diff --git a/frontend/src/shared/filter/helpers/operators.js b/frontend/src/shared/filter/helpers/operators.js
deleted file mode 100644
index 916f0f0d44..0000000000
--- a/frontend/src/shared/filter/helpers/operators.js
+++ /dev/null
@@ -1,28 +0,0 @@
-export default {
-  date: {
-    operator: {
-      eq: 'is',
-      lt: 'is before',
-      gt: 'is after',
-      between: 'between',
-    },
-  },
-  number: {
-    operator: {
-      eq: 'is',
-      lt: '<',
-      lte: '<=',
-      gt: '>',
-      gte: '>=',
-      between: 'between',
-    },
-  },
-  string: {
-    operator: {
-      eq: 'is',
-      ne: 'is not',
-      textContains: 'contains',
-      notContains: 'not contains',
-    },
-  },
-};
diff --git a/frontend/src/shared/filter/helpers/query-filter.js b/frontend/src/shared/filter/helpers/query-filter.js
deleted file mode 100644
index dff0311780..0000000000
--- a/frontend/src/shared/filter/helpers/query-filter.js
+++ /dev/null
@@ -1,9 +0,0 @@
-export default (option, query) => (
-  (option.name
-    ?.toLowerCase()
-    .includes(query.toLowerCase())
-      || option.label
-        .toLowerCase()
-        .includes(query.toLowerCase()))
-    && option.show !== false
-);
diff --git a/frontend/src/shared/form/editor.vue b/frontend/src/shared/form/editor.vue
deleted file mode 100644
index ef9c5e1d02..0000000000
--- a/frontend/src/shared/form/editor.vue
+++ /dev/null
@@ -1,173 +0,0 @@
-<template>
-  <editor-content
-    class="editor c-content w-full text-sm leading-5 flex flex-col"
-    :data-placeholder="placeholder"
-    :value="modelValue"
-    :style="{ 'min-height': minHeight }"
-    :editor="editor"
-  />
-</template>
-
-<script setup>
-import { useEditor, EditorContent } from '@tiptap/vue-3';
-import StarterKit from '@tiptap/starter-kit';
-import Placeholder from '@tiptap/extension-placeholder';
-import Link from '@tiptap/extension-link';
-import {
-  ref,
-  defineProps,
-  defineEmits,
-  watch,
-  onBeforeMount,
-  defineExpose,
-} from 'vue';
-
-const props = defineProps({
-  modelValue: {
-    type: String,
-    required: true,
-  },
-  placeholder: {
-    type: String,
-    required: false,
-    default: '',
-  },
-  minHeight: {
-    type: String,
-    required: false,
-    default: '84px',
-  },
-  overrideExtensions: {
-    type: Boolean,
-    required: false,
-    default: false,
-  },
-  extensions: {
-    type: Array,
-    required: false,
-    default: () => [],
-  },
-});
-
-const emit = defineEmits([
-  'update:modelValue',
-  'focus',
-  'blur',
-]);
-
-const valueProxy = ref('');
-
-const defaultExtensions = [
-  StarterKit,
-  Placeholder.configure({
-    placeholder: props.placeholder,
-  }),
-  Link.configure({
-    openOnClick: false,
-  }),
-];
-
-const editor = useEditor({
-  content: props.modelValue,
-  extensions: props.overrideExtensions
-    ? props.extensions
-    : [...defaultExtensions, ...props.extensions],
-  onUpdate: () => {
-    if (editor.value) {
-      valueProxy.value = editor.value.getHTML();
-      const noTags = valueProxy.value
-        .replace('<p>', '')
-        .replace('</p>', '')
-        .trim();
-      if (noTags.length === 0) {
-        valueProxy.value = '';
-        editor.value.commands.setContent('', false);
-      }
-      emit('update:modelValue', valueProxy.value);
-    }
-  },
-  onFocus: () => {
-    emit('focus');
-  },
-  onBlur: () => {
-    emit('blur');
-  },
-});
-
-watch(
-  () => props.modelValue,
-  (val) => {
-    if (editor.value) {
-      if (valueProxy.value === val && val.length > 0) {
-        return;
-      }
-      valueProxy.value = val;
-      editor.value.commands.setContent(val, false);
-    }
-  },
-);
-
-onBeforeMount(() => {
-  if (editor.value) {
-    editor.value.destroy();
-  }
-});
-
-const focus = () => {
-  editor.value.commands.focus();
-};
-
-const blur = () => {
-  editor.value.commands.blur();
-};
-
-const clear = () => {
-  editor.value.commands.clearContent();
-};
-
-defineExpose({
-  focus,
-  blur,
-  clear,
-});
-</script>
-
-<script>
-export default {
-  name: 'AppEditor',
-};
-</script>
-
-<style lang="scss">
-.ProseMirror {
-  min-height: 100%;
-  flex-grow: 1;
-
-  &-focused {
-    outline: none;
-    border: 0;
-  }
-
-  p.is-editor-empty:first-child::before {
-    @apply text-gray-400;
-    content: attr(data-placeholder);
-    float: left;
-    pointer-events: none;
-    height: 0;
-  }
-
-  [data-type='mention'] {
-    padding: 0 4px;
-    border-radius: 4px;
-    display: inline-block;
-    border: solid 1px var(--lf-color-primary-10);
-    color: var(--lf-color-primary-100);
-    background: var(--lf-color-primary-5);
-  }
-}
-
-.editor {
-  white-space: pre-line;
-  overflow: auto;
-}
-</style>
diff --git a/frontend/src/shared/form/string-array-input.vue b/frontend/src/shared/form/string-array-input.vue
deleted file mode 100644
index b7abc26bdf..0000000000
--- a/frontend/src/shared/form/string-array-input.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-  <div class="string-array-input">
-    <div
-      v-for="(row, index) of model"
-      :key="index"
-      class="flex gap-1 mb-3"
-    >
-      <el-input
-        v-model="model[index]"
-        :class="inputClass"
-      />
-      <div v-if="model.length > 1">
-        <button
-          type="button"
-          class="btn btn-link btn-link--md btn-link--primary w-10 h-10"
-          @click="removeRow(index)"
-        >
-          <i
-            class="ri-delete-bin-line text-lg text-gray-600"
-          />
-        </button>
-      </div>
-    </div>
-    <button
-      type="button"
-      class="btn btn-link btn-link--primary text-sm"
-      @click="addRow"
-    >
-      + {{ addRowLabel }}
-    </button>
-  </div>
-</template>
-
-<script setup>
-import {
-  defineProps,
-  defineEmits,
-  reactive,
-  watch,
-} from 'vue';
-
-const props = defineProps({
-  modelValue: {
-    type: Array,
-    default: () => [],
-  },
-  inputClass: {
-    type: String,
-    default: '',
-  },
-  addRowLabel: {
-    type: String,
-    default: 'Add row',
-  },
-});
-
-const emit = defineEmits(['update:modelValue']);
-const model = reactive(props.modelValue);
-
-watch(
-  model,
-  (newValue) => {
-    emit('update:modelValue', newValue);
-  },
-  { deep: true },
-);
-
-const addRow = () => {
-  model.push('');
-};
-
-const removeRow = (index) => {
-  model.splice(index, 1);
-};
-</script>
-
-<script>
-export default {
-  name: 'StringArrayInput',
-};
-</script>
diff --git a/frontend/src/shared/filter/helpers/different-util.js b/frontend/src/shared/helpers/different-util.js
similarity index 100%
rename from frontend/src/shared/filter/helpers/different-util.js
rename to frontend/src/shared/helpers/different-util.js
diff --git a/frontend/src/shared/shared-module.js b/frontend/src/shared/shared-module.js
index ddb758517c..af195baab1 100644
--- a/frontend/src/shared/shared-module.js
+++ b/frontend/src/shared/shared-module.js
@@ -1,15 +1,10 @@
-import StringArrayInput from '@/shared/form/string-array-input.vue';
 import AutocompleteOneInput from '@/shared/form/autocomplete-one-input.vue';
 import AutocompleteManyInput from '@/shared/form/autocomplete-many-input.vue';
 import KeywordsInput from '@/shared/form/keywords-input.vue';
 import Avatar from '@/shared/avatar/avatar.vue';
-import SquaredAvatar from '@/shared/avatar/squared-avatar.vue';
-import Alert from '@/shared/alert/alert.vue';
-import Teleport from '@/shared/teleport/teleport.vue';
 import Pagination from '@/shared/pagination/pagination.vue';
 import InfinitePagination from '@/shared/pagination/infinite-pagination.vue';
 import PaginationSorter from '@/shared/pagination/pagination-sorter.vue';
-import FilterTypeSelectMulti from '@/shared/filter/components/type/filter-type-select-multi.vue';
 import InlineSelectInput from '@/shared/form/inline-select-input.vue';
 import Dialog from '@/shared/dialog/dialog.vue';
 import EmptyStateCta from '@/shared/empty-state/empty-state-cta.vue';
@@ -26,13 +21,8 @@ export default {
   components: {
     'app-autocomplete-one-input': AutocompleteOneInput,
     'app-autocomplete-many-input': AutocompleteManyInput,
-    'app-string-array-input': StringArrayInput,
-    'app-filter-type-select-multi': FilterTypeSelectMulti,
     'app-avatar': Avatar,
-    'app-squared-avatar': SquaredAvatar,
-    'app-alert': Alert,
     'app-keywords-input': KeywordsInput,
-    'app-teleport': Teleport,
     'app-pagination': Pagination,
     'app-infinite-pagination': InfinitePagination,
     'app-pagination-sorter': PaginationSorter,
diff --git a/frontend/src/shared/store/actions.js b/frontend/src/shared/store/actions.js
index 6ed756458f..5175989e14 100644
--- a/frontend/src/shared/store/actions.js
+++ b/frontend/src/shared/store/actions.js
@@ -1,5 +1,5 @@
 import { h } from 'vue';
-import { attributesAreDifferent } from '@/shared/filter/helpers/different-util';
+import { attributesAreDifferent } from '@/shared/helpers/different-util';
 import { router } from '@/router';
 import Errors from '@/shared/error/errors';
 import Message from '@/shared/message/message';
diff --git a/frontend/src/shared/store/getters.js b/frontend/src/shared/store/getters.js
index fb2e90df91..b0f420a3a4 100644
--- a/frontend/src/shared/store/getters.js
+++ b/frontend/src/shared/store/getters.js
@@ -1,4 +1,4 @@
-import { filtersAreDifferent } from '@/shared/filter/helpers/different-util';
+import { filtersAreDifferent } from '@/shared/helpers/different-util';
 import { INITIAL_PAGE_SIZE } from './constants';
 
 export default () => ({
diff --git a/frontend/src/shared/tags/tags.vue b/frontend/src/shared/tags/tags.vue
deleted file mode 100644
index 5b227ba5e2..0000000000
--- a/frontend/src/shared/tags/tags.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<template>
-  <el-tooltip
-    v-for="tag of visibleTags
-      || []"
-    :key="tag"
-    :disabled="!tag || !tagTooltipContent"
-    placement="top"
-  >
-    <template #content>
-      <slot name="tagTooltipContent" />
-    </template>
-    <a
-      v-if="interactive"
-      class="badge--interactive !block"
-      :href="withHttp(tag)"
-      target="_blank"
-      rel="noopener noreferrer"
-      @click.stop
-    >
-      {{ tag }}
-    </a>
-    <div
-      v-else
-      class="badge--border !block"
-      :class="tagClass"
-      @click.prevent
-    >
-      {{ tag }}
-    </div>
-  </el-tooltip>
-  <el-popover
-    placement="top"
-    :width="250"
-    trigger="hover"
-    :disabled="!collapseTagsTooltip"
-  >
-    <template #reference>
-      <div v-if="!!hiddenTags.length" class="badge--border">
-        +{{ hiddenTags.length }}
-      </div>
-    </template>
-    <template #default>
-      <div class="flex flex-wrap gap-1 overflow-hidden">
-        <div
-          v-for="hiddenTag in hiddenTags"
-          :key="hiddenTag"
-          class="truncate"
-        >
-          <a
-            v-if="interactive"
-            class="badge--border !overflow-visible"
-            :class="tagClass"
-            target="_blank"
-            rel="noopener noreferrer"
-            :href="withHttp(hiddenTag)"
-            @click.stop
-          >
-            {{ hiddenTag }}
-          </a>
-          <div v-else class="badge--border !block" :class="tagClass" @click.prevent>
-            {{ hiddenTag }}
-          </div>
-        </div>
-      </div>
-    </template>
-  </el-popover>
-</template>
-
-<script setup>
-import { computed } from 'vue';
-import { withHttp } from '@/utils/string';
-
-const props = defineProps({
-  tags: {
-    type: Array,
-    default: () => [],
-  },
-  interactive: {
-    type: Boolean,
-    default: false,
-  },
-  collapseTags: {
-    type: Boolean,
-    default: false,
-  },
-  collapseTagsTooltip: {
-    type: Boolean,
-    default: false,
-  },
-  maximumVisibleTags: {
-    type: Number,
-    default: 2,
-  },
-  tagTooltipContent: {
-    type: Boolean,
-    default: false,
-  },
-  tagClass: {
-    type: String,
-    default: null,
-  },
-});
-
-const visibleTags = computed(() => {
-  if (!props.collapseTags) {
-    return props.tags;
-  }
-
-  if (props.maximumVisibleTags < props.tags.length) {
-    return [...props.tags].slice(0, props.maximumVisibleTags);
-  }
-
-  return props.tags;
-});
-
-const hiddenTags = computed(() => {
-  if (!props.collapseTags) {
-    return [];
-  }
-
-  if (props.maximumVisibleTags < props.tags.length) {
-    return [...props.tags].slice(props.maximumVisibleTags);
-  }
-
-  return [];
-});
-</script>
-
-<script>
-export default {
-  name: 'AppTags',
-};
-</script>
diff --git a/frontend/src/shared/teleport/teleport.vue b/frontend/src/shared/teleport/teleport.vue
deleted file mode 100644
index d715dceced..0000000000
--- a/frontend/src/shared/teleport/teleport.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <Teleport v-if="targetMounted" :to="to">
-    <slot />
-  </Teleport>
-</template>
-
-<script>
-export default {
-  name: 'AppTeleport',
-  props: {
-    to: {
-      type: String,
-      default: null,
-    },
-  },
-  data() {
-    return {
-      targetMounted: false,
-      timer: null,
-    };
-  },
-  mounted() {
-    this.timer = setInterval(
-      this.validateTargetIsMounted,
-      100,
-    );
-  },
-  methods: {
-    validateTargetIsMounted() {
-      const element = document.querySelector(this.to);
-      if (element) {
-        this.targetMounted = true;
-        clearInterval(this.timer);
-      }
-    },
-  },
-};
-</script>