diff --git a/kolibri/plugins/coach/assets/src/routes/lessonsRoutes.js b/kolibri/plugins/coach/assets/src/routes/lessonsRoutes.js
index cf688592915..825b54842d9 100644
--- a/kolibri/plugins/coach/assets/src/routes/lessonsRoutes.js
+++ b/kolibri/plugins/coach/assets/src/routes/lessonsRoutes.js
@@ -39,6 +39,7 @@ import QuestionLearnersPage from '../views/common/reports/QuestionLearnersPage.v
 import EditLessonDetails from '../views/lessons/LessonSummaryPage/sidePanels/EditLessonDetails';
 import PreviewSelectedResources from '../views/lessons/LessonSummaryPage/sidePanels/PreviewSelectedResources';
 import LessonResourceSelection from '../views/lessons/LessonSummaryPage/sidePanels/LessonResourceSelection';
+import ManageSelectedLessonResources from '../views/lessons/LessonSummaryPage/sidePanels/ManageSelectedLessonResource';
 import { classIdParamRequiredGuard, RouteSegments } from './utils';
 
 const {
@@ -138,7 +139,7 @@ export default [
       {
         name: PageNames.LESSON_PREVIEW_SELECTED_RESOURCES,
         path: 'preview-resources/',
-        component: PreviewSelectedResources,
+        component: ManageSelectedLessonResources,
       },
       {
         name: PageNames.LESSON_PREVIEW_RESOURCE,
diff --git a/kolibri/plugins/coach/assets/src/views/lessons/LessonResourceSelectionPage/index.vue b/kolibri/plugins/coach/assets/src/views/lessons/LessonResourceSelectionPage/index.vue
index 9496de9d7be..0d210a7f269 100644
--- a/kolibri/plugins/coach/assets/src/views/lessons/LessonResourceSelectionPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/lessons/LessonResourceSelectionPage/index.vue
@@ -96,6 +96,14 @@
     </KPageContainer>
 
     <BottomAppBar>
+      <KRouterLink
+        v-if="workingResources.length > 0"
+        :text="numberOfSelectedResource$({ count: workingResources.length })"
+        :primary="true"
+        :to="goToPreviewSelection()"
+        :style="{ marginRight: '1em', marginTop: '0.5em' }"
+      />
+
       <KRouterLink
         :text="bottomBarButtonText"
         :primary="true"
@@ -121,6 +129,7 @@
   import useKResponsiveWindow from 'kolibri-design-system/lib/composables/useKResponsiveWindow';
   import useUser from 'kolibri/composables/useUser';
   import useSnackbar from 'kolibri/composables/useSnackbar';
+  import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
   import commonCoach from '../../common';
   import CoachAppBarPage from '../../CoachAppBarPage';
   import CoachImmersivePage from '../../CoachImmersivePage';
@@ -154,11 +163,13 @@
       const { windowIsSmall } = useKResponsiveWindow();
       const { getUserPermissions } = useUser();
       const { createSnackbar, clearSnackbar } = useSnackbar();
+      const { numberOfSelectedResource$ } = searchAndFilterStrings;
       return {
         windowIsSmall,
         getUserPermissions,
         createSnackbar,
         clearSnackbar,
+        numberOfSelectedResource$,
       };
     },
     data() {
@@ -561,6 +572,11 @@
       topicsLink(topicId) {
         return this.topicListingLink({ ...this.$route.params, topicId });
       },
+      goToPreviewSelection() {
+        return {
+          name: PageNames.LESSON_PREVIEW_SELECTED_RESOURCES,
+        };
+      },
     },
     $trs: {
       resources: {
diff --git a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/LessonResourceSelection.vue b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/LessonResourceSelection.vue
index ba5a5caa01b..65865cc6e13 100644
--- a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/LessonResourceSelection.vue
+++ b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/LessonResourceSelection.vue
@@ -94,10 +94,13 @@
     </div>
 
     <template #bottomNavigation>
-      <div
-        v-if="showSearch"
-        class="bottom-nav-container"
-      >
+      <div class="bottom-nav-container">
+        <KRouterLink
+          :text="numberOfSelectedResource$({ count: workingResources.length })"
+          :primary="true"
+          :to="{ name: PageNames.LESSON_PREVIEW_SELECTED_RESOURCES }"
+          :style="{ marginRight: '1em', marginTop: '0.5em' }"
+        />
         <KButton
           primary
           :text="saveAndFinishAction$()"
@@ -118,24 +121,21 @@
   import ContentNodeResource from 'kolibri-common/apiResources/ContentNodeResource';
   import ChannelResource from 'kolibri-common/apiResources/ChannelResource';
   import AccessibleChannelCard from 'kolibri-common/components/Cards/AccessibleChannelCard.vue';
-  import SearchFiltersPanel from 'kolibri-common/components/SearchFiltersPanel/index.vue';
-  import useBaseSearch from 'kolibri-common/composables/useBaseSearch';
+  import { mapState } from 'vuex';
+  import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
+  import { PageNames } from '../../../../constants';
 
   export default {
     name: 'LessonResourceSelection',
     components: {
       SidePanelModal,
       AccessibleChannelCard,
-      SearchFiltersPanel,
     },
     setup() {
       const loading = ref(false);
       const bookmarks = ref([]);
       const channels = ref([]);
-      const showSearch = ref(true);
-      const topic = ref(null);
-
-      const { searchTerms } = useBaseSearch(topic);
+      const { numberOfSelectedResource$ } = searchAndFilterStrings;
 
       const loadBookmarks = async () => {
         const data = await ContentNodeResource.fetchBookmarks({
@@ -175,16 +175,23 @@
         loading,
         bookmarks,
         channels,
-        showSearch,
-        searchTerms,
         selectFromChannels$,
         numberOfBookmarks$,
         bookmarksLabel$,
         selectFromBookmarks$,
         searchLabel$,
         saveAndFinishAction$,
+        numberOfSelectedResource$,
+      };
+    },
+    data() {
+      return {
+        PageNames,
       };
     },
+    computed: {
+      ...mapState('lessonSummary', ['workingResources']),
+    },
     methods: {
       closeSidePanel() {
         this.$router.go(-1);
diff --git a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/ManageSelectedLessonResource.vue b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/ManageSelectedLessonResource.vue
new file mode 100644
index 00000000000..25eee245b98
--- /dev/null
+++ b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/ManageSelectedLessonResource.vue
@@ -0,0 +1,211 @@
+<template>
+
+  <div>
+    <SidePanelModal
+      alignment="right"
+      sidePanelWidth="700px"
+      closeButtonIconType="close"
+      @closePanel="closeSidePanel"
+      @shouldFocusFirstEl="() => null"
+    >
+      <template #header>
+        <div :style="{ display: 'inline-flex' }">
+          <KIconButton
+            v-if="true"
+            icon="back"
+            @click="closeSidePanel"
+          />
+          <h1
+            :style="{ fontWeight: '600', fontSize: '18px' }"
+            class="side-panel-title"
+          >
+            {{ numberOfSelectedResource$({ count: resources.length }) }}
+          </h1>
+        </div>
+      </template>
+
+      <SelectedResources
+        :resourceList="resources"
+        :currentLesson="currentLesson"
+        :loading="resources.length === 0"
+        @removeResource="removeResource"
+        @navigateToParent="navigateToParent"
+      />
+
+      <template #bottomNavigation>
+        <div class="bottom-buttons-style">
+          <KButton
+            :primary="true"
+            :text="saveLessonResources$()"
+            @click="closeSidePanel()"
+          />
+        </div>
+      </template>
+    </SidePanelModal>
+
+    <KModal
+      v-if="showModal"
+      :submitText="coreString('continueAction')"
+      :cancelText="coreString('cancelAction')"
+      :title="closeConfirmationTitle$()"
+      @cancel="closeModal"
+      @submit="$router.go(-1)"
+    >
+      {{ closeConfirmationMessage$() }}
+    </KModal>
+  </div>
+
+</template>
+
+
+<script>
+
+  import SidePanelModal from 'kolibri-common/components/SidePanelModal';
+  import { mapState } from 'vuex';
+  import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
+  import commonCoreStrings from 'kolibri/uiText/commonCoreStrings';
+  import { ref, getCurrentInstance } from 'vue';
+  import { enhancedQuizManagementStrings } from 'kolibri-common/strings/enhancedQuizManagementStrings';
+  import { PageNames } from '../../../../constants';
+  import commonCoach from '../../../common';
+  import SelectedResources from './SelectedResources';
+
+  export default {
+    name: 'ManageSelectedLessonResources',
+    components: {
+      SidePanelModal,
+      SelectedResources,
+    },
+    mixins: [commonCoach, commonCoreStrings],
+    setup() {
+      const showModal = ref(false);
+      const hasArrayChanged = ref(false);
+      const router = getCurrentInstance().proxy.$router;
+
+      const { saveLessonResources$, numberOfSelectedResource$ } = searchAndFilterStrings;
+      const { closeConfirmationTitle$, closeConfirmationMessage$ } = enhancedQuizManagementStrings;
+
+      function closeModal() {
+        showModal.value = false;
+      }
+
+      function hasModifiedResource() {
+        hasArrayChanged.value = true;
+      }
+
+      function closeSidePanel() {
+        if (hasArrayChanged.value) {
+          showModal.value = true;
+        } else {
+          router.go(-1);
+        }
+      }
+
+      return {
+        saveLessonResources$,
+        numberOfSelectedResource$,
+        closeConfirmationTitle$,
+        closeConfirmationMessage$,
+        showModal,
+        closeModal,
+        closeSidePanel,
+        hasModifiedResource,
+      };
+    },
+    data() {
+      return {
+        resources: [],
+      };
+    },
+    computed: {
+      // we will have to move this to composable after the final refactor
+      // leaving it for now to guide the process
+      ...mapState('lessonSummary', ['currentLesson', 'workingResources', 'resourceCache']),
+    },
+    mounted() {
+      this.getResources();
+    },
+
+    methods: {
+      removeResource(id) {
+        this.resources = this.resources.filter(lesson => lesson.id !== id);
+        this.hasModifiedResource();
+      },
+      navigateToParent(id) {
+        this.$router.push({
+          name: PageNames.LESSONS_ROOT,
+          params: { classId: this.$route.params.classId, lessonId: id },
+        });
+      },
+      // we will have to move this to the composable after the final refactor
+      // leaving it for now to guide the process
+      getResources() {
+        const response = this.workingResources.map(resource => {
+          const content = this.resourceCache[resource.contentnode_id];
+          if (!content) {
+            return this.missingResourceObj(resource.contentnode_id);
+          }
+          const tally = this.getContentStatusTally(
+            content.content_id,
+            this.getLearnersForLesson(this.currentLesson),
+          );
+
+          const tableRow = {
+            ...content,
+            node_id: content.id,
+            hasAssignments: Object.values(tally).reduce((a, b) => a + b, 0),
+            tally,
+          };
+
+          const link = this.resourceLink(tableRow);
+          if (link) {
+            tableRow.link = link;
+          }
+
+          return tableRow;
+        });
+
+        Promise.all(response).then(results => {
+          this.resources = results;
+        });
+      },
+      // we will have to move this to the composable after the final refactor
+      // leaving it for now to guide the process
+      resourceLink(resource) {
+        if (resource.hasAssignments) {
+          if (resource.kind === this.ContentNodeKinds.EXERCISE) {
+            return this.classRoute(
+              this.group
+                ? PageNames.GROUP_LESSON_EXERCISE_LEARNER_REPORT
+                : PageNames.LESSON_EXERCISE_LEARNERS_REPORT,
+              { exerciseId: resource.content_id },
+            );
+          } else {
+            return this.classRoute(
+              this.group ? PageNames.GROUPS_ROOT : PageNames.LESSON_RESOURCE_LEARNERS_REPORT,
+              { resourceId: resource.content_id },
+            );
+          }
+        }
+      },
+    },
+  };
+
+</script>
+
+
+<style scoped>
+
+  .bottom-buttons-style {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding: 1em;
+    margin-top: 1em;
+    text-align: right;
+    background-color: #ffffff;
+    border-top: 1px solid black;
+  }
+
+</style>
diff --git a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/SelectedResources.vue b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/SelectedResources.vue
new file mode 100644
index 00000000000..7358ce092d8
--- /dev/null
+++ b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/SelectedResources.vue
@@ -0,0 +1,183 @@
+<template>
+
+  <div
+    v-if="loading"
+    class="resource-list-style"
+  >
+    <KCircularLoader />
+  </div>
+  <div
+    v-else
+    class="resource-list-style"
+  >
+    <p>{{ coreString('lessonsLabel') }} : {{ currentLesson.title }}</p>
+    <p>{{ $tr('sizeLabel') }} : {{ bytesForHumans(currentLesson.size) }}</p>
+
+    <DragContainer
+      :items="resourceList"
+      @sort="$emit('sortedResources', $event)"
+    >
+      <transition-group
+        tag="div"
+        name="list"
+      >
+        <Draggable
+          v-for="(lesson, index) in resourceList"
+          :key="lesson.id"
+          :style="lessonOrderListButtonBorder"
+        >
+          <KGrid :style="{ paddingTop: '1em' }">
+            <KGridItem
+              :layout12="{ span: 10 }"
+              :layout8="{ span: 5 }"
+              :layout4="{ span: 3 }"
+            >
+              <div :style="{ display: 'flex' }">
+                <DragHandle>
+                  <DragSortWidget
+                    :moveUpText="upLabel$"
+                    :moveDownText="downLabel$"
+                    :noDrag="true"
+                    :isFirst="index === 0"
+                    :isLast="index === resourceList.length - 1"
+                    @moveUp="() => {}"
+                    @moveDown="() => {}"
+                  />
+                </DragHandle>
+                <div style="padding: 0 10px">
+                  <span style="flex: 1">
+                    <LearningActivityIcon
+                      :kind="lesson.learning_activities[0]"
+                      class="icon-style"
+                    />
+                  </span>
+                </div>
+                <div>
+                  <span class="arrange-item-block">
+                    <span>
+                      <KRouterLink
+                        v-if="lesson.link"
+                        :text="lesson.title"
+                        :to="lesson.link"
+                        style="font-size: 14px"
+                      />
+                    </span>
+                    <p style="font-size: 12px">{{ bytesForHumans(lesson.files[0].file_size) }}</p>
+                  </span>
+                </div>
+              </div>
+            </KGridItem>
+
+            <KGridItem
+              :layout12="{ span: 2 }"
+              :layout8="{ span: 3 }"
+              :layout4="{ span: 1 }"
+            >
+              <span class="add-minus-button">
+                <KIconButton
+                  icon="emptyTopic"
+                  @click="$emit('navigateToParent', lesson.id)"
+                />
+
+                <KIconButton
+                  icon="minus"
+                  @click="$emit('removeResource', lesson.id)"
+                />
+              </span>
+            </KGridItem>
+          </KGrid>
+        </Draggable>
+      </transition-group>
+    </DragContainer>
+  </div>
+
+</template>
+
+
+<script>
+
+  import DragSortWidget from 'kolibri-common/components/sortable/DragSortWidget';
+  import DragContainer from 'kolibri-common/components/sortable/DragContainer';
+  import DragHandle from 'kolibri-common/components/sortable/DragHandle';
+  import Draggable from 'kolibri-common/components/sortable/Draggable';
+  import commonCoreStrings from 'kolibri/uiText/commonCoreStrings';
+  import LearningActivityIcon from 'kolibri-common/components/ResourceDisplayAndSearch/LearningActivityIcon.vue';
+  import bytesForHumans from 'kolibri/uiText/bytesForHumans';
+  import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
+
+  export default {
+    name: 'SelectedResources',
+    components: {
+      DragSortWidget,
+      DragContainer,
+      DragHandle,
+      Draggable,
+      LearningActivityIcon,
+    },
+    mixins: [commonCoreStrings],
+    setup() {
+      const { upLabel$, downLabel$ } = searchAndFilterStrings;
+      return {
+        upLabel$,
+        downLabel$,
+      };
+    },
+    props: {
+      resourceList: {
+        type: Array,
+        required: true,
+      },
+      currentLesson: {
+        type: Object,
+        required: true,
+      },
+      loading: {
+        type: Boolean,
+        required: true,
+      },
+    },
+
+    computed: {
+      lessonOrderListButtonBorder() {
+        return {
+          borderBottom: `1px solid ${this.$themeTokens.fineLine}`,
+          height: `auto`,
+          width: `100%`,
+        };
+      },
+    },
+
+    methods: {
+      bytesForHumans,
+    },
+    $trs: {
+      sizeLabel: {
+        message: 'Size',
+        context: 'Size of the lesson',
+      },
+    },
+  };
+
+</script>
+
+
+<style scoped>
+
+  .add-minus-button {
+    float: right;
+  }
+
+  .arrange-item-block {
+    display: block;
+  }
+
+  .icon-style {
+    font-size: 24px;
+  }
+
+  .resource-list-style {
+    margin-top: 2em;
+    margin-bottom: 3.5em;
+  }
+
+</style>
diff --git a/packages/kolibri-common/strings/searchAndFilterStrings.js b/packages/kolibri-common/strings/searchAndFilterStrings.js
index 6a3aa591146..7cb339ddf7a 100644
--- a/packages/kolibri-common/strings/searchAndFilterStrings.js
+++ b/packages/kolibri-common/strings/searchAndFilterStrings.js
@@ -35,4 +35,13 @@ export const searchAndFilterStrings = createTranslator('SearchAndFilterStrings',
     message: 'Move this resource one position down in this lesson',
     context: 'Refers to changing the order of resources in a lesson.',
   },
+  saveLessonResources: {
+    message: 'save & finish',
+    context: 'Button to save resources in a lesson',
+  },
+  numberOfSelectedResource: {
+    message:
+      '{count, number, integer} {count, plural, one {resource selected} other {resources selected}}',
+    context: 'Indicates the number of resources selected',
+  },
 });