From b5224913108a503d9783f221a89535346c37b8bb Mon Sep 17 00:00:00 2001
From: Pranav <pranavrajs@gmail.com>
Date: Fri, 9 May 2025 10:09:44 -0700
Subject: [PATCH] Revert design changes

---
 .../dashboard/components-next/sidebar/Sidebar.vue  |  4 +++-
 .../components/copilot/CopilotContainer.vue        |  2 +-
 .../widgets/conversation/ConversationBox.vue       |  7 ++++++-
 .../widgets/conversation/MessagesView.vue          | 14 +-------------
 .../dashboard/conversation/ConversationView.vue    |  1 -
 5 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/app/javascript/dashboard/components-next/sidebar/Sidebar.vue b/app/javascript/dashboard/components-next/sidebar/Sidebar.vue
index 3e4887a6b..e3a533437 100644
--- a/app/javascript/dashboard/components-next/sidebar/Sidebar.vue
+++ b/app/javascript/dashboard/components-next/sidebar/Sidebar.vue
@@ -476,7 +476,9 @@ const menuItems = computed(() => {
 </script>
 
 <template>
-  <aside class="w-[12.5rem] h-screen flex flex-col text-sm pb-1">
+  <aside
+    class="w-[12.5rem] bg-n-solid-2 rtl:border-l ltr:border-r border-n-weak h-screen flex flex-col text-sm pb-1"
+  >
     <section class="grid gap-2 mt-2 mb-4">
       <div class="flex items-center min-w-0 gap-2 px-2">
         <div class="grid flex-shrink-0 size-6 place-content-center">
diff --git a/app/javascript/dashboard/components/copilot/CopilotContainer.vue b/app/javascript/dashboard/components/copilot/CopilotContainer.vue
index 4f2ccaaf5..9df8d7438 100644
--- a/app/javascript/dashboard/components/copilot/CopilotContainer.vue
+++ b/app/javascript/dashboard/components/copilot/CopilotContainer.vue
@@ -108,7 +108,7 @@ watchEffect(() => {
 </script>
 
 <template>
-  <div class="border m-1 rounded-lg border-n-weak min-w-[280px]">
+  <div class="border-l border-n-weak min-w-[280px]">
     <Copilot
       :messages="messages"
       :support-agent="currentUser"
diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
index 4d4d9fe3e..b0f5eb21f 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
@@ -97,7 +97,12 @@ export default {
 </script>
 
 <template>
-  <div class="conversation-details-wrap bg-n-background">
+  <div
+    class="conversation-details-wrap bg-n-background"
+    :class="{
+      'border-l rtl:border-l-0 rtl:border-r border-n-weak': !isOnExpandedLayout,
+    }"
+  >
     <ConversationHeader
       v-if="currentChat.id"
       :chat="currentChat"
diff --git a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
index 8d0c77f1b..4f2773982 100644
--- a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
@@ -526,19 +526,7 @@ export default {
       class="mx-2 mt-2 overflow-hidden rounded-lg"
       :banner-message="$t('CONVERSATION.OLD_INSTAGRAM_INBOX_REPLY_BANNER')"
     />
-    <div class="flex justify-end">
-      <NextButton
-        faded
-        xs
-        slate
-        class="!rounded-r-none rtl:rotate-180 !rounded-2xl !fixed z-10"
-        :icon="
-          isContactPanelOpen ? 'i-ph-caret-right-fill' : 'i-ph-caret-left-fill'
-        "
-        :class="isInboxView ? 'top-52 md:top-40' : 'top-32'"
-        @click="onToggleContactPanel"
-      />
-    </div>
+
     <NextMessageList
       v-if="showNextBubbles"
       class="conversation-panel"
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue b/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue
index 306a0857a..4eacef99e 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue
@@ -209,7 +209,6 @@ export default {
 <template>
   <section class="flex w-full h-full">
     <ChatList
-      class="m-1 border border-n-weak rounded-lg"
       :show-conversation-list="showConversationList"
       :conversation-inbox="inboxId"
       :label="label"