From 773be6f8ec85426edfea60502539e4ab706bd040 Mon Sep 17 00:00:00 2001
From: Sojan Jose <sojan@pepalo.com>
Date: Mon, 26 Feb 2024 20:20:12 +0530
Subject: [PATCH] feat: Interface to validate response_source (#8894)

- This PR adds a UI to validate the response source quality quickly. It also helps to test with sample questions and update responses in the database when missing.

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
---
 .../super_admin/application_controller.rb     |  15 ++
 app/javascript/packs/superadmin_pages.js      |  27 ++++
 .../components/playground/BotMessage.vue      |  17 +++
 .../components/playground/Header.vue          |  40 +++++
 .../components/playground/TypingIndicator.vue |  13 ++
 .../components/playground/UserMessage.vue     |  17 +++
 .../components/playground/assets/typing.gif   | Bin 0 -> 19296 bytes
 .../views/playground/Index.vue                | 139 ++++++++++++++++++
 app/views/super_admin/accounts/show.html.erb  |   2 +-
 .../super_admin/application/show.html.erb     |  65 ++++++++
 app/views/super_admin/users/show.html.erb     |   8 +-
 config/routes.rb                              |   5 +-
 .../super_admin/enterprise_base_controller.rb |   8 +
 .../response_documents_controller.rb          |   2 +-
 .../response_sources_controller.rb            |  34 ++++-
 .../super_admin/responses_controller.rb       |   2 +-
 enterprise/app/jobs/response_builder_job.rb   |  22 +--
 enterprise/app/models/response_source.rb      |   5 +
 .../message_templates/response_bot_service.rb |  71 +++++----
 .../response_sources/chat.html.erb            |   5 +
 .../response_sources/show.html.erb            |  71 +++++++++
 enterprise/lib/chat_gpt.rb                    |   2 +-
 tailwind.config.js                            |   1 +
 23 files changed, 514 insertions(+), 57 deletions(-)
 create mode 100644 app/javascript/superadmin_pages/components/playground/BotMessage.vue
 create mode 100644 app/javascript/superadmin_pages/components/playground/Header.vue
 create mode 100644 app/javascript/superadmin_pages/components/playground/TypingIndicator.vue
 create mode 100644 app/javascript/superadmin_pages/components/playground/UserMessage.vue
 create mode 100644 app/javascript/superadmin_pages/components/playground/assets/typing.gif
 create mode 100644 app/javascript/superadmin_pages/views/playground/Index.vue
 create mode 100644 app/views/super_admin/application/show.html.erb
 create mode 100644 enterprise/app/controllers/super_admin/enterprise_base_controller.rb
 create mode 100644 enterprise/app/views/super_admin/response_sources/chat.html.erb
 create mode 100644 enterprise/app/views/super_admin/response_sources/show.html.erb

diff --git a/app/controllers/super_admin/application_controller.rb b/app/controllers/super_admin/application_controller.rb
index 3b98a6e21..775fb34fc 100644
--- a/app/controllers/super_admin/application_controller.rb
+++ b/app/controllers/super_admin/application_controller.rb
@@ -5,6 +5,10 @@
 # If you want to add pagination or other controller-level concerns,
 # you're free to overwrite the RESTful controller actions.
 class SuperAdmin::ApplicationController < Administrate::ApplicationController
+  include ActionView::Helpers::TagHelper
+  include ActionView::Context
+
+  helper_method :render_vue_component
   # authenticiation done via devise : SuperAdmin Model
   before_action :authenticate_super_admin!
 
@@ -23,6 +27,17 @@ class SuperAdmin::ApplicationController < Administrate::ApplicationController
 
   private
 
+  def render_vue_component(component_name, props = {})
+    html_options = {
+      id: 'app',
+      data: {
+        component_name: component_name,
+        props: props.to_json
+      }
+    }
+    content_tag(:div, '', html_options)
+  end
+
   def invalid_action_perfomed
     # rubocop:disable Rails/I18nLocaleTexts
     flash[:error] = 'Invalid action performed'
diff --git a/app/javascript/packs/superadmin_pages.js b/app/javascript/packs/superadmin_pages.js
index ef82fc261..301d2bbee 100644
--- a/app/javascript/packs/superadmin_pages.js
+++ b/app/javascript/packs/superadmin_pages.js
@@ -1 +1,28 @@
 import 'chart.js';
+import Vue from 'vue';
+import VueDOMPurifyHTML from 'vue-dompurify-html';
+Vue.use(VueDOMPurifyHTML);
+
+const PlaygroundIndex = () =>
+  import('../superadmin_pages/views/playground/Index.vue');
+
+const ComponentMapping = {
+  PlaygroundIndex: PlaygroundIndex,
+};
+
+const renderComponent = (componentName, props) => {
+  Vue.component(componentName, ComponentMapping[componentName]);
+  new Vue({
+    data: { props: props },
+    template: `<${componentName} :component-data="props"/>`,
+  }).$mount('#app');
+};
+
+document.addEventListener('DOMContentLoaded', () => {
+  const element = document.getElementById('app');
+  if (element) {
+    const componentName = element.dataset.componentName;
+    const props = JSON.parse(element.dataset.props);
+    renderComponent(componentName, props);
+  }
+});
diff --git a/app/javascript/superadmin_pages/components/playground/BotMessage.vue b/app/javascript/superadmin_pages/components/playground/BotMessage.vue
new file mode 100644
index 000000000..51cff90fe
--- /dev/null
+++ b/app/javascript/superadmin_pages/components/playground/BotMessage.vue
@@ -0,0 +1,17 @@
+<script setup>
+defineProps({
+  message: {
+    type: String,
+    required: true,
+  },
+});
+</script>
+
+<template>
+  <div class="w-full mb-4 flex items-center justify-start">
+    <div
+      v-dompurify-html="message"
+      class="px-4 py-3 bg-white max-w-4xl text-slate-700 leading-6 text-sm rounded-md inline-block border border-slate-100"
+    />
+  </div>
+</template>
diff --git a/app/javascript/superadmin_pages/components/playground/Header.vue b/app/javascript/superadmin_pages/components/playground/Header.vue
new file mode 100644
index 000000000..e17dad415
--- /dev/null
+++ b/app/javascript/superadmin_pages/components/playground/Header.vue
@@ -0,0 +1,40 @@
+<script setup>
+defineProps({
+  responseSourcePath: {
+    type: String,
+    required: true,
+  },
+  responseSourceName: {
+    type: String,
+    required: true,
+  },
+});
+</script>
+
+<template>
+  <header
+    class="flex items-center px-8 py-4 bg-white border-b border-slate-100"
+    role="banner"
+  >
+    <a :href="responseSourcePath" class="text-woot-500 hover:underline mr-4">
+      Back
+    </a>
+    <div
+      class="border border-solid border-slate-100 text-slate-700 mr-4 p-2 rounded-full"
+    >
+      <svg width="24" height="24"><use xlink:href="#icon-mist-fill" /></svg>
+    </div>
+    <div class="flex flex-col h-14 justify-center">
+      <h1 id="page-title" class="text-base font-medium text-slate-900">
+        Robin AI playground
+      </h1>
+      <p class="text-sm text-slate-600">
+        Chat with the source
+        <span class="font-medium">
+          {{ responseSourceName }}
+        </span>
+        and evaluate it’s efficiency.
+      </p>
+    </div>
+  </header>
+</template>
diff --git a/app/javascript/superadmin_pages/components/playground/TypingIndicator.vue b/app/javascript/superadmin_pages/components/playground/TypingIndicator.vue
new file mode 100644
index 000000000..c11e523da
--- /dev/null
+++ b/app/javascript/superadmin_pages/components/playground/TypingIndicator.vue
@@ -0,0 +1,13 @@
+<script setup>
+import TypingIndicator from './assets/typing.gif';
+</script>
+
+<template>
+  <div class="w-full mb-4 flex items-center justify-start">
+    <div
+      class="px-2 py-2 bg-white max-w-4xl text-slate-700 leading-6 text-sm rounded-md inline-block border border-slate-100"
+    >
+      <img :src="TypingIndicator" alt="TypingIndicator" class="h-4" />
+    </div>
+  </div>
+</template>
diff --git a/app/javascript/superadmin_pages/components/playground/UserMessage.vue b/app/javascript/superadmin_pages/components/playground/UserMessage.vue
new file mode 100644
index 000000000..ee90f163e
--- /dev/null
+++ b/app/javascript/superadmin_pages/components/playground/UserMessage.vue
@@ -0,0 +1,17 @@
+<script setup>
+defineProps({
+  message: {
+    type: String,
+    required: true,
+  },
+});
+</script>
+
+<template>
+  <div class="w-full mb-4 flex items-center justify-end">
+    <div
+      v-dompurify-html="message"
+      class="px-4 py-3 bg-woot-400 text-white text-sm rounded-md inline-block"
+    />
+  </div>
+</template>
diff --git a/app/javascript/superadmin_pages/components/playground/assets/typing.gif b/app/javascript/superadmin_pages/components/playground/assets/typing.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b288d2559786cff49bc67fd8d994f85a7db6188f
GIT binary patch
literal 19296
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
PVPd-H5WWMvNrV3bg8arB

literal 0
HcmV?d00001

diff --git a/app/javascript/superadmin_pages/views/playground/Index.vue b/app/javascript/superadmin_pages/views/playground/Index.vue
new file mode 100644
index 000000000..136a2b481
--- /dev/null
+++ b/app/javascript/superadmin_pages/views/playground/Index.vue
@@ -0,0 +1,139 @@
+<template>
+  <section class="h-full w-full flex flex-col bg-slate-25">
+    <PlaygroundHeader
+      :response-source-name="componentData.responseSourceName"
+      :response-source-path="componentData.responseSourcePath"
+    />
+    <div ref="chatContainer" class="flex-1 overflow-auto px-8 py-4">
+      <div
+        v-for="message in messages"
+        :id="`message-${message.id}`"
+        :key="message.id"
+      >
+        <UserMessage
+          v-if="message.type === 'User'"
+          :message="formatMessage(message.content)"
+        />
+        <BotMessage v-else :message="formatMessage(message.content)" />
+      </div>
+      <TypingIndicator v-if="isWaiting" />
+    </div>
+    <div class="w-full px-8 py-6">
+      <textarea
+        ref="messageInput"
+        v-model="messageContent"
+        :rows="4"
+        class="resize-none block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border !outline-2 border-slate-100 focus:ring-woot-500 focus:border-woot-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-woot-500 dark:focus:border-woot-500"
+        placeholder="Type a message... [CMD/CTRL + Enter to send]"
+        autofocus
+        autocomplete="off"
+      />
+    </div>
+  </section>
+</template>
+
+<script>
+import { buildHotKeys } from 'shared/helpers/KeyboardHelpers';
+import messageFormatterMixin from 'shared/mixins/messageFormatterMixin';
+import Header from '../../components/playground/Header.vue';
+import UserMessage from '../../components/playground/UserMessage.vue';
+import BotMessage from '../../components/playground/BotMessage.vue';
+import TypingIndicator from '../../components/playground/TypingIndicator.vue';
+
+export default {
+  components: {
+    PlaygroundHeader: Header,
+    UserMessage,
+    BotMessage,
+    TypingIndicator,
+  },
+  mixins: [messageFormatterMixin],
+  props: {
+    componentData: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  data() {
+    return { messages: [], messageContent: '', isWaiting: false };
+  },
+  computed: {
+    previousMessages() {
+      return this.messages.map(message => ({
+        type: message.type,
+        message: message.content,
+      }));
+    },
+  },
+  mounted() {
+    this.focusInput();
+    document.addEventListener('keydown', this.handleKeyEvents);
+  },
+  beforeDestroy() {
+    document.removeEventListener('keydown', this.handleKeyEvents);
+  },
+  methods: {
+    handleKeyEvents(e) {
+      const keyCode = buildHotKeys(e);
+      if (['meta+enter', 'ctrl+enter'].includes(keyCode)) {
+        this.onMessageSend();
+      }
+    },
+    focusInput() {
+      this.$refs.messageInput.focus();
+    },
+    onMessageSend() {
+      this.addMessageToData('User', this.messageContent);
+      this.sendMessageToServer(this.messageContent);
+    },
+    scrollToLastMessage() {
+      this.$nextTick(() => {
+        const messageId = this.messages[this.messages.length - 1].id;
+        const messageElement = document.getElementById(`message-${messageId}`);
+        messageElement.scrollIntoView({ behavior: 'smooth' });
+      });
+    },
+    addMessageToData(type, content) {
+      this.messages.push({ id: this.messages.length, type, content });
+      this.scrollToLastMessage();
+    },
+    async sendMessageToServer(messageContent) {
+      this.messageContent = '';
+      this.isWaiting = true;
+      const csrfToken = document
+        .querySelector('meta[name="csrf-token"]')
+        .getAttribute('content');
+
+      try {
+        const response = await fetch(window.location.href, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            'X-CSRF-Token': csrfToken,
+          },
+          body: JSON.stringify({
+            message: messageContent,
+            previous_messages: this.previousMessages,
+          }),
+          credentials: 'include',
+        });
+
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        const { message } = await response.json();
+        this.addMessageToData('Bot', message);
+      } catch (error) {
+        this.addMessageToData(
+          'bot',
+          'Error: Could not retrieve response. Please check the console for more details.'
+        );
+      } finally {
+        this.isWaiting = false;
+        this.focusInput();
+      }
+    },
+  },
+};
+</script>
diff --git a/app/views/super_admin/accounts/show.html.erb b/app/views/super_admin/accounts/show.html.erb
index fb8947f69..04d92c9d9 100644
--- a/app/views/super_admin/accounts/show.html.erb
+++ b/app/views/super_admin/accounts/show.html.erb
@@ -25,7 +25,7 @@ as well as a link to its edit page.
 
   <div>
     <%= link_to(
-      t("administrate.actions.edit_resource", name: page.page_title),
+      "Edit",
       [:edit, namespace, page.resource],
       class: "button",
     ) if accessible_action?(page.resource, :edit) %>
