From 3889c1fa71ebd2325d780f0718bdea961fdd8871 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Wed, 25 Jun 2025 16:47:28 +0800
Subject: [PATCH] fix: reranker item uid updated, chat image size issue, #2280

---
 src/components/auto-image/single-image.less            |  2 +-
 src/components/markdown-viewer/index.tsx               |  2 +-
 src/pages/llmodels/components/instance-item.tsx        |  1 +
 src/pages/llmodels/config/types.ts                     |  1 +
 src/pages/playground/components/ground-reranker.tsx    | 10 ++++------
 .../components/multiple-chat/message-body.tsx          |  2 ++
 6 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/auto-image/single-image.less b/src/components/auto-image/single-image.less
index 2e9b2470..1b3d4df2 100644
--- a/src/components/auto-image/single-image.less
+++ b/src/components/auto-image/single-image.less
@@ -87,7 +87,7 @@
 }
 
 .single-image {
-  height: 100%;
+  // height: 100%;
   width: inherit;
   display: flex;
   justify-content: center;
diff --git a/src/components/markdown-viewer/index.tsx b/src/components/markdown-viewer/index.tsx
index aa38c166..a722ee9c 100644
--- a/src/components/markdown-viewer/index.tsx
+++ b/src/components/markdown-viewer/index.tsx
@@ -23,7 +23,7 @@ const dompurifyOptions = {
 };
 
 const cleanHtml = (html: string): string => {
-  return DOMPurify.sanitize(html, dompurifyOptions);
+  return DOMPurify?.sanitize?.(html, dompurifyOptions);
 };
 
 const MarkdownViewer: React.FC<MarkdownViewerProps> = ({
diff --git a/src/pages/llmodels/components/instance-item.tsx b/src/pages/llmodels/components/instance-item.tsx
index 5ef103bc..3cc45d4e 100644
--- a/src/pages/llmodels/components/instance-item.tsx
+++ b/src/pages/llmodels/components/instance-item.tsx
@@ -615,6 +615,7 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
                 {renderDistributionInfo(
                   instanceData.distributed_servers?.rpc_servers ||
                     instanceData.distributed_servers?.ray_actors ||
+                    instanceData.distributed_servers?.subordinate_workers ||
                     []
                 )}
               </span>
diff --git a/src/pages/llmodels/config/types.ts b/src/pages/llmodels/config/types.ts
index 109807f4..68a08659 100644
--- a/src/pages/llmodels/config/types.ts
+++ b/src/pages/llmodels/config/types.ts
@@ -90,6 +90,7 @@ export interface ModelInstanceListItem {
   distributed_servers?: {
     rpc_servers: DistributedServerItem[];
     ray_actors: DistributedServerItem[];
+    subordinate_workers: DistributedServerItem[];
   };
   computed_resource_claim?: ComputedResourceClaim;
   s3_address: string;
diff --git a/src/pages/playground/components/ground-reranker.tsx b/src/pages/playground/components/ground-reranker.tsx
index 005fb4b2..9376ec24 100644
--- a/src/pages/playground/components/ground-reranker.tsx
+++ b/src/pages/playground/components/ground-reranker.tsx
@@ -88,7 +88,6 @@ const fieldConfig: ParamsSchema[] = [
 const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
   const { modelList } = props;
 
-  const messageId = useRef<number>(0);
   const intl = useIntl();
   const requestSource = useRequestToken();
   const [show, setShow] = useState(false);
@@ -236,8 +235,8 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
   };
 
   const setMessageId = () => {
-    messageId.current = messageId.current + 1;
-    return messageId.current;
+    const uid = inputListRef.current?.setMessageId();
+    return uid;
   };
 
   const handleStopConversation = () => {
@@ -414,12 +413,12 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
     setTextList([
       {
         text: '',
-        uid: -1,
+        uid: setMessageId(),
         name: ''
       },
       {
         text: '',
-        uid: -2,
+        uid: setMessageId(),
         name: ''
       }
     ]);
@@ -530,7 +529,6 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
             </div>
             <div className="docs-wrapper">
               <InputList
-                key={messageId.current}
                 ref={inputListRef}
                 textList={textList}
                 showLabel={false}
diff --git a/src/pages/playground/components/multiple-chat/message-body.tsx b/src/pages/playground/components/multiple-chat/message-body.tsx
index 31e3bb78..9ab3e164 100644
--- a/src/pages/playground/components/multiple-chat/message-body.tsx
+++ b/src/pages/playground/components/multiple-chat/message-body.tsx
@@ -17,6 +17,8 @@ import ThinkContent from './think-content';
 
 const AudioWrapper = styled.div`
   padding-top: 10px;
+  height: max-content;
+  margin-right: 10px;
 `;
 
 interface MessageBodyProps {