fix: logs viewer scroll to bottom aumatically

src/pages/llmodels/instance-view/index.tsx

@@ -172,7 +172,7 @@ const InstanceView = forwardRef((props, ref) => {
         <ConfigProvider renderEmpty={renderEmpty}>
           <Table
             rowKey="id"
-            tableLayout="fixed"
+            tableLayout="auto"
             className={'scroll-table'}
             sortDirections={TABLE_SORT_DIRECTIONS}
             showSorterTooltip={false}

src/pages/llmodels/instance-view/use-instance-columns.tsx

@@ -18,35 +18,51 @@ import NameCell, {
   NameCellProps
 } from '../components/instance-cells/name-cell';
 import {
+  DistributedServerItem,
   ModelInstanceListItem as ListItem,
   ListItem as ModelListItem
 } from '../config/types';
 import { calcTotalVram } from '../utils';
-const WorkerInfoContent: React.FC<NameCellProps> = ({ record, modelData }) => {
+
+const WorkerInfoContent: React.FC<
+  NameCellProps & { workerList: workerListItem[] }
+> = ({ record, modelData, workerList }) => {
   let workerIp = '-';
+  const distributed_servers = record.distributed_servers;
+  const severList: DistributedServerItem[] =
+    distributed_servers?.subordinate_workers || [];
+
   if (record.worker_ip) {
     workerIp = record.port
       ? `${record.worker_ip}:${record.port}`
       : record.worker_ip;
   }
+
   return (
     <div>
       <div>{record.worker_name}</div>
-      <div className="flex-center">
+      {severList.length > 0 ? (
-        <IconFont
+        <DistributeInfoCell
-          type="icon-filled-gpu"
+          record={record}
-          className="m-r-5 text-quaternary"
+          workerList={workerList}
-          style={{ fontSize: 12 }}
+        ></DistributeInfoCell>
-        />
+      ) : (
-        <span className="text-quaternary">
+        <div className="flex-center">
-          GPU:[
+          <IconFont
-          {_.join(
+            type="icon-filled-gpu"
-            record.gpu_indexes?.sort?.((a, b) => a - b),
+            className="m-r-5 text-quaternary"
-            ','
+            style={{ fontSize: 12 }}
-          )}
+          />
-          ]
+          <span className="text-quaternary">
-        </span>
+            GPU:[
-      </div>
+            {_.join(
+              record.gpu_indexes?.sort?.((a, b) => a - b),
+              ','
+            )}
+            ]
+          </span>
+        </div>
+      )}
     </div>
   );
 };
@@ -74,6 +90,7 @@ const useInstancesColumns = (options: {
     if (text) {
       return (
         <WorkerInfoContent
+          workerList={workerList}
           record={record}
           modelData={{
             backend: record.backend,
@@ -145,10 +162,6 @@ const useInstancesColumns = (options: {
         render: (text, record) => (
           <div className="flex-center gap-8">
             <AutoTooltip ghost>{renderWorkerCell(text, record)}</AutoTooltip>
-            <DistributeInfoCell
-              record={record}
-              workerList={workerList}
-            ></DistributeInfoCell>
           </div>
         )
       },