diff --git a/react/src/pages/EndpointDetailPage.tsx b/react/src/pages/EndpointDetailPage.tsx
index 0a28766bd0..0f4c5f4f74 100644
--- a/react/src/pages/EndpointDetailPage.tsx
+++ b/react/src/pages/EndpointDetailPage.tsx
@@ -18,6 +18,7 @@ import {
 } from '../hooks';
 import { useCurrentUserInfo } from '../hooks/backendai';
 import { useTanMutation } from '../hooks/reactQueryAlias';
+import { isDestroyingStatus } from './EndpointListPage';
 import {
   EndpointDetailPageQuery,
   EndpointDetailPageQuery$data,
@@ -300,7 +301,7 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
       children: endpoint?.url ? (
         <>
           <Typography.Text copyable>{endpoint?.url}</Typography.Text>
-          <Tooltip title={'LLM Playground'}>
+          <Tooltip title={'LLM Chat Test'}>
             <Button
               type="link"
               icon={<BotMessageSquareIcon />}
@@ -472,6 +473,10 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
           <Button
             loading={isPendingRefetch}
             icon={<ReloadOutlined />}
+            disabled={isDestroyingStatus(
+              endpoint?.desired_session_count,
+              endpoint?.status,
+            )}
             onClick={() => {
               startRefetchTransition(() => {
                 updateFetchKey();
@@ -489,8 +494,10 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
             type="primary"
             icon={<SettingOutlined />}
             disabled={
-              (endpoint?.desired_session_count || 0) < 0 ||
-              endpoint?.status === 'DESTROYING' ||
+              isDestroyingStatus(
+                endpoint?.desired_session_count,
+                endpoint?.status,
+              ) ||
               (!!endpoint?.created_user_email &&
                 endpoint?.created_user_email !== currentUser.email)
             }
@@ -517,7 +524,10 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
           <Button
             type="primary"
             icon={<PlusOutlined />}
-            disabled={endpoint?.status === 'DESTROYING'}
+            disabled={isDestroyingStatus(
+              endpoint?.desired_session_count,
+              endpoint?.status,
+            )}
             onClick={() => {
               setIsOpenTokenGenerationModal(true);
             }}
@@ -600,6 +610,10 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
             <Button
               icon={<SyncOutlined />}
               loading={mutationToSyncRoutes.isPending}
+              disabled={isDestroyingStatus(
+                endpoint?.desired_session_count,
+                endpoint?.status,
+              )}
               onClick={() => {
                 endpoint?.endpoint_id &&
                   mutationToSyncRoutes.mutateAsync(endpoint?.endpoint_id, {
diff --git a/react/src/pages/EndpointListPage.tsx b/react/src/pages/EndpointListPage.tsx
index 3863f2290e..e57b5c5d15 100644
--- a/react/src/pages/EndpointListPage.tsx
+++ b/react/src/pages/EndpointListPage.tsx
@@ -50,6 +50,16 @@ export type Endpoint = NonNullable<
   >[0]
 >;
 
+export const isDestroyingStatus = (
+  desiredSessionCount: number | null | undefined,
+  status: string | null | undefined,
+) => {
+  return (
+    (desiredSessionCount ?? 0) < 0 ||
+    _.includes(['DESTROYED', 'DESTROYING'], status ?? '')
+  );
+};
+
 type LifecycleStage = 'created&destroying' | 'destroyed';
 
 const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
@@ -137,8 +147,7 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
             type="text"
             icon={<SettingOutlined />}
             style={
-              row.desired_session_count < 0 ||
-              row.status?.toLowerCase() === 'destroying' ||
+              isDestroyingStatus(row?.desired_session_count, row?.status) ||
               (!!row.created_user_email &&
                 row.created_user_email !== currentUser.email)
                 ? {
@@ -149,8 +158,7 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
                   }
             }
             disabled={
-              row.desired_session_count < 0 ||
-              row.status?.toLowerCase() === 'destroying' ||
+              isDestroyingStatus(row?.desired_session_count, row?.status) ||
               (!!row.created_user_email &&
                 row.created_user_email !== currentUser.email)
             }
@@ -163,8 +171,7 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
             icon={
               <DeleteOutlined
                 style={
-                  row.desired_session_count < 0 ||
-                  row.status?.toLowerCase() === 'destroying'
+                  isDestroyingStatus(row?.desired_session_count, row?.status)
                     ? undefined
                     : {
                         color: token.colorError,
@@ -176,10 +183,10 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
               terminateModelServiceMutation.isPending &&
               optimisticDeletingId === row.endpoint_id
             }
-            disabled={
-              row.desired_session_count < 0 ||
-              row.status?.toLowerCase() === 'destroying'
-            }
+            disabled={isDestroyingStatus(
+              row?.desired_session_count,
+              row?.status,
+            )}
             onClick={() => {
               modal.confirm({
                 title: t('dialog.ask.DoYouWantToDeleteSomething', {