Merge pull request #425 from Mng-dev-ai/fix/model-selector-compact-prop

Add compact prop to ModelSelector and fix DiffView spacing

Author: Mng-dev-ai

frontend/src/components/chat/model-selector/ModelSelector.tsx

@@ -29,13 +29,15 @@ export interface ModelSelectorProps {
   onModelChange: (modelId: string) => void;
   dropdownPosition?: 'top' | 'bottom';
   disabled?: boolean;
+  compact?: boolean;
 }
 
 export const ModelSelector = memo(function ModelSelector({
   selectedModelId,
   onModelChange,
   dropdownPosition = 'bottom',
   disabled = false,
+  compact,
 }: ModelSelectorProps) {
   const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
   const isSplitMode = useIsSplitMode();
@@ -85,8 +87,8 @@ export const ModelSelector = memo(function ModelSelector({
       width="w-64"
       dropdownPosition={dropdownPosition}
       disabled={disabled}
-      compactOnMobile
-      forceCompact={isSplitMode}
+      compactOnMobile={compact ?? true}
+      forceCompact={compact ?? isSplitMode}
       searchable
       searchPlaceholder="Search models..."
       renderItem={(model, isSelected) => (

frontend/src/components/chat/sub-threads/CreateSubThreadDialog.tsx

@@ -120,6 +120,7 @@ export function CreateSubThreadDialog({ parentChat, onClose }: CreateSubThreadDi
               selectedModelId={selectedModelId}
               onModelChange={setSelectedModelId}
               dropdownPosition="bottom"
+              compact={false}
             />
           </div>
 

frontend/src/components/views/DiffView.tsx

@@ -279,7 +279,7 @@ export const DiffView = memo(function DiffView({ sandboxId, cwd }: DiffViewProps
 
   return (
     <div className="flex h-full w-full flex-col bg-surface-secondary dark:bg-surface-dark-secondary">
-      <div className="flex h-9 items-center gap-2 border-b border-border/50 px-3 dark:border-border-dark/50">
+      <div className="flex h-9 items-center gap-1 border-b border-border/50 px-3 dark:border-border-dark/50">
         <Button
           onClick={() => refetch()}
           variant="unstyled"