@rxdrag/website-studio 0.0.50 → 0.0.52

package/dist/{index-525006cd.js → index-a0e7f111.js}

@@ -7,7 +7,7 @@ var __publicField = (obj, key2, value) => {
 var _a, _b, _c, _d, _e, _f, _g, _h, _i2, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$2, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa;
 import * as React from "react";
 import React__default, { createContext, useContext, useMemo, memo, useEffect, useCallback, useState, useRef, forwardRef as forwardRef$2, Component, useImperativeHandle, isValidElement, cloneElement } from "react";
-import { ThemeFields, PageQueryOptions, PageFields, FrontComponentQueryOptions, FrontComponentFields, ComponentCategoryFields, SectionTemplateQueryOptions, SectionTemplateFields, ComponentCategoryQueryOptions, TemplateCategoryQueryOptions, TemplateCategoryFields, ThemeQueryOptions, StyleConfigFields, LangFields, ThemeConfigQueryOptions, ThemeConfigFields, PageAssciations, TaskQueryOptions, TaskFields, AppModule, TaskStatus, PageType, ProductCategoryEntityName, ProductCategoryQueryOptions, ProductCategoryFields, ProductQueryOptions, ProductFields, PublishableStatus, websiteToInput, TaskType, LangQueryOptions, WebsiteAssciations, ExtendFieldType, ThemeConfigAssciations, MediaQueryOptions, WebsiteSettingsQueryOptions, WebsiteSettingsFields, themeConfigToInputCascade, ThemeConfigEntityName, MediaType, themeConfigToInput, websiteSettingsToInput, WebsiteSettingsEntityName, WebsiteSettingsAssciations, PageEntityName, ThemeEntityName, themeToInputCascade, ThemeCategoryFields, themeToInput, frontComponentToInput, sectionTemplateToInput, pageToInputCascade, ComponentCategoryEntityName, SectionTemplateEntityName, FrontComponentEntityName, TaskEntityName, PageMetaFields, pageToInput, PageMetaAssciations, componentCategoryToInput, TemplateCategoryEntityName, templateCategoryToInput } from "@rxdrag/rxcms-models";
+import { ThemeFields, PageQueryOptions, PageFields, FrontComponentQueryOptions, FrontComponentFields, ComponentCategoryFields, SectionTemplateQueryOptions, SectionTemplateFields, ComponentCategoryQueryOptions, TemplateCategoryQueryOptions, TemplateCategoryFields, ThemeQueryOptions, StyleConfigFields, LangFields, ThemeConfigQueryOptions, ThemeConfigFields, PageAssciations, TaskQueryOptions, TaskFields, AppModule, TaskStatus, PageType, ProductCategoryEntityName, ProductCategoryQueryOptions, ProductCategoryFields, ProductQueryOptions, ProductFields, PublishableStatus, websiteToInput, TaskType, LangQueryOptions, WebsiteAssciations, ExtendFieldType, ThemeConfigAssciations, MediaQueryOptions, WebsiteSettingsQueryOptions, WebsiteSettingsFields, themeConfigToInputCascade, ThemeConfigEntityName, MediaType, themeConfigToInput, websiteSettingsToInput, WebsiteSettingsEntityName, WebsiteSettingsAssciations, PageEntityName, ThemeEntityName, themeToInputCascade, ThemeCategoryFields, themeToInput, frontComponentToInput, sectionTemplateToInput, pageToInputCascade, ComponentCategoryEntityName, SectionTemplateEntityName, FrontComponentEntityName, TaskEntityName, pageToInput, PageMetaQueryOptions, PageMetaFields, PageMetaAssciations, componentCategoryToInput, TemplateCategoryEntityName, templateCategoryToInput } from "@rxdrag/rxcms-models";
 import { GlobalLoading, EntityForm, SubmitButton, useListData, SearchInput, EntityPagination, useIsLoading, QueryListScope, RemoveButton, EntityTable, useRemoveRow, useEditRow, EntityEditModal, useSelectionsState, EntityListScope, NewButton, EntityRowScope, EntitySelectField, useNewRow } from "@rxdrag/rxcms-models-ui";
 import { useOneTheme, usePageList, useTemplateCategoryList, useSectionTemplateList, useComponentCategoryList, useFrontComponentList, useOneThemeById, useTaskList, useUpsertOneWebsite, useDeleteThemeById, useUpsertOneTheme, useLangList, useOneWebsiteSettings, useOneThemeConfig, useUpsertOneThemeConfig, useUpsertOneWebsiteSettings, useUpsertOnePage, useUpsertOneFrontComponent, useUpsertOneSectionTemplate, useDeletePageById } from "@rxdrag/rxcms-model-hooks";
 import { newPageMetaOptions, useWebsite, useCurrentLang, ComponentType, currentLangState, useCurrentLangId, MediaSingleSelectField, FullImageSelectField, useSiteId, usePreviewUrl, LangSelect, TitleAndSlug, TitleViewField, DescriptionViewField, SiteRoot } from "@rxdrag/biz-components";
@@ -24,7 +24,7 @@ import { ErrorBoundary, ColorPicker, useSave, CheckCircleIcon as CheckCircleIcon
 import { PageLoader, PopoverController, ModalController, AnimateController, TabsController, NumberController, FlipController, CollapseController, AosController } from "@rxdrag/website-lib-core";
 import gsap$2 from "gsap";
 import { Input, Textarea, StringArrayInput, ImageSelect, TargetSetter, propSetters, DeviceBreakpoints, DeviceContext } from "@rxdrag/schema-setters";
-import { Switch, Card, CardBody, Button as Button$2, CircularProgress, CardHeader, Select, SelectItem, Dropdown, DropdownTrigger, DropdownMenu as DropdownMenu$1, DropdownItem, Accordion, AccordionItem, Input as Input$1, Tabs, Tab, Divider, cn, Checkbox, Chip, Skeleton, CardFooter, Image, useDisclosure, Modal as Modal$2, ModalContent as ModalContent$2, ModalHeader as ModalHeader$1, ModalBody as ModalBody$1, RadioGroup, ModalFooter as ModalFooter$1, Radio, Popover, PopoverTrigger, PopoverContent } from "@heroui/react";
+import { Switch, Card, CardBody, Button as Button$2, CircularProgress, addToast, CardHeader, Select, SelectItem, Dropdown, DropdownTrigger, DropdownMenu as DropdownMenu$1, DropdownItem, Accordion, AccordionItem, Input as Input$1, Tabs, Tab, Divider, cn, Checkbox, Chip, Skeleton, CardFooter, Image, useDisclosure, Modal as Modal$2, ModalContent as ModalContent$2, ModalHeader as ModalHeader$1, ModalBody as ModalBody$1, RadioGroup, ModalFooter as ModalFooter$1, Radio, Popover, PopoverTrigger, PopoverContent } from "@heroui/react";
 import { useEntifyWrapperStore, useUpsertEntityWithIndicator } from "@rxdrag/rxcms-entify-wrapper";
 import JSZip from "jszip";
 import { create as create$4 } from "zustand";
@@ -39,7 +39,6 @@ import $4AOtR$reactdom, { createPortal } from "react-dom";
 import { DeployType, useExportWebsite as useExportWebsite$1 } from "@rxdrag/code-generator";
 import { ComponentRender } from "@rxdrag/react-runner-pro";
 import tinycolor from "tinycolor2";
-import { useInprogressTaskByKey, useUpdateTask, taskPool, ResetPageTask, ImportPagesTask, ImportComponentsTask } from "@rxdrag/ai-tasks";
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
 /**
@@ -6725,48 +6724,140 @@ function useIsBaseLangTheme() {
   const website = useWebsite();
   return ((_a3 = theme == null ? void 0 : theme.lang) == null ? void 0 : _a3.id) === ((_b3 = website == null ? void 0 : website.baseLang) == null ? void 0 : _b3.id);
 }
-function useTranslateTheme() {
+function useTranslateRequest() {
   const baseURL = useAiUrl();
   const token = useEntifyToken();
   const website = useWebsite();
+  const isAxiosError = useCallback((err) => {
+    return typeof err === "object" && err !== null;
+  }, []);
+  const extractErrorMessage = useCallback((responseData) => {
+    if (!responseData)
+      return "翻译请求失败";
+    if (typeof responseData === "string") {
+      return responseData;
+    }
+    if (typeof responseData === "object" && responseData !== null) {
+      const data = responseData;
+      return data.error || data.message || data.msg || "翻译请求失败";
+    }
+    return "翻译请求失败";
+  }, []);
+  const getStatusErrorMessage = useCallback((status2) => {
+    switch (status2) {
+      case 400:
+        return "请求参数错误";
+      case 401:
+        return "认证失败，请重新登录";
+      case 403:
+        return "没有权限执行此操作";
+      case 404:
+        return "翻译服务不存在";
+      case 429:
+        return "请求过于频繁，请稍后再试";
+      case 500:
+        return "服务器内部错误";
+      case 502:
+      case 503:
+      case 504:
+        return "服务暂时不可用，请稍后再试";
+      default:
+        return `请求失败 (${status2})`;
+    }
+  }, []);
+  const handleError = useCallback(
+    (error, context) => {
+      var _a3, _b3;
+      if (isAxiosError(error) && (error.code === "NETWORK_ERROR" || ((_a3 = error.message) == null ? void 0 : _a3.includes("fetch")))) {
+        console.error(`${context}网络错误:`, error);
+        throw new Error("网络连接失败，请检查网络连接");
+      }
+      if (isAxiosError(error) && ((_b3 = error.response) == null ? void 0 : _b3.status)) {
+        const status2 = error.response.status;
+        const responseData = error.response.data;
+        let errorMsg2 = extractErrorMessage(responseData);
+        if (errorMsg2 === "翻译请求失败") {
+          errorMsg2 = getStatusErrorMessage(status2);
+        }
+        console.error(`${context}HTTP错误:`, {
+          status: status2,
+          statusText: error.response.statusText,
+          responseData,
+          error
+        });
+        throw new Error(errorMsg2);
+      }
+      const errorMsg = isAxiosError(error) && error.message ? error.message : "翻译过程中发生未知错误";
+      console.error(`${context}未知错误:`, error);
+      throw new Error(errorMsg);
+    },
+    [isAxiosError, extractErrorMessage, getStatusErrorMessage]
+  );
+  const translateRequest = useCallback(
+    async (endpoint, params) => {
+      try {
+        const http = createHttpClient({ baseURL, token });
+        const websiteId = website.id;
+        const requestParams = {
+          websiteId,
+          ...params
+        };
+        const response = await http.post(endpoint, requestParams);
+        return response;
+      } catch (error) {
+        handleError(error, "翻译");
+      }
+    },
+    [baseURL, token, website, handleError]
+  );
+  return translateRequest;
+}
+function useTranslateTheme() {
+  const translateRequest = useTranslateRequest();
   const translate = useCallback(
     async (langId, title) => {
+      return await translateRequest("/api/studio/translate-theme", {
+        targetLangId: langId,
+        title
+      });
+    },
+    [translateRequest]
+  );
+  return translate;
+}
+function useStopTask() {
+  const baseURL = useAiUrl();
+  const token = useEntifyToken();
+  const [isMutating, setIsMutating] = useState(false);
+  const stopTask = useCallback(
+    async (taskId) => {
       var _a3, _b3;
-      if (!(langId == null ? void 0 : langId.trim())) {
-        throw new Error("语言ID不能为空");
-      }
-      if (!(title == null ? void 0 : title.trim())) {
-        throw new Error("标题不能为空");
+      if (!(taskId == null ? void 0 : taskId.trim())) {
+        throw new Error("任务ID不能为空");
       }
       if (!token) {
         throw new Error("用户未登录或token已过期");
       }
-      if (!(website == null ? void 0 : website.id)) {
-        throw new Error("未找到网站信息");
-      }
       if (!baseURL) {
         throw new Error("AI服务URL未配置");
       }
       try {
+        setIsMutating(true);
         const http = createHttpClient({ baseURL, token });
-        const response = await http.post("/api/studio/translate-theme", {
-          websiteId: website.id,
-          langId: langId.trim(),
-          title: title.trim()
-        });
+        const response = await http.post(`/api/stop-task/${taskId.trim()}`);
         return response;
       } catch (error) {
         const isAxiosError = (err) => {
           return typeof err === "object" && err !== null;
         };
         if (isAxiosError(error) && (error.code === "NETWORK_ERROR" || ((_a3 = error.message) == null ? void 0 : _a3.includes("fetch")))) {
-          console.error("翻译主题网络错误:", error);
+          console.error("停止任务网络错误:", error);
           throw new Error("网络连接失败，请检查网络连接");
         }
         if (isAxiosError(error) && ((_b3 = error.response) == null ? void 0 : _b3.status)) {
           const status2 = error.response.status;
           const responseData = error.response.data;
-          let errorMsg2 = "翻译请求失败";
+          let errorMsg2 = "停止任务失败";
           if (responseData) {
             if (typeof responseData === "string") {
               errorMsg2 = responseData;
@@ -6778,7 +6869,7 @@ function useTranslateTheme() {
               errorMsg2 = responseData.msg;
             }
           }
-          if (errorMsg2 === "翻译请求失败") {
+          if (errorMsg2 === "停止任务失败") {
             switch (status2) {
               case 400:
                 errorMsg2 = "请求参数错误";
@@ -6790,7 +6881,7 @@ function useTranslateTheme() {
                 errorMsg2 = "没有权限执行此操作";
                 break;
               case 404:
-                errorMsg2 = "翻译服务不存在";
+                errorMsg2 = "任务不存在或已完成";
                 break;
               case 429:
                 errorMsg2 = "请求过于频繁，请稍后再试";
@@ -6807,7 +6898,7 @@ function useTranslateTheme() {
                 errorMsg2 = `请求失败 (${status2})`;
             }
           }
-          console.error("翻译主题HTTP错误:", {
+          console.error("停止任务HTTP错误:", {
             status: status2,
             statusText: error.response.statusText,
             responseData,
@@ -6815,12 +6906,27 @@ function useTranslateTheme() {
           });
           throw new Error(errorMsg2);
         }
-        const errorMsg = isAxiosError(error) && error.message ? error.message : "翻译过程中发生未知错误";
-        console.error("翻译主题未知错误:", error);
+        const errorMsg = isAxiosError(error) && error.message ? error.message : "停止任务过程中发生未知错误";
+        console.error("停止任务未知错误:", error);
         throw new Error(errorMsg);
+      } finally {
+        setIsMutating(false);
       }
     },
-    [baseURL, token, website == null ? void 0 : website.id]
+    [baseURL, token]
+  );
+  return [stopTask, { isMutating }];
+}
+function useTranslateCustomizedPages() {
+  const translateRequest = useTranslateRequest();
+  const translate = useCallback(
+    async (langId, ids) => {
+      return await translateRequest("/api/studio/translate-customized-pages", {
+        targetLangId: langId,
+        sourcePageIds: ids
+      });
+    },
+    [translateRequest]
   );
   return translate;
 }
@@ -6895,8 +7001,6 @@ function MultiLangPanel() {
   const [linkType, setLinkType] = useState("subdomain");
   const [confirmOpen, setConfirmOpen] = useState(false);
   const [currentLangId, setCurrentLangId] = useCurrentLangId();
-  const setError = useEntifyWrapperStore((state) => state.setGlobalError);
-  const setSuccess = useEntifyWrapperStore((state) => state.setGlobalSuccess);
   const tasksNotDone = useTasksNotDone();
   const lastTask = useStudioStore((state) => state.lastedTaskEvent);
   const selectedContent = useStudioStore((state) => state.selectedContent);
@@ -7024,13 +7128,19 @@ function MultiLangPanel() {
       const title = `网站代码翻译到：${(lang == null ? void 0 : lang.cnName) || (lang == null ? void 0 : lang.enName) || (lang == null ? void 0 : lang.localName) || (lang == null ? void 0 : lang.abbr) || ""}`;
       const task2 = await translateTheme(currentLangId, title);
       setTask(task2);
-      setSuccess("翻译任务已提交");
+      addToast({
+        title: "翻译任务已提交",
+        color: "success"
+      });
     } catch (error) {
       console.error("翻译主题失败:", error);
       const errorString = error instanceof Error ? error.message : String(error);
-      setError(errorString);
+      addToast({
+        title: errorString,
+        color: "danger"
+      });
     }
-  }, [currentLangId, allLangs == null ? void 0 : allLangs.items, translateTheme, setSuccess, setError]);
+  }, [currentLangId, allLangs == null ? void 0 : allLangs.items, translateTheme]);
   const isRunning = (task == null ? void 0 : task.status) === TaskStatus.B_Pending || (task == null ? void 0 : task.status) === TaskStatus.A_Progress;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { className: "flex-1 p-4 min-h-0 overflow-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4", children: [
@@ -138390,7 +138500,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138399,7 +138509,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -138408,7 +138518,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -138417,7 +138527,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -138426,7 +138536,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -138435,7 +138545,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138444,7 +138554,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-24b36fc1.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -138494,7 +138604,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-0d2d8087.js");
+      return import("./handlebars-53295c7b.js");
     }
   }
 });
@@ -138527,7 +138637,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-1f416956.js");
+      return import("./html-70d8042e.js");
     }
   }
 });
@@ -138580,7 +138690,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-fa1a44fb.js");
+      return import("./javascript-d190129b.js");
     }
   }
 });
@@ -138679,7 +138789,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-f59e1243.js");
+      return import("./liquid-9ba71888.js");
     }
   }
 });
@@ -138727,7 +138837,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-831aab9e.js");
+      return import("./mdx-a1e1cc3f.js");
     }
   }
 });
@@ -138986,7 +139096,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-c08d64d5.js");
+      return import("./python-e2f4ad56.js");
     }
   }
 });
@@ -139035,7 +139145,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-c37a2ffd.js");
+      return import("./razor-e8f995b7.js");
     }
   }
 });
@@ -139371,7 +139481,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-37e16b75.js");
+      return import("./typescript-44b6e68e.js");
     }
   }
 });
@@ -139455,7 +139565,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-68f06860.js");
+      return import("./xml-3f4949e5.js");
     }
   }
 });
@@ -139472,7 +139582,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-11d37d04.js");
+      return import("./yaml-c6242439.js");
     }
   }
 });
@@ -139596,7 +139706,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-3b37fb1f.js");
+    return import("./cssMode-8bdd5502.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -139727,7 +139837,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-f8f5f503.js");
+    return import("./htmlMode-fabb16ce.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -139825,7 +139935,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-c7e6869c.js");
+    return import("./jsonMode-04d036a7.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -140101,7 +140211,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-fe874300.js");
+    return import("./tsMode-dff5ab28.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -198625,21 +198735,35 @@ const RightPanel = memo(() => {
 });
 const StopButton = forwardRef$2(
   (props, ref2) => {
-    const { confirm, onStop, ...rest } = props;
+    const { confirm, taskId, ...rest } = props;
     const [open, setOpen] = useState(false);
+    const [stopTask, { isMutating }] = useStopTask();
     const handleClick = useCallback(() => {
       if (confirm) {
         setOpen(true);
       } else {
-        onStop == null ? void 0 : onStop();
+        if (taskId) {
+          stopTask(taskId);
+        }
       }
-    }, [confirm, onStop]);
+    }, [confirm, stopTask, taskId]);
     const handleConfirm = useCallback(() => {
-      onStop == null ? void 0 : onStop();
+      if (taskId) {
+        stopTask(taskId);
+      }
       setOpen(false);
-    }, [onStop]);
+    }, [stopTask, taskId]);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(StyledTooltip, { content: "停止任务", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { ref: ref2, onPress: handleClick, ...rest }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(StyledTooltip, { content: "停止任务", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$2,
+        {
+          ref: ref2,
+          isDisabled: !taskId,
+          onPress: handleClick,
+          loading: isMutating,
+          ...rest
+        }
+      ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ConfirmDialog,
         {
@@ -198773,7 +198897,7 @@ function TaskTable() {
         width: 80,
         title: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full text-center", children: "操作" }),
         cellRender: (text2, row) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-0.5 items-center", children: [
-          (row == null ? void 0 : row.status) === TaskStatus.A_Progress && /* @__PURE__ */ jsxRuntimeExports.jsx(StopButton, { isIconOnly: true, size: "sm", variant: "light", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StopOutlineIcon, { className: "size-4 text-default-500" }) }),
+          (row == null ? void 0 : row.status) === TaskStatus.A_Progress && /* @__PURE__ */ jsxRuntimeExports.jsx(StopButton, { taskId: row.id, isIconOnly: true, size: "sm", variant: "light", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StopOutlineIcon, { className: "size-4 text-default-500" }) }),
           (row == null ? void 0 : row.status) !== TaskStatus.A_Progress && /* @__PURE__ */ jsxRuntimeExports.jsx(
             RemoveButton,
             {
@@ -198910,6 +199034,34 @@ function StatusBar({ doc }) {
         requested: event,
         response: event
       });
+      if (event.type === TaskType.TranslateTheme) {
+        emit(EVENT_ENTITY_POSTED, {
+          entityName: ThemeEntityName,
+          requested: event,
+          response: event
+        });
+      }
+      if (event.type === TaskType.TranslateCusomizedPage || event.type === TaskType.TranslateBuiltinPage || event.type === TaskType.TranslateTheme) {
+        console.log("===>收到页面任务事件:", event);
+        emit(EVENT_ENTITY_POSTED, {
+          entityName: PageEntityName,
+          requested: event,
+          response: event
+        });
+      }
+      if (event.type === TaskType.TranslateComponent || event.type === TaskType.TranslateTheme) {
+        console.log("===>收到组件任务事件:", event);
+        emit(EVENT_ENTITY_POSTED, {
+          entityName: FrontComponentEntityName,
+          requested: event,
+          response: event
+        });
+        emit(EVENT_ENTITY_POSTED, {
+          entityName: ComponentCategoryEntityName,
+          requested: event,
+          response: event
+        });
+      }
     },
     [setLastedTaskEvent]
   );
