style: multiple selection tag

src/pages/dashboard/components/usage-inner/use-usage-data.tsx

@@ -27,6 +27,9 @@ const FilterWrapper = styled.div`
     align-items: center;
     gap: 12px;
   }
+  .ant-select-selection-overflow-item > span {
+    height: 24px;
+  }
 `;
 
 interface RequestTokenData {
@@ -99,7 +102,12 @@ export default function useUseageData<T>(config: {
   const { url, defaultData, disabledDate = false } = config || {};
   const intl = useIntl();
   const { TagRender } = useSelectRender({
-    maxTagWidth: 100
+    maxTagWidth: 100,
+    filled: true,
+    style: {
+      height: 24,
+      lineHeight: '24px'
+    }
   });
   const { disabledRangeDaysDate, rangePresets } = useRangePickerPreset({
     range: DefaultDateConfig.maxRange,
@@ -332,7 +340,10 @@ export default function useUseageData<T>(config: {
         <div className="selection">
           <DatePicker.RangePicker
             maxDate={dayjs()}
-            defaultValue={[dayjs().add(-29, 'd'), dayjs()]}
+            defaultValue={[
+              dayjs().add(-DefaultDateConfig.defaultRange, 'd'),
+              dayjs()
+            ]}
             disabledDate={disabledRangeDaysDate}
             presets={rangePresets}
             allowClear={false}

src/pages/playground/components/message-input.tsx

@@ -209,12 +209,6 @@ const MessageInput: React.FC<MessageInputProps> = forwardRef(
     const handleClearAll = (e: any) => {
       e.stopPropagation();
       clearAll();
-      // handleInputChange({ target: { value: '' } });
-      // setMessage({
-      //   role: Roles.User,
-      //   content: '',
-      //   imgs: []
-      // });
     };
 
     const handleAddMessage = (e?: any) => {

src/pages/playground/components/multiple-chat/model-item.tsx

@@ -114,11 +114,15 @@ const ModelItem: React.FC<ModelItemProps> = forwardRef((props, ref) => {
     handleDeleteModel(instanceId);
   };
 
+  const generateValidMessage = (message: Omit<MessageItem, 'uid'>) => {
+    if (!message.content && !message.imgs?.length && !message.audio?.length) {
+      return undefined;
+    }
+    return message;
+  };
+
   const handleSubmit = (currentMessage: Omit<MessageItem, 'uid'>) => {
-    const currentMsg =
-      currentMessage.content || currentMessage.imgs?.length
-        ? currentMessage
-        : undefined;
+    const currentMsg = generateValidMessage(currentMessage);
 
     submitMessage({
       system: systemMessage
@@ -289,11 +293,11 @@ const ModelItem: React.FC<ModelItemProps> = forwardRef((props, ref) => {
           </Dropdown>
           <Popover
             autoAdjustOverflow={true}
-            overlayInnerStyle={{ width: 384, paddingInline: 0 }}
+            overlayInnerStyle={{ width: 375, paddingInline: 0 }}
             content={
               <OverlayScroller
                 maxHeight={500}
-                style={{ paddingInline: '16px' }}
+                style={{ paddingInline: '24px' }}
                 oppositeTheme={true}
               >
                 <DynamicParams
@@ -302,21 +306,25 @@ const ModelItem: React.FC<ModelItemProps> = forwardRef((props, ref) => {
                   paramsConfig={paramsConfig}
                   initialValues={initialValues}
                   showModelSelector={false}
+                  parametersTitle={
+                    <div className="flex-center flex-between">
+                      <span>
+                        {intl.formatMessage({ id: 'playground.parameters' })}
+                      </span>
+                      <Checkbox onChange={handleApplyToAllModels}>
+                        {intl.formatMessage({
+                          id: 'playground.compare.applytoall'
+                        })}
+                      </Checkbox>
+                    </div>
+                  }
                 />
               </OverlayScroller>
             }
             trigger={['click']}
             arrow={false}
             fresh={true}
-            title={
-              <div style={{ paddingInline: '16px' }}>
-                <Checkbox onChange={handleApplyToAllModels}>
-                  {intl.formatMessage({
-                    id: 'playground.compare.applytoall'
-                  })}
-                </Checkbox>
-              </div>
-            }
+            title={false}
           >
             <Button
               type="text"

src/pages/resources/components/styles/installation.less

@@ -8,6 +8,7 @@
     margin-bottom: 16px;
     padding-left: 16px;
     background: var(--ant-color-fill-tertiary);
+    color: var(--ant-color-text-secondary);
     border-radius: 2px;
     list-style-type: decimal;