add convomessage metadata

apps/platform/trpc/routers/convoRouter/entryRouter.ts

@@ -129,7 +129,8 @@ export const convoEntryRouter = router({
           publicId: true,
           createdAt: true,
           body: true,
-          type: true
+          type: true,
+          metadata: true
         },
         with: {
           subject: {
@@ -153,6 +154,27 @@ export const convoEntryRouter = router({
         }
       });
 
+      // for each of the email.to, email.cc and email.from arrays from the metadata, set all entries.id fields to 0
+      convoEntriesQuery.forEach((entry) => {
+        if (entry.metadata?.email) {
+          if (entry.metadata.email.to) {
+            entry.metadata.email.to.forEach((to) => {
+              to.id = 0;
+            });
+          }
+          if (entry.metadata.email.cc) {
+            entry.metadata.email.cc.forEach((cc) => {
+              cc.id = 0;
+            });
+          }
+          if (entry.metadata.email.from) {
+            entry.metadata.email.from.forEach((from) => {
+              from.id = 0;
+            });
+          }
+        }
+      });
+
       return {
         entries: convoEntriesQuery
       };

apps/web-app/components/convos/convoMessageItem.vue

@@ -91,11 +91,11 @@
               class="text-sm leading-none">
               {{ author.name }}
             </span>
-            <UnUiTooltip :text="props.entry.createdAt.toLocaleString()">
-              <span class="text-xs leading-none text-gray-500">
-                {{ timeAgo }}
-              </span>
-            </UnUiTooltip>
+            <span
+              v-if="props.entry.metadata?.email?.from?.[0]?.email"
+              class="text-base-9 text-xs">
+              - via {{ props.entry.metadata?.email.from[0].email }}</span
+            >
           </div>
           <div class="flex flex-row gap-0">
             <UnUiTooltip text="Report a bug">
@@ -130,10 +130,18 @@
             </UnUiTooltip>
           </div>
         </div>
+        <!-- eslint-disable vue/no-v-html -->
         <div
           class="rounded-br-x w-full overflow-hidden rounded-bl-xl p-2 shadow-md"
           :class="convoBubbleClasses"
-          v-html="convoEntryBody"></div>
+          v-html="convoEntryBody" />
+        <div class="flex flex-row justify-end">
+          <UnUiTooltip :text="props.entry.createdAt.toLocaleString()">
+            <span class="text-base-9 text-xs leading-none">
+              {{ timeAgo }}
+            </span>
+          </UnUiTooltip>
+        </div>
       </div>
     </div>
   </div>