diff --git a/src/components/specific/bcf/bcf-comments/BcfComments.scss b/src/components/specific/bcf/bcf-comments/BcfComments.scss
deleted file mode 100644
index 25fe0b280..000000000
--- a/src/components/specific/bcf/bcf-comments/BcfComments.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.bcf-comments {
-  p {
-    font-weight: 700;
-  }
-  &:deep() {
-    .bimdata-textarea {
-      width: 100%;
-    }
-  }
-}
diff --git a/src/components/specific/bcf/bcf-comments/BcfComments.vue b/src/components/specific/bcf/bcf-comments/BcfComments.vue
deleted file mode 100644
index fb0c86ef6..000000000
--- a/src/components/specific/bcf/bcf-comments/BcfComments.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<template>
-  <div class="bcf-comments">
-    <BIMDataButton
-      v-if="!isBcfCommentOpen"
-      width="100%"
-      color="primary"
-      fill
-      radius
-      @click="isBcfCommentOpen = true"
-    >
-      {{ $t("BcfComments.commentButton") }}
-    </BIMDataButton>
-
-    <!-- Input create a comment -->
-    <div class="bcf-comments__post-comment m-t-24" v-if="isBcfCommentOpen">
-      <p class="color-granite m-b-24">{{ $t("BcfComments.commentText") }}</p>
-      <div class="bcf-comment-input m-t-24">
-        <BIMDataTextarea
-          ref="textarea"
-          :label="$t('BcfComments.commentLabel')"
-          name="comment"
-          v-model="topicComment"
-          autofocus
-          resizable
-          width="100%"
-        />
-        <div></div>
-        <div class="flex items-center justify-end">
-          <BIMDataButton
-            color="primary"
-            ghost
-            radius
-            class="m-r-6"
-            @click="isBcfCommentOpen = false"
-          >
-            {{ $t("BcfComments.cancelButton") }}
-          </BIMDataButton>
-          <BIMDataButton
-            color="primary"
-            fill
-            radius
-            width="135px"
-            @click="publishComment"
-          >
-            {{ $t("BcfComments.publishButton") }}
-          </BIMDataButton>
-        </div>
-      </div>
-    </div>
-
-    <!-- list of comments -->
-    <div class="bcf-comments__list m-t-18">
-      <p class="color-granite" v-if="bcfTopic.comments?.length">
-        {{ bcfTopic.comments.length + " " + $t("BcfComments.commentsText") }}
-      </p>
-      <div v-if="bcfTopic.comments?.length">
-        <BcfComment
-          v-for="comment in bcfTopic.comments"
-          :key="comment"
-          :bcfTopic="bcfTopic"
-          :comment="comment"
-        />
-      </div>
-    </div>
-    <template v-if="loading">
-      <BIMDataLoading />
-    </template>
-  </div>
-</template>
-
-<script>
-import { ref, watch } from "vue";
-import { useBcf } from "@/state/bcf.js";
-import { useProjects } from "@/state/projects.js";
-
-import BcfComment from "./bcf-comment/BcfComment.vue";
-
-export default {
-  components: {
-    BcfComment
-  },
-  props: {
-    bcfTopic: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const { currentProject } = useProjects();
-    const { createComment } = useBcf();
-    const isBcfCommentOpen = ref(false);
-
-    const textarea = ref(null);
-    watch(isBcfCommentOpen, () =>
-      setTimeout(() => isBcfCommentOpen.value && textarea.value.focus(), 100)
-    );
-
-    const loading = ref(false);
-    const topicComment = ref("");
-
-    const publishComment = async () => {
-      try {
-        loading.value = true;
-        await createComment(currentProject.value, props.bcfTopic, {
-          comment: topicComment.value
-        });
-      } finally {
-        loading.value = false;
-        topicComment.value = null;
-      }
-    };
-
-    return {
-      loading,
-      textarea,
-      topicComment,
-      isBcfCommentOpen,
-      publishComment
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./BcfComments.scss"></style>
diff --git a/src/components/specific/bcf/bcf-comments/bcf-comment/BcfComment.scss b/src/components/specific/bcf/bcf-comments/bcf-comment/BcfComment.scss
deleted file mode 100644
index a168cc020..000000000
--- a/src/components/specific/bcf/bcf-comments/bcf-comment/BcfComment.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-.bcf-comment {
-  &__header {
-    position: relative;
-    font-size: 11px;
-    &__left {
-      &__user {
-        width: 32px;
-        height: 32px;
-        background-color: var(--color-silver-light);
-        border-radius: 50px;
-      }
-    }
-    &__right {
-      &__actions {
-        position: absolute;
-        top: 0;
-        right: 0;
-        background-color: var(--color-white);
-      }
-      &__delete {
-        width: 96%;
-        top: 0;
-        position: absolute;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        background-color: var(--color-white);
-        box-shadow: var(--box-shadow);
-        height: 40px;
-        right: 2%;
-      }
-    }
-  }
-  &__content {
-    &:deep() {
-      .bimdata-textarea {
-        margin-bottom: 6px;
-        textarea {
-          color: var(--color-granite);
-          font-family: "Roboto";
-        }
-      }
-      :not(.editing) .bar {
-        display: none;
-      }
-    }
-  }
-}
diff --git a/src/components/specific/bcf/bcf-comments/bcf-comment/BcfComment.vue b/src/components/specific/bcf/bcf-comments/bcf-comment/BcfComment.vue
deleted file mode 100644
index bfa86bb8a..000000000
--- a/src/components/specific/bcf/bcf-comments/bcf-comment/BcfComment.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<template>
-  <div class="bcf-comment">
-    <div class="bcf-comment__header flex items-center justify-between">
-      <div class="bcf-comment__header__left flex items-center">
-        <UserAvatar
-          v-if="authorDetail"
-          :user="authorDetail"
-          size="27"
-          initialsSize="14"
-          color="silver-light"
-          style="box-shadow: var(--box-shadow)"
-          class="m-r-12"
-        />
-        <span
-          v-else
-          class="bcf-comment__header__left__user flex items-center justify-center m-r-12"
-        >
-          <BIMDataIcon name="user" fill color="granite" size="xxs" />
-        </span>
-        <strong>{{ comment.author }}</strong>
-        <span class="color-granite m-x-6">•</span>
-        <strong class="color-granite">{{ $d(comment.date, "long") }}</strong>
-      </div>
-
-      <div class="bcf-comment__header__right">
-        <div class="bcf-comment__header__right__actions flex">
-          <template v-if="showMenu">
-            <BIMDataButton ghost rounded icon @click="onOpenEdit">
-              <BIMDataIcon name="edit" size="xxs" fill color="granite-light" />
-            </BIMDataButton>
-            <BIMDataButton ghost rounded icon @click="onOpenDelete">
-              <BIMDataIcon
-                name="delete"
-                size="xxs"
-                fill
-                color="granite-light"
-              />
-            </BIMDataButton>
-            <BIMDataButton ghost rounded icon @click="toggleMenu">
-              <BIMDataIcon name="close" size="xxs" fill color="granite-light" />
-            </BIMDataButton>
-          </template>
-          <template v-if="isEditing">
-            <BIMDataButton ghost rounded icon @click="isEditing = false">
-              <BIMDataIcon name="undo" size="xxs" fill color="granite-light" />
-            </BIMDataButton>
-            <BIMDataButton ghost rounded icon @click="confirmEdit">
-              <BIMDataIcon
-                name="validate"
-                size="xxs"
-                fill
-                color="granite-light"
-              />
-            </BIMDataButton>
-          </template>
-        </div>
-        <div
-          v-if="isDeleting"
-          class="bcf-comment__header__right__delete p-x-12"
-        >
-          <span> {{ $t("BcfComment.deleteCommentText") }} </span>
-          <div class="flex items-center">
-            <BIMDataButton
-              fill
-              radius
-              color="high"
-              @click="confirmDelete"
-              class="m-r-6"
-            >
-              {{ $t("BcfComment.deleteButton") }}
-            </BIMDataButton>
-            <BIMDataButton ghost rounded icon @click="isDeleting = false">
-              <BIMDataIcon name="close" size="xxs" fill color="primary" />
-            </BIMDataButton>
-          </div>
-        </div>
-        <BIMDataButton
-          v-if="!showMenu && !isDeleting && !isEditing"
-          class="bcf-comment__header__right__btn"
-          rounded
-          icon
-          @click="toggleMenu"
-        >
-          <BIMDataIcon name="ellipsis" fill size="l" color="granite-light" />
-        </BIMDataButton>
-      </div>
-    </div>
-    <div class="bcf-comment__content">
-      <BIMDataTextarea
-        name="comment"
-        v-model="commentContent"
-        :class="{ editing: isEditing }"
-        autofocus
-        fitContent
-        width="100%"
-        :readonly="!isEditing"
-        :resizable="false"
-        rows="1"
-      />
-    </div>
-    <template v-if="loading">
-      <BIMDataLoading />
-    </template>
-  </div>
-</template>
-
-<script>
-import { ref } from "vue";
-import { useProjects } from "@/state/projects.js";
-import { useBcf } from "@/state/bcf.js";
-import { useToggle } from "@/composables/toggle.js";
-
-import UserAvatar from "@/components/specific/users/user-avatar/UserAvatar";
-export default {
-  components: {
-    UserAvatar
-  },
-  props: {
-    comment: {
-      type: Object,
-      required: true
-    },
-    bcfTopic: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["confirm-delete", "confirm-edit"],
-  setup(props) {
-    const { projectUsers, currentProject } = useProjects();
-    const { deleteComment, updateComment } = useBcf();
-    const {
-      isOpen: showMenu,
-      close: closeMenu,
-      toggle: toggleMenu
-    } = useToggle();
-
-    const commentContent = ref(props.comment.comment);
-    const loading = ref(false);
-
-    const authorDetail = projectUsers.value.find(
-      projectUser => projectUser.email === props.comment.author
-    );
-
-    const isDeleting = ref(false);
-    const onOpenDelete = () => {
-      isDeleting.value = true;
-      closeMenu();
-    };
-    const confirmDelete = async () => {
-      try {
-        loading.value = true;
-        await deleteComment(
-          currentProject.value,
-          props.bcfTopic,
-          props.comment
-        );
-        isDeleting.value = false;
-      } finally {
-        loading.value = false;
-      }
-    };
-
-    const isEditing = ref(false);
-    const onOpenEdit = () => {
-      isEditing.value = true;
-      closeMenu();
-    };
-    const confirmEdit = async () => {
-      if (props.comment.comment !== commentContent.value) {
-        try {
-          loading.value = true;
-          await updateComment(
-            currentProject.value,
-            props.bcfTopic,
-            props.comment,
-            {
-              comment: commentContent.value
-            }
-          );
-          isEditing.value = false;
-        } finally {
-          loading.value = false;
-        }
-      }
-    };
-
-    return {
-      loading,
-      authorDetail,
-      commentContent,
-      isDeleting,
-      isEditing,
-      // Methods
-      showMenu,
-      closeMenu,
-      toggleMenu,
-      onOpenDelete,
-      confirmDelete,
-      confirmEdit,
-      onOpenEdit
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./BcfComment.scss"></style>
diff --git a/src/components/specific/bcf/bcf-filters/BcfFilters.scss b/src/components/specific/bcf/bcf-filters/BcfFilters.scss
deleted file mode 100644
index 6621017c8..000000000
--- a/src/components/specific/bcf/bcf-filters/BcfFilters.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-.bcf-filters {
-  .btn-color-granite-light:enabled {
-    color: var(--color-primary);
-  }
-  .btn-color-granite-light:disabled {
-    background-color: var(--color-white);
-    color: var(--color-silver-dark);
-  }
-  &__container {
-    width: 100%;
-    position: absolute;
-    left: 0;
-    top: calc(32px + 12px);
-    background-color: var(--color-white);
-    box-shadow: var(--box-shadow);
-    z-index: 1;
-    &__header {
-      &__title {
-        font-size: 12px;
-        font-weight: 700;
-      }
-    }
-    &__date {
-      p {
-        font-size: 11px;
-      }
-    }
-  }
-}
diff --git a/src/components/specific/bcf/bcf-filters/BcfFilters.vue b/src/components/specific/bcf/bcf-filters/BcfFilters.vue
deleted file mode 100644
index e79bd6837..000000000
--- a/src/components/specific/bcf/bcf-filters/BcfFilters.vue
+++ /dev/null
@@ -1,338 +0,0 @@
-<template>
-  <div class="bcf-filters" v-click-away="closeFilters">
-    <BIMDataButton
-      data-test="btn-toggle-menu"
-      color="default"
-      fill
-      square
-      icon
-      width="120px"
-      @click="toggleFilters"
-      class="btn-color-granite-light"
-      :class="{ 'btn-active': showFilters }"
-      :disabled="!bcfTopics.length"
-    >
-      <BIMDataIcon
-        name="filter"
-        fill
-        color="default"
-        size="xxs"
-        margin="0 6px 0 0"
-      />
-      {{ $t("BcfFilters.filtersButton") }}
-    </BIMDataButton>
-    <transition name="slide-fade-up">
-      <div class="bcf-filters__container p-18" v-show="showFilters">
-        <div
-          class="bcf-filters__container__header flex items-center justify-between"
-        >
-          <div class="bcf-filters__container__header__title">
-            {{ $t("BcfFilters.filtersTitle") }}
-          </div>
-          <BIMDataButton color="primary" ghost rounded icon>
-            <BIMDataIcon
-              name="close"
-              size="xxs"
-              fill
-              color="primary"
-              @click="showFilters = false"
-            />
-          </BIMDataButton>
-        </div>
-        <BIMDataSelect
-          width="100%"
-          :multi="true"
-          :label="$t('BcfFilters.priorityLabel')"
-          :options="priorityOptions"
-          v-model="priorities"
-          optionKey="value"
-          optionLabelKey="label"
-          class="m-t-24"
-        />
-        <BIMDataSelect
-          width="100%"
-          :multi="true"
-          :label="$t('BcfFilters.statusLabel')"
-          :options="statusOptions"
-          v-model="status"
-          optionKey="value"
-          optionLabelKey="label"
-          class="m-t-24"
-        />
-        <div class="bcf-filters__container__date flex justify-between m-t-24">
-          <div class="m-r-6">
-            <BIMDataInput
-              margin="0"
-              v-model="startDateInput"
-              :placeholder="$t('BcfFilters.startDatePlaceholder')"
-              :error="hasStartDateError"
-              errorMessage="Error"
-            />
-            <p class="m-y-6">{{ $t("BcfFilters.startDateExample") }}</p>
-          </div>
-          <div>
-            <BIMDataInput
-              margin="0"
-              v-model="endDateInput"
-              :placeholder="$t('BcfFilters.endDatePlaceholder')"
-              :error="hasEndDateError"
-              errorMessage="Error"
-            />
-            <p class="m-y-6">{{ $t("BcfFilters.endDateExample") }}</p>
-          </div>
-        </div>
-        <BIMDataSelect
-          width="100%"
-          :multi="true"
-          :label="$t('BcfFilters.assignedToLabel')"
-          :options="userOptions"
-          v-model="users"
-          optionKey="value"
-          optionLabelKey="label"
-          class="m-t-24"
-        />
-        <BIMDataSelect
-          width="100%"
-          :multi="true"
-          :label="$t('BcfFilters.creatorsLabel')"
-          :options="creatorOptions"
-          v-model="creators"
-          optionKey="value"
-          optionLabelKey="label"
-          class="m-t-24"
-        />
-        <BIMDataSelect
-          width="100%"
-          :multi="true"
-          :label="$t('BcfFilters.tagsLabel')"
-          :options="tagOptions"
-          v-model="tags"
-          class="m-t-24"
-        />
-        <div class="flex justify-center m-t-24">
-          <BIMDataButton
-            color="primary"
-            ghost
-            radius
-            class="m-r-12"
-            @click="resetFilters"
-            >{{ $t("BcfFilters.resetButton") }}</BIMDataButton
-          >
-          <BIMDataButton color="primary" fill radius @click="submitFilters">
-            <BIMDataIcon
-              name="search"
-              fill
-              color="default"
-              margin="0 6px 0 0"
-              size="xxs"
-            />
-            <span>{{ $t("BcfFilters.searchButton") }}</span>
-          </BIMDataButton>
-        </div>
-      </div>
-    </transition>
-  </div>
-</template>
-
-<script>
-import { computed, ref } from "vue";
-import { useI18n } from "vue-i18n";
-import { useToggle } from "@/composables/toggle";
-import { formatToDateObject, regexDate } from "@/utils/date";
-
-export default {
-  props: {
-    bcfTopics: {
-      type: Array,
-      required: true
-    }
-  },
-  emits: ["submit"],
-  setup(props, { emit }) {
-    const { t } = useI18n();
-
-    const {
-      isOpen: showFilters,
-      close: closeFilters,
-      toggle: toggleFilters
-    } = useToggle();
-
-    // priority list
-    const priorities = ref([]);
-    const priorityOptions = computed(() => {
-      return Array.from(
-        new Set(props.bcfTopics.map(bcfTopic => bcfTopic.priority))
-      )
-        .sort((a, b) => (a > b ? 1 : -1))
-        .map(priorityOption => {
-          return {
-            label: priorityOption || t("BcfFilters.noPriority"),
-            value: priorityOption
-          };
-        });
-    });
-
-    // status list
-    const status = ref([]);
-    const statusOptions = computed(() => {
-      return Array.from(
-        new Set(props.bcfTopics.map(bcfTopic => bcfTopic.topicStatus))
-      )
-        .sort((a, b) => (a > b ? 1 : -1))
-        .map(statusOption => {
-          return {
-            label: statusOption || t("BcfFilters.undefinedStatus"),
-            value: statusOption
-          };
-        });
-    });
-
-    // tags list
-    const tags = ref([]);
-    const tagOptions = computed(() => {
-      return Array.from(
-        new Set(props.bcfTopics.flatMap(bcfTopic => bcfTopic.labels))
-      )
-        .flat()
-        .sort((a, b) => a.localeCompare(b, undefined, { sensitivity: "base" }));
-    });
-
-    // assigned to list
-    const users = ref([]);
-    const userOptions = computed(() => {
-      return Array.from(
-        new Set(props.bcfTopics.map(bcfTopic => bcfTopic.assignedTo))
-      )
-        .sort((a, b) => (a > b ? 1 : -1))
-        .map(userOption => {
-          return {
-            label: userOption || t("BcfFilters.undefinedUser"),
-            value: userOption
-          };
-        });
-    });
-
-    // creator's list
-    const creators = ref([]);
-    const creatorOptions = computed(() => {
-      return Array.from(
-        new Set(props.bcfTopics.map(bcfTopic => bcfTopic.creationAuthor))
-      )
-        .sort((a, b) => (a > b ? 1 : -1))
-        .map(creatorOption => {
-          return {
-            label: creatorOption || t("BcfFilters.undefinedCreator"),
-            value: creatorOption
-          };
-        });
-    });
-
-    // date
-    const startDateInput = ref("");
-    const endDateInput = ref("");
-    const hasStartDateError = ref(false);
-    const hasEndDateError = ref(false);
-
-    const isStartDateConform = ({ value }) => {
-      const dateToCompare = formatToDateObject(value);
-      const today = new Date();
-      today.setHours(0, 0, 0, 0);
-      return (
-        value.match(regexDate) && dateToCompare.getTime() <= today.getTime()
-      );
-    };
-    const isEndDateConform = (startValue, endValue) => {
-      const startDateToCompare = formatToDateObject(startValue.value);
-      const endDateToCompare = formatToDateObject(endValue.value);
-      if (startValue.value < endValue.value) {
-        return startDateToCompare.getTime() <= endDateToCompare.getTime();
-      } else {
-        return false;
-      }
-    };
-
-    // Validation date + emit formulaire
-    const submitFilters = () => {
-      const startDateConform = isStartDateConform(startDateInput);
-      const endDateConform = isEndDateConform(startDateInput, endDateInput);
-
-      if (
-        priorities.value.length ||
-        status.value.length ||
-        tags.value.length ||
-        users.value.length ||
-        creators.value.length ||
-        (startDateConform && endDateConform)
-      ) {
-        emit("submit", {
-          priorities: priorities.value.map(prio => prio.value),
-          status: status.value.map(statut => statut.value),
-          tags: tags.value,
-          users: users.value.map(user => user.value),
-          creators: creators.value.map(creator => creator.value),
-          startDate: startDateInput.value,
-          endDate: endDateInput.value
-        });
-        showFilters.value = false;
-      } else if (
-        startDateInput.value &&
-        endDateInput.value &&
-        !startDateConform &&
-        !endDateConform
-      ) {
-        hasStartDateError.value = true;
-        hasEndDateError.value = true;
-      } else {
-        console.log("message d'erreur ici");
-      }
-    };
-    const resetFilters = () => {
-      priorities.value = [];
-      status.value = [];
-      tags.value = [];
-      users.value = [];
-      creators.value = [];
-      startDateInput.value = "";
-      endDateInput.value = "";
-
-      emit("submit", {
-        priorities: priorities.value,
-        status: status.value,
-        tags: tags.value,
-        users: users.value,
-        creators: creators.value,
-        startDate: startDateInput.value,
-        endDate: endDateInput.value
-      });
-      hasStartDateError.value = false;
-      hasEndDateError.value = false;
-    };
-
-    return {
-      // References
-      priorities,
-      priorityOptions,
-      status,
-      statusOptions,
-      tags,
-      tagOptions,
-      users,
-      userOptions,
-      creators,
-      creatorOptions,
-      showFilters,
-      startDateInput,
-      endDateInput,
-      hasStartDateError,
-      hasEndDateError,
-      // Methods
-      resetFilters,
-      submitFilters,
-      closeFilters,
-      toggleFilters
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./BcfFilters.scss"></style>
diff --git a/src/components/specific/bcf/bcf-settings/BcfSettings.scss b/src/components/specific/bcf/bcf-settings/BcfSettings.scss
deleted file mode 100644
index 28db313b8..000000000
--- a/src/components/specific/bcf/bcf-settings/BcfSettings.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-.bcf-settings {
-  height: 100%;
-  &__header {
-    height: 60px;
-    & > svg {
-      cursor: pointer;
-    }
-  }
-  &__content {
-    height: 100%;
-    flex-direction: column;
-    &__settings {
-      height: calc(100% - 32px - 12px);
-      overflow: auto;
-      p {
-        margin-top: 0;
-      }
-    }
-  }
-}
diff --git a/src/components/specific/bcf/bcf-settings/BcfSettings.vue b/src/components/specific/bcf/bcf-settings/BcfSettings.vue
deleted file mode 100644
index 0625bcffc..000000000
--- a/src/components/specific/bcf/bcf-settings/BcfSettings.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-  <div class="bcf-settings">
-    <div class="bcf-settings__header flex items-center justify-between p-x-18">
-      <BIMDataButton color="default" ripple radius icon @click="$emit('close')">
-        <BIMDataIcon
-          name="arrow"
-          fill
-          color="default"
-          size="xxs"
-          margin="0 6px 0 0"
-        />
-        <span>{{ $t("BcfSettings.goBackButton") }}</span>
-      </BIMDataButton>
-      <span>{{ $t("BcfSettings.title") }}</span>
-      <BIMDataIcon
-        name="close"
-        fill
-        color="default"
-        @click="$emit('close')"
-        size="xxs"
-      />
-    </div>
-    <div class="bcf-settings__content flex justify-between p-b-18">
-      <div class="bcf-settings__content__settings p-18">
-        <p class="m-b-24 p-x-48 text-center color-granite">
-          {{ $t("BcfSettings.text") }}
-        </p>
-        <SettingCard
-          extensionType="Priority"
-          :availableExtensions="detailedExtensions.priorities"
-        />
-        <SettingCard
-          extensionType="Type"
-          :availableExtensions="detailedExtensions.topicTypes"
-        />
-        <SettingCard
-          extensionType="Stage"
-          :availableExtensions="detailedExtensions.stages"
-        />
-        <SettingCard
-          extensionType="Status"
-          :availableExtensions="detailedExtensions.topicStatuses"
-        />
-        <SettingCard
-          extensionType="Label"
-          :availableExtensions="detailedExtensions.topicLabels"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { watch } from "vue";
-import { useBcf } from "@/state/bcf.js";
-import { useProjects } from "@/state/projects.js";
-import SettingCard from "./setting-card/SettingCard.vue";
-
-export default {
-  components: {
-    SettingCard
-  },
-  emits: ["close"],
-  setup() {
-    const { currentProject } = useProjects();
-    const { loadDetailedExtensions, detailedExtensions } = useBcf();
-    watch(
-      () => currentProject,
-      async () => {
-        await loadDetailedExtensions(currentProject.value);
-      },
-      {
-        immediate: true
-      }
-    );
-
-    return {
-      detailedExtensions
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./BcfSettings.scss"></style>
diff --git a/src/components/specific/bcf/bcf-settings/adjustColor.js b/src/components/specific/bcf/bcf-settings/adjustColor.js
deleted file mode 100644
index e8b0961f3..000000000
--- a/src/components/specific/bcf/bcf-settings/adjustColor.js
+++ /dev/null
@@ -1,30 +0,0 @@
-function adjustBorderColor(color, amount) {
-  return (
-    "#" +
-    color
-      .replace(/^#/, "")
-      .replace(/../g, color =>
-        (
-          "0" +
-          Math.min(255, Math.max(0, parseInt(color, 16) + amount)).toString(16)
-        ).substr(-2)
-      )
-  );
-}
-
-// https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
-// https://www.w3.org/TR/AERT/#color-contrast
-function adjustColor(bgColor, lightTextColor, darkTextColor) {
-  const color = bgColor.charAt(0) === "#" ? bgColor.substring(1, 7) : bgColor;
-  // hex to R
-  const r = parseInt(color.substring(0, 2), 16);
-  // hex to G
-  const g = parseInt(color.substring(2, 4), 16);
-  // hex to B
-  const b = parseInt(color.substring(4, 6), 16);
-  return r * 0.299 + g * 0.587 + b * 0.114 > 186
-    ? darkTextColor
-    : lightTextColor;
-}
-
-export { adjustBorderColor, adjustColor };
diff --git a/src/components/specific/bcf/bcf-settings/setting-card/Extension.scss b/src/components/specific/bcf/bcf-settings/setting-card/Extension.scss
deleted file mode 100644
index c6de6937f..000000000
--- a/src/components/specific/bcf/bcf-settings/setting-card/Extension.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-.setting-card-item {
-  position: relative;
-  svg {
-    cursor: pointer;
-  }
-  &__color {
-    display: block;
-    width: 19px;
-    height: 19px;
-    border-radius: 3px;
-    border: 1px solid var(--color-silver);
-    cursor: pointer;
-  }
-  &__color-selector {
-    position: absolute;
-    top: 37px;
-    right: -12px;
-    z-index: 1;
-  }
-  &__delete__safe-zone {
-    width: 98%;
-    height: 100%;
-    position: absolute;
-    gap: var(--spacing-unit);
-    align-items: center;
-    background-color: var(--color-white);
-    box-shadow: var(--box-shadow);
-    right: 1%;
-  }
-}
diff --git a/src/components/specific/bcf/bcf-settings/setting-card/Extension.vue b/src/components/specific/bcf/bcf-settings/setting-card/Extension.vue
deleted file mode 100644
index 06064f95a..000000000
--- a/src/components/specific/bcf/bcf-settings/setting-card/Extension.vue
+++ /dev/null
@@ -1,202 +0,0 @@
-<template>
-  <li class="setting-card-item flex items-center justify-between p-x-12 m-b-6">
-    <span v-if="!editExtension">{{
-      extension[typeFieldMap[extensionType]]
-    }}</span>
-    <transition v-else>
-      <BIMDataInput
-        v-model="extensionValue"
-        @keyup.enter.stop="submitValue"
-        ref="input"
-      />
-    </transition>
-    <div class="flex items-center">
-      <BIMDataIcon
-        v-if="!editExtension"
-        name="edit"
-        size="xxs"
-        fill
-        color="default"
-        margin="0 12px 0 0"
-        @click="editExtension = true"
-      />
-      <BIMDataIcon
-        v-else
-        name="close"
-        size="xxs"
-        fill
-        color="default"
-        margin="0 12px 0 0"
-        @click="editExtension = false"
-      />
-      <BIMDataIcon
-        name="delete"
-        size="xxs"
-        fill
-        color="high"
-        margin="0 12px 0 0"
-        @click="isDeleteSafeZoneOpen = true"
-      />
-
-      <template v-if="typesWithColor.includes(extensionType)">
-        <span
-          class="setting-card-item__color"
-          :style="{
-            'background-color': `#${extensionColor}`,
-            'border-color': adjustBorderColor(`${extensionColor}`, -50)
-          }"
-          @click="displayColorSelector = true"
-        >
-        </span>
-        <ColorSelector
-          v-if="displayColorSelector"
-          class="setting-card-item__color-selector"
-          :modelValue="extensionColor"
-          @update:modelValue="submitColor"
-          v-click-away="
-            () => {
-              displayColorSelector = false;
-            }
-          "
-        />
-      </template>
-
-      <div
-        class="setting-card-item__delete__safe-zone flex items-center justify-between p-x-12"
-        v-if="isDeleteSafeZoneOpen"
-      >
-        <p>{{ $t("Extension.deleteExtensionText") }}</p>
-        <div class="flex items-center">
-          <BIMDataButton
-            color="high"
-            fill
-            radius
-            height="28px"
-            class="m-r-6"
-            @click="submitDelete(extension)"
-          >
-            {{ $t("Extension.deleteButton") }}
-          </BIMDataButton>
-          <BIMDataButton
-            color="primary"
-            ghost
-            rounded
-            icon
-            @click="isDeleteSafeZoneOpen = false"
-          >
-            <BIMDataIcon name="close" size="xxxs" />
-          </BIMDataButton>
-        </div>
-      </div>
-    </div>
-  </li>
-</template>
-
-<script>
-import { ref, watch } from "vue";
-import { adjustBorderColor } from "../adjustColor.js";
-import { useBcf } from "@/state/bcf.js";
-import { useProjects } from "@/state/projects.js";
-
-import ColorSelector from "@/components/generic/color-selector/ColorSelector.vue";
-
-const typeFieldMap = {
-  Stage: "stage",
-  Priority: "priority",
-  Label: "label",
-  Type: "topicType",
-  Status: "topicStatus"
-};
-
-const typesWithColor = ["Status", "Priority"];
-
-export default {
-  props: {
-    extension: {
-      type: Object
-    },
-    extensionType: {
-      type: String
-    }
-  },
-
-  components: {
-    ColorSelector
-  },
-
-  setup(props) {
-    const { currentProject } = useProjects();
-    const { updateExtension, deleteExtension } = useBcf();
-
-    const editExtension = ref(false);
-    const displayColorSelector = ref(false);
-    const isDeleteSafeZoneOpen = ref(false);
-
-    const input = ref(null);
-    watch(editExtension, () =>
-      setTimeout(() => editExtension.value && input.value.focus(), 50)
-    );
-
-    const extensionValue = ref(
-      props.extension[typeFieldMap[props.extensionType]]
-    );
-    const submitValue = async () => {
-      if (
-        extensionValue.value !==
-        props.extension[typeFieldMap[props.extensionType]]
-      ) {
-        const data = {};
-        data[typeFieldMap[props.extensionType]] = extensionValue.value;
-
-        await updateExtension(
-          currentProject.value,
-          props.extensionType,
-          props.extension.id,
-          data
-        );
-        editExtension.value = false;
-      }
-    };
-
-    const extensionColor = ref(props.extension.color);
-    const submitColor = async colorValue => {
-      if (colorValue !== props.extension.color) {
-        await updateExtension(
-          currentProject.value,
-          props.extensionType,
-          props.extension.id,
-          {
-            color: colorValue
-          }
-        );
-        extensionColor.value = colorValue;
-      }
-    };
-
-    const submitDelete = async extension => {
-      await deleteExtension(
-        currentProject.value,
-        props.extensionType,
-        extension
-      );
-    };
-
-    return {
-      input,
-      extensionValue,
-      extensionColor,
-      displayColorSelector,
-      editExtension,
-      isDeleteSafeZoneOpen,
-      submitValue,
-      submitColor,
-      submitDelete,
-      adjustBorderColor,
-      typeFieldMap,
-      typesWithColor
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./Extension.scss"></style>
diff --git a/src/components/specific/bcf/bcf-settings/setting-card/SettingCard.scss b/src/components/specific/bcf/bcf-settings/setting-card/SettingCard.scss
deleted file mode 100644
index aaee87943..000000000
--- a/src/components/specific/bcf/bcf-settings/setting-card/SettingCard.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-.setting-card {
-  background: var(--color-white);
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
-  &__header {
-    cursor: pointer;
-    &__length {
-      padding: 0 4px;
-      min-width: 21px;
-      height: 21px;
-      background-color: var(--color-primary);
-      color: var(--color-white);
-      border-radius: 50px;
-      font-size: 11px;
-      font-weight: 700;
-    }
-  }
-  &__content {
-    li {
-      height: 37px;
-      background-color: var(--color-silver-light);
-    }
-  }
-}
diff --git a/src/components/specific/bcf/bcf-settings/setting-card/SettingCard.vue b/src/components/specific/bcf/bcf-settings/setting-card/SettingCard.vue
deleted file mode 100644
index 391475c6b..000000000
--- a/src/components/specific/bcf/bcf-settings/setting-card/SettingCard.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-<template>
-  <div class="setting-card p-12 m-y-12">
-    <div
-      class="setting-card__header flex items-center justify-between"
-      @click="toggle"
-    >
-      <strong>{{ $t(`SettingCard.title.${extensionType}`) }}</strong>
-      <div class="flex items-center">
-        <div
-          class="setting-card__header__length flex items-center justify-center m-r-30"
-          v-if="availableExtensions"
-        >
-          <span>{{ availableExtensions.length }}</span>
-        </div>
-        <BIMDataIcon
-          name="chevron"
-          fill
-          color="default"
-          size="xxs"
-          :rotate="isOpen ? 90 : 0"
-        />
-      </div>
-    </div>
-    <div v-show="isOpen">
-      <div
-        class="setting-card__subheader flex items-center justify-between m-t-6 m-b-12"
-      >
-        {{ $t(`SettingCard.text.${extensionType}`) }}
-        <BIMDataButton color="default" fill radius @click="toggleAddExtension">
-          <BIMDataIcon
-            name="plus"
-            fill
-            color="default"
-            size="xxxs"
-            margin="0 6px 0 0"
-          />
-          <span>{{ $t("SettingCard.addButton") }}</span>
-        </BIMDataButton>
-      </div>
-      <transition name="list">
-        <div v-if="showAddExtension" class="m-b-12">
-          <BIMDataInput
-            ref="input"
-            :placeholder="$t(`SettingCard.input.${extensionType}`)"
-            v-model="newExtensionName"
-            @keyup.enter.stop="addExtension"
-          />
-
-          <div class="flex items-center justify-end">
-            <BIMDataButton
-              ghost
-              radius
-              class="m-r-6"
-              @click="closeAddExtension"
-              >{{ $t("SettingCard.cancelButton") }}</BIMDataButton
-            >
-            <BIMDataButton color="primary" fill radius @click="addExtension">{{
-              $t("SettingCard.validateButton")
-            }}</BIMDataButton>
-          </div>
-        </div>
-      </transition>
-      <ul class="setting-card__content bimdata-list">
-        <Extension
-          v-for="extension in availableExtensions"
-          :extensionType="extensionType"
-          :extension="extension"
-          :key="extension.id"
-        />
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-import { ref, watch } from "vue";
-import { useBcf } from "@/state/bcf.js";
-import { useProjects } from "@/state/projects.js";
-import { useToggle } from "@/composables/toggle";
-import { getRandomHexColor } from "@/components/generic/color-selector/colors.js";
-
-import Extension from "./Extension.vue";
-
-const typeFieldMap = {
-  Stage: "stage",
-  Priority: "priority",
-  Label: "label",
-  Type: "topicType",
-  Status: "topicStatus"
-};
-
-const typesWithColor = ["Status", "Priority"];
-export default {
-  components: {
-    Extension
-  },
-  props: {
-    availableExtensions: {
-      type: Array
-    },
-    extensionType: {
-      type: String
-    }
-  },
-  setup(props) {
-    const { isOpen, close, toggle } = useToggle();
-
-    const { isOpen: showAddExtension, toggle: toggleAddExtension } =
-      useToggle();
-
-    const input = ref(null);
-    watch(showAddExtension, () =>
-      setTimeout(() => showAddExtension.value && input.value.focus(), 100)
-    );
-
-    const closeAddExtension = () => {
-      newExtensionName.value = "";
-      showAddExtension.value = false;
-    };
-
-    const { currentProject } = useProjects();
-    const { createExtension } = useBcf();
-    const newExtensionName = ref("");
-    const extensionValue = ref([typeFieldMap[props.extensionType]]);
-    const addExtension = async () => {
-      if (typesWithColor.includes(props.extensionType)) {
-        const data = {
-          [extensionValue.value]: newExtensionName.value,
-          color: getRandomHexColor()
-        };
-        await createExtension(currentProject.value, props.extensionType, data);
-        newExtensionName.value = "";
-        showAddExtension.value = false;
-      } else {
-        const data = {
-          [extensionValue.value]: newExtensionName.value
-        };
-        await createExtension(currentProject.value, props.extensionType, data);
-        newExtensionName.value = "";
-        showAddExtension.value = false;
-      }
-    };
-
-    return {
-      input,
-      isOpen,
-      toggle,
-      showAddExtension,
-      newExtensionName,
-      typeFieldMap,
-      typesWithColor,
-      // methods
-      close,
-      closeAddExtension,
-      toggleAddExtension,
-      addExtension
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./SettingCard.scss"></style>
diff --git a/src/components/specific/bcf/bcf-topic-creation-card/BcfTopicCreationCard.scss b/src/components/specific/bcf/bcf-topic-creation-card/BcfTopicCreationCard.scss
deleted file mode 100644
index 24e18bff3..000000000
--- a/src/components/specific/bcf/bcf-topic-creation-card/BcfTopicCreationCard.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-.create-bcf-topic {
-  &:deep() {
-    .bimdata-card__content {
-      width: 336px;
-      min-height: 290px;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      p {
-        font-size: 14px;
-      }
-    }
-  }
-}
diff --git a/src/components/specific/bcf/bcf-topic-creation-card/BcfTopicCreationCard.vue b/src/components/specific/bcf/bcf-topic-creation-card/BcfTopicCreationCard.vue
deleted file mode 100644
index 6bc31e2a8..000000000
--- a/src/components/specific/bcf/bcf-topic-creation-card/BcfTopicCreationCard.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-  <BIMDataCard class="create-bcf-topic flex items-center justify-center">
-    <template #content>
-      <EmptyBcfTopic />
-      <p class="color-primary m-y-24">{{ $t("BcfTopicCreationCard.text") }}</p>
-      <BIMDataButton
-        width="40px"
-        height="40px"
-        color="default"
-        fill
-        radius
-        icon
-        @click="openCreateBcfTopic"
-      >
-        <BIMDataIcon name="plus" fill color="default" size="m" />
-      </BIMDataButton>
-    </template>
-  </BIMDataCard>
-  <AppSidePanel :title="$t('BcfTopicCreationCard.createBcfSideTitle')">
-    <CreateBcfTopic />
-  </AppSidePanel>
-</template>
-
-<script>
-import { useAppSidePanel } from "@/components/specific/app/app-side-panel/app-side-panel.js";
-import EmptyBcfTopic from "./EmptyBcfTopic.vue";
-import AppSidePanel from "@/components/specific/app/app-side-panel/AppSidePanel.vue";
-import CreateBcfTopic from "../create-bcf-topic/CreateBcfTopic.vue";
-export default {
-  components: {
-    EmptyBcfTopic,
-    AppSidePanel,
-    CreateBcfTopic
-  },
-  setup() {
-    const { openSidePanel } = useAppSidePanel();
-
-    return {
-      // Methods
-      openCreateBcfTopic: openSidePanel
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./BcfTopicCreationCard.scss"></style>
diff --git a/src/components/specific/bcf/bcf-topic-creation-card/EmptyBcfTopic.vue b/src/components/specific/bcf/bcf-topic-creation-card/EmptyBcfTopic.vue
deleted file mode 100644
index bd88c81f6..000000000
--- a/src/components/specific/bcf/bcf-topic-creation-card/EmptyBcfTopic.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <svg
-    width="66"
-    height="60"
-    viewBox="0 0 66 60"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      opacity="0.21"
-      d="M14.4999 59.2445C22.2871 59.2445 28.5999 58.9311 28.5999 58.5445C28.5999 58.1579 22.2871 57.8445 14.4999 57.8445C6.71269 57.8445 0.399902 58.1579 0.399902 58.5445C0.399902 58.9311 6.71269 59.2445 14.4999 59.2445Z"
-      fill="#7A7A7A"
-    />
-    <path
-      d="M46.84 26.5444C45.0533 26.5444 43.5645 28.0444 43.5645 29.8444C43.5645 31.6444 45.0533 33.1444 46.84 33.1444C48.6267 33.1444 50.1156 31.6444 50.1156 29.8444C50.1156 28.0444 48.6267 26.5444 46.84 26.5444ZM48.4282 29.8444C48.4282 30.7444 47.7333 31.4444 46.84 31.4444C45.9467 31.4444 45.2519 30.7444 45.2519 29.8444C45.2519 28.9444 45.9467 28.2444 46.84 28.2444C47.7333 28.2444 48.4282 29.0444 48.4282 29.8444Z"
-      fill="#BDBDBD"
-    />
-    <path
-      d="M54.8797 27.6444C52.9938 27.6444 51.5049 29.1444 51.5049 31.0444C51.5049 32.9444 52.9938 34.4444 54.8797 34.4444C56.7656 34.4444 58.2545 32.9444 58.2545 31.0444C58.1553 29.1444 56.6664 27.6444 54.8797 27.6444ZM56.4678 31.0444C56.4678 31.9444 55.773 32.6444 54.8797 32.6444C53.9864 32.6444 53.2916 31.9444 53.2916 31.0444C53.2916 30.1444 53.9864 29.4444 54.8797 29.4444C55.773 29.4444 56.4678 30.1444 56.4678 31.0444Z"
-      fill="#BDBDBD"
-    />
-    <path
-      d="M52.1005 11.1444C44.7554 11.1444 38.7998 17.1444 38.7998 24.5444V50.9444C38.7998 53.0444 40.4872 54.8444 42.6709 54.8444C42.9687 54.8444 43.2665 54.8444 43.5642 54.7444C43.6635 56.8444 45.3509 58.5444 47.4354 58.5444C49.5198 58.5444 51.3065 56.8444 51.3065 54.6444V52.7444C51.6042 52.8444 51.902 52.8444 52.1998 52.8444H52.3983C52.6961 52.8444 52.9939 52.8444 53.2917 52.7444C53.4902 54.7444 55.0783 56.2444 57.0635 56.2444C57.3613 56.2444 57.6591 56.2444 57.9568 56.1444C58.3539 57.9444 59.8428 59.2444 61.7287 59.2444C63.8131 59.2444 65.5998 57.5444 65.5998 55.3444V24.5444C65.4013 17.1444 59.4457 11.1444 52.1005 11.1444ZM57.7583 47.8444V52.4444C57.7583 52.9444 57.3613 53.3444 56.865 53.3444C56.3687 53.3444 55.9717 52.9444 55.9717 52.4444V47.1444H52.9939V49.0444C52.9939 49.5444 52.5968 49.9444 52.1005 49.9444H51.902C51.4057 49.9444 51.0087 49.5444 51.0087 49.0444V42.0444H48.0309V54.6444C48.0309 55.1444 47.6339 55.5444 47.1376 55.5444C46.6413 55.5444 46.2442 55.1444 46.2442 54.6444V48.5444H43.2665V51.0444C43.2665 51.5444 42.8694 51.9444 42.3731 51.9444C41.8768 51.9444 41.4798 51.5444 41.4798 51.0444V24.5444C41.4798 18.8444 46.145 14.1444 51.8028 14.1444C57.4605 14.1444 62.1257 18.8444 62.1257 24.5444V55.3444C62.1257 55.8444 61.7287 56.2444 61.2324 56.2444C60.7361 56.2444 60.3391 55.8444 60.3391 55.3444V47.8444H57.7583Z"
-      fill="#BDBDBD"
-    />
-    <path
-      d="M29.8001 6.84446C31.5674 6.84446 33.0001 5.41177 33.0001 3.64446C33.0001 1.87715 31.5674 0.444458 29.8001 0.444458C28.0328 0.444458 26.6001 1.87715 26.6001 3.64446C26.6001 5.41177 28.0328 6.84446 29.8001 6.84446Z"
-      fill="#BDBDBD"
-    />
-    <path
-      d="M23.8997 15.9444C25.1147 15.9444 26.0997 14.9595 26.0997 13.7444C26.0997 12.5294 25.1147 11.5444 23.8997 11.5444C22.6847 11.5444 21.6997 12.5294 21.6997 13.7444C21.6997 14.9595 22.6847 15.9444 23.8997 15.9444Z"
-      class="fill-secondary"
-    />
-    <path
-      d="M28.8999 22.0444C29.7283 22.0444 30.3999 21.3729 30.3999 20.5444C30.3999 19.716 29.7283 19.0444 28.8999 19.0444C28.0715 19.0444 27.3999 19.716 27.3999 20.5444C27.3999 21.3729 28.0715 22.0444 28.8999 22.0444Z"
-      fill="#BDBDBD"
-    />
-    <path
-      d="M13.9995 33.5444C15.2995 34.1444 16.4995 34.8444 17.5995 35.7444C19.1995 37.1444 20.4995 38.7444 21.3995 40.6444C21.6995 41.2444 21.8995 41.8444 22.0995 42.4444C22.5995 43.9444 22.2995 45.2444 21.1995 46.3444C18.8995 48.6444 16.1995 49.3444 13.0995 48.5444C12.8995 48.5444 12.6995 48.5444 12.5995 48.5444C11.3995 48.7444 10.0995 48.8444 8.89951 48.6444C8.59951 48.6444 8.39951 48.5444 7.99951 48.5444C8.29951 49.0444 8.59951 49.4444 8.89951 49.9444C9.79951 51.2444 11.0995 52.2444 12.4995 52.8444C14.3995 53.6444 16.2995 53.8444 18.2995 53.4444C20.0995 53.0444 21.6995 52.1444 22.9995 50.7444C24.3995 49.2444 25.2995 47.4444 25.4995 45.3444C25.5995 44.0444 25.5995 42.6444 25.0995 41.4444C24.6995 40.4444 24.0995 39.5444 23.3995 38.7444C22.0995 37.0444 20.5995 35.5444 19.0995 34.0444C18.4995 33.4444 17.8995 32.9444 17.2995 32.4444C17.1995 32.3444 17.0995 32.3444 16.9995 32.3444C15.6995 32.1444 14.7995 32.3444 13.9995 33.5444Z"
-      fill="#BDBDBD"
-    />
-    <path
-      d="M11.4997 29.6444C10.3997 29.5444 9.49967 29.6444 8.59967 29.9444C7.39967 30.2444 6.19967 30.8444 5.19967 31.6444C4.19967 32.4444 3.39967 33.3444 2.79967 34.5444C1.99967 36.0444 1.59967 37.6444 1.69967 39.3444C1.79967 41.0444 2.29967 42.7444 3.29967 44.1444C4.19967 45.4444 5.29967 46.4444 6.59967 47.1444C7.59967 47.6444 8.49967 48.0444 9.59967 48.0444C11.3997 48.0444 13.1997 47.8444 14.8997 47.3444C16.1997 47.0444 17.5997 46.6444 18.8997 46.2444C19.4997 46.0444 20.1997 45.9444 20.7997 45.5444C21.1997 45.3444 21.3997 44.8444 21.5997 44.3444C21.7997 43.6444 21.7997 42.9444 21.3997 42.2444C21.0997 42.4444 20.7997 42.6444 20.4997 42.8444C19.1997 43.6444 17.7997 44.2444 16.2997 44.6444C14.2997 45.1444 12.1997 45.1444 10.1997 44.8444C8.89967 44.6444 7.79967 44.0444 7.09967 42.7444C6.69967 41.8444 6.49967 40.9444 6.49967 39.9444C6.39967 37.5444 7.29967 35.5444 8.99967 33.8444C8.99967 33.8444 9.19967 33.5444 9.29967 33.2444C9.79967 31.9444 10.3997 30.7444 11.4997 29.6444Z"
-      fill="#BDBDBD"
-    />
-    <path
-      d="M9.89953 44.2445C9.89953 44.0445 9.89953 43.8445 9.89953 43.7445C9.69953 41.5445 9.99953 39.4445 10.7995 37.4445C11.4995 35.5445 12.5995 33.9445 13.9995 32.5445C14.8995 31.6445 15.9995 31.4445 17.1995 31.6445C19.7995 32.2445 21.7995 33.6445 22.8995 36.1445C23.0995 36.6445 23.1995 37.2445 23.4995 37.7445C23.5995 38.0445 23.8995 38.3445 24.0995 38.6445C24.7995 39.6445 25.4995 40.7445 25.8995 41.9445C25.8995 41.9445 25.8995 42.0445 25.9995 42.1445C26.2995 41.4445 26.6995 40.7445 26.9995 40.1445C27.4995 38.9445 27.5995 37.6445 27.4995 36.3445C27.2995 34.1445 26.4995 32.1445 24.8995 30.5445C23.7995 29.3445 22.3995 28.5445 20.7995 28.1445C19.0995 27.6445 17.2995 27.6445 15.5995 28.2445C13.9995 28.7445 12.5995 29.5445 11.4995 30.9445C11.0995 31.4445 10.6995 32.0445 10.3995 32.7445C9.79953 34.0445 9.29953 35.4445 8.89953 36.7445C8.39953 38.5445 7.99953 40.4445 7.59953 42.2445C7.49953 42.8445 7.89953 43.2445 8.29953 43.6445C8.59953 43.9445 9.19953 44.1445 9.89953 44.2445Z"
-      fill="#BDBDBD"
-    />
-    <path
-      d="M37.3997 7.04441C38.3386 7.04441 39.0997 6.28329 39.0997 5.34441C39.0997 4.40553 38.3386 3.64441 37.3997 3.64441C36.4608 3.64441 35.6997 4.40553 35.6997 5.34441C35.6997 6.28329 36.4608 7.04441 37.3997 7.04441Z"
-      class="fill-secondary"
-    />
-  </svg>
-</template>
diff --git a/src/components/specific/bcf/bcf-topic-grid-item/BcfTopicGridItem.scss b/src/components/specific/bcf/bcf-topic-grid-item/BcfTopicGridItem.scss
deleted file mode 100644
index 554345a72..000000000
--- a/src/components/specific/bcf/bcf-topic-grid-item/BcfTopicGridItem.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-.bcf-topic {
-  max-width: 600px;
-  position: relative;
-  &__header {
-    min-height: 204px;
-    box-shadow: var(--box-shadow);
-    &__infos {
-      height: 32px;
-      background-color: var(--color-white);
-      &__index {
-        padding: 3px;
-        min-width: 32px;
-        background-color: var(--color-silver);
-        color: var(--color-text);
-      }
-      &__title {
-        width: calc(100% - 32px - (12px * 2));
-        color: var(--color-primary);
-      }
-    }
-    &__img {
-      height: calc(204px - 32px);
-      position: relative;
-      img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
-      .no-img-topic {
-        width: 120px;
-        height: 120px;
-      }
-      &__status,
-      &__date {
-        position: absolute;
-      }
-      &__status {
-        border-radius: 3px;
-        left: 6px;
-        top: 6px;
-      }
-      &__date {
-        right: 0;
-        bottom: 0;
-        background-color: var(--color-white);
-        font-size: 11px;
-      }
-    }
-  }
-  &__content {
-    margin-top: 3px;
-    min-height: 98px;
-    background-color: var(--color-white);
-    box-shadow: var(--box-shadow);
-    color: var(--color-text);
-    font-size: 12px;
-  }
-  &__side-panel {
-    position: fixed;
-    top: 0;
-    right: 0;
-    width: 400px;
-    height: 100%;
-    padding: var(--spacing-unit);
-    box-shadow: var(--box-shadow);
-    background-color: var(--color-white);
-    z-index: 999;
-  }
-}
diff --git a/src/components/specific/bcf/bcf-topic-grid-item/BcfTopicGridItem.vue b/src/components/specific/bcf/bcf-topic-grid-item/BcfTopicGridItem.vue
deleted file mode 100644
index 35a7c696b..000000000
--- a/src/components/specific/bcf/bcf-topic-grid-item/BcfTopicGridItem.vue
+++ /dev/null
@@ -1,213 +0,0 @@
-<template>
-  <div class="bcf-topic">
-    <div class="bcf-topic__header">
-      <div class="bcf-topic__header__infos flex">
-        <div
-          class="bcf-topic__header__infos__index flex items-center justify-center"
-          :style="{
-            'background-color': `#${priorityColor}`,
-            color: adjustColor(
-              `#${priorityColor}`,
-              '#ffffff',
-              'var(--color-text)'
-            )
-          }"
-        >
-          {{ bcfTopic.index }}
-        </div>
-        <div class="bcf-topic__header__infos__title flex items-center m-l-12">
-          <BIMDataTextbox maxWidth="100% - 48px" :text="bcfTopic.title" />
-        </div>
-      </div>
-      <div class="bcf-topic__header__img flex items-center justify-center">
-        <div
-          class="bcf-topic__header__img__status flex p-6"
-          :style="{
-            'background-color': `#${statusColor}`,
-            color: adjustColor(
-              `#${statusColor}`,
-              '#ffffff',
-              'var(--color-text)'
-            )
-          }"
-          v-if="bcfTopic.topicStatus"
-        >
-          <BIMDataIcon name="information" fill color="default" />
-          <span class="m-l-6">{{ bcfTopic.topicStatus }}</span>
-        </div>
-        <div class="bcf-topic__header__img__date p-6">
-          {{ $d(bcfTopic.creationDate, "short") }}
-        </div>
-        <img
-          v-if="viewpointWithSnapshot.length > 0"
-          :src="viewpointWithSnapshot[0].snapshot.snapshotData"
-          alt="ViewPoint"
-          loading="lazy"
-        />
-        <NoImgTopicBcf class="no-img-topic" v-else />
-      </div>
-    </div>
-    <div class="bcf-topic__content p-12">
-      <div class="bcf-topic__content__priority">
-        <strong>
-          {{ $t("BcfTopicGridItem.priority") }}
-        </strong>
-        <span :style="{ color: `#${priorityColor}` }">
-          {{ bcfTopic.priority || $t("BcfTopicGridItem.noPriority") }}
-        </span>
-      </div>
-      <div>
-        <strong>
-          {{ $t("BcfTopicGridItem.assignedTo") }}
-        </strong>
-        <span>
-          {{ bcfTopic.assignedTo || $t("BcfTopicGridItem.notSpecified") }}
-        </span>
-      </div>
-      <div class="flex justify-around m-t-12">
-        <div class="flex items-center">
-          <BIMDataIcon
-            name="model3d"
-            fill
-            color="default"
-            size="xs"
-            margin="0 6px 0 0"
-          />
-          <span class="m-r-6" v-if="topicElements.length > 0">
-            {{ topicElements.length }}
-          </span>
-          <span>
-            {{
-              topicElements.length
-                ? $t("BcfTopicGridItem.elements")
-                : $t("BcfTopicGridItem.noElements")
-            }}
-          </span>
-        </div>
-        <BIMDataButton
-          color="primary"
-          fill
-          radius
-          width="48%"
-          @click="openBcfTopic(bcfTopic)"
-          >{{ $t("BcfTopicGridItem.see") }}</BIMDataButton
-        >
-      </div>
-    </div>
-    <transition name="slide-fade-left">
-      <div
-        v-if="showSidePanel"
-        key="bcf-topic-side-panel"
-        class="bcf-topic__side-panel"
-      >
-        <OpenTopicIssue
-          :bcfTopic="bcfTopic"
-          @close="$emit('hidePanel')"
-          :detailedExtensions="detailedExtensions"
-        />
-      </div>
-    </transition>
-  </div>
-</template>
-
-<script>
-import { computed } from "vue";
-import { adjustColor } from "@/components/specific/bcf/bcf-settings/adjustColor.js";
-
-import { useBcf } from "@/state/bcf.js";
-import { useProjects } from "@/state/projects.js";
-
-import NoImgTopicBcf from "../../../images/NoImgTopicBcf.vue";
-
-import OpenTopicIssue from "../bcf-topics-list/open-topic-issue/OpenTopicIssue.vue";
-
-export default {
-  components: {
-    NoImgTopicBcf,
-    OpenTopicIssue
-  },
-  props: {
-    project: {
-      type: Object,
-      required: true
-    },
-    bcfTopic: {
-      type: Object,
-      required: true
-    },
-    detailedExtensions: {
-      type: Object,
-      required: true
-    },
-    showSidePanel: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["showPanel", "hidePanel"],
-  setup(props, { emit }) {
-    const { currentProject } = useProjects();
-    const { loadTopicComments } = useBcf();
-
-    const viewpointWithSnapshot = computed(() => {
-      return props.bcfTopic.viewpoints.filter(viewpoint =>
-        Boolean(viewpoint.snapshot)
-      );
-    });
-
-    const priorityColor = computed(() => {
-      if (props.bcfTopic.priority) {
-        const priorityDetail = props.detailedExtensions.priorities.find(
-          priority => priority.priority === props.bcfTopic.priority
-        );
-        if (priorityDetail && priorityDetail.color) {
-          return priorityDetail.color;
-        }
-      }
-      return "D8D8D8";
-    });
-
-    const statusColor = computed(() => {
-      if (props.bcfTopic.topicStatus) {
-        const statusDetail = props.detailedExtensions.topicStatuses.find(
-          status => status.topicStatus === props.bcfTopic.topicStatus
-        );
-        if (statusDetail && statusDetail.color) {
-          return statusDetail.color;
-        }
-      }
-      return "D8D8D8";
-    });
-
-    const openBcfTopic = async () => {
-      emit("showPanel");
-      if (!props.bcfTopic.comments) {
-        await loadTopicComments(currentProject.value, props.bcfTopic);
-      }
-    };
-
-    const topicElements = computed(() => {
-      if (
-        props.bcfTopic.components &&
-        props.bcfTopic.components.length > 0 &&
-        props.bcfTopic.components[0]?.selection
-      ) {
-        return props.bcfTopic.components[0].selection;
-      } else {
-        return [];
-      }
-    });
-
-    return {
-      viewpointWithSnapshot,
-      adjustColor,
-      priorityColor,
-      statusColor,
-      topicElements,
-      openBcfTopic
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./BcfTopicGridItem.scss"></style>
diff --git a/src/components/specific/bcf/bcf-topics-list/BcfTopicsList.vue b/src/components/specific/bcf/bcf-topics-list/BcfTopicsList.vue
deleted file mode 100644
index 9c28a6da3..000000000
--- a/src/components/specific/bcf/bcf-topics-list/BcfTopicsList.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-  <div>
-    <GenericTable
-      class="bcf-topics-list"
-      :columns="columns"
-      :rows="bcfTopics"
-      rowKey="id"
-      :paginated="true"
-      :perPage="14"
-      :rowHeight="44"
-      @selection-changed="$emit('selection-changed', $event)"
-    >
-      <template #cell-index="{ row: bcfTopic }">
-        {{ bcfTopic.index }}
-      </template>
-      <template #cell-priority="{ row: bcfTopic }">
-        <BcfPriorityCell
-          :bcfTopic="bcfTopic"
-          :detailedExtensions="detailedExtensions"
-        />
-      </template>
-      <template #cell-status="{ row: bcfTopic }">
-        <BcfStatusCell
-          v-if="bcfTopic.topicStatus"
-          :bcfTopic="bcfTopic"
-          :detailedExtensions="detailedExtensions"
-        />
-      </template>
-      <template #cell-title="{ row: bcfTopic }">
-        <BIMDataTextbox maxWidth="100%" :text="bcfTopic.title" />
-      </template>
-      <template #cell-creator="{ row: { creationAuthor } }">
-        {{ creationAuthor }}
-      </template>
-      <template #cell-date="{ row: bcfTopic }">
-        {{ $d(bcfTopic.creationDate, "long") }}
-      </template>
-      <template #cell-actions="{ row: bcfTopic }">
-        <BcfActionsCell
-          :bcfTopic="bcfTopic"
-          :detailedExtensions="detailedExtensions"
-        />
-      </template>
-    </GenericTable>
-  </div>
-</template>
-
-<script>
-import { ref, watch } from "vue";
-import { useI18n } from "vue-i18n";
-
-import columnsDef from "./columns";
-
-import GenericTable from "@/components/generic/generic-table/GenericTable.vue";
-
-import BcfPriorityCell from "./bcf-priority-cell/BcfPriorityCell.vue";
-import BcfStatusCell from "./bcf-status-cell/BcfStatusCell.vue";
-import BcfActionsCell from "./bcf-actions-cell/BcfActionsCell.vue";
-
-export default {
-  components: {
-    GenericTable,
-    BcfPriorityCell,
-    BcfStatusCell,
-    BcfActionsCell
-  },
-  props: {
-    bcfTopics: {
-      type: Array,
-      required: true
-    },
-    detailedExtensions: {
-      type: Object,
-      required: true
-    }
-  },
-  setup() {
-    const { locale, t } = useI18n();
-
-    const columns = ref([]);
-    watch(
-      () => locale.value,
-      () => {
-        columns.value = columnsDef.map(col => ({
-          ...col,
-          label: col.label || t(`BcfTopicsList.headers.${col.id}`)
-        }));
-      },
-      { immediate: true }
-    );
-
-    return {
-      columns
-    };
-  }
-};
-</script>
diff --git a/src/components/specific/bcf/bcf-topics-list/bcf-actions-cell/BcfActionsCell.scss b/src/components/specific/bcf/bcf-topics-list/bcf-actions-cell/BcfActionsCell.scss
deleted file mode 100644
index 7ce76e373..000000000
--- a/src/components/specific/bcf/bcf-topics-list/bcf-actions-cell/BcfActionsCell.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-.bcf-actions-cell {
-  .bimdata-btn {
-    margin: auto;
-  }
-  &__side-panel {
-    position: fixed;
-    top: 0;
-    right: 0;
-    width: 400px;
-    height: 100%;
-    padding: var(--spacing-unit);
-    box-shadow: var(--box-shadow);
-    background-color: var(--color-white);
-    z-index: 999;
-  }
-}
diff --git a/src/components/specific/bcf/bcf-topics-list/bcf-actions-cell/BcfActionsCell.vue b/src/components/specific/bcf/bcf-topics-list/bcf-actions-cell/BcfActionsCell.vue
deleted file mode 100644
index cb4e0d481..000000000
--- a/src/components/specific/bcf/bcf-topics-list/bcf-actions-cell/BcfActionsCell.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-  <div class="bcf-actions-cell">
-    <BIMDataButton color="primary" fill radius @click="openBcfTopic(bcfTopic)">
-      {{ $t("BcfActionsCell.seeButton") }}
-    </BIMDataButton>
-    <transition name="slide-fade-left">
-      <div
-        v-if="showSidePanel"
-        key="bcf-actions-cell-side-panel"
-        class="bcf-actions-cell__side-panel"
-      >
-        <OpenTopicIssue
-          :bcfTopic="bcfTopic"
-          @close="showSidePanel = false"
-          :detailedExtensions="detailedExtensions"
-        />
-      </div>
-    </transition>
-  </div>
-</template>
-
-<script>
-import { ref } from "vue";
-
-import { useBcf } from "@/state/bcf.js";
-import { useProjects } from "@/state/projects.js";
-
-import OpenTopicIssue from "../open-topic-issue/OpenTopicIssue.vue";
-
-export default {
-  components: {
-    OpenTopicIssue
-  },
-  props: {
-    bcfTopic: {
-      type: Object,
-      required: true
-    },
-    detailedExtensions: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const { currentProject } = useProjects();
-    const { loadTopicComments } = useBcf();
-
-    const showSidePanel = ref(false);
-    const openBcfTopic = async () => {
-      showSidePanel.value = true;
-      if (!props.bcfTopic.comments) {
-        await loadTopicComments(currentProject.value, props.bcfTopic);
-      }
-    };
-    return {
-      showSidePanel,
-      openBcfTopic
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./BcfActionsCell.scss"></style>
diff --git a/src/components/specific/bcf/bcf-topics-list/bcf-index-cell/BcfIndexCell.scss b/src/components/specific/bcf/bcf-topics-list/bcf-index-cell/BcfIndexCell.scss
deleted file mode 100644
index 95368c123..000000000
--- a/src/components/specific/bcf/bcf-topics-list/bcf-index-cell/BcfIndexCell.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.bcf-priority-cell {
-  height: 44px;
-}
diff --git a/src/components/specific/bcf/bcf-topics-list/bcf-index-cell/BcfIndexCell.vue b/src/components/specific/bcf/bcf-topics-list/bcf-index-cell/BcfIndexCell.vue
deleted file mode 100644
index 0f24e4cc8..000000000
--- a/src/components/specific/bcf/bcf-topics-list/bcf-index-cell/BcfIndexCell.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <span
-    class="bcf-priority-cell flex items-center justify-center p-x-6"
-    :style="{
-      'background-color': `#${priorityColor}`,
-      color: adjustColor(`#${priorityColor}`, '#ffffff', 'var(--color-text)')
-    }"
-  >
-    {{ bcfTopic.index }}
-  </span>
-</template>
-
-<script>
-import { computed } from "vue";
-
-import { adjustColor } from "@/components/specific/bcf/bcf-settings/adjustColor.js";
-
-export default {
-  props: {
-    bcfTopic: {
-      type: Object,
-      required: true
-    },
-    detailedExtensions: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const priorityColor = computed(() => {
-      if (props.bcfTopic.priority) {
-        const priorityDetail = props.detailedExtensions.priorities.find(
-          priority => priority.priority === props.bcfTopic.priority
-        );
-        if (priorityDetail && priorityDetail.color) {
-          return priorityDetail.color;
-        }
-      }
-      return "D8D8D8";
-    });
-
-    return {
-      // References
-      adjustColor,
-      priorityColor
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./BcfIndexCell.scss"></style>
diff --git a/src/components/specific/bcf/bcf-topics-list/bcf-priority-cell/BcfPriorityCell.scss b/src/components/specific/bcf/bcf-topics-list/bcf-priority-cell/BcfPriorityCell.scss
deleted file mode 100644
index 95368c123..000000000
--- a/src/components/specific/bcf/bcf-topics-list/bcf-priority-cell/BcfPriorityCell.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.bcf-priority-cell {
-  height: 44px;
-}
diff --git a/src/components/specific/bcf/bcf-topics-list/bcf-priority-cell/BcfPriorityCell.vue b/src/components/specific/bcf/bcf-topics-list/bcf-priority-cell/BcfPriorityCell.vue
deleted file mode 100644
index 0d97fabd8..000000000
--- a/src/components/specific/bcf/bcf-topics-list/bcf-priority-cell/BcfPriorityCell.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-  <span
-    class="bcf-priority-cell flex items-center justify-center p-x-6"
-    :style="{
-      color: `#${priorityColor}`
-    }"
-  >
-    {{ bcfTopic.priority || $t("BcfTopicGridItem.noPriority") }}
-  </span>
-</template>
-
-<script>
-import { computed } from "vue";
-
-export default {
-  props: {
-    bcfTopic: {
-      type: Object,
-      required: true
-    },
-    detailedExtensions: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const priorityColor = computed(() => {
-      if (props.bcfTopic.priority) {
-        const priorityDetail = props.detailedExtensions.priorities.find(
-          priority => priority.priority === props.bcfTopic.priority
-        );
-        if (priorityDetail && priorityDetail.color) {
-          return priorityDetail.color;
-        }
-      }
-      return "D8D8D8";
-    });
-
-    return {
-      // References
-      priorityColor
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./BcfPriorityCell.scss"></style>
diff --git a/src/components/specific/bcf/bcf-topics-list/bcf-status-cell/BcfStatusCell.scss b/src/components/specific/bcf/bcf-topics-list/bcf-status-cell/BcfStatusCell.scss
deleted file mode 100644
index 95368c123..000000000
--- a/src/components/specific/bcf/bcf-topics-list/bcf-status-cell/BcfStatusCell.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.bcf-priority-cell {
-  height: 44px;
-}
diff --git a/src/components/specific/bcf/bcf-topics-list/bcf-status-cell/BcfStatusCell.vue b/src/components/specific/bcf/bcf-topics-list/bcf-status-cell/BcfStatusCell.vue
deleted file mode 100644
index b9c18c6c7..000000000
--- a/src/components/specific/bcf/bcf-topics-list/bcf-status-cell/BcfStatusCell.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <span
-    class="bcf-priority-cell flex items-center justify-center p-x-6"
-    :style="{
-      'background-color': `#${statusColor}`,
-      color: adjustColor(`#${statusColor}`, '#ffffff', 'var(--color-text)')
-    }"
-  >
-    {{ bcfTopic.topicStatus }}
-  </span>
-</template>
-
-<script>
-import { computed } from "vue";
-import { adjustColor } from "@/components/specific/bcf/bcf-settings/adjustColor.js";
-
-export default {
-  props: {
-    bcfTopic: {
-      type: Object,
-      required: true
-    },
-    detailedExtensions: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const statusColor = computed(() => {
-      if (props.bcfTopic.topicStatus) {
-        const statusDetail = props.detailedExtensions.topicStatuses.find(
-          status => status.topicStatus === props.bcfTopic.topicStatus
-        );
-        if (statusDetail && statusDetail.color) {
-          return statusDetail.color;
-        }
-      }
-      return "D8D8D8";
-    });
-
-    return {
-      // References
-      statusColor,
-      adjustColor
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./BcfStatusCell.scss"></style>
diff --git a/src/components/specific/bcf/bcf-topics-list/columns.js b/src/components/specific/bcf/bcf-topics-list/columns.js
deleted file mode 100644
index 945094edd..000000000
--- a/src/components/specific/bcf/bcf-topics-list/columns.js
+++ /dev/null
@@ -1,35 +0,0 @@
-export default [
-  {
-    id: "index",
-    width: "5%",
-    align: "center"
-  },
-  {
-    id: "priority",
-    width: "46px",
-    align: "center"
-  },
-  {
-    id: "status",
-    width: "70px",
-    align: "center"
-  },
-  {
-    id: "title",
-    width: "31%",
-    align: "left"
-  },
-  {
-    id: "creator",
-    width: "24%"
-  },
-  {
-    id: "date",
-    width: "17%"
-  },
-  {
-    id: "actions",
-    width: "9%",
-    align: "center"
-  }
-];
diff --git a/src/components/specific/bcf/bcf-topics-list/open-topic-issue/OpenTopicIssue.scss b/src/components/specific/bcf/bcf-topics-list/open-topic-issue/OpenTopicIssue.scss
deleted file mode 100644
index 3e0c28d05..000000000
--- a/src/components/specific/bcf/bcf-topics-list/open-topic-issue/OpenTopicIssue.scss
+++ /dev/null
@@ -1,109 +0,0 @@
-.open-topic-issue {
-  height: 100%;
-  font-size: 12px;
-  &__header {
-    &__title {
-      font-size: 14px;
-      font-weight: 500;
-    }
-  }
-  &__content {
-    height: calc(100% - 32px);
-    overflow: auto;
-    &__subheader {
-      height: 27px;
-      &__index,
-      &__date {
-        height: 100%;
-        font-size: 12px;
-      }
-      &__index {
-        min-width: 50px;
-      }
-      &__date {
-        min-width: 103px;
-        background-color: var(--color-silver-light);
-        color: var(--color-primary);
-      }
-    }
-    &__img {
-      height: 295px;
-      min-height: 210px;
-      max-height: 295px;
-      position: relative;
-      background-color: var(--color-silver-light);
-      .carousel-list:deep() {
-        height: 100%;
-        .carousel-list__btn-previous {
-          left: 6px;
-        }
-        .carousel-list__btn-next {
-          right: 6px;
-        }
-        .carousel-list__container {
-          margin: 0;
-          padding: 0;
-          height: 100%;
-          &__slider {
-            height: 100% !important;
-          }
-        }
-      }
-      .img-preview {
-        width: 100%;
-        height: 100%;
-        max-height: 295px;
-        top: 0 !important;
-        img {
-          width: 100%;
-          height: 100%;
-          object-fit: cover;
-        }
-      }
-      &__status {
-        border-radius: 3px;
-        position: absolute;
-        left: 6px;
-        top: 6px;
-        z-index: 1;
-      }
-      img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
-      .no-img-topic {
-        padding: 12px;
-        width: 170px;
-        height: 170px;
-      }
-    }
-    &__card {
-      box-shadow: var(--box-shadow);
-      line-height: 1.5;
-      span {
-        &:first-child {
-          margin-right: 3px;
-          font-weight: 500;
-        }
-      }
-    }
-    &__card {
-      & > .flex {
-        span {
-          font-weight: 700;
-        }
-      }
-    }
-    &:deep() {
-      .bimdata-input {
-        input {
-          font-size: 13px;
-        }
-      }
-      .bimdata-select {
-        font-size: 13px;
-      }
-    }
-  }
-}
diff --git a/src/components/specific/bcf/bcf-topics-list/open-topic-issue/OpenTopicIssue.vue b/src/components/specific/bcf/bcf-topics-list/open-topic-issue/OpenTopicIssue.vue
deleted file mode 100644
index 1ac370dd1..000000000
--- a/src/components/specific/bcf/bcf-topics-list/open-topic-issue/OpenTopicIssue.vue
+++ /dev/null
@@ -1,404 +0,0 @@
-<template>
-  <EditBcfTopic
-    v-if="isOpenEditTopic"
-    :bcfTopic="bcfTopic"
-    @close="isOpenEditTopic = false"
-  />
-  <div v-else class="open-topic-issue">
-    <div class="open-topic-issue__header flex items-center justify-between">
-      <div
-        class="open-topic-issue__header__title flex justify-center items-center p-x-6"
-      >
-        <BIMDataTextbox maxWidth="250px" :text="bcfTopic.title" />
-      </div>
-      <div
-        class="open-topic-issue__header__actions flex justify-center items-center"
-      >
-        <BIMDataButton
-          color="default"
-          ripple
-          rounded
-          icon
-          @click="isOpenEditTopic = !isOpenEditTopic"
-        >
-          <BIMDataIcon name="edit" fill color="default" size="xxs" />
-        </BIMDataButton>
-        <BIMDataButton
-          color="default"
-          ripple
-          rounded
-          icon
-          @click="deleteTopicModal = true"
-        >
-          <BIMDataIcon name="delete" fill color="default" size="xxs" />
-        </BIMDataButton>
-        <BIMDataButton
-          color="default"
-          ripple
-          rounded
-          icon
-          @click="$emit('close')"
-        >
-          <BIMDataIcon name="close" fill color="granite-light" size="xxs" />
-        </BIMDataButton>
-      </div>
-    </div>
-    <div class="open-topic-issue__content p-r-6 p-b-6 p-l-6">
-      <div
-        class="open-topic-issue__content__subheader flex items-center justify-between m-t-12"
-      >
-        <div
-          class="open-topic-issue__content__subheader__index flex justify-center items-center p-x-6"
-          :style="{
-            'background-color': `#${priorityColor}`,
-            color: adjustColor(`#${priorityColor}`, '#ffffff', '#2f374a')
-          }"
-        >
-          {{ bcfTopic.index }}
-        </div>
-        <div
-          class="open-topic-issue__content__subheader__date flex justify-center items-center"
-        >
-          {{ $d(bcfTopic.creationDate, "short") }}
-        </div>
-      </div>
-      <div
-        class="open-topic-issue__content__img text-center m-t-12"
-        :class="{
-          'flex items-center justify-center': viewpointWithSnapshot.length === 0
-        }"
-      >
-        <div
-          class="open-topic-issue__content__img__status flex p-6"
-          :style="{
-            'background-color': `#${statusColor}`,
-            color: adjustColor(`#${statusColor}`, '#ffffff', '#2f374a')
-          }"
-          v-if="bcfTopic.topicStatus"
-        >
-          <BIMDataIcon name="information" fill color="default" />
-          <span class="m-l-6">{{ bcfTopic.topicStatus }}</span>
-        </div>
-        <CarouselList
-          v-if="viewpointWithSnapshot.length > 0"
-          :sliderPadding="0"
-        >
-          <div
-            class="img-preview"
-            v-for="viewpoint in viewpointWithSnapshot"
-            :key="viewpoint.guid"
-            style
-          >
-            <img
-              v-if="viewpoint.snapshot.snapshotData"
-              :src="viewpoint.snapshot.snapshotData"
-            />
-          </div>
-        </CarouselList>
-        <NoImgTopicBcf class="no-img-topic" v-else />
-      </div>
-      <div class="m-t-12">
-        <template v-if="modelIDs.length > 0">
-          <AppLink
-            :to="{
-              name: routeNames.modelViewer,
-              params: {
-                spaceID: currentProject.cloud.id,
-                projectID: currentProject.id,
-                modelIDs: modelIDs.join(',')
-              },
-              query: {
-                topicGuid: bcfTopic.guid
-              }
-            }"
-          >
-            <BIMDataButton width="100%" color="primary" fill radius>
-              {{ $t("OpenTopicIssue.openViewer") }}
-            </BIMDataButton>
-          </AppLink>
-        </template>
-        <template v-else>
-          <BIMDataTooltip :text="$t('OpenTopicIssue.openViewerNoModels')">
-            <BIMDataButton width="100%" color="primary" fill radius disabled>
-              {{ $t("OpenTopicIssue.openViewer") }}
-            </BIMDataButton>
-          </BIMDataTooltip>
-        </template>
-      </div>
-      <div class="open-topic-issue__content__card m-t-12 p-12 text-left">
-        <div class="flex items-center m-b-12">
-          <BIMDataIcon
-            name="model3d"
-            fill
-            color="default"
-            size="xs"
-            margin="0 6px 0 0"
-          />
-          <span class="m-r-6" v-if="topicElements.length > 0">
-            {{ topicElements.length }}
-          </span>
-          <span>
-            {{
-              topicElements.length
-                ? $t("OpenTopicIssue.elements")
-                : $t("OpenTopicIssue.noElements")
-            }}
-          </span>
-        </div>
-        <div>
-          <span class="color-primary">{{ $t("OpenTopicIssue.type") }}</span>
-          <span class="color-granite">{{
-            bcfTopic.topicType
-              ? bcfTopic.topicType
-              : $t("OpenTopicIssue.noTypeSpecified")
-          }}</span>
-        </div>
-        <div>
-          <span class="color-primary">
-            {{ $t("OpenTopicIssue.description") }}
-          </span>
-          <span class="color-granite">{{
-            bcfTopic.description
-              ? bcfTopic.description
-              : $t("OpenTopicIssue.noDescriptionProvided")
-          }}</span>
-        </div>
-        <div>
-          <span class="color-primary">
-            {{ $t("OpenTopicIssue.assignedTo") }}
-          </span>
-          <span class="color-granite">{{
-            bcfTopic.assignedTo
-              ? bcfTopic.assignedTo
-              : $t("OpenTopicIssue.notAssigned")
-          }}</span>
-        </div>
-        <div>
-          <span class="color-primary">
-            {{ $t("OpenTopicIssue.dueDate") }}
-          </span>
-          <span class="color-granite">{{
-            bcfTopic.dueDate
-              ? $d(bcfTopic.dueDate, "short")
-              : $t("OpenTopicIssue.noDueDate")
-          }}</span>
-        </div>
-      </div>
-      <div class="open-topic-issue__content__card m-t-12 p-12 text-left">
-        <div class="flex items-center m-b-12">
-          <BIMDataIcon name="bcf" fill color="default" />
-          <span class="m-l-6"> {{ $t("OpenTopicIssue.informations") }} </span>
-        </div>
-        <div>
-          <span class="color-primary">{{ $t("OpenTopicIssue.status") }}</span>
-          <span class="color-granite">{{
-            bcfTopic.topicStatus || $t("OpenTopicIssue.noStatusSpecified")
-          }}</span>
-        </div>
-        <div>
-          <span class="color-primary"> {{ $t("OpenTopicIssue.stage") }} </span>
-          <span class="color-granite">{{
-            bcfTopic.stage || $t("OpenTopicIssue.noStageProvided")
-          }}</span>
-        </div>
-        <div>
-          <span class="color-primary">
-            {{ $t("OpenTopicIssue.priority") }}
-          </span>
-          <span class="color-granite">{{
-            bcfTopic.priority || $t("OpenTopicIssue.priorityNotDefined")
-          }}</span>
-        </div>
-        <div>
-          <span class="color-primary"> Auteur : </span>
-          <span class="color-granite">{{ bcfTopic.creationAuthor }}</span>
-        </div>
-        <div class="m-t-12">
-          <span class="color-primary"> {{ $t("OpenTopicIssue.tags") }} </span>
-          <span class="color-granite">{{ topicTags }}</span>
-        </div>
-      </div>
-      <div class="open-topic-issue__comment m-t-12">
-        <BcfComments :bcfTopic="bcfTopic" />
-      </div>
-    </div>
-    <SafeZoneModal v-if="deleteTopicModal">
-      <template #text>
-        {{ $t("ModalDeleteTopic.deleteText", { name: bcfTopic.title }) }}
-      </template>
-      <template #actions>
-        <BIMDataButton
-          color="high"
-          fill
-          radius
-          class="m-r-12"
-          @click="removeTopic"
-        >
-          {{ $t("ModalDeleteTopic.deleteBcfButton") }}
-        </BIMDataButton>
-        <BIMDataButton
-          color="primary"
-          outline
-          radius
-          @click="deleteTopicModal = false"
-        >
-          {{ $t("ModalDeleteTopic.keepBcfButton") }}
-        </BIMDataButton>
-      </template>
-    </SafeZoneModal>
-    <div v-if="loading">
-      <BIMDataLoading />
-    </div>
-  </div>
-</template>
-
-<script>
-import { computed, ref } from "vue";
-import { useI18n } from "vue-i18n";
-import { adjustColor } from "@/components/specific/bcf/bcf-settings/adjustColor.js";
-import { useBcf } from "@/state/bcf.js";
-import { useProjects } from "@/state/projects.js";
-import { useModels } from "@/state/models.js";
-
-import BcfComments from "@/components/specific/bcf/bcf-comments/BcfComments.vue";
-import CarouselList from "@/components/generic/carousel-list/CarouselList";
-import EditBcfTopic from "@/components/specific/bcf/edit-bcf-topic/EditBcfTopic.vue";
-import NoImgTopicBcf from "../../../../images/NoImgTopicBcf.vue";
-import SafeZoneModal from "@/components/generic/safe-zone-modal/SafeZoneModal.vue";
-import AppLink from "@/components/specific/app/app-link/AppLink.vue";
-import routeNames from "@/router/route-names.js";
-import { MODEL_TYPE, MODEL_STATUS } from "@/config/models";
-
-export default {
-  components: {
-    CarouselList,
-    EditBcfTopic,
-    NoImgTopicBcf,
-    BcfComments,
-    SafeZoneModal,
-    AppLink
-  },
-  props: {
-    bcfTopic: {
-      type: Object,
-      required: true
-    },
-    detailedExtensions: {
-      type: Object,
-      required: true
-    },
-    isCarousel: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["close"],
-  setup(props) {
-    const { t } = useI18n();
-    const { currentProject } = useProjects();
-    const { deleteTopic } = useBcf();
-    const { projectModels } = useModels();
-
-    const viewpointWithSnapshot = computed(() => {
-      return props.bcfTopic.viewpoints.filter(viewpoint =>
-        Boolean(viewpoint.snapshot)
-      );
-    });
-
-    const priorityColor = computed(() => {
-      if (props.bcfTopic.priority) {
-        const priorityDetail = props.detailedExtensions.priorities.find(
-          priority => priority.priority === props.bcfTopic.priority
-        );
-        if (priorityDetail && priorityDetail.color) {
-          return priorityDetail.color;
-        }
-      }
-      return "D8D8D8";
-    });
-
-    const statusColor = computed(() => {
-      if (props.bcfTopic.topicStatus) {
-        const statusDetail = props.detailedExtensions.topicStatuses.find(
-          status => status.topicStatus === props.bcfTopic.topicStatus
-        );
-        if (statusDetail && statusDetail.color) {
-          return statusDetail.color;
-        }
-      }
-      return "D8D8D8";
-    });
-
-    const deleteTopicModal = ref(false);
-    const isOpenEditTopic = ref(false);
-    const loading = ref(false);
-
-    const removeTopic = async () => {
-      try {
-        loading.value = true;
-        await deleteTopic(currentProject.value, props.bcfTopic);
-      } finally {
-        loading.value = false;
-      }
-    };
-
-    const topicElements = computed(() => {
-      if (
-        props.bcfTopic.components &&
-        props.bcfTopic.components.length > 0 &&
-        props.bcfTopic.components[0]?.selection
-      ) {
-        return props.bcfTopic.components[0].selection;
-      } else {
-        return [];
-      }
-    });
-
-    const topicTags = computed(() => {
-      if (props.bcfTopic.labels && props.bcfTopic.labels.length) {
-        return Array.from(props.bcfTopic.labels)
-          .sort((a, b) => (a > b ? 1 : -1))
-          .join(", ");
-      } else {
-        return t("OpenTopicIssue.noTags");
-      }
-    });
-
-    const modelIDs = computed(() => {
-      let ids = [];
-      if (props.bcfTopic.ifcs?.length) {
-        ids = props.bcfTopic.ifcs;
-      } else {
-        const ifcs = projectModels.value
-          .filter(model => model.type === MODEL_TYPE.IFC)
-          .filter(model => model.status === MODEL_STATUS.COMPLETED)
-          .sort((a, b) =>
-            a.createdAt.getTime() > b.createdAt.getTime() ? 1 : -1
-          );
-        if (ifcs.length > 0) {
-          ids.push(ifcs[0].id);
-        }
-      }
-      return ids;
-    });
-
-    return {
-      viewpointWithSnapshot,
-      deleteTopicModal,
-      isOpenEditTopic,
-      priorityColor,
-      statusColor,
-      topicElements,
-      topicTags,
-      adjustColor,
-      loading,
-      removeTopic,
-      routeNames,
-      currentProject,
-      modelIDs
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./OpenTopicIssue.scss"></style>
diff --git a/src/components/specific/bcf/bcf-topics-metrics/BcfTopicsMetrics.scss b/src/components/specific/bcf/bcf-topics-metrics/BcfTopicsMetrics.scss
deleted file mode 100644
index b9dc472c0..000000000
--- a/src/components/specific/bcf/bcf-topics-metrics/BcfTopicsMetrics.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-.bcf-topics-metrics {
-  height: 100%;
-  &__content {
-    position: relative;
-    height: inherit;
-    .bimdata-graph {
-      flex: 1;
-    }
-    &__legend {
-      height: 100%;
-      max-width: 300px;
-      flex-wrap: wrap;
-      flex: 1;
-      gap: 12px;
-      flex-direction: column;
-      font-size: 14px;
-      overflow: auto;
-      span > span {
-        font-size: 13px;
-      }
-      .bimdata-paginated-list:deep() {
-        line-height: 24px;
-        ul:first-child {
-          min-height: 144px;
-          li {
-            display: flex;
-            align-items: center;
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/src/components/specific/bcf/bcf-topics-metrics/BcfTopicsMetrics.vue b/src/components/specific/bcf/bcf-topics-metrics/BcfTopicsMetrics.vue
deleted file mode 100644
index edcb982a2..000000000
--- a/src/components/specific/bcf/bcf-topics-metrics/BcfTopicsMetrics.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<template>
-  <div class="bcf-topics-metrics">
-    <div class="bcf-topics-metrics__content flex justify-around items-center">
-      <Graph
-        :barsData="barsData"
-        :placeholder="true"
-        :graphDrawTime="2.5"
-      ></Graph>
-      <div
-        class="bcf-topics-metrics__content__legend flex items-start justify-center m-l-12"
-      >
-        <strong>
-          {{ $t(`BcfTopicsMetrics.extension.${extensionType}Title`) }}
-        </strong>
-        <BIMDataPaginatedList
-          :list="barsData"
-          :perPage="6"
-          :first="false"
-          :last="false"
-          :numberDataElements="false"
-          :backgroundColor="'transparent'"
-        >
-          <template #element="{ element: barData }">
-            <div
-              :style="{
-                width: '10px',
-                height: '10px',
-                'border-radius': '50px',
-                border: `3px solid ${barData.color}`
-              }"
-            ></div>
-            <strong class="m-x-6">{{ barData.percentage.toFixed(0) }} %</strong>
-            <span>
-              {{
-                barData.label &&
-                $t(`BcfTopicsMetrics.extension.${extensionType}`)
-              }}
-              {{
-                barData.label ||
-                $t(`BcfTopicsMetrics.extension.${extensionType}NotDefined`)
-              }}
-              <span>({{ barData.total }})</span>
-            </span>
-          </template>
-        </BIMDataPaginatedList>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { ref, computed } from "vue";
-
-import Graph from "../../../generic/graph/Graph.vue";
-
-const typeFieldMap = {
-  Priority: "priority",
-  Status: "topicStatus"
-};
-
-export default {
-  data() {
-    return {
-      size: 245
-    };
-  },
-  props: {
-    bcfTopics: {
-      type: Array,
-      required: true
-    },
-    extensionType: {
-      type: String
-    },
-    availableExtensions: {
-      type: Array,
-      required: true
-    }
-  },
-
-  components: {
-    Graph
-  },
-  setup(props) {
-    const extensionValue = ref([typeFieldMap[props.extensionType]]);
-
-    const barsData = computed(() => {
-      if (props.bcfTopics.length) {
-        // Add empty priority to match topics without priorities
-        const shownExtensions = [...props.availableExtensions];
-
-        shownExtensions.push({
-          [extensionValue.value]: undefined
-        });
-
-        return shownExtensions
-          .map(shownExtension => {
-            let barData = {};
-            if (shownExtension.color !== undefined) {
-              barData.color = `#${shownExtension.color}`;
-            } else {
-              barData.color = `#D8D8D8`;
-            }
-
-            const topicCount = props.bcfTopics.filter(
-              bcfTopic =>
-                bcfTopic[extensionValue.value] ===
-                shownExtension[extensionValue.value]
-            ).length;
-
-            barData.percentage = (topicCount * 100) / props.bcfTopics.length;
-
-            barData.label = shownExtension[extensionValue.value];
-
-            barData.total = topicCount;
-            return barData;
-          })
-          .sort((a, b) =>
-            parseInt(a.percentage) > parseInt(b.percentage) ? -1 : 1
-          );
-      }
-      return [];
-    });
-    return {
-      typeFieldMap,
-      barsData
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./BcfTopicsMetrics.scss"></style>
diff --git a/src/components/specific/bcf/bcf-topics-metrics/EmptyBcfStats.vue b/src/components/specific/bcf/bcf-topics-metrics/EmptyBcfStats.vue
deleted file mode 100644
index 97300c0ff..000000000
--- a/src/components/specific/bcf/bcf-topics-metrics/EmptyBcfStats.vue
+++ /dev/null
@@ -1,550 +0,0 @@
-<template>
-  <svg
-    width="231"
-    height="231"
-    viewBox="0 0 231 231"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M115.028 0.337524C51.5114 0.337524 0.027832 51.8211 0.027832 115.338C0.027832 147.053 12.8343 175.76 33.634 196.559V196.559V196.559C54.4337 217.445 83.2266 230.338 115.028 230.338C157.573 230.338 194.617 207.303 214.557 173.009C224.441 156.077 230.028 136.395 230.028 115.338C230.028 51.8211 178.544 0.337524 115.028 0.337524Z"
-      fill="#F1F1F5"
-    />
-    <path
-      d="M58.989 191.021C58.989 187.841 99.2132 185.349 148.806 185.349C170.178 185.349 189.848 185.808 205.297 186.593C205.297 186.593 202.299 190.31 201.174 191.512C200.048 192.714 197.2 195.801 197.2 195.801C183.237 196.364 166.644 196.694 148.806 196.694C99.2132 196.694 58.989 194.115 58.989 191.021Z"
-      fill="#E0DEDE"
-    />
-    <path
-      d="M221.691 72.105C221.777 72.3628 221.949 72.7066 222.035 72.9645V72.9645C221.949 72.7066 221.777 72.3628 221.691 72.105V72.105Z"
-      fill="#EFEFEF"
-    />
-    <path
-      d="M215.417 59.1268C214.815 58.0954 214.213 57.064 213.612 56.1185V56.1185C214.299 57.064 214.901 58.0954 215.417 59.1268Z"
-      fill="white"
-    />
-    <path
-      d="M218.081 64.1118C218.941 65.8308 219.714 67.5498 220.488 69.2688C219.8 67.5498 218.941 65.8308 218.081 64.1118Z"
-      fill="white"
-    />
-    <path
-      d="M221.69 72.1051C221.605 71.9332 221.519 71.6753 221.433 71.5034C221.519 71.6753 221.605 71.9332 221.69 72.1051V72.1051Z"
-      fill="white"
-    />
-    <path
-      d="M212.752 54.5716C210.947 51.6493 208.97 48.813 206.907 46.0626C208.97 48.813 210.947 51.6493 212.752 54.5716V54.5716Z"
-      fill="white"
-    />
-    <path
-      d="M213.698 56.0325V56.0325C213.612 55.9466 213.526 55.7747 213.44 55.6887C213.526 55.7747 213.612 55.9466 213.698 56.0325Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M213.44 55.6886C213.182 55.3448 213.01 54.9151 212.752 54.5713V54.5713C213.01 54.9151 213.268 55.3448 213.44 55.6886Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M229.426 103.391C229.426 103.734 229.512 104.078 229.512 104.336V104.336C229.426 103.992 229.426 103.648 229.426 103.391V103.391Z"
-      fill="#EFEFEF"
-    />
-    <path
-      d="M223.668 77.262V77.262C223.582 76.9182 223.41 76.5744 223.324 76.3165V76.3165C223.41 76.5744 223.496 76.9182 223.668 77.262Z"
-      fill="white"
-    />
-    <path
-      d="M227.02 88.7793C226.676 87.2322 226.246 85.6851 225.816 84.224C226.246 85.6851 226.59 87.2322 227.02 88.7793V88.7793Z"
-      fill="white"
-    />
-    <path
-      d="M223.668 77.262V77.262C224.355 79.1528 224.957 81.0437 225.473 83.0206C224.871 81.0437 224.269 79.1528 223.668 77.262Z"
-      fill="white"
-    />
-    <path
-      d="M227.363 90.2404C228.309 94.5378 228.996 98.8353 229.426 103.305V103.305C228.996 98.9212 228.223 94.5378 227.363 90.2404V90.2404Z"
-      fill="white"
-    />
-    <path
-      d="M227.363 90.2403V90.2403C227.277 89.7246 227.105 89.2089 227.02 88.7792V88.7792C227.105 89.2949 227.191 89.8106 227.363 90.2403Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M228.051 136.051C227.965 136.395 227.965 136.739 227.879 136.997V136.997C227.879 136.653 227.965 136.395 228.051 136.051V136.051Z"
-      fill="#EFEFEF"
-    />
-    <path
-      d="M229.77 121.44V121.44C229.856 119.291 229.942 117.057 229.942 114.908C229.942 113.275 229.856 111.556 229.856 109.923V109.923C229.942 111.556 229.942 113.189 229.942 114.908C230.028 117.057 229.942 119.291 229.77 121.44Z"
-      fill="white"
-    />
-    <path
-      d="M228.051 136.051V136.051C228.825 131.754 229.426 127.37 229.684 122.987V122.987C229.426 127.37 228.825 131.754 228.051 136.051Z"
-      fill="white"
-    />
-    <path
-      d="M229.684 122.987V122.987C229.684 122.471 229.77 121.956 229.77 121.526V121.526C229.77 121.956 229.77 122.471 229.684 122.987Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 14.9489C60.5357 14.9489 59.9341 15.5505 59.9341 16.2381C59.9341 16.9257 60.5357 17.5273 61.2233 17.5273C61.9109 17.5273 62.5126 16.9257 62.5126 16.2381C62.5126 15.5505 61.9109 14.9489 61.2233 14.9489Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.248 17.4413C70.9356 17.4413 71.5372 16.8396 71.5372 16.152C71.5372 15.4644 70.9356 14.8628 70.248 14.8628C69.5604 14.8628 68.9587 15.4644 68.9587 16.152C68.9587 16.9256 69.5604 17.4413 70.248 17.4413Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.4882 17.4413C80.1758 17.4413 80.7774 16.8396 80.7774 16.152C80.7774 15.4644 80.1758 14.8628 79.4882 14.8628C78.8006 14.8628 78.199 15.4644 78.199 16.152C78.2849 16.9256 78.8006 17.4413 79.4882 17.4413Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M44.2056 26.0364C44.0337 26.2083 43.8618 26.2942 43.6899 26.4661C43.8618 26.3802 44.0337 26.2083 44.2056 26.0364Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M52.1989 23.9734C51.5113 23.9734 50.9097 24.575 50.9097 25.2626C50.9097 25.9502 51.5113 26.5519 52.1989 26.5519C52.8865 26.5519 53.4881 25.9502 53.4881 25.2626C53.4881 24.575 52.8865 23.9734 52.1989 23.9734Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 23.9734C60.5357 23.9734 59.9341 24.575 59.9341 25.2626C59.9341 25.9502 60.5357 26.5519 61.2233 26.5519C61.9109 26.5519 62.5126 25.9502 62.5126 25.2626C62.5126 24.575 61.9109 23.9734 61.2233 23.9734Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.2482 26.5519C70.9358 26.5519 71.5375 25.9502 71.5375 25.2626C71.5375 24.575 70.9358 23.9734 70.2482 23.9734C69.5606 23.9734 68.959 24.575 68.959 25.2626C68.959 25.9502 69.5606 26.5519 70.2482 26.5519Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.4882 26.5519C80.1758 26.5519 80.7774 25.9502 80.7774 25.2626C80.7774 24.575 80.1758 23.9734 79.4882 23.9734C78.8006 23.9734 78.199 24.575 78.199 25.2626C78.2849 25.9502 78.8006 26.5519 79.4882 26.5519Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M43.1745 33.0842C42.4869 33.0842 41.8853 33.6859 41.8853 34.3735C41.8853 35.0611 42.4869 35.6627 43.1745 35.6627C43.8621 35.6627 44.4637 35.0611 44.4637 34.3735C44.3778 33.6859 43.8621 33.0842 43.1745 33.0842Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M52.1989 33.0842C51.5113 33.0842 50.9097 33.6859 50.9097 34.3735C50.9097 35.0611 51.5113 35.6627 52.1989 35.6627C52.8865 35.6627 53.4881 35.0611 53.4881 34.3735C53.4881 33.6859 52.8865 33.0842 52.1989 33.0842Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 33.0842C60.5357 33.0842 59.9341 33.6859 59.9341 34.3735C59.9341 35.0611 60.5357 35.6627 61.2233 35.6627C61.9109 35.6627 62.5126 35.0611 62.5126 34.3735C62.5126 33.6859 61.9109 33.0842 61.2233 33.0842Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.2482 35.5766C70.9358 35.5766 71.5375 34.975 71.5375 34.2874C71.5375 33.5998 70.9358 32.9982 70.2482 32.9982C69.5606 32.9982 68.959 33.5998 68.959 34.2874C68.959 35.0609 69.5606 35.5766 70.2482 35.5766Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.4882 35.5766C80.1758 35.5766 80.7774 34.975 80.7774 34.2874C80.7774 33.5998 80.1758 32.9982 79.4882 32.9982C78.8006 32.9982 78.199 33.5998 78.199 34.2874C78.2849 35.0609 78.8006 35.5766 79.4882 35.5766Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M34.1496 42.1088C33.462 42.1088 32.8604 42.7104 32.8604 43.398C32.8604 44.0856 33.462 44.6872 34.1496 44.6872C34.8372 44.6872 35.4388 44.0856 35.4388 43.398C35.3529 42.7104 34.8372 42.1088 34.1496 42.1088Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M43.1745 42.1088C42.4869 42.1088 41.8853 42.7104 41.8853 43.398C41.8853 44.0856 42.4869 44.6872 43.1745 44.6872C43.8621 44.6872 44.4637 44.0856 44.4637 43.398C44.3778 42.7104 43.8621 42.1088 43.1745 42.1088Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M52.1989 42.1088C51.5113 42.1088 50.9097 42.7104 50.9097 43.398C50.9097 44.0856 51.5113 44.6872 52.1989 44.6872C52.8865 44.6872 53.4881 44.0856 53.4881 43.398C53.4881 42.7104 52.8865 42.1088 52.1989 42.1088Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 42.1088C60.5357 42.1088 59.9341 42.7104 59.9341 43.398C59.9341 44.0856 60.5357 44.6872 61.2233 44.6872C61.9109 44.6872 62.5126 44.0856 62.5126 43.398C62.5126 42.7104 61.9109 42.1088 61.2233 42.1088Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M34.1496 51.2194C33.462 51.2194 32.8604 51.821 32.8604 52.5086C32.8604 53.1962 33.462 53.7978 34.1496 53.7978C34.8372 53.7978 35.4388 53.1962 35.4388 52.5086C35.3529 51.821 34.8372 51.2194 34.1496 51.2194Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M43.1745 51.2194C42.4869 51.2194 41.8853 51.821 41.8853 52.5086C41.8853 53.1962 42.4869 53.7978 43.1745 53.7978C43.8621 53.7978 44.4637 53.1962 44.4637 52.5086C44.3778 51.821 43.8621 51.2194 43.1745 51.2194Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M52.1989 51.2194C51.5113 51.2194 50.9097 51.821 50.9097 52.5086C50.9097 53.1962 51.5113 53.7978 52.1989 53.7978C52.8865 53.7978 53.4881 53.1962 53.4881 52.5086C53.4881 51.821 52.8865 51.2194 52.1989 51.2194Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 51.2194C60.5357 51.2194 59.9341 51.821 59.9341 52.5086C59.9341 53.1962 60.5357 53.7978 61.2233 53.7978C61.9109 53.7978 62.5126 53.1962 62.5126 52.5086C62.5126 51.821 61.9109 51.2194 61.2233 51.2194Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M25.0397 60.33C24.3521 60.33 23.7505 60.9316 23.7505 61.6192C23.7505 62.3068 24.3521 62.9084 25.0397 62.9084C25.7273 62.9084 26.329 62.3068 26.329 61.6192C26.329 60.9316 25.8133 60.33 25.0397 60.33Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M34.1496 60.33C33.462 60.33 32.8604 60.9316 32.8604 61.6192C32.8604 62.3068 33.462 62.9084 34.1496 62.9084C34.8372 62.9084 35.4388 62.3068 35.4388 61.6192C35.4388 60.9316 34.8372 60.33 34.1496 60.33Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M43.1745 60.33C42.4869 60.33 41.8853 60.9316 41.8853 61.6192C41.8853 62.3068 42.4869 62.9084 43.1745 62.9084C43.8621 62.9084 44.4637 62.3068 44.4637 61.6192C44.4637 60.9316 43.8621 60.33 43.1745 60.33Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M52.1989 60.33C51.5113 60.33 50.9097 60.9316 50.9097 61.6192C50.9097 62.3068 51.5113 62.9084 52.1989 62.9084C52.8865 62.9084 53.4881 62.3068 53.4881 61.6192C53.4881 60.9316 52.8865 60.33 52.1989 60.33Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 60.33C60.5357 60.33 59.9341 60.9316 59.9341 61.6192C59.9341 62.3068 60.5357 62.9084 61.2233 62.9084C61.9109 62.9084 62.5126 62.3068 62.5126 61.6192C62.5126 60.9316 61.9109 60.33 61.2233 60.33Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M25.0397 69.3547C24.3521 69.3547 23.7505 69.9564 23.7505 70.644C23.7505 71.3316 24.3521 71.9332 25.0397 71.9332C25.7273 71.9332 26.329 71.3316 26.329 70.644C26.329 69.9564 25.8133 69.3547 25.0397 69.3547Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M34.1496 69.3547C33.462 69.3547 32.8604 69.9564 32.8604 70.644C32.8604 71.3316 33.462 71.9332 34.1496 71.9332C34.8372 71.9332 35.4388 71.3316 35.4388 70.644C35.4388 69.9564 34.8372 69.3547 34.1496 69.3547Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M43.1745 69.3547C42.4869 69.3547 41.8853 69.9564 41.8853 70.644C41.8853 71.3316 42.4869 71.9332 43.1745 71.9332C43.8621 71.9332 44.4637 71.3316 44.4637 70.644C44.4637 69.9564 43.8621 69.3547 43.1745 69.3547Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M52.1989 69.3547C51.5113 69.3547 50.9097 69.9564 50.9097 70.644C50.9097 71.3316 51.5113 71.9332 52.1989 71.9332C52.8865 71.9332 53.4881 71.3316 53.4881 70.644C53.4881 69.9564 52.8865 69.3547 52.1989 69.3547Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 69.3547C60.5357 69.3547 59.9341 69.9564 59.9341 70.644C59.9341 71.3316 60.5357 71.9332 61.2233 71.9332C61.9109 71.9332 62.5126 71.3316 62.5126 70.644C62.5126 69.9564 61.9109 69.3547 61.2233 69.3547Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M6.98992 78.1215C6.30233 78.1215 5.70068 78.7231 5.70068 79.4107C5.70068 80.0983 6.30233 80.6999 6.98992 80.6999C7.67751 80.6999 8.27916 80.0983 8.27916 79.4107C8.27916 78.6372 7.76346 78.1215 6.98992 78.1215Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M16.1008 78.1215C15.4132 78.1215 14.8115 78.7231 14.8115 79.4107C14.8115 80.0983 15.4132 80.6999 16.1008 80.6999C16.7884 80.6999 17.39 80.0983 17.39 79.4107C17.304 78.6372 16.7884 78.1215 16.1008 78.1215Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M25.1252 78.1215C24.4376 78.1215 23.8359 78.7231 23.8359 79.4107C23.8359 80.0983 24.4376 80.6999 25.1252 80.6999C25.8128 80.6999 26.4144 80.0983 26.4144 79.4107C26.3285 78.6372 25.8128 78.1215 25.1252 78.1215Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M34.1496 78.1215C33.462 78.1215 32.8604 78.7231 32.8604 79.4107C32.8604 80.0983 33.462 80.6999 34.1496 80.6999C34.8372 80.6999 35.4388 80.0983 35.4388 79.4107C35.4388 78.6372 34.8372 78.1215 34.1496 78.1215Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M43.1745 78.1215C42.4869 78.1215 41.8853 78.7231 41.8853 79.4107C41.8853 80.0983 42.4869 80.6999 43.1745 80.6999C43.8621 80.6999 44.4637 80.0983 44.4637 79.4107C44.4637 78.6372 43.8621 78.1215 43.1745 78.1215Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M52.1989 78.1215C51.5113 78.1215 50.9097 78.7231 50.9097 79.4107C50.9097 80.0983 51.5113 80.6999 52.1989 80.6999C52.8865 80.6999 53.4881 80.0983 53.4881 79.4107C53.4881 78.6372 52.8865 78.1215 52.1989 78.1215Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 78.1215C60.5357 78.1215 59.9341 78.7231 59.9341 79.4107C59.9341 80.0983 60.5357 80.6999 61.2233 80.6999C61.9109 80.6999 62.5126 80.0983 62.5126 79.4107C62.5126 78.6372 61.9109 78.1215 61.2233 78.1215Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.2482 78.1215C69.5606 78.1215 68.959 78.7231 68.959 79.4107C68.959 80.0983 69.5606 80.6999 70.2482 80.6999C70.9358 80.6999 71.5375 80.0983 71.5375 79.4107C71.5375 78.6372 70.9358 78.1215 70.2482 78.1215Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M6.98992 86.8022C6.30233 86.8022 5.70068 87.4039 5.70068 88.0915C5.70068 88.7791 6.30233 89.3807 6.98992 89.3807C7.67751 89.3807 8.27916 88.7791 8.27916 88.0915C8.27916 87.4039 7.76346 86.8022 6.98992 86.8022Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M16.1008 86.8022C15.4132 86.8022 14.8115 87.4039 14.8115 88.0915C14.8115 88.7791 15.4132 89.3807 16.1008 89.3807C16.7884 89.3807 17.39 88.7791 17.39 88.0915C17.39 87.4039 16.7884 86.8022 16.1008 86.8022Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M25.1252 86.8022C24.4376 86.8022 23.8359 87.4039 23.8359 88.0915C23.8359 88.7791 24.4376 89.3807 25.1252 89.3807C25.8128 89.3807 26.4144 88.7791 26.4144 88.0915C26.4144 87.4039 25.8128 86.8022 25.1252 86.8022Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M34.1496 86.8022C33.462 86.8022 32.8604 87.4039 32.8604 88.0915C32.8604 88.7791 33.462 89.3807 34.1496 89.3807C34.8372 89.3807 35.4388 88.7791 35.4388 88.0915C35.4388 87.4039 34.8372 86.8022 34.1496 86.8022Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M43.1745 86.8022C42.4869 86.8022 41.8853 87.4039 41.8853 88.0915C41.8853 88.7791 42.4869 89.3807 43.1745 89.3807C43.8621 89.3807 44.4637 88.7791 44.4637 88.0915C44.4637 87.4039 43.8621 86.8022 43.1745 86.8022Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M52.1989 86.8022C51.5113 86.8022 50.9097 87.4039 50.9097 88.0915C50.9097 88.7791 51.5113 89.3807 52.1989 89.3807C52.8865 89.3807 53.4881 88.7791 53.4881 88.0915C53.4881 87.4039 52.8865 86.8022 52.1989 86.8022Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 86.8022C60.5357 86.8022 59.9341 87.4039 59.9341 88.0915C59.9341 88.7791 60.5357 89.3807 61.2233 89.3807C61.9109 89.3807 62.5126 88.7791 62.5126 88.0915C62.5126 87.4039 61.9109 86.8022 61.2233 86.8022Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.2482 86.8022C69.5606 86.8022 68.959 87.4039 68.959 88.0915C68.959 88.7791 69.5606 89.3807 70.2482 89.3807C70.9358 89.3807 71.5375 88.7791 71.5375 88.0915C71.5375 87.4039 70.9358 86.8022 70.2482 86.8022Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M6.98992 95.5693C6.30233 95.5693 5.70068 96.171 5.70068 96.8586C5.70068 97.5462 6.30233 98.1478 6.98992 98.1478C7.67751 98.1478 8.27916 97.5462 8.27916 96.8586C8.27916 96.171 7.76346 95.5693 6.98992 95.5693Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M16.1008 95.5693C15.4132 95.5693 14.8115 96.171 14.8115 96.8586C14.8115 97.5462 15.4132 98.1478 16.1008 98.1478C16.7884 98.1478 17.39 97.5462 17.39 96.8586C17.304 96.171 16.7884 95.5693 16.1008 95.5693Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M25.1252 95.5693C24.4376 95.5693 23.8359 96.171 23.8359 96.8586C23.8359 97.5462 24.4376 98.1478 25.1252 98.1478C25.8128 98.1478 26.4144 97.5462 26.4144 96.8586C26.3285 96.171 25.8128 95.5693 25.1252 95.5693Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M34.1496 95.5693C33.462 95.5693 32.8604 96.171 32.8604 96.8586C32.8604 97.5462 33.462 98.1478 34.1496 98.1478C34.8372 98.1478 35.4388 97.5462 35.4388 96.8586C35.4388 96.171 34.8372 95.5693 34.1496 95.5693Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M43.1745 95.5693C42.4869 95.5693 41.8853 96.171 41.8853 96.8586C41.8853 97.5462 42.4869 98.1478 43.1745 98.1478C43.8621 98.1478 44.4637 97.5462 44.4637 96.8586C44.4637 96.171 43.8621 95.5693 43.1745 95.5693Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M52.1989 95.5693C51.5113 95.5693 50.9097 96.171 50.9097 96.8586C50.9097 97.5462 51.5113 98.1478 52.1989 98.1478C52.8865 98.1478 53.4881 97.5462 53.4881 96.8586C53.4881 96.171 52.8865 95.5693 52.1989 95.5693Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 95.5693C60.5357 95.5693 59.9341 96.171 59.9341 96.8586C59.9341 97.5462 60.5357 98.1478 61.2233 98.1478C61.9109 98.1478 62.5126 97.5462 62.5126 96.8586C62.5126 96.171 61.9109 95.5693 61.2233 95.5693Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.2482 95.5693C69.5606 95.5693 68.959 96.171 68.959 96.8586C68.959 97.5462 69.5606 98.1478 70.2482 98.1478C70.9358 98.1478 71.5375 97.5462 71.5375 96.8586C71.5375 96.171 70.9358 95.5693 70.2482 95.5693Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M6.98992 104.336C6.30233 104.336 5.70068 104.938 5.70068 105.625C5.70068 106.313 6.30233 106.914 6.98992 106.914C7.67751 106.914 8.27916 106.313 8.27916 105.625C8.27916 104.938 7.76346 104.336 6.98992 104.336Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M16.1008 104.336C15.4132 104.336 14.8115 104.938 14.8115 105.625C14.8115 106.313 15.4132 106.914 16.1008 106.914C16.7884 106.914 17.39 106.313 17.39 105.625C17.39 104.938 16.7884 104.336 16.1008 104.336Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M25.1252 104.336C24.4376 104.336 23.8359 104.938 23.8359 105.625C23.8359 106.313 24.4376 106.914 25.1252 106.914C25.8128 106.914 26.4144 106.313 26.4144 105.625C26.4144 104.938 25.8128 104.336 25.1252 104.336Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M34.1496 104.336C33.462 104.336 32.8604 104.938 32.8604 105.625C32.8604 106.313 33.462 106.914 34.1496 106.914C34.8372 106.914 35.4388 106.313 35.4388 105.625C35.4388 104.938 34.8372 104.336 34.1496 104.336Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M43.1745 104.336C42.4869 104.336 41.8853 104.938 41.8853 105.625C41.8853 106.313 42.4869 106.914 43.1745 106.914C43.8621 106.914 44.4637 106.313 44.4637 105.625C44.4637 104.938 43.8621 104.336 43.1745 104.336Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M52.1989 104.336C51.5113 104.336 50.9097 104.938 50.9097 105.625C50.9097 106.313 51.5113 106.914 52.1989 106.914C52.8865 106.914 53.4881 106.313 53.4881 105.625C53.4881 104.938 52.8865 104.336 52.1989 104.336Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 104.336C60.5357 104.336 59.9341 104.938 59.9341 105.625C59.9341 106.313 60.5357 106.914 61.2233 106.914C61.9109 106.914 62.5126 106.313 62.5126 105.625C62.5126 104.938 61.9109 104.336 61.2233 104.336Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.2482 104.336C69.5606 104.336 68.959 104.938 68.959 105.625C68.959 106.313 69.5606 106.914 70.2482 106.914C70.9358 106.914 71.5375 106.313 71.5375 105.625C71.5375 104.938 70.9358 104.336 70.2482 104.336Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.4882 106.828C80.1758 106.828 80.7774 106.227 80.7774 105.539C80.7774 104.852 80.1758 104.25 79.4882 104.25C78.8006 104.25 78.199 104.852 78.199 105.539C78.199 106.227 78.8006 106.828 79.4882 106.828Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M6.98992 113.103C6.30233 113.103 5.70068 113.705 5.70068 114.392C5.70068 115.08 6.30233 115.681 6.98992 115.681C7.67751 115.681 8.27916 115.08 8.27916 114.392C8.27916 113.619 7.76346 113.103 6.98992 113.103Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M16.1008 113.103C15.4132 113.103 14.8115 113.705 14.8115 114.392C14.8115 115.08 15.4132 115.681 16.1008 115.681C16.7884 115.681 17.39 115.08 17.39 114.392C17.304 113.619 16.7884 113.103 16.1008 113.103Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M25.1252 113.103C24.4376 113.103 23.8359 113.705 23.8359 114.392C23.8359 115.08 24.4376 115.681 25.1252 115.681C25.8128 115.681 26.4144 115.08 26.4144 114.392C26.3285 113.619 25.8128 113.103 25.1252 113.103Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M34.1496 113.103C33.462 113.103 32.8604 113.705 32.8604 114.392C32.8604 115.08 33.462 115.681 34.1496 115.681C34.8372 115.681 35.4388 115.08 35.4388 114.392C35.4388 113.619 34.8372 113.103 34.1496 113.103Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M43.1745 113.103C42.4869 113.103 41.8853 113.705 41.8853 114.392C41.8853 115.08 42.4869 115.681 43.1745 115.681C43.8621 115.681 44.4637 115.08 44.4637 114.392C44.4637 113.619 43.8621 113.103 43.1745 113.103Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M52.1989 113.103C51.5113 113.103 50.9097 113.705 50.9097 114.392C50.9097 115.08 51.5113 115.681 52.1989 115.681C52.8865 115.681 53.4881 115.08 53.4881 114.392C53.4881 113.619 52.8865 113.103 52.1989 113.103Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M61.2233 113.103C60.5357 113.103 59.9341 113.705 59.9341 114.392C59.9341 115.08 60.5357 115.681 61.2233 115.681C61.9109 115.681 62.5126 115.08 62.5126 114.392C62.5126 113.619 61.9109 113.103 61.2233 113.103Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.2482 113.103C69.5606 113.103 68.959 113.705 68.959 114.392C68.959 115.08 69.5606 115.681 70.2482 115.681C70.9358 115.681 71.5375 115.08 71.5375 114.392C71.5375 113.619 70.9358 113.103 70.2482 113.103Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.488 78.1215C78.8004 78.1215 78.1987 78.7231 78.1987 79.4107C78.1987 80.0983 78.8004 80.6999 79.488 80.6999C80.1756 80.6999 80.7772 80.0983 80.7772 79.4107C80.7772 78.6372 80.1756 78.1215 79.488 78.1215Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.488 86.8022C78.8004 86.8022 78.1987 87.4039 78.1987 88.0915C78.1987 88.7791 78.8004 89.3807 79.488 89.3807C80.1756 89.3807 80.7772 88.7791 80.7772 88.0915C80.7772 87.4039 80.1756 86.8022 79.488 86.8022Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.488 95.5693C78.8004 95.5693 78.1987 96.171 78.1987 96.8586C78.1987 97.5462 78.8004 98.1478 79.488 98.1478C80.1756 98.1478 80.7772 97.5462 80.7772 96.8586C80.7772 96.171 80.1756 95.5693 79.488 95.5693Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.488 113.103C78.8004 113.103 78.1987 113.705 78.1987 114.392C78.1987 115.08 78.8004 115.681 79.488 115.681C80.1756 115.681 80.7772 115.08 80.7772 114.392C80.7772 113.619 80.1756 113.103 79.488 113.103Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.2482 44.6872C70.9358 44.6872 71.5375 44.0856 71.5375 43.398C71.5375 42.7104 70.9358 42.1088 70.2482 42.1088C69.5606 42.1088 68.959 42.7104 68.959 43.398C68.959 44.0856 69.5606 44.6872 70.2482 44.6872Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.445 44.6872C80.1326 44.6872 80.7342 44.0856 80.7342 43.398C80.7342 42.7104 80.1326 42.1088 79.445 42.1088C78.7574 42.1088 78.2417 42.7104 78.2417 43.398C78.2417 44.0856 78.7574 44.6872 79.445 44.6872Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.248 53.712C70.9356 53.712 71.5372 53.1104 71.5372 52.4228C71.5372 51.7352 70.9356 51.1335 70.248 51.1335C69.5604 51.1335 68.9587 51.7352 68.9587 52.4228C68.9587 53.1963 69.5604 53.712 70.248 53.712Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.4882 53.712C80.1758 53.712 80.7774 53.1104 80.7774 52.4228C80.7774 51.7352 80.1758 51.1335 79.4882 51.1335C78.8006 51.1335 78.199 51.7352 78.199 52.4228C78.199 53.1963 78.8006 53.712 79.4882 53.712Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.4882 62.8226C80.1758 62.8226 80.7774 62.221 80.7774 61.5334C80.7774 60.8458 80.1758 60.2441 79.4882 60.2441C78.8006 60.2441 78.199 60.8458 78.199 61.5334C78.199 62.3069 78.8006 62.8226 79.4882 62.8226Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.2482 62.8226C70.9358 62.8226 71.5375 62.221 71.5375 61.5334C71.5375 60.8458 70.9358 60.2441 70.2482 60.2441C69.5606 60.2441 68.959 60.8458 68.959 61.5334C68.959 62.221 69.5606 62.8226 70.2482 62.8226Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M70.2482 71.8473C70.9358 71.8473 71.5375 71.2456 71.5375 70.558C71.5375 69.8704 70.9358 69.3547 70.2482 69.3547C69.5606 69.3547 68.959 69.9564 68.959 70.644C68.959 71.3316 69.5606 71.8473 70.2482 71.8473Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.4882 69.3547C78.8006 69.3547 78.199 69.9564 78.199 70.644C78.199 71.3316 78.8006 71.9332 79.4882 71.9332C80.1758 71.9332 80.7774 71.3316 80.7774 70.644C80.7774 69.9564 80.1758 69.3547 79.4882 69.3547Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M80.3045 6.35388V6.35388C79.531 6.61173 78.8434 6.86958 78.0698 7.12742V7.12742C78.7574 6.86958 79.531 6.61173 80.3045 6.35388Z"
-      fill="#F1F1F5"
-    />
-    <path
-      d="M44.2056 26.0364V26.0364C44.0337 26.2083 43.8618 26.2942 43.6899 26.4661V26.4661C43.7759 26.2942 44.0337 26.1223 44.2056 26.0364Z"
-      fill="#F1F1F5"
-    />
-    <path
-      d="M215.417 59.1268C216.362 60.7599 217.221 62.4788 218.081 64.1119C217.307 62.4788 216.362 60.7599 215.417 59.1268Z"
-      fill="#F1F1F5"
-    />
-    <path
-      d="M220.488 69.3547C220.831 70.0423 221.089 70.8159 221.433 71.5035C221.175 70.7299 220.831 70.0423 220.488 69.3547Z"
-      fill="#F1F1F5"
-    />
-    <path
-      d="M225.472 83.0205C225.558 83.4503 225.73 83.7941 225.816 84.2238C225.73 83.7941 225.558 83.4503 225.472 83.0205Z"
-      fill="#F1F1F5"
-    />
-    <path
-      d="M78.1987 7.12755C78.1987 7.81514 78.8004 8.41678 79.488 8.41678C80.1756 8.41678 80.7772 7.81514 80.7772 7.12755C80.7772 6.8697 80.6913 6.61185 80.5194 6.354C79.6599 6.61185 78.8863 6.8697 78.1987 7.12755V7.12755Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M79.8315 5.92419L78.7142 6.26799C78.5423 6.52584 78.3704 6.78369 78.3704 7.12748C79.1439 6.86964 79.8315 6.61179 80.605 6.35394C80.4331 6.09609 80.0893 5.92419 79.8315 5.92419Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M28.3909 59.2128C27.4454 59.2128 26.6719 59.9863 26.6719 60.9318C26.6719 61.8772 27.4454 62.6507 28.3909 62.6507C29.3363 62.6507 30.1098 61.8772 30.1098 60.9318C30.1098 59.9863 29.3363 59.2128 28.3909 59.2128Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M29.5086 77.7779C42.5624 77.7779 53.1446 67.1957 53.1446 54.1419C53.1446 41.0881 42.5624 30.5059 29.5086 30.5059C16.4548 30.5059 5.87256 41.0881 5.87256 54.1419C5.87256 67.1957 16.4548 77.7779 29.5086 77.7779Z"
-      fill="#E0E0E0"
-    />
-    <path
-      d="M28.1331 76.7463C41.1869 76.7463 51.7691 66.1641 51.7691 53.1103C51.7691 40.0565 41.1869 29.4742 28.1331 29.4742C15.0793 29.4742 4.49707 40.0565 4.49707 53.1103C4.49707 66.1641 15.0793 76.7463 28.1331 76.7463Z"
-      class="fill-secondary"
-    />
-    <path
-      d="M18.2173 54.1329V52.6212C18.2173 52.2655 18.4841 51.9098 18.9287 51.9098H38.0474C38.4031 51.9098 38.7588 52.1766 38.7588 52.6212V54.1329C38.7588 54.4886 38.492 54.8443 38.0474 54.8443H18.8398C18.4841 54.7554 18.2173 54.4886 18.2173 54.1329Z"
-      class="fill-secondary"
-    />
-    <path
-      d="M29.1552 43.1953H27.6435C27.2878 43.1953 26.9321 43.4621 26.9321 43.9067V63.0254C26.9321 63.3811 27.1989 63.7368 27.6435 63.7368H29.1552C29.5109 63.7368 29.8666 63.4701 29.8666 63.0254V43.8178C29.7777 43.4621 29.5109 43.1953 29.1552 43.1953Z"
-      class="fill-secondary"
-    />
-    <path
-      d="M28.5322 42.4838H27.0205C26.6648 42.4838 26.3091 42.7505 26.3091 43.1952V62.3139C26.3091 62.6696 26.5759 63.0253 27.0205 63.0253H28.5322C28.8879 63.0253 29.2436 62.7585 29.2436 62.3139V43.1952C29.2436 42.8395 28.8879 42.4838 28.5322 42.4838Z"
-      fill="white"
-    />
-    <path
-      d="M17.5059 53.5103V51.9986C17.5059 51.6429 17.7726 51.2872 18.2173 51.2872H37.336C37.6917 51.2872 38.0474 51.554 38.0474 51.9986V53.5103C38.0474 53.866 37.7806 54.2217 37.336 54.2217H18.2173C17.8616 54.2217 17.5059 53.866 17.5059 53.5103Z"
-      fill="white"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M136.503 119.043C136.503 135.123 123.468 148.158 107.389 148.158C100.971 148.158 95.0393 146.079 90.2267 142.561L78.8586 158.14C86.859 163.988 96.7196 167.443 107.389 167.443C134.119 167.443 155.788 145.774 155.788 119.043C155.788 111.289 153.962 103.963 150.72 97.4666L133.455 106.064C135.404 109.972 136.503 114.379 136.503 119.043"
-      fill="#DFDEE3"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M78.2743 119.043C78.2743 117.605 78.3804 116.192 78.5818 114.81L59.5001 112.005C59.1654 114.303 58.989 116.652 58.989 119.043C58.989 135.104 66.8145 149.336 78.8587 158.14L90.2264 142.561C82.9815 137.265 78.2743 128.705 78.2743 119.043"
-      fill="#DFDEE3"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M107.888 70.65L107.688 89.9326C118.976 90.0473 128.723 96.5839 133.453 106.064L150.719 97.4666C142.856 81.7069 126.652 70.8407 107.888 70.65"
-      class="fill-secondary"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M111.776 89.8244C111.893 89.8244 112.009 89.8275 112.125 89.8289L112.356 67.5006C112.163 67.4986 111.97 67.4935 111.776 67.4935C83.5922 67.4935 60.2711 88.2983 56.324 115.388L78.4194 118.635C80.7935 102.34 94.8224 89.8244 111.776 89.8244"
-      class="fill-primary"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M112.636 94.993L107.628 94.9325C107.516 94.9311 107.475 94.9302 107.451 94.9296C107.429 94.9292 107.419 94.9289 107.387 94.9289C95.265 94.9289 85.2254 103.879 83.5279 115.531L82.8061 120.484L53.8306 116.226L54.5506 111.285C58.3121 85.4693 80.528 65.6439 107.387 65.6439C107.529 65.6439 107.762 65.6475 107.876 65.6493C107.907 65.6498 107.93 65.6502 107.939 65.6503L112.94 65.7011L112.636 94.993ZM107.688 89.9328C107.653 89.9324 107.617 89.9318 107.582 89.9312C107.517 89.9301 107.452 89.9289 107.387 89.9289C107.365 89.9289 107.342 89.929 107.32 89.929C92.7337 89.9617 80.6681 100.722 78.5906 114.738C78.587 114.762 78.5835 114.786 78.5801 114.81L59.4984 112.006C59.504 111.966 59.5098 111.927 59.5156 111.888C59.7564 110.263 60.0781 108.664 60.4764 107.096C65.4392 87.5503 82.2928 72.7497 102.886 70.8505C104.342 70.7162 105.817 70.6464 107.308 70.644C107.334 70.6439 107.36 70.6439 107.387 70.6439C107.491 70.6439 107.594 70.6456 107.698 70.6473C107.759 70.6483 107.821 70.6493 107.882 70.6499C107.884 70.65 107.886 70.65 107.888 70.65L107.688 89.9328Z"
-      class="fill-primary"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M184.086 101.259C184.086 100.154 184.981 99.2587 186.086 99.2587H212.571C213.676 99.2587 214.571 100.154 214.571 101.259C214.571 102.363 213.676 103.259 212.571 103.259H186.086C184.981 103.259 184.086 102.363 184.086 101.259Z"
-      class="fill-primary"
-    />
-    <path
-      d="M171.761 97.7015H178.875V104.815H171.761V97.7015Z"
-      class="fill-primary"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M177.875 98.7015H172.761V103.815H177.875V98.7015ZM171.761 97.7015V104.815H178.875V97.7015H171.761Z"
-      class="fill-primary"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M184.086 119.043C184.086 117.939 184.981 117.043 186.086 117.043H212.571C213.676 117.043 214.571 117.939 214.571 119.043C214.571 120.148 213.676 121.043 212.571 121.043H186.086C184.981 121.043 184.086 120.148 184.086 119.043Z"
-      class="fill-secondary"
-    />
-    <path
-      d="M171.761 115.487H178.875V122.601H171.761V115.487Z"
-      class="fill-secondary"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M177.875 116.487H172.761V121.601H177.875V116.487ZM171.761 115.487V122.601H178.875V115.487H171.761Z"
-      class="fill-secondary"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M184.086 136.828C184.086 135.724 184.981 134.828 186.086 134.828H212.571C213.676 134.828 214.571 135.724 214.571 136.828C214.571 137.933 213.676 138.828 212.571 138.828H186.086C184.981 138.828 184.086 137.933 184.086 136.828Z"
-      fill="#DFDEE3"
-    />
-    <path
-      d="M171.761 133.271H178.875V140.385H171.761V133.271Z"
-      fill="#DFDEE3"
-    />
-  </svg>
-</template>
diff --git a/src/components/specific/bcf/create-bcf-topic/CreateBcfTopic.scss b/src/components/specific/bcf/create-bcf-topic/CreateBcfTopic.scss
deleted file mode 100644
index 2029a33af..000000000
--- a/src/components/specific/bcf/create-bcf-topic/CreateBcfTopic.scss
+++ /dev/null
@@ -1,144 +0,0 @@
-.create-bcf-topic {
-  padding: 0 12px 12px 0;
-  height: 100%;
-  flex-direction: column;
-  overflow: auto;
-  overflow-x: hidden;
-  &__header,
-  &__image,
-  &__content,
-  &__footer {
-    width: 100%;
-  }
-  &__header {
-    height: 27px;
-    font-size: 12px;
-    &__index,
-    &__date {
-      height: 100%;
-      padding: 3px;
-      background-color: var(--color-silver-light);
-    }
-    &__index {
-      min-width: 50px;
-    }
-    &__date {
-      min-width: 103px;
-    }
-  }
-  &__image {
-    min-height: 210px;
-    max-height: 295px;
-    &.no-img {
-      height: 210px;
-      border: 2px dashed #d8d8d8;
-    }
-    .img-previews {
-      min-height: 210px;
-      max-height: 295px;
-      grid-template-columns: repeat(3, 1fr);
-      width: 100%;
-      display: grid;
-      gap: 10px;
-      .img-preview {
-        position: relative;
-        img {
-          width: 100%;
-          height: 100%;
-          object-fit: cover;
-        }
-        .img__btn-previous,
-        .img__btn-next,
-        .remove-viewpoint {
-          position: absolute;
-          top: calc(50% - (32px / 2));
-        }
-        .remove-viewpoint {
-          left: calc(50% - (32px / 2));
-        }
-        .img__btn-previous {
-          left: -4%;
-        }
-        .img__btn-next {
-          right: -4%;
-        }
-        &:first-child {
-          height: 210px;
-          grid-area: 1 / 1 / 2 / 5;
-        }
-        &:nth-child(2) {
-          height: 75px;
-          grid-area: 2 / 1 / 3 / 2;
-        }
-        &:nth-child(3) {
-          height: 75px;
-          grid-area: 2 / 2 / 3 / 3;
-        }
-        &:nth-child(4) {
-          height: 75px;
-          grid-area: 2 / 3 / 3 / 4;
-        }
-      }
-    }
-    .img-input {
-      width: 100%;
-      height: 100%;
-      span {
-        width: 52px;
-        height: 52px;
-        background-color: var(--color-silver-light);
-        border-radius: 50px;
-      }
-      .bimdata-btn {
-        label:not([disabled]) {
-          width: 100%;
-          height: 100%;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          cursor: pointer;
-        }
-      }
-    }
-  }
-  &__add-img {
-    label {
-      width: 100%;
-      height: 32px;
-      cursor: pointer;
-    }
-    input:disabled + label {
-      cursor: auto;
-    }
-  }
-  &__content {
-    .bimdata-input,
-    .bimdata-select,
-    .bimdata-textarea {
-      margin: 30px 0;
-    }
-    &:deep() {
-      .bimdata-input {
-        input {
-          color: var(--color-primary);
-          font-size: 13px;
-        }
-      }
-      .bimdata-select {
-        font-size: 13px;
-      }
-      .bimdata-textarea {
-        textarea {
-          font-family: var(--primary-font);
-          color: var(--color-primary);
-          font-size: 13px;
-        }
-      }
-    }
-    .due-date {
-      p {
-        font-size: 11px;
-      }
-    }
-  }
-}
diff --git a/src/components/specific/bcf/create-bcf-topic/CreateBcfTopic.vue b/src/components/specific/bcf/create-bcf-topic/CreateBcfTopic.vue
deleted file mode 100644
index 8070b848d..000000000
--- a/src/components/specific/bcf/create-bcf-topic/CreateBcfTopic.vue
+++ /dev/null
@@ -1,341 +0,0 @@
-<template>
-  <div class="create-bcf-topic">
-    <div class="create-bcf-topic__header flex items-center justify-between">
-      <div
-        class="create-bcf-topic__header__index flex items-center justify-center"
-      >
-        {{ nextIndex }}
-      </div>
-      <div
-        class="create-bcf-topic__header__date flex items-center justify-center"
-      >
-        {{ $d(new Date(), "short") }}
-      </div>
-    </div>
-    <div
-      class="create-bcf-topic__image flex items-center justify-center m-t-24"
-      :class="{ 'no-img': !viewpoints.length > 0 }"
-    >
-      <div class="img-previews flex" v-if="viewpoints.length > 0">
-        <div
-          class="img-preview"
-          v-for="(viewpoint, i) in viewpoints.slice(0, 4)"
-          :key="i"
-        >
-          <img :src="viewpoint.snapshot.snapshot_data" loading="lazy" />
-          <BIMDataButton
-            color="default"
-            fill
-            rounded
-            icon
-            @click="removeViewpoint(i)"
-            class="remove-viewpoint"
-          >
-            <BIMDataIcon name="delete" size="xs" fill color="high" />
-          </BIMDataButton>
-        </div>
-      </div>
-      <div class="img-input flex flex-col items-center justify-center" v-else>
-        <span class="flex items-center justify-center">
-          <BIMDataIcon name="unarchive" fill color="default" size="m" />
-        </span>
-        <BIMDataButton color="primary" outline radius class="m-t-18">
-          <label for="files">
-            {{ $t("CreateBcfTopic.dragDropImageText") }}
-          </label>
-          <input
-            type="file"
-            accept="image/png, image/jpeg"
-            multiple
-            @change="upload"
-            id="files"
-            style="display: none"
-          />
-        </BIMDataButton>
-      </div>
-    </div>
-    <div
-      class="create-bcf-topic__add-img flex justify-center m-t-18"
-      v-if="viewpoints.length > 0"
-    >
-      <BIMDataButton
-        width="100%"
-        color="primary"
-        fill
-        radius
-        :disabled="viewpoints.length >= 4"
-      >
-        <input
-          type="file"
-          accept="image/png, image/jpeg"
-          multiple
-          @change="upload"
-          id="files"
-          style="display: none"
-          :disabled="viewpoints.length >= 4"
-        />
-        <label for="files" class="flex items-center justify-center">
-          <BIMDataIcon name="camera" size="xs" margin="0 12px 0 0" />
-          {{ $t("CreateBcfTopic.addPictureButton") }}
-        </label>
-      </BIMDataButton>
-    </div>
-
-    <div class="create-bcf-topic__content m-t-36">
-      <BIMDataInput
-        :placeholder="$t('CreateBcfTopic.titlePlaceholder')"
-        v-model="topicTitle"
-        :error="hasError"
-        :errorMessage="$t('CreateBcfTopic.titleErrorMessage')"
-        @keyup.enter.stop="submit"
-      />
-      <BIMDataSelect
-        width="100%"
-        :label="$t('CreateBcfTopic.typeLabel')"
-        :options="detailedExtensions.topicTypes"
-        optionKey="id"
-        optionLabelKey="topicType"
-        v-model="topicType"
-      />
-      <BIMDataSelect
-        width="100%"
-        :label="$t('CreateBcfTopic.priorityLabel')"
-        :options="detailedExtensions.priorities"
-        optionKey="id"
-        optionLabelKey="priority"
-        v-model="topicPriority"
-      />
-      <BIMDataSelect
-        width="100%"
-        :label="$t('CreateBcfTopic.statusLabel')"
-        :options="detailedExtensions.topicStatuses"
-        optionKey="id"
-        optionLabelKey="topicStatus"
-        v-model="topicStatus"
-      />
-      <BIMDataSelect
-        width="100%"
-        :label="$t('CreateBcfTopic.stageLabel')"
-        :options="detailedExtensions.stages"
-        optionKey="id"
-        optionLabelKey="stage"
-        v-model="topicPhase"
-      />
-      <BIMDataSelect
-        width="100%"
-        :label="$t('CreateBcfTopic.assignedToLabel')"
-        :options="extensions.userIdType"
-        v-model="topicAssignedTo"
-      />
-      <div class="due-date">
-        <BIMDataInput
-          margin="0"
-          v-model="topicDate"
-          :placeholder="$t('CreateBcfTopic.dueDateLabel')"
-          :error="hasDateError"
-          :errorMessage="$t('CreateBcfTopic.dateErrorMessage')"
-        />
-        <p class="m-y-6">{{ $t("CreateBcfTopic.dateExample") }}</p>
-      </div>
-      <BIMDataTextarea
-        :label="$t('CreateBcfTopic.descriptionLabel')"
-        name="description"
-        v-model="topicDescription"
-        width="100%"
-        fitContent
-        resizable
-      />
-      <BIMDataSelect
-        :multi="true"
-        width="100%"
-        :label="$t('CreateBcfTopic.tagsLabel')"
-        :options="detailedExtensions.topicLabels"
-        optionKey="id"
-        optionLabelKey="label"
-        v-model="topicTags"
-      />
-    </div>
-    <div class="create-bcf-topic__footer m-t-24">
-      <BIMDataButton
-        width="100%"
-        color="primary"
-        fill
-        radius
-        @click="submit"
-        :disabled="topicTitle === ''"
-      >
-        {{ $t("CreateBcfTopic.validateButton") }}
-      </BIMDataButton>
-    </div>
-    <div v-if="loading" class="overlay flex items-center justify-center">
-      <BIMDataLoading />
-    </div>
-  </div>
-</template>
-
-<script>
-import { computed, ref, watch } from "vue";
-
-import { useBcf } from "@/state/bcf.js";
-import { useProjects } from "@/state/projects.js";
-import { useAppNotification } from "@/components/specific/app/app-notification/app-notification.js";
-import { formatToDateObject, regexDate } from "@/utils/date";
-
-export default {
-  props: {
-    bcfTopics: {
-      type: Array
-    }
-  },
-  emits: ["submit"],
-  setup(props) {
-    const { currentProject } = useProjects();
-    const {
-      loadExtensions,
-      loadBcfTopics,
-      extensions,
-      detailedExtensions,
-      createFullTopic
-    } = useBcf();
-
-    const nextIndex = computed(() => {
-      if (props.bcfTopics && props.bcfTopics.length > 0) {
-        return (
-          props.bcfTopics.reduce(
-            (acc, cur) => (cur.index > acc ? cur.index : acc),
-            0
-          ) + 1
-        );
-      } else {
-        return 1;
-      }
-    });
-
-    watch(
-      () => currentProject.value,
-      async () => {
-        await loadExtensions(currentProject.value);
-      },
-      {
-        immediate: true
-      }
-    );
-
-    const viewpoints = ref([]);
-    const upload = event => {
-      [...event.target.files].forEach(file => {
-        const reader = new FileReader();
-        reader.addEventListener("load", () => {
-          viewpoints.value.push({
-            snapshot: {
-              snapshot_type: file.type,
-              snapshot_data: reader.result
-            }
-          });
-        });
-        reader.readAsDataURL(file);
-      });
-    };
-
-    const removeViewpoint = index => {
-      viewpoints.value.splice(index, 1);
-    };
-
-    const topicTitle = ref("");
-    const topicDescription = ref("");
-    const topicType = ref();
-    const topicPriority = ref();
-    const topicStatus = ref();
-    const topicPhase = ref();
-    const topicAssignedTo = ref();
-    const topicDate = ref("");
-    const topicTags = ref([]);
-    const hasError = ref(false);
-    const hasDateError = ref(false);
-    const { pushNotification } = useAppNotification();
-    const loading = ref(false);
-
-    const isDateConform = ({ value }) => {
-      if (!value) {
-        return true;
-      }
-      if (!value.match(regexDate)) {
-        return false;
-      }
-      const dateToCompare = formatToDateObject(value);
-      const today = new Date();
-      today.setHours(0, 0, 0, 0);
-      return dateToCompare.getTime() >= today.getTime();
-    };
-
-    const submit = async () => {
-      if (!isDateConform(topicDate)) {
-        hasDateError.value = true;
-        return;
-      }
-      if (topicTitle.value && isDateConform(topicDate)) {
-        const body = {
-          title: topicTitle.value,
-          topic_type: topicType.value?.topicType,
-          priority: topicPriority.value?.priority,
-          topic_status: topicStatus.value?.topicStatus,
-          stage: topicPhase.value?.stage,
-          assigned_to: topicAssignedTo?.value,
-          description: topicDescription?.value,
-          labels: topicTags.value?.map(topicTag => topicTag.label),
-          viewpoints: viewpoints.value
-        };
-        if (topicDate.value) {
-          body.dueDate = formatToDateObject(topicDate.value);
-        }
-        loading.value = true;
-        await createFullTopic(currentProject.value, body);
-        pushNotification({
-          type: "success",
-          title: "Success",
-          message: "Topic BCF Créée"
-        });
-        await loadBcfTopics(currentProject.value);
-        topicTitle.value = "";
-        topicType.value = null;
-        topicPriority.value = null;
-        topicStatus.value = null;
-        topicPhase.value = null;
-        topicAssignedTo.value = null;
-        topicDate.value = "";
-        topicDescription.value = "";
-        topicTags.value = [];
-        viewpoints.value = [];
-        hasDateError.value = false;
-        loading.value = false;
-      } else {
-        hasError.value = true;
-      }
-    };
-
-    return {
-      loading,
-      hasError,
-      hasDateError,
-      topicTitle,
-      topicType,
-      topicPriority,
-      topicStatus,
-      topicPhase,
-      topicAssignedTo,
-      topicDate,
-      topicDescription,
-      topicTags,
-      nextIndex,
-      extensions,
-      detailedExtensions,
-      viewpoints,
-      removeViewpoint,
-      submit,
-      upload
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./CreateBcfTopic.scss"></style>
diff --git a/src/components/specific/bcf/create-bcf-topic/tags-input/TagsInput.scss b/src/components/specific/bcf/create-bcf-topic/tags-input/TagsInput.scss
deleted file mode 100644
index fbb7917fb..000000000
--- a/src/components/specific/bcf/create-bcf-topic/tags-input/TagsInput.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-ul {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  flex-wrap: wrap;
-  font-size: 12px;
-  .tag {
-    background: var(--color-silver);
-    border-radius: 3px;
-    color: var(--color-granite);
-    svg {
-      cursor: pointer;
-    }
-  }
-}
diff --git a/src/components/specific/bcf/create-bcf-topic/tags-input/TagsInput.vue b/src/components/specific/bcf/create-bcf-topic/tags-input/TagsInput.vue
deleted file mode 100644
index 688ca0d13..000000000
--- a/src/components/specific/bcf/create-bcf-topic/tags-input/TagsInput.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <div class="tag-input bimdata-input">
-    <input
-      v-model="newTag"
-      type="text"
-      @keydown.enter="addTag(newTag)"
-      @keydown.prevent.tab="addTag(newTag)"
-      @keydown.delete="newTag.length || removeTag(tags.length - 1)"
-    />
-    <label for="bimdata-input">
-      {{ $t("CreateBcfTopic.tagsLabel") }}
-    </label>
-    <span class="bar"></span>
-    <ul class="tags bimdata-list m-t-6">
-      <li
-        v-for="(tag, index) in tags"
-        :key="tag"
-        class="tag flex items-center p-6"
-      >
-        <span class="m-r-6">{{ tag }}</span>
-        <BIMDataIcon
-          name="close"
-          fill
-          color="granite"
-          size="xxxs"
-          @click="removeTag(index)"
-        />
-      </li>
-    </ul>
-  </div>
-</template>
-<script>
-import { ref, watchEffect } from "vue";
-export default {
-  props: {
-    modelValue: { type: Array, default: () => [] }
-  },
-  emits: ["update:modelValue"],
-  setup(props, { emit }) {
-    const tags = ref(props.modelValue);
-    const newTag = ref("");
-    const addTag = tag => {
-      tags.value.push(tag);
-      newTag.value = "";
-    };
-    const removeTag = index => {
-      tags.value.splice(index, 1);
-    };
-
-    watchEffect(() => {
-      tags.value = props.modelValue;
-    });
-
-    const onTagsChange = () => {
-      emit("update:modelValue", tags.value);
-      tags.value = [];
-    };
-    return { tags, newTag, addTag, removeTag, onTagsChange };
-  }
-};
-</script>
-<style scoped lang="scss" src="./TagsInput.scss"></style>
diff --git a/src/components/specific/bcf/edit-bcf-topic/EditBcfTopic.scss b/src/components/specific/bcf/edit-bcf-topic/EditBcfTopic.scss
deleted file mode 100644
index 60b08351a..000000000
--- a/src/components/specific/bcf/edit-bcf-topic/EditBcfTopic.scss
+++ /dev/null
@@ -1,133 +0,0 @@
-.edit-bcf-topic {
-  height: 100%;
-  &__header {
-    span {
-      width: calc(100% - 54px - 12px);
-    }
-  }
-  &__content {
-    height: calc(100% - 32px - 32px - 12px);
-    overflow: auto;
-    &__subheader {
-      height: 27px;
-      font-size: 12px;
-      &__index,
-      &__date {
-        height: 100%;
-        background-color: var(--color-silver-light);
-      }
-      &__index {
-        min-width: 27px;
-      }
-    }
-    &__image:not(.no-img) {
-      min-height: 42px;
-      position: relative;
-      img {
-        width: 100%;
-      }
-      .img-previews {
-        min-height: 210px;
-        max-height: 295px;
-        grid-template-columns: repeat(3, 1fr);
-        width: 100%;
-        display: grid;
-        grid-column-gap: 10px;
-        grid-row-gap: 10px;
-        .img-preview {
-          position: relative;
-          img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-          }
-          .remove-viewpoint {
-            position: absolute;
-            top: calc(50% - (32px / 2));
-            left: calc(50% - (32px / 2));
-          }
-          &:first-child {
-            height: 210px;
-            grid-area: 1 / 1 / 2 / 5;
-          }
-          &:nth-child(2) {
-            height: 75px;
-            grid-area: 2 / 1 / 3 / 2;
-          }
-          &:nth-child(3) {
-            height: 75px;
-            grid-area: 2 / 2 / 3 / 3;
-          }
-          &:nth-child(4) {
-            height: 75px;
-            grid-area: 2 / 3 / 3 / 4;
-          }
-        }
-      }
-    }
-    .no-img {
-      height: 210px;
-      border: 2px dashed #d8d8d8;
-      .img-input {
-        width: 100%;
-        height: 100%;
-        span {
-          width: 52px;
-          height: 52px;
-          background-color: var(--color-silver-light);
-          border-radius: 50px;
-        }
-        .bimdata-btn {
-          label:not([disabled]) {
-            width: 100%;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-          }
-        }
-      }
-    }
-    &__content {
-      &:deep() {
-        .bimdata-input {
-          input {
-            color: var(--color-granite);
-            font-size: 13px;
-          }
-        }
-        .bimdata-select {
-          margin: 30px 0;
-          font-size: 13px;
-        }
-        .bimdata-textarea {
-          textarea {
-            font-family: var(--primary-font);
-            color: var(--color-granite);
-            font-size: 13px;
-          }
-        }
-      }
-    }
-    &__add-img {
-      label {
-        width: 100%;
-        height: 32px;
-        cursor: pointer;
-      }
-      input:disabled + label {
-        cursor: auto;
-      }
-    }
-  }
-  .overlay {
-    position: absolute;
-    left: 0;
-    top: 0;
-    background-color: rgba(47, 55, 74, 0.9);
-    height: 100%;
-    width: 100%;
-    z-index: 10;
-  }
-}
diff --git a/src/components/specific/bcf/edit-bcf-topic/EditBcfTopic.vue b/src/components/specific/bcf/edit-bcf-topic/EditBcfTopic.vue
deleted file mode 100644
index f73eaf740..000000000
--- a/src/components/specific/bcf/edit-bcf-topic/EditBcfTopic.vue
+++ /dev/null
@@ -1,426 +0,0 @@
-<template>
-  <div class="edit-bcf-topic">
-    <div class="edit-bcf-topic__header flex items-center justify-between">
-      <BIMDataButton color="default" ripple icon @click="goBack">
-        <BIMDataIcon
-          name="arrow"
-          fill
-          color="granite-light"
-          size="xxs"
-          margin="0 6px 0 0"
-        />
-        {{ $t("EditBcfTopic.goBackButton") }}
-      </BIMDataButton>
-      <span class="text-center">
-        <BIMDataTextbox maxWidth="80%" :text="bcfTopic.title" />
-      </span>
-    </div>
-    <div class="edit-bcf-topic__content p-r-6">
-      <div
-        class="edit-bcf-topic__content__subheader flex items-center justify-between m-t-12"
-      >
-        <div
-          class="edit-bcf-topic__content__subheader__index flex items-center justify-center p-x-6"
-        >
-          {{ bcfTopic.index }}
-        </div>
-        <div
-          class="edit-bcf-topic__content__subheader__date flex items-center justify-center p-x-6"
-        >
-          {{ $d(bcfTopic.creationDate, "short") }}
-        </div>
-      </div>
-      <div
-        class="edit-bcf-topic__content__image flex items-center justify-center m-t-12"
-        :class="{
-          'no-img': viewpointWithSnapshot.length === 0
-        }"
-      >
-        <div class="img-previews flex" v-if="viewpointWithSnapshot.length > 0">
-          <div
-            class="img-preview"
-            v-for="viewpoint in viewpointWithSnapshot.slice(0, 4)"
-            :key="viewpoint.guid"
-          >
-            <img
-              v-if="viewpoint.snapshot.snapshotData"
-              :src="viewpoint.snapshot.snapshotData"
-            />
-            <BIMDataButton
-              color="default"
-              fill
-              rounded
-              icon
-              @click="removeViewpoint(viewpoint)"
-              class="remove-viewpoint"
-            >
-              <BIMDataIcon name="delete" size="xs" fill color="high" />
-            </BIMDataButton>
-          </div>
-        </div>
-        <div class="img-input flex flex-col items-center justify-center" v-else>
-          <span class="flex items-center justify-center">
-            <BIMDataIcon name="unarchive" fill color="default" size="m" />
-          </span>
-          <BIMDataButton color="primary" outline radius class="m-t-18">
-            <label for="files">
-              {{ $t("EditBcfTopic.dragDropImageText") }}</label
-            >
-            <input
-              type="file"
-              accept="image/png, image/jpeg"
-              multiple
-              @change="upload"
-              id="files"
-              style="display: none"
-            />
-          </BIMDataButton>
-        </div>
-      </div>
-      <div
-        class="edit-bcf-topic__content__add-img flex justify-center m-t-18"
-        v-if="viewpoints.length > 0 || bcfTopic.viewpoints.length > 0"
-      >
-        <BIMDataButton
-          width="100%"
-          color="primary"
-          fill
-          radius
-          :disabled="viewpointWithSnapshot.length >= 4"
-        >
-          <input
-            type="file"
-            accept="image/png, image/jpeg"
-            multiple
-            @change="upload"
-            id="files"
-            style="display: none"
-            :disabled="viewpointWithSnapshot.length >= 4"
-          />
-          <label
-            for="files"
-            class="flex items-center justify-center"
-            :disabled="viewpointWithSnapshot.length >= 4"
-          >
-            <BIMDataIcon name="camera" size="xs" margin="0 12px 0 0" />
-            {{ $t("EditBcfTopic.addPictureButton") }}
-          </label>
-        </BIMDataButton>
-      </div>
-
-      <div class="edit-bcf-topic__content__content m-t-36">
-        <BIMDataInput
-          :placeholder="$t('EditBcfTopic.titlePlaceholder')"
-          v-model="topicTitle"
-          :errorMessage="$t('EditBcfTopic.titleErrorMessage')"
-        />
-        <BIMDataSelect
-          width="100%"
-          :label="$t('EditBcfTopic.typeLabel')"
-          :options="extensions.topicType"
-          v-model="topicType"
-        />
-        <BIMDataSelect
-          width="100%"
-          :label="$t('EditBcfTopic.priorityLabel')"
-          :options="extensions.priority"
-          v-model="topicPriority"
-        />
-        <BIMDataSelect
-          width="100%"
-          :label="$t('EditBcfTopic.statusLabel')"
-          :options="extensions.topicStatus"
-          v-model="topicStatus"
-        />
-        <BIMDataSelect
-          width="100%"
-          :label="$t('EditBcfTopic.stageLabel')"
-          :options="extensions.stage"
-          v-model="topicPhase"
-        />
-        <BIMDataSelect
-          width="100%"
-          :label="$t('EditBcfTopic.assignedToLabel')"
-          :options="extensions.userIdType"
-          v-model="topicAssignedTo"
-        />
-        <div class="due-date m-b-30">
-          <BIMDataInput
-            margin="0"
-            v-model="topicDate"
-            :placeholder="$t('CreateBcfTopic.dueDateLabel')"
-            :error="hasDateError"
-            :errorMessage="$t('CreateBcfTopic.dateErrorMessage')"
-          />
-          <p class="m-y-6">{{ $t("CreateBcfTopic.dateExample") }}</p>
-        </div>
-        <BIMDataTextarea
-          :label="$t('EditBcfTopic.descriptionLabel')"
-          name="description"
-          v-model="topicDescription"
-          width="100%"
-          fitContent
-          resizable
-        />
-        <TagsInput v-model="topicTags" class="m-t-24" />
-      </div>
-    </div>
-    <div class="edit-bcf-topic__footer m-t-12">
-      <BIMDataButton
-        width="100%"
-        color="primary"
-        fill
-        radius
-        @click="updateBcfTopic"
-      >
-        {{ $t("EditBcfTopic.editButton") }}
-      </BIMDataButton>
-    </div>
-    <EditBcfTopicModal
-      v-if="openModal"
-      :bcfTopic="bcfTopic"
-      @close="$emit('close')"
-      @continue="openModal = false"
-    />
-    <div v-if="loading" class="overlay flex items-center justify-center">
-      <BIMDataLoading />
-    </div>
-  </div>
-</template>
-
-<script>
-import { ref, watch, computed } from "vue";
-
-import { useI18n } from "vue-i18n";
-import { useBcf } from "@/state/bcf.js";
-import { useProjects } from "@/state/projects.js";
-import { formatToDateObject, regexDate, formatDate } from "@/utils/date";
-
-import EditBcfTopicModal from "./edit-bcf-topic-modal/EditBcfTopicModal.vue";
-import TagsInput from "../create-bcf-topic/tags-input/TagsInput.vue";
-
-import _ from "lodash";
-
-export default {
-  components: {
-    EditBcfTopicModal,
-    TagsInput
-  },
-  props: {
-    bcfTopic: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["close"],
-  setup(props, { emit }) {
-    const viewpointWithSnapshot = computed(() => {
-      return props.bcfTopic.viewpoints.filter(viewpoint =>
-        Boolean(viewpoint.snapshot)
-      );
-    });
-
-    const { d } = useI18n();
-
-    const { extensions, updateTopic, deleteViewpoint } = useBcf();
-    const topicTitle = ref("");
-    const topicType = ref("");
-    const topicPriority = ref("");
-    const topicStatus = ref("");
-    const topicPhase = ref("");
-    const topicDate = ref("");
-    const topicAssignedTo = ref("");
-    const topicDescription = ref("");
-    const topicTags = ref([]);
-    const hasDateError = ref(false);
-    const viewpointsToDelete = ref([]);
-
-    const viewpoints = ref(props.bcfTopic.viewpoints);
-    const upload = event => {
-      [...event.target.files].forEach(file => {
-        const reader = new FileReader();
-        reader.addEventListener("load", () => {
-          viewpoints.value.push({
-            snapshot: {
-              snapshotType: file.type,
-              snapshotData: reader.result
-            }
-          });
-        });
-        reader.readAsDataURL(file);
-      });
-    };
-    const removeViewpoint = viewpoint => {
-      viewpointsToDelete.value.push(viewpoint);
-      const index = viewpoints.value.indexOf(viewpoint);
-      viewpoints.value.splice(index, 1);
-    };
-
-    watch(
-      () => props.bcfTopic,
-      () => {
-        topicTitle.value = props.bcfTopic.title;
-        if (props.bcfTopic.topicType) {
-          topicType.value = props.bcfTopic.topicType;
-        } else {
-          topicType.value = null;
-        }
-        if (props.bcfTopic.priority) {
-          topicPriority.value = props.bcfTopic.priority;
-        } else {
-          topicPriority.value = null;
-        }
-        if (props.bcfTopic.topicStatus) {
-          topicStatus.value = props.bcfTopic.topicStatus;
-        } else {
-          topicStatus.value = null;
-        }
-        if (props.bcfTopic.stage) {
-          topicPhase.value = props.bcfTopic.stage;
-        } else {
-          topicPhase.value = null;
-        }
-        if (props.bcfTopic.assignedTo) {
-          topicAssignedTo.value = props.bcfTopic.assignedTo;
-        } else {
-          topicAssignedTo.value = null;
-        }
-        if (props.bcfTopic.dueDate) {
-          topicDate.value = d(props.bcfTopic.dueDate);
-        } else {
-          topicDate.value = null;
-        }
-        if (props.bcfTopic.description) {
-          topicDescription.value = props.bcfTopic.description;
-        } else {
-          topicDescription.value = null;
-        }
-        if (props.bcfTopic.labels) {
-          topicTags.value = props.bcfTopic.labels;
-        } else {
-          topicTags.value = [];
-        }
-        if (props.bcfTopic.viewpoints) {
-          viewpoints.value = props.bcfTopic.viewpoints;
-        } else {
-          viewpoints.value = [];
-        }
-      },
-      { immediate: true }
-    );
-
-    const { currentProject } = useProjects();
-    const loading = ref(false);
-
-    const snakeify = obj =>
-      _.transform(obj, (acc, value, key, target) => {
-        const snakeKey = _.isArray(target) ? key : _.snakeCase(key);
-        acc[snakeKey] =
-          _.isObject(value) && !_.isDate(value) ? snakeify(value) : value;
-      });
-
-    const isDateConform = ({ value }) => {
-      if (!value) {
-        return true;
-      }
-      if (!value.match(regexDate)) {
-        return false;
-      }
-      const dateToCompare = formatToDateObject(value);
-      const today = new Date();
-      today.setHours(0, 0, 0, 0);
-      return dateToCompare.getTime() >= today.getTime();
-    };
-
-    const updateBcfTopic = async () => {
-      if (!isDateConform(topicDate)) {
-        hasDateError.value = true;
-        return;
-      }
-      if (topicTitle.value && isDateConform(topicDate)) {
-        loading.value = true;
-        const viewpoints_json = viewpoints.value.map(viewpoint => {
-          const viewpoint_json = { ...viewpoint };
-          if ("snapshot" in viewpoint_json && !viewpoint.snapshot) {
-            delete viewpoint_json.snapshot;
-          }
-          if (viewpoint.snapshot) {
-            if (viewpoint_json.snapshot.snapshotData.startsWith("http")) {
-              // If the viewpoint is an URL, it's not a new viewpoint and we don't want to update it
-              delete viewpoint_json.snapshot;
-            }
-          }
-          return viewpoint_json;
-        });
-
-        const body = {
-          title: topicTitle.value,
-          topicType: topicType.value,
-          priority: topicPriority.value,
-          topicStatus: topicStatus.value,
-          stage: topicPhase.value,
-          assignedTo: topicAssignedTo.value,
-          description: topicDescription.value,
-          labels: topicTags.value,
-          viewpoints: viewpoints_json
-        };
-        if (topicDate.value) {
-          body.dueDate = formatDate(topicDate.value);
-        }
-        if (viewpointsToDelete.value.length > 0) {
-          await Promise.all(
-            viewpointsToDelete.value.map(viewpoint =>
-              deleteViewpoint(currentProject.value, props.bcfTopic, viewpoint)
-            )
-          );
-        }
-        await updateTopic(currentProject.value, props.bcfTopic, snakeify(body));
-        loading.value = false;
-      }
-    };
-
-    const openModal = ref(false);
-    const goBack = () => {
-      if (
-        topicTitle.value !== props.bcfTopic.title ||
-        topicType.value !== (props.bcfTopic.topicType || null) ||
-        topicPriority.value !== (props.bcfTopic.priority || null) ||
-        topicStatus.value !== (props.bcfTopic.topicStatus || null) ||
-        topicPhase.value !== (props.bcfTopic.stage || null) ||
-        topicAssignedTo.value !== (props.bcfTopic.assignedTo || null) ||
-        topicDescription.value !== (props.bcfTopic.description || "" || null) ||
-        viewpoints.value !== (props.bcfTopic.viewpoints || [])
-      ) {
-        openModal.value = true;
-      } else {
-        emit("close");
-      }
-    };
-
-    return {
-      viewpointWithSnapshot,
-      loading,
-      openModal,
-      topicTitle,
-      topicType,
-      topicPriority,
-      topicStatus,
-      topicPhase,
-      topicAssignedTo,
-      topicDate,
-      hasDateError,
-      topicDescription,
-      extensions,
-      topicTags,
-      viewpoints,
-      // Methods
-      updateBcfTopic,
-      removeViewpoint,
-      goBack,
-      upload
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss" src="./EditBcfTopic.scss"></style>
diff --git a/src/components/specific/bcf/edit-bcf-topic/edit-bcf-topic-modal/EditBcfTopicModal.scss b/src/components/specific/bcf/edit-bcf-topic/edit-bcf-topic-modal/EditBcfTopicModal.scss
deleted file mode 100644
index b4a667df8..000000000
--- a/src/components/specific/bcf/edit-bcf-topic/edit-bcf-topic-modal/EditBcfTopicModal.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-.overlay {
-  position: absolute;
-  left: 0;
-  top: 0;
-  background-color: rgba(47, 55, 74, 0.9);
-  height: 100%;
-  width: 100%;
-  z-index: 10;
-}
-.edit-modal {
-  flex-direction: column;
-  height: auto;
-  background-color: var(--color-white);
-  width: 90%;
-  box-shadow: var(--box-shadow);
-  &__btns {
-    width: 100%;
-    .bimdata-btn {
-      padding: 0 10px;
-    }
-  }
-}
diff --git a/src/components/specific/bcf/edit-bcf-topic/edit-bcf-topic-modal/EditBcfTopicModal.vue b/src/components/specific/bcf/edit-bcf-topic/edit-bcf-topic-modal/EditBcfTopicModal.vue
deleted file mode 100644
index 24228fa15..000000000
--- a/src/components/specific/bcf/edit-bcf-topic/edit-bcf-topic-modal/EditBcfTopicModal.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <div class="overlay flex items-center justify-center">
-    <div class="edit-modal flex items-center justify-center p-y-18 p-x-12">
-      <BIMDataIcon name="warning" fill color="high" size="xs" />
-      <span class="text-center m-y-12">
-        {{ $t("EditBcfTopicModal.modalText", { name: bcfTopic.title }) }}
-      </span>
-      <div class="edit-modal__btns flex justify-center items-center">
-        <BIMDataButton
-          color="high"
-          fill
-          radius
-          @click="$emit('close')"
-          class="m-r-12"
-        >
-          {{ $t("EditBcfTopicModal.cancelButton") }}
-        </BIMDataButton>
-        <BIMDataButton
-          color="primary"
-          outline
-          radius
-          @click="$emit('continue')"
-        >
-          {{ $t("EditBcfTopicModal.continueButton") }}
-        </BIMDataButton>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    bcfTopic: {
-      type: Object
-    }
-  },
-  emits: ["close", "continue"]
-};
-</script>
-
-<style scoped lang="scss" src="./EditBcfTopicModal.scss"></style>
diff --git a/src/services/BcfService.js b/src/services/BcfService.js
index 08f744a18..a8b9e319d 100644
--- a/src/services/BcfService.js
+++ b/src/services/BcfService.js
@@ -1,8 +1,6 @@
 import apiClient from "./api-client.js";
 
 class BcfService {
-  // --- BCF Topics API ---
-
   async fetchProjectTopics(project) {
     try {
       return await apiClient.bcfApi.getTopics(project.id);
@@ -11,65 +9,37 @@ class BcfService {
     }
   }
 
-  async fetchTopicViewpoints(project, topic, imgFormat = null) {
+  async fetchTopicViewpoints(project, topic, imgFormat = "url") {
     try {
       return await apiClient.bcfApi.getTopicViewpoints(
         project.id,
         topic.guid,
-        imgFormat ? "url" : null
+        imgFormat
       );
     } catch (error) {
       console.log(error);
     }
   }
 
-  async createTopic(project, topic) {
-    try {
-      return await apiClient.bcfApi.createTopic(project.id, topic);
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  async createFullTopic(project, topic) {
-    try {
-      return await apiClient.bcfApi.createFullTopic(project.id, topic);
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  async updateFullTopic(project, topic, data) {
+  async fetchTopicComments(project, topic) {
     try {
-      return await apiClient.bcfApi.updateFullTopic(
-        topic.guid,
-        project.id,
-        data
-      );
+      return await apiClient.bcfApi.getComments(project.id, topic.guid);
     } catch (error) {
       console.log(error);
     }
   }
 
-  async createViewpoint(project, topic, viewpoint) {
+  async fetchExtensions(project) {
     try {
-      return await apiClient.bcfApi.createViewpoint(
-        project.id,
-        topic.guid,
-        viewpoint
-      );
+      return await apiClient.bcfApi.getExtensions(project.id);
     } catch (error) {
       console.log(error);
     }
   }
 
-  async deleteViewpoint(project, topic, viewpoint) {
+  async fetchDetailedExtensions(project) {
     try {
-      return await apiClient.bcfApi.deleteViewpoint(
-        viewpoint.guid,
-        project.id,
-        topic.guid
-      );
+      return await apiClient.bcfApi.getDetailedExtensions(project.id);
     } catch (error) {
       console.log(error);
     }
@@ -102,112 +72,6 @@ class BcfService {
       console.log(error);
     }
   }
-
-  // --- BCF Extensions API ---
-
-  async fetchExtensions(project) {
-    try {
-      return await apiClient.bcfApi.getExtensions(project.id);
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  async fetchDetailedExtensions(project) {
-    try {
-      return await apiClient.bcfApi.getDetailedExtensions(project.id);
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  async createExtension(project, extensionType, data) {
-    try {
-      return await apiClient.bcfApi["createExtension" + extensionType](
-        project.id,
-        data
-      );
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  async updateExtension(project, extensionType, extensionId, data) {
-    try {
-      return await apiClient.bcfApi["updateExtension" + extensionType](
-        extensionId,
-        project.id,
-        data
-      );
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  async deleteExtension(project, extensionType, extension) {
-    try {
-      return await apiClient.bcfApi["deleteExtension" + extensionType](
-        extension.id,
-        project.id
-      );
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  async deleteTopic(project, topic) {
-    try {
-      return await apiClient.bcfApi.deleteTopic({
-        projectsPk: project.id,
-        guid: topic.guid
-      });
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  // --- BCF Topic Comments API ---
-
-  async fetchAllComments(project, topic) {
-    try {
-      return await apiClient.bcfApi.getComments(project.id, topic.guid);
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  async createComment(project, topic, data) {
-    try {
-      return await apiClient.bcfApi.createComment(project.id, topic.guid, data);
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  async updateComment(project, topic, comment, data) {
-    try {
-      return await apiClient.bcfApi.updateComment(
-        comment.guid,
-        project.id,
-        topic.guid,
-        data
-      );
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  async deleteComment(project, topic, comment) {
-    try {
-      return await apiClient.bcfApi.deleteComment(
-        comment.guid,
-        project.id,
-        topic.guid
-      );
-    } catch (error) {
-      console.log(error);
-    }
-  }
 }
 
 const service = new BcfService();
diff --git a/src/state/bcf.js b/src/state/bcf.js
index c76c1457c..38112f23c 100644
--- a/src/state/bcf.js
+++ b/src/state/bcf.js
@@ -21,21 +21,17 @@ const state = reactive({
   }
 });
 
-// --- BCF Topics ---
-
 const loadBcfTopics = async project => {
   const topics = await BcfService.fetchProjectTopics(project);
 
   let topicsWithViewpoints = [];
 
   topicsWithViewpoints = await mapLimit(topics, 10, async topic => {
-    const viewpoints = await BcfService.fetchTopicViewpoints(
+    topic.viewpoints = await BcfService.fetchTopicViewpoints(
       project,
       topic,
       "url"
     );
-
-    topic.viewpoints = viewpoints;
     return topic;
   });
 
@@ -44,58 +40,13 @@ const loadBcfTopics = async project => {
   return topicsWithViewpoints;
 };
 
-// const createTopic = async (project, topic) => {
-//   const newTopic = await BcfService.createTopic(project, topic);
-//   await loadBcfTopics(project);
-//   return newTopic;
-// };
-
-// const createFullTopic = async (project, topic) => {
-//   const newTopic = await BcfService.createFullTopic(project, topic);
-//   await loadBcfTopics(project);
-//   return newTopic;
-// };
-
-// const updateTopic = async (project, bcfTopic, topic) => {
-//   const newTopic = await BcfService.updateFullTopic(project, bcfTopic, topic);
-//   await loadBcfTopics(project);
-//   return newTopic;
-// };
-
-// const deleteTopic = async (project, topic) => {
-//   await BcfService.deleteTopic(project, topic);
-//   await loadBcfTopics(project);
-//   return topic;
-// };
-
-// const createViewpoint = async (project, topic, viewpoint) => {
-//   const newViewpoint = await BcfService.createViewpoint(
-//     project,
-//     topic,
-//     viewpoint
-//   );
-//   await loadBcfTopics(project);
-//   return newViewpoint;
-// };
-
-// const deleteViewpoint = (project, topic, viewpoint) => {
-//   return BcfService.deleteViewpoint(project, topic, viewpoint);
-//   // We don't want to reload topic here because this method may be called many times in parallel
-// };
-
-const importBcf = async (project, file) => {
-  const bcf = await BcfService.importBcf(project, file);
-  await loadBcfTopics(project);
-  await loadDetailedExtensions(project);
-  return bcf;
-};
-
-const exportBcf = project => {
-  return BcfService.exportBcf(project);
+const loadBcfTopicComments = async (project, topic) => {
+  const comments = await BcfService.fetchTopicComments(project, topic);
+  comments.sort((a, b) => (a.date.getTime() > b.date.getTime() ? -1 : 1));
+  topic.comments = comments;
+  return comments;
 };
 
-// --- BCF Extensions ---
-
 const loadExtensions = async project => {
   const extensions = await BcfService.fetchExtensions(project);
   state.extensions = extensions;
@@ -108,68 +59,16 @@ const loadDetailedExtensions = async project => {
   return detailedExtensions;
 };
 
-// const createExtension = async (project, extensionType, data) => {
-//   const newExtension = await BcfService.createExtension(
-//     project,
-//     extensionType,
-//     data
-//   );
-//   await loadDetailedExtensions(project);
-//   return newExtension;
-// };
-
-// const updateExtension = async (project, extensionType, id, priority) => {
-//   const newExtension = await BcfService.updateExtension(
-//     project,
-//     extensionType,
-//     id,
-//     priority
-//   );
-//   await loadDetailedExtensions(project);
-//   return newExtension;
-// };
-
-// const deleteExtension = async (project, extensionType, priority) => {
-//   const newExtension = await BcfService.deleteExtension(
-//     project,
-//     extensionType,
-//     priority
-//   );
-//   await loadDetailedExtensions(project);
-//   return newExtension;
-// };
-
-// --- BCF Topic Comments ---
-
-const loadBcfTopicComments = async (project, topic) => {
-  let comments = await BcfService.fetchAllComments(project, topic);
-  comments.sort((a, b) => (a.date.getTime() > b.date.getTime() ? -1 : 1));
-  topic.comments = comments;
-  return comments;
+const importBcf = async (project, file) => {
+  const bcf = await BcfService.importBcf(project, file);
+  await loadBcfTopics(project);
+  await loadDetailedExtensions(project);
+  return bcf;
 };
 
-// const createComment = async (project, topic, data) => {
-//   const newComment = await BcfService.createComment(project, topic, data);
-//   await loadTopicComments(project, topic);
-//   return newComment;
-// };
-
-// const deleteComment = async (project, topic, comment) => {
-//   const newComment = await BcfService.deleteComment(project, topic, comment);
-//   await loadTopicComments(project, topic);
-//   return newComment;
-// };
-
-// const updateComment = async (project, topic, comment, data) => {
-//   const newComment = await BcfService.updateComment(
-//     project,
-//     topic,
-//     comment,
-//     data
-//   );
-//   await loadTopicComments(project, topic);
-//   return newComment;
-// };
+const exportBcf = project => {
+  return BcfService.exportBcf(project);
+};
 
 export function useBcf() {
   const readonlyState = shallowReadonly(state);
@@ -178,22 +77,10 @@ export function useBcf() {
     ...toRefs(readonlyState),
     // Methods
     loadBcfTopics,
-    // createTopic,
-    // createFullTopic,
-    // updateTopic,
-    // deleteTopic,
-    // createViewpoint,
-    // deleteViewpoint,
-    importBcf,
-    exportBcf,
+    loadBcfTopicComments,
     loadExtensions,
     loadDetailedExtensions,
-    // createExtension,
-    // updateExtension,
-    // deleteExtension,
-    loadBcfTopicComments
-    // createComment,
-    // updateComment,
-    // deleteComment
+    importBcf,
+    exportBcf
   };
 }