🚧 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/components/Endpoints/ConvoIcon.tsx

@@ -1,12 +1,6 @@
 import React, { useMemo } from 'react';
-import { isAssistantsEndpoint } from 'librechat-data-provider';
-import type {
-  TAssistantsMap,
-  TConversation,
-  TEndpointsConfig,
-  TPreset,
-} from 'librechat-data-provider';
-import { getEndpointField, getIconKey, getIconEndpoint } from '~/utils';
+import type * as t from 'librechat-data-provider';
+import { getEndpointField, getIconKey, getEntity, getIconEndpoint } from '~/utils';
 import { icons } from '~/components/Chat/Menus/Endpoints/Icons';
 import ConvoIconURL from '~/components/Endpoints/ConvoIconURL';
 
@@ -14,61 +8,72 @@ export default function ConvoIcon({
   conversation,
   endpointsConfig,
   assistantMap,
+  agentsMap,
   className = '',
   containerClassName = '',
   context,
   size,
 }: {
-  conversation: TConversation | TPreset | null;
-  endpointsConfig: TEndpointsConfig;
-  assistantMap: TAssistantsMap | undefined;
+  conversation: t.TConversation | t.TPreset | null;
+  endpointsConfig: t.TEndpointsConfig;
+  assistantMap: t.TAssistantsMap | undefined;
+  agentsMap: t.TAgentsMap | undefined;
   containerClassName?: string;
   context?: 'message' | 'nav' | 'landing' | 'menu-item';
   className?: string;
   size?: number;
 }) {
-  const iconURL = conversation?.iconURL;
+  const iconURL = conversation?.iconURL ?? '';
   let endpoint = conversation?.endpoint;
   endpoint = getIconEndpoint({ endpointsConfig, iconURL, endpoint });
-  const assistant = useMemo(() => {
-    if (!isAssistantsEndpoint(conversation?.endpoint)) {
-      return undefined;
-    }
 
-    const endpointKey = conversation?.endpoint ?? '';
-    const assistantId = conversation?.assistant_id ?? '';
+  const { entity, isAgent } = useMemo(
+    () =>
+      getEntity({
+        endpoint,
+        agentsMap,
+        assistantMap,
+        agent_id: conversation?.agent_id,
+        assistant_id: conversation?.assistant_id,
+      }),
+    [endpoint, conversation?.agent_id, conversation?.assistant_id, agentsMap, assistantMap],
+  );
 
-    return assistantMap?.[endpointKey] ? assistantMap[endpointKey][assistantId] : undefined;
-  }, [conversation?.endpoint, conversation?.assistant_id, assistantMap]);
-  const assistantName = assistant && (assistant.name ?? '');
+  const name = entity?.name ?? '';
+  const avatar = isAgent
+    ? (entity as t.Agent | undefined)?.avatar?.filepath
+    : ((entity as t.Assistant | undefined)?.metadata?.avatar as string);
 
-  const avatar = (assistant && (assistant.metadata?.avatar as string)) || '';
   const endpointIconURL = getEndpointField(endpointsConfig, endpoint, 'iconURL');
   const iconKey = getIconKey({ endpoint, endpointsConfig, endpointIconURL });
-  const Icon = icons[iconKey];
+  const Icon = icons[iconKey] ?? null;
+
   return (
     <>
       {iconURL && iconURL.includes('http') ? (
         <ConvoIconURL
           preset={conversation}
           endpointIconURL={endpointIconURL}
-          assistantName={assistantName}
           assistantAvatar={avatar}
+          assistantName={name}
+          agentAvatar={avatar}
+          agentName={name}
           context={context}
         />
       ) : (
         <div className={containerClassName}>
-          {endpoint &&
-            Icon &&
-            Icon({
-              size,
-              context,
-              className,
-              iconURL: endpointIconURL,
-              assistantName,
-              endpoint,
-              avatar,
-            })}
+          {endpoint && Icon != null && (
+            <Icon
+              size={size}
+              context={context}
+              endpoint={endpoint}
+              className={className}
+              iconURL={endpointIconURL}
+              assistantName={name}
+              agentName={name}
+              avatar={avatar}
+            />
+          )}
         </div>
       )}
     </>