feat(iod): 重构数联网搜索功能

- 新增数联网设置页面
- 优化数联网搜索结果展示
- 添加数据集、科创场景和科技企业等不同类型的搜索结果
- 重构搜索结果卡片组件，支持加载状态和不同展示模式
- 更新数联网搜索相关的国际化文案

src/components/Option/Playground/Playground.tsx

@@ -6,7 +6,7 @@ import { PlaygroundForm } from "./PlaygroundForm"
 import { PlaygroundChat } from "./PlaygroundChat"
 import { useMessageOption } from "@/hooks/useMessageOption"
 import { webUIResumeLastChat } from "@/services/app"
-import { PlaygroundData } from '@/components/Common/Playground/Data.tsx'
+import { PlaygroundData } from "@/components/Common/Playground/Data.tsx"
 import { PlaygroundScene } from "@/components/Common/Playground/Scene.tsx"
 
 import {
@@ -23,7 +23,6 @@ import { PlaygroundTeam } from "@/components/Common/Playground/Team.tsx"
 import { PlaygroundHistory } from "@/components/Common/Playground/History.tsx"
 import { PlaygroundIodRelevant } from "@/components/Common/Playground/IodRelevant.tsx"
 
-
 export const Playground = () => {
   const drop = React.useRef<HTMLDivElement>(null)
   const [dropedFile, setDropedFile] = React.useState<File | undefined>()
@@ -146,13 +145,14 @@ export const Playground = () => {
         dropState === "dragging" ? "bg-gray-100 dark:bg-gray-800" : ""
       } bg-white dark:bg-[#171717]`}>
       <PlaygroundHistory />
-      <div className="relative h-full flex-1 prose-lg flex flex-col items-center [&>*]:max-w-[848px] pt-[60px]">
+      <div className="h-full flex-1 overflow-x-hidden prose-lg flex flex-col items-center [&>*]:max-w-[848px] pt-[60px]">
         <div
           ref={containerRef}
-          className="custom-scrollbar flex h-auto w-full flex-col items-center overflow-x-hidden overflow-y-auto px-5">
+          className="custom-scrollbar flex h-auto w-full flex-col items-center px-5">
           <PlaygroundChat />
         </div>
-        <div className="relative bottom-0 w-full">
+        <div
+          className={`${messages.length ? "absolute" : "relative"} bottom-0 w-full`}>
           {!isAtBottom && (
             <div className="absolute bottom-36 z-20 left-0 right-0 flex justify-center">
               <button
@@ -166,22 +166,20 @@ export const Playground = () => {
         </div>
       </div>
       {/*auto_530px_165px*/}
-      {messages.length && (
-        <div
-          className="w-4/12 h-full grid grid-rows-10 gap-3 pt-16 pr-5 pb-0"
-          style={{ paddingTop: "4rem" }}>
-          <div className="w-full row-span-4">
-            <PlaygroundIodRelevant />
-          </div>
-          <div className="w-full row-span-4  grid grid-cols-2 gap-3 custom-scrollbar">
-            <PlaygroundData />
-            <PlaygroundScene />
-          </div>
-          <div className="w-full row-span-2 pb-3">
-            <PlaygroundTeam />
-          </div>
+      <div
+        className="w-4/12 h-full grid grid-rows-12 gap-3 pt-16 pr-5 pb-0"
+        style={{ paddingTop: "4rem" }}>
+        <div className="w-full row-span-5">
+          <PlaygroundIodRelevant />
         </div>
-      )}
+        <div className="w-full row-span-4  grid grid-cols-2 gap-3 custom-scrollbar">
+          <PlaygroundData />
+          <PlaygroundScene />
+        </div>
+        <div className="w-full row-span-3 pb-3">
+          <PlaygroundTeam />
+        </div>
+      </div>
     </div>
   )
 }