refactor: update asset paths and remove unused SVG files

- Changed asset URLs in CSS files to use absolute paths instead of relative paths.
- Removed unused SVG files from the project to clean up the codebase.
- Updated the development script in package.json to utilize turbopack for improved performance.

web/app/(commonLayout)/list.module.css

@@ -86,11 +86,11 @@
 }
 
 /* .newItemIconChat {
-  background-image: url("~@/app/components/base/icons/assets/public/header-nav/studio/Robot.svg");
+  background-image: url("@/app/components/base/icons/assets/public/header-nav/studio/Robot.svg");
 }
 
 .selected .newItemIconChat {
-  background-image: url("~@/app/components/base/icons/assets/public/header-nav/studio/Robot-Active.svg");
+  background-image: url("@/app/components/base/icons/assets/public/header-nav/studio/Robot-Active.svg");
 } */
 
 .newItemIconComplete {
@@ -120,7 +120,7 @@
 .deleteDatasetIcon {
   @apply hidden grow-0 shrink-0 basis-8 w-8 h-8 rounded-lg transition-colors duration-200 ease-in-out bg-white border border-gray-200 hover:bg-gray-100 bg-center bg-no-repeat;
   background-size: 16px;
-  background-image: url('~@/assets/delete.svg');
+  background-image: url('/assets/delete.svg');
 }
 
 .listItem:hover .deleteDatasetIcon {

web/app/components/base/audio-btn/style.module.css

@@ -1,10 +1,10 @@
 .playIcon {
-  background-image: url(~@/app/components/develop/secret-key/assets/play.svg);
+  background-image: url(/assets/play.svg);
   background-position: center;
   background-repeat: no-repeat;
 }
 .pauseIcon {
-  background-image: url(~@/app/components/develop/secret-key/assets/pause.svg);
+  background-image: url(/assets/pause.svg);
   background-position: center;
   background-repeat: no-repeat;
 }

web/app/components/base/copy-btn/style.module.css

@@ -1,15 +1,15 @@
 .copyIcon {
-  background-image: url(~@/app/components/develop/secret-key/assets/copy.svg);
+  background-image: url(app/components/develop/secret-key/assets/copy.svg);
   background-position: center;
   background-repeat: no-repeat;
 }
 
 .copyIcon:hover {
-  background-image: url(~@/app/components/develop/secret-key/assets/copy-hover.svg);
+  background-image: url(app/components/develop/secret-key/assets/copy-hover.svg);
   background-position: center;
   background-repeat: no-repeat;
 }
 
 .copyIcon.copied {
-  background-image: url(~@/app/components/develop/secret-key/assets/copied.svg);
+  background-image: url(app/components/develop/secret-key/assets/copied.svg);
 }

web/app/components/base/copy-feedback/style.module.css

@@ -1,15 +1,15 @@
 .copyIcon {
-  background-image: url(~@/app/components/develop/secret-key/assets/copy.svg);
+  background-image: url(/assets/copy.svg);
   background-position: center;
   background-repeat: no-repeat;
 }
 
 .copyIcon:hover {
-  background-image: url(~@/app/components/develop/secret-key/assets/copy-hover.svg);
+  background-image: url(/assets/copy-hover.svg);
   background-position: center;
   background-repeat: no-repeat;
 }
 
 .copyIcon.copied {
-  background-image: url(~@/app/components/develop/secret-key/assets/copied.svg);
+  background-image: url(/assets/copied.svg);
 }

web/app/components/base/icons/src/image/llm/BaichuanTextCn.module.css

@@ -1,5 +1,5 @@
 .wrapper {
   display: inline-flex;
-  background: url(~@/app/components/base/icons/assets/image/llm/baichuan-text-cn.png) center center no-repeat;
+  background: url(app/components/base/icons/assets/image/llm/baichuan-text-cn.png) center center no-repeat;
   background-size: contain;
 }

web/app/components/base/icons/src/image/llm/Minimax.module.css

@@ -1,5 +1,5 @@
 .wrapper {
   display: inline-flex;
-  background: url(~@/app/components/base/icons/assets/image/llm/minimax.png) center center no-repeat;
+  background: url(app/components/base/icons/assets/image/llm/minimax.png) center center no-repeat;
   background-size: contain;
 }

web/app/components/base/icons/src/image/llm/MinimaxText.module.css

@@ -1,5 +1,5 @@
 .wrapper {
   display: inline-flex;
-  background: url(~@/app/components/base/icons/assets/image/llm/minimax-text.png) center center no-repeat;
+  background: url(app/components/base/icons/assets/image/llm/minimax-text.png) center center no-repeat;
   background-size: contain;
 }

web/app/components/base/icons/src/image/llm/Tongyi.module.css

@@ -1,5 +1,5 @@
 .wrapper {
   display: inline-flex;
-  background: url(~@/app/components/base/icons/assets/image/llm/tongyi.png) center center no-repeat;
+  background: url(app/components/base/icons/assets/image/llm/tongyi.png) center center no-repeat;
   background-size: contain;
 }

web/app/components/base/icons/src/image/llm/TongyiText.module.css

@@ -1,5 +1,5 @@
 .wrapper {
   display: inline-flex;
-  background: url(~@/app/components/base/icons/assets/image/llm/tongyi-text.png) center center no-repeat;
+  background: url(app/components/base/icons/assets/image/llm/tongyi-text.png) center center no-repeat;
   background-size: contain;
 }

web/app/components/base/icons/src/image/llm/TongyiTextCn.module.css

@@ -1,5 +1,5 @@
 .wrapper {
   display: inline-flex;
-  background: url(~@/app/components/base/icons/assets/image/llm/tongyi-text-cn.png) center center no-repeat;
+  background: url(app/components/base/icons/assets/image/llm/tongyi-text-cn.png) center center no-repeat;
   background-size: contain;
 }

web/app/components/base/icons/src/image/llm/Wxyy.module.css

@@ -1,5 +1,5 @@
 .wrapper {
   display: inline-flex;
-  background: url(~@/app/components/base/icons/assets/image/llm/wxyy.png) center center no-repeat;
+  background: url(app/components/base/icons/assets/image/llm/wxyy.png) center center no-repeat;
   background-size: contain;
 }

web/app/components/base/icons/src/image/llm/WxyyText.module.css

@@ -1,5 +1,5 @@
 .wrapper {
   display: inline-flex;
-  background: url(~@/app/components/base/icons/assets/image/llm/wxyy-text.png) center center no-repeat;
+  background: url(app/components/base/icons/assets/image/llm/wxyy-text.png) center center no-repeat;
   background-size: contain;
 }

web/app/components/base/icons/src/image/llm/WxyyTextCn.module.css

@@ -1,5 +1,5 @@
 .wrapper {
   display: inline-flex;
-  background: url(~@/app/components/base/icons/assets/image/llm/wxyy-text-cn.png) center center no-repeat;
+  background: url(app/components/base/icons/assets/image/llm/wxyy-text-cn.png) center center no-repeat;
   background-size: contain;
 }

web/app/components/base/svg/style.module.css

@@ -1,11 +1,11 @@
 .svgIcon {
-  background-image: url(~@/app/components/develop/secret-key/assets/svg.svg);
+  background-image: url(/assets/svg.svg);
   background-position: center;
   background-repeat: no-repeat;
 }
 
 .svgIconed {
-  background-image: url(~@/app/components/develop/secret-key/assets/svged.svg);
+  background-image: url(/assets/svged.svg);
   background-position: center;
   background-repeat: no-repeat;
 }

web/app/components/datasets/documents/style.module.css

@@ -54,40 +54,40 @@
 }
 .actionIcon {
   @apply bg-gray-500;
-  mask-image: url(~@/assets/action.svg);
+  mask-image: url(/assets/action.svg);
 }
 .pdfIcon {
-  background-image: url(~@/assets/pdf.svg);
+  background-image: url(/assets/pdf.svg);
 }
 .jsonIcon {
-  background-image: url(~@/assets/json.svg);
+  background-image: url(/assets/json.svg);
 }
 .htmlIcon {
-  background-image: url(~@/assets/html.svg);
+  background-image: url(/assets/html.svg);
 }
 .txtIcon {
-  background-image: url(~@/assets/txt.svg);
+  background-image: url(/assets/txt.svg);
 }
 .markdownIcon {
-  background-image: url(~@/assets/md.svg);
+  background-image: url(/assets/md.svg);
 }
 .mdIcon {
-  background-image: url(~@/assets/md.svg);
+  background-image: url(/assets/md.svg);
 }
 .xlsIcon {
-  background-image: url(~@/assets/xlsx.svg);
+  background-image: url(/assets/xlsx.svg);
 }
 .xlsxIcon {
-  background-image: url(~@/assets/xlsx.svg);
+  background-image: url(/assets/xlsx.svg);
 }
 .csvIcon {
-  background-image: url(~@/assets/csv.svg);
+  background-image: url(/assets/csv.svg);
 }
 .docIcon {
-  background-image: url(~@/assets/doc.svg);
+  background-image: url(/assets/doc.svg);
 }
 .docxIcon {
-  background-image: url(~@/assets/docx.svg);
+  background-image: url(/assets/docx.svg);
 }
 .statusItemDetail {
   @apply border-[0.5px] border-components-button-secondary-border inline-flex items-center

web/app/components/develop/secret-key/style.module.css

@@ -26,7 +26,7 @@
 
 .trashIcon {
     background-color: transparent;
-    background-image: url(./assets/trash-gray.svg);
+    background-image: url(/assets/trash-gray.svg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 16px 16px;
@@ -34,24 +34,24 @@
 
 .trashIcon:hover {
     background-color: rgba(254, 228, 226, 1);
-    background-image: url(./assets/trash-red.svg);
+    background-image: url(/assets/trash-red.svg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 16px 16px;
 }
 
 .copyIcon {
-    background-image: url(./assets/copy.svg);
+    background-image: url(/assets/copy.svg);
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .copyIcon:hover {
-    background-image: url(./assets/copy-hover.svg);
+    background-image: url(/assets/copy-hover.svg);
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .copyIcon.copied {
-    background-image: url(./assets/copied.svg);
+    background-image: url(/assets/copied.svg);
 }

web/app/components/explore/item-operation/style.module.css

@@ -15,12 +15,12 @@
 
 .actionIcon {
   @apply bg-gray-500;
-  mask-image: url(~@/assets/action.svg);
+  mask-image: url(/assets/action.svg);
 }
 
 body .btn.open,
 body .btn:hover {
-  background: url(~@/assets/action.svg) center center no-repeat transparent;
+  background: url(/assets/action.svg) center center no-repeat transparent;
   background-size: 16px 16px;
 }
 

web/app/components/tools/add-tool-modal/empty.tsx

@@ -7,7 +7,7 @@ const Empty = () => {
 
   return (
     <div className='flex flex-col items-center'>
-      <div className="h-[149px] w-[163px] shrink-0 bg-[url('~@/app/components/tools/add-tool-modal/empty.png')] bg-cover bg-no-repeat"></div>
+      <div className="h-[149px] w-[163px] shrink-0 bg-[url('/assets/empty.png')] bg-cover bg-no-repeat"></div>
       <div className='mb-1 text-[13px] font-medium leading-[18px] text-text-primary'>
         {t(`tools.addToolModal.${searchParams.get('category') === 'workflow' ? 'emptyTitle' : 'emptyTitleCustom'}`)}
       </div>

web/app/components/tools/add-tool-modal/type.tsx

@@ -17,7 +17,7 @@ const Types = ({
   return (
     <div className='mb-3'>
       <div className={cn('mb-0.5 flex cursor-pointer items-center rounded-lg p-1 pl-3 text-sm leading-5 hover:bg-white', value === 'builtin' && '!bg-white font-medium')} onClick={() => onSelect('builtin')}>
-        <div className="mr-2 h-4 w-4 shrink-0 bg-[url('~@/app/components/tools/add-tool-modal/D.png')] bg-cover bg-no-repeat" />
+        <div className="mr-2 h-4 w-4 shrink-0 bg-[url('/assets/D.png')] bg-cover bg-no-repeat" />
         <span className={cn('text-gray-700', value === 'builtin' && '!text-primary-600')}>{t('tools.type.builtIn')}</span>
       </div>
       <div className={cn('mb-0.5 flex cursor-pointer items-center rounded-lg p-1 pl-3 text-sm leading-5 text-gray-700 hover:bg-white', value === 'api' && '!bg-white font-medium !text-primary-600')} onClick={() => onSelect('api')}>

web/app/components/workflow/run/status-container.tsx

@@ -18,30 +18,30 @@ const StatusContainer: FC<Props> = ({
     <div
       className={cn(
         'system-xs-regular relative break-all rounded-lg border px-3 py-2.5',
-        status === 'succeeded' && 'border-[rgba(23,178,106,0.8)] bg-workflow-display-success-bg bg-[url(~@/app/components/workflow/run/assets/bg-line-success.svg)] text-text-success',
+        status === 'succeeded' && 'border-[rgba(23,178,106,0.8)] bg-workflow-display-success-bg bg-[url(/assets/bg-line-success.svg)] text-text-success',
         status === 'succeeded' && theme === Theme.light && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.5),inset_0_1px_3px_0_rgba(0,0,0,0.12),inset_0_2px_24px_0_rgba(23,178,106,0.2),0_1px_2px_0_rgba(9,9,11,0.05),0_0_0_1px_rgba(0,0,0,0.05)]',
         status === 'succeeded' && theme === Theme.dark && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.12),inset_0_1px_3px_0_rgba(0,0,0,0.4),inset_0_2px_24px_0_rgba(23,178,106,0.25),0_1px_2px_0_rgba(0,0,0,0.1),0_0_0_1px_rgba(24, 24, 27, 0.95)]',
-        status === 'partial-succeeded' && 'border-[rgba(23,178,106,0.8)] bg-workflow-display-success-bg bg-[url(~@/app/components/workflow/run/assets/bg-line-success.svg)] text-text-success',
+        status === 'partial-succeeded' && 'border-[rgba(23,178,106,0.8)] bg-workflow-display-success-bg bg-[url(/assets/bg-line-success.svg)] text-text-success',
         status === 'partial-succeeded' && theme === Theme.light && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.5),inset_0_1px_3px_0_rgba(0,0,0,0.12),inset_0_2px_24px_0_rgba(23,178,106,0.2),0_1px_2px_0_rgba(9,9,11,0.05),0_0_0_1px_rgba(0,0,0,0.05)]',
         status === 'partial-succeeded' && theme === Theme.dark && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.12),inset_0_1px_3px_0_rgba(0,0,0,0.4),inset_0_2px_24px_0_rgba(23,178,106,0.25),0_1px_2px_0_rgba(0,0,0,0.1),0_0_0_1px_rgba(24, 24, 27, 0.95)]',
-        status === 'failed' && 'border-[rgba(240,68,56,0.8)] bg-workflow-display-error-bg bg-[url(~@/app/components/workflow/run/assets/bg-line-error.svg)] text-text-warning',
+        status === 'failed' && 'border-[rgba(240,68,56,0.8)] bg-workflow-display-error-bg bg-[url(/assets/bg-line-error.svg)] text-text-warning',
         status === 'failed' && theme === Theme.light && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.5),inset_0_1px_3px_0_rgba(0,0,0,0.12),inset_0_2px_24px_0_rgba(240,68,56,0.2),0_1px_2px_0_rgba(9,9,11,0.05),0_0_0_1px_rgba(0,0,0,0.05)]',
         status === 'failed' && theme === Theme.dark && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.12),inset_0_1px_3px_0_rgba(0,0,0,0.4),inset_0_2px_24px_0_rgba(240,68,56,0.25),0_1px_2px_0_rgba(0,0,0,0.1),0_0_0_1px_rgba(24, 24, 27, 0.95)]',
-        status === 'stopped' && 'border-[rgba(247,144,9,0.8)] bg-workflow-display-warning-bg bg-[url(~@/app/components/workflow/run/assets/bg-line-warning.svg)] text-text-destructive',
+        status === 'stopped' && 'border-[rgba(247,144,9,0.8)] bg-workflow-display-warning-bg bg-[url(/assets/bg-line-warning.svg)] text-text-destructive',
         status === 'stopped' && theme === Theme.light && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.5),inset_0_1px_3px_0_rgba(0,0,0,0.12),inset_0_2px_24px_0_rgba(247,144,9,0.2),0_1px_2px_0_rgba(9,9,11,0.05),0_0_0_1px_rgba(0,0,0,0.05)]',
         status === 'stopped' && theme === Theme.dark && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.12),inset_0_1px_3px_0_rgba(0,0,0,0.4),inset_0_2px_24px_0_rgba(247,144,9,0.25),0_1px_2px_0_rgba(0,0,0,0.1),0_0_0_1px_rgba(24, 24, 27, 0.95)]',
