🚀 feat: Assistants Streaming (#2159)

* chore: bump openai to 4.29.0 and npm audit fix

* chore: remove unnecessary stream field from ContentData

* feat: new enum and types for AssistantStreamEvent

* refactor(AssistantService): remove stream field and add conversationId to text ContentData
> - return `finalMessage` and `text` on run completion
> - move `processMessages` to services/Threads to avoid circular dependencies with new stream handling
> - refactor(processMessages/retrieveAndProcessFile): add new `client` field to differentiate new RunClient type

* WIP: new assistants stream handling

* chore: stores messages to StreamRunManager

* chore: add additional typedefs

* fix: pass req and openai to StreamRunManager

* fix(AssistantService): pass openai as client to `retrieveAndProcessFile`

* WIP: streaming tool i/o, handle in_progress and completed run steps

* feat(assistants): process required actions with streaming enabled

* chore: condense early return check for useSSE useEffect

* chore: remove unnecessary comments and only handle completed tool calls when not function

* feat: add TTL for assistants run abort cacheKey

* feat: abort stream runs

* fix(assistants): render streaming cursor

* fix(assistants): hide edit icon as functionality is not supported

* fix(textArea): handle pasting edge cases; first, when onChange events wouldn't fire; second, when textarea wouldn't resize

* chore: memoize Conversations

* chore(useTextarea): reverse args order

* fix: load default capabilities when an azure is configured to support assistants, but `assistants` endpoint is not configured

* fix(AssistantSelect): update form assistant model on assistant form select

* fix(actions): handle azure strict validation for function names to fix crud for actions

* chore: remove content data debug log as it fires in rapid succession

* feat: improve UX for assistant errors mid-request

* feat: add tool call localizations and replace any domain separators from azure action names

* refactor(chat): error out tool calls without outputs during handleError

* fix(ToolService): handle domain separators allowing Azure use of actions

* refactor(StreamRunManager): types and throw Error if tool submission fails

client/src/components/SidePanel/Builder/ActionsInput.tsx

@@ -14,9 +14,11 @@ import type {
 } from 'librechat-data-provider';
 import type { ActionAuthForm } from '~/common';
 import type { Spec } from './ActionsTable';
+import { useAssistantsMapContext, useToastContext } from '~/Providers';
 import { ActionsTable, columns } from './ActionsTable';
 import { useUpdateAction } from '~/data-provider';
 import { cn, removeFocusOutlines } from '~/utils';
+import useLocalize from '~/hooks/useLocalize';
 import { Spinner } from '~/components/svg';
 
 const debouncedValidation = debounce(
@@ -44,6 +46,9 @@ export default function ActionsInput({
     setValidationResult(result);
   };
 
+  const localize = useLocalize();
+  const { showToast } = useToastContext();
+  const assistantMap = useAssistantsMapContext();
   const { handleSubmit, reset } = useFormContext<ActionAuthForm>();
   const [validationResult, setValidationResult] = useState<null | ValidationResult>(null);
   const [inputValue, setInputValue] = useState('');
@@ -81,9 +86,19 @@ export default function ActionsInput({
 
   const updateAction = useUpdateAction({
     onSuccess(data) {
+      showToast({
+        message: localize('com_assistants_update_actions_success'),
+        status: 'success',
+      });
       reset();
       setAction(data[2]);
     },
+    onError(error) {
+      showToast({
+        message: (error as Error)?.message ?? localize('com_assistants_update_actions_error'),
+        status: 'error',
+      });
+    },
   });
 
   const saveAction = handleSubmit((authFormData) => {
@@ -158,6 +173,7 @@ export default function ActionsInput({
       metadata,
       functions,
       assistant_id,
+      model: assistantMap[assistant_id].model,
     });
   });
 
@@ -185,7 +201,8 @@ export default function ActionsInput({
               onChange={(e) => console.log(e.target.value)}
               className="border-token-border-medium h-8 min-w-[100px] rounded-lg border bg-transparent px-2 py-0 text-sm"
             >
-              <option value="label">Examples</option>
+              <option value="label">{localize('com_ui_examples')}</option>
+              {/* TODO: make these appear and function correctly */}
               <option value="0">Weather (JSON)</option>
               <option value="1">Pet Store (YAML)</option>
               <option value="2">Blank Template</option>
@@ -218,7 +235,9 @@ export default function ActionsInput({
       {!!data && (
         <div>
           <div className="mb-1.5 flex items-center">
-            <label className="text-token-text-primary block font-medium">Available actions</label>
+            <label className="text-token-text-primary block font-medium">
+              {localize('com_assistants_available_actions')}
+            </label>
           </div>
           <ActionsTable columns={columns} data={data} />
         </div>
@@ -226,7 +245,9 @@ export default function ActionsInput({
       <div className="mt-4">
         <div className="mb-1.5 flex items-center">
           <span className="" data-state="closed">
-            <label className="text-token-text-primary block font-medium">Privacy policy</label>
+            <label className="text-token-text-primary block font-medium">
+              {localize('com_ui_privacy_policy')}
+            </label>
           </span>
         </div>
         <div className="rounded-md border border-gray-300 px-3 py-2 shadow-none focus-within:border-gray-800 focus-within:ring-1 focus-within:ring-gray-800 dark:border-gray-700 dark:bg-gray-700 dark:focus-within:border-gray-500 dark:focus-within:ring-gray-500">
@@ -252,13 +273,12 @@ export default function ActionsInput({
           className="focus:shadow-outline mt-1 flex min-w-[100px] items-center justify-center rounded bg-green-500 px-4 py-2 font-semibold text-white hover:bg-green-400 focus:border-green-500 focus:outline-none focus:ring-0 disabled:bg-green-400"
           type="button"
         >
-          {/* TODO: Add localization */}
           {updateAction.isLoading ? (
             <Spinner className="icon-md" />
           ) : action?.action_id ? (
-            'Update'
+            localize('com_ui_update')
           ) : (
-            'Create'
+            localize('com_ui_create')
           )}
         </button>
       </div>