diff --git a/app/views/super_admin/application/show.html.erb b/app/views/super_admin/application/show.html.erb
new file mode 100644
index 000000000..be51219da
--- /dev/null
+++ b/app/views/super_admin/application/show.html.erb
@@ -0,0 +1,65 @@
+<%#
+# Show
+
+This view is the template for the show page.
+It renders the attributes of a resource,
+as well as a link to its edit page.
+
+## Local variables:
+
+- `page`:
+  An instance of [Administrate::Page::Show][1].
+  Contains methods for accessing the resource to be displayed on the page,
+  as well as helpers for describing how each attribute of the resource
+  should be displayed.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Page/Show
+%>
+
+<% content_for(:title) { t("administrate.actions.show_resource", name: page.page_title) } %>
+
+<header class="main-content__header">
+  <h1 class="main-content__page-title">
+    <%= content_for(:title) %>
+  </h1>
+
+  <div>
+    <%= link_to(
+      "Edit",
+      [:edit, namespace, page.resource],
+      class: "button",
+    ) if accessible_action?(page.resource, :edit) %>
+
+    <%= link_to(
+      t("administrate.actions.destroy"),
+      [namespace, page.resource],
+      class: "button button--danger",
+      method: :delete,
+      data: { confirm: t("administrate.actions.confirm") }
+    ) if accessible_action?(page.resource, :destroy) %>
+  </div>
+</header>
+
+<section class="main-content__body">
+  <dl>
+    <% page.attributes.each do |title, attributes| %>
+      <fieldset class="<%= "field-unit--nested" if title.present? %>">
+        <% if title.present? %>
+          <legend><%= t "helpers.label.#{page.resource_name}.#{title}", default: title %></legend>
+        <% end %>
+
+        <% attributes.each do |attribute| %>
+          <dt class="attribute-label" id="<%= attribute.name %>">
+          <%= t(
+            "helpers.label.#{resource_name}.#{attribute.name}",
+            default: page.resource.class.human_attribute_name(attribute.name),
+          ) %>
+          </dt>
+
+          <dd class="attribute-data attribute-data--<%=attribute.html_class%>"
+              ><%= render_field attribute, page: page %></dd>
+        <% end %>
+      </fieldset>
+    <% end %>
+  </dl>
+</section>
diff --git a/app/views/super_admin/users/show.html.erb b/app/views/super_admin/users/show.html.erb
index a5bc2bf39..622f95724 100644
--- a/app/views/super_admin/users/show.html.erb
+++ b/app/views/super_admin/users/show.html.erb
@@ -25,10 +25,10 @@ as well as a link to its edit page.
 
   <div>
     <%= link_to(
-      t("administrate.actions.edit_resource", name: page.page_title),
-      [:edit, namespace, page.resource],
-      class: "button",
-    ) if accessible_action?(:edit, page.resource) %>
+            t("administrate.actions.edit"),
+            [:edit, namespace,  page.resource.becomes(User)],
+            class: "button",
+          ) if authorized_action? page.resource, :edit %>
   </div>
 </header>
 
