Frontend audit: Bug fixes and refinements (#2112)

* (fix:attachements) sep id for redux ops

* (fix:ui) popups, toast, share modal

* (feat:agentsPreview) stable preview, ui fixes

* (fix:ui) light theme icon, sleek scroll

* (chore:i18n) missin keys

* (chore:i18n) missing keys

* (feat:preferrenceSlice) autoclear invalid source from storage

* (fix:general) delete all conv close btn

* (fix:tts) play one at a time

* (fix:tts) gracefully unmount

* (feat:tts) audio LRU cache

* (feat:tts) pointer on hovered area

* (feat:tts) clean text for speach

---------

Co-authored-by: GH Action - Upstream Sync <action@github.com>

frontend/src/settings/Sources.tsx

@@ -27,8 +27,8 @@ import {
 } from '../preferences/preferenceSlice';
 import Upload from '../upload/Upload';
 import { formatDate } from '../utils/dateTimeUtils';
-import FileTreeComponent from '../components/FileTreeComponent';
-import ConnectorTreeComponent from '../components/ConnectorTreeComponent';
+import FileTree from '../components/FileTree';
+import ConnectorTree from '../components/ConnectorTree';
 import Chunks from '../components/Chunks';
 
 const formatTokens = (tokens: number): string => {
@@ -273,13 +273,13 @@ export default function Sources({
     <div className="mt-8 flex flex-col">
       {documentToView.isNested ? (
         documentToView.type === 'connector:file' ? (
-          <ConnectorTreeComponent
+          <ConnectorTree
             docId={documentToView.id || ''}
             sourceName={documentToView.name}
             onBackToDocuments={() => setDocumentToView(undefined)}
           />
         ) : (
-          <FileTreeComponent
+          <FileTree
             docId={documentToView.id || ''}
             sourceName={documentToView.name}
             onBackToDocuments={() => setDocumentToView(undefined)}

frontend/src/settings/Tools.tsx

@@ -192,7 +192,7 @@ export default function Tools() {
                   <div className="flex w-full flex-col items-center justify-center py-12">
                     <img
                       src={isDarkTheme ? NoFilesDarkIcon : NoFilesIcon}
-                      alt="No tools found"
+                      alt={t('settings.tools.noToolsFound')}
                       className="mx-auto mb-6 h-32 w-32"
                     />
                     <p className="text-center text-lg text-gray-500 dark:text-gray-400">