diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeEditListItem.vue b/contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeEditListItem.vue
index 3e57f48587..f5fe16a509 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeEditListItem.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeEditListItem.vue
@@ -1,80 +1,93 @@
 <template>
 
-  <DraggableItem
-    :draggableId="contentNode.id"
-    :draggableMetadata="contentNode"
-    :dragEffect="dragEffect"
-    :dropEffect="draggableDropEffect"
-    :beforeStyle="dragBeforeStyle"
-    :afterStyle="dragAfterStyle"
-  >
-    <template #default>
-      <ContentNodeListItem
-        :node="contentNode"
-        :compact="compact"
-        :comfortable="comfortable"
-        :active="active"
-        :canEdit="canEdit"
-        :draggableHandle="{
-          grouped: selected,
-          draggable,
-          draggableMetadata: contentNode,
-          effectAllowed: draggableEffectAllowed,
-        }"
-        :aria-selected="selected"
-        class="content-node-edit-item"
-        @infoClick="$emit('infoClick', $event)"
-        @topicChevronClick="$emit('topicChevronClick', $event)"
-      >
-        <template #actions-start="{ hover }">
-          <VListTileAction class="handle-col" :aria-hidden="!hover" @click.stop>
-            <transition name="fade">
-              <VBtn :disabled="copying" flat icon>
-                <Icon color="#686868">
-                  drag_indicator
-                </Icon>
-              </VBtn>
-            </transition>
-          </VListTileAction>
-          <VListTileAction class="mx-2 select-col" @click.stop>
-            <Checkbox
-              v-model="selected"
-              :disabled="copying"
-              class="mt-0 pt-0"
-              @dblclick.stop
-            />
-          </VListTileAction>
-        </template>
+  <div>
+    <DraggableItem
+      :draggableId="contentNode.id"
+      :draggableMetadata="contentNode"
+      :dragEffect="dragEffect"
+      :dropEffect="draggableDropEffect"
+      :beforeStyle="dragBeforeStyle"
+      :afterStyle="dragAfterStyle"
+    >
+      <template #default>
+        <ContentNodeListItem
+          :node="contentNode"
+          :compact="compact"
+          :comfortable="comfortable"
+          :active="active"
+          :canEdit="canEdit"
+          :draggableHandle="{
+            grouped: selected,
+            draggable,
+            draggableMetadata: contentNode,
+            effectAllowed: draggableEffectAllowed,
+          }"
+          :aria-selected="selected"
+          class="content-node-edit-item"
+          @infoClick="$emit('infoClick', $event)"
+          @topicChevronClick="$emit('topicChevronClick', $event)"
+        >
+          <template #actions-start="{ hover }">
+            <VListTileAction class="handle-col" :aria-hidden="!hover" @click.stop>
+              <transition name="fade">
+                <VBtn :disabled="copying" flat icon>
+                  <Icon color="#686868">
+                    drag_indicator
+                  </Icon>
+                </VBtn>
+              </transition>
+            </VListTileAction>
+            <VListTileAction class="mx-2 select-col" @click.stop>
+              <Checkbox
+                v-model="selected"
+                :disabled="copying"
+                class="mt-0 pt-0"
+                @dblclick.stop
+              />
+            </VListTileAction>
+          </template>
 
-        <template #actions-end>
-          <VListTileAction :aria-hidden="!active" class="action-icon px-1">
-            <Menu v-model="activated">
-              <template #activator="{ on }">
-                <IconButton
-                  icon="optionsVertical"
-                  :text="$tr('optionsTooltip')"
-                  size="small"
-                  :disabled="copying"
-                  v-on="on"
-                  @click.stop
+          <template #actions-end>
+            <VListTileAction :aria-hidden="!active" class="action-icon px-1">
+              <Menu v-model="activated">
+                <template #activator="{ on }">
+                  <IconButton
+                    icon="optionsVertical"
+                    :text="$tr('optionsTooltip')"
+                    size="small"
+                    :disabled="copying"
+                    v-on="on"
+                    @click.stop
+                  />
+                </template>
+                <ContentNodeOptions
+                  v-if="!copying"
+                  :nodeId="nodeId"
+                  @node-flagged="showFlagFeedbackModal = true"
                 />
