@rxdrag/website-studio 0.0.48 → 0.0.50

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

@@ -7,9 +7,9 @@ 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, PageType, ProductCategoryEntityName, ProductCategoryQueryOptions, ProductCategoryFields, ProductQueryOptions, ProductFields, PublishableStatus, websiteToInput, 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, TaskFields, TaskStatus, TaskQueryOptions, AppModule, PageMetaFields, pageToInput, PageMetaAssciations, componentCategoryToInput, TemplateCategoryEntityName, templateCategoryToInput } from "@rxdrag/rxcms-models";
-import { GlobalLoading, EntityForm, SubmitButton, useListData, SearchInput, EntityPagination, useIsLoading, QueryListScope, EditButton, RemoveButton, EntityTable, useRemoveRow, useEditRow, EntityEditModal, useSelectionsState, EntityListScope, NewButton, EntityRowScope, EntitySelectField, useNewRow } from "@rxdrag/rxcms-models-ui";
-import { useOneTheme, usePageList, useTemplateCategoryList, useSectionTemplateList, useComponentCategoryList, useFrontComponentList, useOneThemeById, useUpsertOneWebsite, useDeleteThemeById, useUpsertOneTheme, useLangList, useOneWebsiteSettings, useOneThemeConfig, useUpsertOneThemeConfig, useUpsertOneWebsiteSettings, useUpsertOnePage, useUpsertOneFrontComponent, useUpsertOneSectionTemplate, useDeletePageById } from "@rxdrag/rxcms-model-hooks";
+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 { 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";
 import { parseExpressionValue, isExpression, extractVariables, compileCode, AsyncFunction, transformCodeToSchema, transformSchemaToCode } from "@rxdrag/astro-compiler";
 import { CommentNodeName, TextNodeName, CharNodeName } from "@rxdrag/schema-pro";
@@ -20,7 +20,7 @@ import { isHTMLElement as isHTMLElement$1, isStr } from "@rxdrag/shared";
 import { isFunction as isFunction$2, debounce, keys, uniqueId } from "lodash-es";
 import { useEntifyEndpoint, useEntifyToken, useLazyQueryEntityList, useLazyQueryOneEntity, emitEntityChange, useCreateEntityClient } from "@rxdrag/entify-hooks";
 import dayjs from "dayjs";
-import { ErrorBoundary, ColorPicker, useSave, CheckCircleIcon as CheckCircleIcon$1, CloseIcon, ModalBody, AddIcon as AddIcon$1, AiStarIcon, ConfirmDialog, SettingsIcon, ModalFooter, FavouriteIcon, LightIcon, DarkIcon, EditIcon, TextInput, Drawer, ModalHeader, ModalClose, SearchIcon, ModalContent as ModalContent$1, Modal as Modal$1, ModalOverlay as ModalOverlay$1, MonacoEditor, getTheFile, MoreIcon, LanguageIcon, SeoIcon, AiIcon, SettingsMinimalisticIcon, CodeSquareIcon, DownloadIcon, UploadIcon, StyledTooltip, PlayIcon, Logo, GlobalIcon, SnsIcon, LightBoltIcon, TaskIcon, TaskErrorIcon, TaskSuspendIcon, WarningIcon, PinIcon, PredefinedColorPicker, PagesIcon, WidgetIcon, LeafNode, GroupNode, TreeView, DesignIcon, RemoveIcon, ResetIcon, TaskStopIcon, ImportIcon, AstroIcon, AddFolderIcon, TemplateIcon, AddTemplateIcon } from "@rxdrag/rxcms-common";
+import { ErrorBoundary, ColorPicker, useSave, CheckCircleIcon as CheckCircleIcon$1, CloseIcon, ModalBody, AddIcon as AddIcon$1, TaskStopIcon, AiStarIcon, ConfirmDialog, SettingsIcon, ModalFooter, FavouriteIcon, LightIcon, DarkIcon, EditIcon, TextInput, Drawer, ModalHeader, ModalClose, SearchIcon, ModalContent as ModalContent$1, Modal as Modal$1, ModalOverlay as ModalOverlay$1, MonacoEditor, getTheFile, MoreIcon, LanguageIcon, SeoIcon, AiIcon, SettingsMinimalisticIcon, CodeSquareIcon, DownloadIcon, UploadIcon, StyledTooltip, PlayIcon, Logo, GlobalIcon, SnsIcon, LightBoltIcon, TaskIcon, TaskErrorIcon, TaskSuspendIcon, TaskSuccessIcon, StopOutlineIcon, RemoveIcon, RunningIcon, WarningIcon, PinIcon, PredefinedColorPicker, PagesIcon, WidgetIcon, LeafNode, GroupNode, TreeView, DesignIcon, ResetIcon, ImportIcon, AstroIcon, AddFolderIcon, TemplateIcon, AddTemplateIcon } from "@rxdrag/rxcms-common";
 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";
@@ -30,7 +30,7 @@ import JSZip from "jszip";
 import { create as create$4 } from "zustand";
 import { Icon } from "@iconify/react";
 import { useAiUrl, useAiAgent, AiWidget, AiAgentRoot } from "@rxdrag/ai-agent";
-import { createHttpClient } from "@rxdrag/entify-lib";
+import { createHttpClient, emit, EVENT_ENTITY_POSTED } from "@rxdrag/entify-lib";
 import { InputField, TextareaField, toField, ColorField, SwitchField, SelectField, PasswordField, Form } from "@rxdrag/fieldy-heroui";
 import { ObjectField, useFormValue, useForm, VirtualForm } from "@rxdrag/react-fieldy-pro";
 import "react-colorful";
@@ -1034,6 +1034,9 @@ function useStudioLoading() {
 function useBaseLangThemeId() {
   return useContext(StudioContext).baseLangThemeId;
 }
+function useTasksNotDone() {
+  return useContext(StudioContext).tasksNotDone;
+}
 const fields = [
   ThemeFields.id,
   ThemeFields.name,
@@ -1394,6 +1397,39 @@ function StudioRoot(props) {
     (baseLangThemeData == null ? void 0 : baseLangThemeData.parentThemeId) || void 0,
     newParentThemeByIdQueryOptions()
   );
+  const { data: tasksNotDone } = useTaskList(
+    new TaskQueryOptions(
+      [
+        TaskFields.id,
+        TaskFields.type,
+        TaskFields.name,
+        TaskFields.status,
+        TaskFields.websiteId,
+        TaskFields.status,
+        TaskFields.errorMessage,
+        TaskFields.module,
+        TaskFields.idempotencyKey,
+        TaskFields.params,
+        TaskFields.endedAt,
+        TaskFields.startedAt,
+        TaskFields.createdAt,
+        TaskFields.updatedAt
+      ],
+      {
+        where: {
+          websiteId: {
+            _eq: website == null ? void 0 : website.id
+          },
+          module: {
+            _eq: AppModule.Studio
+          },
+          status: {
+            _in: [TaskStatus.B_Pending, TaskStatus.A_Progress]
+          }
+        }
+      }
+    )
+  );
   const loading = (
     //isLoading ||
     componentsLoading || pagesLoading || templatesLoading || parentThemeLoading || isTemplateCategoriesLoading || isComponentCategoriesLoading || baseLangThemeLoading
@@ -1410,9 +1446,22 @@ function StudioRoot(props) {
       parentTheme,
       baseLangThemeId: baseLangThemeData == null ? void 0 : baseLangThemeData.id,
       loading,
-      deployUrl
+      deployUrl,
+      tasksNotDone: tasksNotDone == null ? void 0 : tasksNotDone.items
     };
-  }, [theme, templateCategories, templatesData == null ? void 0 : templatesData.items, componentCategories, componentsData == null ? void 0 : componentsData.items, pagesData == null ? void 0 : pagesData.items, parentTheme, baseLangThemeData == null ? void 0 : baseLangThemeData.id, loading, deployUrl]);
+  }, [
+    theme,
+    templateCategories,
+    templatesData == null ? void 0 : templatesData.items,
+    componentCategories,
+    componentsData == null ? void 0 : componentsData.items,
+    pagesData == null ? void 0 : pagesData.items,
+    parentTheme,
+    baseLangThemeData == null ? void 0 : baseLangThemeData.id,
+    loading,
+    deployUrl,
+    tasksNotDone == null ? void 0 : tasksNotDone.items
+  ]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(StudioContext.Provider, { value: studioData, children: [
     children,
     /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalLoading, { loading })
@@ -6365,6 +6414,7 @@ const useStudioStore = create$4((set) => ({
   canvasRefId: void 0,
   isDark: false,
   bgColor: "#ffffff",
+  lastedTaskEvent: void 0,
   // 操作方法
   setDrawerType: (drawerType) => set({ drawerType }),
   setConfigType: (configType) => set({ configType }),
@@ -6383,7 +6433,8 @@ const useStudioStore = create$4((set) => ({
   setContentChanged: (contentChanged) => set({ contentChanged }),
   setCanvasRefId: (canvasRefId) => set({ canvasRefId }),
   setIsDark: (isDark2) => set({ isDark: isDark2 }),
-  setBgColor: (bgColor) => set({ bgColor })
+  setBgColor: (bgColor) => set({ bgColor }),
+  setLastedTaskEvent: (lastedTaskEvent) => set({ lastedTaskEvent })
 }));
 ({
   get: () => useStudioStore.getState().drawerType,
@@ -6457,6 +6508,10 @@ const useStudioStore = create$4((set) => ({
   get: () => useStudioStore.getState().bgColor,
   set: useStudioStore.getState().setBgColor
 });
+({
+  get: () => useStudioStore.getState().lastedTaskEvent,
+  set: useStudioStore.getState().setLastedTaskEvent
+});
 var ThemeConfigType = /* @__PURE__ */ ((ThemeConfigType2) => {
   ThemeConfigType2["MultiLang"] = "multi-Lang";
   ThemeConfigType2["Tailwind"] = "tailwind";
@@ -6699,50 +6754,68 @@ function useTranslateTheme() {
           langId: langId.trim(),
           title: title.trim()
         });
-        console.log("翻译主题成功:", response);
         return response;
       } catch (error) {
-        const isErrorObject = (err) => {
+        const isAxiosError = (err) => {
           return typeof err === "object" && err !== null;
         };
-        if (isErrorObject(error) && (error.code === "NETWORK_ERROR" || ((_a3 = error.message) == null ? void 0 : _a3.includes("fetch")))) {
+        if (isAxiosError(error) && (error.code === "NETWORK_ERROR" || ((_a3 = error.message) == null ? void 0 : _a3.includes("fetch")))) {
           console.error("翻译主题网络错误:", error);
           throw new Error("网络连接失败，请检查网络连接");
         }
-        if (isErrorObject(error) && ((_b3 = error.response) == null ? void 0 : _b3.status)) {
+        if (isAxiosError(error) && ((_b3 = error.response) == null ? void 0 : _b3.status)) {
           const status2 = error.response.status;
+          const responseData = error.response.data;
           let errorMsg2 = "翻译请求失败";
-          switch (status2) {
-            case 400:
-              errorMsg2 = "请求参数错误";
-              break;
-            case 401:
-              errorMsg2 = "认证失败，请重新登录";
-              break;
-            case 403:
-              errorMsg2 = "没有权限执行此操作";
-              break;
-            case 404:
-              errorMsg2 = "翻译服务不存在";
-              break;
-            case 429:
-              errorMsg2 = "请求过于频繁，请稍后再试";
-              break;
-            case 500:
-              errorMsg2 = "服务器内部错误";
-              break;
-            case 502:
-            case 503:
-            case 504:
-              errorMsg2 = "服务暂时不可用，请稍后再试";
-              break;
-            default:
-              errorMsg2 = `请求失败 (${status2})`;
+          if (responseData) {
+            if (typeof responseData === "string") {
+              errorMsg2 = responseData;
+            } else if (responseData.error) {
+              errorMsg2 = responseData.error;
+            } else if (responseData.message) {
+              errorMsg2 = responseData.message;
+            } else if (responseData.msg) {
+              errorMsg2 = responseData.msg;
+            }
+          }
+          if (errorMsg2 === "翻译请求失败") {
+            switch (status2) {
+              case 400:
+                errorMsg2 = "请求参数错误";
+                break;
+              case 401:
+                errorMsg2 = "认证失败，请重新登录";
+                break;
+              case 403:
+                errorMsg2 = "没有权限执行此操作";
+                break;
+              case 404:
+                errorMsg2 = "翻译服务不存在";
+                break;
+              case 429:
+                errorMsg2 = "请求过于频繁，请稍后再试";
+                break;
+              case 500:
+                errorMsg2 = "服务器内部错误";
+                break;
+              case 502:
+              case 503:
+              case 504:
+                errorMsg2 = "服务暂时不可用，请稍后再试";
+                break;
+              default:
+                errorMsg2 = `请求失败 (${status2})`;
+            }
           }
-          console.error("翻译主题HTTP错误:", { status: status2, error });
+          console.error("翻译主题HTTP错误:", {
+            status: status2,
+            statusText: error.response.statusText,
+            responseData,
+            error
+          });
           throw new Error(errorMsg2);
         }
-        const errorMsg = isErrorObject(error) && error.message ? error.message : "翻译过程中发生未知错误";
+        const errorMsg = isAxiosError(error) && error.message ? error.message : "翻译过程中发生未知错误";
         console.error("翻译主题未知错误:", error);
         throw new Error(errorMsg);
       }
@@ -6818,10 +6891,14 @@ const linkTypes = [
 ];
 function MultiLangPanel() {
   var _a3, _b3, _c2, _d2, _e2, _f2;
+  const [task, setTask] = useState(null);
   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);
   const setSelectedContent = useStudioStore(
     (state) => state.setSelectedContent
@@ -6830,6 +6907,21 @@ function MultiLangPanel() {
   const isChanginBaseLangRef = useRef(false);
   const [upsertTheme, { isMutating: isCreating }] = useUpsertOneTheme();
   const translateTheme = useTranslateTheme();
+  useEffect(() => {
+    const notDoneTask = tasksNotDone == null ? void 0 : tasksNotDone.find(
+      (task2) => {
+        var _a4;
+        return task2.websiteId === (website == null ? void 0 : website.id) && ((_a4 = task2.params) == null ? void 0 : _a4.langId) === currentLangId && task2.type === TaskType.TranslateTheme;
+      }
+    );
+    setTask(notDoneTask || null);
+  }, [currentLangId, tasksNotDone, website == null ? void 0 : website.id]);
+  useEffect(() => {
+    var _a4;
+    if ((lastTask == null ? void 0 : lastTask.websiteId) === (website == null ? void 0 : website.id) && ((_a4 = lastTask == null ? void 0 : lastTask.params) == null ? void 0 : _a4.langId) === currentLangId && (lastTask == null ? void 0 : lastTask.type) === TaskType.TranslateTheme) {
+      setTask(lastTask);
+    }
+  }, [currentLangId, lastTask, website == null ? void 0 : website.id]);
   useEffect(() => {
     var _a4;
     if (website && !currentLangId) {
@@ -6916,7 +7008,7 @@ function MultiLangPanel() {
   const handleTranslate = useCallback(() => {
     setConfirmOpen(true);
   }, []);
-  useCallback(() => {
+  const handleStop = useCallback(() => {
   }, []);
   const handleCloseConfirm = useCallback(() => {
     setConfirmOpen(false);
@@ -6930,14 +7022,16 @@ function MultiLangPanel() {
     try {
       const lang = (_a4 = allLangs == null ? void 0 : allLangs.items) == null ? void 0 : _a4.find((lang2) => lang2.id === currentLangId);
       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) || ""}`;
-      await translateTheme(currentLangId, title);
+      const task2 = await translateTheme(currentLangId, title);
+      setTask(task2);
+      setSuccess("翻译任务已提交");
     } catch (error) {
       console.error("翻译主题失败:", error);
       const errorString = error instanceof Error ? error.message : String(error);
       setError(errorString);
     }
-  }, [currentLangId, allLangs == null ? void 0 : allLangs.items, translateTheme, setError]);
-  const isRunning = false;
+  }, [currentLangId, allLangs == null ? void 0 : allLangs.items, translateTheme, setSuccess, setError]);
+  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: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: "bg-default-50", children: [
@@ -7047,7 +7141,15 @@ function MultiLangPanel() {
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-6 flex items-center justify-between", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-default-500" }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
-              isRunning,
+              isRunning && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Button$2,
+                {
+                  variant: "flat",
+                  startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(TaskStopIcon, { className: "size-5" }),
+                  onPress: handleStop,
+                  children: "停止"
+                }
+              ),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 Button$2,
                 {
@@ -7607,7 +7709,7 @@ function WebsiteInfoPanel(props) {
     }
   ) });
 }
-function EmialTemplatesPanel(props) {
+function EmailTemplatesPanel(props) {
   const { onSuccess } = props;
   const theme = useStudioTheme();
   const { data: themeConfig2 } = useOneThemeConfig(newThemeConfigOptions(theme));
@@ -138288,7 +138390,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-775aff18.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138297,7 +138399,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-775aff18.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -138306,7 +138408,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-775aff18.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -138315,7 +138417,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-775aff18.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -138324,7 +138426,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-775aff18.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -138333,7 +138435,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-775aff18.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138342,7 +138444,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-775aff18.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-1fbc5bf0.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -138392,7 +138494,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-46315f0e.js");
+      return import("./handlebars-0d2d8087.js");
     }
   }
 });
@@ -138425,7 +138527,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-ed8824db.js");
+      return import("./html-1f416956.js");
     }
   }
 });
@@ -138478,7 +138580,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-c0d8cc8b.js");
+      return import("./javascript-fa1a44fb.js");
     }
   }
 });
@@ -138577,7 +138679,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-fd914edd.js");
+      return import("./liquid-f59e1243.js");
     }
   }
 });
@@ -138625,7 +138727,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-5e7a0f83.js");
+      return import("./mdx-831aab9e.js");
     }
   }
 });
@@ -138884,7 +138986,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-e1d6d047.js");
+      return import("./python-c08d64d5.js");
     }
   }
 });
@@ -138933,7 +139035,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-e15c6655.js");
+      return import("./razor-c37a2ffd.js");
     }
   }
 });
@@ -139269,7 +139371,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-0b9ed5c9.js");
+      return import("./typescript-37e16b75.js");
     }
   }
 });
@@ -139353,7 +139455,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-4e563c2c.js");
+      return import("./xml-68f06860.js");
     }
   }
 });
@@ -139370,7 +139472,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-c9882143.js");
+      return import("./yaml-11d37d04.js");
     }
   }
 });
@@ -139494,7 +139596,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-e235f5c4.js");
+    return import("./cssMode-3b37fb1f.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -139625,7 +139727,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-6d3a7f40.js");
+    return import("./htmlMode-f8f5f503.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -139723,7 +139825,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-165aee85.js");
+    return import("./jsonMode-c7e6869c.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -139999,7 +140101,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-2f97f8d8.js");
+    return import("./tsMode-fe874300.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -189577,7 +189679,7 @@ function ConfigDrawer() {
         openSettingsType === ThemeConfigType.MultiLang && /* @__PURE__ */ jsxRuntimeExports.jsx(MultiLangPanel, {}),
         openSettingsType === ThemeConfigType.Extends && /* @__PURE__ */ jsxRuntimeExports.jsx(ExtendsPanel, {}),
         openSettingsType === ThemeConfigType.WebsiteInfo && /* @__PURE__ */ jsxRuntimeExports.jsx(WebsiteInfoPanel, { onSuccess: () => setOpenSettingsType(void 0) }),
-        openSettingsType === ThemeConfigType.EmailTemplates && /* @__PURE__ */ jsxRuntimeExports.jsx(EmialTemplatesPanel, { onSuccess: () => setOpenSettingsType(void 0) }),
+        openSettingsType === ThemeConfigType.EmailTemplates && /* @__PURE__ */ jsxRuntimeExports.jsx(EmailTemplatesPanel, { onSuccess: () => setOpenSettingsType(void 0) }),
         openSettingsType === ThemeConfigType.Redirects && /* @__PURE__ */ jsxRuntimeExports.jsx(Map301Panel, { onClose: () => setOpenSettingsType(void 0) }),
         openSettingsType === ThemeConfigType.DeployConfig && /* @__PURE__ */ jsxRuntimeExports.jsx(DeployConfigPanel, { onSuccess: () => setOpenSettingsType(void 0) })
       ]
@@ -198521,6 +198623,35 @@ const RightPanel = memo(() => {
     }
   ) }) });
 });
+const StopButton = forwardRef$2(
+  (props, ref2) => {
+    const { confirm, onStop, ...rest } = props;
+    const [open, setOpen] = useState(false);
+    const handleClick = useCallback(() => {
+      if (confirm) {
+        setOpen(true);
+      } else {
+        onStop == null ? void 0 : onStop();
+      }
+    }, [confirm, onStop]);
+    const handleConfirm = useCallback(() => {
+      onStop == null ? void 0 : onStop();
+      setOpen(false);
+    }, [onStop]);
+    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(
+        ConfirmDialog,
+        {
+          open,
+          onClose: () => setOpen(false),
+          onConfirm: handleConfirm,
+          confirm
+        }
+      )
+    ] });
+  }
+);
 function TaskTable() {
   var _a3, _b3;
   const data = useListData();
@@ -198530,85 +198661,95 @@ function TaskTable() {
         dataIndex: TaskFields.name,
         key: TaskFields.name,
         title: "任务",
-        width: 240,
+        width: "100%",
         sortable: false,
         editable: false,
         cellRender: (text2, row) => {
-          return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-              (row == null ? void 0 : row.status) === TaskStatus.A_Progress && /* @__PURE__ */ jsxRuntimeExports.jsx(TaskIcon, { className: "size-5 text-primary" }),
-              (row == null ? void 0 : row.status) === TaskStatus.B_Failure && /* @__PURE__ */ jsxRuntimeExports.jsx(TaskErrorIcon, { className: "size-5 text-danger" }),
-              (row == null ? void 0 : row.status) === TaskStatus.C_Pending && /* @__PURE__ */ jsxRuntimeExports.jsx(TaskSuspendIcon, { className: "size-5" })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm", children: text2 }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-default-500 flex items-center gap-1", children: [
-                row == null ? void 0 : row.message,
-                (row == null ? void 0 : row.status) === TaskStatus.A_Progress && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  "svg",
-                  {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    className: "size-4",
-                    viewBox: "0 0 24 24",
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "4", cy: "12", r: "3", fill: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        "animate",
-                        {
-                          id: "SVG7x14Dcom",
-                          fill: "freeze",
-                          attributeName: "opacity",
-                          begin: "0;SVGqSjG0dUp.end-0.25s",
-                          dur: "0.75s",
-                          values: "1;0.2"
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        "circle",
-                        {
-                          cx: "12",
-                          cy: "12",
-                          r: "3",
-                          fill: "currentColor",
-                          opacity: "0.4",
-                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center gap-2",
+                (row == null ? void 0 : row.status) === TaskStatus.E_Success && "opacity-70"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                  (row == null ? void 0 : row.status) === TaskStatus.A_Progress && /* @__PURE__ */ jsxRuntimeExports.jsx(TaskIcon, { className: "size-5 text-primary" }),
+                  (row == null ? void 0 : row.status) === TaskStatus.C_Failure && /* @__PURE__ */ jsxRuntimeExports.jsx(TaskErrorIcon, { className: "size-5 text-danger" }),
+                  (row == null ? void 0 : row.status) === TaskStatus.B_Pending && /* @__PURE__ */ jsxRuntimeExports.jsx(TaskSuspendIcon, { className: "size-5" }),
+                  (row == null ? void 0 : row.status) === TaskStatus.E_Success && /* @__PURE__ */ jsxRuntimeExports.jsx(TaskSuccessIcon, { className: "size-5" })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("text-sm"), children: text2 }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-default-500 flex items-center gap-1", children: [
+                    row == null ? void 0 : row.message,
+                    (row == null ? void 0 : row.status) === TaskStatus.A_Progress && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        className: "size-4",
+                        viewBox: "0 0 24 24",
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "4", cy: "12", r: "3", fill: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                             "animate",
                             {
+                              id: "SVG7x14Dcom",
                               fill: "freeze",
                               attributeName: "opacity",
-                              begin: "SVG7x14Dcom.begin+0.15s",
+                              begin: "0;SVGqSjG0dUp.end-0.25s",
                               dur: "0.75s",
                               values: "1;0.2"
                             }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        "circle",
-                        {
-                          cx: "20",
-                          cy: "12",
-                          r: "3",
-                          fill: "currentColor",
-                          opacity: "0.3",
-                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            "animate",
+                          ) }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            "circle",
                             {
-                              id: "SVGqSjG0dUp",
-                              fill: "freeze",
-                              attributeName: "opacity",
-                              begin: "SVG7x14Dcom.begin+0.3s",
-                              dur: "0.75s",
-                              values: "1;0.2"
+                              cx: "12",
+                              cy: "12",
+                              r: "3",
+                              fill: "currentColor",
+                              opacity: "0.4",
+                              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                                "animate",
+                                {
+                                  fill: "freeze",
+                                  attributeName: "opacity",
+                                  begin: "SVG7x14Dcom.begin+0.15s",
+                                  dur: "0.75s",
+                                  values: "1;0.2"
+                                }
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            "circle",
+                            {
+                              cx: "20",
+                              cy: "12",
+                              r: "3",
+                              fill: "currentColor",
+                              opacity: "0.3",
+                              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                                "animate",
+                                {
+                                  id: "SVGqSjG0dUp",
+                                  fill: "freeze",
+                                  attributeName: "opacity",
+                                  begin: "SVG7x14Dcom.begin+0.3s",
+                                  dur: "0.75s",
+                                  values: "1;0.2"
+                                }
+                              )
                             }
                           )
-                        }
-                      )
-                    ]
-                  }
-                )
-              ] })
-            ] })
-          ] });
+                        ]
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            }
+          );
         }
       },
       // {
@@ -198629,23 +198770,21 @@ function TaskTable() {
       // },
       {
         key: "operate",
-        width: 120,
-        title: "操作",
-        cellRender: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-0.5 items-center", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(EditButton, { isIconOnly: true, size: "sm", variant: "light", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Icon,
-            {
-              icon: "solar:pen-linear",
-              className: "size-4 text-default-500"
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(RemoveButton, { isIconOnly: true, size: "sm", variant: "light", color: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Icon,
+        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(
+            RemoveButton,
             {
-              icon: "solar:trash-bin-minimalistic-linear",
-              className: "size-4"
+              confirm: "确定要删除吗？",
+              isIconOnly: true,
+              size: "sm",
+              variant: "light",
+              color: "danger",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(RemoveIcon, { className: "size-4" })
             }
-          ) })
+          )
         ] })
       }
     ];
@@ -198653,9 +198792,10 @@ function TaskTable() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     EntityTable,
     {
-      "aria-label": "用户列表",
+      "aria-label": "任务列表",
       columns: cols,
       removeWrapper: true,
+      selectionMode: "single",
       headerProps: {
         style: {
           padding: "12px 6px",
@@ -198671,12 +198811,17 @@ function TaskTable() {
 }
 function TaskManager() {
   const [open, setOpen] = useState();
+  const notDoneTasks = useTasksNotDone();
   const handleClose = useCallback(() => {
     setOpen(false);
   }, []);
   const handlePress = useCallback(() => {
     setOpen(true);
   }, []);
+  const runningTasks = useMemo(
+    () => notDoneTasks == null ? void 0 : notDoneTasks.filter((task) => task.status === TaskStatus.A_Progress),
+    [notDoneTasks]
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$2,
@@ -198684,10 +198829,10 @@ function TaskManager() {
         variant: "light",
         size: "sm",
         className: cn(
-          "px-1 py-1 shrink-0"
-          //runningTasks.length ? "text-default-600" : "text-default-500"
+          "px-1 py-1 shrink-0",
+          (runningTasks == null ? void 0 : runningTasks.length) ? "text-default-600" : "text-default-500"
         ),
-        startContent: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-1" }),
+        startContent: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-1", children: !!(runningTasks == null ? void 0 : runningTasks.length) && /* @__PURE__ */ jsxRuntimeExports.jsx(RunningIcon, { width: 14, className: "text-primary" }) }),
         onPress: handlePress,
         children: "任务"
       }
@@ -198713,10 +198858,62 @@ function TaskManager() {
     )
   ] });
 }
+function useSubscribeTaskEvents(onTaskEvent) {
+  const website = useWebsite();
+  const baseURL = useAiUrl();
+  const token = useEntifyToken();
+  const eventSourceRef = useRef(null);
+  const onTaskEventRef = useRef(onTaskEvent);
+  onTaskEventRef.current = onTaskEvent;
+  useEffect(() => {
+    if (!(website == null ? void 0 : website.id) || !baseURL || !token) {
+      return;
+    }
+    if (eventSourceRef.current) {
+      eventSourceRef.current.close();
+    }
+    const url = new URL(`/api/studio/task-event/${website.id}`, baseURL);
+    url.searchParams.set("token", token);
+    const eventSource = new EventSource(url.toString());
+    eventSourceRef.current = eventSource;
+    eventSource.onmessage = (event) => {
+      try {
+        const taskEvent = JSON.parse(event.data);
+        if (onTaskEventRef.current) {
+          onTaskEventRef.current(taskEvent);
+        }
+      } catch (parseError) {
+        console.error("解析事件数据失败:", parseError);
+      }
+    };
+    eventSource.onerror = (error) => {
+      console.error("SSE连接错误:", error);
+    };
+    return () => {
+      eventSource.close();
+    };
+  }, [website == null ? void 0 : website.id, baseURL, token]);
+}
 function StatusBar({ doc }) {
+  const setLastedTaskEvent = useStudioStore(
+    (state) => state.setLastedTaskEvent
+  );
   const viewMode = useStudioStore((state) => state.viewMode);
   const selectedContent = useStudioStore((state) => state.selectedContent);
   const website = useWebsite();
+  const handleEvent = useCallback(
+    (event) => {
+      console.log("收到任务事件:", event);
+      setLastedTaskEvent(event);
+      emit(EVENT_ENTITY_POSTED, {
+        entityName: TaskEntityName,
+        requested: event,
+        response: event
+      });
+    },
+    [setLastedTaskEvent]
+  );
+  useSubscribeTaskEvents(handleEvent);
   const breadcrumbsText = useMemo(() => {
     var _a3;
     return ((_a3 = selectedContent == null ? void 0 : selectedContent.breadcrumbs) == null ? void 0 : _a3.join("/")) || "";
@@ -204211,4 +204408,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-aaa4e570.js.map
+//# sourceMappingURL=index-525006cd.js.map