diff --git a/config/routes.rb b/config/routes.rb
index 1ee74145f..36b7f46a0 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -453,7 +453,10 @@ Rails.application.routes.draw do
       end
 
       resources :access_tokens, only: [:index, :show]
-      resources :response_sources, only: [:index, :show, :new, :create, :edit, :update, :destroy]
+      resources :response_sources, only: [:index, :show, :new, :create, :edit, :update, :destroy] do
+        get :chat, on: :member
+        post :chat, on: :member, action: :process_chat
+      end
       resources :response_documents, only: [:index, :show, :new, :create, :edit, :update, :destroy]
       resources :responses, only: [:index, :show, :new, :create, :edit, :update, :destroy]
       resources :installation_configs, only: [:index, :new, :create, :show, :edit, :update]
diff --git a/enterprise/app/controllers/super_admin/enterprise_base_controller.rb b/enterprise/app/controllers/super_admin/enterprise_base_controller.rb
new file mode 100644
index 000000000..b2108332a
--- /dev/null
+++ b/enterprise/app/controllers/super_admin/enterprise_base_controller.rb
@@ -0,0 +1,8 @@
+class SuperAdmin::EnterpriseBaseController < SuperAdmin::ApplicationController
+  before_action :prepend_view_paths
+
+  # Prepend the view path to the enterprise/app/views won't be available by default
+  def prepend_view_paths
+    prepend_view_path 'enterprise/app/views/'
+  end
+end
diff --git a/enterprise/app/controllers/super_admin/response_documents_controller.rb b/enterprise/app/controllers/super_admin/response_documents_controller.rb
index f1317785a..3702261cf 100644
--- a/enterprise/app/controllers/super_admin/response_documents_controller.rb
+++ b/enterprise/app/controllers/super_admin/response_documents_controller.rb
@@ -1,4 +1,4 @@
-class SuperAdmin::ResponseDocumentsController < SuperAdmin::ApplicationController
+class SuperAdmin::ResponseDocumentsController < SuperAdmin::EnterpriseBaseController
   # Overwrite any of the RESTful controller actions to implement custom behavior
   # For example, you may want to send an email after a foo is updated.
   #
