Minor fixes (#1222)

* focus first item on search changed

* fix model param name

* set focus on the panel where user types, fix scroll to line when clicking from chat

* fix missing highlights in left sidebar for currently focused tab

* fix long names in command bar items

* don't add repos to project automatically, but add a button to 'indexing finished' toast

Author: anastasiya1155

client/src/App.tsx

@@ -24,12 +24,12 @@ const toastOptions = {
   unStyled: true,
   classNames: {
     toast:
-      'w-[20.75rem] p-4 pl-5 flex items-start gap-3 rounded-md border border-bg-border bg-bg-base shadow-high',
+      'w-[20.75rem] p-4 pl-5 grid grid-cols-[1rem_1fr] items-start gap-3 rounded-md border border-bg-border bg-bg-base shadow-high',
     error: 'text-red',
     info: 'text-label-title',
     title: 'body-s-b',
     description: '!text-label-muted body-s mt-1.5',
-    actionButton: 'bg-zinc-400',
+    actionButton: 'col-span-full',
     cancelButton: 'bg-orange-400',
     closeButton:
       '!bg-bg-base !text-label-muted !border-none !left-[unset] !right-2 !top-6 !w-6 !h-6',

client/src/CommandBar/Body/Item.tsx

@@ -141,7 +141,7 @@ const CommandBarItem = ({
           />
         )}
       </div>
-      <p className="flex-1 body-s-b">{label}</p>
+      <p className="flex-1 body-s-b ellipsis">{label}</p>
       {!!shortcutKeys && (
         <div className="flex items-center gap-1">
           {shortcutKeys.map((k) => (

client/src/CommandBar/Body/index.tsx

@@ -20,6 +20,12 @@ const CommandBarBody = ({
   const { focusedIndex, setFocusedIndex, handleArrowKey, navContainerRef } =
     useArrowNavigation();
 
+  useEffect(() => {
+    if (sections?.[0]?.items?.[0]) {
+      setFocusedIndex(`${sections[0].key}-${sections[0].items[0].key}`);
+    }
+  }, [sections]);
+
   useEffect(() => {
     if (onFocusedIndexChange) {
       onFocusedIndexChange(focusedIndex);

client/src/CommandBar/steps/ManageRepos/index.tsx

@@ -105,18 +105,14 @@ const ManageRepos = ({ shouldShowTutorial }: Props) => {
               setTutorialStep(3);
             },
             onDone: () => {
-              setOnBoardingState((prev) => ({
-                ...prev,
-                isCommandBarTutorialFinished: true,
-              }));
               setTutorialStep(4);
             },
             onAddToProject: () => {
               setOnBoardingState((prev) => ({
                 ...prev,
                 isCommandBarTutorialFinished: true,
               }));
-              setTutorialStep(4);
+              setTutorialStep(5);
             },
           },
           key: r.ref,
@@ -234,7 +230,7 @@ const ManageRepos = ({ shouldShowTutorial }: Props) => {
         placeholder={t('')}
         disableKeyNav={isDropdownVisible}
       />
-      {shouldShowTutorial && tutorialStep < 4 ? (
+      {shouldShowTutorial && tutorialStep < 5 ? (
         <TutorialTooltip
           content={
             <TutorialBody

client/src/CommandBar/steps/PrivateRepos/index.tsx

@@ -63,18 +63,14 @@ const PrivateReposStep = ({ shouldShowTutorial }: Props) => {
             setTutorialStep(3);
           },
           onDone: () => {
-            setOnBoardingState((prev) => ({
-              ...prev,
-              isCommandBarTutorialFinished: true,
-            }));
             setTutorialStep(4);
           },
           onAddToProject: () => {
             setOnBoardingState((prev) => ({
               ...prev,
               isCommandBarTutorialFinished: true,
             }));
-            setTutorialStep(4);
+            setTutorialStep(5);
           },
         },
         key: r.ref,
@@ -131,7 +127,7 @@ const PrivateReposStep = ({ shouldShowTutorial }: Props) => {
         placeholder={t('Search private repos...')}
         disableKeyNav={isDropdownVisible}
       />
-      {shouldShowTutorial && tutorialStep < 4 ? (
+      {shouldShowTutorial && tutorialStep < 5 ? (
         <TutorialTooltip
           content={
             <TutorialBody

client/src/CommandBar/steps/items/RepoItem.tsx

@@ -300,7 +300,7 @@ const RepoItem = ({
             {t(repoStatusMap[status].text)}
             {indexingStatus?.percentage !== null &&
               indexingStatus?.percentage !== undefined &&
-              `· ${indexingStatus?.percentage}%`}
+              ` · ${indexingStatus?.percentage}%`}
           </p>
         ) : undefined
       }

client/src/Project/CurrentTabContent/ChatTab/ChatPersistentState.tsx

@@ -246,9 +246,9 @@ const ChatPersistentState = ({
         options ? `/explain` : ``
       }`;
       const queryParams: Record<string, string> = {
-        model:
+        answer_model:
           preferredAnswerSpeed === 'normal'
-            ? 'gpt-4'
+            ? 'gpt-4-turbo-24k'
             : 'gpt-3.5-turbo-finetuned',
       };
       if (conversationId) {

client/src/Project/CurrentTabContent/ChatTab/Input/index.tsx

@@ -27,6 +27,7 @@ import { MentionOptionType } from '../../../../types/results';
 import { splitPath } from '../../../../utils';
 import { openTabsCache } from '../../../../services/cache';
 import { CommandBarContext } from '../../../../context/commandBarContext';
+import { UIContext } from '../../../../context/uiContext';
 import InputCore from './InputCore';
 import { mapEditorContentToInputValue } from './utils';
 
@@ -76,6 +77,7 @@ const ConversationInput = ({
   const { t } = useTranslation();
   const { envConfig } = useContext(EnvContext);
   const { isVisible } = useContext(CommandBarContext.General);
+  const { setIsLeftSidebarFocused } = useContext(UIContext.Focus);
   const [initialValue, setInitialValue] = useState<
     Record<string, any> | null | undefined
   >({
@@ -135,6 +137,7 @@ const ConversationInput = ({
 
   const onChangeInput = useCallback((inputState: InputEditorContent[]) => {
     setInputValue(mapEditorContentToInputValue(inputState));
+    setIsLeftSidebarFocused(false);
   }, []);
 
   const onSubmitButtonClicked = useCallback(() => {

client/src/Project/CurrentTabContent/FileTab/index.tsx

@@ -643,6 +643,7 @@ const FileTab = ({
         <div
           className="flex-1 h-full max-w-full pl-4 py-4 overflow-auto"
           data-active={(focusedPanel === side).toString()}
+          data-path={path}
         >
           {file?.lang === 'jupyter notebook' ? (
             <IpynbRenderer data={file.contents} />

client/src/Project/LeftSidebar/NavPanel/Conversations/CoversationEntry.tsx

@@ -6,26 +6,31 @@ import { useArrowNavigationItemProps } from '../../../../hooks/useArrowNavigatio
 
 type Props = ConversationShortType & {
   index: string;
+  isCurrentPath?: boolean;
 };
 
-const ConversationEntry = ({ title, id, index }: Props) => {
+const ConversationEntry = ({ title, id, index, isCurrentPath }: Props) => {
   const { openNewTab } = useContext(TabsContext.Handlers);
 
   const onClick = useCallback(() => {
     openNewTab({ type: TabTypesEnum.CHAT, conversationId: id, title });
   }, [openNewTab, id, title]);
 
-  const { isFocused, props } = useArrowNavigationItemProps<HTMLAnchorElement>(
-    index,
-    onClick,
-  );
+  const { isFocused, isLeftSidebarFocused, props } =
+    useArrowNavigationItemProps<HTMLAnchorElement>(index, onClick);
 
   return (
     <a
       href="#"
       className={`w-full text-left h-7 flex-shrink-0 flex items-center gap-3 pr-2 cursor-pointer
         ellipsis body-mini group pl-10.5 ${
-          isFocused ? 'bg-bg-sub-hover text-label-title' : 'text-label-base'
+          isCurrentPath
+            ? isLeftSidebarFocused
+              ? 'bg-bg-shade-hover text-label-title'
+              : 'bg-bg-shade text-label-title'
+            : isFocused
+            ? 'bg-bg-sub-hover text-label-title'
+            : 'text-label-base'
         }`}
       {...props}
     >