From b8f23256d2b0d17c74295868d110645ba521ec19 Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Thu, 30 May 2024 13:35:58 +0530
Subject: [PATCH] feat: complete pre fill title and description

---
 .../dashboard/api/integrations/openapi.js     |  1 +
 .../conversation/linear/CreateIssue.vue       | 45 ++++++++++++-------
 .../widgets/conversation/linear/index.vue     | 35 +++++++++++++++
 .../openai_prompts/summary_with_title.txt     |  9 ++--
 4 files changed, 71 insertions(+), 19 deletions(-)

diff --git a/app/javascript/dashboard/api/integrations/openapi.js b/app/javascript/dashboard/api/integrations/openapi.js
index ad203a14c..ac1c89a6a 100644
--- a/app/javascript/dashboard/api/integrations/openapi.js
+++ b/app/javascript/dashboard/api/integrations/openapi.js
@@ -29,6 +29,7 @@ class OpenAIAPI extends ApiClient {
       'summarize',
       'reply_suggestion',
       'label_suggestion',
+      'summary_with_title',
     ];
 
     /**
diff --git a/app/javascript/dashboard/components/widgets/conversation/linear/CreateIssue.vue b/app/javascript/dashboard/components/widgets/conversation/linear/CreateIssue.vue
index a00969416..fa56f9a3f 100644
--- a/app/javascript/dashboard/components/widgets/conversation/linear/CreateIssue.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/linear/CreateIssue.vue
@@ -12,20 +12,25 @@
       :error="nameError"
       @input="v$.title.$touch"
     />
-    <label>
-      {{ $t('INTEGRATION_SETTINGS.LINEAR.ADD_OR_LINK.FORM.DESCRIPTION.LABEL') }}
-      <textarea
-        v-model="formState.description"
-        :style="{ ...inputStyles, padding: '8px 12px' }"
-        rows="3"
-        class="text-sm"
-        :placeholder="
-          $t(
-            'INTEGRATION_SETTINGS.LINEAR.ADD_OR_LINK.FORM.DESCRIPTION.PLACEHOLDER'
-          )
-        "
-      />
-    </label>
+    <div class="editor-wrap">
+      <label>
+        {{
+          $t('INTEGRATION_SETTINGS.LINEAR.ADD_OR_LINK.FORM.DESCRIPTION.LABEL')
+        }}
+      </label>
+      <div>
+        <woot-message-editor
+          v-model="formState.description"
+          class="message-editor"
+          :style="{ ...inputStyles, padding: '8px 12px' }"
+          :placeholder="
+            $t(
+              'INTEGRATION_SETTINGS.LINEAR.ADD_OR_LINK.FORM.DESCRIPTION.PLACEHOLDER'
+            )
+          "
+        />
+      </div>
+    </div>
     <label :class="{ error: v$.teamId.$error }">
       {{ $t('INTEGRATION_SETTINGS.LINEAR.ADD_OR_LINK.FORM.TEAM.LABEL') }}
       <select
@@ -107,7 +112,9 @@ import { useI18n } from 'dashboard/composables/useI18n';
 import { useAlert } from 'dashboard/composables';
 import LinearAPI from 'dashboard/api/integrations/linear';
 import validations from './validations';
+import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
 import { parseLinearAPIErrorResponse } from 'dashboard/store/utils/api';
+import { inject } from 'vue';
 
 const props = defineProps({
   accountId: {
@@ -253,5 +260,13 @@ const createIssue = async () => {
   }
 };
 
-onMounted(getTeams);
+onMounted(() => {
+  getTeams();
+  if (inject('suggestedTitle')) {
+    formState.title = inject('suggestedTitle');
+  }
+  if (inject('suggestedSummary')) {
+    formState.description = inject('suggestedSummary');
+  }
+});
 </script>
diff --git a/app/javascript/dashboard/components/widgets/conversation/linear/index.vue b/app/javascript/dashboard/components/widgets/conversation/linear/index.vue
index c7861b039..c62f97e1b 100644
--- a/app/javascript/dashboard/components/widgets/conversation/linear/index.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/linear/index.vue
@@ -47,6 +47,7 @@ import { useI18n } from 'dashboard/composables/useI18n';
 import LinearAPI from 'dashboard/api/integrations/linear';
 import CreateOrLinkIssue from './CreateOrLinkIssue.vue';
 import Issue from './Issue.vue';
+import OpenAPI from 'dashboard/api/integrations/openapi';
 import { parseLinearAPIErrorResponse } from 'dashboard/store/utils/api';
 
 defineComponent({
@@ -63,6 +64,9 @@ const props = defineProps({
 const getters = useStoreGetters();
 const { t } = useI18n();
 
+const suggestedTitle = ref('');
+const suggestedSummary = ref('');
+
 const linkedIssue = ref(null);
 const shouldShow = ref(false);
 const shouldShowPopup = ref(false);
@@ -70,18 +74,46 @@ const isUnlinking = ref(false);
 
 provide('isUnlinking', isUnlinking);
 
+provide('suggestedTitle', suggestedTitle);
+provide('suggestedSummary', suggestedSummary);
+
 const currentAccountId = getters.getCurrentAccountId;
 
 const conversation = computed(() =>
   getters.getConversationById.value(props.conversationId)
 );
 
+const appIntegrations = getters['integrations/getAppIntegrations'];
+
+const aiIntegration = computed(() => {
+  return appIntegrations.value.find(
+    integration => integration.id === 'openai' && !!integration.hooks.length
+  )?.hooks[0];
+});
+const isAIIntegrationEnabled = computed(() => !!aiIntegration.value);
+
 const tooltipText = computed(() => {
   return linkedIssue.value === null
     ? t('INTEGRATION_SETTINGS.LINEAR.ADD_OR_LINK_BUTTON')
     : null;
 });
 
+const suggestTitleAndSummary = async () => {
+  try {
+    const response = await OpenAPI.processEvent({
+      type: 'summary_with_title',
+      hookId: aiIntegration.value.id,
+      conversationId: props.conversationId,
+    });
+    const { message } = response.data;
+    const messageObject = JSON.parse(message);
+    const { title = '', description = '' } = messageObject;
+    suggestedTitle.value = title;
+    suggestedSummary.value = description;
+  } catch (error) {
+    // Since this is a non-critical operation, we don't want to show an alert to the user
+  }
+};
 const loadLinkedIssue = async () => {
   linkedIssue.value = null;
   try {
@@ -137,5 +169,8 @@ watch(
 
 onMounted(() => {
   loadLinkedIssue();
+  if (isAIIntegrationEnabled.value) {
+    suggestTitleAndSummary();
+  }
 });
 </script>
diff --git a/enterprise/lib/enterprise/integrations/openai_prompts/summary_with_title.txt b/enterprise/lib/enterprise/integrations/openai_prompts/summary_with_title.txt
index 37877b9e2..efbdbefa1 100644
--- a/enterprise/lib/enterprise/integrations/openai_prompts/summary_with_title.txt
+++ b/enterprise/lib/enterprise/integrations/openai_prompts/summary_with_title.txt
@@ -16,8 +16,9 @@ Make sure you strongly adhere to the following rules when generating the title a
     - Use markdown syntax to format any included code, using backticks.
     - If there are unresolved issues or outstanding questions, include them in a "Follow-up Items" section.
 
-Reply in the user's language, as a markdown of the following format.
+Output the response in the following JSON format:
 
-**Title**
-
-**Description**
\ No newline at end of file
+{
+  "title": "<GENERATED_TITLE>",
+  "description": "<GENERATED_DESCRIPTION>"
+}
\ No newline at end of file