fix: update open playground btn

src/pages/llmodels/components/instance-item.tsx

@@ -12,7 +12,6 @@ import { HandlerOptions } from '@/hooks/use-chunk-fetch';
 import useDownloadStream from '@/hooks/use-download-stream';
 import { useBenchmarkTargetInstance } from '@/pages/llmodels/hooks/use-run-benchmark';
 import { ListItem as WorkerListItem } from '@/pages/resources/config/types';
-import useGranfanaLink from '@/pages/resources/hooks/use-grafana-link';
 import { convertFileSize } from '@/utils';
 import {
   DeleteOutlined,
@@ -330,12 +329,6 @@ const childActionList = [
     ],
     icon: <IconFont type="icon-logs" />
   },
-  {
-    label: 'resources.metrics.details',
-    key: 'metrics',
-    status: [InstanceStatusMap.Running],
-    icon: <IconFont type="icon-metrics" />
-  },
   {
     label: 'common.button.downloadLog',
     key: 'download',
@@ -438,7 +431,6 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
   handleChildSelect
 }) => {
   const systemConfig = useAtomValue(systemConfigAtom);
-  const { goToGrafana } = useGranfanaLink({ type: 'instance' });
   const { runBenchmarkOnInstance } = useBenchmarkTargetInstance();
   const [api, contextHolder] = notification.useNotification({
     stack: { threshold: 1 }
@@ -456,9 +448,6 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
       if (action.status && action.status.length > 0) {
         return action.status.includes(instanceData.state);
       }
-      if (action.key === 'metrics') {
-        return systemConfig.showMonitoring;
-      }
       return true;
     });
   }, [instanceData.state, modelData, systemConfig.showMonitoring]);
@@ -668,25 +657,27 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
           <InfoColumn fieldList={fieldList} data={offloadData}></InfoColumn>
         }
       >
-        <ThemeTag
-          opacity={0.75}
-          color="cyan"
-          style={{
-            display: 'flex',
-            alignItems: 'center',
-            maxWidth: '100%',
-            minWidth: 50,
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            borderRadius: 12
-          }}
-        >
-          <InfoCircleOutlined className="m-r-5" />
-          {intl.formatMessage({
-            id: 'models.table.cpuoffload'
-          })}
-        </ThemeTag>
+        <span>
+          <ThemeTag
+            opacity={0.75}
+            color="cyan"
+            style={{
+              display: 'flex',
+              alignItems: 'center',
+              maxWidth: '100%',
+              minWidth: 50,
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap',
+              overflow: 'hidden',
+              borderRadius: 12
+            }}
+          >
+            <InfoCircleOutlined className="m-r-5" />
+            {intl.formatMessage({
+              id: 'models.table.cpuoffload'
+            })}
+          </ThemeTag>
+        </span>
       </Tooltip>
     );
   }, [
@@ -703,8 +694,6 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
         filename: createFileName(instanceData.name),
         downloadNotification
       });
-    } else if (val === 'metrics') {
-      goToGrafana(instanceData);
     } else {
       handleChildSelect(val, instanceData);
     }

src/pages/llmodels/components/table-list.tsx

@@ -13,11 +13,12 @@ import { PageActionType } from '@/config/types';
 import useBodyScroll from '@/hooks/use-body-scroll';
 import useExpandedRowKeys from '@/hooks/use-expanded-row-keys';
 import useTableRowSelection from '@/hooks/use-table-row-selection';
+import useWatchList from '@/hooks/use-watch-list';
 import PageBox from '@/pages/_components/page-box';
 import useNoResourceResult from '@/pages/llmodels/hooks/use-no-resource-result';
+import { MODEL_ROUTE_TARGETS } from '@/pages/model-routes/apis';
 import { TargetStatusValueMap } from '@/pages/model-routes/config';
 import useOpenPlayground from '@/pages/model-routes/hooks/use-open-playground';
-import useQueryTargets from '@/pages/model-routes/services/use-query-targets';
 import useGranfanaLink from '@/pages/resources/hooks/use-grafana-link';
 import { handleBatchRequest } from '@/utils';
 import { DownOutlined, SearchOutlined, SyncOutlined } from '@ant-design/icons';
@@ -166,11 +167,8 @@ const Models: React.FC<ModelsProps> = ({
     useFilterStatus({
       onStatusChange: onStatusChange
     });
-  const { fetchData: fetchTargets, dataList: targetList } = useQueryTargets();
+  const { watchDataList: targetList } = useWatchList(MODEL_ROUTE_TARGETS);
 
-  useEffect(() => {
-    fetchTargets({});
-  }, []);
   const { goToGrafana, ActionButton } = useGranfanaLink({
     type: 'model',
     dataList: dataSource || []
@@ -554,7 +552,7 @@ const Models: React.FC<ModelsProps> = ({
       sortOrder,
       targetList: targetList
     };
-  }, [handleSelect, clusterList, sortOrder]);
+  }, [handleSelect, clusterList, sortOrder, targetList]);
 
   const columns = useModelsColumns(options);
 

src/pages/llmodels/components/update-modal.tsx

@@ -275,6 +275,7 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
           initialValues={formData}
           source={formData.source || ''}
           action={action}
+          realAction={realAction}
           clusterList={clusterList}
           onOk={handleOk}
           ref={formRef}