🚧 chore: merge latest dev build (#4288)

* fix: agent initialization, add `collectedUsage` handling

* style: improve side panel styling

* refactor(loadAgent): Optimize order agent project ID retrieval

* feat: code execution

* fix: typing issues

* feat: ExecuteCode content part

* refactor: use local state for default collapsed state of analysis content parts

* fix: code parsing in ExecuteCode component

* chore: bump agents package, export loadAuthValues

* refactor: Update handleTools.js to use EnvVar for code execution tool authentication

* WIP

* feat: download code outputs

* fix(useEventHandlers): type issues

* feat: backend handling for code outputs

* Refactor: Remove console.log statement in Part.tsx

* refactor: add attachments to TMessage/messageSchema

* WIP: prelim handling for code outputs

* feat: attachments rendering

* refactor: improve attachments rendering

* fix: attachments, nullish edge case, handle attachments from event stream, bump agents package

* fix filename download

* fix: tool assignment for 'run code' on agent creation

* fix: image handling by adding attachments

* refactor: prevent agent creation without provider/model

* refactor: remove unnecessary space in agent creation success message

* refactor: select first model if selecting provider from empty on form

* fix: Agent avatar bug

* fix: `defaultAgentFormValues` causing boolean typing issue and typeerror

* fix: capabilities counting as tools, causing duplication of them

* fix: formatted messages edge case where consecutive content text type parts with the latter having tool_call_ids would cause consecutive AI messages to be created. furthermore, content could not be an array for tool_use messages (anthropic limitation)

* chore: bump @librechat/agents dependency to version 1.6.9

* feat: bedrock agents

* feat: new Agents icon

* feat: agent titling

* feat: agent landing

* refactor: allow sharing agent globally only if user is admin or author

* feat: initial AgentPanelSkeleton

* feat: AgentPanelSkeleton

* feat: collaborative agents

* chore: add potential authorName as part of schema

* chore: Remove unnecessary console.log statement

* WIP: agent model parameters

* chore: ToolsDialog typing and tool related localization chnages

* refactor: update tool instance type (latest langchain class), and rename google tool to 'google' proper

* chore: add back tools

* feat: Agent knowledge files upload

* refactor: better verbiage for disabled knowledge

* chore: debug logs for file deletions

* chore: debug logs for file deletions

* feat: upload/delete agent knowledge/file-search files

* feat: file search UI for agents

* feat: first pass, file search tool

* chore: update default agent capabilities and info

client/src/utils/forms.tsx

@@ -1,7 +1,12 @@
 import { EarthIcon } from 'lucide-react';
-import { alternateName } from 'librechat-data-provider';
+import {
+  alternateName,
+  EModelEndpoint,
+  FileSources,
+  EToolResources,
+} from 'librechat-data-provider';
 import type { Agent, TFile } from 'librechat-data-provider';
-import type { DropdownValueSetter, TAgentOption } from '~/common';
+import type { DropdownValueSetter, TAgentOption, ExtendedFile } from '~/common';
 
 /**
  * Creates a Dropdown value setter that always passes a string value,
@@ -37,9 +42,6 @@ export const createProviderOption = (provider: string) => ({
   value: provider,
 });
 
-type FileTuple = [string, Partial<TFile>];
-type FileList = Array<FileTuple>;
-
 export const processAgentOption = ({
   agent: _agent,
   fileMap,
@@ -56,20 +58,49 @@ export const processAgentOption = ({
     label: _agent?.name ?? '',
     value: _agent?.id ?? '',
     icon: isGlobal ? <EarthIcon className="icon-md text-green-400" /> : null,
-    // files: _agent?.file_ids ? ([] as FileList) : undefined,
-    // code_files: _agent?.tool_resources?.code_interpreter?.file_ids
-    //   ? ([] as FileList)
-    //   : undefined,
+    knowledge_files: _agent?.tool_resources?.file_search?.file_ids
+      ? ([] as Array<[string, ExtendedFile]>)
+      : undefined,
+    code_files: _agent?.tool_resources?.execute_code?.file_ids
+      ? ([] as Array<[string, ExtendedFile]>)
+      : undefined,
   };
 
   if (!fileMap) {
     return agent;
   }
 
-  const handleFile = (file_id: string, list?: FileList) => {
+  const handleFile = ({
+    file_id,
+    tool_resource,
+    list,
+  }: {
+    file_id: string;
+    tool_resource: EToolResources;
+    list?: Array<[string, ExtendedFile]>;
+  }) => {
     const file = fileMap[file_id];
+    const source =
+      tool_resource === EToolResources.file_search
+        ? FileSources.vectordb
+        : file?.source ?? FileSources.local;
+
     if (file) {
-      list?.push([file_id, file]);
+      list?.push([
+        file_id,
+        {
+          file_id: file.file_id,
+          type: file.type,
+          filepath: file.filepath,
+          filename: file.filename,
+          width: file.width,
+          height: file.height,
+          size: file.bytes,
+          preview: file.filepath,
+          progress: 1,
+          source,
+        },
+      ]);
     } else {
       list?.push([
         file_id,
@@ -77,22 +108,28 @@ export const processAgentOption = ({
           file_id,
           type: '',
           filename: '',
-          bytes: 1,
-          // progress: 1,
-          // TODO: file handling
-          // filepath: endpoint,
+          size: 1,
+          progress: 1,
+          filepath: EModelEndpoint.agents,
+          source,
         },
       ]);
     }
   };
 
-  if (agent.files && _agent?.file_ids) {
-    _agent.file_ids.forEach((file_id) => handleFile(file_id, agent.files));
+  if (agent.knowledge_files && _agent?.tool_resources?.file_search?.file_ids) {
+    _agent.tool_resources.file_search.file_ids.forEach((file_id) =>
+      handleFile({
+        file_id,
+        list: agent.knowledge_files,
+        tool_resource: EToolResources.file_search,
+      }),
+    );
   }
 
-  if (agent.code_files && _agent?.tool_resources?.code_interpreter?.file_ids) {
-    _agent.tool_resources.code_interpreter.file_ids.forEach((file_id) =>
-      handleFile(file_id, agent.code_files),
+  if (agent.code_files && _agent?.tool_resources?.execute_code?.file_ids) {
+    _agent.tool_resources.execute_code.file_ids.forEach((file_id) =>
+      handleFile({ file_id, list: agent.code_files, tool_resource: EToolResources.execute_code }),
     );
   }