-              </template>
-              <ContentNodeOptions v-if="!copying" :nodeId="nodeId" />
-            </Menu>
-          </VListTileAction>
-        </template>
+              </Menu>
+            </VListTileAction>
+          </template>
+
+          <template #context-menu="{ showContextMenu, positionX, positionY }">
+            <ContentNodeContextMenu
+              :show="showContextMenu"
+              :positionX="positionX"
+              :positionY="positionY"
+              :nodeId="nodeId"
+            />
+          </template>
+        </ContentNodeListItem>
+      </template>
+    </DraggableItem>
+
+    <FlagFeedbackModal
+      v-if="showFlagFeedbackModal"
+      v-model="showFlagFeedbackModal"
+      :nodeId="nodeId"
+    />
 
-        <template #context-menu="{ showContextMenu, positionX, positionY }">
-          <ContentNodeContextMenu
-            :show="showContextMenu"
-            :positionX="positionX"
-            :positionY="positionY"
-            :nodeId="nodeId"
-          />
-        </template>
-      </ContentNodeListItem>
-    </template>
-  </DraggableItem>
+  </div>
 
 </template>
 
@@ -85,6 +98,7 @@
 
   import ContentNodeListItem from './ContentNodeListItem';
   import ContentNodeOptions from './ContentNodeOptions';
+  import FlagFeedbackModal from './FlagFeedbackModal';
   import ContentNodeContextMenu from './ContentNodeContextMenu';
   import Checkbox from 'shared/views/form/Checkbox';
   import IconButton from 'shared/views/IconButton';
@@ -102,6 +116,7 @@
       ContentNodeContextMenu,
       Checkbox,
       IconButton,
+      FlagFeedbackModal,
     },
     props: {
       nodeId: {
@@ -137,6 +152,7 @@
     data() {
       return {
         activated: false,
+        showFlagFeedbackModal: false,
       };
     },
     computed: {
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeOptions.vue b/contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeOptions.vue
index 90f5c03828..060097f2cc 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeOptions.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeOptions.vue
@@ -31,6 +31,9 @@
     <VListTile v-if="canEdit" @click="removeNode()">
       <VListTileTitle>{{ $tr('remove') }}</VListTileTitle>
     </VListTile>
+    <VListTile v-if="canShowFlagOption" @click="$emit('node-flagged')">
+      <VListTileTitle>{{ $tr('flag') }}</VListTileTitle>
+    </VListTile>
   </VList>
 
 </template>
@@ -69,8 +72,9 @@
       };
     },
     computed: {
-      ...mapGetters('currentChannel', ['canEdit', 'trashId']),
+      ...mapGetters('currentChannel', ['canEdit', 'trashId', 'currentChannel']),
       ...mapGetters('contentNode', ['getContentNode', 'getContentNodeDescendants']),
+      ...mapGetters(['isAdmin', 'isAIFeatureEnabled']),
       node() {
         return this.getContentNode(this.nodeId);
       },
@@ -95,6 +99,11 @@
           },
         };
       },
