fix reference panel overflow issue

Author: brendan-kellam

packages/web/src/features/chat/components/chatThread/chatThreadListItem.tsx

@@ -384,8 +384,9 @@ const ChatThreadListItemComponent = forwardRef<HTMLDivElement, ChatThreadListIte
                     maxSize={70}
                     defaultSize={50}
                     style={{
-                        overflow: 'visible',
-                        position: 'relative',
+                        overflow: 'clip',
+                        maxHeight: '100%',
+                        minWidth: 0,
                     }}
                 >
                     <div

packages/web/src/features/chat/components/chatThread/referencedFileSourceListItem.tsx

@@ -50,7 +50,7 @@ interface ReferencedFileSourceListItemProps {
     onExpandedChanged: (isExpanded: boolean) => void;
 }
 
-const ReferencedFileSourceListItem = ({
+const ReferencedFileSourceListItemComponent = ({
     id,
     code,
     language,
@@ -271,6 +271,6 @@ const ReferencedFileSourceListItem = ({
     )
 }
 
-export default memo(forwardRef(ReferencedFileSourceListItem), isEqual) as (
+export const ReferencedFileSourceListItem = memo(forwardRef(ReferencedFileSourceListItemComponent), isEqual) as (
     props: ReferencedFileSourceListItemProps & { ref?: Ref<ReactCodeMirrorRef> },
-) => ReturnType<typeof ReferencedFileSourceListItem>;
+) => ReturnType<typeof ReferencedFileSourceListItemComponent>;

packages/web/src/features/chat/components/chatThread/referencedSourcesListView.tsx

@@ -11,7 +11,7 @@ import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { FileReference, FileSource, Reference } from "../../types";
 import { tryResolveFileReference } from '../../utils';
-import ReferencedFileSourceListItem from "./referencedFileSourceListItem";
+import { ReferencedFileSourceListItem } from "./referencedFileSourceListItem";
 import isEqual from 'fast-deep-equal/react';
 
 interface ReferencedSourcesListViewProps {