fix(chat): keep draft selectors above composer

packages/ui/src/components/chat/composer/ui/DraftTargetSelectors.tsx

@@ -122,7 +122,7 @@ export function DraftTargetSelectors(props: DraftTargetProps) {
                             : <ProjectLabel project={selectedProject} theme={theme} />}
                     </SelectValue>
                 </SelectTrigger>
-                <SelectContent side="top" fitContent>
+                <SelectContent side="top" collisionAvoidance={{ side: 'none' }} fitContent>
                     {projects.map((project) => (
                         <SelectItem key={project.id} value={project.id} className="max-w-[24rem] truncate">
                             <ProjectLabel project={project} theme={theme} />
@@ -144,7 +144,7 @@ export function DraftTargetSelectors(props: DraftTargetProps) {
                             {selectedBranchLabel ?? t('chat.chatInput.branch')}
                         </SelectValue>
                     </SelectTrigger>
-                    <SelectContent side="top" className="w-max min-w-48">
+                    <SelectContent side="top" collisionAvoidance={{ side: 'none' }} className="w-max min-w-48">
                         {projectRootBranchOption ? (
                             <SelectGroup>
                                 <SelectLabel>{t('chat.chatInput.projectRoot')}</SelectLabel>

packages/ui/src/components/ui/select.tsx

@@ -163,6 +163,7 @@ type SelectContentExtra = {
   sideOffset?: number;
   side?: "top" | "right" | "bottom" | "left";
   align?: "start" | "center" | "end";
+  collisionAvoidance?: React.ComponentProps<typeof BaseSelect.Positioner>["collisionAvoidance"];
 };
 
 function SelectContent({
@@ -174,6 +175,7 @@ function SelectContent({
   sideOffset,
   side,
   align,
+  collisionAvoidance,
   ...props
 }: React.ComponentProps<typeof BaseSelect.Popup> & SelectContentExtra) {
   const portalContext = React.useContext(SelectPortalContext);
@@ -187,6 +189,7 @@ function SelectContent({
         sideOffset={sideOffset}
         side={side}
         align={align}
+        collisionAvoidance={collisionAvoidance}
         className="absolute z-[120] pointer-events-auto"
       >
         <BaseSelect.Popup