diff --git a/enterprise/app/controllers/super_admin/response_sources_controller.rb b/enterprise/app/controllers/super_admin/response_sources_controller.rb
index a0e939913..045dd5958 100644
--- a/enterprise/app/controllers/super_admin/response_sources_controller.rb
+++ b/enterprise/app/controllers/super_admin/response_sources_controller.rb
@@ -1,4 +1,4 @@
-class SuperAdmin::ResponseSourcesController < SuperAdmin::ApplicationController
+class SuperAdmin::ResponseSourcesController < SuperAdmin::EnterpriseBaseController
   # Overwrite any of the RESTful controller actions to implement custom behavior
   # For example, you may want to send an email after a foo is updated.
   #
@@ -41,4 +41,36 @@ class SuperAdmin::ResponseSourcesController < SuperAdmin::ApplicationController
 
   # See https://administrate-demo.herokuapp.com/customizing_controller_actions
   # for more information
+
+  before_action :set_response_source, only: %i[chat process_chat]
+
+  def chat; end
+
+  def process_chat
+    previous_messages = []
+    get_previous_messages(previous_messages)
+    robin_response = ChatGpt.new(
+      Enterprise::MessageTemplates::ResponseBotService.response_sections(params[:message], @response_source)
+    ).generate_response(
+      params[:message], previous_messages
+    )
+    message_content = robin_response['response']
+    if robin_response['context_ids'].present?
+      message_content += Enterprise::MessageTemplates::ResponseBotService.generate_sources_section(robin_response['context_ids'])
+    end
+    render json: { message: message_content }
+  end
+
+  private
+
+  def get_previous_messages(previous_messages)
+    params[:previous_messages].each do |message|
+      role = message['type'] == 'user' ? 'user' : 'system'
+      previous_messages << { content: message['message'], role: role }
+    end
+  end
+
+  def set_response_source
+    @response_source = requested_resource
+  end
 end
