diff --git a/plugins/course-apps/proctoring/Settings.test.jsx b/plugins/course-apps/proctoring/Settings.test.jsx
index 4b10848e8b..8e8a8be2e1 100644
--- a/plugins/course-apps/proctoring/Settings.test.jsx
+++ b/plugins/course-apps/proctoring/Settings.test.jsx
@@ -74,6 +74,8 @@ describe('ProctoredExamSettings', () => {
       provider: null,
     });
 
+    axiosMock.onGet(/course_index/).reply(200, { sections: [] });
+
     axiosMock.onGet(
       StudioApiService.getProctoredExamSettingsUrl(defaultProps.courseId),
     ).reply(200, {
@@ -466,7 +468,8 @@ describe('ProctoredExamSettings', () => {
       // (1) for studio settings
       // (2) waffle flags
       // (3) for course details
-      expect(axiosMock.history.get.length).toBe(3);
+      // (4) for course outline index (from CourseAuthoringProvider)
+      expect(axiosMock.history.get.length).toBe(4);
       expect(axiosMock.history.get[0].url.includes('proctored_exam_settings')).toEqual(true);
     });
 
diff --git a/src/CourseAuthoringContext.tsx b/src/CourseAuthoringContext.tsx
index a31f887155..91c3556fbe 100644
--- a/src/CourseAuthoringContext.tsx
+++ b/src/CourseAuthoringContext.tsx
@@ -1,17 +1,23 @@
 import { getConfig } from '@edx/frontend-platform';
 import {
-  createContext, useContext, useMemo, useState,
+  createContext, useCallback, useContext, useEffect, useMemo, useState,
 } from 'react';
 import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
-import { useCreateCourseBlock } from '@src/course-outline/data/apiHooks';
-import { useSelector } from 'react-redux';
+import { useCreateCourseBlock, useDeleteCourseItem, useDuplicateItem } from '@src/course-outline/data/apiHooks';
+import { useDispatch, useSelector } from 'react-redux';
 import { useNavigate } from 'react-router';
-import { getOutlineIndexData } from '@src/course-outline/data/selectors';
+import { getOutlineIndexData, getSectionsList } from '@src/course-outline/data/selectors';
 import { useToggleWithValue } from '@src/hooks';
 import { SelectionState, type UnitXBlock, type XBlock } from '@src/data/types';
 import { CourseDetailsData } from './data/api';
 import { useCourseDetails, useWaffleFlags } from './data/apiHooks';
 import { RequestStatusType } from './data/constants';
+import { arrayMove } from '@dnd-kit/sortable';
+import { fetchCourseOutlineIndexQuery, setSectionOrderListQuery, setSubsectionOrderListQuery, setUnitOrderListQuery } from './course-outline/data/thunk';
+import { useToggle } from '@openedx/paragon';
+import { getBlockType } from './generic/key-utils';
+import { COURSE_BLOCK_NAMES } from './constants';
+import { deleteSection, deleteSubsection, deleteUnit } from './course-outline/data/slice';
 
 type ModalState = {
   value?: XBlock | UnitXBlock;
@@ -40,6 +46,23 @@ export type CourseAuthoringContextData = {
   closePublishModal: () => void;
   currentSelection?: SelectionState;
   setCurrentSelection: React.Dispatch<React.SetStateAction<SelectionState | undefined>>;
+  sections: XBlock[];
+  restoreSectionList: () => void;
+  setSections: React.Dispatch<React.SetStateAction<XBlock[]>>;
+  isDuplicatingItem: boolean;
+  isDeleteModalOpen: boolean;
+  openDeleteModal: () => void;
+  closeDeleteModal: () => void;
+  getHandleDeleteItemSubmit: (callback: () => void) => () => Promise<void>;
+  handleDuplicateSectionSubmit: () => void;
+  handleDuplicateSubsectionSubmit: () => void;
+  handleDuplicateUnitSubmit: () => void;
+  handleSectionDragAndDrop: (sectionListIds: string[]) => void;
+  handleSubsectionDragAndDrop: (sectionId: string, prevSectionId: string, subsectionListIds: string[]) => void;
+  handleUnitDragAndDrop: (sectionId: string, prevSectionId: string, subsectionId: string, unitListIds: string[]) => void;
+  updateSectionOrderByIndex: (currentIndex: number, newIndex: number) => void;
+  updateSubsectionOrderByIndex: (section: XBlock, moveDetails: any) => void;
+  updateUnitOrderByIndex: (section: XBlock, moveDetails: any) => void;
 };
 
 /**
@@ -61,6 +84,7 @@ export const CourseAuthoringProvider = ({
   courseId,
 }: CourseAuthoringProviderProps) => {
   const navigate = useNavigate();
+  const dispatch = useDispatch();
   const waffleFlags = useWaffleFlags();
   const { data: courseDetails, status: courseDetailStatus } = useCourseDetails(courseId);
   const canChangeProviders = getAuthenticatedUser().administrator || new Date(courseDetails?.start ?? 0) > new Date();
@@ -78,6 +102,23 @@ export const CourseAuthoringProvider = ({
     openPublishModal,
     closePublishModal,
   ] = useToggleWithValue<ModalState>();
+  const sectionsList = useSelector(getSectionsList);
+  const [sections, setSections] = useState<XBlock[]>(sectionsList);
+  const [isDeleteModalOpen, openDeleteModal, closeDeleteModal] = useToggle(false);
+  
+
+  const restoreSectionList = () => {
+    setSections(() => [...sectionsList]);
+  };
+
+  useEffect(() => {
+    dispatch(fetchCourseOutlineIndexQuery(courseId));
+  }, [courseId]);
+
+  useEffect(() => {
+    setSections(sectionsList);
+  }, [sectionsList]);
+
   /**
   * This will hold the state of current item that is being operated on,
   * For example:
@@ -113,6 +154,196 @@ export const CourseAuthoringProvider = ({
   const handleAddAndOpenUnit = useCreateCourseBlock(courseId, openUnitPage);
   const handleAddBlock = useCreateCourseBlock(courseId);
 
+  const {
+    mutate: duplicateItem,
+    isPending: isDuplicatingItem,
+  } = useDuplicateItem(courseId);
+  const handleDuplicateSectionSubmit = () => {
+    if (currentSelection && currentSelection.currentId) {
+      duplicateItem({
+        itemId: currentSelection.currentId,
+        parentId: courseStructure.id,
+        sectionId: currentSelection.sectionId,
+        subsectionId: currentSelection.subsectionId,
+      });
+    }
+  };
+
+  const handleDuplicateSubsectionSubmit = () => {
+    if (currentSelection && currentSelection.currentId && currentSelection.sectionId) {
+      duplicateItem({
+        itemId: currentSelection.currentId,
+        parentId: currentSelection.sectionId,
+        sectionId: currentSelection.sectionId,
+        subsectionId: currentSelection.subsectionId,
+      });
+    }
+  };
+
+  const handleDuplicateUnitSubmit = () => {
+    if (currentSelection && currentSelection.currentId && currentSelection.subsectionId) {
+      duplicateItem({
+        itemId: currentSelection?.currentId,
+        parentId: currentSelection?.subsectionId,
+        sectionId: currentSelection?.sectionId,
+        subsectionId: currentSelection?.subsectionId,
+      });
+    }
+  };
+
+  const handleSectionDragAndDrop = (
+    sectionListIds: string[],
+  ) => {
+    dispatch(setSectionOrderListQuery(
+      courseId,
+      sectionListIds,
+      restoreSectionList,
+    ));
+  };
+
+  const handleSubsectionDragAndDrop = (
+    sectionId: string,
+    prevSectionId: string,
+    subsectionListIds: string[],
+  ) => {
+    dispatch(setSubsectionOrderListQuery(
+      sectionId,
+      prevSectionId,
+      subsectionListIds,
+      restoreSectionList,
+    ));
+  };
+
+  const handleUnitDragAndDrop = (
+    sectionId: string,
+    prevSectionId: string,
+    subsectionId: string,
+    unitListIds: string[],
+  ) => {
+    dispatch(setUnitOrderListQuery(
+      sectionId,
+      subsectionId,
+      prevSectionId,
+      unitListIds,
+      restoreSectionList,
+    ));
+  };
+
+  /**
+   * Uses details from move information and moves unit
+   */
+  const updateUnitOrderByIndex = (section: XBlock, moveDetails) => {
+    const { fn, args, sectionId, subsectionId } = moveDetails;
+    if (!args) {
+      return;
+    }
+    const [sectionsCopy, newUnits] = fn(...args);
+    if (newUnits && subsectionId) {
+      setSections(sectionsCopy);
+      handleUnitDragAndDrop(
+        sectionId,
+        section.id,
+        subsectionId,
+        newUnits.map((unit) => unit.id),
+      );
+    }
+  };
+
+  /**
+   * Move section to new index
+   */
+  const updateSectionOrderByIndex = (currentIndex: number, newIndex: number) => {
+    if (currentIndex === newIndex) {
+      return;
+    }
+    setSections((prevSections) => {
+      const newSections = arrayMove(prevSections, currentIndex, newIndex);
+      handleSectionDragAndDrop(newSections.map(section => section.id));
+      return newSections;
+    });
+  };
+
+  /**
+   * Uses details from move information and moves subsection
+   */
+  const updateSubsectionOrderByIndex = (section: XBlock, moveDetails) => {
+    const { fn, args, sectionId } = moveDetails;
+    if (!args) {
+      return;
+    }
+    const [sectionsCopy, newSubsections] = fn(...args);
+    if (newSubsections && sectionId) {
+      setSections(sectionsCopy);
+      handleSubsectionDragAndDrop(
+        sectionId,
+        section.id,
+        newSubsections.map(subsection => subsection.id),
+      );
+    }
+  };
+
+  const deleteMutation = useDeleteCourseItem();
+  
+  const getHandleDeleteItemSubmit = useCallback((callback: () => void) => {
+    return async () => {
+      // istanbul ignore if
+      if (!currentSelection) {
+        return;
+      }
+      const category = getBlockType(currentSelection.currentId);
+      switch (category) {
+        case COURSE_BLOCK_NAMES.chapter.id:
+          await deleteMutation.mutateAsync(
+            { itemId: currentSelection.currentId },
+            {
+              onSettled: () => dispatch(deleteSection({ itemId: currentSelection.currentId })),
+            },
+          );
+          break;
+        case COURSE_BLOCK_NAMES.sequential.id:
+          await deleteMutation.mutateAsync(
+            { itemId: currentSelection.currentId, sectionId: currentSelection.sectionId },
+            {
+              onSettled: () => dispatch(deleteSubsection({
+                itemId: currentSelection.currentId,
+                sectionId: currentSelection.sectionId,
+              })),
+            },
+          );
+          break;
+        case COURSE_BLOCK_NAMES.vertical.id:
+          await deleteMutation.mutateAsync(
+            {
+              itemId: currentSelection.currentId,
+              subsectionId: currentSelection.subsectionId,
+              sectionId: currentSelection.sectionId,
+            },
+            {
+              onSettled: () => dispatch(deleteUnit({
+                itemId: currentSelection.currentId,
+                subsectionId: currentSelection.subsectionId,
+                sectionId: currentSelection.sectionId,
+              })),
+            },
+          );
+          break;
+        default:
+          // istanbul ignore next
+          throw new Error(`Unrecognized category ${category}`);
+      }
+      closeDeleteModal();
+      callback();
+    };
+  }, [
+    deleteMutation,
+    closeDeleteModal,
+    currentSelection,
+    dispatch,
+    deleteSection,
+    deleteUnit,
+    deleteSubsection,
+  ]);
+
   const context = useMemo<CourseAuthoringContextData>(() => ({
     courseId,
     courseUsageKey,
@@ -133,6 +364,23 @@ export const CourseAuthoringProvider = ({
     closePublishModal,
     currentSelection,
     setCurrentSelection,
+    sections,
+    restoreSectionList,
+    setSections,
+    isDuplicatingItem,
+    isDeleteModalOpen,
+    openDeleteModal,
+    closeDeleteModal,
+    getHandleDeleteItemSubmit,
+    handleDuplicateSectionSubmit,
+    handleDuplicateSubsectionSubmit,
+    handleDuplicateUnitSubmit,
+    handleSectionDragAndDrop,
+    handleSubsectionDragAndDrop,
+    handleUnitDragAndDrop,
+    updateSectionOrderByIndex,
+    updateSubsectionOrderByIndex,
+    updateUnitOrderByIndex,
   }), [
     courseId,
     courseUsageKey,
@@ -153,6 +401,22 @@ export const CourseAuthoringProvider = ({
     closePublishModal,
     currentSelection,
     setCurrentSelection,
+    sections,
+    restoreSectionList,
+    setSections,
+    isDuplicatingItem,
+    isDeleteModalOpen,
+    openDeleteModal,
+    closeDeleteModal,
+    getHandleDeleteItemSubmit,
+    handleDuplicateSectionSubmit,
+    handleDuplicateSubsectionSubmit,
+    handleSectionDragAndDrop,
+    handleSubsectionDragAndDrop,
+    handleUnitDragAndDrop,
+    updateSectionOrderByIndex,
+    updateSubsectionOrderByIndex,
+    updateUnitOrderByIndex,
   ]);
 
   return (
diff --git a/src/content-tags-drawer/data/apiHooks.test.jsx b/src/content-tags-drawer/data/apiHooks.test.jsx
index ebfaf9e779..7906f5c266 100644
--- a/src/content-tags-drawer/data/apiHooks.test.jsx
+++ b/src/content-tags-drawer/data/apiHooks.test.jsx
@@ -78,7 +78,7 @@ describe('useTaxonomyTagsData', () => {
     // Assert that useQueries was called with the correct arguments
     expect(useQueries).toHaveBeenCalledWith({
       queries: [
-        { queryKey: ['taxonomyTags', taxonomyId, null, 1, ''], queryFn: expect.any(Function), staleTime: Infinity },
+        { queryKey: ['contentTags', 'taxonomyTags', taxonomyId, null, 1, ''], queryFn: expect.any(Function), staleTime: Infinity },
       ],
     });
 
diff --git a/src/content-tags-drawer/data/apiHooks.ts b/src/content-tags-drawer/data/apiHooks.ts
index 832154d4ce..577d32bb9f 100644
--- a/src/content-tags-drawer/data/apiHooks.ts
+++ b/src/content-tags-drawer/data/apiHooks.ts
@@ -20,6 +20,33 @@ import { libraryAuthoringQueryKeys, libraryQueryPredicate, xblockQueryKeys } fro
 import { getLibraryId } from '../../generic/key-utils';
 import type { UpdateTagsData } from './types';
 
+export const contentTagsQueryKeys = {
+  all: ['contentTags'],
+  taxonomyTags: (taxonomyId: number, parentTag: string | null, page: number, searchTerm: string) => [
+    ...contentTagsQueryKeys.all,
+    'taxonomyTags',
+    taxonomyId,
+    parentTag,
+    page,
+    searchTerm,
+  ],
+  contentTaxonomyTags: (contentId: string) => [
+    ...contentTagsQueryKeys.all,
+    'contentTaxonomyTags',
+    contentId,
+  ],
+  contentData: (contentId?: string) => [
+    ...contentTagsQueryKeys.all,
+    'contentData',
+    contentId,
+  ],
+  contentTagsCount: (contentPattern: string) => [
+    ...contentTagsQueryKeys.all,
+    'contentTagsCount',
+    contentPattern,
+  ],
+};
+
 /**
  * Builds the query to get the taxonomy tags
  */
@@ -43,7 +70,7 @@ export const useTaxonomyTagsData = (
   const queries: { queryKey: any[]; queryFn: typeof queryFn; staleTime: number }[] = [];
   for (let page = 1; page <= numPages; page++) {
     queries.push(
-      { queryKey: ['taxonomyTags', taxonomyId, parentTag, page, searchTerm], queryFn, staleTime: Infinity },
+      { queryKey: contentTagsQueryKeys.taxonomyTags(taxonomyId, parentTag, page, searchTerm), queryFn, staleTime: Infinity },
     );
   }
 
@@ -74,7 +101,7 @@ export const useTaxonomyTagsData = (
 
     // Store the pre-loaded descendants into the query cache:
     preLoadedData.forEach((tags, parentValue) => {
-      const queryKey = ['taxonomyTags', taxonomyId, parentValue, 1, searchTerm];
+      const queryKey = contentTagsQueryKeys.taxonomyTags(taxonomyId, parentValue, 1, searchTerm);
       const cachedData: TagListData = {
         next: '',
         previous: '',
@@ -106,7 +133,7 @@ export const useTaxonomyTagsData = (
  */
 export const useContentTaxonomyTagsData = (contentId: string) => (
   useQuery({
-    queryKey: ['contentTaxonomyTags', contentId],
+    queryKey: contentTagsQueryKeys.contentTaxonomyTags(contentId),
     queryFn: () => getContentTaxonomyTagsData(contentId),
   })
 );
@@ -118,7 +145,7 @@ export const useContentTaxonomyTagsData = (contentId: string) => (
  */
 export const useContentData = (contentId?: string, enabled: boolean = true) => (
   useQuery({
-    queryKey: ['contentData', contentId],
+    queryKey: contentTagsQueryKeys.contentData(contentId),
     queryFn: (enabled && contentId) ? () => getContentData(contentId) : skipToken,
   })
 );
@@ -137,7 +164,7 @@ export const useContentTaxonomyTagsUpdater = (contentId: string) => {
       updateContentTaxonomyTags(contentId, tagsData)
     ),
     onSettled: () => {
-      queryClient.invalidateQueries({ queryKey: ['contentTaxonomyTags', contentId] });
+      queryClient.invalidateQueries({ queryKey: contentTagsQueryKeys.contentTaxonomyTags(contentId) });
       /// Invalidate query with pattern on course outline
       let contentPattern;
       if (contentId.includes('course-v1')) {
@@ -145,7 +172,7 @@ export const useContentTaxonomyTagsUpdater = (contentId: string) => {
       } else {
         contentPattern = contentId.replace(/\+type@.*$/, '*');
       }
-      queryClient.invalidateQueries({ queryKey: ['contentTagsCount', contentPattern] });
+      queryClient.invalidateQueries({ queryKey: contentTagsQueryKeys.contentTagsCount(contentPattern) });
       if (contentId.startsWith('lb:') || contentId.startsWith('lib-collection:') || contentId.startsWith('lct:')) {
         // Obtain library id from contentId
         const libraryId = getLibraryId(contentId);
diff --git a/src/course-outline/CourseOutline.tsx b/src/course-outline/CourseOutline.tsx
index 95d75627c9..d50986fff0 100644
--- a/src/course-outline/CourseOutline.tsx
+++ b/src/course-outline/CourseOutline.tsx
@@ -12,7 +12,6 @@ import { Helmet } from 'react-helmet';
 import { CheckCircle as CheckCircleIcon, CloseFullscreen, OpenInFull } from '@openedx/paragon/icons';
 import { useSelector } from 'react-redux';
 import {
-  arrayMove,
   SortableContext,
   verticalListSortingStrategy,
 } from '@dnd-kit/sortable';
@@ -76,6 +75,12 @@ const CourseOutline = () => {
     isUnlinkModalOpen,
     closeUnlinkModal,
     currentSelection,
+    sections,
+    restoreSectionList,
+    setSections,
+    updateSectionOrderByIndex,
+    updateSubsectionOrderByIndex,
+    updateUnitOrderByIndex,
   } = useCourseAuthoringContext();
 
   const {
@@ -83,7 +88,6 @@ const CourseOutline = () => {
     savingStatus,
     statusBarData,
     courseActions,
-    sectionsList,
     isCustomRelativeDatesActive,
     isLoading,
     isLoadingDenied,
@@ -155,11 +159,6 @@ const CourseOutline = () => {
     }
   }, [location, courseId, courseName]);
 
-  const [sections, setSections] = useState<XBlock[]>(sectionsList);
-
-  const restoreSectionList = () => {
-    setSections(() => [...sectionsList]);
-  };
 
   const {
     isShow: isShowProcessingNotification,
@@ -174,67 +173,6 @@ const CourseOutline = () => {
   const enableProctoredExams = useSelector(getProctoredExamsFlag);
   const enableTimedExams = useSelector(getTimedExamsFlag);
 
-  /**
-   * Move section to new index
-   */
-  const updateSectionOrderByIndex = (currentIndex: number, newIndex: number) => {
-    if (currentIndex === newIndex) {
-      return;
-    }
-    setSections((prevSections) => {
-      const newSections = arrayMove(prevSections, currentIndex, newIndex);
-      handleSectionDragAndDrop(newSections.map(section => section.id));
-      return newSections;
-    });
-  };
-
-  /**
-   * Uses details from move information and moves subsection
-   */
-  const updateSubsectionOrderByIndex = (section: XBlock, moveDetails) => {
-    const { fn, args, sectionId } = moveDetails;
-    if (!args) {
-      return;
-    }
-    const [sectionsCopy, newSubsections] = fn(...args);
-    if (newSubsections && sectionId) {
-      setSections(sectionsCopy);
-      handleSubsectionDragAndDrop(
-        sectionId,
-        section.id,
-        newSubsections.map(subsection => subsection.id),
-        restoreSectionList,
-      );
-    }
-  };
-
-  /**
-   * Uses details from move information and moves unit
-   */
-  const updateUnitOrderByIndex = (section: XBlock, moveDetails) => {
-    const {
-      fn, args, sectionId, subsectionId,
-    } = moveDetails;
-    if (!args) {
-      return;
-    }
-    const [sectionsCopy, newUnits] = fn(...args);
-    if (newUnits && sectionId && subsectionId) {
-      setSections(sectionsCopy);
-      handleUnitDragAndDrop(
-        sectionId,
-        section.id,
-        subsectionId,
-        newUnits.map(unit => unit.id),
-        restoreSectionList,
-      );
-    }
-  };
-
-  useEffect(() => {
-    setSections(sectionsList);
-  }, [sectionsList]);
-
   if (isLoading) {
     // eslint-disable-next-line react/jsx-no-useless-fragment
     return (
@@ -310,7 +248,7 @@ const CourseOutline = () => {
                 isSectionsExpanded={isSectionsExpanded}
                 headerNavigationsActions={headerNavigationsActions}
                 isDisabledReindexButton={isDisabledReindexButton}
-                hasSections={Boolean(sectionsList.length)}
+                hasSections={Boolean(sections.length)}
                 courseActions={courseActions}
                 errors={errors}
                 sections={sections}
@@ -340,7 +278,7 @@ const CourseOutline = () => {
                 <div>
                   {showNewActionsBar && (
                   <ActionRow className="mt-3">
-                    {Boolean(sectionsList.length) && (
+                    {Boolean(sections.length) && (
                     <Button
                       variant="outline-primary"
                       id="expand-collapse-all-button"
@@ -399,6 +337,7 @@ const CourseOutline = () => {
                                           section={section}
                                           subsection={subsection}
                                           index={subsectionIndex}
+                                          sectionIndex={sectionIndex}
                                           getPossibleMoves={possibleSubsectionMoves(
                                             [...sections],
                                             sectionIndex,
@@ -425,6 +364,7 @@ const CourseOutline = () => {
                                                 unit={unit}
                                                 subsection={subsection}
                                                 section={section}
+                                                sectionIndex={sectionIndex}
                                                 isSelfPaced={statusBarData.isSelfPaced}
                                                 isCustomRelativeDatesActive={isCustomRelativeDatesActive}
                                                 index={unitIndex}
diff --git a/src/course-outline/drag-helper/utils.ts b/src/course-outline/drag-helper/utils.ts
index 40a41f1e9d..952674ccb6 100644
--- a/src/course-outline/drag-helper/utils.ts
+++ b/src/course-outline/drag-helper/utils.ts
@@ -152,6 +152,9 @@ export const moveUnit = (
  * This helps us avoid moving the item to a position of unmovable item.
  */
 export const canMoveSection = (sections: XBlock[]) => (id: number, step: number) => {
+  if (id === -1) {
+    return false;
+  }
   const newId = id + step;
   const indexCheck = newId >= 0 && newId < sections.length;
   if (!indexCheck) {
diff --git a/src/course-outline/hooks.jsx b/src/course-outline/hooks.jsx
index 6d8197de52..bad83d2dd2 100644
--- a/src/course-outline/hooks.jsx
+++ b/src/course-outline/hooks.jsx
@@ -24,9 +24,6 @@ import {
 } from '@src/course-outline/data/apiHooks';
 import { COURSE_BLOCK_NAMES } from './constants';
 import {
-  deleteSection,
-  deleteSubsection,
-  deleteUnit,
   updateSavingStatus,
 } from './data/slice';
 import {
@@ -34,7 +31,6 @@ import {
   getOutlineIndexData,
   getSavingStatus,
   getStatusBarData,
-  getSectionsList,
   getCourseActions,
   getCustomRelativeDatesActiveFlag,
   getErrors,
@@ -46,10 +42,7 @@ import {
   fetchCourseLaunchQuery,
   fetchCourseOutlineIndexQuery,
   fetchCourseReindexQuery,
-  setSectionOrderListQuery,
   setVideoSharingOptionQuery,
-  setSubsectionOrderListQuery,
-  setUnitOrderListQuery,
   dismissNotificationQuery,
   syncDiscussionsTopics,
 } from './data/thunk';
@@ -62,9 +55,26 @@ const useCourseOutline = ({ courseId }) => {
     currentSelection,
     currentUnlinkModalData,
     closeUnlinkModal,
+    isDuplicatingItem,
+    isDeleteModalOpen,
+    openDeleteModal,
+    closeDeleteModal,
+    getHandleDeleteItemSubmit,
+    handleDuplicateSectionSubmit,
+    handleDuplicateSubsectionSubmit,
+    handleDuplicateUnitSubmit,
+    handleSectionDragAndDrop,
+    handleSubsectionDragAndDrop,
+    handleUnitDragAndDrop,
   } = useCourseAuthoringContext();
   const { selectedContainerState, clearSelection } = useOutlineSidebarContext();
 
+  const handleDeleteItemSubmit = getHandleDeleteItemSubmit(() => {
+    if (selectedContainerState.currentId === currentSelection?.currentId) {
+      clearSelection();
+    }
+  });
+
   const {
     reindexLink,
     courseStructure,
@@ -83,7 +93,7 @@ const useCourseOutline = ({ courseId }) => {
   const statusBarData = useSelector(getStatusBarData);
   const savingStatus = useSelector(getSavingStatus);
   const courseActions = useSelector(getCourseActions);
-  const sectionsList = useSelector(getSectionsList);
+  
   const isCustomRelativeDatesActive = useSelector(getCustomRelativeDatesActiveFlag);
   const genericSavingStatus = useSelector(getGenericSavingStatus);
   const errors = useSelector(getErrors);
@@ -94,8 +104,6 @@ const useCourseOutline = ({ courseId }) => {
   const [showSuccessAlert, setShowSuccessAlert] = useState(false);
   const [isHighlightsModalOpen, openHighlightsModal, closeHighlightsModal] = useToggle(false);
   const [isConfigureModalOpen, openConfigureModal, closeConfigureModal] = useToggle(false);
-  const [isDeleteModalOpen, openDeleteModal, closeDeleteModal] = useToggle(false);
-  const queryClient = useQueryClient();
 
   const isSavingStatusFailed = savingStatus === RequestStatus.FAILED || genericSavingStatus === RequestStatus.FAILED;
 
@@ -231,102 +239,6 @@ const useCourseOutline = ({ courseId }) => {
     handleConfigureModalClose();
   };
 
-  const deleteMutation = useDeleteCourseItem();
-
-  const handleDeleteItemSubmit = useCallback(async () => {
-    // istanbul ignore if
-    if (!currentSelection) {
-      return;
-    }
-    const category = getBlockType(currentSelection.currentId);
-    switch (category) {
-      case COURSE_BLOCK_NAMES.chapter.id:
-        await deleteMutation.mutateAsync(
-          { itemId: currentSelection.currentId },
-          {
-            onSettled: () => dispatch(deleteSection({ itemId: currentSelection.currentId })),
-          },
-        );
-        break;
-      case COURSE_BLOCK_NAMES.sequential.id:
-        await deleteMutation.mutateAsync(
-          { itemId: currentSelection.currentId, sectionId: currentSelection.sectionId },
-          {
-            onSettled: () => dispatch(deleteSubsection({
-              itemId: currentSelection.currentId,
-              sectionId: currentSelection.sectionId,
-            })),
-          },
-        );
-        break;
-      case COURSE_BLOCK_NAMES.vertical.id:
-        await deleteMutation.mutateAsync(
-          {
-            itemId: currentSelection.currentId,
-            subsectionId: currentSelection.subsectionId,
-            sectionId: currentSelection.sectionId,
-          },
-          {
-            onSettled: () => dispatch(deleteUnit({
-              itemId: currentSelection.currentId,
-              subsectionId: currentSelection.subsectionId,
-              sectionId: currentSelection.sectionId,
-            })),
-          },
-        );
-        break;
-      default:
-        // istanbul ignore next
-        throw new Error(`Unrecognized category ${category}`);
-    }
-    closeDeleteModal();
-    if (selectedContainerState.currentId === currentSelection?.currentId) {
-      clearSelection();
-    }
-  }, [
-    deleteMutation,
-    clearSelection,
-    closeDeleteModal,
-    queryClient,
-    currentSelection,
-    courseOutlineQueryKeys,
-    dispatch,
-    deleteSection,
-    deleteUnit,
-    deleteSubsection,
-  ]);
-
-  const {
-    mutate: duplicateItem,
-    isPending: isDuplicatingItem,
-  } = useDuplicateItem(courseId);
-  const handleDuplicateSectionSubmit = () => {
-    duplicateItem({
-      itemId: currentSelection?.currentId,
-      parentId: courseStructure.id,
-      sectionId: currentSelection?.sectionId,
-      subsectionId: currentSelection?.subsectionId,
-    });
-  };
-
-  const handleDuplicateSubsectionSubmit = () => {
-    duplicateItem({
-      itemId: currentSelection?.currentId,
-      parentId: currentSelection?.sectionId,
-      sectionId: currentSelection?.sectionId,
-      subsectionId: currentSelection?.subsectionId,
-    });
-  };
-
-  const handleDuplicateUnitSubmit = () => {
-    duplicateItem({
-      itemId: currentSelection?.currentId,
-      parentId: currentSelection?.subsectionId,
-      sectionId: currentSelection?.sectionId,
-      subsectionId: currentSelection?.subsectionId,
-    });
-  };
-
   const handleVideoSharingOptionChange = (value) => {
     dispatch(setVideoSharingOptionQuery(courseId, value));
   };
@@ -335,47 +247,6 @@ const useCourseOutline = ({ courseId }) => {
     dispatch(dismissNotificationQuery(`${getConfig().STUDIO_BASE_URL}${notificationDismissUrl}`));
   };
 
-  const handleSectionDragAndDrop = (
-    sectionListIds,
-    restoreSectionList,
-  ) => {
-    dispatch(setSectionOrderListQuery(
-      courseId,
-      sectionListIds,
-      restoreSectionList,
-    ));
-  };
-
-  const handleSubsectionDragAndDrop = (
-    sectionId,
-    prevSectionId,
-    subsectionListIds,
-    restoreSectionList,
-  ) => {
-    dispatch(setSubsectionOrderListQuery(
-      sectionId,
-      prevSectionId,
-      subsectionListIds,
-      restoreSectionList,
-    ));
-  };
-
-  const handleUnitDragAndDrop = (
-    sectionId,
-    prevSectionId,
-    subsectionId,
-    unitListIds,
-    restoreSectionList,
-  ) => {
-    dispatch(setUnitOrderListQuery(
-      sectionId,
-      subsectionId,
-      prevSectionId,
-      unitListIds,
-      restoreSectionList,
-    ));
-  };
-
   useEffect(() => {
     dispatch(fetchCourseOutlineIndexQuery(courseId));
     dispatch(fetchCourseBestPracticesQuery({ courseId }));
@@ -396,7 +267,6 @@ const useCourseOutline = ({ courseId }) => {
     courseUsageKey: courseStructure?.id,
     courseActions,
     savingStatus,
-    sectionsList,
     isCustomRelativeDatesActive,
     isLoading: outlineIndexLoadingStatus === RequestStatus.IN_PROGRESS,
     isLoadingDenied: outlineIndexLoadingStatus === RequestStatus.DENIED,
diff --git a/src/course-outline/outline-sidebar/OutlineSidebar.test.tsx b/src/course-outline/outline-sidebar/OutlineSidebar.test.tsx
index c3d18ef982..e34336e65f 100644
--- a/src/course-outline/outline-sidebar/OutlineSidebar.test.tsx
+++ b/src/course-outline/outline-sidebar/OutlineSidebar.test.tsx
@@ -15,6 +15,8 @@ jest.mock('@src/course-outline/data/apiHooks', () => ({
   useCourseDetails: jest.fn().mockReturnValue({ isPending: false, data: { title: 'Test Course' } }),
   useCreateCourseBlock: jest.fn(),
   useCourseItemData: jest.fn().mockReturnValue({ data: {} }),
+  useDuplicateItem: jest.fn().mockReturnValue({ duplicateItem: jest.fn() }),
+  useDeleteCourseItem: jest.fn().mockReturnValue({ mutateAsync: jest.fn() }),
 }));
 
 const courseId = '123';
diff --git a/src/course-outline/outline-sidebar/OutlineSidebarContext.tsx b/src/course-outline/outline-sidebar/OutlineSidebarContext.tsx
index c93cdfa896..57017e7d4f 100644
--- a/src/course-outline/outline-sidebar/OutlineSidebarContext.tsx
+++ b/src/course-outline/outline-sidebar/OutlineSidebarContext.tsx
@@ -37,7 +37,13 @@ interface OutlineSidebarContextData {
   toggle: () => void;
   selectedContainerState?: SelectionState;
   setSelectedContainerState: (selectedContainerState?: SelectionState) => void;
-  openContainerInfoSidebar: (containerId: string, subsectionId?: string, sectionId?: string) => void;
+  openContainerInfoSidebar: (
+    containerId: string,
+    subsectionId?: string,
+    sectionId?: string,
+    index?: number,
+    sectionIndex?: number,
+  ) => void;
   clearSelection: () => void;
   /** Stores last section that allows adding subsections inside it. */
   lastEditableSection?: XBlock;
@@ -123,9 +129,19 @@ export const OutlineSidebarProvider = ({ children }: { children?: React.ReactNod
     containerId: string,
     subsectionId?: string,
     sectionId?: string,
+    index?: number,
+    sectionIndex?: number,
   ) => {
     if (isOutlineNewDesignEnabled()) {
-      setSelectedContainerState({ currentId: containerId, subsectionId, sectionId });
+      console.log("EEEEEEEEEEEEEEe");
+      console.log(sectionIndex);
+      setSelectedContainerState({
+        currentId: containerId,
+        subsectionId,
+        sectionId,
+        index,
+        sectionIndex,
+      });
       setCurrentPageKey('info');
     }
   }, [setSelectedContainerState, setCurrentPageKey]);
diff --git a/src/course-outline/outline-sidebar/info-sidebar/InfoSection.tsx b/src/course-outline/outline-sidebar/info-sidebar/InfoSection.tsx
index 60ae8d801e..4f97bc34c6 100644
--- a/src/course-outline/outline-sidebar/info-sidebar/InfoSection.tsx
+++ b/src/course-outline/outline-sidebar/info-sidebar/InfoSection.tsx
@@ -54,6 +54,11 @@ export const InfoSection = ({ itemId }: Props) => {
     }
   }, [dispatch, selectedContainerState, queryClient, courseId]);
 
+  /* istanbul ignore next */
+  if (!itemData) {
+    return null;
+  }
+
   return (
     <>
       <LibraryReferenceCard
diff --git a/src/course-outline/outline-sidebar/info-sidebar/InfoSidebar.test.tsx b/src/course-outline/outline-sidebar/info-sidebar/InfoSidebar.test.tsx
index a8a1d415b8..62b844b1ca 100644
--- a/src/course-outline/outline-sidebar/info-sidebar/InfoSidebar.test.tsx
+++ b/src/course-outline/outline-sidebar/info-sidebar/InfoSidebar.test.tsx
@@ -1,8 +1,9 @@
-import { initializeMocks, render, screen } from '@src/testUtils';
+import { fireEvent, initializeMocks, render, screen } from '@src/testUtils';
 import { SelectionState } from '@src/data/types';
 import { OutlineSidebarProvider } from '@src/course-outline/outline-sidebar/OutlineSidebarContext';
 import { getXBlockApiUrl } from '@src/course-outline/data/api';
 import userEvent from '@testing-library/user-event';
+import { getDownstreamApiUrl } from '@src/generic/unlink-modal/data/api';
 import { InfoSidebar } from './InfoSidebar';
 
 let selectedContainerState: SelectionState | undefined;
@@ -11,6 +12,8 @@ jest.mock('@src/course-outline/outline-sidebar/OutlineSidebarContext', () => ({
   useOutlineSidebarContext: () => ({
     ...jest.requireActual('@src/course-outline/outline-sidebar/OutlineSidebarContext').useOutlineSidebarContext(),
     selectedContainerState,
+    clearSelection: jest.fn(),
+    setSelectedContainerState: mockSetSelectedContainerState,
   }),
 }));
 
@@ -23,12 +26,39 @@ jest.mock('@src/course-outline/data/apiHooks', () => ({
 }));
 
 const openPublishModal = jest.fn();
+const openDeleteModal = jest.fn();
+const openUnlinkModal = jest.fn();
+const handleDuplicateSectionSubmit = jest.fn();
+const handleDuplicateUnitSubmit = jest.fn();
+const handleDuplicateSubsectionSubmit = jest.fn();
+const mockedNavigate = jest.fn();
+const updateUnitOrderByIndex = jest.fn();
+const updateSubsectionOrderByIndex = jest.fn();
+const updateSectionOrderByIndex = jest.fn();
+const mockSetSelectedContainerState = jest.fn();
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let mockSections: any[] = [];
+
+jest.mock('react-router-dom', () => ({
+  ...jest.requireActual('react-router-dom'),
+  useNavigate: () => mockedNavigate,
+}));
+
 jest.mock('@src/CourseAuthoringContext', () => ({
   useCourseAuthoringContext: () => ({
     courseId: 5,
     setCurrentSelection: jest.fn(),
     openPublishModal,
+    openDeleteModal,
+    openUnlinkModal,
+    handleDuplicateUnitSubmit,
     getUnitUrl: jest.fn(),
+    sections: mockSections,
+    updateUnitOrderByIndex,
+    handleDuplicateSectionSubmit,
+    updateSectionOrderByIndex,
+    handleDuplicateSubsectionSubmit,
+    updateSubsectionOrderByIndex,
   }),
 }));
 
@@ -43,6 +73,17 @@ describe('InfoSidebar component', () => {
   beforeEach(() => {
     const mocks = initializeMocks();
     axiosMock = mocks.axiosMock;
+    openDeleteModal.mockClear();
+    openUnlinkModal.mockClear();
+    handleDuplicateSectionSubmit.mockClear();
+    handleDuplicateUnitSubmit.mockClear();
+    handleDuplicateSubsectionSubmit.mockClear();
+    mockedNavigate.mockClear();
+    updateUnitOrderByIndex.mockClear();
+    updateSubsectionOrderByIndex.mockClear();
+    updateSectionOrderByIndex.mockClear();
+    mockSetSelectedContainerState.mockClear();
+    mockSections = [];
   });
 
   it('renders InfoSidebar with course info if selectedContainerState is undefined', async () => {
@@ -54,6 +95,7 @@ describe('InfoSidebar component', () => {
     const user = userEvent.setup();
     selectedContainerState = {
       currentId: 'block-v1:UNIX+UX1+2025_T3+type@chapter+block@123',
+      sectionId: 'block-v1:UNIX+UX1+2025_T3+type@chapter+block@123',
     };
     const data = {
       id: selectedContainerState.currentId,
@@ -80,6 +122,7 @@ describe('InfoSidebar component', () => {
     const user = userEvent.setup();
     selectedContainerState = {
       currentId: 'block-v1:UNIX+UX1+2025_T3+type@sequential+block@123',
+      subsectionId: 'block-v1:UNIX+UX1+2025_T3+type@sequential+block@123',
       sectionId: 'block-v1:UNIX+UX1+2025_T3+type@chapter+block@123',
     };
     const data = {
@@ -131,4 +174,531 @@ describe('InfoSidebar component', () => {
       sectionId: selectedContainerState.sectionId,
     });
   });
-});
+
+  describe('UnitSidebar menus', () => {
+    const unitId = 'block-v1:UNIX+UX1+2025_T3+type@vertical+block@unit1';
+    const upstreamRef = 'lb:org:lib:vertical:unit-id';
+
+    const unitData = {
+      id: unitId,
+      displayName: 'unit name',
+      category: 'vertical',
+      hasChanges: false,
+      actions: { deletable: true, duplicable: true, draggable: false },
+      upstreamInfo: null,
+    };
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const renderUnitMenu = async (data: any = unitData) => {
+      selectedContainerState = {
+        currentId: unitId,
+        subsectionId: 'block-v1:UNIX+UX1+2025_T3+type@sequential+block@seq1',
+        sectionId: 'block-v1:UNIX+UX1+2025_T3+type@chapter+block@ch1',
+      };
+      axiosMock.onGet(getXBlockApiUrl(unitId)).reply(200, data);
+      renderComponent();
+      await screen.findByText(data.displayName);
+      await screen.findByRole('button', { name: 'Item Menu' });
+    };
+
+    it('calls openDeleteModal when Delete is clicked in unit menu', async () => {
+      const user = userEvent.setup();
+      await renderUnitMenu();
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const deleteBtn = await screen.findByText('Delete');
+      await user.click(deleteBtn);
+
+      expect(openDeleteModal).toHaveBeenCalled();
+    });
+
+    it('calls handleDuplicateUnitSubmit when Duplicate is clicked in unit menu', async () => {
+      const user = userEvent.setup();
+      await renderUnitMenu();
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const duplicateBtn = await screen.findByText('Duplicate');
+      await user.click(duplicateBtn);
+
+      expect(handleDuplicateUnitSubmit).toHaveBeenCalled();
+    });
+
+    it('calls openUnlinkModal when Unlink is clicked in unit menu', async () => {
+      const user = userEvent.setup();
+      const unitWithUpstream = {
+        ...unitData,
+        actions: { ...unitData.actions, unlinkable: true },
+        upstreamInfo: { upstreamRef },
+      };
+      await renderUnitMenu(unitWithUpstream);
+
+      axiosMock.onDelete(getDownstreamApiUrl(unitId)).reply(200, {});
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const unlinkBtn = await screen.findByText('Unlink from Library');
+      await user.click(unlinkBtn);
+
+      expect(openUnlinkModal).toHaveBeenCalledWith(expect.objectContaining({
+        value: unitWithUpstream,
+        sectionId: selectedContainerState?.sectionId,
+        subsectionId: selectedContainerState?.subsectionId,
+      }));
+    });
+
+    it('navigates to library when View in Library is clicked in unit menu', async () => {
+      const user = userEvent.setup();
+      const unitWithUpstream = {
+        ...unitData,
+        upstreamInfo: { upstreamRef },
+      };
+      await renderUnitMenu(unitWithUpstream);
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const viewLibBtn = await screen.findByText('View in Library');
+      await user.click(viewLibBtn);
+
+      expect(mockedNavigate).toHaveBeenCalledWith(
+        expect.stringContaining('/library/'),
+      );
+    });
+
+    it('copies location ID to clipboard when Copy Location is clicked', async () => {
+      const user = userEvent.setup();
+      const writeText = jest.fn().mockResolvedValue(undefined);
+      Object.defineProperty(navigator, 'clipboard', {
+        value: { writeText },
+        writable: true,
+        configurable: true,
+      });
+      await renderUnitMenu();
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const copyLocationBtn = await screen.findByText('Copy Location ID');
+      await user.click(copyLocationBtn);
+
+      expect(writeText).toHaveBeenCalledWith('unit1');
+    });
+
+    describe('handleMove', () => {
+      const seqId = 'block-v1:UNIX+UX1+2025_T3+type@sequential+block@seq1';
+      const chId = 'block-v1:UNIX+UX1+2025_T3+type@chapter+block@ch1';
+      const draggableUnitData = {
+        ...unitData,
+        actions: { ...unitData.actions, draggable: true },
+      };
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const makeMovableUnit = (id: string): any => ({
+        id,
+        actions: { draggable: true },
+        childInfo: { children: [] },
+      });
+
+      const renderDraggableUnitMenu = async () => {
+        mockSections = [{
+          id: chId,
+          childInfo: {
+            children: [{
+              id: seqId,
+              childInfo: {
+                children: [
+                  makeMovableUnit('unit0'),
+                  makeMovableUnit(unitId),
+                  makeMovableUnit('unit2'),
+                ],
+              },
+            }],
+          },
+        }];
+        selectedContainerState = {
+          currentId: unitId,
+          subsectionId: seqId,
+          sectionId: chId,
+          sectionIndex: 0,
+          index: 1,
+        };
+        axiosMock.onGet(getXBlockApiUrl(unitId)).reply(200, draggableUnitData);
+        renderComponent();
+        await screen.findByText(draggableUnitData.displayName);
+        await screen.findByRole('button', { name: 'Item Menu' });
+      };
+
+      it('calls updateUnitOrderByIndex and setSelectedContainerState when Move Up is clicked', async () => {
+        const user = userEvent.setup();
+        await renderDraggableUnitMenu();
+
+        const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+        fireEvent.click(menuToggle);
+
+        const moveUpBtn = await screen.findByText('Move Up');
+        await user.click(moveUpBtn);
+
+        expect(updateUnitOrderByIndex).toHaveBeenCalled();
+        expect(mockSetSelectedContainerState).toHaveBeenCalledWith(
+          expect.objectContaining({ index: 0, subsectionId: seqId, sectionId: chId }),
+        );
+      });
+
+      it('calls updateUnitOrderByIndex and setSelectedContainerState when Move Down is clicked', async () => {
+        const user = userEvent.setup();
+        await renderDraggableUnitMenu();
+
+        const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+        fireEvent.click(menuToggle);
+
+        const moveDownBtn = await screen.findByText('Move Down');
+        await user.click(moveDownBtn);
+
+        expect(updateUnitOrderByIndex).toHaveBeenCalled();
+        expect(mockSetSelectedContainerState).toHaveBeenCalledWith(
+          expect.objectContaining({ index: 2, subsectionId: seqId, sectionId: chId }),
+        );
+      });
+    });
+  });
+
+  describe('SubsectionSidebar menus', () => {
+    const subsectionId = 'block-v1:UNIX+UX1+2025_T3+type@sequential+block@sub1';
+    const upstreamRef = 'lb:org:lib:sequential:sub-id';
+
+    const subsectionData = {
+      id: subsectionId,
+      displayName: 'subsection name',
+      category: 'sequential',
+      hasChanges: false,
+      actions: { deletable: true, duplicable: true, draggable: false },
+      upstreamInfo: null,
+    };
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const renderSubsectionMenu = async (data: any = subsectionData) => {
+      selectedContainerState = {
+        currentId: subsectionId,
+        subsectionId,
+        sectionId: 'block-v1:UNIX+UX1+2025_T3+type@chapter+block@ch1',
+      };
+      axiosMock.onGet(getXBlockApiUrl(subsectionId)).reply(200, data);
+      renderComponent();
+      await screen.findByText(data.displayName);
+      await screen.findByRole('button', { name: 'Item Menu' });
+    };
+
+    it('calls openDeleteModal when Delete is clicked in subsection menu', async () => {
+      const user = userEvent.setup();
+      await renderSubsectionMenu();
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const deleteBtn = await screen.findByText('Delete');
+      await user.click(deleteBtn);
+
+      expect(openDeleteModal).toHaveBeenCalled();
+    });
+
+    it('calls handleDuplicateSubsectionSubmit when Duplicate is clicked in subsection menu', async () => {
+      const user = userEvent.setup();
+      await renderSubsectionMenu();
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const duplicateBtn = await screen.findByText('Duplicate');
+      await user.click(duplicateBtn);
+
+      expect(handleDuplicateSubsectionSubmit).toHaveBeenCalled();
+    });
+
+    it('calls openUnlinkModal when Unlink is clicked in subsection menu', async () => {
+      const user = userEvent.setup();
+      const subsectionWithUpstream = {
+        ...subsectionData,
+        actions: { ...subsectionData.actions, unlinkable: true },
+        upstreamInfo: { upstreamRef },
+      };
+      await renderSubsectionMenu(subsectionWithUpstream);
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const unlinkBtn = await screen.findByText('Unlink from Library');
+      await user.click(unlinkBtn);
+
+      expect(openUnlinkModal).toHaveBeenCalledWith(expect.objectContaining({
+        value: subsectionWithUpstream,
+        sectionId: selectedContainerState?.sectionId,
+      }));
+    });
+
+    it('navigates to library when View in Library is clicked in subsection menu', async () => {
+      const user = userEvent.setup();
+      const subsectionWithUpstream = {
+        ...subsectionData,
+        upstreamInfo: { upstreamRef },
+      };
+      await renderSubsectionMenu(subsectionWithUpstream);
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const viewLibBtn = await screen.findByText('View in Library');
+      await user.click(viewLibBtn);
+
+      expect(mockedNavigate).toHaveBeenCalledWith(
+        expect.stringContaining('/library/'),
+      );
+    });
+
+    describe('handleMove', () => {
+      const chId = 'block-v1:UNIX+UX1+2025_T3+type@chapter+block@ch1';
+      const draggableSubsectionData = {
+        ...subsectionData,
+        actions: { ...subsectionData.actions, draggable: true },
+      };
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const makeMovableSubsection = (id: string): any => ({
+        id,
+        actions: { draggable: true, childAddable: true },
+        childInfo: { children: [] },
+      });
+
+      const renderDraggableSubsectionMenu = async () => {
+        mockSections = [{
+          id: chId,
+          actions: { childAddable: true },
+          upstreamInfo: null,
+          childInfo: {
+            children: [
+              makeMovableSubsection('sub0'),
+              makeMovableSubsection(subsectionId),
+              makeMovableSubsection('sub2'),
+            ],
+          },
+        }];
+        selectedContainerState = {
+          currentId: subsectionId,
+          subsectionId,
+          sectionId: chId,
+          sectionIndex: 0,
+          index: 1,
+        };
+        axiosMock.onGet(getXBlockApiUrl(subsectionId)).reply(200, draggableSubsectionData);
+        renderComponent();
+        await screen.findByText(draggableSubsectionData.displayName);
+        await screen.findByRole('button', { name: 'Item Menu' });
+      };
+
+      it('calls updateSubsectionOrderByIndex and setSelectedContainerState when Move Up is clicked', async () => {
+        const user = userEvent.setup();
+        await renderDraggableSubsectionMenu();
+
+        const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+        fireEvent.click(menuToggle);
+
+        const moveUpBtn = await screen.findByText('Move Up');
+        await user.click(moveUpBtn);
+
+        expect(updateSubsectionOrderByIndex).toHaveBeenCalled();
+        expect(mockSetSelectedContainerState).toHaveBeenCalledWith(
+          expect.objectContaining({ index: 0, sectionId: chId, sectionIndex: 0 }),
+        );
+      });
+
+      it('calls updateSubsectionOrderByIndex and setSelectedContainerState when Move Down is clicked', async () => {
+        const user = userEvent.setup();
+        await renderDraggableSubsectionMenu();
+
+        const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+        fireEvent.click(menuToggle);
+
+        const moveDownBtn = await screen.findByText('Move Down');
+        await user.click(moveDownBtn);
+
+        expect(updateSubsectionOrderByIndex).toHaveBeenCalled();
+        expect(mockSetSelectedContainerState).toHaveBeenCalledWith(
+          expect.objectContaining({ index: 2, sectionId: chId, sectionIndex: 0 }),
+        );
+      });
+    });
+  });
+
+  describe('SectionSidebar menus', () => {
+    const sectionId = 'block-v1:UNIX+UX1+2025_T3+type@chapter+block@sec1';
+    const upstreamRef = 'lb:org:lib:chapter:sec-id';
+
+    const sectionData = {
+      id: sectionId,
+      displayName: 'section name',
+      category: 'chapter',
+      hasChanges: false,
+      actions: { deletable: true, duplicable: true, draggable: false },
+      upstreamInfo: null,
+    };
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const renderSectionMenu = async (data: any = sectionData) => {
+      selectedContainerState = {
+        currentId: sectionId,
+        sectionId,
+      };
+      axiosMock.onGet(getXBlockApiUrl(sectionId)).reply(200, data);
+      renderComponent();
+      await screen.findByText(data.displayName);
+      await screen.findByRole('button', { name: 'Item Menu' });
+    };
+
+    it('calls openDeleteModal when Delete is clicked in section menu', async () => {
+      const user = userEvent.setup();
+      await renderSectionMenu();
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const deleteBtn = await screen.findByText('Delete');
+      await user.click(deleteBtn);
+
+      expect(openDeleteModal).toHaveBeenCalled();
+    });
+
+    it('calls handleDuplicateSectionSubmit when Duplicate is clicked in section menu', async () => {
+      const user = userEvent.setup();
+      await renderSectionMenu();
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const duplicateBtn = await screen.findByText('Duplicate');
+      await user.click(duplicateBtn);
+
+      expect(handleDuplicateSectionSubmit).toHaveBeenCalled();
+    });
+
+    it('calls openUnlinkModal when Unlink is clicked in section menu', async () => {
+      const user = userEvent.setup();
+      const sectionWithUpstream = {
+        ...sectionData,
+        actions: { ...sectionData.actions, unlinkable: true },
+        upstreamInfo: { upstreamRef },
+      };
+      await renderSectionMenu(sectionWithUpstream);
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const unlinkBtn = await screen.findByText('Unlink from Library');
+      await user.click(unlinkBtn);
+
+      expect(openUnlinkModal).toHaveBeenCalledWith(expect.objectContaining({
+        value: sectionWithUpstream,
+        sectionId,
+      }));
+    });
+
+    it('navigates to library when View in Library is clicked in section menu', async () => {
+      const user = userEvent.setup();
+      const sectionWithUpstream = {
+        ...sectionData,
+        upstreamInfo: { upstreamRef },
+      };
+      await renderSectionMenu(sectionWithUpstream);
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const viewLibBtn = await screen.findByText('View in Library');
+      await user.click(viewLibBtn);
+
+      expect(mockedNavigate).toHaveBeenCalledWith(
+        expect.stringContaining('/library/'),
+      );
+    });
+
+    describe('handleMove', () => {
+      const draggableSectionData = {
+        ...sectionData,
+        actions: { ...sectionData.actions, draggable: true },
+      };
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const makeMovableSection = (id: string): any => ({
+        id,
+        actions: { draggable: true },
+        childInfo: { children: [] },
+      });
+
+      const renderDraggableSectionMenu = async () => {
+        mockSections = [
+          makeMovableSection('sec0'),
+          makeMovableSection(sectionId),
+          makeMovableSection('sec2'),
+        ];
+        selectedContainerState = {
+          currentId: sectionId,
+          sectionId,
+          index: 1,
+        };
+        axiosMock.onGet(getXBlockApiUrl(sectionId)).reply(200, draggableSectionData);
+        renderComponent();
+        await screen.findByText(draggableSectionData.displayName);
+        await screen.findByRole('button', { name: 'Item Menu' });
+      };
+
+      it('renders Move Up/Down as disabled when index is undefined', async () => {
+        mockSections = [makeMovableSection(sectionId)];
+        selectedContainerState = { currentId: sectionId, sectionId };
+        axiosMock.onGet(getXBlockApiUrl(sectionId)).reply(200, draggableSectionData);
+        renderComponent();
+        await screen.findByText(draggableSectionData.displayName);
+
+        const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+        fireEvent.click(menuToggle);
+
+        expect(await screen.findByText('Move Up')).toBeInTheDocument();
+        expect(screen.getByText('Move Down')).toBeInTheDocument();
+      });
+
+      it('calls updateSectionOrderByIndex and setSelectedContainerState when Move Up is clicked', async () => {
+        const user = userEvent.setup();
+        await renderDraggableSectionMenu();
+
+        const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+        fireEvent.click(menuToggle);
+
+        const moveUpBtn = await screen.findByText('Move Up');
+        await user.click(moveUpBtn);
+
+        expect(updateSectionOrderByIndex).toHaveBeenCalledWith(1, 0);
+        expect(mockSetSelectedContainerState).toHaveBeenCalledWith(
+          expect.objectContaining({ index: 0 }),
+        );
+      });
+
+      it('calls updateSectionOrderByIndex and setSelectedContainerState when Move Down is clicked', async () => {
+        const user = userEvent.setup();
+        await renderDraggableSectionMenu();
+
+        const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+        fireEvent.click(menuToggle);
+
+        const moveDownBtn = await screen.findByText('Move Down');
+        await user.click(moveDownBtn);
+
+        expect(updateSectionOrderByIndex).toHaveBeenCalledWith(1, 2);
+        expect(mockSetSelectedContainerState).toHaveBeenCalledWith(
+          expect.objectContaining({ index: 2 }),
+        );
+      });
+    });
+  });
+});
\ No newline at end of file
diff --git a/src/course-outline/outline-sidebar/info-sidebar/InfoSidebar.tsx b/src/course-outline/outline-sidebar/info-sidebar/InfoSidebar.tsx
index faf8f1193a..756e657800 100644
--- a/src/course-outline/outline-sidebar/info-sidebar/InfoSidebar.tsx
+++ b/src/course-outline/outline-sidebar/info-sidebar/InfoSidebar.tsx
@@ -17,13 +17,13 @@ export const InfoSidebar = () => {
   switch (itemType) {
     case ContainerType.Chapter:
     case ContainerType.Section:
-      return <SectionSidebar sectionId={selectedContainerState.currentId} />;
+      return <SectionSidebar />;
     case ContainerType.Sequential:
     case ContainerType.Subsection:
-      return <SubsectionSidebar subsectionId={selectedContainerState.currentId} />;
+      return <SubsectionSidebar />;
     case ContainerType.Vertical:
     case ContainerType.Unit:
-      return <UnitSidebar unitId={selectedContainerState.currentId} />;
+      return <UnitSidebar />;
     default:
       return <CourseInfoSidebar />;
   }
diff --git a/src/course-outline/outline-sidebar/info-sidebar/SectionInfoSidebar.tsx b/src/course-outline/outline-sidebar/info-sidebar/SectionInfoSidebar.tsx
index 82f684c5da..772161213c 100644
--- a/src/course-outline/outline-sidebar/info-sidebar/SectionInfoSidebar.tsx
+++ b/src/course-outline/outline-sidebar/info-sidebar/SectionInfoSidebar.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { Tab, Tabs } from '@openedx/paragon';
+import { useNavigate } from 'react-router-dom';
 
 import { getItemIcon } from '@src/generic/block-type-utils';
 
@@ -10,20 +11,27 @@ import { useCourseItemData } from '@src/course-outline/data/apiHooks';
 import Loading from '@src/generic/Loading';
 import { useCourseAuthoringContext } from '@src/CourseAuthoringContext';
 import { useOutlineSidebarContext } from '@src/course-outline/outline-sidebar/OutlineSidebarContext';
+import { getLibraryId } from '@src/generic/key-utils';
 import { InfoSection } from './InfoSection';
 import messages from '../messages';
 import { PublishButon } from './PublishButon';
+import { canMoveSection } from '@src/course-outline/drag-helper/utils';
 
-interface Props {
-  sectionId: string;
-}
-
-export const SectionSidebar = ({ sectionId }: Props) => {
+export const SectionSidebar = () => {
   const intl = useIntl();
+  const navigate = useNavigate();
   const [tab, setTab] = useState<'info' | 'settings'>('info');
+  const { clearSelection, selectedContainerState, setSelectedContainerState } = useOutlineSidebarContext();
+  const { sectionId = '', index } = selectedContainerState ?? {};
   const { data: sectionData, isLoading } = useCourseItemData(sectionId);
-  const { openPublishModal } = useCourseAuthoringContext();
-  const { clearSelection } = useOutlineSidebarContext();
+  const {
+    openPublishModal,
+    handleDuplicateSectionSubmit,
+    sections,
+    updateSectionOrderByIndex,
+    openDeleteModal,
+    openUnlinkModal,
+  } = useCourseAuthoringContext();
 
   const handlePublish = () => {
     if (sectionData?.hasChanges) {
@@ -38,12 +46,36 @@ export const SectionSidebar = ({ sectionId }: Props) => {
     return <Loading />;
   }
 
+  const handleMove = (step: number) => {
+    if (index !== undefined) {
+      updateSectionOrderByIndex(index, index + step);
+      setSelectedContainerState(selectedContainerState ? { ...selectedContainerState, index: index + step } : undefined);
+    }
+  };
+
   return (
     <>
       <SidebarTitle
         title={sectionData?.displayName || ''}
         icon={getItemIcon(sectionData?.category || '')}
         onBackBtnClick={clearSelection}
+        menuProps={{
+          itemId: sectionId,
+          index: index ?? -1,
+          canMoveItem: canMoveSection(sections),
+          onClickDuplicate: handleDuplicateSectionSubmit,
+          onClickMoveUp: () => handleMove(-1),
+          onClickMoveDown: () => handleMove(1),
+          onClickUnlink: () => openUnlinkModal({ value: sectionData, sectionId }),
+          onClickDelete: openDeleteModal,
+          onClickViewLibrary: () => {
+            const upstreamRef = sectionData?.upstreamInfo?.upstreamRef;
+            if (upstreamRef) {
+              const libId = getLibraryId(upstreamRef);
+              navigate(`/library/${libId}/section/${upstreamRef}`);
+            }
+          },
+        }}
       />
       {sectionData?.hasChanges && <PublishButon onClick={handlePublish} />}
       <Tabs
diff --git a/src/course-outline/outline-sidebar/info-sidebar/SubsectionInfoSidebar.tsx b/src/course-outline/outline-sidebar/info-sidebar/SubsectionInfoSidebar.tsx
index 540c2effe1..2d1448f4bc 100644
--- a/src/course-outline/outline-sidebar/info-sidebar/SubsectionInfoSidebar.tsx
+++ b/src/course-outline/outline-sidebar/info-sidebar/SubsectionInfoSidebar.tsx
@@ -1,30 +1,38 @@
 import { useState } from 'react';
+import { isEmpty } from 'lodash';
+
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { Tab, Tabs } from '@openedx/paragon';
+import { useNavigate } from 'react-router-dom';
 
 import { getItemIcon } from '@src/generic/block-type-utils';
-
 import { SidebarTitle } from '@src/generic/sidebar';
-
 import { useCourseItemData } from '@src/course-outline/data/apiHooks';
 import Loading from '@src/generic/Loading';
 import { useCourseAuthoringContext } from '@src/CourseAuthoringContext';
 import { useOutlineSidebarContext } from '@src/course-outline/outline-sidebar/OutlineSidebarContext';
+import { getLibraryId } from '@src/generic/key-utils';
+import { possibleSubsectionMoves } from '@src/course-outline/drag-helper/utils';
+
 import { InfoSection } from './InfoSection';
 import { PublishButon } from './PublishButon';
 import messages from '../messages';
 
-interface Props {
-  subsectionId: string;
-}
-
-export const SubsectionSidebar = ({ subsectionId }: Props) => {
+export const SubsectionSidebar = () => {
   const intl = useIntl();
+  const navigate = useNavigate();
   const [tab, setTab] = useState<'info' | 'settings'>('info');
+  const { clearSelection, selectedContainerState, setSelectedContainerState } = useOutlineSidebarContext();
+  const { subsectionId = '', index, sectionIndex } = selectedContainerState ?? {};
   const { data: subsectionData, isLoading } = useCourseItemData(subsectionId);
-  const { selectedContainerState } = useOutlineSidebarContext();
-  const { openPublishModal } = useCourseAuthoringContext();
-  const { clearSelection } = useOutlineSidebarContext();
+  const {
+    openPublishModal,
+    handleDuplicateSubsectionSubmit,
+    sections,
+    updateSubsectionOrderByIndex,
+    openDeleteModal,
+    openUnlinkModal,
+  } = useCourseAuthoringContext();
 
   const handlePublish = () => {
     if (selectedContainerState?.sectionId && subsectionData?.hasChanges) {
@@ -39,12 +47,78 @@ export const SubsectionSidebar = ({ subsectionId }: Props) => {
     return <Loading />;
   }
 
+  const section = sectionIndex !== undefined ? sections[sectionIndex] : undefined;
+
+  const getPossibleMoves = section ? possibleSubsectionMoves(
+    [...sections],
+    sectionIndex ?? -1,
+    section,
+    section.childInfo.children,
+  ) : undefined;
+
+  const canMoveSubsection = (oldIndex: number, step: number) => {
+    if (getPossibleMoves && section) {
+      const moveDetails = getPossibleMoves(oldIndex, step);
+      return !isEmpty(moveDetails) && !section.upstreamInfo?.upstreamRef;
+    }
+    // istanbul ignore next
+    return false;
+  };
+
+  const handleMove = (step: number) => {
+    if (section && getPossibleMoves && index !== undefined && sectionIndex !== undefined) {
+      const moveDetails = getPossibleMoves(index, step);
+      updateSubsectionOrderByIndex(section, moveDetails);
+      if (!isEmpty(moveDetails)) {
+        const newSectionId = moveDetails.sectionId;
+        // A subsection can move to a different section (cross-section move)
+        const isCrossSection = newSectionId !== section.id;
+        // istanbul ignore next
+        const newSectionIndex = isCrossSection
+          ? sections.findIndex((s) => s.id === newSectionId)
+          : sectionIndex;
+        // Cross-section up: goes to end of previous section; cross-section down: goes to start of next section
+        // istanbul ignore next
+        const newIndex = isCrossSection
+          ? (step === -1 ? sections[newSectionIndex].childInfo.children.length : 0)
+          : index + step;
+        // istanbul ignore next
+        setSelectedContainerState(selectedContainerState ? {
+          ...selectedContainerState,
+          sectionId: newSectionId,
+          sectionIndex: newSectionIndex,
+          index: newIndex,
+        } : undefined);
+      }
+    }
+  }
+
   return (
     <>
       <SidebarTitle
         title={subsectionData?.displayName || ''}
         icon={getItemIcon(subsectionData?.category || '')}
         onBackBtnClick={clearSelection}
+        menuProps={{
+          itemId: subsectionId,
+          index: index ?? -1,
+          canMoveItem: canMoveSubsection,
+          onClickDuplicate: handleDuplicateSubsectionSubmit,
+          onClickMoveUp: () => handleMove(-1),
+          onClickMoveDown: () => handleMove(1),
+          onClickUnlink: () => openUnlinkModal({
+            value: subsectionData,
+            sectionId: selectedContainerState?.sectionId,
+          }),
+          onClickDelete: openDeleteModal,
+          onClickViewLibrary: () => {
+            const upstreamRef = subsectionData?.upstreamInfo?.upstreamRef;
+            if (upstreamRef) {
+              const libId = getLibraryId(upstreamRef);
+              navigate(`/library/${libId}/subsection/${upstreamRef}`);
+            }
+          },
+        }}
       />
       {subsectionData?.hasChanges && <PublishButon onClick={handlePublish} />}
       <Tabs
diff --git a/src/course-outline/outline-sidebar/info-sidebar/UnitInfoSidebar.tsx b/src/course-outline/outline-sidebar/info-sidebar/UnitInfoSidebar.tsx
index 2c4a97b1f8..adcd42a899 100644
--- a/src/course-outline/outline-sidebar/info-sidebar/UnitInfoSidebar.tsx
+++ b/src/course-outline/outline-sidebar/info-sidebar/UnitInfoSidebar.tsx
@@ -1,4 +1,6 @@
-import { useState } from 'react';
+import { useContext, useState } from 'react';
+import { isEmpty } from 'lodash';
+
 import { useIntl } from '@edx/frontend-platform/i18n';
 import {
   Button, Stack, Tab, Tabs,
@@ -16,22 +18,38 @@ import Loading from '@src/generic/Loading';
 import { useCourseAuthoringContext } from '@src/CourseAuthoringContext';
 import XBlockContainerIframe from '@src/course-unit/xblock-container-iframe';
 import { IframeProvider } from '@src/generic/hooks/context/iFrameContext';
-import { Link } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
+import { getLibraryId } from '@src/generic/key-utils';
+import { possibleUnitMoves } from '@src/course-outline/drag-helper/utils';
 import { useOutlineSidebarContext } from '../OutlineSidebarContext';
 import { PublishButon } from './PublishButon';
 import messages from '../messages';
 import { InfoSection } from './InfoSection';
+import { useClipboard } from '@src/generic/clipboard';
+import { ToastContext } from '@src/generic/toast-context';
 
-interface Props {
-  unitId: string;
-}
-
-export const UnitSidebar = ({ unitId }: Props) => {
+export const UnitSidebar = () => {
   const intl = useIntl();
+  const navigate = useNavigate();
   const [tab, setTab] = useState<'preview' | 'info' | 'settings'>('info');
+  const { selectedContainerState, clearSelection, setSelectedContainerState } = useOutlineSidebarContext();
+  const {
+    currentId: unitId = /* istanbul ignore next */ '',
+    index,
+  } = selectedContainerState ?? {};
   const { data: unitData, isLoading } = useCourseItemData(unitId);
-  const { selectedContainerState, clearSelection } = useOutlineSidebarContext();
-  const { openPublishModal, getUnitUrl, courseId } = useCourseAuthoringContext();
+  const {
+    openPublishModal,
+    getUnitUrl,
+    courseId,
+    handleDuplicateUnitSubmit,
+    sections,
+    updateUnitOrderByIndex,
+    openDeleteModal,
+    openUnlinkModal,
+  } = useCourseAuthoringContext();
+  const { copyToClipboard } = useClipboard();
+  const { showToast } = useContext(ToastContext);
 
   const handlePublish = () => {
     if (unitData?.hasChanges) {
@@ -47,12 +65,121 @@ export const UnitSidebar = ({ unitId }: Props) => {
     return <Loading />;
   }
 
+  // Resolve section and subsection from selectedContainerState indices
+  const sectionIndex = selectedContainerState?.sectionIndex;
+  const section = sectionIndex !== undefined ? sections[sectionIndex] : undefined;
+  const subsectionIndex = section && selectedContainerState?.subsectionId
+    ? section.childInfo.children.findIndex((s) => s.id === selectedContainerState.subsectionId)
+    : -1;
+  const subsection = subsectionIndex !== -1 ? section?.childInfo.children[subsectionIndex] : undefined;
+
+  // Build move calculator only when all ancestor context is available
+  const getPossibleMoves = (section && subsection && subsectionIndex !== -1)
+    ? possibleUnitMoves(
+      [...sections],
+      sectionIndex ?? -1,
+      subsectionIndex,
+      section,
+      subsection,
+      subsection.childInfo.children,
+    )
+    : undefined;
+
+  const canMoveUnit = (oldIndex: number, step: number) => {
+    if (getPossibleMoves) {
+      const moveDetails = getPossibleMoves(oldIndex, step);
+      return !isEmpty(moveDetails);
+    }
+    /* istanbul ignore next */
+    return false;
+  };
+
+  const handleMove = (step: number) => {
+    if (section && subsection && getPossibleMoves && index !== undefined && sectionIndex !== undefined) {
+      const moveDetails = getPossibleMoves(index, step);
+      // section is the current parent section (used as prevSection in cross-section moves)
+      updateUnitOrderByIndex(section, moveDetails);
+      if (!isEmpty(moveDetails)) {
+        const newSectionId = moveDetails.sectionId;
+        const newSubsectionId = moveDetails.subsectionId;
+        // Cross-subsection move: unit goes to end of previous or start of next subsection
+        const isCrossSubsection = newSubsectionId !== subsection.id;
+        /* istanbul ignore next */
+        const newSectionIndex = newSectionId !== section.id
+          ? sections.findIndex((s) => s.id === newSectionId)
+          : sectionIndex;
+        /* istanbul ignore next */
+        const newIndex = isCrossSubsection
+          ? (step === -1
+            ? sections[newSectionIndex].childInfo.children.find((s) => s.id === newSubsectionId)?.childInfo.children.length ?? 0
+            : 0)
+          : index + step;
+        /* istanbul ignore next */
+        setSelectedContainerState(selectedContainerState ? {
+          ...selectedContainerState,
+          sectionId: newSectionId,
+          sectionIndex: newSectionIndex,
+          subsectionId: newSubsectionId,
+          index: newIndex,
+        } : undefined);
+      }
+    }
+  };
+
+  const handleCopyLocation = () => {
+    // Extract the location ID: the part after "block@" at the end of the usage key
+    // e.g. "block-v1:org+course+run+type@vertical+block@abc123" → "abc123"
+    const locationId = unitId.match(/block@(.+)$/)?.[1];
+    if (!locationId) {
+      /* istanbul ignore next */
+      return;
+    }
+
+    if (navigator.clipboard) {
+      // Modern approach: requires HTTPS (secure context)
+      void navigator.clipboard.writeText(locationId);
+    } else /* istanbul ignore next */ {
+      // Fallback for HTTP (non-secure) dev environments
+      // Note: execCommand is deprecated but still widely supported as fallback
+      const textarea = document.createElement('textarea');
+      textarea.value = locationId;
+      document.body.appendChild(textarea);
+      textarea.select();
+      document.execCommand('copy'); // eslint-disable-line deprecation/deprecation
+      document.body.removeChild(textarea);
+    }
+    showToast(intl.formatMessage(messages.locationCopiedText));
+  };
+
   return (
     <>
       <SidebarTitle
         title={unitData?.displayName || ''}
         icon={getItemIcon(unitData?.category || '')}
         onBackBtnClick={clearSelection}
+        menuProps={{
+          itemId: unitId,
+          index: index ?? -1,
+          canMoveItem: canMoveUnit,
+          onClickDuplicate: handleDuplicateUnitSubmit,
+          onClickMoveUp: () => handleMove(-1),
+          onClickMoveDown: () => handleMove(1),
+          onClickUnlink: () => openUnlinkModal({
+            value: unitData,
+            sectionId: selectedContainerState?.sectionId,
+            subsectionId: selectedContainerState?.subsectionId,
+          }),
+          onClickDelete: openDeleteModal,
+          onClickViewLibrary: () => {
+            const upstreamRef = unitData?.upstreamInfo?.upstreamRef;
+            if (upstreamRef) {
+              const libId = getLibraryId(upstreamRef);
+              navigate(`/library/${libId}/unit/${upstreamRef}`);
+            }
+          },
+          onClickCopy: /* istanbul ignore next */ () => copyToClipboard(unitId),
+          onClickCopyLocation: handleCopyLocation,
+        }}
       />
       <Stack direction="horizontal" gap={1} className="mx-2">
         <Button
diff --git a/src/course-outline/outline-sidebar/messages.ts b/src/course-outline/outline-sidebar/messages.ts
index bdf2fe2e4b..e234f8bf24 100644
--- a/src/course-outline/outline-sidebar/messages.ts
+++ b/src/course-outline/outline-sidebar/messages.ts
@@ -175,6 +175,11 @@ const messages = defineMessages({
     defaultMessage: '{name} is a library {category}. Content cannot be added to Library referenced {category}s.',
     description: 'Alert displayed in sidebar when author tries to add content in library referenced blocks',
   },
+  locationCopiedText: {
+    id: 'course-authoring.course-outline.sidebar.unit.copied-location',
+    defaultMessage: 'Location ID saved in the Clipboard',
+    description: 'Toast messages when the user copied an unit location ID',
+  },
 });
 
 export default messages;
diff --git a/src/course-outline/section-card/SectionCard.test.tsx b/src/course-outline/section-card/SectionCard.test.tsx
index 6d7ef1502e..d239a4b29f 100644
--- a/src/course-outline/section-card/SectionCard.test.tsx
+++ b/src/course-outline/section-card/SectionCard.test.tsx
@@ -367,10 +367,12 @@ describe('<SectionCard />', () => {
     expect(setCurrentSelection).toHaveBeenCalledWith({
       currentId: section.id,
       sectionId: section.id,
+      index: 1,
     });
     expect(mockSetSelectedContainerState).toHaveBeenCalledWith({
       currentId: section.id,
       sectionId: section.id,
+      index: 1,
     });
   });
 });
diff --git a/src/course-outline/section-card/SectionCard.tsx b/src/course-outline/section-card/SectionCard.tsx
index fac67b8174..721f452443 100644
--- a/src/course-outline/section-card/SectionCard.tsx
+++ b/src/course-outline/section-card/SectionCard.tsx
@@ -199,6 +199,7 @@ const SectionCard = ({
     setCurrentSelection({
       currentId: section.id,
       sectionId: section.id,
+      index,
     });
   };
 
@@ -206,6 +207,7 @@ const SectionCard = ({
     setSelectedContainerState({
       currentId: section.id,
       sectionId: section.id,
+      index,
     });
   };
 
@@ -241,7 +243,8 @@ const SectionCard = ({
 
   const onClickCard = useCallback((e: React.MouseEvent, preventNodeEvents: boolean) => {
     if (!preventNodeEvents || e.target === e.currentTarget) {
-      openContainerInfoSidebar(section.id, undefined, section.id);
+      openContainerInfoSidebar(section.id, undefined, section.id, index);
+      handleClickMenuButton();
       setIsExpanded(true);
     }
   }, [openContainerInfoSidebar]);
diff --git a/src/course-outline/subsection-card/SubsectionCard.test.tsx b/src/course-outline/subsection-card/SubsectionCard.test.tsx
index 3d4f6cd2ad..2df417ae23 100644
--- a/src/course-outline/subsection-card/SubsectionCard.test.tsx
+++ b/src/course-outline/subsection-card/SubsectionCard.test.tsx
@@ -118,6 +118,7 @@ const renderComponent = (props?: object, entry = '/course/:courseId') => render(
     section={section}
     subsection={subsection}
     index={1}
+    sectionIndex={0}
     isSelfPaced={false}
     getPossibleMoves={jest.fn()}
     onOrderChange={jest.fn()}
@@ -200,6 +201,8 @@ describe('<SubsectionCard />', () => {
       currentId: subsection.id,
       subsectionId: subsection.id,
       sectionId: section.id,
+      index: 1,
+      sectionIndex: 0,
     });
   });
 
@@ -465,11 +468,15 @@ describe('<SubsectionCard />', () => {
       currentId: subsection.id,
       subsectionId: subsection.id,
       sectionId: section.id,
+      index: 1,
+      sectionIndex: 0,
     });
     expect(mockSetSelectedContainerState).toHaveBeenCalledWith({
       currentId: subsection.id,
       subsectionId: subsection.id,
       sectionId: section.id,
+      index: 1,
+      sectionIndex: 0,
     });
   });
 });
diff --git a/src/course-outline/subsection-card/SubsectionCard.tsx b/src/course-outline/subsection-card/SubsectionCard.tsx
index c782d05a80..d1bdf2d43d 100644
--- a/src/course-outline/subsection-card/SubsectionCard.tsx
+++ b/src/course-outline/subsection-card/SubsectionCard.tsx
@@ -39,6 +39,7 @@ interface SubsectionCardProps {
   onOpenDeleteModal: () => void,
   onDuplicateSubmit: () => void,
   index: number,
+  sectionIndex: number,
   getPossibleMoves: (index: number, step: number) => void,
   onOrderChange: (section: XBlock, moveDetails: any) => void,
   onOpenConfigureModal: () => void,
@@ -57,6 +58,7 @@ const SubsectionCard = ({
   isCustomRelativeDatesActive,
   children,
   index,
+  sectionIndex,
   getPossibleMoves,
   onOpenDeleteModal,
   onDuplicateSubmit,
@@ -164,6 +166,8 @@ const SubsectionCard = ({
       currentId: subsection.id,
       subsectionId: subsection.id,
       sectionId: section.id,
+      sectionIndex,
+      index,
     });
   };
 
@@ -172,6 +176,8 @@ const SubsectionCard = ({
       currentId: subsection.id,
       subsectionId: subsection.id,
       sectionId: section.id,
+      sectionIndex,
+      index,
     });
   };
 
@@ -250,7 +256,8 @@ const SubsectionCard = ({
 
   const onClickCard = useCallback((e: React.MouseEvent, preventNodeEvents: boolean) => {
     if (!preventNodeEvents || e.target === e.currentTarget) {
-      openContainerInfoSidebar(subsection.id, subsection.id, section.id);
+      openContainerInfoSidebar(subsection.id, subsection.id, section.id, index, sectionIndex);
+      handleClickMenuButton();
       setIsExpanded(true);
     }
   }, [openContainerInfoSidebar]);
diff --git a/src/course-outline/unit-card/UnitCard.test.tsx b/src/course-outline/unit-card/UnitCard.test.tsx
index 70cb499430..4f0ad9367d 100644
--- a/src/course-outline/unit-card/UnitCard.test.tsx
+++ b/src/course-outline/unit-card/UnitCard.test.tsx
@@ -93,6 +93,7 @@ const renderComponent = (props?: object) => render(
     subsection={subsection}
     unit={unit}
     index={1}
+    sectionIndex={0}
     getPossibleMoves={jest.fn()}
     onOrderChange={jest.fn()}
     onOpenDeleteModal={jest.fn()}
@@ -357,11 +358,15 @@ describe('<UnitCard />', () => {
       currentId: unit.id,
       subsectionId: subsection.id,
       sectionId: section.id,
+      index: 1,
+      sectionIndex: 0,
     });
     expect(mockSetSelectedContainerState).toHaveBeenCalledWith({
       currentId: unit.id,
       subsectionId: subsection.id,
       sectionId: section.id,
+      index: 1,
+      sectionIndex: 0,
     });
   });
 });
diff --git a/src/course-outline/unit-card/UnitCard.tsx b/src/course-outline/unit-card/UnitCard.tsx
index 11be7bcc4e..88ee5af32b 100644
--- a/src/course-outline/unit-card/UnitCard.tsx
+++ b/src/course-outline/unit-card/UnitCard.tsx
@@ -31,6 +31,7 @@ interface UnitCardProps {
   unit: UnitXBlock;
   subsection: XBlock;
   section: XBlock;
+  sectionIndex: number;
   onOpenConfigureModal: () => void;
   onOpenDeleteModal: () => void;
   onDuplicateSubmit: () => void;
@@ -49,6 +50,7 @@ const UnitCard = ({
   unit: initialData,
   subsection: initialSubsectionData,
   section: initialSectionData,
+  sectionIndex,
   isSelfPaced,
   isCustomRelativeDatesActive,
   index,
@@ -136,6 +138,8 @@ const UnitCard = ({
       currentId: unit.id,
       subsectionId: subsection.id,
       sectionId: section.id,
+      index,
+      sectionIndex,
     });
   };
 
@@ -144,6 +148,8 @@ const UnitCard = ({
       currentId: unit.id,
       subsectionId: subsection.id,
       sectionId: section.id,
+      index,
+      sectionIndex,
     });
   };
 
@@ -171,7 +177,8 @@ const UnitCard = ({
 
   const onClickCard = useCallback((e: React.MouseEvent) => {
     if (e.target === e.currentTarget) {
-      openContainerInfoSidebar(unit.id, subsection.id, section.id);
+      openContainerInfoSidebar(unit.id, subsection.id, section.id, index, sectionIndex);
+      selectAndTrigger();
     }
   }, [openContainerInfoSidebar]);
 
diff --git a/src/course-unit/CourseUnit.test.tsx b/src/course-unit/CourseUnit.test.tsx
index 32ec0f4c05..c5bf3e76bd 100644
--- a/src/course-unit/CourseUnit.test.tsx
+++ b/src/course-unit/CourseUnit.test.tsx
@@ -68,6 +68,7 @@ import CourseUnit from './CourseUnit';
 import tagsDrawerMessages from '../content-tags-drawer/messages';
 import configureModalMessages from '../generic/configure-modal/messages';
 import { getContentTaxonomyTagsApiUrl, getContentTaxonomyTagsCountApiUrl } from '../content-tags-drawer/data/api';
+import { getXBlockApiUrl } from '../course-outline/data/api';
 import addComponentMessages from './add-component/messages';
 import { messageTypes, PUBLISH_TYPES, UNIT_VISIBILITY_STATES } from './constants';
 import moveModalMessages from './move-modal/messages';
@@ -3250,6 +3251,10 @@ describe('<CourseUnit />', () => {
       ENABLE_UNIT_PAGE_NEW_DESIGN: 'true',
     });
 
+    axiosMock
+      .onGet(getXBlockApiUrl(mockContentData.textXBlock))
+      .reply(200, mockContentData.textXBlockData);
+
     render(<RootWrapper />);
 
     await screen.findByTitle(xblockContainerIframeMessages.xblockIframeTitle.defaultMessage);
@@ -3260,4 +3265,270 @@ describe('<CourseUnit />', () => {
 
     await screen.findByText(mockContentData.textXBlockData.displayName);
   });
+
+  describe('ComponentInfoSidebar menus', () => {
+    const componentId = mockContentData.textXBlock;
+    const componentData = {
+      displayName: 'Text XBlock 1',
+      category: 'html',
+      id: componentId,
+      actions: { duplicable: true, deletable: true, draggable: false },
+      upstreamInfo: null,
+    };
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const renderComponentSidebar = async (data: any = componentData) => {
+      setConfig({ ...getConfig(), ENABLE_UNIT_PAGE_NEW_DESIGN: 'true' });
+      axiosMock.onGet(getXBlockApiUrl(componentId)).reply(200, data);
+      render(<RootWrapper />);
+      await screen.findByTitle(xblockContainerIframeMessages.xblockIframeTitle.defaultMessage);
+      simulatePostMessageEvent(messageTypes.xblockSelected, { contentId: componentId });
+      await screen.findByText(data.displayName);
+    };
+
+    it('duplicates component from sidebar menu', async () => {
+      const user = userEvent.setup();
+      await renderComponentSidebar();
+
+      const menuToggle = await screen.findByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      axiosMock
+        .onPost(postXBlockBaseApiUrl())
+        .reply(200, { locator: 'new-block-id' });
+      axiosMock
+        .onGet(getCourseVerticalChildrenApiUrl(blockId))
+        .reply(200, courseVerticalChildrenMock);
+
+      const duplicateBtn = await screen.findByText('Duplicate');
+      await user.click(duplicateBtn);
+
+      await waitFor(() => {
+        expect(axiosMock.history.post.length).toBe(1);
+      });
+      expect(axiosMock.history.post[0].url).toBe(postXBlockBaseApiUrl());
+      expect(JSON.parse(axiosMock.history.post[0].data).duplicate_source_locator).toBe(componentId);
+    });
+
+    it('opens delete modal and deletes component from sidebar menu', async () => {
+      const user = userEvent.setup();
+      await renderComponentSidebar();
+
+      const menuToggle = await screen.findByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const deleteBtn = await screen.findByText('Delete');
+      await user.click(deleteBtn);
+
+      expect(await screen.findByRole('dialog')).toBeInTheDocument();
+
+      axiosMock
+        .onDelete(getXBlockBaseApiUrl(componentId))
+        .reply(200, {});
+      axiosMock
+        .onGet(getCourseVerticalChildrenApiUrl(blockId))
+        .reply(200, courseVerticalChildrenMock);
+
+      const confirmBtn = await screen.findByRole('button', { name: /^delete$/i });
+      await user.click(confirmBtn);
+
+      await waitFor(() => {
+        expect(axiosMock.history.delete.length).toBe(1);
+      });
+      expect(axiosMock.history.delete[0].url).toBe(getXBlockBaseApiUrl(componentId));
+    });
+
+    it('opens move modal from sidebar menu', async () => {
+      const user = userEvent.setup();
+      await renderComponentSidebar();
+
+      const menuToggle = await screen.findByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const moveBtn = await screen.findByText('Move');
+      await user.click(moveBtn);
+
+      expect(await screen.findByText(
+        moveModalMessages.moveModalTitle.defaultMessage.replace('{displayName}', componentData.displayName),
+      )).toBeInTheDocument();
+    });
+
+    it('opens unlink modal and unlinks component from sidebar menu', async () => {
+      const user = userEvent.setup();
+      const componentWithUpstream = {
+        ...componentData,
+        actions: { ...componentData.actions, unlinkable: true },
+        upstreamInfo: { upstreamRef: 'lb:org:lib:html:block-id' },
+      };
+      await renderComponentSidebar(componentWithUpstream);
+
+      axiosMock.onDelete(getDownstreamApiUrl(componentId)).reply(200, {});
+      axiosMock.onGet(getCourseVerticalChildrenApiUrl(blockId)).reply(200, courseVerticalChildrenMock);
+
+      const menuToggle = await screen.findByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const unlinkBtn = await screen.findByText('Unlink from Library');
+      await user.click(unlinkBtn);
+
+      const confirmBtn = await screen.findByRole('button', { name: /confirm unlink/i });
+      await user.click(confirmBtn);
+
+      await waitFor(() => {
+        expect(axiosMock.history.delete.length).toBe(1);
+      });
+      expect(axiosMock.history.delete[0].url).toBe(getDownstreamApiUrl(componentId));
+    });
+
+    it('navigates to library when clicking View in Library from sidebar menu', async () => {
+      const user = userEvent.setup();
+      const upstreamRef = 'lb:org:lib:html:block-id';
+      const componentWithUpstream = {
+        ...componentData,
+        upstreamInfo: { upstreamRef },
+      };
+      await renderComponentSidebar(componentWithUpstream);
+
+      const menuToggle = await screen.findByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const viewLibBtn = await screen.findByText('View in Library');
+      await user.click(viewLibBtn);
+
+      expect(mockedUsedNavigate).toHaveBeenCalledWith(
+        expect.stringContaining('/library/'),
+      );
+    });
+  });
+
+  describe('UnitInfoSidebar menus', () => {
+    const unitId = courseSectionVerticalMock.xblock_info.id;
+    const upstreamRef = 'lb:org:lib:vertical:unit-id';
+
+    const unitItemData = {
+      id: unitId,
+      displayName: courseSectionVerticalMock.xblock_info.display_name,
+      category: 'vertical',
+      actions: { deletable: true, duplicable: false, draggable: false },
+      upstreamInfo: null,
+    };
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const renderUnitInfoSidebar = async (itemData: any = unitItemData) => {
+      setConfig({ ...getConfig(), ENABLE_UNIT_PAGE_NEW_DESIGN: 'true' });
+      axiosMock.onGet(getXBlockApiUrl(unitId)).reply(200, itemData);
+      render(<RootWrapper />);
+      // Wait for the Details tab which is unique to the new unit info sidebar
+      await screen.findByRole('tab', { name: /details/i });
+      await screen.findByRole('button', { name: 'Item Menu' });
+    };
+
+    it('opens delete modal and deletes unit from sidebar menu', async () => {
+      const user = userEvent.setup();
+      await renderUnitInfoSidebar();
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const deleteBtn = await screen.findByText('Delete');
+      await user.click(deleteBtn);
+
+      expect(await screen.findByRole('dialog')).toBeInTheDocument();
+
+      axiosMock.onDelete(getXBlockBaseApiUrl(unitId)).reply(200, {});
+
+      const confirmBtn = await screen.findByRole('button', { name: /^delete$/i });
+      await user.click(confirmBtn);
+
+      await waitFor(() => {
+        expect(axiosMock.history.delete.length).toBe(1);
+      });
+      expect(axiosMock.history.delete[0].url).toBe(getXBlockBaseApiUrl(unitId));
+      expect(mockedUsedNavigate).toHaveBeenCalledWith(`/course/${courseId}`);
+    });
+
+    it('opens unlink modal and unlinks unit from sidebar menu', async () => {
+      const user = userEvent.setup();
+      const unitWithUpstream = {
+        ...unitItemData,
+        actions: { ...unitItemData.actions, unlinkable: true },
+        upstreamInfo: { upstreamRef },
+      };
+      axiosMock
+        .onGet(getCourseSectionVerticalApiUrl(blockId))
+        .reply(200, {
+          ...courseSectionVerticalMock,
+          xblock_info: {
+            ...courseSectionVerticalMock.xblock_info,
+            upstream_info: { upstream_ref: upstreamRef },
+          },
+        });
+      await executeThunk(fetchCourseSectionVerticalData(blockId, courseId), store.dispatch);
+      await renderUnitInfoSidebar(unitWithUpstream);
+
+      axiosMock.onDelete(getDownstreamApiUrl(unitId)).reply(200, {});
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const unlinkBtn = await screen.findByText('Unlink from Library');
+      await user.click(unlinkBtn);
+
+      const confirmBtn = await screen.findByRole('button', { name: /confirm unlink/i });
+      await user.click(confirmBtn);
+
+      await waitFor(() => {
+        expect(axiosMock.history.delete.length).toBe(1);
+      });
+      expect(axiosMock.history.delete[0].url).toBe(getDownstreamApiUrl(unitId));
+    });
+
+    it('navigates to library when clicking View in Library from sidebar menu', async () => {
+      const user = userEvent.setup();
+      const unitWithUpstream = {
+        ...unitItemData,
+        upstreamInfo: { upstreamRef },
+      };
+      axiosMock
+        .onGet(getCourseSectionVerticalApiUrl(blockId))
+        .reply(200, {
+          ...courseSectionVerticalMock,
+          xblock_info: {
+            ...courseSectionVerticalMock.xblock_info,
+            upstream_info: { upstream_ref: upstreamRef },
+          },
+        });
+      await executeThunk(fetchCourseSectionVerticalData(blockId, courseId), store.dispatch);
+      await renderUnitInfoSidebar(unitWithUpstream);
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const viewLibBtn = await screen.findByText('View in Library');
+      await user.click(viewLibBtn);
+
+      expect(mockedUsedNavigate).toHaveBeenCalledWith(
+        expect.stringContaining('/library/'),
+      );
+    });
+
+    it('copies location ID to clipboard when Copy Location ID is clicked from sidebar menu', async () => {
+      const user = userEvent.setup();
+      const writeText = jest.fn().mockResolvedValue(undefined);
+      Object.defineProperty(navigator, 'clipboard', {
+        value: { writeText },
+        writable: true,
+        configurable: true,
+      });
+      await renderUnitInfoSidebar();
+
+      const menuToggle = screen.getByRole('button', { name: 'Item Menu' });
+      fireEvent.click(menuToggle);
+
+      const copyLocationBtn = await screen.findByText('Copy Location ID');
+      await user.click(copyLocationBtn);
+
+      expect(writeText).toHaveBeenCalledWith('867dddb6f55d410caaa9c1eb9c6743ec');
+    });
+  });
 });
diff --git a/src/course-unit/unit-sidebar/unit-info/ComponentInfoSidebar.tsx b/src/course-unit/unit-sidebar/unit-info/ComponentInfoSidebar.tsx
index f81abfff88..3ca8576b25 100644
--- a/src/course-unit/unit-sidebar/unit-info/ComponentInfoSidebar.tsx
+++ b/src/course-unit/unit-sidebar/unit-info/ComponentInfoSidebar.tsx
@@ -1,20 +1,25 @@
-import { useSelector } from 'react-redux';
+import { useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { useNavigate } from 'react-router-dom';
 import { Tag } from '@openedx/paragon/icons';
 import { useQueryClient } from '@tanstack/react-query';
+import { useToggle } from '@openedx/paragon';
 
 import { SidebarContent, SidebarSection, SidebarTitle } from '@src/generic/sidebar';
 import { ContentTagsSnippet } from '@src/content-tags-drawer';
-import { useContentData } from '@src/content-tags-drawer/data/apiHooks';
-import type { XBlockData } from '@src/content-tags-drawer/data/types';
 import { getItemIcon } from '@src/generic/block-type-utils';
 import { useIframe } from '@src/generic/hooks/context/hooks';
 import { messageTypes } from '@src/course-unit/constants';
 import { LibraryReferenceCard } from '@src/generic/library-reference-card/LibraryReferenceCard';
-import { getCourseUnitData } from '@src/course-unit/data/selectors';
+import { getCourseUnitData, getMovedXBlockParams } from '@src/course-unit/data/selectors';
 import { useCourseAuthoringContext } from '@src/CourseAuthoringContext';
-import { courseOutlineQueryKeys } from '@src/course-outline/data/apiHooks';
+import { courseOutlineQueryKeys, useCourseItemData } from '@src/course-outline/data/apiHooks';
+import { getLibraryId } from '@src/generic/key-utils';
+import { useUnlinkDownstream, UnlinkModal } from '@src/generic/unlink-modal';
+import { useClipboard } from '@src/generic/clipboard';
+import DeleteModal from '@src/generic/delete-modal/DeleteModal';
+import { deleteUnitItemQuery, duplicateUnitItemQuery, fetchCourseVerticalChildrenData } from '@src/course-unit/data/thunk';
 
 import { useUnitSidebarContext } from '../UnitSidebarContext';
 import messages from './messages';
@@ -26,19 +31,31 @@ export const ComponentInfoSidebar = () => {
   const intl = useIntl();
   const queryClient = useQueryClient();
   const navigate = useNavigate();
+  const dispatch = useDispatch();
   const { sendMessageToIframe } = useIframe();
+  const { copyToClipboard } = useClipboard();
   const unitData = useSelector(getCourseUnitData);
   const { courseId } = useCourseAuthoringContext();
   const sectionId = unitData?.ancestorInfo?.ancestors?.find(
     (ancestor) => ancestor.category === 'chapter',
   )?.id;
+  const [isUnlinkModalOpen, openUnlinkModal, closeUnlinkModal] = useToggle(false);
+  const [isDeleteModalOpen, openDeleteModal, closeDeleteModal] = useToggle(false);
 
   const {
     selectedComponentId,
     setCurrentPageKey,
   } = useUnitSidebarContext();
+  const { mutateAsync: unlinkDownstream } = useUnlinkDownstream();
 
-  const { data: contentData } = useContentData(selectedComponentId) as { data: XBlockData | undefined };
+  const { data: componentItemData } = useCourseItemData(selectedComponentId ?? undefined);
+  const movedXBlockParams = useSelector(getMovedXBlockParams);
+
+  useEffect(() => {
+    if (movedXBlockParams.isSuccess && movedXBlockParams.sourceLocator === selectedComponentId) {
+      setCurrentPageKey('info', null);
+    }
+  }, [movedXBlockParams]);
 
   // istanbul ignore next
   const handleBack = () => {
@@ -57,12 +74,94 @@ export const ComponentInfoSidebar = () => {
     });
   };
 
+  const handleDuplicate = () => {
+    if (selectedComponentId && unitData?.id) {
+      dispatch(duplicateUnitItemQuery(
+        unitData.id,
+        selectedComponentId,
+        (courseKey: string, locator: string) => sendMessageToIframe(
+          messageTypes.completeXBlockDuplicating,
+          { courseKey, locator },
+        ),
+      ));
+    }
+  };
+
+  const handleDeleteSubmit = async () => {
+    if (selectedComponentId && unitData?.id) {
+      // oxlint-disable-next-line typescript-eslint(await-thenable)
+      await dispatch(deleteUnitItemQuery(unitData.id, selectedComponentId, sendMessageToIframe));
+      closeDeleteModal();
+      setCurrentPageKey('info', null);
+      if (unitData?.id) {
+        dispatch(fetchCourseVerticalChildrenData(unitData.id, false));
+      }
+    }
+  };
+
+  const handleUnlinkSubmit = async () => {
+    if (selectedComponentId) {
+      await unlinkDownstream({
+        downstreamBlockId: selectedComponentId,
+      }, {
+        onSuccess: () => {
+          closeUnlinkModal();
+          queryClient.invalidateQueries({
+            queryKey: courseOutlineQueryKeys.courseItemId(selectedComponentId),
+          });
+          if (unitData?.id) {
+            dispatch(fetchCourseVerticalChildrenData(unitData.id, false));
+          }
+        },
+      });
+    }
+  };
+
+  const handleMove = () => {
+    if (!selectedComponentId || !unitData?.id) {
+      return;
+    }
+    window.dispatchEvent(new MessageEvent('message', {
+      data: {
+        type: messageTypes.showMoveXBlockModal,
+        payload: {
+          sourceXBlockInfo: {
+            id: selectedComponentId,
+            displayName: componentItemData?.displayName ?? '',
+            category: componentItemData?.category ?? '',
+          },
+          sourceParentXBlockInfo: {
+            id: unitData.id,
+            displayName: unitData.displayName ?? '',
+            category: 'vertical',
+          },
+        },
+      },
+    }));
+  };
+
   return (
     <>
       <SidebarTitle
-        title={contentData?.displayName || ''}
-        icon={getItemIcon(contentData?.category || '')}
+        title={componentItemData?.displayName || ''}
+        icon={getItemIcon(componentItemData?.category || '')}
         onBackBtnClick={handleBack}
+        menuProps={{
+          itemId: selectedComponentId || '',
+          index: 0,
+          onClickDuplicate: handleDuplicate,
+          onClickUnlink: openUnlinkModal,
+          onClickDelete: openDeleteModal,
+          onClickViewLibrary: () => {
+            const upstreamRef = componentItemData?.upstreamInfo?.upstreamRef;
+            if (upstreamRef) {
+              const libId = getLibraryId(upstreamRef);
+              navigate(`/library/${libId}/components/${upstreamRef}`);
+            }
+          },
+          onClickCopy: () => copyToClipboard(selectedComponentId ?? ''),
+          onClickMove: handleMove,
+        }}
       />
       <LibraryReferenceCard
         itemId={selectedComponentId}
@@ -78,6 +177,19 @@ export const ComponentInfoSidebar = () => {
           <ContentTagsSnippet contentId={selectedComponentId || ''} />
         </SidebarSection>
       </SidebarContent>
+      <UnlinkModal
+        isOpen={isUnlinkModalOpen}
+        close={closeUnlinkModal}
+        onUnlinkSubmit={handleUnlinkSubmit}
+        displayName={componentItemData?.displayName}
+        category="vertical"
+      />
+      <DeleteModal
+        isOpen={isDeleteModalOpen}
+        close={closeDeleteModal}
+        category={componentItemData?.category}
+        onDeleteSubmit={handleDeleteSubmit}
+      />
     </>
   );
 };
diff --git a/src/course-unit/unit-sidebar/unit-info/UnitInfoSidebar.tsx b/src/course-unit/unit-sidebar/unit-info/UnitInfoSidebar.tsx
index 4bcdc29157..f75c8546f6 100644
--- a/src/course-unit/unit-sidebar/unit-info/UnitInfoSidebar.tsx
+++ b/src/course-unit/unit-sidebar/unit-info/UnitInfoSidebar.tsx
@@ -1,24 +1,33 @@
 import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
-import { useParams } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
 import { ComponentCountSnippet, getItemIcon } from '@src/generic/block-type-utils';
 import { SidebarContent, SidebarSection, SidebarTitle } from '@src/generic/sidebar';
-import { useEffect, useMemo } from 'react';
+import { useContext, useEffect, useMemo } from 'react';
 import { Tag } from '@openedx/paragon/icons';
 import { ContentTagsSnippet } from '@src/content-tags-drawer';
 import configureMessages from '@src/generic/configure-modal/messages';
 import {
   Button, ButtonGroup, Tab, Tabs,
 } from '@openedx/paragon';
+import { useToggle } from '@openedx/paragon';
 import { useDispatch, useSelector } from 'react-redux';
 import { useIframe } from '@src/generic/hooks/context/hooks';
 import { AccessEditComponent, DiscussionEditComponent } from '@src/generic/configure-modal/UnitTab';
 import { Form, Formik } from 'formik';
 import { getCourseUnitData, getCourseVerticalChildren } from '@src/course-unit/data/selectors';
 import { messageTypes, PUBLISH_TYPES, UNIT_VISIBILITY_STATES } from '@src/course-unit/constants';
-import { editCourseUnitVisibilityAndData } from '@src/course-unit/data/thunk';
+import { editCourseUnitVisibilityAndData, fetchCourseSectionVerticalData } from '@src/course-unit/data/thunk';
 import PublishControls from './PublishControls';
 import { useUnitSidebarContext } from '../UnitSidebarContext';
 import messages from './messages';
+import { getLibraryId } from '@src/generic/key-utils';
+import { useClipboard } from '@src/generic/clipboard';
+import { ToastContext } from '@src/generic/toast-context';
+import { UnlinkModal, useUnlinkDownstream } from '@src/generic/unlink-modal';
+import { useCourseAuthoringContext } from '@src/CourseAuthoringContext';
+import { useQueryClient } from '@tanstack/react-query';
+import { courseOutlineQueryKeys, useDeleteCourseItem } from '@src/course-outline/data/apiHooks';
+import DeleteModal from '@src/generic/delete-modal/DeleteModal';
 
 /**
  * Component to show unit details: Publish status, Component counts and Content Tags.
@@ -193,22 +202,102 @@ const UnitInfoSettings = () => {
  */
 export const UnitInfoSidebar = () => {
   const intl = useIntl();
+  const navigate = useNavigate();
+  const dispatch = useDispatch();
+  const { copyToClipboard } = useClipboard();
   const currentItemData = useSelector(getCourseUnitData);
   const {
     currentTabKey,
     setCurrentTabKey,
   } = useUnitSidebarContext();
+  const { showToast } = useContext(ToastContext);
+  const { courseId } = useCourseAuthoringContext();
+
+  const [isUnlinkModalOpen, openUnlinkModal, closeUnlinkModal] = useToggle(false);
+  const [isDeleteModalOpen, openDeleteModal, closeDeleteModal] = useToggle(false);
+  const { mutateAsync: unlinkDownstream } = useUnlinkDownstream();
+  const { mutateAsync: deleteCourseItem } = useDeleteCourseItem();
+  const queryClient = useQueryClient();
+
+  const sequenceId = currentItemData?.ancestorInfo?.ancestors?.[0]?.id;
+  const sectionId = currentItemData?.ancestorInfo?.ancestors?.[1]?.id;
+
+  const handleDeleteSubmit = async () => {
+    await deleteCourseItem({
+      itemId: currentItemData.id,
+      subsectionId: sequenceId,
+      sectionId,
+    }, {
+      onSuccess: () => {
+        closeDeleteModal();
+        navigate(`/course/${courseId}`);
+      },
+    });
+  };
+
+  const handleUnlinkSubmit = async () => {
+    await unlinkDownstream({
+      downstreamBlockId: currentItemData.id,
+      subsectionId: sequenceId,
+      sectionId,
+    }, {
+      onSuccess: () => {
+        closeUnlinkModal();
+        queryClient.invalidateQueries({ queryKey: courseOutlineQueryKeys.courseItemId(currentItemData.id) });
+        dispatch(fetchCourseSectionVerticalData(currentItemData.id, sequenceId));
+      },
+    });
+  };
 
   useEffect(() => {
     // Set default Tab key
     setCurrentTabKey('details');
   }, []);
 
+  const handleCopyLocation = () => {
+    // Extract the location ID: the part after "block@" at the end of the usage key
+    // e.g. "block-v1:org+course+run+type@vertical+block@abc123" → "abc123"
+    const locationId = currentItemData.id.match(/block@(.+)$/)?.[1];
+    if (!locationId) {
+      return;
+    }
+
+    if (navigator.clipboard) {
+      // Modern approach: requires HTTPS (secure context)
+      void navigator.clipboard.writeText(locationId);
+    } else /* istanbul ignore next */ {
+      // Fallback for HTTP (non-secure) dev environments
+      // Note: execCommand is deprecated but still widely supported as fallback
+      const textarea = document.createElement('textarea');
+      textarea.value = locationId;
+      document.body.appendChild(textarea);
+      textarea.select();
+      document.execCommand('copy'); // eslint-disable-line deprecation/deprecation
+      document.body.removeChild(textarea);
+    }
+    showToast(intl.formatMessage(messages.locationCopiedText));
+  };
+
   return (
     <>
       <SidebarTitle
         title={currentItemData.displayName}
         icon={getItemIcon('unit')}
+        menuProps={{
+          itemId: currentItemData.id,
+          index: -1,
+          onClickUnlink: openUnlinkModal,
+          onClickDelete: openDeleteModal,
+          onClickViewLibrary: () => {
+            const upstreamRef = currentItemData?.upstreamInfo?.upstreamRef;
+            if (upstreamRef) {
+              const libId = getLibraryId(upstreamRef);
+              navigate(`/library/${libId}/unit/${upstreamRef}`);
+            }
+          },
+          onClickCopy: () => copyToClipboard(currentItemData.id),
+          onClickCopyLocation: handleCopyLocation,
+        }}
       />
       <Tabs
         id="unit-info-sidebar-tabs"
@@ -233,6 +322,19 @@ export const UnitInfoSidebar = () => {
           </div>
         </Tab>
       </Tabs>
+      <DeleteModal
+        isOpen={isDeleteModalOpen}
+        close={closeDeleteModal}
+        onDeleteSubmit={handleDeleteSubmit}
+        category="unit"
+      />
+      <UnlinkModal
+        isOpen={isUnlinkModalOpen}
+        close={closeUnlinkModal}
+        onUnlinkSubmit={handleUnlinkSubmit}
+        displayName={currentItemData.displayName}
+        category="vertical"
+      />
     </>
   );
 };
diff --git a/src/course-unit/unit-sidebar/unit-info/messages.ts b/src/course-unit/unit-sidebar/unit-info/messages.ts
index 9201916f8b..3a7db84ba4 100644
--- a/src/course-unit/unit-sidebar/unit-info/messages.ts
+++ b/src/course-unit/unit-sidebar/unit-info/messages.ts
@@ -134,6 +134,11 @@ const messages = defineMessages({
     defaultMessage: 'Settings',
     description: 'Label for the settings tab of the unit info sidebar',
   },
+  locationCopiedText: {
+    id: 'course-authoring.unit-page.sidebar.info.copied-location',
+    defaultMessage: 'Location ID saved in the Clipboard',
+    description: 'Toast messages when the user copied an unit location ID',
+  },
 });
 
 export default messages;
diff --git a/src/course-unit/xblock-container-iframe/index.tsx b/src/course-unit/xblock-container-iframe/index.tsx
index 6ee3335a42..3e88b3c6c0 100644
--- a/src/course-unit/xblock-container-iframe/index.tsx
+++ b/src/course-unit/xblock-container-iframe/index.tsx
@@ -1,3 +1,4 @@
+import { useQueryClient } from '@tanstack/react-query';
 import { getConfig } from '@edx/frontend-platform';
 import {
   FC, useEffect, useState, useMemo, useCallback,
@@ -43,6 +44,8 @@ import {
 import { formatAccessManagedXBlockData, getIframeUrl, getLegacyEditModalUrl } from './utils';
 import { useUnitSidebarContext } from '../unit-sidebar/UnitSidebarContext';
 import { isUnitPageNewDesignEnabled } from '../utils';
+import { courseOutlineQueryKeys } from '@src/course-outline/data/apiHooks';
+import { contentTagsQueryKeys } from '@src/content-tags-drawer/data/apiHooks';
 
 const XBlockContainerIframe: FC<XBlockContainerIframeProps> = ({
   courseId,
@@ -54,6 +57,7 @@ const XBlockContainerIframe: FC<XBlockContainerIframeProps> = ({
   readonly,
 }) => {
   const intl = useIntl();
+  const queryClient = useQueryClient();
   const dispatch = useDispatch();
   const {
     setCurrentPageKey,
@@ -93,11 +97,21 @@ const XBlockContainerIframe: FC<XBlockContainerIframeProps> = ({
     setIframeRef(iframeRef);
   }, [setIframeRef]);
 
+  const refreshComponent = (id: string) => {
+    queryClient.invalidateQueries({
+      queryKey: courseOutlineQueryKeys.courseItemId(id),
+    });
+    queryClient.invalidateQueries({
+      queryKey: contentTagsQueryKeys.contentData(id),
+    });
+  };
+
   const onXBlockSave = useCallback(/* istanbul ignore next */ () => {
     closeXBlockEditorModal();
     closeVideoSelectorModal();
     sendMessageToIframe(messageTypes.refreshXBlock, null);
-  }, [closeXBlockEditorModal, closeVideoSelectorModal, sendMessageToIframe]);
+    refreshComponent(newBlockId);
+  }, [closeXBlockEditorModal, closeVideoSelectorModal, sendMessageToIframe, newBlockId]);
 
   const handleEditXBlock = useCallback((type: string, id: string) => {
     setBlockType(type);
@@ -143,10 +157,11 @@ const XBlockContainerIframe: FC<XBlockContainerIframeProps> = ({
     }
   };
 
-  const onUnlinkSubmit = () => {
+  const onUnlinkSubmit = async () => {
     if (unlinkXBlockId) {
-      unitXBlockActions.handleUnlink(unlinkXBlockId);
+      await unitXBlockActions.handleUnlink(unlinkXBlockId);
       closeUnlinkModal();
+      refreshComponent(unlinkXBlockId);
     }
   };
 
@@ -181,6 +196,9 @@ const XBlockContainerIframe: FC<XBlockContainerIframeProps> = ({
   const handleSaveEditedXBlockData = () => {
     sendMessageToIframe(messageTypes.completeXBlockEditing, { locator: configureXBlockId });
     dispatch(updateCourseUnitSidebar(blockId));
+    if (configureXBlockId) {
+      refreshComponent(configureXBlockId);
+    }
     if (!isUnitVerticalType) {
       dispatch(fetchCourseSectionVerticalData(blockId));
     }
diff --git a/src/course-unit/xblock-container-iframe/types.ts b/src/course-unit/xblock-container-iframe/types.ts
index 2c1b0757a4..e89fd98df3 100644
--- a/src/course-unit/xblock-container-iframe/types.ts
+++ b/src/course-unit/xblock-container-iframe/types.ts
@@ -34,7 +34,7 @@ export interface XBlockContainerIframeProps {
   unitXBlockActions: {
     handleDelete: (XBlockId: string | null) => Promise<void> | void;
     handleDuplicate: (XBlockId: string | null) => void;
-    handleUnlink: (XBlockId: string | null) => void;
+    handleUnlink: (XBlockId: string | null) => Promise<void> | void;
   };
   courseVerticalChildren: Array<XBlockTypes>;
   handleConfigureSubmit: (variables: ConfigureUnitData & { closeModalFn?: () => void }) => void;
diff --git a/src/data/types.ts b/src/data/types.ts
index c13205a6a0..d7d8ecefde 100644
--- a/src/data/types.ts
+++ b/src/data/types.ts
@@ -168,6 +168,8 @@ export type SelectionState = {
   currentId: string;
   sectionId?: string;
   subsectionId?: string;
+  index?: number;
+  sectionIndex?: number;
 };
 
 export type AccessManagedXBlockDataTypes = {
diff --git a/src/generic/library-reference-card/LibraryReferenceCard.tsx b/src/generic/library-reference-card/LibraryReferenceCard.tsx
index b428458e86..c42a142ce8 100644
--- a/src/generic/library-reference-card/LibraryReferenceCard.tsx
+++ b/src/generic/library-reference-card/LibraryReferenceCard.tsx
@@ -178,7 +178,7 @@ const TopLevelTextAndButton = ({
     );
   }
 
-  if ((upstreamInfo?.downstreamCustomized.length || 0) > 0) {
+  if ((upstreamInfo?.downstreamCustomized?.length || 0) > 0) {
     return (
       <FormattedMessage {...messages.topParentModifiedText} values={messageValues} />
     );
diff --git a/src/generic/sidebar/InfoSidebarMenu.tsx b/src/generic/sidebar/InfoSidebarMenu.tsx
new file mode 100644
index 0000000000..9152327e2d
--- /dev/null
+++ b/src/generic/sidebar/InfoSidebarMenu.tsx
@@ -0,0 +1,158 @@
+import { useIntl } from '@edx/frontend-platform/i18n';
+import {
+  Dropdown, Icon, IconButton, Stack,
+} from '@openedx/paragon';
+import {
+  ArrowDownward,
+  ArrowOutward,
+  ArrowUpward,
+  ContentCopy,
+  Delete,
+  LinkOff,
+  MoreVert,
+  Newsstand,
+} from '@openedx/paragon/icons';
+import { useCourseItemData } from '@src/course-outline/data/apiHooks';
+import messages from './messages';
+
+export interface InfoSidebarMenuProps {
+  itemId: string;
+  index: number;
+  onClickUnlink: () => void;
+  onClickDelete: () => void;
+  onClickViewLibrary: () => void;
+  onClickDuplicate?: () => void;
+  onClickMoveUp?: () => void;
+  onClickMoveDown?: () => void;
+  canMoveItem?: (oldIndex: number, step: number) => boolean;
+  onClickCopy?: () => void;
+  onClickCopyLocation?: () => void;
+  onClickMove?: () => void;
+}
+
+export const InfoSidebarMenu = ({
+  itemId,
+  index,
+  onClickDuplicate,
+  onClickMoveUp,
+  onClickMoveDown,
+  canMoveItem,
+  onClickUnlink,
+  onClickDelete,
+  onClickViewLibrary,
+  onClickCopy,
+  onClickCopyLocation,
+  onClickMove,
+}: InfoSidebarMenuProps) => {
+  const intl = useIntl();
+  const { data: item } = useCourseItemData(itemId);
+
+  if (item === undefined) {
+    return null;
+  }
+
+  const { actions, upstreamInfo } = item;
+
+  return (
+    <Dropdown>
+      <Dropdown.Toggle
+        as={IconButton}
+        iconAs={Icon}
+        src={MoreVert}
+        alt={intl.formatMessage(messages.itemMenuAlt)}
+      />
+      <Dropdown.Menu>
+        {actions?.duplicable && onClickDuplicate && (
+          <Dropdown.Item
+            onClick={onClickDuplicate}
+          >
+            <Stack direction="horizontal" gap={2}>
+              <Icon src={ContentCopy} />
+              {intl.formatMessage(messages.menuDuplicate)}
+            </Stack>
+          </Dropdown.Item>
+        )}
+        {onClickCopy && (
+          <Dropdown.Item onClick={onClickCopy}>
+            <Stack direction="horizontal" gap={2}>
+              <Icon src={ContentCopy} />
+              {intl.formatMessage(messages.menuCopy)}
+            </Stack>
+          </Dropdown.Item>
+        )}
+        {onClickCopyLocation && (
+          <Dropdown.Item onClick={onClickCopyLocation}>
+            <Stack direction="horizontal" gap={2}>
+              <Icon src={ContentCopy} />
+              {intl.formatMessage(messages.menuCopyLocation)}
+            </Stack>
+          </Dropdown.Item>
+        )}
+        {onClickMove && (
+          <Dropdown.Item onClick={onClickMove}>
+            <Stack direction="horizontal" gap={2}>
+              <Icon src={ArrowOutward} />
+              {intl.formatMessage(messages.menuMove)}
+            </Stack>
+          </Dropdown.Item>
+        )}
+        {actions?.draggable && onClickMoveUp && onClickMoveDown && canMoveItem && (
+          <>
+            <Dropdown.Item
+              onClick={onClickMoveUp}
+              disabled={!canMoveItem(index, -1)}
+            >
+              <Stack direction="horizontal" gap={2}>
+                <Icon src={ArrowUpward} />
+                {intl.formatMessage(messages.menuMoveUp)}
+              </Stack>
+            </Dropdown.Item>
+            <Dropdown.Item
+              onClick={onClickMoveDown}
+              disabled={!canMoveItem(index, 1)}
+            >
+              <Stack direction="horizontal" gap={2}>
+                <Icon src={ArrowDownward} />
+                {intl.formatMessage(messages.menuMoveDown)}
+              </Stack>
+            </Dropdown.Item>
+          </>
+        )}
+        {upstreamInfo?.upstreamRef && (
+          <Dropdown.Item
+            onClick={onClickViewLibrary}
+          >
+            <Stack direction="horizontal" gap={2}>
+              <Icon src={Newsstand} />
+              {intl.formatMessage(messages.menuViewLibrary)}
+            </Stack>
+          </Dropdown.Item>
+        )}
+        {((actions?.unlinkable ?? null) !== null || actions?.deletable) && <Dropdown.Divider />}
+        {(actions?.unlinkable ?? null) !== null && (
+          <Dropdown.Item
+            onClick={onClickUnlink}
+            disabled={!actions?.unlinkable}
+            title={!actions?.unlinkable ? intl.formatMessage(messages.menuUnlinkDisabledTooltip) : undefined}
+          >
+            <Stack direction="horizontal" gap={2}>
+              <Icon src={LinkOff} />
+              {intl.formatMessage(messages.menuUnlink)}
+            </Stack>
+          </Dropdown.Item>
+        )}
+        {actions?.deletable && (
+          <Dropdown.Item
+            onClick={onClickDelete}
+            className="text-danger-700"
+          >
+            <Stack direction="horizontal" gap={2}>
+              <Icon src={Delete} />
+              {intl.formatMessage(messages.menuDelete)}
+            </Stack>
+          </Dropdown.Item>
+        )}
+      </Dropdown.Menu>
+    </Dropdown>
+  );
+};
diff --git a/src/generic/sidebar/SidebarTitle.tsx b/src/generic/sidebar/SidebarTitle.tsx
index 52a3e9e0c2..25629785f7 100644
--- a/src/generic/sidebar/SidebarTitle.tsx
+++ b/src/generic/sidebar/SidebarTitle.tsx
@@ -2,6 +2,7 @@ import { useIntl } from '@edx/frontend-platform/i18n';
 import { Icon, IconButton, Stack } from '@openedx/paragon';
 import { ArrowBack } from '@openedx/paragon/icons';
 import messages from './messages';
+import { InfoSidebarMenu, InfoSidebarMenuProps } from './InfoSidebarMenu';
 
 interface SidebarTitleProps {
   /** Title of the section */
@@ -9,6 +10,7 @@ interface SidebarTitleProps {
   /** Icon to be displayed in the section title */
   icon?: React.ComponentType;
   onBackBtnClick?: () => void;
+  menuProps?: InfoSidebarMenuProps;
 }
 
 /**
@@ -24,22 +26,28 @@ export const SidebarTitle = ({
   title,
   icon,
   onBackBtnClick,
+  menuProps,
 }: SidebarTitleProps) => {
   const intl = useIntl();
   return (
     <>
-      <Stack direction="horizontal" gap={2} className="mb-3">
-        {onBackBtnClick && (
-          <IconButton
-            onClick={onBackBtnClick}
-            alt={intl.formatMessage(messages.backBtnText)}
-            src={ArrowBack}
-            size="inline"
-          />
+      <div className='d-flex justify-content-between'>
+        <Stack direction="horizontal" gap={2} className="mb-3">
+          {onBackBtnClick && (
+            <IconButton
+              onClick={onBackBtnClick}
+              alt={intl.formatMessage(messages.backBtnText)}
+              src={ArrowBack}
+              size="inline"
+            />
+          )}
+          <Icon src={icon} className="mr-2 text-primary" />
+          <h2 className="text-primary h3 mb-0">{title}</h2>
+        </Stack>
+        {menuProps && (
+          <InfoSidebarMenu {...menuProps} />
         )}
-        <Icon src={icon} className="mr-2 text-primary" />
-        <h2 className="text-primary h3 mb-0">{title}</h2>
-      </Stack>
+      </div>
       <hr className="border" style={{ marginLeft: '-1rem', marginRight: '-1rem' }} />
     </>
   );
diff --git a/src/generic/sidebar/messages.ts b/src/generic/sidebar/messages.ts
index 869e12d509..9846fdf874 100644
--- a/src/generic/sidebar/messages.ts
+++ b/src/generic/sidebar/messages.ts
@@ -9,8 +9,63 @@ const messages = defineMessages({
   backBtnText: {
     id: 'course-authoring.sidebar.back.btn.alt-text',
     defaultMessage: 'Back',
-    description: 'Alternate text of Back button in sidebar title',
+    description: 'Alternate text for Back button in sidebar title',
   },
+  itemMenuAlt: {
+    id: 'course-authoring.sidebar.item-menu.button.alt',
+    defaultMessage: 'Item Menu',
+    description: 'Alternate text for Item Menu in the sidebar',
+  },
+  menuDuplicate: {
+    id: 'course-authoring.sidebar.item-menu.duplicate',
+    defaultMessage: 'Duplicate',
+    description: 'Text for the Duplicate button in the sidebar menu',
+  },
+  menuCopy: {
+    id: 'course-authoring.sidebar.item-menu.copy',
+    defaultMessage: 'Copy to Clipboard',
+    description: 'Text for the Copy button in the sidebar menu',
+  },
+  menuMoveUp: {
+    id: 'course-authoring.sidebar.item-menu.move-up',
+    defaultMessage: 'Move Up',
+    description: 'Text for the Move Up button in the sidebar menu',
+  },
+  menuMoveDown: {
+    id: 'course-authoring.sidebar.item-menu.move-down',
+    defaultMessage: 'Move Down',
+    description: 'Text for the Move Down button in the sidebar menu',
+  },
+  menuUnlink: {
+    id: 'course-authoring.sidebar.item-menu.unlink',
+    defaultMessage: 'Unlink from Library',
+    description: 'Text for the Unlink button in the sidebar menu',
+  },
+  menuDelete: {
+    id: 'course-authoring.sidebar.item-menu.delete',
+    defaultMessage: 'Delete',
+    description: 'Text for the Delete button in the sidebar menu',
+  },
+  menuUnlinkDisabledTooltip: {
+    id: 'course-authoring.sidebar.item-menu.unlink.tooltip',
+    defaultMessage: 'Only the highest level library reference can be unlinked.',
+    description: 'Tooltip for disabled unlink option',
+  },
+  menuViewLibrary: {
+    id: 'course-authoring.sidebar.item-menu.view-library',
+    defaultMessage: 'View in Library',
+    description: 'Text for the View in Library button in the sidebar menu',
+  },
+  menuCopyLocation: {
+    id: 'course-authoring.sidebar.item-menu.copy-location',
+    defaultMessage: 'Copy Location ID',
+    description: 'Text for the Copy location button in the sidebar menu',
+  },
+  menuMove: {
+    id: 'course-authoring.sidebar.item-menu.move',
+    defaultMessage: 'Move',
+    description: 'Text for the Move button in the sidebar menu',
+  }, 
 });
 
 export default messages;
diff --git a/src/library-authoring/history-log/HistoryLog.tsx b/src/library-authoring/history-log/HistoryLog.tsx
new file mode 100644
index 0000000000..54260dc71c
--- /dev/null
+++ b/src/library-authoring/history-log/HistoryLog.tsx
@@ -0,0 +1,9 @@
+import { Stack } from "@openedx/paragon";
+
+const HistoryLog = () => {
+  return (
+    <Stack>
+      History
+    </Stack>
+  )
+};