fix(sidebar): brand icon matches favicon — dark bg #09090E + blue compass #5B8FF9

ui/src/components/Sidebar.jsx

@@ -272,10 +272,15 @@ export default function Sidebar({ repos, reposLoading, activeRepo, onSelectRepo,
         {/* Icon container — Raycast-style rounded square with gradient + compass inside */}
         <div className="sidebar-brand-icon">
           <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
-            <path d="M12 2 L14.5 7 L12 12 L9.5 7 Z" fill="white"/>
-            <path d="M12 22 L13.5 17 L12 12 L10.5 17 Z" fill="white" opacity="0.50"/>
-            <path d="M22 12 L17 10.5 L12 12 L17 13.5 Z" fill="white" opacity="0.50"/>
-            <path d="M2 12 L7 10.5 L12 12 L7 13.5 Z" fill="white" opacity="0.50"/>
+            {/* Subtle glow behind compass — same as favicon */}
+            <circle cx="12" cy="12" r="10" fill="rgba(91,143,249,0.10)"/>
+            {/* N — dominant, full accent blue */}
+            <path d="M12 2 L14.5 7 L12 12 L9.5 7 Z" fill="#5B8FF9"/>
+            {/* S/E/W — dim */}
+            <path d="M12 22 L13.5 17 L12 12 L10.5 17 Z" fill="#5B8FF9" opacity="0.28"/>
+            <path d="M22 12 L17 10.5 L12 12 L17 13.5 Z" fill="#5B8FF9" opacity="0.28"/>
+            <path d="M2 12 L7 10.5 L12 12 L7 13.5 Z" fill="#5B8FF9" opacity="0.28"/>
+            {/* Center pivot — white for contrast */}
             <circle cx="12" cy="12" r="1.6" fill="white"/>
           </svg>
         </div>

ui/src/index.css

@@ -258,16 +258,16 @@ textarea:focus-visible {
 .sidebar-brand-icon {
   width: 36px;
   height: 36px;
-  background: linear-gradient(145deg, #2A5ED8 0%, #4A7FE8 45%, #6B9FFF 100%);
+  /* Dark bg + blue border — matches favicon exactly */
+  background: #09090E;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #fff;
   box-shadow:
-    0 0 0 1px rgba(91, 143, 249, 0.35),
-    0 4px 20px rgba(91, 143, 249, 0.30),
-    inset 0 1px 0 rgba(255, 255, 255, 0.25);
+    0 0 0 1px rgba(91, 143, 249, 0.30),
+    0 4px 16px rgba(91, 143, 249, 0.18),
+    inset 0 1px 0 rgba(91, 143, 249, 0.12);
   flex-shrink: 0;
   position: relative;
   overflow: hidden;