feat(all): Add reply to convo

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

@@ -23,7 +23,8 @@ import {
   groupMembers,
   convoAttachments,
   pendingAttachments,
-  convoEntryReplies
+  convoEntryReplies,
+  type ConvoEntryMetadata
 } from '@u22n/database/schema';
 import { typeIdValidator, type TypeId, typeIdGenerator } from '@u22n/utils';
 import { TRPCError } from '@trpc/server';
@@ -344,6 +345,10 @@ export const convoRouter = router({
               publicId: true,
               emailUsername: true,
               emailDomain: true
+              reputationId: true,
+              publicId: true,
+              emailUsername: true,
+              emailDomain: true
             }
           });
 

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

@@ -35,6 +35,7 @@
   );
 
   watch(convoEntries, () => {
+    if (convoEntries.value && convoEntries.value.entries) {
     if (convoEntries.value && convoEntries.value.entries) {
       entriesArray.value.push(...convoEntries.value.entries);
       setReplyToMessagePublicId(convoEntries.value.entries[0]?.publicId ?? '');

apps/web-app/components/settings/sidebar.vue

@@ -69,6 +69,8 @@
 <template>
   <div
     class="bg-base-2 border-base-6 flex h-full max-h-full flex-col gap-2 overflow-y-auto rounded-r-xl border-r-2 p-8 pl-12 shadow-md">
+    class="bg-base-2 border-base-6 flex h-full max-h-full flex-col gap-2
+    overflow-y-auto rounded-r-xl border-r-2 p-8 pl-12 shadow-md">
     <div
       class="flex h-full max-h-full grow flex-col gap-4 overflow-hidden overflow-y-auto">
       <div class="flex w-full flex-col gap-2">

apps/web-app/pages/[orgSlug]/convo/[id].vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
   import {
+    computed,
     computed,
     navigateTo,
     provide,
@@ -154,6 +155,9 @@
         color: participantColor,
         signaturePlainText: participantSignaturePlainText,
         signatureHtml: participantSignatureHtml
+        color: participantColor,
+        signaturePlainText: participantSignaturePlainText,
+        signatureHtml: participantSignatureHtml
       };
 
       participantArray.value.push(participantData);
@@ -358,13 +362,15 @@
         <div class="flex h-full max-h-full grow flex-col gap-0 overflow-hidden">
           <div
             class="from-base-1 z-[20000] mb-[-12px] h-[12px] bg-gradient-to-b" />
+          class="from-base-1 z-[20000] mb-[-12px] h-[12px] bg-gradient-to-b" />
           <ConvosConvoMessages
             v-model:reply-to-message-public-id="replyToMessagePublicId"
             v-model:reply-to-message-metadata="replyToMessageMetadata"
             :convo-public-id="convoPublicId"
             :participant-public-id="convoDetails?.participantPublicId || ''" />
           <div
             class="from-base-1 z-[20000] mt-[-12px] h-[12px] bg-gradient-to-t" />
+          class="from-base-1 z-[20000] mt-[-12px] h-[12px] bg-gradient-to-t" />
         </div>
         <div class="flex w-full flex-col justify-items-end gap-2">
           <div class="flex flex-row items-center gap-2">
@@ -436,6 +442,8 @@
         </div>
       </div>
 
+      <!-- Context Pane -->
+
       <!-- Context Pane -->
       <div
         class="border-l-1 border-base-6 flex h-full w-full max-w-full flex-col justify-between gap-8 overflow-hidden border border-b-0 border-r-0 border-t-0 pl-8">
@@ -463,18 +471,22 @@
               @click="convoParticipantsCollapsed = !convoParticipantsCollapsed">
               <NuxtUiAvatarGroup>
                 <template
+                  v-for="participant of participantsAll"
                   v-for="participant of participantsAll"
                   :key="participant.participantPublicId">
                   <ConvosConvoAvatar
                     :participant="participant"
                     size="sm"
                     :ring="true" />
+                  size="sm" :ring="true" />
                 </template>
               </NuxtUiAvatarGroup>
             </div>
             <div
               v-if="!convoParticipantsCollapsed"
               class="flex h-fit w-full max-w-full flex-col gap-4 overflow-hidden">
+              class="flex h-fit w-full max-w-full flex-col gap-4
+              overflow-hidden">
               <div
                 v-if="participantsAssignedArray.length"
                 class="flex w-full max-w-full flex-col gap-2 overflow-hidden">

packages/database/schema.ts

@@ -1092,6 +1092,7 @@ export const pendingAttachmentsRelations = relations(
 export type ConvoEntryMetadataEmailAddress = {
   id: number;
   publicId: string;
+  publicId: string;
   type: 'contact' | 'emailIdentity';
   email: string;
 };