feat: add grafana link

src/pages/resources/components/workers.tsx

@@ -8,6 +8,7 @@ import { DockerStepsFromWorker } from '@/pages/cluster-management/components/add
 import { ClusterListItem } from '@/pages/cluster-management/config/types';
 import useAddWorker from '@/pages/cluster-management/hooks/use-add-worker';
 import useNoResourceResult from '@/pages/llmodels/hooks/use-no-resource-result';
+import useGranfanaLink from '@/pages/resources/hooks/use-grafana-link';
 import { useIntl } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';
 import { ConfigProvider, Table, message } from 'antd';
@@ -20,7 +21,6 @@ import {
   updateWorker
 } from '../apis';
 import { ListItem } from '../config/types';
-import useTerminalTabs from '../hooks/use-terminal-tabs';
 import useWorkerColumns from '../hooks/use-worker-columns';
 import useWorkerMaintenance from '../hooks/use-worker-maintenance';
 import UpdateLabels from './update-labels';
@@ -65,7 +65,7 @@ const Workers: React.FC<{
       cluster_id: clusterId
     }
   });
-  const { TerminalPanel, terminals, handleAddTerminal } = useTerminalTabs();
+  const { goToGrafana } = useGranfanaLink({ type: 'worker' });
   const { MaintenanceModal, handleStopMaintenance, setOpenStatus } =
     useWorkerMaintenance({ fetchData: handleSearch });
 
@@ -199,9 +199,8 @@ const Workers: React.FC<{
     if (val === 'stop_maintenance') {
       handleStopMaintenance(record);
     }
-
-    if (val === 'terminal') {
-      handleAddTerminal(record);
+    if (val === 'metrics') {
+      goToGrafana(record);
     }
   });
 

src/pages/resources/hooks/use-grafana-link.ts

@@ -0,0 +1,42 @@
+import { GPUSTACK_API_BASE_URL } from '@/config/settings';
+
+const useGranfanaLink = (options: {
+  type: 'model' | 'worker' | 'instance';
+}) => {
+  const goToModelGrafana = (row: { id: number }) => {
+    window.open(
+      `/${GPUSTACK_API_BASE_URL}/models/${row.id}/dashboard`,
+      '_blank'
+    );
+  };
+
+  const goToWorkerGrafana = (row: { id: number }) => {
+    window.open(
+      `/${GPUSTACK_API_BASE_URL}/workers/${row.id}/dashboard`,
+      '_blank'
+    );
+  };
+
+  const goToInstanceGrafana = (row: { id: number }) => {
+    window.open(
+      `/${GPUSTACK_API_BASE_URL}/model-instances/${row.id}/dashboard`,
+      '_blank'
+    );
+  };
+
+  const goToGrafana = (row: { id: number }) => {
+    if (options.type === 'model') {
+      goToModelGrafana(row);
+    } else if (options.type === 'worker') {
+      goToWorkerGrafana(row);
+    } else if (options.type === 'instance') {
+      goToInstanceGrafana(row);
+    }
+  };
+
+  return {
+    goToGrafana
+  };
+};
+
+export default useGranfanaLink;

src/pages/resources/hooks/use-worker-columns.tsx

@@ -1,5 +1,6 @@
 import AutoTooltip from '@/components/auto-tooltip';
 import DropdownButtons from '@/components/drop-down-buttons';
+import IconFont from '@/components/icon-font';
 import LabelsCell from '@/components/label-cell';
 import ProgressBar from '@/components/progress-bar';
 import InfoColumn from '@/components/simple-table/info-column';
@@ -42,6 +43,11 @@ const IPWrapper = styled.span`
 
 const ActionList = [
   { label: 'common.button.edit', key: 'edit', icon: <EditOutlined /> },
+  {
+    label: 'resources.metrics.details',
+    key: 'metrics',
+    icon: <IconFont type="icon-metrics" />
+  },
   // {
   //   label: 'common.button.detail',
   //   key: 'details',