Update launcher

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">

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>

app/javascript/dashboard/components/copilot/CopilotThinkingBlock.vue

@@ -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>

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