@@ -200944,52 +201096,48 @@ function CustomizedPageCard(props) {
     }
   );
 }
-function useResetPageTask(taskKey) {
+function useResetPage() {
   const theme = useStudioTheme();
-  const lang = useCurrentLang();
-  const appKey = (theme == null ? void 0 : theme.id) || "";
-  const taskState = useInprogressTaskByKey(taskKey, appKey);
-  const setTask = useUpdateTask(appKey);
-  const entifyClient = useCreateEntityClient();
-  const task = taskState && taskState.status !== "done" ? taskPool[taskState.taskId] : void 0;
-  const aiUrl = useAiUrl();
-  const handleTaskChange = useCallback(
-    (data) => {
-      setTask(data);
-    },
-    [setTask]
-  );
+  const [upsertPage] = useUpsertOnePage();
   const resetPage = useCallback(
-    (basePage, targetPageId, needTranslate) => {
+    async (basePage, targetPageId) => {
       if (!(theme == null ? void 0 : theme.id)) {
         console.error("没设置Theme");
         return;
       }
-      if (!entifyClient) {
-        console.error("entifyClient 创建失败");
-        return;
-      }
-      if (!aiUrl) {
-        console.error("没设置aiUrl");
-        return;
-      }
-      const task2 = new ResetPageTask({
-        key: taskKey,
-        entifyClient,
-        needTranslate,
-        basePage,
+      await upsertPage(
+        pageToInput({
+          id: targetPageId,
+          theme: { id: theme.id },
+          title: basePage.title,
+          slug: basePage.slug,
+          description: basePage.description,
+          code: basePage.code,
+          pageType: basePage.pageType,
+          meta: basePage.meta ? {
+            ...basePage.meta,
+            id: void 0
+          } : void 0
+        })
+      );
+    },
+    [theme == null ? void 0 : theme.id, upsertPage]
+  );
+  return resetPage;
+}
+function useTranslateBuiltinPage() {
+  const translateRequest = useTranslateRequest();
+  const translate = useCallback(
+    async (sourcePageId, targetPageId, title) => {
+      return await translateRequest("/api/studio/translate-builtin-page", {
+        sourcePageId,
         targetPageId,
-        themeId: theme == null ? void 0 : theme.id,
-        lang,
-        aiUrl
+        title
       });
-      taskPool[task2.id] = task2;
-      task2.onDataChange(handleTaskChange);
-      task2.start();
     },
-    [aiUrl, entifyClient, handleTaskChange, lang, taskKey, theme == null ? void 0 : theme.id]
+    [translateRequest]
   );
-  return { taskState, resetPage, task };
+  return translate;
 }
 function PredefinedPageCard(props) {
   const { pages, pageType } = props;
@@ -200998,6 +201146,7 @@ function PredefinedPageCard(props) {
     void 0
   );
   const theme = useStudioTheme();
+  const currentLang = useCurrentLang();
   const parentTheme = useParentTheme();
   const isBaseTheme = useIsBaseLangTheme();
   const baseThemeId = useBaseLangThemeId();
@@ -201007,11 +201156,12 @@ function PredefinedPageCard(props) {
   const page = pages.find((page2) => page2.pageType === (pageType == null ? void 0 : pageType.pageType));
   const setEditingPage = useStudioStore((state) => state.setEditingPage);
   const selectedContent = useStudioStore((state) => state.selectedContent);
-  const setSelectedContent = useStudioStore((state) => state.setSelectedContent);
-  const { taskState, resetPage } = useResetPageTask(
-    "reset-page" + ((page == null ? void 0 : page.id) || "")
+  const setSelectedContent = useStudioStore(
+    (state) => state.setSelectedContent
   );
+  const resetPage = useResetPage();
   const queryPage = useLazyQueryOneEntity();
+  const translatePage = useTranslateBuiltinPage();
   const confirmResolveRef = useRef();
   const selected = (selectedContent == null ? void 0 : selectedContent.type) === ContentType.PredefinedPage && (selectedContent == null ? void 0 : selectedContent.id) === (page == null ? void 0 : page.id);
   const [remove, { isMutating: removing }] = useDeletePageById();
@@ -201087,22 +201237,24 @@ function PredefinedPageCard(props) {
               }
             }
           }
-        ).meta([
-          PageMetaFields.id,
-          PageMetaFields.ogDescription,
-          PageMetaFields.ogSiteName,
-          PageMetaFields.ogTitle,
-          PageMetaFields.ogType,
-          PageMetaFields.ogUrl,
-          PageMetaFields.seoAuthor,
-          PageMetaFields.seoDescription,
-          PageMetaFields.seoKeywords,
-          PageMetaFields.seoRobots,
-          PageMetaFields.seoTitle,
-          PageMetaFields.xCard,
-          PageMetaFields.xSite,
-          PageMetaFields.xUrl
-        ]).setNoQuery(!page || !(page == null ? void 0 : page.pageType)).toGqlOptions()
+        ).meta(
+          new PageMetaQueryOptions([
+            PageMetaFields.id,
+            PageMetaFields.ogDescription,
+            PageMetaFields.ogSiteName,
+            PageMetaFields.ogTitle,
+            PageMetaFields.ogType,
+            PageMetaFields.ogUrl,
+            PageMetaFields.seoAuthor,
+            PageMetaFields.seoDescription,
+            PageMetaFields.seoKeywords,
+            PageMetaFields.seoRobots,
+            PageMetaFields.seoTitle,
+            PageMetaFields.xCard,
+            PageMetaFields.xSite,
+            PageMetaFields.xUrl
+          ]).ogImage()
+        ).setNoQuery(!page || !(page == null ? void 0 : page.pageType)).toGqlOptions()
       );
       if (!parentPage) {
         setResetting(false);
@@ -201111,17 +201263,29 @@ function PredefinedPageCard(props) {
       }
       const result = await confirmOverride();
       if (result && (page == null ? void 0 : page.id)) {
-        resetPage(
-          { ...parentPage, title: pageType == null ? void 0 : pageType.title },
-          page.id,
-          !isBaseTheme
-        );
+        if (isBaseTheme) {
+          await resetPage({ ...parentPage, title: pageType == null ? void 0 : pageType.title }, page.id);
+        } else {
+          await translatePage(
+            parentPage.id,
+            page.id,
+            `${page == null ? void 0 : page.title}的${currentLang == null ? void 0 : currentLang.cnName}版重置`
+          );
+          addToast({
+            title: "翻译并重置任务已添加",
+            color: "success"
+          });
+        }
       }
       if (selected) {
         setSelectedContent(void 0);
       }
     } catch (error) {
       setResetting(false);
+      addToast({
+        title: "重置页面失败",
+        color: "danger"
+      });
       console.error("重置页面失败", error);
     } finally {
       setResetting(false);
@@ -201129,6 +201293,7 @@ function PredefinedPageCard(props) {
   }, [
     baseThemeId,
     confirmOverride,
+    currentLang == null ? void 0 : currentLang.cnName,
     isBaseTheme,
     page,
     pageType == null ? void 0 : pageType.title,
@@ -201136,7 +201301,8 @@ function PredefinedPageCard(props) {
     queryPage,
     resetPage,
     selected,
-    setSelectedContent
+    setSelectedContent,
+    translatePage
   ]);
   const handleConfirm = useCallback(() => {
     setConfirmTitle(void 0);
@@ -201145,7 +201311,6 @@ function PredefinedPageCard(props) {
       confirmResolveRef.current = void 0;
     }
   }, []);
-  const taskRunning = (taskState == null ? void 0 : taskState.status) === "in-progress";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     page ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       PageCard,
@@ -201153,12 +201318,12 @@ function PredefinedPageCard(props) {
         onClick: handleDesign,
         page,
         selected,
-        fiexdAction: removing || open || resetting || taskRunning,
+        fiexdAction: removing || open || resetting,
         actions: page ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Dropdown, { isOpen: open, onOpenChange: handleOpenChange, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button$2,
             {
-              isLoading: resetting || taskRunning,
+              isLoading: resetting,
               isIconOnly: true,
               variant: "light",
               size: "sm",
@@ -201351,90 +201516,107 @@ function PageModal(props) {
     }
   );
 }
-const IMPORT_PAGES_KEY = "import-cusomized-pages";
-function usePagesImportTask() {
+function usePagesImport() {
   const theme = useStudioTheme();
-  const lang = useCurrentLang();
   const pages = usePages();
-  const appKey = (theme == null ? void 0 : theme.id) || "";
-  const taskState = useInprogressTaskByKey(IMPORT_PAGES_KEY, appKey);
-  const setTask = useUpdateTask(appKey);
   const entifyClient = useCreateEntityClient();
-  const task = taskState && taskState.status !== "done" ? taskPool[taskState.taskId] : void 0;
-  const aiUrl = useAiUrl();
-  const handleTaskChange = useCallback(
-    (data) => {
-      setTask(data);
+  const [upsertPage] = useUpsertOnePage();
+  const importOnePage = useCallback(
+    async (page, overrideId) => {
+      await upsertPage(
+        pageToInput({
+          id: overrideId,
+          theme: { id: theme == null ? void 0 : theme.id },
+          title: page.title,
+          slug: page.slug,
+          description: page.description,
+          code: page.code,
+          pageType: page.pageType,
+          meta: page.meta ? { ...page.meta, id: void 0 } : void 0
+        })
+      );
     },
-    [setTask]
+    [theme == null ? void 0 : theme.id, upsertPage]
   );
   const importPages = useCallback(
-    (ids, needTranslate) => {
+    async (ids) => {
+      var _a3;
       if (!(theme == null ? void 0 : theme.id)) {
         console.error("没设置Theme");
         return;
       }
-      if (!entifyClient) {
-        console.error("entifyClient 创建失败");
-        return;
-      }
-      if (!aiUrl) {
-        console.error("没设置aiUrl");
-        return;
+      for (const pageId of ids) {
+        const page = await (entifyClient == null ? void 0 : entifyClient.oneEntity(
+          new PageQueryOptions(
+            [
+              PageFields.id,
+              PageFields.id,
+              PageFields.pageType,
+              PageFields.code,
+              PageFields.description,
+              PageFields.slug,
+              PageFields.title
+            ],
+            {
+              where: {
+                id: {
+                  _eq: pageId
+                }
+              }
+            }
+          ).meta(
+            new PageMetaQueryOptions([
+              PageMetaFields.id,
+              PageMetaFields.ogDescription,
+              PageMetaFields.ogSiteName,
+              PageMetaFields.ogTitle,
+              PageMetaFields.ogType,
+              PageMetaFields.ogUrl,
+              PageMetaFields.seoAuthor,
+              PageMetaFields.seoDescription,
+              PageMetaFields.seoKeywords,
+              PageMetaFields.seoRobots,
+              PageMetaFields.seoTitle,
+              PageMetaFields.xCard,
+              PageMetaFields.xSite,
+              PageMetaFields.xUrl
+            ]).ogImage()
+          )
+        ));
+        if (!page) {
+          throw Error("没有找到要导入的页面");
+        }
+        const overrideId = (_a3 = pages == null ? void 0 : pages.find((p2) => p2.slug === page.slug)) == null ? void 0 : _a3.id;
+        await importOnePage(page, overrideId);
       }
-      const task2 = new ImportPagesTask(
-        {
-          key: IMPORT_PAGES_KEY,
-          ids,
-          entifyClient,
-          needTranslate,
-          themeId: theme == null ? void 0 : theme.id,
-          lang,
-          aiUrl
-        },
-        pages || []
-      );
-      taskPool[task2.id] = task2;
-      task2.onDataChange(handleTaskChange);
-      task2.start();
     },
-    [aiUrl, entifyClient, handleTaskChange, lang, pages, theme == null ? void 0 : theme.id]
+    [entifyClient, importOnePage, pages, theme == null ? void 0 : theme.id]
   );
-  return { taskState, importPages, task };
+  return importPages;
 }
 function PagesModalContent(props) {
-  var _a3, _b3, _c2, _d2, _e2;
+  var _a3, _b3, _c2, _d2;
   const { onClose } = props;
   const pages = usePages();
   const isBaseLangTheme = useIsBaseLangTheme();
+  const [importing, setImporting] = useState(false);
   const currentLang = useCurrentLang();
   const parentTheme = useParentTheme();
   const [pagesToImport, setPagesToImport] = useState();
   const [confirmTitle, setConfirmTitle] = useState(
     void 0
   );
-  const { taskState, importPages, task } = usePagesImportTask();
+  const importPages = usePagesImport();
+  const tranlatePages = useTranslateCustomizedPages();
   const data = useListData();
   const [selection, setSelections] = useSelectionsState() || [];
-  useEffect(() => {
-    var _a4;
-    setSelections == null ? void 0 : setSelections((_a4 = taskState == null ? void 0 : taskState.data) == null ? void 0 : _a4.ids);
-  }, [setSelections, taskState == null ? void 0 : taskState.data]);
   const confirmResolveRef = useRef();
-  const importing = (taskState == null ? void 0 : taskState.status) === "in-progress";
-  useEffect(() => {
-    if ((taskState == null ? void 0 : taskState.status) === "done") {
-      setSelections == null ? void 0 : setSelections([]);
-    }
-  }, [setSelections, taskState]);
   useEffect(() => {
     var _a4;
-    if (!importing) {
-      setPagesToImport(
-        ((_a4 = data == null ? void 0 : data.items) == null ? void 0 : _a4.filter((item) => selection == null ? void 0 : selection.includes((item == null ? void 0 : item.id) || ""))) || []
-      );
-    }
-  }, [selection, data == null ? void 0 : data.items, setPagesToImport, taskState == null ? void 0 : taskState.status, importing]);
+    setPagesToImport(
+      ((_a4 = data == null ? void 0 : data.items) == null ? void 0 : _a4.filter((item) => selection == null ? void 0 : selection.includes((item == null ? void 0 : item.id) || ""))) || []
+    );
+  }, [selection, data == null ? void 0 : data.items, setPagesToImport]);
   const cols = useMemo(() => {
     return [
       {
@@ -201477,22 +201659,41 @@ function PagesModalContent(props) {
           return;
         }
       }
-      importPages(selection || [], needTranslate || false);
+      if (!(currentLang == null ? void 0 : currentLang.id)) {
+        throw new Error("当前语言ID不能为空");
+      }
+      setImporting(true);
+      if (needTranslate) {
+        await tranlatePages((currentLang == null ? void 0 : currentLang.id) || "", selection || []);
+        addToast({
+          title: "成功添加导入任务",
+          color: "success"
+        });
+      } else {
+        await importPages(selection || []);
+      }
+      onClose == null ? void 0 : onClose();
     } catch (error) {
       console.error("导入页面时出错:", error);
-      alert("导入页面时出错:" + (error == null ? void 0 : error.message));
+      addToast({
+        title: "导入页面时出错:" + (error == null ? void 0 : error.message),
+        color: "danger"
+      });
     } finally {
       setPagesToImport([]);
       setSelections == null ? void 0 : setSelections(void 0);
+      setImporting(false);
     }
   }, [
     pages,
-    importPages,
-    selection,
+    currentLang == null ? void 0 : currentLang.id,
     needTranslate,
+    onClose,
     pagesToImport,
     confirmOverride,
-    setPagesToImport,
+    tranlatePages,
+    selection,
+    importPages,
     setSelections
   ]);
   const handleConfirm = useCallback(() => {
@@ -201517,30 +201718,15 @@ function PagesModalContent(props) {
         columns: cols,
         selectionMode: "multiple",
         removeWrapper: true,
-        disabledKeys: importing ? (_c2 = data == null ? void 0 : data.items) == null ? void 0 : _c2.map((item) => (item == null ? void 0 : item.id) || "") : [],
         bottomContent: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-          !!((_d2 = data == null ? void 0 : data.items) == null ? void 0 : _d2.length) && ((_e2 = data == null ? void 0 : data.items) == null ? void 0 : _e2.length) < (data.total || 0) && /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { className: "opacity-30" }),
+          !!((_c2 = data == null ? void 0 : data.items) == null ? void 0 : _c2.length) && ((_d2 = data == null ? void 0 : data.items) == null ? void 0 : _d2.length) < (data.total || 0) && /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { className: "opacity-30" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(EntityPagination, {})
         ] })
       }
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalFooter, { className: "justify-between", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-default-500 flex items-center gap-2", children: [
-        taskState == null ? void 0 : taskState.infoMessage,
-        (taskState == null ? void 0 : taskState.status) === "in-progress" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button$2,
-          {
-            variant: "light",
-            size: "sm",
-            isIconOnly: true,
-            onPress: () => {
-              task == null ? void 0 : task.stop();
-            },
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(TaskStopIcon, { className: "size-9 text-primary" })
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-default-500 flex items-center gap-2" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Button$2,
@@ -202746,89 +202932,172 @@ function ComponentCategoryModal(props) {
 function ComponentsSkeletons() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-4", children: Array.from({ length: 6 }).map((_2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "flex items-center py-0.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "w-full h-12 rounded-md" }) }, index2)) }) });
 }
