Merge remote-tracking branch 'origin/dev' into dev

src/renderer/src/components/navbar/Navbar.vue

@@ -93,17 +93,36 @@
         <MenubarMenu>
           <MenubarTrigger class="app-titlebar-button">Help</MenubarTrigger>
           <MenubarContent>
-            <MenubarItem>Software Source</MenubarItem>
-            <MenubarItem>Hardware Source</MenubarItem>
+            <MenubarItem @click="electronAPI.openExternal('https://github.com/katbinaris/zeroone')"
+              >Software Source</MenubarItem
+            >
+            <MenubarItem
+              @click="electronAPI.openExternal('https://github.com/katbinaris/NanoD_RatchetH1')"
+              >Firmware Source</MenubarItem
+            >
+            <MenubarItem
+              @click="electronAPI.openExternal('https://github.com/katbinaris/Nano_D_PlusPlus')"
+              >Hardware Source</MenubarItem
+            >
             <MenubarSeparator />
-            <MenubarItem>Report Software Issue</MenubarItem>
-            <MenubarItem>Report Hardware Issue</MenubarItem>
+            <MenubarItem
+              @click="electronAPI.openExternal('https://github.com/katbinaris/zeroone/issues/new')"
+              >Report Software Issue</MenubarItem
+            >
+            <MenubarItem
+              @click="
+                electronAPI.openExternal('https://github.com/katbinaris/NanoD_RatchetH1/issues/new')
+              "
+              >Report Device Issue</MenubarItem
+            >
             <MenubarSeparator />
             <MenubarItem class="flex justify-between">
               <p>Software Version:&nbsp;</p>
               <p>v0.1</p>
             </MenubarItem>
-            <MenubarItem>Contact Support</MenubarItem>
+            <MenubarItem @click="electronAPI.openExternal('https://discord.gg/jgRd77YN5T')"
+              >Contact Support</MenubarItem
+            >
             <template v-if="electronAPI.isDevelopment">
               <MenubarSeparator />
               <MenubarItem @click="electronAPI.openDevTools">Developer Tools</MenubarItem>

src/renderer/src/components/profile/ProfileManager.vue

@@ -69,7 +69,7 @@
               <Collapsible v-model:open="collapse[dragCategory.element.name]" :default-open="true">
                 <!-- TODO: Make profile groups computed instead defining them of using v-for -->
                 <CollapsibleTrigger
-                  class="h-12 w-full border-0 border-b bg-zinc-900 py-2 text-left text-sm text-muted-foreground"
+                  class="group h-12 w-full border-0 border-b bg-zinc-900 py-2 text-left text-sm text-muted-foreground"
                 >
                   <ChevronRight
                     class="chevrot mb-0.5 ml-4 inline-block size-4 transition-transform"
@@ -78,6 +78,9 @@
                   }}<span class="font-heading text-sm text-zinc-600">
                     ({{ dragCategory.element.profiles?.length || 0 }})</span
                   >
+                  <span class="float-right mx-4 w-4 cursor-grab text-zinc-600">
+                    <GripHorizontal class="mb-0.5 inline-block size-4" />
+                  </span>
                 </CollapsibleTrigger>
                 <CollapsibleContent>
                   <TransitionGroup>
@@ -91,8 +94,8 @@
                       @end="drag = false"
                       @change="(event) => onProfileDrop(event, dragCategory.index)"
                     >
-                      <template v-if="dragCategory.element.profiles.length === 0" #header>
-                        <div class="hideable-header flex h-12 items-center justify-center">
+                      <template #header>
+                        <div class="hideable-header m-2 flex h-12 items-center justify-center">
                           <MoreHorizontal class="w-4 text-zinc-600" />
                         </div>
                       </template>
@@ -131,7 +134,14 @@
 </template>
 <script setup>
 import { Separator } from '@renderer/components/ui/separator'
-import { ChevronRight, Plus, ArrowLeft, List, MoreHorizontal } from 'lucide-vue-next'
+import {
+  ChevronRight,
+  Plus,
+  ArrowLeft,
+  List,
+  MoreHorizontal,
+  GripHorizontal
+} from 'lucide-vue-next'
 import { ref, watch } from 'vue'
 import {
   Collapsible,

src/renderer/src/components/ui/slider/Slider.vue

@@ -3,6 +3,7 @@ import { type HTMLAttributes, computed } from 'vue'
 import type { SliderRootEmits, SliderRootProps } from 'radix-vue'
 import { SliderRange, SliderRoot, SliderThumb, SliderTrack, useForwardPropsEmits } from 'radix-vue'
 import { cn } from '@renderer/lib/utils'
+import { MoreHorizontal } from 'lucide-vue-next'
 
 const props = defineProps<SliderRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<SliderRootEmits>()