app import supported

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

@@ -13,13 +13,12 @@ import type { App } from '@/models/explore'
 import Category from '@/app/components/explore/category'
 import AppCard from '@/app/components/explore/app-card'
 import { fetchAppDetail, fetchAppList } from '@/service/explore'
-import { createApp } from '@/service/apps'
+import { importApp } from '@/service/apps'
 import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
 import CreateAppModal from '@/app/components/explore/create-app-modal'
 import type { CreateAppModalProps } from '@/app/components/explore/create-app-modal'
 import Loading from '@/app/components/base/loading'
 import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
-import { type AppMode } from '@/types/app'
 import { useAppContext } from '@/context/app-context'
 
 type AppsProps = {
@@ -73,19 +72,16 @@ const Apps = ({
     icon_background,
     description,
   }) => {
-    const { app_model_config: model_config } = await fetchAppDetail(
+    const { export_data } = await fetchAppDetail(
       currApp?.app.id as string,
     )
-    // #TODO# need yaml config from app detail
-    // #TODO# use import api
     try {
-      const app = await createApp({
+      const app = await importApp({
+        data: export_data,
         name,
         icon,
         icon_background,
-        mode: currApp?.app.mode as AppMode,
         description,
-        config: model_config,
       })
       setIsShowCreateModal(false)
       Toast.notify({

web/service/apps.ts

@@ -28,6 +28,10 @@ export const exportAppConfig: Fetcher<{ data: string }, string> = (appID) => {
   return post<{ data: string }>(`apps/${appID}/export`)
 }
 
+export const importApp: Fetcher<AppDetailResponse, { data: string; name?: string; description?: string; icon?: string; icon_background?: string }> = ({ name, description, icon, icon_background }) => {
+  return post<AppDetailResponse>('apps/import', { body: { name, description, icon, icon_background } })
+}
+
 export const deleteApp: Fetcher<CommonResponse, string> = (appID) => {
   return del<CommonResponse>(`apps/${appID}`)
 }