From ceb1423b6a4a8c8068aa569cbaa74b48c8e70860 Mon Sep 17 00:00:00 2001
From: chihlasm <michael@resolutionflow.com>
Date: Mon, 23 Mar 2026 04:22:55 +0000
Subject: [PATCH] fix: command palette section labels amber + item hover
 borders

Section labels now use amber (#fbbf24) mono font matching sidebar
drawer style. Items show border highlight on hover/selection.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/layout/CommandPalette.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/layout/CommandPalette.tsx b/frontend/src/components/layout/CommandPalette.tsx
index 6b132816..1bcc0332 100644
--- a/frontend/src/components/layout/CommandPalette.tsx
+++ b/frontend/src/components/layout/CommandPalette.tsx
@@ -353,8 +353,8 @@ export function CommandPalette({ open, onClose }: CommandPaletteProps) {
                 return (
                   <div key={group.type}>
                     {/* Section label */}
-                    <div className="px-3 pt-2 pb-1">
-                      <span className="font-sans text-[0.625rem] uppercase tracking-[0.1em] text-muted-foreground">
+                    <div className="px-3 pt-3 pb-1">
+                      <span className="font-mono text-[0.6875rem] uppercase tracking-[0.12em] text-[#fbbf24]">
                         {group.label}
                       </span>
                     </div>
@@ -412,10 +412,10 @@ export function CommandPalette({ open, onClose }: CommandPaletteProps) {
                           onClick={() => handleSelect(item)}
                           onMouseEnter={() => setSelectedIndex(itemGlobalIdx)}
                           className={cn(
-                            'flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left transition-colors',
+                            'flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left border transition-colors',
                             isSelected
-                              ? 'bg-card-hover text-foreground'
-                              : 'text-muted-foreground hover:bg-card-hover hover:text-foreground'
+                              ? 'bg-card-hover border-border-hover text-foreground'
+                              : 'border-transparent text-muted-foreground hover:bg-card-hover hover:border-border-hover hover:text-foreground'
                           )}
                         >
                           <ItemIcon