-        status === 'exception' && 'border-[rgba(247,144,9,0.8)] bg-workflow-display-warning-bg bg-[url(~@/app/components/workflow/run/assets/bg-line-warning.svg)] text-text-destructive',
+        status === 'exception' && 'border-[rgba(247,144,9,0.8)] bg-workflow-display-warning-bg bg-[url(/assets/bg-line-warning.svg)] text-text-destructive',
         status === 'exception' && theme === Theme.light && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.5),inset_0_1px_3px_0_rgba(0,0,0,0.12),inset_0_2px_24px_0_rgba(247,144,9,0.2),0_1px_2px_0_rgba(9,9,11,0.05),0_0_0_1px_rgba(0,0,0,0.05)]',
         status === 'exception' && theme === Theme.dark && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.12),inset_0_1px_3px_0_rgba(0,0,0,0.4),inset_0_2px_24px_0_rgba(247,144,9,0.25),0_1px_2px_0_rgba(0,0,0,0.1),0_0_0_1px_rgba(24, 24, 27, 0.95)]',
-        status === 'running' && 'border-[rgba(11,165,236,0.8)] bg-workflow-display-normal-bg bg-[url(~@/app/components/workflow/run/assets/bg-line-running.svg)] text-util-colors-blue-light-blue-light-600',
+        status === 'running' && 'border-[rgba(11,165,236,0.8)] bg-workflow-display-normal-bg bg-[url(/assets/bg-line-running.svg)] text-util-colors-blue-light-blue-light-600',
         status === 'running' && theme === Theme.light && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.5),inset_0_1px_3px_0_rgba(0,0,0,0.12),inset_0_2px_24px_0_rgba(11,165,236,0.2),0_1px_2px_0_rgba(9,9,11,0.05),0_0_0_1px_rgba(0,0,0,0.05)]',
         status === 'running' && theme === Theme.dark && 'shadow-[inset_2px_2px_0_0_rgba(255,255,255,0.12),inset_0_1px_3px_0_rgba(0,0,0,0.4),inset_0_2px_24px_0_rgba(11,165,236,0.25),0_1px_2px_0_rgba(0,0,0,0.1),0_0_0_1px_rgba(24, 24, 27, 0.95)]',
       )}
     >
       <div className={cn(
         'absolute left-0 top-0 h-[50px] w-[65%] bg-no-repeat',
-        theme === Theme.light && 'bg-[url(~@/app/components/workflow/run/assets/highlight.svg)]',
+        theme === Theme.light && 'bg-[url(/assets/highlight.svg)]',
-        theme === Theme.dark && 'bg-[url(~@/app/components/workflow/run/assets/highlight-dark.svg)]',
+        theme === Theme.dark && 'bg-[url(/assets/highlight-dark.svg)]',
       )}></div>
       {children}
     </div>

