Improve chat history (#1085)

DSL/Liquibase/changelog/20241210105636-add-created-to-chat-history-comments-table.sql

@@ -0,0 +1,9 @@
+-- liquibase formatted sql
+-- changeset Janno Stern:20241210105636
+ALTER TABLE chat_history_comments
+ADD COLUMN IF NOT EXISTS created TIMESTAMP WITH TIME ZONE;
+
+-- Update existing rows with a default timestamp (e.g., the current time or a specific value)
+UPDATE chat_history_comments
+SET created = NOW()
+WHERE created IS NULL;

DSL/Liquibase/changelog/20241211105438-add-author-display-name-to-chat-history-comments-table.sql

@@ -0,0 +1,4 @@
+-- liquibase formatted sql
+-- changeset Janno Stern:20241211105438
+ALTER TABLE chat_history_comments 
+ADD COLUMN author_display_name TEXT;

DSL/Resql/get-chat-history-comment-by-id.sql

@@ -1,4 +1,4 @@
-SELECT id, chat_id, comment
+SELECT id, chat_id, comment, created, author_display_name
 FROM chat_history_comments
 WHERE chat_id = :chatId
 ORDER BY id DESC

DSL/Resql/get-cs-all-ended-chats.sql

@@ -3,10 +3,23 @@ WITH MaxChatHistoryComments AS (
     FROM chat_history_comments
     GROUP BY chat_id
 ),
+     ChatUser AS (
+         SELECT DISTINCT ON (id_code)
+             id_code,
+             display_name,
+             first_name,
+             last_name
+         FROM "user"
+         ORDER BY id_code, id DESC
+     ),
      ChatHistoryComments AS (
-         SELECT comment, chat_id
+         SELECT 
+             comment, 
+             chat_id, 
+             created, 
+             author_display_name
          FROM chat_history_comments
-                  JOIN MaxChatHistoryComments ON id = maxId
+         JOIN MaxChatHistoryComments ON id = maxId
      ),
      MessageWithContent AS (
          SELECT
@@ -52,7 +65,7 @@ FROM message
 GROUP BY chat_base_id
     ),
     Messages AS (
-SELECT event, updated, chat_base_id
+SELECT event, updated, chat_base_id, author_id
 FROM message
     JOIN MaxMessages ON id = maxID
     ),
@@ -129,6 +142,11 @@ SELECT c.base_id AS id,
        c.received_from,
        c.labels,
        s.comment,
+       s.created as comment_added_date,
+       s.author_display_name as comment_author,
+       mu.display_name AS user_display_name,
+       cu.first_name AS customer_support_first_name,
+       cu.last_name AS customer_support_last_name,
        LastContentMessage.content AS last_message,
        (CASE WHEN m.event = '' THEN NULL ELSE LOWER(m.event) END) AS last_message_event,
        ContactsMessage.content AS contacts_message,
@@ -140,16 +158,14 @@ SELECT c.base_id AS id,
 FROM EndedChatMessages AS c
          JOIN Messages AS m ON c.base_id = m.chat_base_id
          LEFT JOIN ChatHistoryComments AS s ON s.chat_id =  m.chat_base_id
+         LEFT JOIN ChatUser AS mu ON mu.id_code = m.author_id
+         LEFT JOIN ChatUser AS cu ON cu.id_code = c.customer_support_id
          JOIN LastContentMessage ON c.base_id = LastContentMessage.chat_base_id
          JOIN FirstContentMessage ON c.base_id = FirstContentMessage.chat_base_id
          LEFT JOIN ContactsMessage ON ContactsMessage.chat_base_id = c.base_id
          CROSS JOIN TitleVisibility
          CROSS JOIN NPS
 WHERE (
-    (
-        LENGTH(:customerSupportIds) = 0 OR
-        c.customer_support_id = ANY(string_to_array(:customerSupportIds, ','))
-    ) AND (
           :search IS NULL OR
           :search = '' OR
           LOWER(c.customer_support_display_name) LIKE LOWER('%' || :search || '%') OR
@@ -168,7 +184,6 @@ WHERE (
                 AND LOWER(msg.content) LIKE LOWER('%' || :search || '%')
           )
           )
-    )
 ORDER BY
     CASE WHEN :sorting = 'created asc' THEN FirstContentMessage.created END ASC,
     CASE WHEN :sorting = 'created desc' THEN FirstContentMessage.created END DESC,

DSL/Resql/insert-chat-history-comment.sql

@@ -1,3 +1,3 @@
-INSERT INTO "chat_history_comments" (chat_id, comment)
-VALUES (:chatId, :comment)
-RETURNING id, chat_id, comment;
+INSERT INTO "chat_history_comments" (chat_id, comment, created, author_display_name)
+VALUES (:chatId, :comment, :created::timestamp with time zone, :authorDisplayName)
+RETURNING id, chat_id, comment, created, author_display_name;

DSL/Ruuter.private/DSL/POST/comments/history.yml

@@ -14,11 +14,15 @@ declaration:
       - field: comment
         type: string
         description: "Body field 'comment'"
+      - field: authorDisplayName
+        type: string
+        description: "Body field 'authorDisplayName'"
 
 extractRequestData:
   assign:
     comment: ${incoming.body.comment}
     chatId: ${incoming.body.chatId}
+    authorDisplayName: ${incoming.body.authorDisplayName}
 
 setChatComment:
   call: http.post
@@ -27,6 +31,8 @@ setChatComment:
     body:
       comment: ${comment}
       chatId: ${chatId}
+      created: "${new Date().toISOString()}"
+      authorDisplayName: ${authorDisplayName}
   result: res
 
 return_result:

GUI/src/pages/Chat/ChatHistory/History.scss

@@ -1,3 +1,7 @@
+@import 'src/styles/tools/spacing';
+@import 'src/styles/tools/color';
+@import 'src/styles/settings/variables/typography';
+
 .card-drawer-container {
   display: flex;
   width: 100%;
@@ -12,15 +16,28 @@
 }
 
 .drawer-container {
-  width: 700px;
+  flex: 1;
   height: 100%;
-  flex-shrink: 0;
   overflow-y: auto;
   box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
+  border: 1px solid get-color(black-coral-2);
 }
 
 .drawer-container > * {
   position: static !important;
   width: 100%;
   height: 100%;
-}
+}
+
+.side-meta {
+  background-color: get-color(white);
+  border: 1px solid get-color(black-coral-2);
+  color: get-color(black-coral-12);
+  display: flex;
+  flex: 0 0 288px;
+  flex-direction: column;
+  font-size: $veera-font-size-80;
+  gap: 4px;
+  overflow-y: auto;
+  padding: get-spacing(haapsalu);
+}