resloved bug:16106

Author: VishalS-Microsoft

src/frontend/src/components/ChatHistory/ChatHistoryListItem.tsx

@@ -7,14 +7,17 @@ import {
   DialogType,
   IconButton,
   ITextField,
+  ITooltipHostStyles,
   List,
   PrimaryButton,
   Separator,
   Spinner,
   SpinnerSize,
   Stack,
   Text,
-  TextField
+  TextField,
+  TooltipHost,
+  DirectionalHint,
 } from '@fluentui/react'
 import { useBoolean } from '@fluentui/react-hooks'
 
@@ -77,6 +80,10 @@ export const ChatHistoryListItemCell: React.FC<ChatHistoryListItemCellProps> = (
     isBlocking: true,
     styles: { main: { maxWidth: 450 } }
   }
+  
+  const tooltipStyles: Partial<ITooltipHostStyles> = {
+    root: { display: 'inline-block', maxWidth: '80%' }
+  };
 
   if (!item) {
     return null
@@ -145,7 +152,7 @@ export const ChatHistoryListItemCell: React.FC<ChatHistoryListItemCellProps> = (
     }
   }
 
-  const truncatedTitle = item?.title?.length > 28 ? `${item.title.substring(0, 28)} ...` : item.title
+  const truncatedTitle = item?.title?.length > 24 ? `${item.title.substring(0, 24)} ...` : item.title
 
   const handleSaveEdit = async (e: any) => {
     e.preventDefault()
@@ -285,9 +292,17 @@ export const ChatHistoryListItemCell: React.FC<ChatHistoryListItemCellProps> = (
       ) : (
         <>
           <Stack horizontal verticalAlign={'center'} style={{ width: '100%' }}>
-            <div className={styles.chatTitle}>{truncatedTitle}</div>
+            <Stack.Item grow>
+              <TooltipHost
+                content={item.title}
+                directionalHint={DirectionalHint.bottomCenter}
+              >
+                <div className={styles.chatTitle}>{truncatedTitle}</div>
+              </TooltipHost>
+            </Stack.Item>
+            {/* <div className={styles.chatTitle}>{truncatedTitle}</div> */}
             {(isSelected || isHovered) && (
-              <Stack horizontal horizontalAlign="end">
+              <Stack horizontal horizontalAlign="end" styles={{ root: { marginLeft: 'auto' } }}>
                 <IconButton
                   className={styles.itemButton}
                   iconProps={{ iconName: 'Delete' }}

src/start.cmd

@@ -5,7 +5,7 @@ set NODE_OPTIONS=--max_old_space_size=8192
 echo.
 echo Restoring backend python packages
 echo.
-call python -m pip install -r src/requirements.txt
+call python -m pip install -r requirements.txt
 if "%errorlevel%" neq "0" (
     echo Failed to restore backend python packages
     exit /B %errorlevel%
@@ -14,7 +14,7 @@ if "%errorlevel%" neq "0" (
 echo.
 echo Restoring frontend npm packages
 echo.
-cd src/frontend
+cd frontend
 call npm install
 if "%errorlevel%" neq "0" (
     echo Failed to restore frontend npm packages