revert: show model name from api directly in apikeys

src/pages/api-keys/components/add-apikey-modal/allow-models.tsx

@@ -1,7 +1,6 @@
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
 import { queryMyModels } from '@/pages/llmodels/apis';
-import useOpenPlayground from '@/pages/model-routes/hooks/use-open-playground';
 import { SelectPanel, useAppUtils } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Checkbox, Divider, Form, Radio } from 'antd';
@@ -23,7 +22,6 @@ const AllowModelsForm: React.FC<{
   onValuesChange?: (changedValues: any, allValues: any) => void;
 }> = ({ currentData, action, onValuesChange }) => {
   const intl = useIntl();
-  const { generateModelName } = useOpenPlayground();
   const { getRuleMessage } = useAppUtils();
   const form = Form.useFormInstance();
   const allowedModelNames = Form.useWatch(
@@ -41,7 +39,7 @@ const AllowModelsForm: React.FC<{
       const res = await queryMyModels({
         page: -1
       });
-      const options = res.items.map((item) => generateModelName(item));
+      const options = res.items.map((item) => item.name);
       if (action === PageAction.EDIT && currentData) {
         const list = new Set([
           ...options,

src/pages/billing/index.tsx

@@ -38,6 +38,7 @@ const Billing: React.FC = () => {
             />
           }
           title={intl.formatMessage({ id: 'billing.upsell.title' })}
+          subTitle={intl.formatMessage({ id: 'billing.upsell.subtitle' })}
           extra={
             <div
               style={{