web/app/styles/globals.css

@@ -1,11 +1,14 @@
 @import "preflight.css";
-@tailwind base;
-@tailwind components;
-
 @import '../../themes/light.css';
 @import '../../themes/dark.css';
 @import "../../themes/manual-light.css";
 @import "../../themes/manual-dark.css";
+@import "../components/base/button/index.css";
+@import "../components/base/action-button/index.css";
+@import "../components/base/modal/index.css";
+
+@tailwind base;
+@tailwind components;
 
 html {
   color-scheme: light;
@@ -680,10 +683,6 @@ button:focus-within {
   display: none;
 }
 
-@import "../components/base/button/index.css";
-@import "../components/base/action-button/index.css";
-@import "../components/base/modal/index.css";
-
 @tailwind utilities;
 
 @layer utilities {

web/package.json

@@ -6,7 +6,7 @@
     "node": ">=v22.11.0"
   },
   "scripts": {
-    "dev": "cross-env NODE_OPTIONS='--inspect' next dev",
+    "dev": "cross-env NODE_OPTIONS='--inspect' next dev --turbopack",
     "build": "next build",
     "start": "cp -r .next/static .next/standalone/.next/static && cp -r public .next/standalone/public && cross-env PORT=$npm_config_port HOSTNAME=$npm_config_host node .next/standalone/server.js",
     "lint": "pnpm eslint --cache --cache-location node_modules/.cache/eslint/.eslint-cache",

web/public/assets/action.svg

@@ -2,4 +2,5 @@
     <path fill-rule="evenodd" clip-rule="evenodd" d="M6.66667 8.00008C6.66667 7.2637 7.26362 6.66675 8 6.66675C8.73638 6.66675 9.33333 7.2637 9.33333 8.00008C9.33333 8.73646 8.73638 9.33341 8 9.33341C7.26362 9.33341 6.66667 8.73646 6.66667 8.00008Z" fill="#667085" />
     <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3333 8.00008C11.3333 7.2637 11.9303 6.66675 12.6667 6.66675C13.403 6.66675 14 7.2637 14 8.00008C14 8.73646 13.403 9.33341 12.6667 9.33341C11.9303 9.33341 11.3333 8.73646 11.3333 8.00008Z" fill="#667085" />
     <path fill-rule="evenodd" clip-rule="evenodd" d="M2 8.00008C2 7.2637 2.59695 6.66675 3.33333 6.66675C4.06971 6.66675 4.66667 7.2637 4.66667 8.00008C4.66667 8.73646 4.06971 9.33341 3.33333 9.33341C2.59695 9.33341 2 8.73646 2 8.00008Z" fill="#667085" />
+
   </svg>