feat: Update Captain pages UI (#13184)

app/javascript/dashboard/components-next/captain/pageComponents/document/RelatedResponses.vue

@@ -51,7 +51,7 @@ defineExpose({ dialogRef });
     >
       <Spinner />
     </div>
-    <div v-else class="flex flex-col gap-3 min-h-48">
+    <div v-else class="flex flex-col divide-y divide-n-weak min-h-48">
       <ResponseCard
         v-for="response in responses"
         :id="response.id"

app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/ResponsePageEmptyState.vue

@@ -60,7 +60,7 @@ const onClearFilters = () => {
     :show-backdrop="isApproved"
   >
     <template v-if="isApproved" #empty-state-item>
-      <div class="grid grid-cols-1 gap-4 p-px overflow-hidden">
+      <div class="grid grid-cols-1 divide-y divide-n-weak p-px overflow-hidden">
         <ResponseCard
           v-for="(response, index) in responsesList.slice(0, 5)"
           :id="response.id"
@@ -68,6 +68,7 @@ const onClearFilters = () => {
           :question="replaceInstallationName(response.question)"
           :answer="replaceInstallationName(response.answer)"
           :status="response.status"
+          :documentable="response.documentable"
           :assistant="response.assistant"
           :created-at="response.created_at"
           :updated-at="response.created_at"

app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js

@@ -141,6 +141,11 @@ export const responsesList = [
     id: 87,
     question: 'Why is my Messenger in Chatwoot deactivated?',
     status: 'pending',
+    documentable: {
+      id: 1,
+      type: 'Captain::Document',
+      name: 'Document 1',
+    },
     assistant: {
       account_id: 1,
       config: { product_name: 'Chatwoot' },
@@ -157,6 +162,11 @@ export const responsesList = [
     created_at: 1736283340,
     id: 88,
     question: 'How do I integrate WhatsApp with Chatwoot?',
+    documentable: {
+      id: 1,
+      type: 'User',
+      available_name: 'John Doe',
+    },
     assistant: {
       account_id: 2,
       config: { product_name: 'Chatwoot' },
@@ -173,6 +183,11 @@ export const responsesList = [
     created_at: 1736283350,
     id: 89,
     question: 'How can I reset my password in Chatwoot?',
+    documentable: {
+      id: 1,
+      type: 'Conversation',
+      display_id: '12345',
+    },
     assistant: {
       account_id: 3,
       config: { product_name: 'Chatwoot' },
@@ -189,6 +204,11 @@ export const responsesList = [
     created_at: 1736283360,
     id: 90,
     question: 'How do I enable dark mode in Chatwoot?',
+    documentable: {
+      id: 1,
+      type: 'Captain::Document',
+      name: 'Document 1',
+    },
     assistant: {
       account_id: 4,
       config: { product_name: 'Chatwoot' },
@@ -205,6 +225,11 @@ export const responsesList = [
     created_at: 1736283370,
     id: 91,
     question: 'How do I add a new team member in Chatwoot?',
+    documentable: {
+      id: 1,
+      type: 'User',
+      available_name: 'John Doe',
+    },
     assistant: {
       account_id: 5,
       config: { product_name: 'Chatwoot' },
@@ -221,6 +246,11 @@ export const responsesList = [
     created_at: 1736283380,
     id: 92,
     question: 'What are campaigns in Chatwoot?',
+    documentable: {
+      id: 1,
+      type: 'User',
+      available_name: 'John Doe',
+    },
     assistant: {
       account_id: 6,
       config: { product_name: 'Chatwoot' },