@rxdrag/website-studio 0.0.46 → 0.0.48

package/dist/{index-a36e35b9.js → index-aaa4e570.js}

@@ -7,8 +7,8 @@ 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, PageMetaFields, pageToInput, PageMetaAssciations, componentCategoryToInput, TemplateCategoryEntityName, templateCategoryToInput } from "@rxdrag/rxcms-models";
-import { GlobalLoading, EntityForm, SubmitButton, useListData, SearchInput, EntityPagination, useIsLoading, QueryListScope, useRemoveRow, useEditRow, EntityEditModal, useSelectionsState, EntityTable, EntityListScope, NewButton, EntityRowScope, EntitySelectField, useNewRow } from "@rxdrag/rxcms-models-ui";
+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 { 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";
@@ -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, 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, 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 { 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";
@@ -38,8 +38,8 @@ import { motion, AnimatePresence, LazyMotion, m } from "framer-motion";
 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 { TaskManager, useInprogressTaskByKey, useUpdateTask, taskPool, ResetPageTask, ImportPagesTask, ImportComponentsTask } from "@rxdrag/ai-tasks";
 import tinycolor from "tinycolor2";
+import { useInprogressTaskByKey, useUpdateTask, taskPool, ResetPageTask, ImportPagesTask, ImportComponentsTask } from "@rxdrag/ai-tasks";
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
 /**
@@ -6676,17 +6676,76 @@ function useTranslateTheme() {
   const website = useWebsite();
   const translate = useCallback(
     async (langId, title) => {
-      if (!token || !(website == null ? void 0 : website.id)) {
-        console.error("No token or website id");
-        return;
+      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 (!token) {
+        throw new Error("用户未登录或token已过期");
+      }
+      if (!(website == null ? void 0 : website.id)) {
+        throw new Error("未找到网站信息");
+      }
+      if (!baseURL) {
+        throw new Error("AI服务URL未配置");
+      }
+      try {
+        const http = createHttpClient({ baseURL, token });
+        const response = await http.post("/api/studio/translate-theme", {
+          websiteId: website.id,
+          langId: langId.trim(),
+          title: title.trim()
+        });
+        console.log("翻译主题成功:", response);
+        return response;
+      } catch (error) {
+        const isErrorObject = (err) => {
+          return typeof err === "object" && err !== null;
+        };
+        if (isErrorObject(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)) {
+          const status2 = error.response.status;
+          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})`;
+          }
+          console.error("翻译主题HTTP错误:", { status: status2, error });
+          throw new Error(errorMsg2);
+        }
+        const errorMsg = isErrorObject(error) && error.message ? error.message : "翻译过程中发生未知错误";
+        console.error("翻译主题未知错误:", error);
+        throw new Error(errorMsg);
       }
-      const http = createHttpClient({ baseURL, token });
-      const response = await http.post("/api/studio/translate-theme", {
-        websiteId: website == null ? void 0 : website.id,
-        langId,
-        title
-      });
-      console.log("translate response", response);
     },
     [baseURL, token, website == null ? void 0 : website.id]
   );
@@ -6762,6 +6821,7 @@ function MultiLangPanel() {
   const [linkType, setLinkType] = useState("subdomain");
   const [confirmOpen, setConfirmOpen] = useState(false);
   const [currentLangId, setCurrentLangId] = useCurrentLangId();
+  const setError = useEntifyWrapperStore((state) => state.setGlobalError);
   const selectedContent = useStudioStore((state) => state.selectedContent);
   const setSelectedContent = useStudioStore(
     (state) => state.setSelectedContent
@@ -6861,16 +6921,22 @@ function MultiLangPanel() {
   const handleCloseConfirm = useCallback(() => {
     setConfirmOpen(false);
   }, []);
-  const handleConfirm = useCallback(() => {
+  const handleConfirm = useCallback(async () => {
     var _a4;
     if (!currentLangId) {
       console.error("No currentLang");
       return;
     }
-    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) || ""}`;
-    translateTheme(currentLangId, title);
-  }, [translateTheme, currentLangId, allLangs == null ? void 0 : allLangs.items]);
+    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);
+    } 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;
   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: [
@@ -138222,7 +138288,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-38ffe93b.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-775aff18.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138231,7 +138297,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-38ffe93b.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-775aff18.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -138240,7 +138306,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-38ffe93b.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-775aff18.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -138249,7 +138315,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-38ffe93b.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-775aff18.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -138258,7 +138324,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-38ffe93b.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-775aff18.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -138267,7 +138333,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-38ffe93b.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-775aff18.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138276,7 +138342,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-38ffe93b.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-775aff18.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -138326,7 +138392,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-03fa2b48.js");
+      return import("./handlebars-46315f0e.js");
     }
   }
 });
@@ -138359,7 +138425,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-98032dab.js");
+      return import("./html-ed8824db.js");
     }
   }
 });
@@ -138412,7 +138478,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-59dea486.js");
+      return import("./javascript-c0d8cc8b.js");
     }
   }
 });
@@ -138511,7 +138577,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-82e66f78.js");
+      return import("./liquid-fd914edd.js");
     }
   }
 });
@@ -138559,7 +138625,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-1bea00b6.js");
+      return import("./mdx-5e7a0f83.js");
     }
   }
 });
@@ -138818,7 +138884,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-cb42d146.js");
+      return import("./python-e1d6d047.js");
     }
   }
 });
@@ -138867,7 +138933,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-88e2f64e.js");
+      return import("./razor-e15c6655.js");
     }
   }
 });
@@ -139203,7 +139269,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-c6ee2621.js");
+      return import("./typescript-0b9ed5c9.js");
     }
   }
 });
@@ -139287,7 +139353,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-366a61e0.js");
+      return import("./xml-4e563c2c.js");
     }
   }
 });
@@ -139304,7 +139370,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-d854ca5f.js");
+      return import("./yaml-c9882143.js");
     }
   }
 });
@@ -139428,7 +139494,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-93ea5c72.js");
+    return import("./cssMode-e235f5c4.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -139559,7 +139625,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-17c79d22.js");
+    return import("./htmlMode-6d3a7f40.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -139657,7 +139723,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-e0ecfacb.js");
+    return import("./jsonMode-165aee85.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -139933,7 +139999,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-7ddadd61.js");
+    return import("./tsMode-2f97f8d8.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -198455,11 +198521,202 @@ const RightPanel = memo(() => {
     }
   ) }) });
 });
+function TaskTable() {
+  var _a3, _b3;
+  const data = useListData();
+  const cols = React.useMemo(() => {
+    return [
+      {
+        dataIndex: TaskFields.name,
+        key: TaskFields.name,
+        title: "任务",
+        width: 240,
+        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(
+                            "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"
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] });
+        }
+      },
+      // {
+      //   dataIndex: UserFields.createdAt,
+      //   key: UserFields.createdAt,
+      //   title: "创建日期",
+      //   width: 160,
+      //   sortable: false,
+      //   cellRender: formatTimeCell,
+      // },
+      // {
+      //   dataIndex: UserFields.updatedAt,
+      //   key: UserFields.updatedAt,
+      //   title: "更新日期",
+      //   width: 160,
+      //   sortable: false,
+      //   cellRender: formatTimeCell,
+      // },
+      {
+        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,
+            {
+              icon: "solar:trash-bin-minimalistic-linear",
+              className: "size-4"
+            }
+          ) })
+        ] })
+      }
+    ];
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    EntityTable,
+    {
+      "aria-label": "用户列表",
+      columns: cols,
+      removeWrapper: true,
+      headerProps: {
+        style: {
+          padding: "12px 6px",
+          display: "none"
+        }
+      },
+      bottomContent: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
+        !!((_a3 = data == null ? void 0 : data.items) == null ? void 0 : _a3.length) && ((_b3 = data == null ? void 0 : data.items) == null ? void 0 : _b3.length) < (data.total || 0) && /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { className: "opacity-30" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(EntityPagination, {})
+      ] })
+    }
+  ) });
+}
+function TaskManager() {
+  const [open, setOpen] = useState();
+  const handleClose = useCallback(() => {
+    setOpen(false);
+  }, []);
+  const handlePress = useCallback(() => {
+    setOpen(true);
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button$2,
+      {
+        variant: "light",
+        size: "sm",
+        className: cn(
+          "px-1 py-1 shrink-0"
+          //runningTasks.length ? "text-default-600" : "text-default-500"
+        ),
+        startContent: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-1" }),
+        onPress: handlePress,
+        children: "任务"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Drawer,
+      {
+        isOpen: open,
+        placement: "right",
+        width: 600,
+        className: "min-h-0",
+        noOverlay: true,
+        onClose: handleClose,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalHeader, { className: "pr-2 h-12", children: [
+            "任务管理器",
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ModalClose, {})
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { className: "flex flex-col gap-4 min-h-0 overflow-auto py-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TaskTable, {}) })
+        ]
+      }
+    )
+  ] });
+}
 function StatusBar({ doc }) {
   const viewMode = useStudioStore((state) => state.viewMode);
   const selectedContent = useStudioStore((state) => state.selectedContent);
-  const theme = useStudioTheme();
-  const stableAppKey = useMemo(() => (theme == null ? void 0 : theme.id) || "", [theme == null ? void 0 : theme.id]);
+  const website = useWebsite();
   const breadcrumbsText = useMemo(() => {
     var _a3;
     return ((_a3 = selectedContent == null ? void 0 : selectedContent.breadcrumbs) == null ? void 0 : _a3.join("/")) || "";
@@ -198480,7 +198737,42 @@ function StatusBar({ doc }) {
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { className: "h-5 w-[2px]" })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TaskManager, { appKey: stableAppKey })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            QueryListScope,
+            {
+              defaultPageSize: 20,
+              options: new TaskQueryOptions(
+                [
+                  TaskFields.id,
+                  TaskFields.name,
+                  TaskFields.type,
+                  TaskFields.status,
+                  TaskFields.message,
+                  TaskFields.createdAt,
+                  TaskFields.updatedAt
+                ],
+                {
+                  where: {
+                    [TaskFields.websiteId]: {
+                      _eq: website == null ? void 0 : website.id
+                    },
+                    [TaskFields.module]: {
+                      _eq: AppModule.Studio
+                    }
+                  },
+                  orderBy: [
+                    {
+                      status: "asc"
+                    },
+                    {
+                      createdAt: "desc"
+                    }
+                  ]
+                }
+              ).setNoQuery(!(website == null ? void 0 : website.id)),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(TaskManager, {})
+            }
+          )
         ] })
       ]
     }
@@ -203919,4 +204211,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-a36e35b9.js.map
+//# sourceMappingURL=index-aaa4e570.js.map