diff --git a/enterprise/app/controllers/super_admin/responses_controller.rb b/enterprise/app/controllers/super_admin/responses_controller.rb
index 7566c8df3..4eb5db097 100644
--- a/enterprise/app/controllers/super_admin/responses_controller.rb
+++ b/enterprise/app/controllers/super_admin/responses_controller.rb
@@ -1,4 +1,4 @@
-class SuperAdmin::ResponsesController < SuperAdmin::ApplicationController
+class SuperAdmin::ResponsesController < SuperAdmin::EnterpriseBaseController
   # Overwrite any of the RESTful controller actions to implement custom behavior
   # For example, you may want to send an email after a foo is updated.
   #
diff --git a/enterprise/app/jobs/response_builder_job.rb b/enterprise/app/jobs/response_builder_job.rb
index f30f97d4b..536cdef5a 100644
--- a/enterprise/app/jobs/response_builder_job.rb
+++ b/enterprise/app/jobs/response_builder_job.rb
@@ -17,6 +17,7 @@ class ResponseBuilderJob < ApplicationJob
   def prepare_data(response_document)
     {
       model: 'gpt-3.5-turbo',
+      response_format: { type: 'json_object' },
       messages: [
         {
           role: 'system',
@@ -32,16 +33,15 @@ class ResponseBuilderJob < ApplicationJob
 
   def system_message_content
     <<~SYSTEM_MESSAGE_CONTENT
-       You are a content writer looking to convert user content into short FAQs which can be added to your website's helper centre.
-       Format the webpage content provided in the message to FAQ format like the following example.#{' '}
-       Ensure that you only generate faqs from the information provider in the message.#{' '}
-       Ensure that output is always valid json.#{'  '}
-       If no match is available, return an empty JSON.
-       ```
-      [ { "question": "What is the pricing?",
-         "answer" : " There are different pricing tiers available."
-       }]
-       ```
+      You are a content writer looking to convert user content into short FAQs which can be added to your website's helper centre.
+      Format the webpage content provided in the message to FAQ format mentioned below in the json
+      Ensure that you only generate faqs from the information provider in the message.
+      Ensure that output is always valid json.
+      If no match is available, return an empty JSON.
+
+      ```json
+      {faqs: [{question: '', answer: ''}]
+      ```
     SYSTEM_MESSAGE_CONTENT
   end
 
@@ -67,7 +67,7 @@ class ResponseBuilderJob < ApplicationJob
 
     return if content.nil?
 
-    faqs = JSON.parse(content.strip)
+    faqs = JSON.parse(content.strip).fetch('faqs', [])
 
     faqs.each do |faq|
       response_document.responses.create!(
diff --git a/enterprise/app/models/response_source.rb b/enterprise/app/models/response_source.rb
index cc5890a19..cbbd26289 100644
--- a/enterprise/app/models/response_source.rb
+++ b/enterprise/app/models/response_source.rb
@@ -25,4 +25,9 @@ class ResponseSource < ApplicationRecord
   has_many :responses, dependent: :destroy_async
 
   accepts_nested_attributes_for :response_documents
+
+  def get_responses(query)
+    embedding = Openai::EmbeddingsService.new.get_embedding(query)
+    responses.active.nearest_neighbors(:embedding, embedding, distance: 'cosine').first(5)
+  end
 end
diff --git a/enterprise/app/services/enterprise/message_templates/response_bot_service.rb b/enterprise/app/services/enterprise/message_templates/response_bot_service.rb
index 214b33788..9df63f7e4 100644
--- a/enterprise/app/services/enterprise/message_templates/response_bot_service.rb
+++ b/enterprise/app/services/enterprise/message_templates/response_bot_service.rb
@@ -1,6 +1,39 @@
 class Enterprise::MessageTemplates::ResponseBotService
   pattr_initialize [:conversation!]
 
+  def self.generate_sources_section(article_ids)
+    sources_content = ''
+
+    articles_hash = get_article_hash(article_ids.uniq)
+
+    articles_hash.first(3).each do |article_hash|
+      sources_content += " - [#{article_hash[:response].question}](#{article_hash[:response_document].document_link}) \n"
+    end
+    sources_content = "\n \n \n **Sources**  \n#{sources_content}" if sources_content.present?
+    sources_content
+  end
+
+  def self.get_article_hash(article_ids)
+    seen_documents = Set.new
+    article_ids.uniq.filter_map do |article_id|
+      response = Response.find(article_id)
+      response_document = response.response_document
+      next if response_document.blank? || seen_documents.include?(response_document)
+
+      seen_documents << response_document
+      { response: response, response_document: response_document }
+    end
+  end
+
+  def self.response_sections(content, response_source)
+    sections = ''
+
+    response_source.get_responses(content).each do |response|
+      sections += "{context_id: #{response.id}, context: #{response.question} ? #{response.answer}},"
+    end
+    sections
+  end
+
   def perform
     ActiveRecord::Base.transaction do
       @response = get_response(conversation.messages.incoming.last.content)
@@ -12,15 +45,6 @@ class Enterprise::MessageTemplates::ResponseBotService
     true
   end
 
-  def response_sections(content)
-    sections = ''
-
-    inbox.get_responses(content).each do |response|
-      sections += "{context_id: #{response.id}, context: #{response.question} ? #{response.answer}},"
-    end
-    sections
-  end
-
   private
 
   delegate :contact, :account, :inbox, to: :conversation
@@ -28,7 +52,7 @@ class Enterprise::MessageTemplates::ResponseBotService
   def get_response(content)
     previous_messages = []
     get_previous_messages(previous_messages)
-    ChatGpt.new(response_sections(content)).generate_response('', previous_messages)
+    ChatGpt.new(self.class.response_sections(content, inbox)).generate_response('', previous_messages)
   end
 
   def get_previous_messages(previous_messages)
@@ -63,24 +87,11 @@ class Enterprise::MessageTemplates::ResponseBotService
 
   def create_messages
     message_content = @response['response']
-    message_content += generate_sources_section if @response['context_ids'].present?
+    message_content += self.class.generate_sources_section(@response['context_ids']) if @response['context_ids'].present?
 
     create_outgoing_message(message_content)
   end
 
-  def generate_sources_section
-    article_ids = @response['context_ids']
-    sources_content = ''
-
-    articles_hash = get_article_hash(article_ids.uniq)
-
-    articles_hash.first(3).each do |article_hash|
-      sources_content += " - [#{article_hash[:response].question}](#{article_hash[:response_document].document_link}) \n"
-    end
-    sources_content = "\n \n \n **Sources**  \n#{sources_content}" if sources_content.present?
-    sources_content
-  end
-
   def create_outgoing_message(message_content)
     conversation.messages.create!(
       {
@@ -91,16 +102,4 @@ class Enterprise::MessageTemplates::ResponseBotService
       }
     )
   end
-
-  def get_article_hash(article_ids)
-    seen_documents = Set.new
-    article_ids.uniq.filter_map do |article_id|
-      response = Response.find(article_id)
-      response_document = response.response_document
-      next if response_document.blank? || seen_documents.include?(response_document)
-
-      seen_documents << response_document
-      { response: response, response_document: response_document }
-    end
-  end
 end
diff --git a/enterprise/app/views/super_admin/response_sources/chat.html.erb b/enterprise/app/views/super_admin/response_sources/chat.html.erb
new file mode 100644
index 000000000..ea2147ea4
--- /dev/null
+++ b/enterprise/app/views/super_admin/response_sources/chat.html.erb
@@ -0,0 +1,5 @@
+<% content_for :title, "Robin AI playground: #{@response_source.name}" %>
+<%= render_vue_component('PlaygroundIndex', {
+  responseSourceName: @response_source.name,
+  responseSourcePath: super_admin_response_source_path(@response_source)
+}) %>
diff --git a/enterprise/app/views/super_admin/response_sources/show.html.erb b/enterprise/app/views/super_admin/response_sources/show.html.erb
new file mode 100644
index 000000000..60cbda605
--- /dev/null
+++ b/enterprise/app/views/super_admin/response_sources/show.html.erb
@@ -0,0 +1,71 @@
+<%#
+# Show
+
+This view is the template for the show page.
+It renders the attributes of a resource,
+as well as a link to its edit page.
+
+## Local variables:
+
+- `page`:
+  An instance of [Administrate::Page::Show][1].
+  Contains methods for accessing the resource to be displayed on the page,
+  as well as helpers for describing how each attribute of the resource
+  should be displayed.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Page/Show
+%>
+
+<% content_for(:title) { t("administrate.actions.show_resource", name: page.page_title) } %>
+
+<header class="main-content__header">
+  <h1 class="main-content__page-title">
+    <%= content_for(:title) %>
+  </h1>
+
+  <div>
+    <%= link_to(
+      "Chat",
+      [:chat, namespace, page.resource],
+      class: "button"
+    ) %>
+
+    <%= link_to(
+      "Edit",
+      [:edit, namespace, page.resource],
+      class: "button",
+    ) if accessible_action?(page.resource, :edit) %>
+
+    <%= link_to(
+      t("administrate.actions.destroy"),
+      [namespace, page.resource],
+      class: "button button--danger",
+      method: :delete,
+      data: { confirm: t("administrate.actions.confirm") }
+    ) if accessible_action?(page.resource, :destroy) %>
+  </div>
+</header>
+
+<section class="main-content__body">
+  <dl>
+    <% page.attributes.each do |title, attributes| %>
+      <fieldset class="<%= "field-unit--nested" if title.present? %>">
+        <% if title.present? %>
+          <legend><%= t "helpers.label.#{page.resource_name}.#{title}", default: title %></legend>
+        <% end %>
+
+        <% attributes.each do |attribute| %>
+          <dt class="attribute-label" id="<%= attribute.name %>">
+          <%= t(
+            "helpers.label.#{resource_name}.#{attribute.name}",
+            default: page.resource.class.human_attribute_name(attribute.name),
+          ) %>
+          </dt>
+
+          <dd class="attribute-data attribute-data--<%=attribute.html_class%>"
+              ><%= render_field attribute, page: page %></dd>
+        <% end %>
+      </fieldset>
+    <% end %>
+  </dl>
+</section>
diff --git a/enterprise/lib/chat_gpt.rb b/enterprise/lib/chat_gpt.rb
index 9b09569d0..a8dbf9537 100644
--- a/enterprise/lib/chat_gpt.rb
+++ b/enterprise/lib/chat_gpt.rb
@@ -4,7 +4,7 @@ class ChatGpt
   end
 
   def initialize(context_sections = '')
-    @model = 'gpt-4-1106-preview'
+    @model = 'gpt-4-0125-preview'
     @messages = [system_message(context_sections)]
   end
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 4ab6f5dd8..0c0073180 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -16,6 +16,7 @@ const defaultTheme = require('tailwindcss/defaultTheme');
 module.exports = {
   darkMode: 'class',
   content: [
+    './enterprise/app/views/**/*.html.erb',
     './app/javascript/widget/**/*.vue',
     './app/javascript/v3/**/*.vue',
     './app/javascript/dashboard/**/*.vue',