fix: import Explore Apps raise error (#11091)

web/app/components/explore/app-list/index.tsx

 import Category from '@/app/components/explore/category'
 import AppCard from '@/app/components/explore/app-card'
 import { fetchAppDetail, fetchAppList } from '@/service/explore'
-import { importApp } from '@/service/apps'
+import { importDSL } from '@/service/apps'
 import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
 import CreateAppModal from '@/app/components/explore/create-app-modal'
 import AppTypeSelector from '@/app/components/app/type-selector'
 import { useAppContext } from '@/context/app-context'
 import { getRedirection } from '@/utils/app-redirection'
 import Input from '@/app/components/base/input'
+import { DSLImportMode } from '@/models/app'
 
 type AppsProps = {
   pageType?: PageType
       currApp?.app.id as string,
     )
     try {
-      const app = await importApp({
-        data: export_data,
+      const app = await importDSL({
+        mode: DSLImportMode.YAML_CONTENT,
+        yaml_content: export_data,
         name,
         icon_type,
         icon,

web/utils/app-redirection.ts

   redirectionFunc: (href: string) => void,
 ) => {
   if (!isCurrentWorkspaceEditor) {
-    redirectionFunc(`/app/${app.id}/overview`)
+    redirectionFunc(`/app/${app.app_id}/overview`)
   }
   else {
     if (app.mode === 'workflow' || app.mode === 'advanced-chat')
-      redirectionFunc(`/app/${app.id}/workflow`)
+      redirectionFunc(`/app/${app.app_id}/workflow`)
     else
-      redirectionFunc(`/app/${app.id}/configuration`)
+      redirectionFunc(`/app/${app.app_id}/configuration`)
   }
 }