style: playground output tips

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

@@ -121,9 +121,7 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
                 </Col>
                 <Col span={5}>
                   <span style={{ paddingLeft: 38 }}>
-                    {dayjs(item.created_at)
-                      .local()
-                      .format('YYYY-MM-DD HH:mm:ss')}
+                    {dayjs(item.created_at).format('YYYY-MM-DD HH:mm:ss')}
                   </span>
                 </Col>
                 <Col span={4}>

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

@@ -378,8 +378,7 @@ const Models: React.FC<ModelsProps> = ({
             showSorterTooltip={false}
             sorter={true}
             render={(text, row) => {
-              console.log('val=time===', text, row.name, row, row.created_at);
-              return dayjs(text).local().format('YYYY-MM-DD HH:mm:ss');
+              return dayjs(text).format('YYYY-MM-DD HH:mm:ss');
             }}
           />
           <SealColumn

src/pages/playground/components/reference-params.tsx

@@ -9,6 +9,8 @@ interface ReferenceParamsProps {
     prompt_tokens: number;
     total_tokens: number;
     tokens_per_second: number;
+    time_per_output_token_ms: number;
+    time_to_first_token_ms: number;
   };
 }
 
@@ -43,8 +45,26 @@ const ReferenceParams = (props: ReferenceParamsProps) => {
       </span>
 
       <span>
-        {intl.formatMessage({ id: 'playground.tokenoutput' })}:{' '}
-        {_.round(usage.tokens_per_second, 2)} Tokens/s
+        <Tooltip
+          trigger={['click']}
+          title={
+            <Space>
+              <span>
+                {intl.formatMessage({ id: 'playground.timePerOutputToken' })}:{' '}
+                {_.round(usage.time_per_output_token_ms, 2)} ms
+              </span>
+              <span>
+                {intl.formatMessage({ id: 'playground.timeToFirstToken' })}:{' '}
+                {_.round(usage.time_to_first_token_ms, 2)} ms
+              </span>
+            </Space>
+          }
+        >
+          <span>
+            {intl.formatMessage({ id: 'playground.tokenoutput' })}:{' '}
+            {_.round(usage.tokens_per_second, 2)} Tokens/s
+          </span>
+        </Tooltip>
       </span>
     </div>
   );

src/pages/playground/components/view-code-modal.tsx

@@ -177,6 +177,7 @@ const ViewCodeModal: React.FC<ViewModalProps> = (props) => {
                       size="small"
                       href="#/api-keys"
                       target="_blank"
+                      style={{ paddingInline: 2 }}
                     >
                       <span>
                         {' '}