From b40123f6071551ba3fe531f6d965fcc9dcc7bf8f Mon Sep 17 00:00:00 2001
From: Marco Beretta <81851188+berry-13@users.noreply.github.com>
Date: Sat, 20 Dec 2025 12:28:16 +0100
Subject: [PATCH] feat: Replace loading spinner with Spinner component for
 improved consistency

---
 client/src/components/Conversations/Convo.tsx | 25 +++----------------
 1 file changed, 3 insertions(+), 22 deletions(-)

diff --git a/client/src/components/Conversations/Convo.tsx b/client/src/components/Conversations/Convo.tsx
index c0cfcd601c..412cbeb3a2 100644
--- a/client/src/components/Conversations/Convo.tsx
+++ b/client/src/components/Conversations/Convo.tsx
@@ -2,11 +2,11 @@ import React, { useState, useEffect, useRef, useMemo } from 'react';
 import { useRecoilValue } from 'recoil';
 import { useParams } from 'react-router-dom';
 import { Constants } from 'librechat-data-provider';
-import { useToastContext, useMediaQuery } from '@librechat/client';
+import { useToastContext, useMediaQuery, Spinner } from '@librechat/client';
 import type { TConversation } from 'librechat-data-provider';
+import { useAgentsMapContext } from '~/Providers/AgentsMapContext';
 import { useUpdateConversationMutation } from '~/data-provider';
 import EndpointIcon from '~/components/Endpoints/EndpointIcon';
-import { useAgentsMapContext } from '~/Providers/AgentsMapContext';
 import { useNavigateToConvo, useLocalize } from '~/hooks';
 import { useGetEndpointsQuery } from '~/data-provider';
 import { NotificationSeverity } from '~/common';
@@ -191,26 +191,7 @@ export default function Conversation({
           localize={localize}
         >
           {isGenerating ? (
-            <svg
-              className="h-5 w-5 flex-shrink-0 animate-spin text-text-primary"
-              viewBox="0 0 24 24"
-              fill="none"
-              aria-label={localize('com_ui_generating')}
-            >
-              <circle
-                className="opacity-25"
-                cx="12"
-                cy="12"
-                r="10"
-                stroke="currentColor"
-                strokeWidth="3"
-              />
-              <path
-                className="opacity-75"
-                fill="currentColor"
-                d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-              />
-            </svg>
+            <Spinner size={20} />
           ) : (
             <EndpointIcon
               conversation={conversation}