Fixes for project picker screen

Author: jahooma

cli/src/components/project-picker-screen.tsx

@@ -89,6 +89,7 @@ export const ProjectPickerScreen: React.FC<ProjectPickerScreenProps> = ({
         id: entry.path,
         label: entry.name,
         icon: entry.isParent ? '📂' : '📁',
+        accent: entry.isGitRepo,
       })),
     [directories],
   )
@@ -319,8 +320,7 @@ export const ProjectPickerScreen: React.FC<ProjectPickerScreenProps> = ({
             }}
           >
             <text style={{ fg: theme.muted, wrapMode: 'word' }}>
-              Navigate to your project folder, or choose Start here to create a
-              new one.
+              Navigate to your project folder and press Open.
             </text>
           </box>
         )}
@@ -432,10 +432,12 @@ export const ProjectPickerScreen: React.FC<ProjectPickerScreenProps> = ({
             width: contentWidth,
           }}
         >
-          {/* Left side: shortcuts */}
-          <text style={{ fg: theme.muted }}>
-            {isGitRepo ? '(git) • ' : ''}{isNarrow ? '↑↓ Tab ^C' : '↑↓ Tab complete ^C quit'}
-          </text>
+          {/* Current directory path */}
+          <box style={{ flexGrow: 1, flexShrink: 1, overflow: 'hidden' }}>
+            <text style={{ fg: theme.muted }}>
+              {formatCwd(currentPath)}
+            </text>
+          </box>
 
           {/* Open button */}
           <Button
@@ -451,7 +453,7 @@ export const ProjectPickerScreen: React.FC<ProjectPickerScreenProps> = ({
             }}
             border={['top', 'bottom', 'left', 'right']}
           >
-            <text style={{ fg: '#ffffff' }}>Open</text>
+            <text style={{ fg: '#1a1a1a' }}>Open</text>
           </Button>
         </box>
       </box>

cli/src/components/selectable-list.tsx

@@ -28,6 +28,8 @@ export interface SelectableListItem {
   label: string
   icon?: string
   secondary?: string
+  /** If true, the label will be displayed in an accent color */
+  accent?: boolean
 }
 
 export interface SelectableListProps {
@@ -136,9 +138,9 @@ export const SelectableList = forwardRef<
           const isHovered = idx === hoveredIndex
           const isHighlighted = isFocused || isHovered
 
-          // Use theme.primary background when highlighted, contrast text for readability
-          const backgroundColor = isHighlighted ? theme.primary : 'transparent'
-          const textColor = isHighlighted ? theme.background : theme.muted
+          // Use subtle highlight that works in both light and dark themes
+          const backgroundColor = isHighlighted ? theme.surfaceHover : 'transparent'
+          const textColor = isHighlighted ? theme.foreground : theme.muted
           const textAttributes = isHighlighted ? TextAttributes.BOLD : undefined
 
           return (
@@ -165,20 +167,20 @@ export const SelectableList = forwardRef<
               }}
             >
               {item.icon && (
-                <text style={{ fg: isHighlighted ? theme.background : theme.muted }}>
+                <text style={{ fg: isHighlighted ? theme.foreground : theme.muted }}>
                   {item.icon}
                 </text>
               )}
               <text
                 style={{
-                  fg: textColor,
-                  attributes: textAttributes,
+                  fg: item.accent && !isHighlighted ? theme.primary : textColor,
+                  attributes: item.accent || isHighlighted ? TextAttributes.BOLD : undefined,
                 }}
               >
                 {item.label}
               </text>
               {item.secondary && (
-                <text style={{ fg: isHighlighted ? theme.surface : theme.muted }}>
+                <text style={{ fg: theme.muted }}>
                   {item.secondary}
                 </text>
               )}

cli/src/utils/directory-browser.ts

@@ -5,6 +5,7 @@ export type DirectoryEntry = {
   name: string
   path: string
   isParent: boolean
+  isGitRepo: boolean
 }
 
 /**
@@ -21,6 +22,7 @@ export function getDirectories(dirPath: string): DirectoryEntry[] {
       name: '..',
       path: parentDir,
       isParent: true,
+      isGitRepo: false,
     })
   }
 
@@ -38,6 +40,7 @@ export function getDirectories(dirPath: string): DirectoryEntry[] {
             name: item,
             path: fullPath,
             isParent: false,
+            isGitRepo: hasGitDirectory(fullPath),
           })
         }
       } catch {
@@ -48,7 +51,12 @@ export function getDirectories(dirPath: string): DirectoryEntry[] {
     // If we can't read the directory, just return parent option
   }
 
-  return entries
+  // Sort non-parent entries alphabetically (case-insensitive)
+  const parentEntry = entries.find((e) => e.isParent)
+  const childEntries = entries.filter((e) => !e.isParent)
+  childEntries.sort((a, b) => a.name.toLowerCase().localeCompare(b.name.toLowerCase()))
+
+  return parentEntry ? [parentEntry, ...childEntries] : childEntries
 }
 
 /**