From 37ff32b0803edb4217af87e2a144bd4de8eea6a2 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Wed, 3 Sep 2025 13:45:46 +0200
Subject: [PATCH] feat: refine CommandPalette item layout and improve
 placeholder text for better usability

---
 app/components/chat/CommandPalette.vue | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/app/components/chat/CommandPalette.vue b/app/components/chat/CommandPalette.vue
index 56cf494..2e336f3 100644
--- a/app/components/chat/CommandPalette.vue
+++ b/app/components/chat/CommandPalette.vue
@@ -78,29 +78,24 @@ const commandPaletteUi = {
               close
               :ui="commandPaletteUi"
               :groups="messages"
-              :autofocus="false"
+              autofocus="false"
               icon="i-ph-paper-plane-tilt-duotone"
               :placeholder="t('palette.cmd.placeholder')"
               @update:model-value="onSelect"
               @update:open="openMessageModal = $event"
             >
               <template #item="{ item }">
-                <div class="relative flex flex-col sm:flex-row sm:justify-between sm:items-center w-full cursor-pointer my-1">
+                <div class="relative flex flex-col sm:flex-row items-start sm:justify-between sm:items-center w-full cursor-pointer my-1">
                   <div class="absolute inset-0 -m-1" />
                   <div class="flex items-center gap-2.5">
                     <UIcon :name="item.icon!" size="20" />
                     <span>{{ t(item.label) }}</span>
                   </div>
-                  <div class="text-muted text-xs font-medium">
+                  <div class="text-dimmed text-xs font-medium text-start">
                     {{ t(item.prompt) }}
                   </div>
                 </div>
               </template>
-              <template #group-arthur="{ group }">
-                <div>
-                  {{ t(group) }}
-                </div>
-              </template>
               <template #footer>
                 <div class="flex items-center justify-between gap-2">
                   <div class="flex items-center gap-1">