diff --git a/kolibri/core/assets/src/views/CoreTable.vue b/kolibri/core/assets/src/views/CoreTable.vue
index 09dbc67dd03..8a0ceb88b5e 100644
--- a/kolibri/core/assets/src/views/CoreTable.vue
+++ b/kolibri/core/assets/src/views/CoreTable.vue
@@ -60,11 +60,20 @@
 
       const tbodyCopy = [...this.$slots.tbody];
       tbodyCopy.forEach(tbody => {
-        // Need to check componentOptions if wrapped in <transition-group>, or just children
-        // if in regular <tbody>
         const tgroupChildren = get(tbody, 'componentOptions.children');
         if (tgroupChildren) {
-          tableHasRows = tgroupChildren.length > 0;
+          if (tgroupChildren.length === 0) {
+            tableHasRows = false;
+          } else if (
+            tgroupChildren.length === 1 &&
+            tgroupChildren[0]?.tag?.includes('transition-group')
+          ) {
+            const [child] = tgroupChildren;
+            const children = child.children || child.componentOptions?.children;
+            tableHasRows = !!children?.length > 0;
+          } else {
+            tableHasRows = true;
+          }
         }
 
         if (tbody.children) {
diff --git a/kolibri/core/assets/src/views/sortable/DragSortWidget/index.vue b/kolibri/core/assets/src/views/sortable/DragSortWidget/index.vue
index cf37b363a2a..f9ec278307b 100644
--- a/kolibri/core/assets/src/views/sortable/DragSortWidget/index.vue
+++ b/kolibri/core/assets/src/views/sortable/DragSortWidget/index.vue
@@ -3,6 +3,7 @@
   <div
     class="sort-widget"
     :class="{ focused: hasFocus, 'not-focused': !hasFocus }"
+    @mousedown="e => $emit('mousedown', e)"
   >
     <KIconButton
       v-show="!isFirst"
diff --git a/kolibri/core/lessons/viewsets.py b/kolibri/core/lessons/viewsets.py
index 4d42687b261..6c434052fe4 100644
--- a/kolibri/core/lessons/viewsets.py
+++ b/kolibri/core/lessons/viewsets.py
@@ -61,6 +61,7 @@ class LessonViewset(ValuesViewset):
         "collection__name",
         "collection__parent_id",
         "created_by",
+        "date_created",
         "lesson_assignment_collections",
     )
 
diff --git a/kolibri/plugins/coach/assets/src/modules/pluginModule.js b/kolibri/plugins/coach/assets/src/modules/pluginModule.js
index 32cc1f0fd1d..f5eb7d34e77 100644
--- a/kolibri/plugins/coach/assets/src/modules/pluginModule.js
+++ b/kolibri/plugins/coach/assets/src/modules/pluginModule.js
@@ -115,7 +115,7 @@ export default {
       // If going from Lesson Summary to something other than Resource Selection, reset
       if (
         fromRoute.name === LessonsPageNames.SUMMARY &&
-        toRoute.name !== LessonsPageNames.SELECTION_ROOT
+        ![LessonsPageNames.SELECTION_ROOT, LessonsPageNames.SUMMARY].includes(toRoute.name)
       ) {
         return store.dispatch('lessonSummary/resetLessonSummaryState');
       }
diff --git a/kolibri/plugins/coach/assets/src/routes/planLessonsRoutes.js b/kolibri/plugins/coach/assets/src/routes/planLessonsRoutes.js
index 2ad60d24e17..cb6d90e3e15 100644
--- a/kolibri/plugins/coach/assets/src/routes/planLessonsRoutes.js
+++ b/kolibri/plugins/coach/assets/src/routes/planLessonsRoutes.js
@@ -104,12 +104,35 @@ export default [
       },
     ],
   },
+  {
+    name: LessonsPageNames.SUMMARY,
+    path: '/:classId/plan/lessonstemp/:lessonId/:tabId?',
+    component: LessonSummaryPage,
+    handler(toRoute, fromRoute) {
+      if (
+        fromRoute.name !== LessonsPageNames.SUMMARY ||
+        toRoute.params.lessonId !== fromRoute.params.lessonId
+      ) {
+        return showLessonSummaryPage(store, toRoute.params);
+      }
+      store.dispatch('notLoading');
+    },
+    meta: {
+      titleParts: ['LESSON_NAME', 'CLASS_NAME'],
+    },
+  },
   {
     name: LessonsPageNames.SUMMARY,
     path: path(CLASS, LESSON),
     component: LessonSummaryPage,
-    handler(toRoute) {
-      return showLessonSummaryPage(store, toRoute.params);
+    handler(toRoute, fromRoute) {
+      if (
+        fromRoute.name !== LessonsPageNames.SUMMARY ||
+        toRoute.params.lessonId !== fromRoute.params.lessonId
+      ) {
+        return showLessonSummaryPage(store, toRoute.params);
+      }
+      store.dispatch('notLoading');
     },
     meta: {
       titleParts: ['LESSON_NAME', 'CLASS_NAME'],
diff --git a/kolibri/plugins/coach/assets/src/views/common/LessonStatus.vue b/kolibri/plugins/coach/assets/src/views/common/LessonStatus.vue
index 72e2d9defd3..fd64b68f4aa 100644
--- a/kolibri/plugins/coach/assets/src/views/common/LessonStatus.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/LessonStatus.vue
@@ -2,34 +2,29 @@
 
   <KPageContainer :topMargin="$isPrint ? 0 : 24">
     <KGrid gutter="16">
-      <!-- Class name, for print only -->
-      <div
-        v-if="$isPrint"
-        class="status-item"
-      >
-        <KGridItem
-          class="status-label"
-          :layout12="layout12Label"
-        >
-          {{ coachString('classLabel') }}
-        </KGridItem>
-        <KGridItem :layout12="layout12Value">
-          {{ className }}
-        </KGridItem>
-      </div>
-
       <!-- Visibility status/switch -->
       <div
         v-show="!$isPrint"
         class="status-item visibility-item"
+        :style="{
+          display: 'flex',
+          alignItems: 'center',
+        }"
       >
         <KGridItem
           class="status-label"
-          :layout12="{ span: 8 }"
+          :style="{ marginBottom: 0 }"
+          :layout4="{ span: 3 }"
+          :layout8="{ span: 4 }"
+          :layout12="{ span: 10 }"
         >
           {{ coachString('lessonVisibleLabel') }}
         </KGridItem>
-        <KGridItem :layout12="{ span: 4 }">
+        <KGridItem
+          :layout4="{ span: 1 }"
+          :layout8="{ span: 4 }"
+          :layout12="{ span: 2 }"
+        >
           <KSwitch
             name="toggle-lesson-visibility"
             label=""
@@ -44,11 +39,17 @@
       <div class="status-item">
         <KGridItem
           class="status-label"
+          :layout4="{ span: 4 }"
+          :layout8="{ span: 4 }"
           :layout12="layout12Label"
         >
           {{ coachString('recipientsLabel') }}
         </KGridItem>
-        <KGridItem :layout12="layout12Value">
+        <KGridItem
+          :layout4="{ span: 4 }"
+          :layout8="{ span: 4 }"
+          :layout12="layout12Value"
+        >
           <div>
             <Recipients
               :groupNames="groupNames"
@@ -62,11 +63,17 @@
       <div class="status-item">
         <KGridItem
           class="status-label"
+          :layout4="{ span: 4 }"
+          :layout8="{ span: 4 }"
           :layout12="layout12Label"
         >
           {{ coachString('descriptionLabel') }}
         </KGridItem>
-        <KGridItem :layout12="layout12Value">
+        <KGridItem
+          :layout4="{ span: 4 }"
+          :layout8="{ span: 4 }"
+          :layout12="layout12Value"
+        >
           <KOptionalText>
             <template v-if="lesson.description">
               {{ lesson.description }}
@@ -75,21 +82,70 @@
         </KGridItem>
       </div>
 
+      <!-- Class name  -->
+      <div class="status-item">
+        <KGridItem
+          class="status-label"
+          :layout4="{ span: 4 }"
+          :layout8="{ span: 4 }"
+          :layout12="layout12Label"
+        >
+          {{ coachString('classLabel') }}
+        </KGridItem>
+        <KGridItem
+          :layout4="{ span: 4 }"
+          :layout8="{ span: 4 }"
+          :layout12="layout12Value"
+        >
+          <div>
+            {{ className }}
+          </div>
+        </KGridItem>
+      </div>
+
       <!-- Lesson Sizes -->
       <div class="status-item">
         <KGridItem
           class="status-label"
+          :layout4="{ span: 4 }"
+          :layout8="{ span: 4 }"
           :layout12="layout12Label"
         >
           {{ coachString('sizeLabel') }}
         </KGridItem>
-        <KGridItem :layout12="layout12Value">
+        <KGridItem
+          :layout4="{ span: 4 }"
+          :layout8="{ span: 4 }"
+          :layout12="layout12Value"
+        >
           <p v-if="lesson.size">
             {{ bytesForHumans(lesson.size) }}
           </p>
           <KEmptyPlaceholder v-else />
         </KGridItem>
       </div>
+
+      <!-- Date created -->
+      <div class="status-item">
+        <KGridItem
+          class="status-label"
+          :layout4="{ span: 4 }"
+          :layout8="{ span: 4 }"
+          :layout12="layout12Label"
+        >
+          {{ coreString('dateCreated') }}
+        </KGridItem>
+        <KGridItem
+          :layout4="{ span: 4 }"
+          :layout8="{ span: 4 }"
+          :layout12="layout12Value"
+        >
+          <ElapsedTime
+            :date="lessonDateCreated"
+            style="margin-top: 8px"
+          />
+        </KGridItem>
+      </div>
     </KGrid>
     <KModal
       v-if="showLessonIsVisibleModal && !userHasDismissedModal"
@@ -135,6 +191,7 @@
   import { mapActions } from 'vuex';
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
   import bytesForHumans from 'kolibri.utils.bytesForHumans';
+  import ElapsedTime from 'kolibri.coreVue.components.ElapsedTime';
   import { LESSON_VISIBILITY_MODAL_DISMISSED } from 'kolibri.coreVue.vuex.constants';
   import Lockr from 'lockr';
   import useSnackbar from 'kolibri.coreVue.composables.useSnackbar';
@@ -143,7 +200,7 @@
 
   export default {
     name: 'LessonStatus',
-    components: { Recipients },
+    components: { Recipients, ElapsedTime },
     mixins: [coachStringsMixin, commonCoreStrings],
     setup() {
       const { createSnackbar } = useSnackbar();
@@ -185,6 +242,13 @@
       userHasDismissedModal() {
         return Lockr.get(LESSON_VISIBILITY_MODAL_DISMISSED);
       },
+      lessonDateCreated() {
+        if (this.lesson.date_created) {
+          return new Date(this.lesson.date_created);
+        } else {
+          return null;
+        }
+      },
     },
     mounted() {
       this.checkIfAnyLODsInClass();
@@ -259,37 +323,30 @@
 
   .status-item {
     width: 100%;
-    padding: 10px 0;
     font-size: 0.925rem;
 
-    @media print {
-      padding: 2px 0;
-      font-size: inherit;
-
-      &:first-child {
-        padding-top: 0;
-      }
-
-      &:last-child {
-        padding-bottom: 0;
-      }
+    &:first-child {
+      margin-top: 16px;
     }
-  }
 
-  .visibility-item {
-    padding-top: 16px;
-    padding-bottom: 6px;
+    &:not(:last-child) {
+      margin-bottom: 24px;
+    }
 
-    .grid-item {
-      vertical-align: middle;
+    p {
+      margin: 0;
     }
 
-    .status-label {
-      padding-bottom: 3px;
+    @media print {
+      padding: 2px 0;
+      margin-top: 0 !important;
+      margin-bottom: 0 !important;
+      font-size: inherit;
     }
   }
 
   .status-label {
+    margin-bottom: 8px;
     font-weight: bold;
   }
 
diff --git a/kolibri/plugins/coach/assets/src/views/common/QuizLessonDetailsHeader.vue b/kolibri/plugins/coach/assets/src/views/common/QuizLessonDetailsHeader.vue
index bc13a4a914d..3a84c4d4334 100644
--- a/kolibri/plugins/coach/assets/src/views/common/QuizLessonDetailsHeader.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/QuizLessonDetailsHeader.vue
@@ -9,30 +9,23 @@
     <!-- Cheating to get the same layout effect but not
            using a backlink...
       -->
-    <HeaderWithOptions>
-      <template #header>
-        <div>
-          <h1 class="exam-title">
-            <!-- KLabeledIcon does not have an 'exam' token, but rather 'quiz' -->
-            <KLabeledIcon
-              :icon="examOrLesson === 'exam' ? 'quiz' : 'lesson'"
-              :label="resource.title"
-            />
-          </h1>
-          <StatusElapsedTime
-            v-if="examOrLesson !== 'exam'"
-            v-show="!$isPrint"
-            :date="createdDate"
-            actionType="created"
+    <div class="header">
+      <div>
+        <h1 class="exam-title">
+          <!-- KLabeledIcon does not have an 'exam' token, but rather 'quiz' -->
+          <KLabeledIcon
+            :icon="examOrLesson === 'exam' ? 'quiz' : 'lesson'"
+            :label="resource.title"
           />
-        </div>
-      </template>
-      <template #options>
-        <div>
-          <slot name="dropdown"></slot>
-        </div>
-      </template>
-    </HeaderWithOptions>
+        </h1>
+      </div>
+      <div
+        v-if="!$isPrint"
+        class="options"
+      >
+        <slot name="dropdown"></slot>
+      </div>
+    </div>
     <MissingResourceAlert v-if="resource.missing_resource" />
   </KPageContainer>
 
@@ -43,16 +36,12 @@
 
   import { mapState } from 'vuex';
   import MissingResourceAlert from 'kolibri-common/components/MissingResourceAlert';
-  import HeaderWithOptions from './HeaderWithOptions';
-  import StatusElapsedTime from './StatusElapsedTime';
   import BackLink from './BackLink';
 
   export default {
     name: 'QuizLessonDetailsHeader',
     components: {
-      HeaderWithOptions,
       MissingResourceAlert,
-      StatusElapsedTime,
       BackLink,
     },
     props: {
@@ -83,13 +72,6 @@
       resource() {
         return this.examOrLesson === 'lesson' ? this.lesson : this.exam;
       },
-      createdDate() {
-        if (this[this.examOrLesson].date_created) {
-          return new Date(this[this.examOrLesson].date_created);
-        } else {
-          return null;
-        }
-      },
     },
   };
 
@@ -99,8 +81,20 @@
 <style lang="scss" scoped>
 
   .exam-title {
+    margin-top: 0;
     margin-bottom: 0;
-    font-size: 1.5rem;
+  }
+
+  .header {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 16px;
+  }
+
+  .options {
+    flex-shrink: 0;
   }
 
   /deep/ .time-context {
diff --git a/kolibri/plugins/coach/assets/src/views/common/QuizStatus.vue b/kolibri/plugins/coach/assets/src/views/common/QuizStatus.vue
index bf72f58af44..e71cc0aa05b 100644
--- a/kolibri/plugins/coach/assets/src/views/common/QuizStatus.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/QuizStatus.vue
@@ -530,7 +530,7 @@
   }
 
   .status-label {
-    padding-bottom: 8px;
+    margin-bottom: 8px;
     font-weight: bold;
 
     @media print {
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/LessonOptionsDropdownMenu.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/LessonOptionsDropdownMenu.vue
index a28b1ce805b..ae63ac00641 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/LessonOptionsDropdownMenu.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/LessonOptionsDropdownMenu.vue
@@ -1,9 +1,10 @@
 <template>
 
-  <KButton
+  <KIconButton
     hasDropdown
+    icon="optionsHorizontal"
     appearance="flat-button"
-    :text="coreString('optionsLabel')"
+    :ariaLabel="coreString('optionsLabel')"
   >
     <template #menu>
       <KDropdownMenu
@@ -11,7 +12,7 @@
         @select="$emit('select', $event.value)"
       />
     </template>
-  </KButton>
+  </KIconButton>
 
 </template>
 
@@ -45,6 +46,14 @@
               label: this.$tr('copyLessonAction'),
               value: 'COPY',
             },
+            {
+              label: this.coachString('printReportAction'),
+              value: 'PRINT_REPORT',
+            },
+            {
+              label: this.coachString('exportCSVAction'),
+              value: 'EXPORT',
+            },
             { label: this.coreString('deleteAction'), value: 'DELETE' },
           ];
         }
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/index.vue
index 52cc37f812a..e54f48dd401 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/index.vue
@@ -9,6 +9,12 @@
           :backlink="$router.getRoute('PLAN_LESSONS_ROOT', { classId: classId })"
         >
           <template #dropdown>
+            <KRouterLink
+              :to="lessonSelectionRootPage"
+              :text="coachString('manageResourcesAction')"
+              appearance="raised-button"
+              style="margin-right: 8px"
+            />
             <LessonOptionsDropdownMenu
               optionsFor="plan"
               @select="handleSelectOption"
@@ -16,7 +22,7 @@
           </template>
         </QuizLessonDetailsHeader>
       </KGridItem>
-      <KGridItem :layout12="{ span: 4 }">
+      <KGridItem :layout12="{ span: $isPrint ? 12 : 4 }">
         <h2 class="visuallyhidden">
           {{ coachString('generalInformationLabel') }}
         </h2>
@@ -26,43 +32,49 @@
           :groupNames="getRecipientNamesForLesson(currentLesson)"
         />
       </KGridItem>
-      <KGridItem :layout12="{ span: 8 }">
-        <KPageContainer>
-          <div class="lesson-summary">
-            <div>
-              <div class="resource-list">
-                <div class="resource-list-header">
-                  <div class="resource-list-header-title-block">
-                    <h2 class="resource-list-header-title">
-                      {{ coreString('resourcesLabel') }}
-                    </h2>
-                  </div>
-                  <div class="resource-list-header-add-resource-button">
-                    <KRouterLink
-                      :to="lessonSelectionRootPage"
-                      :text="coachString('manageResourcesAction')"
-                      :primary="true"
-                      appearance="raised-button"
-                    />
-                  </div>
-                </div>
-              </div>
-
-              <ResourceListTable v-if="workingResources.length" />
-
-              <p
-                v-else
-                class="no-resources-message"
-              >
-                {{ coachString('noResourcesInLessonLabel') }}
-              </p>
-
-              <ManageLessonModals
-                :currentAction="currentAction"
-                @cancel="currentAction = ''"
+      <KGridItem :layout12="{ span: $isPrint ? 12 : 8 }">
+        <KPageContainer
+          v-if="!loading"
+          :topMargin="$isPrint ? 0 : 16"
+        >
+          <ReportsControls @export="exportCSV" />
+          <HeaderTabs
+            :enablePrint="true"
+            :style="{ marginBottom: '8px' }"
+          >
+            <KTabsList
+              ref="tabList"
+              :tabsId="REPORTS_LESSON_TABS_ID"
+              :ariaLabel="coachString('detailsLabel')"
+              :activeTabId="activeTabId"
+              :tabs="tabs"
+            />
+          </HeaderTabs>
+          <KTabsPanel
+            :tabsId="REPORTS_LESSON_TABS_ID"
+            :activeTabId="activeTabId"
+          >
+            <template #[ReportsLessonTabs.REPORTS]>
+              <ReportsLessonResourcesTable
+                ref="table"
+                :title="currentLesson.title"
+                :editable="!$isPrint"
+                :entries="resourcesTable"
+                @change="handleResourcesChange"
               />
-            </div>
-          </div>
+            </template>
+            <template #[ReportsLessonTabs.LEARNERS]>
+              <ReportsLessonLearnersTable
+                ref="table"
+                :title="currentLesson.title"
+                :entries="learnersTable"
+              />
+            </template>
+          </KTabsPanel>
+          <ManageLessonModals
+            :currentAction="currentAction"
+            @cancel="currentAction = ''"
+          />
         </KPageContainer>
       </KGridItem>
     </KGrid>
@@ -73,14 +85,22 @@
 
 <script>
 
-  import { mapState } from 'vuex';
+  import sortBy from 'lodash/sortBy';
+  import { mapState, mapActions, mapMutations } from 'vuex';
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
-  import CoachAppBarPage from '../../CoachAppBarPage';
+  import useSnackbar from 'kolibri.coreVue.composables.useSnackbar';
   import commonCoach from '../../common';
+  import CoachAppBarPage from '../../CoachAppBarPage';
+  import ReportsControls from '../../reports/ReportsControls';
   import { selectionRootLink } from '../../../routes/planLessonsRouterUtils';
-  import ManageLessonModals from './ManageLessonModals';
-  import ResourceListTable from './ResourceListTable';
+  import { LessonsPageNames } from '../../../constants/lessonsConstants';
+  import { REPORTS_LESSON_TABS_ID, ReportsLessonTabs } from '../../../constants/tabsConstants';
+  import ReportsLessonResourcesTable from '../../reports/ReportsLessonResourcesTable';
+  import ReportsLessonLearnersTable from '../../reports/ReportsLessonLearnersTable';
   import LessonOptionsDropdownMenu from './LessonOptionsDropdownMenu';
+  import ManageLessonModals from './ManageLessonModals';
+
+  const REMOVAL_SNACKBAR_TIME = 5000;
 
   export default {
     name: 'LessonSummaryPage',
@@ -90,20 +110,34 @@
       };
     },
     components: {
+      ReportsControls,
       CoachAppBarPage,
-      ResourceListTable,
       ManageLessonModals,
       LessonOptionsDropdownMenu,
+      ReportsLessonLearnersTable,
+      ReportsLessonResourcesTable,
     },
     mixins: [commonCoach, commonCoreStrings],
+    setup() {
+      const { createSnackbar, clearSnackbar } = useSnackbar();
+      return { createSnackbar, clearSnackbar };
+    },
     data() {
+      const workingResourcesBackup = [...this.$store.state.lessonSummary.workingResources];
+
       return {
         currentAction: '',
+        ReportsLessonTabs,
+        workingResourcesBackup,
+        REPORTS_LESSON_TABS_ID,
       };
     },
     computed: {
       ...mapState('classSummary', { classId: 'id' }),
-      ...mapState('lessonSummary', ['currentLesson', 'workingResources']),
+      ...mapState('lessonSummary', ['currentLesson', 'workingResources', 'resourceCache']),
+      classId() {
+        return this.currentLesson.classroom.id;
+      },
       loading() {
         return this.$store.state.core.loading;
       },
@@ -113,15 +147,185 @@
       lessonSelectionRootPage() {
         return selectionRootLink({ lessonId: this.lessonId, classId: this.classId });
       },
+      activeTabId() {
+        const { tabId } = this.$route.params;
+        if (Object.values(ReportsLessonTabs).includes(tabId)) {
+          return tabId;
+        }
+        return ReportsLessonTabs.REPORTS;
+      },
+      tabs() {
+        const tabsList = [
+          {
+            id: ReportsLessonTabs.REPORTS,
+            label: this.coreString('resourcesLabel'),
+          },
+          {
+            id: ReportsLessonTabs.LEARNERS,
+            label: this.coachString('learnersLabel'),
+          },
+        ];
+
+        tabsList.forEach(tab => {
+          tab.to = this.classRoute(LessonsPageNames.SUMMARY, { tabId: tab.id });
+        });
+
+        return tabsList;
+      },
+      recipients() {
+        return this.getLearnersForLesson(this.currentLesson);
+      },
+      resourcesTable() {
+        return 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.recipients);
+          const tableRow = {
+            ...content,
+            node_id: content.id,
+            avgTimeSpent: this.getContentAvgTimeSpent(content.content_id, this.recipients),
+            tally,
+            hasAssignments: Object.values(tally).reduce((a, b) => a + b, 0),
+          };
+
+          const link = this.resourceLink(tableRow);
+          if (link) {
+            tableRow.link = link;
+          }
+
+          return tableRow;
+        });
+      },
+      learnersTable() {
+        const learners = this.recipients.map(learnerId => this.learnerMap[learnerId]);
+        const sorted = sortBy(learners, ['name']);
+
+        const table = sorted.map(learner => {
+          const tableRow = {
+            groups: this.getGroupNamesForLearner(learner.id),
+            status: this.getLessonStatusStringForLearner(this.lessonId, learner.id),
+            link: this.classRoute('ReportsLessonLearnerPage', { learnerId: learner.id }),
+          };
+          Object.assign(tableRow, learner);
+          return tableRow;
+        });
+        return table;
+      },
+      numberOfRemovals() {
+        return this.workingResourcesBackup.length - this.workingResources.length;
+      },
+    },
+    watch: {
+      loading(newVal, oldVal) {
+        if (!newVal && oldVal) {
+          this.workingResourcesBackup = [...this.$store.state.lessonSummary.workingResources];
+        }
+      },
     },
     methods: {
+      ...mapActions('lessonSummary', [
+        'saveLessonResources',
+        'updateCurrentLesson',
+        'fetchLessonsSizes',
+      ]),
+      ...mapMutations('lessonSummary', {
+        setWorkingResources: 'SET_WORKING_RESOURCES',
+      }),
       handleSelectOption(action) {
-        if (action === 'EDIT_DETAILS') {
-          this.$router.push(this.$router.getRoute('LessonEditDetailsPage'));
+        switch (action) {
+          case 'EDIT_DETAILS':
+            return this.$router.push(this.$router.getRoute('LessonEditDetailsPage'));
+          case 'PRINT_REPORT':
+            return this.$print();
+          case 'EXPORT':
+            return this.exportCSV();
+          default:
+            this.currentAction = action;
+        }
+      },
+      exportCSV() {
+        if (typeof this.$refs.table.exportCSV === 'function') {
+          this.$refs.table.exportCSV();
+        }
+      },
+      resourceLink(resource) {
+        if (resource.hasAssignments) {
+          if (resource.kind === this.ContentNodeKinds.EXERCISE) {
+            return this.classRoute(
+              this.group
+                ? 'ReportsGroupReportLessonExerciseLearnerListPage'
+                : 'ReportsLessonExerciseLearnerListPage',
+              { exerciseId: resource.content_id },
+            );
+          } else {
+            return this.classRoute(
+              this.group
+                ? 'ReportsGroupReportLessonResourceLearnerListPage'
+                : 'ReportsLessonResourceLearnerListPage',
+              { resourceId: resource.content_id },
+            );
+          }
+        }
+      },
+      showResourcesRemovedNotification() {
+        const undo = () => {
+          this.save(this.workingResourcesBackup);
+          this.clearSnackbar();
+        };
+        const hide = () => {
+          if (this.workingResourcesBackup) {
+            // snackbar might carryover to another page (like select)
+            this.workingResourcesBackup = [...this.workingResources];
+          }
+        };
+        this.showSnackbarNotification(
+          'resourcesRemovedWithCount',
+          { count: this.numberOfRemovals },
+          {
+            autoDismiss: true,
+            duration: REMOVAL_SNACKBAR_TIME,
+            actionText: this.$tr('undoActionPrompt'),
+            actionCallback: undo,
+            hideCallback: hide,
+          },
+        );
+      },
+      async handleResourcesChange({ newArray }) {
+        const newResources = newArray.map(row => {
+          return this.workingResources.find(resource => resource.contentnode_id === row.node_id);
+        });
+        const removedResources = this.workingResources.length - newArray.length;
+        await this.save(newResources);
+        await this.$nextTick();
+        if (removedResources > 0) {
+          this.showResourcesRemovedNotification();
         } else {
-          this.currentAction = action;
+          this.showSnackbarNotification('resourceOrderSaved');
         }
       },
+      async save(resources) {
+        this.setWorkingResources(resources);
+        try {
+          await this.saveLessonResources({
+            lessonId: this.lessonId,
+            resources,
+          });
+        } catch {
+          this.setWorkingResources(this.workingResourcesBackup);
+          this.createSnackbar(this.coachString('saveLessonError'));
+        }
+        await this.updateCurrentLesson(this.lessonId);
+        await this.fetchLessonsSizes({ classId: this.classId });
+      },
+    },
+    $trs: {
+      undoActionPrompt: {
+        message: 'Undo',
+        context: 'Allows user to undo an action.',
+      },
     },
   };
 
diff --git a/kolibri/plugins/coach/assets/src/views/plan/QuizSummaryPage/QuizOptionsDropdownMenu.vue b/kolibri/plugins/coach/assets/src/views/plan/QuizSummaryPage/QuizOptionsDropdownMenu.vue
index 81f7cbe1ead..96aa5a84465 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/QuizSummaryPage/QuizOptionsDropdownMenu.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/QuizSummaryPage/QuizOptionsDropdownMenu.vue
@@ -4,6 +4,7 @@
     hasDropdown
     icon="optionsHorizontal"
     appearance="flat-button"
+    :ariaLabel="coreString('optionsLabel')"
   >
     <template #menu>
       <KDropdownMenu
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsControls.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsControls.vue
index 6c1c6aed54b..dcfedd2071a 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsControls.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsControls.vue
@@ -83,6 +83,7 @@
           'PLAN_LESSONS_ROOT',
           'PLAN_LESSONS_ROOT_BETTER',
           'EXAMS',
+          'SUMMARY',
         ].includes(this.$route.name);
       },
       classLearnersListRoute() {
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonBase.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonBase.vue
index cca4a5c7467..4ed16942ed8 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonBase.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonBase.vue
@@ -44,11 +44,11 @@
               @click="() => saveTabsClick(REPORTS_LESSON_TABS_ID)"
             />
           </HeaderTabs>
-          <ReportsLessonResourcesList
+          <ReportsLessonResourcesTable
             v-if="showResources"
             :entries="contentTable"
           />
-          <ReportsLessonLearnersList
+          <ReportsLessonLearnersTable
             v-else-if="showLearners"
             :entries="learnerTable"
           />
@@ -73,8 +73,8 @@
   import { REPORTS_LESSON_TABS_ID, ReportsLessonTabs } from '../../constants/tabsConstants';
   import { useCoachTabs } from '../../composables/useCoachTabs';
   import ReportsControls from './ReportsControls';
-  import ReportsLessonLearnersList from './ReportsLessonLearnersList';
-  import ReportsLessonResourcesList from './ReportsLessonResourcesList';
+  import ReportsLessonLearnersTable from './ReportsLessonLearnersTable';
+  import ReportsLessonResourcesTable from './ReportsLessonResourcesTable.vue';
 
   export default {
     name: 'ReportsLessonBase',
@@ -82,8 +82,8 @@
       CoachAppBarPage,
       ReportsControls,
       LessonOptionsDropdownMenu,
-      ReportsLessonLearnersList,
-      ReportsLessonResourcesList,
+      ReportsLessonLearnersTable,
+      ReportsLessonResourcesTable,
     },
     mixins: [commonCoach, commonCoreStrings],
     setup() {
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnersList.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnersTable.vue
similarity index 66%
rename from kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnersList.vue
rename to kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnersTable.vue
index d420bd9f14a..4aee2dfd2e0 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnersList.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnersTable.vue
@@ -40,14 +40,17 @@
 
 <script>
 
+  import { mapState } from 'vuex';
   import CoreTable from 'kolibri.coreVue.components.CoreTable';
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
-  import { coachStringsMixin } from '../common/commonCoachStrings';
+  import CSVExporter from '../../csv/exporter';
+  import * as csvFields from '../../csv/fields';
   import StatusSimple from '../common/status/StatusSimple';
   import TruncatedItemList from '../common/TruncatedItemList';
+  import { coachStringsMixin } from '../common/commonCoachStrings';
 
   export default {
-    name: 'ReportsLessonLearnersList',
+    name: 'ReportsLessonLearnersTable',
     components: {
       CoreTable,
       StatusSimple,
@@ -63,6 +66,32 @@
         type: Boolean,
         default: true,
       },
+      title: {
+        type: String,
+        default: '',
+      },
+    },
+    computed: {
+      ...mapState('classSummary', { className: 'name' }),
+    },
+    methods: {
+      /**
+       * @public
+       */
+      exportCSV() {
+        const columns = [
+          ...csvFields.name(),
+          ...csvFields.learnerProgress(),
+          ...csvFields.list('groups', 'groupsLabel'),
+        ];
+
+        const exporter = new CSVExporter(columns, this.className);
+        exporter.addNames({
+          lesson: this.title,
+          learners: this.coachString('learnersLabel'),
+        });
+        exporter.export(this.entries);
+      },
     },
   };
 
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourcesList.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourcesList.vue
deleted file mode 100644
index 691692430e6..00000000000
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourcesList.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-
-  <CoreTable :emptyMessage="coachString('noResourcesInLessonLabel')">
-    <template #headers>
-      <th>{{ coachString('titleLabel') }}</th>
-      <th>{{ coreString('progressLabel') }}</th>
-      <th>{{ coachString('avgTimeSpentLabel') }}</th>
-    </template>
-    <template #tbody>
-      <transition-group
-        tag="tbody"
-        name="list"
-      >
-        <tr
-          v-for="tableRow in entries"
-          :key="tableRow.node_id"
-        >
-          <td>
-            <KLabeledIcon :icon="tableRow.kind">
-              <KRouterLink
-                v-if="tableRow.link"
-                :text="tableRow.title"
-                :to="tableRow.link"
-              />
-              <template v-else>
-                {{ tableRow.title }}
-              </template>
-            </KLabeledIcon>
-          </td>
-          <td>
-            <StatusSummary
-              v-if="tableRow.tally"
-              :tally="tableRow.tally"
-              :verbose="true"
-            />
-            <KEmptyPlaceholder v-else />
-          </td>
-          <td>
-            <TimeDuration
-              v-if="tableRow.tally"
-              :seconds="tableRow.avgTimeSpent"
-            />
-            <KEmptyPlaceholder v-else />
-          </td>
-        </tr>
-      </transition-group>
-    </template>
-  </CoreTable>
-
-</template>
-
-
-<script>
-
-  import CoreTable from 'kolibri.coreVue.components.CoreTable';
-  import TimeDuration from 'kolibri.coreVue.components.TimeDuration';
-  import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
-  import { coachStringsMixin } from '../common/commonCoachStrings';
-  import StatusSummary from '../common/status/StatusSummary';
-
-  export default {
-    name: 'ReportsLessonResourcesList',
-    components: {
-      CoreTable,
-      StatusSummary,
-      TimeDuration,
-    },
-    mixins: [coachStringsMixin, commonCoreStrings],
-    props: {
-      entries: {
-        type: Array,
-        default: () => [],
-      },
-    },
-  };
-
-</script>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourcesTable.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourcesTable.vue
new file mode 100644
index 00000000000..266bd4c88ea
--- /dev/null
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourcesTable.vue
@@ -0,0 +1,222 @@
+<template>
+
+  <CoreTable :emptyMessage="coachString('noResourcesInLessonLabel')">
+    <template #headers>
+      <th>{{ coachString('titleLabel') }}</th>
+      <th>{{ coreString('progressLabel') }}</th>
+      <th>{{ coachString('avgTimeSpentLabel') }}</th>
+      <td v-if="editable"><!-- Actions --></td>
+    </template>
+    <template #tbody>
+      <DragContainer
+        :items="entries"
+        @sort="handleResourcesOrderChange"
+      >
+        <transition-group
+          tag="tbody"
+          name="list"
+        >
+          <Draggable
+            v-for="(tableRow, index) in entries"
+            :key="tableRow.node_id"
+          >
+            <tr :style="{ backgroundColor: $themeTokens.surface }">
+              <td>
+                <div class="resource-title">
+                  <DragHandle v-if="editable">
+                    <!-- Mousedown.prevent is needed to avoid user selection -->
+                    <DragSortWidget
+                      class="sort-widget"
+                      :moveUpText="$tr('moveResourceUpButtonDescription')"
+                      :moveDownText="$tr('moveResourceDownButtonDescription')"
+                      :isFirst="index === 0"
+                      :isLast="index === entries.length - 1"
+                      @moveUp="moveUpOne(index)"
+                      @moveDown="moveDownOne(index)"
+                      @mousedown.prevent
+                    />
+                  </DragHandle>
+                  <KIcon
+                    :icon="tableRow.kind"
+                    :color="tableRow.link ? $themeTokens.link : null"
+                    class="resource-icon"
+                  />
+                  <KRouterLink
+                    v-if="tableRow.link"
+                    :text="tableRow.title"
+                    :to="tableRow.link"
+                  />
+                  <span v-else>
+                    {{ tableRow.title }}
+                  </span>
+                </div>
+              </td>
+              <td>
+                <StatusSummary
+                  v-if="tableRow.tally"
+                  :tally="tableRow.tally"
+                  :verbose="true"
+                />
+                <KEmptyPlaceholder v-else />
+              </td>
+              <td>
+                <TimeDuration
+                  v-if="tableRow.tally"
+                  :seconds="tableRow.avgTimeSpent"
+                />
+                <KEmptyPlaceholder v-else />
+              </td>
+              <td v-if="editable">
+                <div class="actions">
+                  <KIconButton
+                    icon="clear"
+                    :ariaLabel="coreString('removeAction')"
+                    @click="() => handleRemoveEntry(tableRow)"
+                  />
+                </div>
+              </td>
+            </tr>
+          </Draggable>
+        </transition-group>
+      </DragContainer>
+    </template>
+  </CoreTable>
+
+</template>
+
+
+<script>
+
+  import { mapState } from 'vuex';
+  import CoreTable from 'kolibri.coreVue.components.CoreTable';
+  import TimeDuration from 'kolibri.coreVue.components.TimeDuration';
+  import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
+  import DragContainer from 'kolibri.coreVue.components.DragContainer';
+  import DragHandle from 'kolibri.coreVue.components.DragHandle';
+  import DragSortWidget from 'kolibri.coreVue.components.DragSortWidget';
+  import Draggable from 'kolibri.coreVue.components.Draggable';
+  import CSVExporter from '../../csv/exporter';
+  import * as csvFields from '../../csv/fields';
+  import StatusSummary from '../common/status/StatusSummary';
+  import { coachStringsMixin } from '../common/commonCoachStrings';
+
+  export default {
+    name: 'ReportsLessonResourcesTable',
+    components: {
+      CoreTable,
+      StatusSummary,
+      TimeDuration,
+      DragContainer,
+      DragHandle,
+      DragSortWidget,
+      Draggable,
+    },
+    mixins: [coachStringsMixin, commonCoreStrings],
+    props: {
+      title: {
+        type: String,
+        default: '',
+      },
+      entries: {
+        type: Array,
+        default: () => [],
+      },
+      editable: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    computed: {
+      ...mapState('classSummary', { className: 'name' }),
+    },
+    methods: {
+      handleResourcesOrderChange({ newArray }) {
+        this.$emit('change', { newArray });
+      },
+      handleRemoveEntry(entry) {
+        const newArray = this.entries.filter(({ node_id }) => node_id !== entry.node_id);
+        this.handleResourcesOrderChange({ newArray });
+      },
+      moveUpOne(oldIndex) {
+        this.swap(oldIndex, oldIndex - 1);
+      },
+      moveDownOne(oldIndex) {
+        this.swap(oldIndex, oldIndex + 1);
+      },
+      swap(oldIndex, newIndex) {
+        const newArray = [...this.entries];
+        const oldResource = newArray[newIndex];
+        newArray[newIndex] = newArray[oldIndex];
+        newArray[oldIndex] = oldResource;
+
+        this.handleResourcesOrderChange({ newArray });
+      },
+      /**
+       * @public
+       */
+      exportCSV() {
+        const columns = [
+          ...csvFields.title(),
+          ...csvFields.tally(),
+          ...csvFields.timeSpent('avgTimeSpent', this.coachString('avgTimeSpentLabel')),
+        ];
+
+        const exporter = new CSVExporter(columns, this.className);
+        exporter.addNames({
+          lesson: this.title,
+          resources: this.coreString('resourcesLabel'),
+        });
+
+        exporter.export(this.entries);
+      },
+    },
+    $trs: {
+      moveResourceUpButtonDescription: {
+        message: 'Move this resource one position up in this lesson',
+        context: 'Refers to ordering resources.',
+      },
+      moveResourceDownButtonDescription: {
+        message: 'Move this resource one position down in this lesson',
+        context: 'Refers to ordering resources.',
+      },
+    },
+  };
+
+</script>
+
+
+<style scoped lang="scss">
+
+  /deep/ .draggable-mirror {
+    /* Styles to fix styles errors for having a draggable tr with fixed position */
+    height: auto !important;
+
+    td {
+      width: 35%;
+    }
+  }
+
+  td {
+    vertical-align: middle;
+
+    .actions {
+      display: flex;
+      justify-content: flex-end;
+      width: 100%;
+    }
+  }
+
+  .resource-title {
+    display: flex;
+    align-items: center;
+
+    .sort-widget {
+      margin-right: 12px;
+    }
+
+    .resource-icon {
+      margin-right: 8px;
+    }
+  }
+
+</style>
diff --git a/yarn.lock b/yarn.lock
index f62830be73b..f7641cb9fbd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2963,15 +2963,6 @@ anymatch@^3.0.3, anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-"aphrodite@git+https://github.com/learningequality/aphrodite.git":
-  version "2.2.3"
-  uid fdc8d7be8912a5cf17f74ff10f124013c52c3e32
-  resolved "git+https://github.com/learningequality/aphrodite.git#fdc8d7be8912a5cf17f74ff10f124013c52c3e32"
-  dependencies:
-    asap "^2.0.3"
-    inline-style-prefixer "^4.0.2"
-    string-hash "^1.1.3"
-
 "aphrodite@https://github.com/learningequality/aphrodite/":
   version "2.2.3"
   resolved "https://github.com/learningequality/aphrodite/#fdc8d7be8912a5cf17f74ff10f124013c52c3e32"