chore: models list re-render

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

@@ -19,29 +19,31 @@ const ReferenceParams = (props: ReferenceParamsProps) => {
   }
   return (
     <div className="reference-params">
-      <Tooltip
-        title={
-          <Space>
-            <span>
-              {intl.formatMessage({ id: 'playground.completion' })}:{' '}
-              {usage.completion_tokens}
-            </span>
-            <span>
-              {intl.formatMessage({ id: 'playground.prompt' })}:{' '}
-              {usage.prompt_tokens}
-            </span>
-          </Space>
-        }
-      >
-        <span>
-          {intl.formatMessage({ id: 'playground.tokenusage' })}:{' '}
-          {usage.total_tokens}
-        </span>
-      </Tooltip>
+      <span className="usage">
+        <Tooltip
+          title={
+            <Space>
+              <span>
+                {intl.formatMessage({ id: 'playground.completion' })}:{' '}
+                {usage.completion_tokens}
+              </span>
+              <span>
+                {intl.formatMessage({ id: 'playground.prompt' })}:{' '}
+                {usage.prompt_tokens}
+              </span>
+            </Space>
+          }
+        >
+          <span>
+            {intl.formatMessage({ id: 'playground.tokenusage' })}:{' '}
+            {usage.total_tokens}
+          </span>
+        </Tooltip>
+      </span>
 
       <span>
         {intl.formatMessage({ id: 'playground.tokenoutput' })}:{' '}
-        {usage.time_per_output_token_ms} token/ms
+        {usage.time_per_output_token_ms * 1000} Tokens/s
       </span>
     </div>
   );

src/pages/playground/style/chat-footer.less

@@ -1,4 +1,6 @@
 .chat-footer {
   display: flex;
   align-items: center;
+  padding-block: 10px;
+  padding-right: 32px;
 }

src/pages/playground/style/ground-left.less

@@ -4,17 +4,10 @@
   flex-direction: column;
   position: relative;
   height: calc(100vh - 136px);
-  // padding-bottom: 120px;
-  padding-right: 32px;
 
   .message-list-wrap {
     max-height: calc(100vh - 152px);
     overflow-y: auto;
-  }
-
-  .ground-left-footer {
-    // position: absolute;
-    // bottom: 20px;
-    // width: 100%;
+    padding-right: 32px;
   }
 }

src/pages/playground/style/reference-params.less

@@ -1,9 +1,12 @@
 .reference-params {
   display: flex;
-  cursor: pointer;
   height: 40px;
   justify-content: center;
   align-items: center;
   color: var(--ant-orange);
   gap: 20px;
+
+  .usage {
+    cursor: pointer;
+  }
 }