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

@@ -0,0 +1,47 @@
+<script setup>
+import { computed } from 'vue';
+import { useStore } from 'vuex';
+import { useRoute } from 'vue-router';
+import Button from 'dashboard/components-next/button/Button.vue';
+import { useMapGetter } from 'dashboard/composables/store';
+
+const store = useStore();
+const route = useRoute();
+
+const getUIState = useMapGetter('uiState/getUIState');
+const isSidebarOpen = computed(() => getUIState.value('isCopilotSidebarOpen'));
+
+const isConversationRoute = computed(() => {
+  const CONVERSATION_ROUTES = [
+    'inbox_conversation',
+    'conversation_through_inbox',
+    'conversations_through_label',
+    'team_conversations_through_label',
+    'conversations_through_folders',
+    'conversation_through_mentions',
+    'conversation_through_unattended',
+    'conversation_through_participating',
+  ];
+  return CONVERSATION_ROUTES.includes(route.name);
+});
+
+const toggleSidebar = () => {
+  store.dispatch('uiState/toggle', 'isCopilotSidebarOpen');
+};
+</script>
+
+<template>
+  <div class="fixed bottom-4 right-4 z-50">
+    <div
+      v-if="!isSidebarOpen && !isConversationRoute"
+      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>