UPD: Hide category adding for now

src/renderer/src/components/profile/ProfileCategory.vue

@@ -2,6 +2,7 @@
   <Collapsible v-model:open="expanded" :default-open="true">
     <!-- TODO: Make profile groups computed instead defining them of using v-for -->
     <div
+      v-if="false"
       class="group flex h-12 w-full items-center justify-between border-0 border-b bg-zinc-900 py-2 text-left text-sm text-muted-foreground"
     >
       <CollapsibleTrigger class="group flex min-w-0 items-center gap-2">

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

@@ -41,7 +41,16 @@
               <X class="h-5" />
             </button>
           </Transition>
-          <DropdownMenu>
+          <Transition name="fade">
+            <button
+              v-if="!appStore.showProfileConfig"
+              class="flex aspect-square h-8 items-center justify-center rounded-lg border border-zinc-100 bg-zinc-300 text-black hover:bg-zinc-200"
+              @click="deviceStore.createProfile"
+            >
+              <Plus class="h-4" />
+            </button>
+          </Transition>
+          <DropdownMenu v-if="false">
             <DropdownMenuTrigger>
               <Transition name="fade">
                 <button
@@ -54,7 +63,7 @@
             </DropdownMenuTrigger>
             <DropdownMenuContent>
               <DropdownMenuItem @click="deviceStore.createProfile"> Profile </DropdownMenuItem>
-              <DropdownMenuItem> Category </DropdownMenuItem>
+              <DropdownMenuItem v-if="false"> Category </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>
         </div>
@@ -134,7 +143,7 @@ const dragOptions = ref({
   direction: 'vertical'
 })
 
-const maxProfiles = 32
+const maxProfiles = 10
 
 const renderProfileConfig = ref(appStore.showProfileConfig)
 const renderProfileList = ref(!appStore.showProfileConfig)