+      canShowFlagOption() {
+        return (
+          this.isAIFeatureEnabled && !this.isTopic && (!this.currentChannel.edit || this.isAdmin)
+        );
+      },
     },
     watch: {
       moveModalOpen(open) {
@@ -222,6 +231,7 @@
       copiedSnackbar: 'Copy operation complete',
       copiedToClipboardSnackbar: 'Copied to clipboard',
       removedItems: 'Sent to trash',
+      flag: 'Flag content',
     },
   };
 
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/FlagFeedbackModal.vue b/contentcuration/contentcuration/frontend/channelEdit/components/FlagFeedbackModal.vue
new file mode 100644
index 0000000000..37c440d175
--- /dev/null
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/FlagFeedbackModal.vue
@@ -0,0 +1,129 @@
+<template>
+
+  <KModal
+    :title="$tr('flagFeedBackModalTitle')"
+    :submitText="$tr('flagSubmitButtonLabel')"
+    :cancelText="$tr('flagCancelButtonLabel')"
+    :submitDisabled="isSubmitDisabled"
+    @cancel="modalShowing = false"
+    @submit="handleSubmit"
+    @dblclick.native.capture.stop
+  >
+    <VList>
+      <VListTile @click.stop>
+        <VListTileAction>
+          <VCheckbox v-model="reportViolent" color="primary" />
+        </VListTileAction>
+        <VListTileContent @click="reportViolent = !reportViolent">
+          <VListTileTitle>{{ $tr('reportViolentTitle') }}</VListTileTitle>
+        </VListTileContent>
+      </VListTile>
+
+      <VListTile @click.stop>
+        <VListTileAction>
+          <VCheckbox v-model="reportHateful" color="primary" />
+        </VListTileAction>
+        <VListTileContent @click="reportHateful = !reportHateful">
+          <VListTileTitle>{{ $tr('reportHatefulTitle') }}</VListTileTitle>
+        </VListTileContent>
+      </VListTile>
+
+      <VListTile @click.stop>
+        <VListTileAction>
+          <VCheckbox v-model="reportHarmful" color="primary" />
+        </VListTileAction>
+        <VListTileContent @click="reportHarmful = !reportHarmful">
+          <VListTileTitle>{{ $tr('reportHarmfulTitle') }}</VListTileTitle>
+        </VListTileContent>
+      </VListTile>
+
+      <VListTile @click.stop>
+        <VListTileAction>
+          <VCheckbox v-model="reportSpam" color="primary" />
+        </VListTileAction>
+        <VListTileContent @click="reportSpam = !reportSpam">
+          <VListTileTitle>{{ $tr('reportSpamTitle') }}</VListTileTitle>
+        </VListTileContent>
+      </VListTile>
+
+      <VListTile @click.stop>
+        <VListTileAction>
+          <VCheckbox v-model="reportSexual" color="primary" />
+        </VListTileAction>
+        <VListTileContent @click="reportSexual = !reportSexual">
+          <VListTileTitle>{{ $tr('reportSexualTitle') }}</VListTileTitle>
+        </VListTileContent>
+      </VListTile>
+    </VList>
+  </KModal>
+
+</template>
+
+<script>
+
+  import { mapGetters } from 'vuex';
+
+  export default {
+    name: 'FlagFeedbackModal',
+    props: {
+      nodeId: {
+        type: String,
+        required: true,
+      },
+    },
+    data() {
+      return {
+        reportViolent: false,
+        reportHateful: false,
+        reportHarmful: false,
+        reportSpam: false,
+        reportSexual: false,
+      };
+    },
+    computed: {
+      ...mapGetters('contentNode', ['getContentNode']),
+      targetContentNode() {
+        return this.getContentNode(this.nodeId);
+      },
+      modalShowing: {
+        get() {
+          return this.value;
+        },
+        set(value) {
+          this.$emit('input', value);
+        },
+      },
+      reportList() {
+        return [
+          this.reportViolent,
+          this.reportHateful,
+          this.reportHarmful,
+          this.reportSpam,
+          this.reportSexual,
+        ];
+      },
+      isSubmitDisabled() {
+        const anyOneCheckboxTick = this.reportList.some(report => report === true);
+        return !anyOneCheckboxTick; // if any one checkbox is tick, enable submit.
+      },
+    },
+    methods: {
+      handleSubmit() {
+        /* NOTE: This is just a placeholder method. It will be implemented after
+        feedbackApiUtils PR is merged. */
+        console.log(`Node with title "${this.targetContentNode.title}" is flagged!`);
+      },
+    },
+    $trs: {
+      flagFeedBackModalTitle: 'Flag content',
+      reportViolentTitle: 'Violent or repulsive content',
+      reportHatefulTitle: 'Hateful or abusive content',
+      reportHarmfulTitle: 'Harmful or dangerous acts',
+      reportSpamTitle: 'Spam or misleading',
+      reportSexualTitle: 'Sexual Content',
+      flagCancelButtonLabel: 'Cancel',
+      flagSubmitButtonLabel: 'Flag',
+    },
+  };
+
+</script>