From 3c64f04f27978bfbbf2c3747709fe45594e654ef Mon Sep 17 00:00:00 2001
From: Pranav <pranavrajs@gmail.com>
Date: Thu, 22 May 2025 17:22:32 -0700
Subject: [PATCH] Update launcher

---
 .../components-next/copilot/CopilotHeader.vue |  2 +-
 .../copilot/CopilotLauncher.vue}              | 16 +++++----
 .../copilot/CopilotThinkingBlock.vue          | 35 -------------------
 .../dashboard/routes/dashboard/Dashboard.vue  |  4 +--
 4 files changed, 13 insertions(+), 44 deletions(-)
 rename app/javascript/dashboard/{components/copilot/CopilotToggleButton.vue => components-next/copilot/CopilotLauncher.vue} (81%)
 delete mode 100644 app/javascript/dashboard/components/copilot/CopilotThinkingBlock.vue

diff --git a/app/javascript/dashboard/components-next/copilot/CopilotHeader.vue b/app/javascript/dashboard/components-next/copilot/CopilotHeader.vue
index c7a8696f3..48b9c0522 100644
--- a/app/javascript/dashboard/components-next/copilot/CopilotHeader.vue
+++ b/app/javascript/dashboard/components-next/copilot/CopilotHeader.vue
@@ -11,7 +11,7 @@ defineEmits(['reset', 'close']);
 
 <template>
   <div
-    class="flex items-center justify-between px-5 py-2 border-b border-n-weak h-12"
+    class="flex items-center justify-between px-4 py-2 border-b border-n-weak h-12"
   >
     <div class="flex items-center justify-between gap-2 flex-1">
       <span class="font-medium text-sm text-n-slate-12">
diff --git a/app/javascript/dashboard/components/copilot/CopilotToggleButton.vue b/app/javascript/dashboard/components-next/copilot/CopilotLauncher.vue
similarity index 81%
rename from app/javascript/dashboard/components/copilot/CopilotToggleButton.vue
rename to app/javascript/dashboard/components-next/copilot/CopilotLauncher.vue
index aa761ee58..bb268dd4c 100644
--- a/app/javascript/dashboard/components/copilot/CopilotToggleButton.vue
+++ b/app/javascript/dashboard/components-next/copilot/CopilotLauncher.vue
@@ -32,12 +32,16 @@ const toggleSidebar = () => {
 
 <template>
   <div class="fixed bottom-4 right-4 z-50">
-    <Button
+    <div
       v-if="!isSidebarOpen && !isConversationRoute"
-      icon="i-woot-captain"
-      class="!rounded-full bg-n-iris-9 text-xl"
-      lg
-      @click="toggleSidebar"
-    />
+      class="rounded-full bg-n-solid-2 p-2 hover:bg-n-solid-3"
+    >
+      <Button
+        icon="i-woot-captain"
+        class="!rounded-full !bg-n-alpha-2 text-n-slate-12 text-xl"
+        lg
+        @click="toggleSidebar"
+      />
+    </div>
   </div>
 </template>
diff --git a/app/javascript/dashboard/components/copilot/CopilotThinkingBlock.vue b/app/javascript/dashboard/components/copilot/CopilotThinkingBlock.vue
deleted file mode 100644
index b5fbf21fa..000000000
--- a/app/javascript/dashboard/components/copilot/CopilotThinkingBlock.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<script setup>
-import Icon from '../../components-next/icon/Icon.vue';
-
-defineProps({
-  content: {
-    type: String,
-    required: true,
-  },
-  reasoning: {
-    type: String,
-    required: true,
-  },
-});
-</script>
-
-<template>
-  <div
-    class="flex flex-col gap-2 p-3 rounded-lg bg-n-background/50 border border-n-weak hover:bg-n-background/80 transition-colors duration-200"
-  >
-    <div class="flex items-start gap-2">
-      <Icon
-        icon="i-lucide-sparkles"
-        class="w-4 h-4 mt-1 flex-shrink-0 text-n-slate-9"
-      />
-      <p class="text-sm text-n-slate-11">{{ content }}</p>
-    </div>
-    <div v-if="reasoning" class="flex items-start gap-2 pl-6">
-      <Icon
-        icon="i-lucide-lightbulb"
-        class="w-4 h-4 mt-1 flex-shrink-0 text-n-slate-9"
-      />
-      <p class="text-xs text-n-slate-10">{{ reasoning }}</p>
-    </div>
-  </div>
-</template>
diff --git a/app/javascript/dashboard/routes/dashboard/Dashboard.vue b/app/javascript/dashboard/routes/dashboard/Dashboard.vue
index 4909c1195..56062ad53 100644
--- a/app/javascript/dashboard/routes/dashboard/Dashboard.vue
+++ b/app/javascript/dashboard/routes/dashboard/Dashboard.vue
@@ -19,7 +19,7 @@ import AddLabelModal from 'dashboard/routes/dashboard/settings/labels/AddLabel.v
 import NotificationPanel from 'dashboard/routes/dashboard/notifications/components/NotificationPanel.vue';
 import UpgradePage from 'dashboard/routes/dashboard/upgrade/UpgradePage.vue';
 import CopilotContainer from 'dashboard/components/copilot/CopilotContainer.vue';
-import CopilotToggleButton from 'dashboard/components/copilot/CopilotToggleButton.vue';
+import CopilotLauncher from 'dashboard/components-next/copilot/CopilotLauncher.vue';
 
 import { useUISettings } from 'dashboard/composables/useUISettings';
 import { useAccount } from 'dashboard/composables/useAccount';
@@ -211,7 +211,7 @@ onUnmounted(() => {
       />
       <template v-if="!showUpgradePage">
         <router-view />
-        <CopilotToggleButton />
+        <CopilotLauncher />
         <CopilotContainer />
         <CommandBar />
         <NotificationPanel