feat: reply editor follow-up (#13106)

Co-authored-by: aakashb95 <aakashbakhle@gmail.com>

app/javascript/dashboard/components/widgets/WootWriter/CopilotMenuBar.vue

@@ -10,7 +10,7 @@ import DropdownBody from 'next/dropdown-menu/base/DropdownBody.vue';
 
 import Icon from 'next/icon/Icon.vue';
 
-const props = defineProps({
+defineProps({
   hasSelection: {
     type: Boolean,
     default: false,
@@ -28,7 +28,12 @@ const replyMode = useMapGetter('draftMessages/getReplyEditorMode');
 // Selection-based menu items (when text is selected)
 const menuItems = computed(() => {
   const items = [];
-  if (props.hasSelection) {
+  // for now, we don't allow improving just  aprt of the selection
+  // we will add this feature later. Once we do, we can revert the change
+  const hasSelection = false;
+  // const hasSelection = props.hasSelection
+
+  if (hasSelection) {
     items.push({
       label: t(
         'INTEGRATION_SETTINGS.OPEN_AI.REPLY_OPTIONS.IMPROVE_REPLY_SELECTION'

app/javascript/dashboard/components/widgets/WootWriter/CopilotReplyBottomPanel.vue

@@ -1,35 +1,37 @@
 <script setup>
+import { computed } from 'vue';
 import NextButton from 'dashboard/components-next/button/Button.vue';
+import { useI18n } from 'vue-i18n';
+import { useKbd } from 'dashboard/composables/utils/useKbd';
 
 defineProps({
   isGeneratingContent: {
     type: Boolean,
     default: false,
   },
-  isPrivate: {
-    type: Boolean,
-    default: false,
-  },
 });
 
 const emit = defineEmits(['submit', 'cancel']);
-
+const { t } = useI18n();
 const handleCancel = () => {
   emit('cancel');
 };
 
+const shortcutKey = useKbd(['$mod', '+', 'enter']);
+
+const acceptLabel = computed(() => {
+  return `${t('GENERAL.ACCEPT')}  (${shortcutKey.value})`;
+});
+
 const handleSubmit = () => {
   emit('submit');
 };
 </script>
 
 <template>
-  <div
-    class="flex justify-between items-center p-3 border-t"
-    :class="{ 'border-n-weak': !isPrivate, 'border-n-amber-12/5': isPrivate }"
-  >
+  <div class="flex justify-between items-center p-3 pt-0">
     <NextButton
-      label="Discard"
+      :label="t('GENERAL.DISCARD')"
       slate
       link
       class="!px-1 hover:!no-underline"
@@ -38,7 +40,7 @@ const handleSubmit = () => {
       @click="handleCancel"
     />
     <NextButton
-      label="Accept"
+      :label="acceptLabel"
       class="bg-n-iris-9 text-white"
       solid
       sm

app/javascript/dashboard/components/widgets/WootWriter/Editor.vue

@@ -56,7 +56,6 @@ import {
   getFormattingForEditor,
   getSelectionCoords,
   calculateMenuPosition,
-  stripUnsupportedFormatting,
   getEffectiveChannelType,
   stripUnsupportedFormatting,
 } from 'dashboard/helper/editorHelper';