🎨 chore(web): apply ESLint and Prettier auto-fixes (baseline)

- Ran: bun run eslint:fix && bun run lint:fix
- Inserted AGPL license header via eslint-plugin-header
- Enforced no-multiple-empty-lines and other lint rules
- Formatted code using Prettier v3 (@so1ve/prettier-config)
- No functional changes; formatting-only baseline across JS/JSX files

web/src/components/playground/CustomRequestEditor.jsx

@@ -25,13 +25,7 @@ import {
   Switch,
   Banner,
 } from '@douyinfe/semi-ui';
-import {
-  Code,
-  Edit,
-  Check,
-  X,
-  AlertTriangle,
-} from 'lucide-react';
+import { Code, Edit, Check, X, AlertTriangle } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 
 const CustomRequestEditor = ({
@@ -48,12 +42,22 @@ const CustomRequestEditor = ({
 
   // 当切换到自定义模式时，用默认payload初始化
   useEffect(() => {
-    if (customRequestMode && (!customRequestBody || customRequestBody.trim() === '')) {
-      const defaultJson = defaultPayload ? JSON.stringify(defaultPayload, null, 2) : '';
+    if (
+      customRequestMode &&
+      (!customRequestBody || customRequestBody.trim() === '')
+    ) {
+      const defaultJson = defaultPayload
+        ? JSON.stringify(defaultPayload, null, 2)
+        : '';
       setLocalValue(defaultJson);
       onCustomRequestBodyChange(defaultJson);
     }
-  }, [customRequestMode, defaultPayload, customRequestBody, onCustomRequestBodyChange]);
+  }, [
+    customRequestMode,
+    defaultPayload,
+    customRequestBody,
+    onCustomRequestBodyChange,
+  ]);
 
   // 同步外部传入的customRequestBody到本地状态
   useEffect(() => {
@@ -113,21 +117,21 @@ const CustomRequestEditor = ({
   };
 
   return (
-    <div className="space-y-4">
+    <div className='space-y-4'>
       {/* 自定义模式开关 */}
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-2">
-          <Code size={16} className="text-gray-500" />
-          <Typography.Text strong className="text-sm">
+      <div className='flex items-center justify-between'>
+        <div className='flex items-center gap-2'>
+          <Code size={16} className='text-gray-500' />
+          <Typography.Text strong className='text-sm'>
             自定义请求体模式
           </Typography.Text>
         </div>
         <Switch
           checked={customRequestMode}
           onChange={handleModeToggle}
-          checkedText="开"
-          uncheckedText="关"
-          size="small"
+          checkedText='开'
+          uncheckedText='关'
+          size='small'
         />
       </div>
 
@@ -135,43 +139,43 @@ const CustomRequestEditor = ({
         <>
           {/* 提示信息 */}
           <Banner
-            type="warning"
-            description="启用此模式后，将使用您自定义的请求体发送API请求，模型配置面板的参数设置将被忽略。"
+            type='warning'
+            description='启用此模式后，将使用您自定义的请求体发送API请求，模型配置面板的参数设置将被忽略。'
             icon={<AlertTriangle size={16} />}
-            className="!rounded-lg"
+            className='!rounded-lg'
             closeIcon={null}
           />
 
           {/* JSON编辑器 */}
           <div>
-            <div className="flex items-center justify-between mb-2">
-              <Typography.Text strong className="text-sm">
+            <div className='flex items-center justify-between mb-2'>
+              <Typography.Text strong className='text-sm'>
                 请求体 JSON
               </Typography.Text>
-              <div className="flex items-center gap-2">
+              <div className='flex items-center gap-2'>
                 {isValid ? (
-                  <div className="flex items-center gap-1 text-green-600">
+                  <div className='flex items-center gap-1 text-green-600'>
                     <Check size={14} />
-                    <Typography.Text className="text-xs">
+                    <Typography.Text className='text-xs'>
                       格式正确
                     </Typography.Text>
                   </div>
                 ) : (
-                  <div className="flex items-center gap-1 text-red-600">
+                  <div className='flex items-center gap-1 text-red-600'>
                     <X size={14} />
-                    <Typography.Text className="text-xs">
+                    <Typography.Text className='text-xs'>
                       格式错误
                     </Typography.Text>
                   </div>
                 )}
                 <Button
-                  theme="borderless"
-                  type="tertiary"
-                  size="small"
+                  theme='borderless'
+                  type='tertiary'
+                  size='small'
                   icon={<Edit size={14} />}
                   onClick={formatJson}
                   disabled={!isValid}
-                  className="!rounded-lg"
+                  className='!rounded-lg'
                 >
                   格式化
                 </Button>
@@ -191,12 +195,12 @@ const CustomRequestEditor = ({
             />
 
             {!isValid && errorMessage && (
-              <Typography.Text type="danger" className="text-xs mt-1 block">
+              <Typography.Text type='danger' className='text-xs mt-1 block'>
                 {errorMessage}
               </Typography.Text>
             )}
 
-            <Typography.Text className="text-xs text-gray-500 mt-2 block">
+            <Typography.Text className='text-xs text-gray-500 mt-2 block'>
               请输入有效的JSON格式的请求体。您可以参考预览面板中的默认请求体格式。
             </Typography.Text>
           </div>
@@ -206,4 +210,4 @@ const CustomRequestEditor = ({
   );
 };
 
-export default CustomRequestEditor; 
+export default CustomRequestEditor;