-const IMPORT_COMPONENTS_KEY = "import-components";
+class ImportComponentsTask {
+  constructor(options, components, categories) {
+    __publicField(this, "entifyClient");
+    __publicField(this, "taskData");
+    __publicField(this, "importOneComponent", async (component, overrideId, existCategory) => {
+      var _a3;
+      await this.entifyClient.upsertEntity(FrontComponentEntityName, {
+        id: overrideId,
+        theme: { sync: { id: (_a3 = this.taskData) == null ? void 0 : _a3.themeId } },
+        category: (existCategory == null ? void 0 : existCategory.id) ? { sync: { id: existCategory.id } } : { clear: true },
+        name: component.name,
+        title: component.title,
+        description: component.description,
+        code: component.code,
+        props: component.props,
+        testConfig: component.testConfig
+      });
+    });
+    this.components = components;
+    this.categories = categories;
+    this.entifyClient = options.entifyClient;
+    this.taskData = {
+      ids: options.ids,
+      themeId: options.themeId,
+      lang: options.lang
+    };
+  }
+  /**
+   * 实际执行导入页面的逻辑
+   * @returns Promise
+   */
+  async importComponents() {
+    var _a3;
+    for (const comId of this.taskData.ids) {
+      const com = await this.entifyClient.oneEntity(
+        new FrontComponentQueryOptions(
+          [
+            FrontComponentFields.id,
+            FrontComponentFields.id,
+            FrontComponentFields.name,
+            FrontComponentFields.code,
+            FrontComponentFields.description,
+            FrontComponentFields.title,
+            FrontComponentFields.seqValue,
+            FrontComponentFields.testConfig,
+            FrontComponentFields.props
+          ],
+          {
+            where: {
+              id: {
+                _eq: comId
+              }
+            }
+          }
+        ).category([
+          ComponentCategoryFields.id,
+          ComponentCategoryFields.name,
+          ComponentCategoryFields.seqValue
+        ])
+      );
+      if (!com) {
+        throw Error("没有找到要导入的页面");
+      }
+      const existCom = (_a3 = this.components) == null ? void 0 : _a3.find((p2) => p2.name === com.name);
+      let existCategory = this.categories.find(
+        (c) => {
+          var _a4;
+          return c.name === ((_a4 = com.category) == null ? void 0 : _a4.name);
+        }
+      );
+      if (!existCategory && com.category) {
+        existCategory = await this.entifyClient.upsertEntity(
+          ComponentCategoryEntityName,
+          {
+            ...com.category,
+            id: void 0,
+            theme: { sync: { id: this.taskData.themeId } }
+          }
+        );
+        if (existCategory) {
+          this.categories.push({ ...existCategory, name: com.category.name });
+        }
+      }
+      await this.importOneComponent(com, existCom == null ? void 0 : existCom.id, existCategory);
+    }
+    const msg = `成功导入 ${this.taskData.ids.length} 个文件`;
+    addToast({
+      title: "导入完成",
+      description: msg,
+      color: "success"
+    });
+  }
+}
 function useComponentsImportTask() {
+  const [isImporting, setIsImporting] = useState(false);
   const theme = useStudioTheme();
   const lang = useCurrentLang();
   const components = useFrontComponents();
-  const appKey = (theme == null ? void 0 : theme.id) || "";
-  const taskState = useInprogressTaskByKey(IMPORT_COMPONENTS_KEY, appKey);
-  const setTask = useUpdateTask(appKey);
-  const setTaskRef = useRef(setTask);
-  setTaskRef.current = setTask;
   const entifyClient = useCreateEntityClient();
-  const task = taskState && taskState.status !== "done" ? taskPool[taskState.taskId] : void 0;
-  const aiUrl = useAiUrl();
   const componentCategories = useComponentCategories();
-  const handleTaskChange = useCallback((data) => {
-    setTaskRef.current(data);
-  }, []);
   const importComponents = useCallback(
-    (ids, needTranslate) => {
-      if (!(theme == null ? void 0 : theme.id)) {
-        console.error("没设置Theme");
-        return;
-      }
-      if (!entifyClient) {
-        console.error("entifyClient 创建失败");
-        return;
-      }
-      if (!aiUrl) {
-        console.error("没设置aiUrl");
-        return;
+    async (ids) => {
+      setIsImporting(true);
+      try {
+        if (!(theme == null ? void 0 : theme.id)) {
+          console.error("没设置Theme");
+          return;
+        }
+        if (!entifyClient) {
+          console.error("entifyClient 创建失败");
+          return;
+        }
+        const task = new ImportComponentsTask(
+          {
+            ids,
+            entifyClient,
+            themeId: theme == null ? void 0 : theme.id,
+            lang
+          },
+          components || [],
+          (componentCategories == null ? void 0 : componentCategories.items) || []
+        );
+        await task.importComponents();
+      } catch (error) {
+        console.error("导入组件失败", error);
+      } finally {
+        setIsImporting(false);
       }
-      const task2 = new ImportComponentsTask(
-        {
-          key: IMPORT_COMPONENTS_KEY,
-          ids,
-          entifyClient,
-          needTranslate,
-          themeId: theme == null ? void 0 : theme.id,
-          lang,
-          aiUrl
-          //categoryId,
-        },
-        components || [],
-        (componentCategories == null ? void 0 : componentCategories.items) || []
-      );
-      taskPool[task2.id] = task2;
-      task2.onDataChange(handleTaskChange);
-      task2.start();
     },
-    [
-      theme == null ? void 0 : theme.id,
-      entifyClient,
-      aiUrl,
-      lang,
-      components,
-      componentCategories,
-      handleTaskChange
-    ]
+    [theme == null ? void 0 : theme.id, entifyClient, lang, components, componentCategories]
+  );
+  return {
+    importComponents,
+    isImporting
+  };
+}
+function useTranlateComponents() {
+  const translateRequest = useTranslateRequest();
+  const translate = useCallback(
+    async (langId, ids) => {
+      return await translateRequest("/api/studio/translate-components", {
+        targetLangId: langId,
+        sourceComponentIds: ids
+      });
+    },
+    [translateRequest]
   );
-  return { taskState, importComponents, task };
+  return translate;
 }
 function ImportComponentModal({
   open,
   onClose
 }) {
+  var _a3;
   const [selection, setSelections] = useState([]);
+  const [loading, setLoading] = useState(false);
   const [confirmTitle, setConfirmTitle] = useState(
     void 0
   );
   const baseThemeId = useBaseLangThemeId();
+  const theme = useStudioTheme();
   const isBaseTheme = useIsBaseLangTheme();
   const parentTheme = useParentTheme();
   const themeComs = useFrontComponents();
-  const { taskState, importComponents, task } = useComponentsImportTask();
-  useEffect(() => {
-    var _a3;
-    setSelections == null ? void 0 : setSelections(((_a3 = taskState == null ? void 0 : taskState.data) == null ? void 0 : _a3.ids) || []);
-  }, [setSelections, taskState == null ? void 0 : taskState.data]);
-  useEffect(() => {
-    if ((taskState == null ? void 0 : taskState.status) === "done") {
-      setSelections == null ? void 0 : setSelections([]);
-    }
-  }, [setSelections, taskState]);
+  const { importComponents } = useComponentsImportTask();
+  const translateComponents = useTranlateComponents();
   const confirmResolveRef = useRef();
   const { data: baseTheme, isLoading } = useOneThemeById(
     baseThemeId || void 0,
@@ -202858,8 +203127,8 @@ function ImportComponentModal({
   }, [baseTheme == null ? void 0 : baseTheme.components, parentTheme == null ? void 0 : parentTheme.components, isBaseTheme]);
   const noCategoryComponents = useMemo(() => {
     return components.filter((component) => {
-      var _a3;
-      return !((_a3 = component.category) == null ? void 0 : _a3.id);
+      var _a4;
+      return !((_a4 = component.category) == null ? void 0 : _a4.id);
     });
   }, [components]);
   const handleToggleSelect = React__default.useCallback((id) => {
@@ -202885,26 +203154,51 @@ function ImportComponentModal({
     });
   }, []);
   const handleImport = useCallback(async () => {
-    const comsToImport = components.filter(
-      (c) => selection.includes(c.id || "")
-    );
-    const existings = themeComs == null ? void 0 : themeComs.filter(
-      (c) => comsToImport == null ? void 0 : comsToImport.find((com) => c.name === com.name)
-    );
-    if (existings == null ? void 0 : existings.length) {
-      const result = await confirmOverride(existings.length);
-      if (!result) {
-        return;
+    var _a4;
+    setLoading(true);
+    try {
+      const comsToImport = components.filter(
+        (c) => selection.includes(c.id || "")
+      );
+      const existings = themeComs == null ? void 0 : themeComs.filter(
+        (c) => comsToImport == null ? void 0 : comsToImport.find((com) => c.name === com.name)
+      );
+      if (existings == null ? void 0 : existings.length) {
+        const result = await confirmOverride(existings.length);
+        if (!result) {
+          return;
+        }
+      }
+      if (isBaseTheme) {
+        await importComponents(selection);
+      } else {
+        await translateComponents(((_a4 = theme == null ? void 0 : theme.lang) == null ? void 0 : _a4.id) || "", selection);
+        addToast({
+          title: "成功添加导入任务",
+          color: "success"
+        });
       }
+      setSelections([]);
+      onClose();
+    } catch (error) {
+      console.error("导入组件失败:", error);
+      addToast({
+        title: "导入组件失败",
+        color: "danger"
+      });
+    } finally {
+      setLoading(false);
     }
-    importComponents(selection, !isBaseTheme);
   }, [
     components,
     confirmOverride,
     importComponents,
     isBaseTheme,
+    onClose,
     selection,
-    themeComs
+    (_a3 = theme == null ? void 0 : theme.lang) == null ? void 0 : _a3.id,
+    themeComs,
+    translateComponents
   ]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1, { isOpen: open, onClose, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(ModalOverlay$1, { className: "z-10" }),
@@ -202922,8 +203216,8 @@ function ImportComponentModal({
           /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { className: "flex-1 overflow-y-auto min-h-0 p-2", children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentsSkeletons, {}) : /* @__PURE__ */ jsxRuntimeExports.jsxs(TreeView, { children: [
             categories == null ? void 0 : categories.map((category) => /* @__PURE__ */ jsxRuntimeExports.jsx(GroupNode, { title: category.name, icon: false, children: components.filter(
               (component) => {
-                var _a3;
-                return ((_a3 = component.category) == null ? void 0 : _a3.id) === category.id;
+                var _a4;
+                return ((_a4 = component.category) == null ? void 0 : _a4.id) === category.id;
               }
             ).map((component) => /* @__PURE__ */ jsxRuntimeExports.jsx(
               LeafNode,
@@ -202958,22 +203252,7 @@ function ImportComponentModal({
           ] }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalFooter, { className: "justify-between", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-default-500 flex items-center gap-2", children: [
-              selection.length > 0 && (taskState == null ? void 0 : taskState.status) !== "in-progress" ? `${selection.length}个组件选中` : "",
-              taskState == null ? void 0 : taskState.infoMessage,
-              (taskState == null ? void 0 : taskState.status) === "in-progress" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button$2,
-                {
-                  variant: "light",
-                  size: "sm",
-                  isIconOnly: true,
-                  onPress: () => {
-                    task == null ? void 0 : task.stop();
-                  },
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(TaskStopIcon, { className: "size-9 text-primary" })
-                }
-              )
-            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-default-500 flex items-center gap-2" }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { variant: "light", onPress: onClose, children: "关闭" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -202982,7 +203261,7 @@ function ImportComponentModal({
                   variant: "solid",
                   color: "primary",
                   onPress: handleImport,
-                  isLoading: (taskState == null ? void 0 : taskState.status) === "in-progress",
+                  isLoading: loading,
                   children: "转入"
                 }
               )
@@ -203018,7 +203297,6 @@ function ComponentsRootNode(props) {
   const website = useWebsite();
   const handleNewCagegory = useNewRow();
   const components = useFrontComponents();
-  const { taskState } = useComponentsImportTask();
   const comsNoCategory = useMemo(
     () => components == null ? void 0 : components.filter((item) => {
       var _a3;
@@ -203058,7 +203336,6 @@ function ComponentsRootNode(props) {
     },
     [setEditingPage, components, setEditingComponent, onSelectContent]
   );
-  const importting = (taskState == null ? void 0 : taskState.status) === "in-progress";
   if (!themeId) {
     return null;
   }
@@ -203067,7 +203344,7 @@ function ComponentsRootNode(props) {
       GroupNode,
       {
         title: "自定义组件",
-        fiexdAction: open || importting,
+        fiexdAction: open,
         icon: null,
         classNames: {
           title: "text-sm font-semibold"
@@ -203080,7 +203357,6 @@ function ComponentsRootNode(props) {
               size: "sm",
               variant: "light",
               isIconOnly: true,
-              isLoading: importting,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 Icon,
                 {
@@ -203511,11 +203787,20 @@ function WebsiteStudioInner(props) {
   const { aiUrl, deployUrl } = props;
   const website = useWebsite();
   const langId = ((_a3 = useCurrentLang()) == null ? void 0 : _a3.id) || ((_b3 = website == null ? void 0 : website.baseLang) == null ? void 0 : _b3.id);
+  const token = useEntifyToken();
   const { data: theme, isLoading: themeLoading } = useOneTheme(
     newThemeQueryOptions(website == null ? void 0 : website.id, langId)
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(StudioRoot, { theme, deployUrl, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(EditorScope, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(AiAgentRoot, { endpoint: aiUrl, globalProvider: WEBSITE_DESIGN_PROMPT, children: /* @__PURE__ */ jsxRuntimeExports.jsx(WebsiteDesigner, { themeLoading, deployUrl }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(EditorScope, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      AiAgentRoot,
+      {
+        endpoint: aiUrl,
+        globalProvider: WEBSITE_DESIGN_PROMPT,
+        token,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(WebsiteDesigner, { themeLoading, deployUrl })
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalLoading, { loading: themeLoading })
   ] });
 }
@@ -204389,8 +204674,17 @@ const ThemeStudio = (props) => {
     themeId,
     newThemeByIdQueryOptions()
   );
+  const token = useEntifyToken();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(StudioRoot, { theme, deployUrl: deployURL, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(EditorScope, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(AiAgentRoot, { endpoint: aiUrl, globalProvider: WEBSITE_DESIGN_PROMPT, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeDesigner, {}) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(EditorScope, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      AiAgentRoot,
+      {
+        endpoint: aiUrl,
+        globalProvider: WEBSITE_DESIGN_PROMPT,
+        token,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeDesigner, {})
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalLoading, { loading: themeLoading })
   ] });
 };
@@ -204408,4 +204702,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-525006cd.js.map
+//# sourceMappingURL=index-a0e7f111.js.map