Coderabbit

Author: fernandol-nvidia

src/ui/src/components/filter-bar/filter-bar-date-picker.tsx

@@ -155,7 +155,6 @@ export const FilterBarDatePicker = memo(function FilterBarDatePicker({
               value={fromDate}
               onChange={(e) => handleFromChange(e.target.value)}
               className="fb-date-input"
-              aria-label="From date"
             />
           </div>
           <div className="fb-date-field">

src/ui/src/components/filter-bar/hooks/use-suggestions.ts

@@ -115,9 +115,9 @@ function generateSuggestions<T>(
     // Date-range fields show a picker in the dropdown — surface presets and custom inputs
     // as value suggestions so keyboard navigation (Tab/↑↓/Enter) works like other fields.
     if (isDateRangeField(parsedInput.field)) {
-      const query = parsedInput.query.toLowerCase();
+      const lowerQuery = parsedInput.query.toLowerCase();
       for (const preset of DATE_RANGE_PRESETS) {
-        if (!query || preset.label.toLowerCase().includes(query)) {
+        if (!lowerQuery || preset.label.toLowerCase().includes(lowerQuery)) {
           items.push({
             type: "value",
             field: parsedInput.field,
@@ -127,7 +127,7 @@ function generateSuggestions<T>(
         }
       }
       // Custom range inputs are always shown (only when not filtering presets)
-      if (!query) {
+      if (!lowerQuery) {
         items.push({ type: "value", field: parsedInput.field, value: DATE_CUSTOM_FROM, label: "From date" });
         items.push({ type: "value", field: parsedInput.field, value: DATE_CUSTOM_TO, label: "To date" });
         items.push({ type: "value", field: parsedInput.field, value: DATE_CUSTOM_APPLY, label: "Apply" });

src/ui/src/lib/auth/server.production.ts

@@ -62,15 +62,15 @@ export async function getServerUser(): Promise<User | null> {
   };
 }
 
-function deriveDisplayName(username: string): string {
+export function deriveDisplayName(username: string): string {
   const namePart = username.includes("@") ? username.split("@")[0] : username;
   if (!namePart) return "User";
   const parts = namePart.split(/[._-]+/).filter(Boolean);
   if (parts.length <= 1) return namePart;
   return parts.map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 }
 
-function getInitials(name: string): string {
+export function getInitials(name: string): string {
   return name
     .split(/[\s@]+/)
     .slice(0, 2)

src/ui/src/lib/auth/server.ts

@@ -34,6 +34,8 @@ import {
   getServerUserRoles as prodGetServerUserRoles,
   getServerUsername as prodGetServerUsername,
   getServerUser as prodGetServerUser,
+  deriveDisplayName,
+  getInitials,
 } from "@/lib/auth/server.production";
 import { hasAdminRole } from "@/lib/auth/roles";
 import type { User } from "@/lib/auth/user-context";
@@ -64,13 +66,14 @@ export async function getServerUser(): Promise<User | null> {
 
   const email = process.env.DEV_USER_EMAIL ?? username;
   const roles = await getServerUserRoles();
+  const name = deriveDisplayName(username);
 
   return {
     id: username,
-    name: username,
+    name,
     email,
     username,
     isAdmin: hasAdminRole(roles),
-    initials: username.slice(0, 2).toUpperCase(),
+    initials: getInitials(name),
   };
 }