markpdfdown 0.3.3 → 0.4.2-beta.0

package/dist/renderer/assets/{index-De-mUR1O.js → index-DiGbhKeE.js}

@@ -7096,16 +7096,16 @@ function createHashHistory(options = {}) {
     options
   );
 }
-function invariant(value, message) {
+function invariant(value, message2) {
   if (value === false || value === null || typeof value === "undefined") {
-    throw new Error(message);
+    throw new Error(message2);
   }
 }
-function warning$3(cond, message) {
+function warning$3(cond, message2) {
   if (!cond) {
-    if (typeof console !== "undefined") console.warn(message);
+    if (typeof console !== "undefined") console.warn(message2);
     try {
-      throw new Error(message);
+      throw new Error(message2);
     } catch (e2) {
     }
   }
@@ -8000,7 +8000,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
 }
 function DefaultErrorComponent() {
   let error = useRouteError();
-  let message = isRouteErrorResponse(error) ? `${error.status} ${error.statusText}` : error instanceof Error ? error.message : JSON.stringify(error);
+  let message2 = isRouteErrorResponse(error) ? `${error.status} ${error.statusText}` : error instanceof Error ? error.message : JSON.stringify(error);
   let stack = error instanceof Error ? error.stack : null;
   let lightgrey = "rgba(200,200,200, 0.5)";
   let preStyles = { padding: "0.5rem", backgroundColor: lightgrey };
@@ -8013,7 +8013,7 @@ function DefaultErrorComponent() {
     );
     devInfo = /* @__PURE__ */ reactExports.createElement(reactExports.Fragment, null, /* @__PURE__ */ reactExports.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ reactExports.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ reactExports.createElement("code", { style: codeStyles }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ reactExports.createElement("code", { style: codeStyles }, "errorElement"), " prop on your route."));
   }
-  return /* @__PURE__ */ reactExports.createElement(reactExports.Fragment, null, /* @__PURE__ */ reactExports.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ reactExports.createElement("h3", { style: { fontStyle: "italic" } }, message), stack ? /* @__PURE__ */ reactExports.createElement("pre", { style: preStyles }, stack) : null, devInfo);
+  return /* @__PURE__ */ reactExports.createElement(reactExports.Fragment, null, /* @__PURE__ */ reactExports.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ reactExports.createElement("h3", { style: { fontStyle: "italic" } }, message2), stack ? /* @__PURE__ */ reactExports.createElement("pre", { style: preStyles }, stack) : null, devInfo);
 }
 var defaultErrorElement = /* @__PURE__ */ reactExports.createElement(DefaultErrorComponent, null);
 var RenderErrorBoundary = class extends reactExports.Component {
@@ -8319,10 +8319,10 @@ function useNavigateStable() {
   return navigate;
 }
 var alreadyWarned$1 = {};
-function warningOnce$1(key, cond, message) {
+function warningOnce$1(key, cond, message2) {
   if (!cond && !alreadyWarned$1[key]) {
     alreadyWarned$1[key] = true;
-    warning$3(false, message);
+    warning$3(false, message2);
   }
 }
 reactExports.memo(DataRoutes);
@@ -8563,9 +8563,9 @@ function getFormSubmissionInfo(target, basename2) {
   return { action, method: method4.toLowerCase(), encType, formData, body };
 }
 Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
-function invariant2(value, message) {
+function invariant2(value, message2) {
   if (value === false || value === null || typeof value === "undefined") {
-    throw new Error(message);
+    throw new Error(message2);
   }
 }
 function singleFetchUrl(reqUrl, basename2, trailingSlashAware, extension2) {
@@ -9463,24 +9463,24 @@ function toArray$7(children) {
 var warned = {};
 var preMessage = function preMessage2(fn) {
 };
-function warning$2(valid2, message) {
+function warning$2(valid2, message2) {
 }
-function note(valid2, message) {
+function note(valid2, message2) {
 }
 function resetWarned() {
   warned = {};
 }
-function call(method4, valid2, message) {
-  if (!valid2 && !warned[message]) {
-    method4(false, message);
-    warned[message] = true;
+function call(method4, valid2, message2) {
+  if (!valid2 && !warned[message2]) {
+    method4(false, message2);
+    warned[message2] = true;
   }
 }
-function warningOnce(valid2, message) {
-  call(warning$2, valid2, message);
+function warningOnce(valid2, message2) {
+  call(warning$2, valid2, message2);
 }
-function noteOnce(valid2, message) {
-  call(note, valid2, message);
+function noteOnce(valid2, message2) {
+  call(note, valid2, message2);
 }
 warningOnce.preMessage = preMessage;
 warningOnce.resetWarned = resetWarned;
@@ -14271,7 +14271,7 @@ function getAlphaColor$1(frontColor, backgroundColor) {
     a: 1
   }).toRgbString();
 }
-var __rest$1a = function(s2, e2) {
+var __rest$1b = function(s2, e2) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e2.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -14282,7 +14282,7 @@ var __rest$1a = function(s2, e2) {
 function formatToken(derivativeToken) {
   const {
     override
-  } = derivativeToken, restToken = __rest$1a(derivativeToken, ["override"]);
+  } = derivativeToken, restToken = __rest$1b(derivativeToken, ["override"]);
   const overrideTokens = Object.assign({}, override);
   Object.keys(seedToken).forEach((token2) => {
     delete overrideTokens[token2];
@@ -14436,7 +14436,7 @@ function formatToken(derivativeToken) {
   }), overrideTokens);
   return aliasToken;
 }
-var __rest$19 = function(s2, e2) {
+var __rest$1a = function(s2, e2) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e2.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -14486,7 +14486,7 @@ const getComputedToken = (originToken, overrideToken, theme2) => {
   const derivativeToken = theme2.getDerivativeToken(originToken);
   const {
     override
-  } = overrideToken, components = __rest$19(overrideToken, ["override"]);
+  } = overrideToken, components = __rest$1a(overrideToken, ["override"]);
   let mergedDerivativeToken = Object.assign(Object.assign({}, derivativeToken), {
     override
   });
@@ -14495,7 +14495,7 @@ const getComputedToken = (originToken, overrideToken, theme2) => {
     Object.entries(components).forEach(([key, value]) => {
       const {
         theme: componentTheme
-      } = value, componentTokens = __rest$19(value, ["theme"]);
+      } = value, componentTokens = __rest$1a(value, ["theme"]);
       let mergedComponentToken = componentTokens;
       if (componentTheme) {
         mergedComponentToken = getComputedToken(Object.assign(Object.assign({}, mergedDerivativeToken), componentTokens), {
@@ -15438,7 +15438,7 @@ function MotionWrapper(props) {
   return children;
 }
 const PropWarning = () => null;
-var __rest$18 = function(s2, e2) {
+var __rest$19 = function(s2, e2) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e2.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -15557,7 +15557,7 @@ const ProviderChildren = (props) => {
     switch: SWITCH,
     transfer,
     avatar,
-    message,
+    message: message2,
     tag,
     table: table2,
     card,
@@ -15649,7 +15649,7 @@ const ProviderChildren = (props) => {
     switch: SWITCH,
     transfer,
     avatar,
-    message,
+    message: message2,
     tag,
     table: table2,
     card,
@@ -15741,7 +15741,7 @@ const ProviderChildren = (props) => {
       token: token2,
       components,
       cssVar
-    } = _a, rest2 = __rest$18(_a, ["algorithm", "token", "components", "cssVar"]);
+    } = _a, rest2 = __rest$19(_a, ["algorithm", "token", "components", "cssVar"]);
     const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
     const parsedComponents = {};
     Object.entries(components || {}).forEach(([componentName, componentToken]) => {
@@ -15819,8 +15819,8 @@ function camelCase(input) {
     return g.toUpperCase();
   });
 }
-function warning$1(valid2, message) {
-  warningOnce(valid2, "[@ant-design/icons] ".concat(message));
+function warning$1(valid2, message2) {
+  warningOnce(valid2, "[@ant-design/icons] ".concat(message2));
 }
 function isIconDefinition(target) {
   return _typeof$1(target) === "object" && typeof target.name === "string" && typeof target.theme === "string" && (_typeof$1(target.icon) === "object" || typeof target.icon === "function");
@@ -16245,7 +16245,7 @@ const prepareComponentToken$w = (token2) => {
   };
 };
 const useStyle$G = genStyleHooks("Alert", (token2) => [genBaseStyle$b(token2), genTypeStyle(token2), genActionStyle(token2)], prepareComponentToken$w);
-var __rest$17 = function(s2, e2) {
+var __rest$18 = function(s2, e2) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e2.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
@@ -16297,7 +16297,7 @@ const Alert$1 = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
   const {
     description,
     prefixCls: customizePrefixCls,
-    message,
+    message: message2,
     banner,
     className,
     rootClassName,
@@ -16312,7 +16312,7 @@ const Alert$1 = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
     closeIcon,
     action,
     id
-  } = props, otherProps = __rest$17(props, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]);
+  } = props, otherProps = __rest$18(props, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]);
   const [closed, setClosed] = reactExports.useState(false);
   const internalRef = reactExports.useRef(null);
   reactExports.useImperativeHandle(ref, () => ({
@@ -16385,7 +16385,7 @@ const Alert$1 = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
     if (typeof merged === "object") {
       const {
         closeIcon: _2
-      } = merged, ariaProps = __rest$17(merged, ["closeIcon"]);
+      } = merged, ariaProps = __rest$18(merged, ["closeIcon"]);
       return ariaProps;
     }
     return {};
@@ -16419,9 +16419,9 @@ const Alert$1 = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
     type: type4
   }) : null, /* @__PURE__ */ reactExports.createElement("div", {
     className: `${prefixCls}-content`
-  }, message ? /* @__PURE__ */ reactExports.createElement("div", {
+  }, message2 ? /* @__PURE__ */ reactExports.createElement("div", {
     className: `${prefixCls}-message`
-  }, message) : null, description ? /* @__PURE__ */ reactExports.createElement("div", {
+  }, message2) : null, description ? /* @__PURE__ */ reactExports.createElement("div", {
     className: `${prefixCls}-description`
   }, description) : null), action ? /* @__PURE__ */ reactExports.createElement("div", {
     className: `${prefixCls}-action`
@@ -16462,7 +16462,7 @@ let ErrorBoundary = /* @__PURE__ */ (function(_React$Component) {
     key: "render",
     value: function render10() {
       const {
-        message,
+        message: message2,
         description,
         id,
         children
@@ -16472,7 +16472,7 @@ let ErrorBoundary = /* @__PURE__ */ (function(_React$Component) {
         info
       } = this.state;
       const componentStack = (info === null || info === void 0 ? void 0 : info.componentStack) || null;
-      const errorMessage = typeof message === "undefined" ? (error || "").toString() : message;
+      const errorMessage = typeof message2 === "undefined" ? (error || "").toString() : message2;
       const errorDescription = typeof description === "undefined" ? componentStack : description;
       if (error) {
         return /* @__PURE__ */ reactExports.createElement(Alert$1, {
@@ -17060,7 +17060,7 @@ var Notifications = /* @__PURE__ */ reactExports.forwardRef(function(props, ref)
       close: function close2(key) {
         onNoticeClose(key);
       },
-      destroy: function destroy() {
+      destroy: function destroy2() {
         setConfigList([]);
       }
     };
@@ -17162,7 +17162,7 @@ function useNotification$1() {
     stack,
     renderNotifications: renderNotifications2
   });
-  var _React$useState3 = reactExports.useState([]), _React$useState4 = _slicedToArray(_React$useState3, 2), taskQueue = _React$useState4[0], setTaskQueue = _React$useState4[1];
+  var _React$useState3 = reactExports.useState([]), _React$useState4 = _slicedToArray(_React$useState3, 2), taskQueue2 = _React$useState4[0], setTaskQueue = _React$useState4[1];
   var open2 = useEvent(function(config) {
     var mergedConfig = mergeConfig(shareConfig, config);
     if (mergedConfig.key === null || mergedConfig.key === void 0) {
@@ -17187,7 +17187,7 @@ function useNotification$1() {
           }]);
         });
       },
-      destroy: function destroy() {
+      destroy: function destroy2() {
         setTaskQueue(function(queue) {
           return [].concat(_toConsumableArray(queue), [{
             type: "destroy"
@@ -17200,8 +17200,8 @@ function useNotification$1() {
     setContainer(getContainer2());
   });
   reactExports.useEffect(function() {
-    if (notificationsRef.current && taskQueue.length) {
-      taskQueue.forEach(function(task) {
+    if (notificationsRef.current && taskQueue2.length) {
+      taskQueue2.forEach(function(task) {
         switch (task.type) {
           case "open":
             notificationsRef.current.open(task.config);
@@ -17220,13 +17220,13 @@ function useNotification$1() {
         if (oriTaskQueue !== oriQueue || !tgtTaskQueue) {
           oriTaskQueue = oriQueue;
           tgtTaskQueue = oriQueue.filter(function(task) {
-            return !taskQueue.includes(task);
+            return !taskQueue2.includes(task);
           });
         }
         return tgtTaskQueue;
       });
     }
-  }, [taskQueue]);
+  }, [taskQueue2]);
   return [api, contextHolder];
 }
 var LoadingOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" };
@@ -17607,14 +17607,14 @@ const useStyle$F = genStyleHooks("Message", (token2) => {
   });
   return genMessageStyle(combinedToken);
 }, prepareComponentToken$v);
-(function(s2, e2) {
+var __rest$17 = function(s2, e2) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e2.indexOf(p2) < 0) t2[p2] = s2[p2];
   if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p2 = Object.getOwnPropertySymbols(s2); i < p2.length; i++) {
     if (e2.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i])) t2[p2[i]] = s2[p2[i]];
   }
   return t2;
-});
+};
 const TypeIcon = {
   info: /* @__PURE__ */ reactExports.createElement(RefIcon$$, null),
   success: /* @__PURE__ */ reactExports.createElement(RefIcon$13, null),
@@ -17630,6 +17630,32 @@ const PureContent$1 = ({
 }) => /* @__PURE__ */ reactExports.createElement("div", {
   className: classNames(`${prefixCls}-custom-content`, `${prefixCls}-${type4}`)
 }, icon2 || TypeIcon[type4], /* @__PURE__ */ reactExports.createElement("span", null, children));
+const PurePanel$6 = (props) => {
+  const {
+    prefixCls: staticPrefixCls,
+    className,
+    type: type4,
+    icon: icon2,
+    content: content2
+  } = props, restProps = __rest$17(props, ["prefixCls", "className", "type", "icon", "content"]);
+  const {
+    getPrefixCls
+  } = reactExports.useContext(ConfigContext);
+  const prefixCls = staticPrefixCls || getPrefixCls("message");
+  const rootCls = useCSSVarCls(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$F(prefixCls, rootCls);
+  return wrapCSSVar(/* @__PURE__ */ reactExports.createElement(Notify, Object.assign({}, restProps, {
+    prefixCls,
+    className: classNames(className, hashId, `${prefixCls}-notice-pure-panel`, cssVarCls, rootCls),
+    eventKey: "pure",
+    duration: null,
+    content: /* @__PURE__ */ reactExports.createElement(PureContent$1, {
+      prefixCls,
+      type: type4,
+      icon: icon2
+    }, content2)
+  })));
+};
 function getMotion$3(prefixCls, transitionName) {
   return {
     motionName: transitionName !== null && transitionName !== void 0 ? transitionName : `${prefixCls}-move-up`
@@ -17692,7 +17718,7 @@ const Holder$1 = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
   const {
     getPrefixCls,
     getPopupContainer,
-    message,
+    message: message2,
     direction
   } = reactExports.useContext(ConfigContext);
   const prefixCls = staticPrefixCls || getPrefixCls("message");
@@ -17725,7 +17751,7 @@ const Holder$1 = /* @__PURE__ */ reactExports.forwardRef((props, ref) => {
   });
   reactExports.useImperativeHandle(ref, () => Object.assign(Object.assign({}, api), {
     prefixCls,
-    message
+    message: message2
   }));
   return holder;
 });
@@ -17749,7 +17775,7 @@ function useInternalMessage(messageConfig) {
       const {
         open: originOpen,
         prefixCls,
-        message
+        message: message2
       } = holderRef.current;
       const noticePrefixCls = `${prefixCls}-notice`;
       const {
@@ -17775,8 +17801,8 @@ function useInternalMessage(messageConfig) {
             icon: icon2
           }, content2),
           placement: "top",
-          className: classNames(type4 && `${noticePrefixCls}-${type4}`, className, message === null || message === void 0 ? void 0 : message.className),
-          style: Object.assign(Object.assign({}, message === null || message === void 0 ? void 0 : message.style), style2),
+          className: classNames(type4 && `${noticePrefixCls}-${type4}`, className, message2 === null || message2 === void 0 ? void 0 : message2.className),
+          style: Object.assign(Object.assign({}, message2 === null || message2 === void 0 ? void 0 : message2.style), style2),
           onClose: () => {
             onClose === null || onClose === void 0 ? void 0 : onClose();
             resolve();
@@ -17787,7 +17813,7 @@ function useInternalMessage(messageConfig) {
         };
       });
     };
-    const destroy = (key) => {
+    const destroy2 = (key) => {
       var _a;
       if (key !== void 0) {
         close2(key);
@@ -17797,11 +17823,11 @@ function useInternalMessage(messageConfig) {
     };
     const clone = {
       open: open2,
-      destroy
+      destroy: destroy2
     };
     const keys2 = ["info", "success", "warning", "error", "loading"];
     keys2.forEach((type4) => {
-      const typeOpen = (jointContent, duration, onClose) => {
+      const typeOpen2 = (jointContent, duration, onClose) => {
         let config;
         if (jointContent && typeof jointContent === "object" && "content" in jointContent) {
           config = jointContent;
@@ -17826,7 +17852,7 @@ function useInternalMessage(messageConfig) {
         });
         return open2(mergedConfig);
       };
-      clone[type4] = typeOpen;
+      clone[type4] = typeOpen2;
     });
     return clone;
   }, []);
@@ -22420,8 +22446,8 @@ function _validateRule() {
           _context2.t0 = _context2["catch"](10);
           if (_context2.t0.errors) {
             result = _context2.t0.errors.map(function(_ref4, index2) {
-              var message = _ref4.message;
-              var mergedMessage = message === CODE_LOGIC_ERROR ? messages2.default : message;
+              var message2 = _ref4.message;
+              var mergedMessage = message2 === CODE_LOGIC_ERROR ? messages2.default : message2;
               return /* @__PURE__ */ reactExports.isValidElement(mergedMessage) ? (
                 // Wrap ReactNode with `key`
                 /* @__PURE__ */ reactExports.cloneElement(mergedMessage, {
@@ -22755,11 +22781,11 @@ var Field = /* @__PURE__ */ (function(_React$Component) {
       });
     });
     _defineProperty(_assertThisInitialized(_this), "metaCache", null);
-    _defineProperty(_assertThisInitialized(_this), "triggerMetaEvent", function(destroy) {
+    _defineProperty(_assertThisInitialized(_this), "triggerMetaEvent", function(destroy2) {
       var onMetaChange = _this.props.onMetaChange;
       if (onMetaChange) {
         var _meta = _objectSpread2(_objectSpread2({}, _this.getMeta()), {}, {
-          destroy
+          destroy: destroy2
         });
         if (!isEqual(_this.metaCache, _meta)) {
           onMetaChange(_meta);
@@ -26032,7 +26058,7 @@ function confirm(config) {
   });
   let timeoutId;
   let reactUnmount;
-  function destroy(...args) {
+  function destroy2(...args) {
     var _a;
     const triggerCancel = args.some((param) => param === null || param === void 0 ? void 0 : param.triggerCancel);
     if (triggerCancel) {
@@ -26071,7 +26097,7 @@ function confirm(config) {
         if (typeof config.afterClose === "function") {
           config.afterClose();
         }
-        destroy.apply(this, args);
+        destroy2.apply(this, args);
       }
     });
     if (currentConfig.visible) {
@@ -26747,7 +26773,7 @@ const PureContent = (props) => {
     prefixCls,
     icon: icon2,
     type: type4,
-    message,
+    message: message2,
     description,
     actions: actions2,
     role = "alert"
@@ -26769,7 +26795,7 @@ const PureContent = (props) => {
     role
   }, iconNode, /* @__PURE__ */ reactExports.createElement("div", {
     className: `${prefixCls}-message`
-  }, message), description && /* @__PURE__ */ reactExports.createElement("div", {
+  }, message2), description && /* @__PURE__ */ reactExports.createElement("div", {
     className: `${prefixCls}-description`
   }, description), actions2 && /* @__PURE__ */ reactExports.createElement("div", {
     className: `${prefixCls}-actions`
@@ -26940,7 +26966,7 @@ function useInternalNotification(notificationConfig) {
       } = holderRef.current;
       const noticePrefixCls = `${prefixCls}-notice`;
       const {
-        message,
+        message: message2,
         description,
         icon: icon2,
         type: type4,
@@ -26962,7 +26988,7 @@ function useInternalNotification(notificationConfig) {
           prefixCls: noticePrefixCls,
           icon: icon2,
           type: type4,
-          message,
+          message: message2,
           description,
           actions: mergedActions,
           role
@@ -26973,7 +26999,7 @@ function useInternalNotification(notificationConfig) {
         closable: closable !== null && closable !== void 0 ? closable : !!realCloseIcon
       }));
     };
-    const destroy = (key) => {
+    const destroy2 = (key) => {
       var _a, _b;
       if (key !== void 0) {
         (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.close(key);
@@ -26983,7 +27009,7 @@ function useInternalNotification(notificationConfig) {
     };
     const clone = {
       open: open2,
-      destroy
+      destroy: destroy2
     };
     const keys2 = ["success", "info", "warning", "error"];
     keys2.forEach((type4) => {
@@ -27036,7 +27062,7 @@ const App$2 = (props) => {
     children,
     className,
     rootClassName,
-    message,
+    message: message2,
     notification,
     style: style2,
     component = "div"
@@ -27052,9 +27078,9 @@ const App$2 = (props) => {
   });
   const appConfig = reactExports.useContext(AppConfigContext);
   const mergedAppConfig = React.useMemo(() => ({
-    message: Object.assign(Object.assign({}, appConfig.message), message),
+    message: Object.assign(Object.assign({}, appConfig.message), message2),
     notification: Object.assign(Object.assign({}, appConfig.notification), notification)
-  }), [message, notification, appConfig.message, appConfig.notification]);
+  }), [message2, notification, appConfig.message, appConfig.notification]);
   const [messageApi, messageContextHolder] = useMessage(mergedAppConfig.message);
   const [notificationApi, notificationContextHolder] = useNotification(mergedAppConfig.notification);
   const [ModalApi, ModalContextHolder] = useModal();
@@ -36875,7 +36901,7 @@ function InlineSubMenuList(_ref) {
   var _React$useContext = reactExports.useContext(MenuContext$1), prefixCls = _React$useContext.prefixCls, forceSubMenuRender = _React$useContext.forceSubMenuRender, motion2 = _React$useContext.motion, defaultMotions = _React$useContext.defaultMotions, mode = _React$useContext.mode;
   var sameModeRef = reactExports.useRef(false);
   sameModeRef.current = mode === fixedMode;
-  var _React$useState = reactExports.useState(!sameModeRef.current), _React$useState2 = _slicedToArray(_React$useState, 2), destroy = _React$useState2[0], setDestroy = _React$useState2[1];
+  var _React$useState = reactExports.useState(!sameModeRef.current), _React$useState2 = _slicedToArray(_React$useState, 2), destroy2 = _React$useState2[0], setDestroy = _React$useState2[1];
   var mergedOpen = sameModeRef.current ? open2 : false;
   reactExports.useEffect(function() {
     if (sameModeRef.current) {
@@ -36893,7 +36919,7 @@ function InlineSubMenuList(_ref) {
     }
     return originOnVisibleChanged === null || originOnVisibleChanged === void 0 ? void 0 : originOnVisibleChanged(newVisible);
   };
-  if (destroy) {
+  if (destroy2) {
     return null;
   }
   return /* @__PURE__ */ reactExports.createElement(InheritableContextProvider, {
@@ -52099,6 +52125,216 @@ const toList$1 = (candidate, skipEmpty = false) => {
   }
   return Array.isArray(candidate) ? candidate : [candidate];
 };
+let message = null;
+let act = (callback) => callback();
+let taskQueue = [];
+let defaultGlobalConfig = {};
+function getGlobalContext() {
+  const {
+    getContainer: getContainer2,
+    duration,
+    rtl,
+    maxCount,
+    top
+  } = defaultGlobalConfig;
+  const mergedContainer = (getContainer2 === null || getContainer2 === void 0 ? void 0 : getContainer2()) || document.body;
+  return {
+    getContainer: () => mergedContainer,
+    duration,
+    rtl,
+    maxCount,
+    top
+  };
+}
+const GlobalHolder = /* @__PURE__ */ React.forwardRef((props, ref) => {
+  const {
+    messageConfig,
+    sync
+  } = props;
+  const {
+    getPrefixCls
+  } = reactExports.useContext(ConfigContext);
+  const prefixCls = defaultGlobalConfig.prefixCls || getPrefixCls("message");
+  const appConfig = reactExports.useContext(AppConfigContext);
+  const [api, holder] = useInternalMessage(Object.assign(Object.assign(Object.assign({}, messageConfig), {
+    prefixCls
+  }), appConfig.message));
+  React.useImperativeHandle(ref, () => {
+    const instance2 = Object.assign({}, api);
+    Object.keys(instance2).forEach((method4) => {
+      instance2[method4] = (...args) => {
+        sync();
+        return api[method4].apply(api, args);
+      };
+    });
+    return {
+      instance: instance2,
+      sync
+    };
+  });
+  return holder;
+});
+const GlobalHolderWrapper = /* @__PURE__ */ React.forwardRef((_2, ref) => {
+  const [messageConfig, setMessageConfig] = React.useState(getGlobalContext);
+  const sync = () => {
+    setMessageConfig(getGlobalContext);
+  };
+  React.useEffect(sync, []);
+  const global2 = globalConfig();
+  const rootPrefixCls = global2.getRootPrefixCls();
+  const rootIconPrefixCls = global2.getIconPrefixCls();
+  const theme2 = global2.getTheme();
+  const dom = /* @__PURE__ */ React.createElement(GlobalHolder, {
+    ref,
+    sync,
+    messageConfig
+  });
+  return /* @__PURE__ */ React.createElement(ConfigProvider, {
+    prefixCls: rootPrefixCls,
+    iconPrefixCls: rootIconPrefixCls,
+    theme: theme2
+  }, global2.holderRender ? global2.holderRender(dom) : dom);
+});
+const flushMessageQueue = () => {
+  if (!message) {
+    const holderFragment = document.createDocumentFragment();
+    const newMessage = {
+      fragment: holderFragment
+    };
+    message = newMessage;
+    act(() => {
+      const reactRender2 = unstableSetRender();
+      reactRender2(/* @__PURE__ */ React.createElement(GlobalHolderWrapper, {
+        ref: (node2) => {
+          const {
+            instance: instance2,
+            sync
+          } = node2 || {};
+          Promise.resolve().then(() => {
+            if (!newMessage.instance && instance2) {
+              newMessage.instance = instance2;
+              newMessage.sync = sync;
+              flushMessageQueue();
+            }
+          });
+        }
+      }), holderFragment);
+    });
+    return;
+  }
+  if (!message.instance) {
+    return;
+  }
+  taskQueue.forEach((task) => {
+    const {
+      type: type4,
+      skipped
+    } = task;
+    if (!skipped) {
+      switch (type4) {
+        case "open": {
+          act(() => {
+            const closeFn = message.instance.open(Object.assign(Object.assign({}, defaultGlobalConfig), task.config));
+            closeFn === null || closeFn === void 0 ? void 0 : closeFn.then(task.resolve);
+            task.setCloseFn(closeFn);
+          });
+          break;
+        }
+        case "destroy":
+          act(() => {
+            message === null || message === void 0 ? void 0 : message.instance.destroy(task.key);
+          });
+          break;
+        // Other type open
+        default: {
+          act(() => {
+            var _message$instance;
+            const closeFn = (_message$instance = message.instance)[type4].apply(_message$instance, _toConsumableArray(task.args));
+            closeFn === null || closeFn === void 0 ? void 0 : closeFn.then(task.resolve);
+            task.setCloseFn(closeFn);
+          });
+        }
+      }
+    }
+  });
+  taskQueue = [];
+};
+function setMessageGlobalConfig(config) {
+  defaultGlobalConfig = Object.assign(Object.assign({}, defaultGlobalConfig), config);
+  act(() => {
+    var _a;
+    (_a = message === null || message === void 0 ? void 0 : message.sync) === null || _a === void 0 ? void 0 : _a.call(message);
+  });
+}
+function open$1(config) {
+  const result = wrapPromiseFn((resolve) => {
+    let closeFn;
+    const task = {
+      type: "open",
+      config,
+      resolve,
+      setCloseFn: (fn) => {
+        closeFn = fn;
+      }
+    };
+    taskQueue.push(task);
+    return () => {
+      if (closeFn) {
+        act(() => {
+          closeFn();
+        });
+      } else {
+        task.skipped = true;
+      }
+    };
+  });
+  flushMessageQueue();
+  return result;
+}
+function typeOpen(type4, args) {
+  const result = wrapPromiseFn((resolve) => {
+    let closeFn;
+    const task = {
+      type: type4,
+      args,
+      resolve,
+      setCloseFn: (fn) => {
+        closeFn = fn;
+      }
+    };
+    taskQueue.push(task);
+    return () => {
+      if (closeFn) {
+        act(() => {
+          closeFn();
+        });
+      } else {
+        task.skipped = true;
+      }
+    };
+  });
+  flushMessageQueue();
+  return result;
+}
+const destroy = (key) => {
+  taskQueue.push({
+    type: "destroy",
+    key
+  });
+  flushMessageQueue();
+};
+const methods = ["success", "info", "warning", "error", "loading"];
+const baseStaticMethods = {
+  open: open$1,
+  destroy,
+  config: setMessageGlobalConfig,
+  useMessage,
+  _InternalPanelDoNotUseOrYouWillBeFired: PurePanel$6
+};
+const staticMethods = baseStaticMethods;
+methods.forEach((type4) => {
+  staticMethods[type4] = (...args) => typeOpen(type4, args);
+});
 var __rest$h = function(s2, e2) {
   var t2 = {};
   for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e2.indexOf(p2) < 0) t2[p2] = s2[p2];
@@ -64265,12 +64501,12 @@ function requireCopyToClipboard() {
     "default": "Text"
   };
   var defaultMessage = "Copy to clipboard: #{key}, Enter";
-  function format2(message) {
+  function format2(message2) {
     var copyKey = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
-    return message.replace(/#{\s*key\s*}/g, copyKey);
+    return message2.replace(/#{\s*key\s*}/g, copyKey);
   }
   function copy2(text2, options) {
-    var debug, message, reselectPrevious, range3, selection, mark2, success = false;
+    var debug, message2, reselectPrevious, range3, selection, mark2, success = false;
     if (!options) {
       options = {};
     }
@@ -64329,8 +64565,8 @@ function requireCopyToClipboard() {
       } catch (err2) {
         debug && console.error("unable to copy using clipboardData: ", err2);
         debug && console.error("falling back to prompt");
-        message = format2("message" in options ? options.message : defaultMessage);
-        window.prompt(message, text2);
+        message2 = format2("message" in options ? options.message : defaultMessage);
+        window.prompt(message2, text2);
       }
     } finally {
       if (selection) {
@@ -66684,9 +66920,9 @@ const ListItem = /* @__PURE__ */ reactExports.forwardRef(({
       className: classNames(`${prefixCls}-list-item-progress`, motionClassName)
     }, loadingProgress);
   }));
-  const message = file.response && typeof file.response === "string" ? file.response : ((_a = file.error) === null || _a === void 0 ? void 0 : _a.statusText) || ((_b = file.error) === null || _b === void 0 ? void 0 : _b.message) || locale2.uploadError;
+  const message2 = file.response && typeof file.response === "string" ? file.response : ((_a = file.error) === null || _a === void 0 ? void 0 : _a.statusText) || ((_b = file.error) === null || _b === void 0 ? void 0 : _b.message) || locale2.uploadError;
   const item = mergedStatus === "error" ? /* @__PURE__ */ reactExports.createElement(Tooltip2, {
-    title: message,
+    title: message2,
     getPopupContainer: (node2) => node2.parentNode
   }, dom) : dom;
   return /* @__PURE__ */ reactExports.createElement("div", {
@@ -70398,7 +70634,7 @@ const getFileCategory = (fileName, fileType) => {
 };
 const UploadPanel = () => {
   const navigate = useNavigate();
-  const { message } = App$1.useApp();
+  const { message: message2 } = App$1.useApp();
   const { t: t2 } = useTranslation("upload");
   const cloudContext = reactExports.useContext(CloudContext);
   const [fileList, setFileList] = reactExports.useState([]);
@@ -70423,7 +70659,7 @@ const UploadPanel = () => {
         if (result.success && result.data) {
           groups = result.data;
         } else {
-          message.error(result.error || t2("messages.fetch_models_failed"));
+          message2.error(result.error || t2("messages.fetch_models_failed"));
         }
         const cloudGroup = {
           provider: CLOUD_PROVIDER_ID,
@@ -70449,7 +70685,7 @@ const UploadPanel = () => {
         }
       } catch (error) {
         console.error("Failed to fetch model list:", error);
-        message.error(
+        message2.error(
           t2("messages.fetch_models_failed") + ": " + (error instanceof Error ? error.message : String(error))
         );
       } finally {
@@ -70457,7 +70693,7 @@ const UploadPanel = () => {
       }
     };
     fetchAllModels();
-  }, [message, t2]);
+  }, [message2, t2]);
   const handleModelChange = (value) => {
     setSelectedModel(value);
     localStorage.setItem(SELECTED_MODEL_KEY, value);
@@ -70517,10 +70753,10 @@ const UploadPanel = () => {
           });
         });
         if (rejectedUnsupportedFiles.length > 0) {
-          message.error(t2("messages.invalid_file_type", { filename: rejectedUnsupportedFiles.join(", ") }));
+          message2.error(t2("messages.invalid_file_type", { filename: rejectedUnsupportedFiles.join(", ") }));
         }
         if (rejectedOfficeFiles.length > 0) {
-          message.error(t2("messages.office_not_supported", { filename: rejectedOfficeFiles.join(", ") }));
+          message2.error(t2("messages.office_not_supported", { filename: rejectedOfficeFiles.join(", ") }));
         }
         if (newFiles.length > 0) {
           setFileList((prevList) => [...prevList, ...newFiles]);
@@ -70528,7 +70764,7 @@ const UploadPanel = () => {
       }
     } catch (error) {
       console.error("Failed to select files:", error);
-      message.error(
+      message2.error(
         t2("messages.select_failed") + ": " + (error instanceof Error ? error.message : String(error))
       );
     }
@@ -70545,11 +70781,11 @@ const UploadPanel = () => {
     beforeUpload: (file) => {
       const category = getFileCategory(file.name, file.type);
       if (category === "unsupported") {
-        message.error(t2("messages.invalid_file_type", { filename: file.name }));
+        message2.error(t2("messages.invalid_file_type", { filename: file.name }));
         return Upload.LIST_IGNORE;
       }
       if (category === "office" && !canUseOfficeFiles) {
-        message.error(t2("messages.office_not_supported", { filename: file.name }));
+        message2.error(t2("messages.office_not_supported", { filename: file.name }));
         return Upload.LIST_IGNORE;
       }
       const newFile = {
@@ -70569,11 +70805,11 @@ const UploadPanel = () => {
   };
   const handleConvert = async () => {
     if (fileList.length === 0) {
-      message.error(t2("messages.no_files"));
+      message2.error(t2("messages.no_files"));
       return;
     }
     if (!selectedModel) {
-      message.error(t2("messages.no_model"));
+      message2.error(t2("messages.no_model"));
       return;
     }
     try {
@@ -70595,11 +70831,11 @@ const UploadPanel = () => {
           if (result.success) {
             successCount2++;
           } else {
-            message.error(t2("cloud.upload_failed", { filename: file.name, error: result.error }));
+            message2.error(t2("cloud.upload_failed", { filename: file.name, error: result.error }));
           }
         }
         if (successCount2 > 0) {
-          message.success(t2("cloud.upload_success", { count: successCount2 }));
+          message2.success(t2("cloud.upload_success", { count: successCount2 }));
           setFileList([]);
           navigate("/list", { replace: true });
         }
@@ -70647,7 +70883,7 @@ const UploadPanel = () => {
               fileContent
             );
           } else {
-            message.error(t2("messages.invalid_file_path", { filename: file.name }));
+            message2.error(t2("messages.invalid_file_path", { filename: file.name }));
             await window.api.task.delete(task.id);
             continue;
           }
@@ -70658,31 +70894,31 @@ const UploadPanel = () => {
             if (updateResult.success) {
               successCount++;
             } else {
-              message.error(t2("messages.update_status_failed", { filename: file.name }));
+              message2.error(t2("messages.update_status_failed", { filename: file.name }));
               await window.api.task.delete(task.id);
             }
           } else {
-            message.error(
+            message2.error(
               t2("messages.upload_failed", { filename: file.name }) + `: ${uploadResult.error || "Unknown error"}`
             );
             await window.api.task.delete(task.id);
           }
         } catch (error) {
           console.error(`Failed to upload file ${file.name}:`, error);
-          message.error(t2("messages.upload_failed", { filename: file.name }));
+          message2.error(t2("messages.upload_failed", { filename: file.name }));
           await window.api.task.delete(task.id);
         }
       }
       if (successCount > 0) {
-        message.success(t2("messages.tasks_created", { count: successCount }));
+        message2.success(t2("messages.tasks_created", { count: successCount }));
         setFileList([]);
         navigate("/list", { replace: true });
       } else {
-        message.error(t2("messages.upload_error"));
+        message2.error(t2("messages.upload_error"));
       }
     } catch (error) {
       console.error("Failed to upload files:", error);
-      message.error(
+      message2.error(
         t2("messages.upload_error") + ": " + (error instanceof Error ? error.message : String(error))
       );
     } finally {
@@ -70848,6 +71084,7 @@ function mapCloudTaskToTask(ct) {
     progress = 100;
   } else if (pageCount > 0) {
     progress = Math.round(pagesCompleted / pageCount * 100);
+    progress = Math.max(0, Math.min(100, progress));
   }
   let type4 = ct.file_type;
   if (ct.file_type === "office") {
@@ -70884,7 +71121,7 @@ function mapCloudTasksToTasks(cloudTasks) {
 }
 const { Text: Text$4 } = Typography;
 const List = () => {
-  const { message, modal } = App$1.useApp();
+  const { message: message2, modal } = App$1.useApp();
   const { t: t2 } = useTranslation("list");
   const { t: tCommon } = useTranslation("common");
   const cloudContext = reactExports.useContext(CloudContext);
@@ -70919,7 +71156,7 @@ const List = () => {
         combinedList = [...localResult.data.list];
         totalCount += localResult.data.total;
       } else {
-        message.error(localResult.error || t2("messages.fetch_failed"));
+        message2.error(localResult.error || t2("messages.fetch_failed"));
       }
       if (cloudResult) {
         if (cloudResult.success && cloudResult.data) {
@@ -70952,11 +71189,11 @@ const List = () => {
       }));
     } catch (error) {
       console.error("Failed to fetch task list:", error);
-      message.error(t2("messages.fetch_failed"));
+      message2.error(t2("messages.fetch_failed"));
     } finally {
       setLoading(false);
     }
-  }, [message, t2, cloudContext]);
+  }, [message2, t2, cloudContext]);
   const handleTaskEvent = reactExports.useCallback((event) => {
     const { type: type4, taskId, task } = event;
     console.log(`[List] Received task event: ${type4}`, { taskId, task });
@@ -71129,14 +71366,14 @@ const List = () => {
             result = await window.api.task.delete(id);
           }
           if (result.success) {
-            message.success(t2("messages.delete_success"));
+            message2.success(t2("messages.delete_success"));
             fetchTasks(pagination.current, pagination.pageSize);
           } else {
-            message.error(result.error || t2("messages.delete_failed"));
+            message2.error(result.error || t2("messages.delete_failed"));
           }
         } catch (error) {
           console.error("Failed to delete task:", error);
-          message.error(t2("messages.delete_failed"));
+          message2.error(t2("messages.delete_failed"));
         }
       }
     });
@@ -71151,14 +71388,14 @@ const List = () => {
         try {
           const result = await window.api.task.update(id, { status: status2 });
           if (result.success) {
-            message.success(t2("messages.action_success", { action: statusText }));
+            message2.success(t2("messages.action_success", { action: statusText }));
             fetchTasks(pagination.current, pagination.pageSize);
           } else {
-            message.error(result.error || t2("messages.action_failed", { action: statusText }));
+            message2.error(result.error || t2("messages.action_failed", { action: statusText }));
           }
         } catch (error) {
           console.error(`Failed to ${statusText} task:`, error);
-          message.error(t2("messages.action_failed", { action: statusText }));
+          message2.error(t2("messages.action_failed", { action: statusText }));
         }
       }
     });
@@ -71180,13 +71417,13 @@ const List = () => {
         try {
           const result = await cloudContext.cancelTask(id);
           if (result.success) {
-            message.success(t2("messages.action_success", { action: t2("actions.cancel") }));
+            message2.success(t2("messages.action_success", { action: t2("actions.cancel") }));
             fetchTasks(pagination.current, pagination.pageSize);
           } else {
-            message.error(result.error || t2("messages.action_failed", { action: t2("actions.cancel") }));
+            message2.error(result.error || t2("messages.action_failed", { action: t2("actions.cancel") }));
           }
         } catch {
-          message.error(t2("messages.action_failed", { action: t2("actions.cancel") }));
+          message2.error(t2("messages.action_failed", { action: t2("actions.cancel") }));
         }
       }
     });
@@ -71202,13 +71439,13 @@ const List = () => {
         try {
           const result = await cloudContext.retryTask(id);
           if (result.success) {
-            message.success(t2("messages.action_success", { action: t2("actions.retry") }));
+            message2.success(t2("messages.action_success", { action: t2("actions.retry") }));
             fetchTasks(pagination.current, pagination.pageSize);
           } else {
-            message.error(result.error || t2("messages.action_failed", { action: t2("actions.retry") }));
+            message2.error(result.error || t2("messages.action_failed", { action: t2("actions.retry") }));
           }
         } catch {
-          message.error(t2("messages.action_failed", { action: t2("actions.retry") }));
+          message2.error(t2("messages.action_failed", { action: t2("actions.retry") }));
         }
       }
     });
@@ -71456,7 +71693,7 @@ const List = () => {
 const AddProvider = ({ onProviderAdded }) => {
   const [form2] = Form2.useForm();
   const [loading, setLoading] = reactExports.useState(false);
-  const { message } = App$1.useApp();
+  const { message: message2 } = App$1.useApp();
   const { t: t2 } = useTranslation("provider");
   const handleAddProvider = async () => {
     try {
@@ -71466,16 +71703,16 @@ const AddProvider = ({ onProviderAdded }) => {
       if (!response.success) {
         throw new Error(response.error || t2("add_provider.failed"));
       }
-      message.success(t2("add_provider.success"));
+      message2.success(t2("add_provider.success"));
       form2.resetFields();
       if (onProviderAdded && response.data.id) {
         onProviderAdded(response.data.id.toString());
       }
     } catch (error) {
       if (error instanceof Error) {
-        message.error(error.message);
+        message2.error(error.message);
       } else {
-        message.error(t2("add_provider.failed"));
+        message2.error(t2("add_provider.failed"));
       }
     } finally {
       setLoading(false);
@@ -71516,7 +71753,7 @@ const Provider = ({
   isPreset = false
 }) => {
   const [providerData, setProviderData] = reactExports.useState(null);
-  const { modal, message } = App$1.useApp();
+  const { modal, message: message2 } = App$1.useApp();
   const { t: t2 } = useTranslation("provider");
   const { t: tCommon } = useTranslation("common");
   const [apiKey, setApiKey] = reactExports.useState("");
@@ -71593,11 +71830,11 @@ const Provider = ({
       setModels(result.data);
     } catch (error) {
       console.error("Failed to fetch models:", error);
-      message.error(
+      message2.error(
         t2("messages.fetch_models_failed") + ": " + (error instanceof Error ? error.message : String(error))
       );
     }
-  }, [providerId, message, t2]);
+  }, [providerId, message2, t2]);
   reactExports.useEffect(() => {
     if (providerId) {
       fetchModels();
@@ -71610,18 +71847,18 @@ const Provider = ({
       if (!result.success) {
         throw new Error(result.error || t2("messages.delete_model_failed"));
       }
-      message.success(t2("messages.delete_model_success"));
+      message2.success(t2("messages.delete_model_success"));
       fetchModels();
     } catch (error) {
       console.error("Failed to delete model:", error);
-      message.error(
+      message2.error(
         t2("messages.delete_model_failed") + ": " + (error instanceof Error ? error.message : String(error))
       );
     }
   };
   const addModel = async () => {
     if (!providerId || !newModelName || !newModelId) {
-      message.warning(t2("messages.add_model_warning"));
+      message2.warning(t2("messages.add_model_warning"));
       return;
     }
     try {
@@ -71635,11 +71872,11 @@ const Provider = ({
       }
       setNewModelName("");
       setNewModelId("");
-      message.success(t2("messages.add_model_success"));
+      message2.success(t2("messages.add_model_success"));
       fetchModels();
     } catch (error) {
       console.error("Failed to add model:", error);
-      message.error(
+      message2.error(
         t2("messages.add_model_failed") + ": " + (error instanceof Error ? error.message : String(error))
       );
     }
@@ -71652,10 +71889,10 @@ const Provider = ({
         throw new Error(result.error || t2("messages.update_failed"));
       }
       setProviderData(result.data);
-      message.success(t2("messages.update_success"));
+      message2.success(t2("messages.update_success"));
     } catch (error) {
       console.error("Failed to update provider:", error);
-      message.error(
+      message2.error(
         t2("messages.update_failed") + ": " + (error instanceof Error ? error.message : String(error))
       );
     }
@@ -71671,10 +71908,10 @@ const Provider = ({
       if (!result.success) {
         throw new Error(result.error || t2("messages.test_failed"));
       }
-      message.success(t2("messages.test_success"));
+      message2.success(t2("messages.test_success"));
     } catch (error) {
       console.error("Failed to test model connection:", error);
-      message.error(
+      message2.error(
         t2("messages.test_failed") + ": " + (error instanceof Error ? error.message : String(error))
       );
     } finally {
@@ -71695,7 +71932,7 @@ const Provider = ({
       setFilteredModelList(result.data);
     } catch (error) {
       console.error("Failed to fetch model list:", error);
-      message.error(
+      message2.error(
         t2("messages.fetch_model_list_failed") + ": " + (error instanceof Error ? error.message : String(error))
       );
       setModelList([]);
@@ -71728,7 +71965,7 @@ const Provider = ({
   const addModelFromList = async (model) => {
     if (!providerId) return;
     if (isModelExists(model.id)) {
-      message.warning(t2("messages.model_already_exists"));
+      message2.warning(t2("messages.model_already_exists"));
       return;
     }
     setAddingModelIds((prev2) => new Set(prev2).add(model.id));
@@ -71741,11 +71978,11 @@ const Provider = ({
       if (!result.success) {
         throw new Error(result.error || t2("messages.add_model_failed"));
       }
-      message.success(t2("messages.add_model_success"));
+      message2.success(t2("messages.add_model_success"));
       fetchModels();
     } catch (error) {
       console.error("Failed to add model:", error);
-      message.error(
+      message2.error(
         t2("messages.add_model_failed") + ": " + (error instanceof Error ? error.message : String(error))
       );
     } finally {
@@ -71982,13 +72219,13 @@ const Provider = ({
                 if (!result.success) {
                   throw new Error(result.error || t2("messages.delete_provider_failed"));
                 }
-                message.success(t2("messages.delete_provider_success"));
+                message2.success(t2("messages.delete_provider_success"));
                 if (onProviderDeleted) {
                   onProviderDeleted();
                 }
               } catch (error) {
                 console.error("Failed to delete provider:", error);
-                message.error(
+                message2.error(
                   t2("messages.delete_provider_failed") + ": " + (error instanceof Error ? error.message : String(error))
                 );
               }
@@ -72352,35 +72589,263 @@ const About = () => {
   );
 };
 const { Title, Text: Text$2 } = Typography;
+const initialPaymentDialogState = {
+  open: false,
+  phase: "idle",
+  sessionId: null
+};
 const AccountCenter = () => {
   const { t: t2 } = useTranslation("account");
   const context = reactExports.useContext(CloudContext);
-  const [history2, setHistory] = reactExports.useState([]);
-  const [loadingHistory, setLoadingHistory] = reactExports.useState(false);
-  const [pagination, setPagination] = reactExports.useState({ current: 1, pageSize: 5, total: 0 });
+  const [creditHistory, setCreditHistory] = reactExports.useState([]);
+  const [paymentHistory, setPaymentHistory] = reactExports.useState([]);
+  const [loadingCreditHistory, setLoadingCreditHistory] = reactExports.useState(false);
+  const [loadingPaymentHistory, setLoadingPaymentHistory] = reactExports.useState(false);
+  const [creditCurrentPage, setCreditCurrentPage] = reactExports.useState(1);
+  const [paymentCurrentPage, setPaymentCurrentPage] = reactExports.useState(1);
+  const [creditTotal, setCreditTotal] = reactExports.useState(0);
+  const [paymentTotal, setPaymentTotal] = reactExports.useState(0);
+  const [activeHistoryTab, setActiveHistoryTab] = reactExports.useState("credits");
   const [codeCopied, setCodeCopied] = reactExports.useState(false);
-  const fetchHistory = async (page = 1) => {
+  const [selectedTopupAmount, setSelectedTopupAmount] = reactExports.useState(20);
+  const [topupLoading, setTopupLoading] = reactExports.useState(false);
+  const [paymentDialog, setPaymentDialog] = reactExports.useState(initialPaymentDialogState);
+  const [reconcileLoading, setReconcileLoading] = reactExports.useState(false);
+  const pollingActiveRef = reactExports.useRef(false);
+  const pollingTimerRef = reactExports.useRef(null);
+  const isAuthenticatedRef = reactExports.useRef(false);
+  const celebrationTimerRef = reactExports.useRef(null);
+  const [showCelebration, setShowCelebration] = reactExports.useState(false);
+  const [celebrationKey, setCelebrationKey] = reactExports.useState(0);
+  const topupOptions = [
+    { amount: 5, credits: 7500 },
+    { amount: 20, credits: 32e3 },
+    { amount: 100, credits: 18e4 }
+  ];
+  const historyPageSize = 5;
+  const fetchCreditHistory = reactExports.useCallback(async (page = 1) => {
     if (!context || !context.isAuthenticated) return;
-    setLoadingHistory(true);
+    setLoadingCreditHistory(true);
     try {
-      const result = await context.getCreditHistory(page, pagination.pageSize);
+      const result = await context.getCreditHistory(page, historyPageSize);
       if (result.success && result.data) {
-        setHistory(result.data);
-        setPagination((prev2) => ({ ...prev2, current: page, total: result.pagination?.total || 0 }));
+        setCreditHistory(result.data);
+        setCreditCurrentPage(page);
+        setCreditTotal(result.pagination?.total || 0);
       }
     } catch (error) {
-      console.error("Failed to fetch history:", error);
+      console.error("Failed to fetch credit history:", error);
     } finally {
-      setLoadingHistory(false);
+      setLoadingCreditHistory(false);
     }
-  };
+  }, [context, historyPageSize]);
+  const fetchPaymentHistory = reactExports.useCallback(async (page = 1) => {
+    if (!context || !context.isAuthenticated) return;
+    setLoadingPaymentHistory(true);
+    try {
+      const result = await context.getPaymentHistory(page, historyPageSize);
+      if (result.success && result.data) {
+        setPaymentHistory(result.data);
+        setPaymentCurrentPage(page);
+        setPaymentTotal(result.pagination?.total || 0);
+      }
+    } catch (error) {
+      console.error("Failed to fetch payment history:", error);
+    } finally {
+      setLoadingPaymentHistory(false);
+    }
+  }, [context, historyPageSize]);
+  const stopPolling = reactExports.useCallback(() => {
+    pollingActiveRef.current = false;
+    if (pollingTimerRef.current) {
+      clearTimeout(pollingTimerRef.current);
+      pollingTimerRef.current = null;
+    }
+  }, []);
+  const triggerCelebration = reactExports.useCallback(() => {
+    if (celebrationTimerRef.current) {
+      clearTimeout(celebrationTimerRef.current);
+    }
+    setCelebrationKey((prev2) => prev2 + 1);
+    setShowCelebration(true);
+    celebrationTimerRef.current = setTimeout(() => {
+      setShowCelebration(false);
+      celebrationTimerRef.current = null;
+    }, 2600);
+  }, []);
+  const syncCreditsAndHistory = reactExports.useCallback(async () => {
+    if (!context?.isAuthenticated) return;
+    await context.refreshCredits();
+    await Promise.all([
+      fetchCreditHistory(creditCurrentPage),
+      fetchPaymentHistory(paymentCurrentPage)
+    ]);
+  }, [context, fetchCreditHistory, fetchPaymentHistory, creditCurrentPage, paymentCurrentPage]);
+  const applyFinalCheckoutStatus = reactExports.useCallback(async (statusData) => {
+    const isSuccess = statusData.status === "completed";
+    stopPolling();
+    setPaymentDialog((prev2) => ({
+      ...prev2,
+      phase: isSuccess ? "success" : "failed",
+      orderId: statusData.orderId,
+      status: statusData.status,
+      providerStatus: statusData.providerStatus,
+      amountUsd: statusData.amountUsd,
+      creditsAdded: statusData.creditsAdded,
+      createdAt: statusData.createdAt,
+      lastError: void 0
+    }));
+    await syncCreditsAndHistory();
+    if (isSuccess) {
+      triggerCelebration();
+      staticMethods.success(t2("paid_credits.payment_success"));
+    } else {
+      staticMethods.error(t2("paid_credits.payment_failed"));
+    }
+  }, [stopPolling, syncCreditsAndHistory, t2, triggerCelebration]);
+  const startCheckoutPolling = reactExports.useCallback((sessionId) => {
+    if (!context?.isAuthenticated) return;
+    stopPolling();
+    isAuthenticatedRef.current = true;
+    pollingActiveRef.current = true;
+    const pollOnce = async () => {
+      if (!pollingActiveRef.current || !isAuthenticatedRef.current) {
+        return;
+      }
+      const result = await context.getCheckoutStatus(sessionId, 10);
+      if (!pollingActiveRef.current || !isAuthenticatedRef.current) {
+        return;
+      }
+      if (!result.success || !result.data) {
+        setPaymentDialog((prev2) => prev2.sessionId === sessionId ? { ...prev2, lastError: result.error || t2("paid_credits.polling_failed") } : prev2);
+        if (!pollingActiveRef.current || !isAuthenticatedRef.current) {
+          return;
+        }
+        pollingTimerRef.current = setTimeout(() => {
+          void pollOnce();
+        }, 1500);
+        return;
+      }
+      const statusData = result.data;
+      setPaymentDialog((prev2) => prev2.sessionId === sessionId ? {
+        ...prev2,
+        phase: statusData.isFinal ? statusData.status === "completed" ? "success" : "failed" : "polling",
+        orderId: statusData.orderId,
+        status: statusData.status,
+        providerStatus: statusData.providerStatus,
+        amountUsd: statusData.amountUsd,
+        creditsAdded: statusData.creditsAdded,
+        createdAt: statusData.createdAt,
+        lastError: void 0
+      } : prev2);
+      if (statusData.isFinal) {
+        await applyFinalCheckoutStatus(statusData);
+        return;
+      }
+      if (!pollingActiveRef.current || !isAuthenticatedRef.current) {
+        return;
+      }
+      pollingTimerRef.current = setTimeout(() => {
+        void pollOnce();
+      }, 200);
+    };
+    void pollOnce();
+  }, [applyFinalCheckoutStatus, context, stopPolling, t2]);
   reactExports.useEffect(() => {
     if (context?.isAuthenticated) {
       context.refreshCredits();
-      fetchHistory();
+      void fetchCreditHistory();
+      void fetchPaymentHistory();
     }
   }, [context?.isAuthenticated]);
+  reactExports.useEffect(() => {
+    const authed = Boolean(context?.isAuthenticated);
+    isAuthenticatedRef.current = authed;
+    if (!authed) {
+      stopPolling();
+      setReconcileLoading(false);
+      setPaymentDialog((prev2) => prev2.open ? initialPaymentDialogState : prev2);
+    }
+  }, [context?.isAuthenticated, stopPolling]);
+  reactExports.useEffect(() => () => {
+    stopPolling();
+  }, [stopPolling]);
+  reactExports.useEffect(() => () => {
+    if (celebrationTimerRef.current) {
+      clearTimeout(celebrationTimerRef.current);
+    }
+  }, []);
+  const closePaymentDialog = reactExports.useCallback(() => {
+    stopPolling();
+    setReconcileLoading(false);
+    setPaymentDialog(initialPaymentDialogState);
+  }, [stopPolling]);
   if (!context) return null;
+  const handleManualReconcile = async () => {
+    if (!paymentDialog.sessionId) return;
+    setReconcileLoading(true);
+    try {
+      const result = await context.reconcileCheckout(paymentDialog.sessionId);
+      if (!result.success || !result.data) {
+        staticMethods.error(result.error || t2("paid_credits.reconcile_failed"));
+        return;
+      }
+      const statusData = result.data;
+      setPaymentDialog((prev2) => ({
+        ...prev2,
+        orderId: statusData.orderId,
+        status: statusData.status,
+        providerStatus: statusData.providerStatus,
+        amountUsd: statusData.amountUsd,
+        creditsAdded: statusData.creditsAdded,
+        createdAt: statusData.createdAt,
+        lastError: void 0
+      }));
+      if (statusData.isFinal) {
+        await applyFinalCheckoutStatus(statusData);
+        return;
+      }
+      if (!pollingActiveRef.current) {
+        startCheckoutPolling(paymentDialog.sessionId);
+      }
+      staticMethods.info(t2("paid_credits.still_pending"));
+    } catch (error) {
+      console.error("Failed to reconcile checkout:", error);
+      staticMethods.error(t2("paid_credits.reconcile_failed"));
+    } finally {
+      setReconcileLoading(false);
+    }
+  };
+  const handleTopupClick = async () => {
+    setTopupLoading(true);
+    try {
+      const result = await context.createCheckout(selectedTopupAmount);
+      if (!result.success || !result.data) {
+        staticMethods.error(result.error || t2("paid_credits.checkout_failed"));
+        return;
+      }
+      const parsedUrl = new URL(result.data.checkoutUrl);
+      if (parsedUrl.protocol !== "https:") {
+        staticMethods.error(t2("paid_credits.checkout_invalid_url"));
+        return;
+      }
+      window.api.shell.openExternal(parsedUrl.toString());
+      setPaymentDialog({
+        open: true,
+        phase: "polling",
+        sessionId: result.data.sessionId,
+        amountUsd: result.data.amountUsd,
+        creditsAdded: result.data.creditsToAdd
+      });
+      startCheckoutPolling(result.data.sessionId);
+      staticMethods.success(t2("paid_credits.checkout_opened"));
+    } catch (error) {
+      console.error("Failed to create checkout:", error);
+      staticMethods.error(t2("paid_credits.checkout_failed"));
+    } finally {
+      setTopupLoading(false);
+    }
+  };
   const { user, credits, isAuthenticated, login, logout, isLoading, deviceFlowStatus, userCode, authError, cancelLogin } = context;
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { loading: true, bordered: false });
@@ -72479,16 +72944,31 @@ const AccountCenter = () => {
     }
     return translated !== i18nKey ? translated : type4;
   };
-  const columns2 = [
+  const getOrderStatusLabel = (status2) => {
+    if (!status2) return "-";
+    return t2(`paid_credits.order_status_values.${status2}`, { defaultValue: status2 });
+  };
+  const getProviderStatusLabel = (status2) => {
+    if (!status2) return "-";
+    return t2(`paid_credits.provider_status_values.${status2}`, { defaultValue: status2 });
+  };
+  const paymentStatusColorMap = {
+    pending: "gold",
+    completed: "green",
+    failed: "red",
+    refunded: "purple"
+  };
+  const renderDateTime = (text2) => {
+    if (!text2) return "-";
+    const date4 = new Date(text2);
+    return isNaN(date4.getTime()) ? text2 : date4.toLocaleString();
+  };
+  const creditColumns = [
     {
       title: t2("history.columns.time"),
       dataIndex: "createdAt",
       key: "createdAt",
-      render: (text2) => {
-        if (!text2) return "-";
-        const date4 = new Date(text2);
-        return isNaN(date4.getTime()) ? text2 : date4.toLocaleString();
-      }
+      render: renderDateTime
     },
     {
       title: t2("history.columns.type"),
@@ -72520,7 +73000,67 @@ const AccountCenter = () => {
       }
     }
   ];
+  const paymentColumns = [
+    {
+      title: t2("history.payment_columns.time"),
+      dataIndex: "createdAt",
+      key: "createdAt",
+      render: renderDateTime
+    },
+    {
+      title: t2("history.payment_columns.amount_usd"),
+      dataIndex: "amountUsd",
+      key: "amountUsd",
+      align: "right",
+      render: (amountUsd) => `$${amountUsd.toFixed(2)}`,
+      width: 140
+    },
+    {
+      title: t2("history.payment_columns.credits_added"),
+      dataIndex: "creditsAdded",
+      key: "creditsAdded",
+      align: "right",
+      render: (creditsAdded) => creditsAdded.toLocaleString(),
+      width: 160
+    },
+    {
+      title: t2("history.payment_columns.status"),
+      dataIndex: "status",
+      key: "status",
+      width: 120,
+      render: (status2) => /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { color: paymentStatusColorMap[status2] || "default", children: getOrderStatusLabel(status2) })
+    },
+    {
+      title: t2("history.payment_columns.provider_status"),
+      dataIndex: "providerStatus",
+      key: "providerStatus",
+      width: 160,
+      render: (providerStatus) => /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { children: getProviderStatusLabel(providerStatus) })
+    }
+  ];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { padding: "0 24px 24px" }, children: [
+    showCelebration ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "payment-celebration-overlay", "data-testid": "payment-success-celebration", "aria-hidden": "true", children: Array.from({ length: 90 }).map((_2, index2) => {
+      const angleRad = (index2 * 137.5 + celebrationKey * 21) % 360 * (Math.PI / 180);
+      const distance = 20 + index2 * 9 % 45;
+      const style2 = {
+        left: `${8 + index2 * 11 % 84}%`,
+        top: `${12 + index2 * 17 % 76}%`,
+        "--x": `${Math.cos(angleRad) * distance}vw`,
+        "--y": `${Math.sin(angleRad) * distance + 30}vh`,
+        "--rotate": `${220 + index2 * 37 % 260}deg`,
+        "--delay": `${index2 % 12 * 0.04}s`,
+        "--duration": `${1.1 + index2 * 5 % 8 * 0.14}s`,
+        "--color": `hsl(${(index2 * 31 + celebrationKey * 19) % 360} 92% 60%)`
+      };
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "span",
+        {
+          className: "payment-celebration-particle",
+          style: style2
+        },
+        `${celebrationKey}-${index2}`
+      );
+    }) }) : null,
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", marginBottom: "24px" }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar, { size: 80, src: user.avatarUrl, icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginLeft: "24px", flex: 1 }, children: [
@@ -72563,44 +73103,197 @@ const AccountCenter = () => {
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: 4 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text$2, { type: "secondary", style: { fontSize: "12px" }, children: t2("monthly_free.description") }) })
       ] }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: 12, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { variant: "borderless", style: { background: "#f9f0ff", position: "relative", height: "100%" }, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Statistic,
-          {
-            title: t2("paid_credits.title"),
-            value: credits.paid,
-            prefix: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$l, { style: { color: "#722ed1" } }),
-            valueStyle: { color: "#722ed1" }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginTop: 4 }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Text$2, { type: "secondary", style: { fontSize: "12px" }, children: t2("paid_credits.description") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Coming soon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: 12 }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Statistic,
+            {
+              title: t2("paid_credits.title"),
+              value: credits.paid,
+              prefix: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$l, { style: { color: "#722ed1" } }),
+              valueStyle: { color: "#722ed1" }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
             Button$1,
             {
               type: "primary",
-              size: "small",
-              style: { backgroundColor: "#722ed1" },
-              disabled: true,
-              children: t2("paid_credits.recharge")
+              size: "middle",
+              style: { backgroundColor: "#722ed1", marginTop: 4 },
+              onClick: handleTopupClick,
+              loading: topupLoading,
+              children: [
+                t2("paid_credits.recharge"),
+                " $",
+                selectedTopupAmount
+              ]
             }
-          ) })
-        ] })
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Row, { gutter: [8, 8], style: { marginTop: 6 }, children: topupOptions.map((option) => {
+          const selected = selectedTopupAmount === option.amount;
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: 8, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button$1,
+            {
+              block: true,
+              onClick: () => setSelectedTopupAmount(option.amount),
+              style: {
+                height: 68,
+                borderRadius: 10,
+                borderColor: selected ? "#722ed1" : "#d9d9d9",
+                background: selected ? "#f4e8ff" : "#ffffff",
+                boxShadow: selected ? "0 2px 8px rgba(114, 46, 209, 0.16)" : "none",
+                padding: "8px 10px"
+              },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { textAlign: "left", width: "100%", lineHeight: 1.15 }, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Text$2, { strong: true, style: { fontSize: 18, color: selected ? "#531dab" : "rgba(0,0,0,0.88)" }, children: [
+                  "$",
+                  option.amount
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: 2 }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Text$2, { type: "secondary", style: { fontSize: 12 }, children: [
+                  option.credits.toLocaleString(),
+                  " ",
+                  t2("history.columns.credits")
+                ] }) })
+              ] })
+            }
+          ) }, option.amount);
+        }) })
       ] }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Title, { level: 4, style: { marginTop: "24px", marginBottom: "16px" }, children: t2("history.title") }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ForwardTable,
+      Tabs,
       {
-        dataSource: history2,
-        columns: columns2,
-        rowKey: "id",
-        loading: loadingHistory,
-        pagination: {
-          ...pagination,
-          onChange: (page) => fetchHistory(page)
-        },
-        size: "small"
+        activeKey: activeHistoryTab,
+        onChange: (key) => setActiveHistoryTab(key),
+        items: [
+          {
+            key: "credits",
+            label: t2("history.tabs.credits"),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ForwardTable,
+              {
+                dataSource: creditHistory,
+                columns: creditColumns,
+                rowKey: "id",
+                loading: loadingCreditHistory,
+                pagination: {
+                  current: creditCurrentPage,
+                  pageSize: historyPageSize,
+                  total: creditTotal,
+                  onChange: (page) => {
+                    void fetchCreditHistory(page);
+                  }
+                },
+                size: "small"
+              }
+            )
+          },
+          {
+            key: "payments",
+            label: t2("history.tabs.payments"),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ForwardTable,
+              {
+                dataSource: paymentHistory,
+                columns: paymentColumns,
+                rowKey: "id",
+                loading: loadingPaymentHistory,
+                pagination: {
+                  current: paymentCurrentPage,
+                  pageSize: historyPageSize,
+                  total: paymentTotal,
+                  onChange: (page) => {
+                    void fetchPaymentHistory(page);
+                  }
+                },
+                size: "small"
+              }
+            )
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Modal,
+      {
+        open: paymentDialog.open,
+        title: paymentDialog.phase === "polling" ? t2("paid_credits.payment_processing") : t2("paid_credits.payment_result"),
+        onCancel: closePaymentDialog,
+        maskClosable: false,
+        closable: paymentDialog.phase !== "polling",
+        footer: paymentDialog.phase === "polling" ? [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { onClick: closePaymentDialog, children: t2("paid_credits.cancel_waiting") }, "cancel"),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { type: "primary", loading: reconcileLoading, onClick: handleManualReconcile, children: t2("paid_credits.confirm_paid") }, "confirm")
+        ] : [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { type: "primary", onClick: closePaymentDialog, children: t2("paid_credits.close_dialog") }, "close")
+        ],
+        children: paymentDialog.phase === "polling" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, { size: "small" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Text$2, { children: t2("paid_credits.waiting_for_confirmation") })
+          ] }),
+          paymentDialog.lastError ? /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { showIcon: true, type: "warning", message: paymentDialog.lastError }) : null,
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "grid", gap: 4 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Text$2, { type: "secondary", children: [
+              t2("paid_credits.session_id_label"),
+              ": ",
+              paymentDialog.sessionId || "-"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Text$2, { type: "secondary", children: [
+              t2("paid_credits.order_status_label"),
+              ": ",
+              getOrderStatusLabel(paymentDialog.status)
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Text$2, { type: "secondary", children: [
+              t2("paid_credits.provider_status_label"),
+              ": ",
+              getProviderStatusLabel(paymentDialog.providerStatus)
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Alert,
+            {
+              showIcon: true,
+              type: paymentDialog.phase === "success" ? "success" : "error",
+              message: paymentDialog.phase === "success" ? t2("paid_credits.result_success") : t2("paid_credits.result_failed")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "grid", gap: 4 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Text$2, { type: "secondary", children: [
+              t2("paid_credits.session_id_label"),
+              ": ",
+              paymentDialog.sessionId || "-"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Text$2, { type: "secondary", children: [
+              t2("paid_credits.order_id_label"),
+              ": ",
+              paymentDialog.orderId || "-"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Text$2, { type: "secondary", children: [
+              t2("paid_credits.order_status_label"),
+              ": ",
+              getOrderStatusLabel(paymentDialog.status)
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Text$2, { type: "secondary", children: [
+              t2("paid_credits.provider_status_label"),
+              ": ",
+              getProviderStatusLabel(paymentDialog.providerStatus)
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Text$2, { type: "secondary", children: [
+              t2("paid_credits.amount_label"),
+              ": $",
+              paymentDialog.amountUsd ?? selectedTopupAmount
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Text$2, { type: "secondary", children: [
+              t2("paid_credits.credits_added_label"),
+              ": ",
+              paymentDialog.creditsAdded ?? "-"
+            ] })
+          ] })
+        ] })
       }
     )
   ] });
@@ -74612,15 +75305,15 @@ function parseStyle(state, value) {
       /** @type {Error} */
       error
     );
-    const message = new VFileMessage("Cannot parse `style` attribute", {
+    const message2 = new VFileMessage("Cannot parse `style` attribute", {
       ancestors: state.ancestors,
       cause,
       ruleId: "style",
       source: "hast-util-to-jsx-runtime"
     });
-    message.file = state.filePath || void 0;
-    message.url = docs + "#cannot-parse-style-attribute";
-    throw message;
+    message2.file = state.filePath || void 0;
+    message2.url = docs + "#cannot-parse-style-attribute";
+    throw message2;
   }
 }
 function findComponentFromName(state, name$1, allowExpression) {
@@ -74658,7 +75351,7 @@ function findComponentFromName(state, name$1, allowExpression) {
   crashEstree(state);
 }
 function crashEstree(state, place) {
-  const message = new VFileMessage(
+  const message2 = new VFileMessage(
     "Cannot handle MDX estrees without `createEvaluater`",
     {
       ancestors: state.ancestors,
@@ -74667,9 +75360,9 @@ function crashEstree(state, place) {
       source: "hast-util-to-jsx-runtime"
     }
   );
-  message.file = state.filePath || void 0;
-  message.url = docs + "#cannot-handle-mdx-estrees-without-createevaluater";
-  throw message;
+  message2.file = state.filePath || void 0;
+  message2.url = docs + "#cannot-handle-mdx-estrees-without-createevaluater";
+  throw message2;
 }
 function transformStylesToCssCasing(domCasing) {
   const cssCasing = {};
@@ -79976,8 +80669,8 @@ const deserializer = ($, _2) => {
         return set2;
       }
       case ERROR: {
-        const { name: name2, message } = value;
-        return as(new env[name2](message), index2);
+        const { name: name2, message: message2 } = value;
+        return as(new env[name2](message2), index2);
       }
       case BIGINT:
         return as(BigInt(value), index2);
@@ -80117,8 +80810,8 @@ const serializer = (strict, json2, $, _2) => {
         return index2;
       }
     }
-    const { message } = value;
-    return as([TYPE, { name: type4, message }], value);
+    const { message: message2 } = value;
+    return as([TYPE, { name: type4, message: message2 }], value);
   };
   return pair;
 };
@@ -81317,9 +82010,9 @@ class VFile {
    *   Message.
    */
   fail(causeOrReason, optionsOrParentOrPlace, origin) {
-    const message = this.message(causeOrReason, optionsOrParentOrPlace, origin);
-    message.fatal = true;
-    throw message;
+    const message2 = this.message(causeOrReason, optionsOrParentOrPlace, origin);
+    message2.fatal = true;
+    throw message2;
   }
   /**
    * Create an info message for `reason` associated with the file.
@@ -81380,9 +82073,9 @@ class VFile {
    *   Message.
    */
   info(causeOrReason, optionsOrParentOrPlace, origin) {
-    const message = this.message(causeOrReason, optionsOrParentOrPlace, origin);
-    message.fatal = void 0;
-    return message;
+    const message2 = this.message(causeOrReason, optionsOrParentOrPlace, origin);
+    message2.fatal = void 0;
+    return message2;
   }
   /**
    * Create a message for `reason` associated with the file.
@@ -81443,19 +82136,19 @@ class VFile {
    *   Message.
    */
   message(causeOrReason, optionsOrParentOrPlace, origin) {
-    const message = new VFileMessage(
+    const message2 = new VFileMessage(
       // @ts-expect-error: the overloads are fine.
       causeOrReason,
       optionsOrParentOrPlace,
       origin
     );
     if (this.path) {
-      message.name = this.path + ":" + message.name;
-      message.file = this.path;
+      message2.name = this.path + ":" + message2.name;
+      message2.file = this.path;
     }
-    message.fatal = false;
-    this.messages.push(message);
-    return message;
+    message2.fatal = false;
+    this.messages.push(message2);
+    return message2;
   }
   /**
    * Serialize the file.
@@ -82814,12 +83507,12 @@ class ParseError {
   // Error start position based on passed-in Token or ParseNode.
   // Length of affected text based on passed-in Token or ParseNode.
   // The underlying error message without any context added.
-  constructor(message, token2) {
+  constructor(message2, token2) {
     this.name = void 0;
     this.position = void 0;
     this.length = void 0;
     this.rawMessage = void 0;
-    var error = "KaTeX parse error: " + message;
+    var error = "KaTeX parse error: " + message2;
     var start;
     var end;
     var loc = token2 && token2.loc;
@@ -82854,7 +83547,7 @@ class ParseError {
     if (start != null && end != null) {
       self2.length = end - start;
     }
-    self2.rawMessage = message;
+    self2.rawMessage = message2;
     return self2;
   }
 }
@@ -124625,7 +125318,7 @@ const { Text: Text$1 } = Typography;
 const Preview = () => {
   const { id } = useParams();
   const navigate = useNavigate();
-  const { message, modal } = App$1.useApp();
+  const { message: message2, modal } = App$1.useApp();
   const { t: t2 } = useTranslation("settings");
   const { t: tCommon } = useTranslation("common");
   const [task, setTask] = reactExports.useState(null);
@@ -124642,15 +125335,15 @@ const Preview = () => {
       if (result.success && result.data) {
         setTask(result.data);
       } else {
-        message.error(result.error || t2("preview.fetch_task_failed"));
+        message2.error(result.error || t2("preview.fetch_task_failed"));
         navigate("/list");
       }
     } catch (error) {
       console.error("Failed to fetch task:", error);
-      message.error(t2("preview.fetch_task_failed"));
+      message2.error(t2("preview.fetch_task_failed"));
       navigate("/list");
     }
-  }, [id, message, navigate, t2]);
+  }, [id, message2, navigate, t2]);
   const fetchPageDetail = reactExports.useCallback(async (page) => {
     if (!id) return;
     setLoading(true);
@@ -124661,17 +125354,17 @@ const Preview = () => {
         setTaskDetail(result.data);
         setImageError(!result.data.imageExists);
       } else {
-        message.error(result.error || t2("preview.fetch_page_failed"));
+        message2.error(result.error || t2("preview.fetch_page_failed"));
         setTaskDetail(null);
       }
     } catch (error) {
       console.error("Failed to fetch page detail:", error);
-      message.error(t2("preview.fetch_page_failed"));
+      message2.error(t2("preview.fetch_page_failed"));
       setTaskDetail(null);
     } finally {
       setLoading(false);
     }
-  }, [id, message, t2]);
+  }, [id, message2, t2]);
   reactExports.useEffect(() => {
     if (!id) return;
     const handleTaskEvent = (event) => {
@@ -124687,7 +125380,7 @@ const Preview = () => {
           }
           break;
         case "task:deleted":
-          message.info(t2("preview.task_deleted"));
+          message2.info(t2("preview.task_deleted"));
           navigate("/list");
           break;
       }
@@ -124696,7 +125389,7 @@ const Preview = () => {
     return () => {
       cleanup2();
     };
-  }, [id, message, navigate, t2]);
+  }, [id, message2, navigate, t2]);
   reactExports.useEffect(() => {
     if (!id) return;
     const handleTaskDetailEvent = (event) => {
@@ -124722,22 +125415,22 @@ const Preview = () => {
   }, [currentPage, task, fetchPageDetail]);
   reactExports.useEffect(() => {
     if (task && task.status !== void 0 && (task.status === -1 || task.status === 1)) {
-      message.warning(t2("preview.task_not_started"));
+      message2.warning(t2("preview.task_not_started"));
       navigate("/list");
     }
-  }, [task, message, navigate, t2]);
+  }, [task, message2, navigate, t2]);
   const handleDownload = async () => {
     if (!id) return;
     try {
       const result = await window.api.file.downloadMarkdown(id);
       if (result.success) {
-        message.success(t2("preview.download_success"));
+        message2.success(t2("preview.download_success"));
       } else {
-        message.error(result.error || t2("preview.download_failed"));
+        message2.error(result.error || t2("preview.download_failed"));
       }
     } catch (error) {
       console.error("Download failed:", error);
-      message.error(t2("preview.download_failed"));
+      message2.error(t2("preview.download_failed"));
     }
   };
   const handleDelete2 = async () => {
@@ -124752,14 +125445,14 @@ const Preview = () => {
         try {
           const result = await window.api.task.delete(id);
           if (result.success) {
-            message.success(t2("preview.delete_success"));
+            message2.success(t2("preview.delete_success"));
             navigate("/list");
           } else {
-            message.error(result.error || t2("preview.delete_failed"));
+            message2.error(result.error || t2("preview.delete_failed"));
           }
         } catch (error) {
           console.error("删除失败:", error);
-          message.error(t2("preview.delete_failed"));
+          message2.error(t2("preview.delete_failed"));
         }
       }
     });
@@ -124775,14 +125468,14 @@ const Preview = () => {
         try {
           const result = await window.api.task.update(id, { status: 7 });
           if (result.success) {
-            message.success(t2("preview.cancel_success"));
+            message2.success(t2("preview.cancel_success"));
             navigate("/list");
           } else {
-            message.error(result.error || t2("preview.cancel_failed"));
+            message2.error(result.error || t2("preview.cancel_failed"));
           }
         } catch (error) {
           console.error("取消失败:", error);
-          message.error(t2("preview.cancel_failed"));
+          message2.error(t2("preview.cancel_failed"));
         }
       }
     });
@@ -124798,13 +125491,13 @@ const Preview = () => {
         try {
           const result = await window.api.task.update(id, { status: 1 });
           if (result.success) {
-            message.success(t2("preview.retry_success"));
+            message2.success(t2("preview.retry_success"));
           } else {
-            message.error(result.error || t2("preview.retry_failed"));
+            message2.error(result.error || t2("preview.retry_failed"));
           }
         } catch (error) {
           console.error("重试失败:", error);
-          message.error(t2("preview.retry_failed"));
+          message2.error(t2("preview.retry_failed"));
         }
       }
     });
@@ -124821,13 +125514,13 @@ const Preview = () => {
         try {
           const result = await window.api.taskDetail.retryFailed(id);
           if (result.success) {
-            message.success(t2("preview.retry_failed_success", { count: result.data?.retried || 0 }));
+            message2.success(t2("preview.retry_failed_success", { count: result.data?.retried || 0 }));
           } else {
-            message.error(result.error || t2("preview.retry_failed"));
+            message2.error(result.error || t2("preview.retry_failed"));
           }
         } catch (error) {
           console.error("重试失败页失败:", error);
-          message.error(t2("preview.retry_failed"));
+          message2.error(t2("preview.retry_failed"));
         } finally {
           setRetryingFailed(false);
         }
@@ -124843,14 +125536,14 @@ const Preview = () => {
     try {
       const result = await window.api.taskDetail.retry(taskDetail.id);
       if (result.success) {
-        message.success(t2("preview.page_retry_success"));
+        message2.success(t2("preview.page_retry_success"));
         fetchPageDetail(currentPage);
       } else {
-        message.error(result.error || t2("preview.page_retry_failed"));
+        message2.error(result.error || t2("preview.page_retry_failed"));
       }
     } catch (error) {
       console.error("Failed to retry page:", error);
-      message.error(t2("preview.page_retry_failed"));
+      message2.error(t2("preview.page_retry_failed"));
     } finally {
       setRetrying(false);
     }
@@ -125150,10 +125843,11 @@ const Preview = () => {
   ) });
 };
 const { Text } = Typography;
+const dedupeAndSortPages = (pageItems) => Array.from(new Map(pageItems.map((page) => [page.page, page])).values()).sort((a2, b) => a2.page - b.page);
 const CloudPreview = () => {
   const { id } = useParams();
   const navigate = useNavigate();
-  const { message, modal } = App$1.useApp();
+  const { message: message2, modal } = App$1.useApp();
   const { t: t2 } = useTranslation("cloud-preview");
   const { t: tCommon } = useTranslation("common");
   const cloudContext = reactExports.useContext(CloudContext);
@@ -125167,6 +125861,9 @@ const CloudPreview = () => {
   const [imageUrl, setImageUrl] = reactExports.useState(null);
   const [imageError, setImageError] = reactExports.useState(false);
   const [imageLoading, setImageLoading] = reactExports.useState(false);
+  const taskPagesPageSizeRef = reactExports.useRef(100);
+  const attemptedFallbackPagesRef = reactExports.useRef(/* @__PURE__ */ new Set());
+  const inFlightFallbackPagesRef = reactExports.useRef(/* @__PURE__ */ new Set());
   const currentPageData = pages.find((p2) => p2.page === currentPage);
   const fetchTask = reactExports.useCallback(async () => {
     if (!id || !cloudContext) return;
@@ -125175,21 +125872,39 @@ const CloudPreview = () => {
       if (result.success && result.data) {
         setTask(result.data);
       } else {
-        message.error(result.error || t2("fetch_task_failed"));
+        message2.error(result.error || t2("fetch_task_failed"));
         navigate("/list");
       }
     } catch {
-      message.error(t2("fetch_task_failed"));
+      message2.error(t2("fetch_task_failed"));
       navigate("/list");
     }
-  }, [id, cloudContext, message, navigate, t2]);
+  }, [id, cloudContext, message2, navigate, t2]);
   const fetchPages = reactExports.useCallback(async () => {
     if (!id || !cloudContext) return;
+    attemptedFallbackPagesRef.current.clear();
+    inFlightFallbackPagesRef.current.clear();
+    taskPagesPageSizeRef.current = 100;
     setLoading(true);
     try {
-      const result = await cloudContext.getTaskPages(id, 1, 200);
-      if (result.success && result.data) {
-        setPages(result.data);
+      const requestedPageSize = 100;
+      const result = await cloudContext.getTaskPages(id, 1, requestedPageSize);
+      if (result.success) {
+        const effectivePageSize = Math.max(1, result.pagination?.page_size || requestedPageSize);
+        taskPagesPageSizeRef.current = effectivePageSize;
+        const allPages = [...result.data || []];
+        const totalApiPages = Math.max(1, result.pagination?.total_pages || 1);
+        for (let apiPage = 2; apiPage <= totalApiPages; apiPage++) {
+          try {
+            const nextPageResult = await cloudContext.getTaskPages(id, apiPage, effectivePageSize);
+            if (nextPageResult.success && nextPageResult.data?.length) {
+              allPages.push(...nextPageResult.data);
+            }
+          } catch {
+            console.error(`Failed to fetch page chunk ${apiPage}`);
+          }
+        }
+        setPages(dedupeAndSortPages(allPages));
       }
     } catch {
       console.error("Failed to fetch pages");
@@ -125197,6 +125912,50 @@ const CloudPreview = () => {
       setLoading(false);
     }
   }, [id, cloudContext]);
+  const ensureCurrentPageLoaded = reactExports.useCallback(async () => {
+    if (!id || !cloudContext || loading) return;
+    if (pages.some((page) => page.page === currentPage)) return;
+    if (attemptedFallbackPagesRef.current.has(currentPage) || inFlightFallbackPagesRef.current.has(currentPage)) return;
+    const targetPage = currentPage;
+    let shouldMarkAttempted = true;
+    let effectivePageSize = Math.max(1, taskPagesPageSizeRef.current || 1);
+    let fallbackApiPage = Math.max(1, Math.floor((targetPage - 1) / effectivePageSize) + 1);
+    inFlightFallbackPagesRef.current.add(targetPage);
+    try {
+      let result = await cloudContext.getTaskPages(id, fallbackApiPage, effectivePageSize);
+      const responsePageSize = result.pagination?.page_size ? Math.max(1, result.pagination.page_size) : void 0;
+      if (responsePageSize) {
+        taskPagesPageSizeRef.current = responsePageSize;
+        if (responsePageSize !== effectivePageSize) {
+          effectivePageSize = responsePageSize;
+          const correctedApiPage = Math.max(1, Math.floor((targetPage - 1) / effectivePageSize) + 1);
+          if (correctedApiPage !== fallbackApiPage) {
+            fallbackApiPage = correctedApiPage;
+            result = await cloudContext.getTaskPages(id, fallbackApiPage, effectivePageSize);
+          }
+        }
+      }
+      const pageItems = (result.data || []).filter((page) => page.page === targetPage);
+      if (result.success && pageItems?.length) {
+        setPages((prev2) => dedupeAndSortPages([...prev2, ...pageItems]));
+      }
+      if (!result.success && !responsePageSize) {
+        shouldMarkAttempted = false;
+      }
+    } catch {
+      console.error("Failed to fetch current page data");
+    } finally {
+      inFlightFallbackPagesRef.current.delete(targetPage);
+      if (shouldMarkAttempted) {
+        attemptedFallbackPagesRef.current.add(targetPage);
+      }
+    }
+  }, [id, cloudContext, currentPage, loading, pages]);
+  reactExports.useEffect(() => {
+    taskPagesPageSizeRef.current = 100;
+    attemptedFallbackPagesRef.current.clear();
+    inFlightFallbackPagesRef.current.clear();
+  }, [id]);
   const loadPageImage = reactExports.useCallback(async () => {
     if (!id || !currentPageData) {
       setImageUrl(null);
@@ -125235,6 +125994,9 @@ const CloudPreview = () => {
   reactExports.useEffect(() => {
     loadPageImage();
   }, [loadPageImage]);
+  reactExports.useEffect(() => {
+    ensureCurrentPageLoaded();
+  }, [ensureCurrentPageLoaded]);
   reactExports.useEffect(() => {
     if (!id || !window.api?.events?.onCloudTaskEvent) return;
     const handleEvent = (event) => {
@@ -125329,12 +126091,12 @@ const CloudPreview = () => {
         a2.download = (task?.file_name?.replace(/\.[^.]+$/, "") || "result") + ".md";
         a2.click();
         URL.revokeObjectURL(url2);
-        message.success(t2("download_success"));
+        message2.success(t2("download_success"));
       } else {
-        message.error(result.error || t2("download_failed"));
+        message2.error(result.error || t2("download_failed"));
       }
     } catch {
-      message.error(t2("download_failed"));
+      message2.error(t2("download_failed"));
     } finally {
       setDownloading(false);
     }
@@ -125349,10 +126111,10 @@ const CloudPreview = () => {
       onOk: async () => {
         const result = await cloudContext.cancelTask(id);
         if (result.success) {
-          message.success(t2("cancel_success"));
+          message2.success(t2("cancel_success"));
           navigate("/list");
         } else {
-          message.error(result.error || t2("cancel_failed"));
+          message2.error(result.error || t2("cancel_failed"));
         }
       }
     });
@@ -125367,10 +126129,10 @@ const CloudPreview = () => {
       onOk: async () => {
         const result = await cloudContext.retryTask(id);
         if (result.success && result.data) {
-          message.success(t2("retry_success"));
+          message2.success(t2("retry_success"));
           navigate(`/list/cloud-preview/${result.data.task_id}`);
         } else {
-          message.error(result.error || t2("retry_failed"));
+          message2.error(result.error || t2("retry_failed"));
         }
       }
     });
@@ -125381,7 +126143,7 @@ const CloudPreview = () => {
     try {
       const result = await cloudContext.retryPage(id, currentPage);
       if (result.success) {
-        message.success(t2("page_retry_success"));
+        message2.success(t2("page_retry_success"));
         setPages((prev2) => {
           const idx = prev2.findIndex((p2) => p2.page === currentPage);
           if (idx >= 0) {
@@ -125392,10 +126154,10 @@ const CloudPreview = () => {
           return prev2;
         });
       } else {
-        message.error(result.error || t2("page_retry_failed"));
+        message2.error(result.error || t2("page_retry_failed"));
       }
     } catch {
-      message.error(t2("page_retry_failed"));
+      message2.error(t2("page_retry_failed"));
     } finally {
       setRetrying(false);
     }
@@ -125428,12 +126190,12 @@ const CloudPreview = () => {
             }
           }
           if (retriedCount > 0) {
-            message.success(t2("retry_failed_success", { count: retriedCount }));
+            message2.success(t2("retry_failed_success", { count: retriedCount }));
           } else {
-            message.error(t2("retry_failed"));
+            message2.error(t2("retry_failed"));
           }
         } catch {
-          message.error(t2("retry_failed"));
+          message2.error(t2("retry_failed"));
         } finally {
           setRetryingFailed(false);
         }
@@ -125451,10 +126213,10 @@ const CloudPreview = () => {
       onOk: async () => {
         const result = await cloudContext.deleteTask(id);
         if (result.success) {
-          message.success(t2("delete_success"));
+          message2.success(t2("delete_success"));
           navigate("/list");
         } else {
-          message.error(result.error || t2("delete_failed"));
+          message2.error(result.error || t2("delete_failed"));
         }
       }
     });
@@ -127755,9 +128517,9 @@ const sign_out_button$5 = "Sign Out";
 const credit_balance$5 = "Credit Balance";
 const credit_usage_hint$5 = "Lite: ~10 credits/page (A4); Pro & Ultra: 2x & 6x";
 const monthly_free$5 = { "title": "Free Credits", "monthly_label": "Monthly", "daily_label": "Today", "description": "3,000 free credits per month, resets on the 1st at 00:00 (UTC+0)", "daily_limit_tooltip": "Daily usage limit: {{limit}}" };
-const paid_credits$5 = { "title": "Paid Credits", "description": "$1 USD = 1,500 credits", "recharge": "Recharge" };
+const paid_credits$5 = { "title": "Paid Credits", "description": "$1 USD = 1,500 credits", "recharge": "Recharge", "coming_soon": "Top-up will be available soon", "checkout_opened": "Checkout opened in your browser. Please complete payment there.", "checkout_failed": "Failed to create checkout session. Please try again.", "checkout_invalid_url": "Invalid checkout URL returned by server.", "payment_success": "Payment succeeded. Credits have been updated.", "payment_cancelled": "Payment was cancelled.", "payment_failed": "Payment failed. Please try again later.", "payment_callback_received": "Payment callback received. Syncing credits.", "payment_processing": "Waiting For Payment", "payment_result": "Payment Result", "waiting_for_confirmation": "Waiting for payment confirmation from server...", "cancel_waiting": "Cancel", "confirm_paid": "I've Completed Payment", "close_dialog": "Close", "reconcile_failed": "Failed to reconcile payment status. Please try again.", "still_pending": "Payment is still pending. Keep this dialog open.", "polling_failed": "Unable to query payment status. Retrying...", "session_id_label": "Session ID", "order_id_label": "Order ID", "order_status_label": "Order Status", "provider_status_label": "Provider Status", "amount_label": "Amount", "credits_added_label": "Credits To Add", "result_success": "Payment completed successfully.", "result_failed": "Payment failed or was not completed.", "order_status_values": { "pending": "Pending", "completed": "Completed", "failed": "Failed", "refunded": "Refunded" }, "provider_status_values": { "pending": "Pending", "processing": "Processing", "completed": "Completed", "failed": "Failed", "canceled": "Canceled", "expired": "Expired", "refunded": "Refunded", "unknown": "Unknown" } };
 const device_flow$5 = { "browser_opened": "A browser window has been opened for authorization", "enter_code_hint": "Enter the code below in your browser to complete sign in", "cancel": "Cancel", "try_again": "Try Again", "expired": "The authorization code has expired. Please try again.", "waiting": "Waiting for browser authorization..." };
-const history$5 = { "title": "Credit History", "columns": { "time": "Time", "type": "Type", "description": "Description", "credits": "Credits" }, "types": { "consume": "Consumption", "pre_auth": "Pre-authorization", "settle": "Settlement", "pre_auth_release": "Release Frozen", "topup": "Top Up", "refund": "Refund", "bonus_grant": "Bonus", "bonus_expire": "Expired" } };
+const history$5 = { "title": "Credit History", "tabs": { "credits": "Credit Transactions", "payments": "Payment Orders" }, "columns": { "time": "Time", "type": "Type", "description": "Description", "credits": "Credits" }, "payment_columns": { "time": "Time", "amount_usd": "Amount (USD)", "credits_added": "Credits Added", "status": "Status", "provider_status": "Provider Status" }, "types": { "consume": "Consumption", "pre_auth": "Pre-authorization", "settle": "Settlement", "pre_auth_release": "Release Frozen", "topup": "Top Up", "refund": "Refund", "bonus_grant": "Bonus", "bonus_expire": "Expired" } };
 const enAccount = {
   title: title$a,
   sign_in_hint: sign_in_hint$5,
@@ -127915,9 +128677,9 @@ const sign_out_button$4 = "退出登录";
 const credit_balance$4 = "积分余额";
 const credit_usage_hint$4 = "Lite模型每页约消耗10积分，Pro、Ultra分别为Lite的2倍和6倍";
 const monthly_free$4 = { "title": "免费积分", "monthly_label": "本月剩余", "daily_label": "今日可用", "description": "每月可享3000免费积分，每月1号0点刷新额度（UTC+0）", "daily_limit_tooltip": "每日使用上限: {{limit}}" };
-const paid_credits$4 = { "title": "付费积分", "description": "1美元可兑换1500积分", "recharge": "充值" };
+const paid_credits$4 = { "title": "付费积分", "description": "1美元可兑换1500积分", "recharge": "充值", "coming_soon": "充值功能即将上线", "checkout_opened": "支付页面已在浏览器打开，请完成支付。", "checkout_failed": "创建支付会话失败，请稍后重试。", "checkout_invalid_url": "服务端返回的支付链接无效。", "payment_success": "支付成功，积分已更新。", "payment_cancelled": "支付已取消。", "payment_failed": "支付失败，请稍后重试。", "payment_callback_received": "已收到支付回调，正在同步积分。", "payment_processing": "等待支付确认", "payment_result": "支付结果", "waiting_for_confirmation": "正在等待服务端确认支付状态...", "cancel_waiting": "取消", "confirm_paid": "我已完成支付", "close_dialog": "关闭", "reconcile_failed": "主动对账失败，请稍后重试。", "still_pending": "订单仍在处理中，请保持此窗口打开。", "polling_failed": "查询支付状态失败，正在重试...", "session_id_label": "会话ID", "order_id_label": "订单ID", "order_status_label": "订单状态", "provider_status_label": "支付通道状态", "amount_label": "金额", "credits_added_label": "预计到账积分", "result_success": "支付已完成。", "result_failed": "支付失败或未完成。", "order_status_values": { "pending": "待处理", "completed": "已完成", "failed": "失败", "refunded": "已退款" }, "provider_status_values": { "pending": "待处理", "processing": "处理中", "completed": "已完成", "failed": "失败", "canceled": "已取消", "expired": "已过期", "refunded": "已退款", "unknown": "未知" } };
 const device_flow$4 = { "browser_opened": "已打开浏览器窗口进行授权", "enter_code_hint": "请在浏览器中输入以下代码以完成登录", "cancel": "取消", "try_again": "重试", "expired": "授权码已过期，请重试。", "waiting": "等待浏览器授权..." };
-const history$4 = { "title": "积分记录", "columns": { "time": "时间", "type": "类型", "description": "描述", "credits": "积分" }, "types": { "consume": "消费", "pre_auth": "预授权冻结", "settle": "逐页结算", "pre_auth_release": "释放冻结", "topup": "充值", "refund": "退款", "bonus_grant": "赠送", "bonus_expire": "过期" } };
+const history$4 = { "title": "积分记录", "tabs": { "credits": "积分流水", "payments": "支付订单" }, "columns": { "time": "时间", "type": "类型", "description": "描述", "credits": "积分" }, "payment_columns": { "time": "时间", "amount_usd": "金额（USD）", "credits_added": "到账积分", "status": "订单状态", "provider_status": "支付通道状态" }, "types": { "consume": "消费", "pre_auth": "预授权冻结", "settle": "逐页结算", "pre_auth_release": "释放冻结", "topup": "充值", "refund": "退款", "bonus_grant": "赠送", "bonus_expire": "过期" } };
 const zhAccount = {
   title: title$8,
   sign_in_hint: sign_in_hint$4,
@@ -128075,9 +128837,9 @@ const sign_out_button$3 = "ログアウト";
 const credit_balance$3 = "クレジット残高";
 const credit_usage_hint$3 = "Lite: 1ページ約10クレジット（A4）、Pro・UltraはLiteの2倍・6倍";
 const monthly_free$3 = { "title": "無料クレジット", "monthly_label": "月間残高", "daily_label": "本日利用可能", "description": "毎月3,000クレジットが無料、1日0時にリセット（UTC+0）", "daily_limit_tooltip": "1日の使用上限: {{limit}}" };
-const paid_credits$3 = { "title": "有料クレジット", "description": "1ドル = 1,500クレジット", "recharge": "チャージ" };
+const paid_credits$3 = { "title": "有料クレジット", "description": "1ドル = 1,500クレジット", "recharge": "チャージ", "coming_soon": "チャージ機能は近日公開予定です", "checkout_opened": "決済ページをブラウザで開きました。支払いを完了してください。", "checkout_failed": "決済セッションの作成に失敗しました。後でもう一度お試しください。", "checkout_invalid_url": "サーバーから返された決済URLが無効です。", "payment_success": "決済が完了し、クレジットを更新しました。", "payment_cancelled": "決済はキャンセルされました。", "payment_failed": "決済に失敗しました。しばらくしてから再試行してください。", "payment_callback_received": "決済コールバックを受信しました。クレジットを同期中です。", "payment_processing": "支払い確認待ち", "payment_result": "支払い結果", "waiting_for_confirmation": "サーバーからの支払い確認を待機しています...", "cancel_waiting": "キャンセル", "confirm_paid": "支払い完了", "close_dialog": "閉じる", "reconcile_failed": "支払い照合に失敗しました。もう一度お試しください。", "still_pending": "支払いはまだ保留中です。このダイアログを開いたままにしてください。", "polling_failed": "支払いステータスの取得に失敗しました。再試行します...", "session_id_label": "セッションID", "order_id_label": "注文ID", "order_status_label": "注文ステータス", "provider_status_label": "決済プロバイダーステータス", "amount_label": "金額", "credits_added_label": "追加クレジット", "result_success": "支払いが完了しました。", "result_failed": "支払いに失敗したか、完了していません。", "order_status_values": { "pending": "保留中", "completed": "完了", "failed": "失敗", "refunded": "返金済み" }, "provider_status_values": { "pending": "保留中", "processing": "処理中", "completed": "完了", "failed": "失敗", "canceled": "キャンセル済み", "expired": "期限切れ", "refunded": "返金済み", "unknown": "不明" } };
 const device_flow$3 = { "browser_opened": "認証のためにブラウザウィンドウが開きました", "enter_code_hint": "ブラウザで以下のコードを入力してサインインを完了してください", "cancel": "キャンセル", "try_again": "再試行", "expired": "認証コードの有効期限が切れました。もう一度お試しください。", "waiting": "ブラウザでの認証を待っています..." };
-const history$3 = { "title": "クレジット履歴", "columns": { "time": "日時", "type": "種類", "description": "説明", "credits": "クレジット" }, "types": { "consume": "消費", "pre_auth": "事前承認", "settle": "ページ精算", "pre_auth_release": "凍結解除", "topup": "チャージ", "refund": "返金", "bonus_grant": "ボーナス", "bonus_expire": "期限切れ" } };
+const history$3 = { "title": "クレジット履歴", "tabs": { "credits": "クレジット取引", "payments": "支払い注文" }, "columns": { "time": "日時", "type": "種類", "description": "説明", "credits": "クレジット" }, "payment_columns": { "time": "日時", "amount_usd": "金額 (USD)", "credits_added": "追加クレジット", "status": "注文ステータス", "provider_status": "決済プロバイダーステータス" }, "types": { "consume": "消費", "pre_auth": "事前承認", "settle": "ページ精算", "pre_auth_release": "凍結解除", "topup": "チャージ", "refund": "返金", "bonus_grant": "ボーナス", "bonus_expire": "期限切れ" } };
 const jaAccount = {
   title: title$6,
   sign_in_hint: sign_in_hint$3,
@@ -128235,9 +128997,9 @@ const sign_out_button$2 = "Выйти";
 const credit_balance$2 = "Баланс кредитов";
 const credit_usage_hint$2 = "Lite: ~10 кредитов/страница (A4); Pro и Ultra: в 2 и 6 раз";
 const monthly_free$2 = { "title": "Бесплатные кредиты", "monthly_label": "За месяц", "daily_label": "Сегодня", "description": "3 000 бесплатных кредитов в месяц, обновляется 1-го числа в 00:00 (UTC+0)", "daily_limit_tooltip": "Дневной лимит: {{limit}}" };
-const paid_credits$2 = { "title": "Платные кредиты", "description": "1 доллар = 1 500 кредитов", "recharge": "Пополнить" };
+const paid_credits$2 = { "title": "Платные кредиты", "description": "1 доллар = 1 500 кредитов", "recharge": "Пополнить", "coming_soon": "Пополнение скоро будет доступно", "checkout_opened": "Страница оплаты открыта в браузере. Завершите оплату там.", "checkout_failed": "Не удалось создать сессию оплаты. Попробуйте позже.", "checkout_invalid_url": "Сервер вернул некорректную ссылку оплаты.", "payment_success": "Оплата успешна. Баланс кредитов обновлён.", "payment_cancelled": "Оплата отменена.", "payment_failed": "Оплата не удалась. Попробуйте позже.", "payment_callback_received": "Получен callback оплаты. Синхронизируем кредиты.", "payment_processing": "Ожидание подтверждения оплаты", "payment_result": "Результат оплаты", "waiting_for_confirmation": "Ожидание подтверждения статуса оплаты от сервера...", "cancel_waiting": "Отменить", "confirm_paid": "Я уже оплатил", "close_dialog": "Закрыть", "reconcile_failed": "Не удалось выполнить сверку платежа. Попробуйте снова.", "still_pending": "Платеж все еще в ожидании. Оставьте это окно открытым.", "polling_failed": "Не удалось получить статус платежа. Повторяем попытку...", "session_id_label": "ID сессии", "order_id_label": "ID заказа", "order_status_label": "Статус заказа", "provider_status_label": "Статус провайдера", "amount_label": "Сумма", "credits_added_label": "Начисляемые кредиты", "result_success": "Оплата успешно завершена.", "result_failed": "Оплата не выполнена или завершилась ошибкой.", "order_status_values": { "pending": "В ожидании", "completed": "Завершен", "failed": "Ошибка", "refunded": "Возврат" }, "provider_status_values": { "pending": "В ожидании", "processing": "Обработка", "completed": "Завершен", "failed": "Ошибка", "canceled": "Отменен", "expired": "Истек", "refunded": "Возврат", "unknown": "Неизвестно" } };
 const device_flow$2 = { "browser_opened": "Окно браузера открыто для авторизации", "enter_code_hint": "Введите код ниже в браузере для завершения входа", "cancel": "Отмена", "try_again": "Повторить", "expired": "Код авторизации истёк. Пожалуйста, попробуйте снова.", "waiting": "Ожидание авторизации в браузере..." };
-const history$2 = { "title": "История кредитов", "columns": { "time": "Время", "type": "Тип", "description": "Описание", "credits": "Кредиты" }, "types": { "consume": "Расход", "pre_auth": "Предавторизация", "settle": "Постраничный расчёт", "pre_auth_release": "Разморозка", "topup": "Пополнение", "refund": "Возврат", "bonus_grant": "Бонус", "bonus_expire": "Истёк" } };
+const history$2 = { "title": "История кредитов", "tabs": { "credits": "Транзакции кредитов", "payments": "Платежные заказы" }, "columns": { "time": "Время", "type": "Тип", "description": "Описание", "credits": "Кредиты" }, "payment_columns": { "time": "Время", "amount_usd": "Сумма (USD)", "credits_added": "Начислено кредитов", "status": "Статус заказа", "provider_status": "Статус провайдера" }, "types": { "consume": "Расход", "pre_auth": "Предавторизация", "settle": "Постраничный расчёт", "pre_auth_release": "Разморозка", "topup": "Пополнение", "refund": "Возврат", "bonus_grant": "Бонус", "bonus_expire": "Истёк" } };
 const ruAccount = {
   title: title$4,
   sign_in_hint: sign_in_hint$2,
@@ -128395,9 +129157,9 @@ const sign_out_button$1 = "خروج";
 const credit_balance$1 = "موجودی اعتبار";
 const credit_usage_hint$1 = "Lite: حدود ۱۰ اعتبار/صفحه (A4); Pro و Ultra: ۲ برابر و ۶ برابر";
 const monthly_free$1 = { "title": "اعتبار رایگان", "monthly_label": "ماهانه", "daily_label": "امروز", "description": "۳٬۰۰۰ اعتبار رایگان در ماه، اول هر ماه ساعت ۰۰:۰۰ بازنشانی می‌شود (UTC+0)", "daily_limit_tooltip": "سقف استفاده روزانه: {{limit}}" };
-const paid_credits$1 = { "title": "اعتبار پرداختی", "description": "۱ دلار = ۱٬۵۰۰ اعتبار", "recharge": "شارژ" };
+const paid_credits$1 = { "title": "اعتبار پرداختی", "description": "۱ دلار = ۱٬۵۰۰ اعتبار", "recharge": "شارژ", "coming_soon": "قابلیت شارژ به‌زودی فعال می‌شود", "checkout_opened": "صفحه پرداخت در مرورگر باز شد. لطفاً پرداخت را تکمیل کنید.", "checkout_failed": "ایجاد نشست پرداخت ناموفق بود. لطفاً دوباره تلاش کنید.", "checkout_invalid_url": "آدرس پرداخت بازگشتی از سرور نامعتبر است.", "payment_success": "پرداخت با موفقیت انجام شد و اعتبار به‌روزرسانی شد.", "payment_cancelled": "پرداخت لغو شد.", "payment_failed": "پرداخت ناموفق بود. لطفاً بعداً دوباره تلاش کنید.", "payment_callback_received": "بازگشت پرداخت دریافت شد. در حال همگام‌سازی اعتبار.", "payment_processing": "در انتظار تایید پرداخت", "payment_result": "نتیجه پرداخت", "waiting_for_confirmation": "در حال انتظار برای تایید وضعیت پرداخت از سرور...", "cancel_waiting": "لغو", "confirm_paid": "پرداخت را انجام دادم", "close_dialog": "بستن", "reconcile_failed": "تطبیق وضعیت پرداخت ناموفق بود. لطفاً دوباره تلاش کنید.", "still_pending": "پرداخت هنوز در حالت انتظار است. این پنجره را باز نگه دارید.", "polling_failed": "دریافت وضعیت پرداخت ناموفق بود. تلاش مجدد...", "session_id_label": "شناسه نشست", "order_id_label": "شناسه سفارش", "order_status_label": "وضعیت سفارش", "provider_status_label": "وضعیت ارائه‌دهنده", "amount_label": "مبلغ", "credits_added_label": "اعتبار افزوده", "result_success": "پرداخت با موفقیت تکمیل شد.", "result_failed": "پرداخت ناموفق بود یا تکمیل نشد.", "order_status_values": { "pending": "در انتظار", "completed": "تکمیل‌شده", "failed": "ناموفق", "refunded": "بازپرداخت‌شده" }, "provider_status_values": { "pending": "در انتظار", "processing": "در حال پردازش", "completed": "تکمیل‌شده", "failed": "ناموفق", "canceled": "لغو شده", "expired": "منقضی شده", "refunded": "بازپرداخت‌شده", "unknown": "نامشخص" } };
 const device_flow$1 = { "browser_opened": "پنجره مرورگر برای احراز هویت باز شد", "enter_code_hint": "کد زیر را در مرورگر خود وارد کنید تا ورود تکمیل شود", "cancel": "لغو", "try_again": "تلاش مجدد", "expired": "کد احراز هویت منقضی شده است. لطفاً دوباره تلاش کنید.", "waiting": "در انتظار احراز هویت از طریق مرورگر..." };
-const history$1 = { "title": "تاریخچه اعتبار", "columns": { "time": "زمان", "type": "نوع", "description": "توضیحات", "credits": "اعتبار" }, "types": { "consume": "مصرف", "pre_auth": "پیش‌مجوز", "settle": "تسویه صفحه", "pre_auth_release": "آزادسازی مسدودی", "topup": "شارژ", "refund": "بازپرداخت", "bonus_grant": "جایزه", "bonus_expire": "منقضی شده" } };
+const history$1 = { "title": "تاریخچه اعتبار", "tabs": { "credits": "تراکنش‌های اعتبار", "payments": "سفارش‌های پرداخت" }, "columns": { "time": "زمان", "type": "نوع", "description": "توضیحات", "credits": "اعتبار" }, "payment_columns": { "time": "زمان", "amount_usd": "مبلغ (USD)", "credits_added": "اعتبار افزوده", "status": "وضعیت سفارش", "provider_status": "وضعیت ارائه‌دهنده" }, "types": { "consume": "مصرف", "pre_auth": "پیش‌مجوز", "settle": "تسویه صفحه", "pre_auth_release": "آزادسازی مسدودی", "topup": "شارژ", "refund": "بازپرداخت", "bonus_grant": "جایزه", "bonus_expire": "منقضی شده" } };
 const faAccount = {
   title: title$2,
   sign_in_hint: sign_in_hint$1,
@@ -128555,9 +129317,9 @@ const sign_out_button = "تسجيل الخروج";
 const credit_balance = "رصيد الاعتمادات";
 const credit_usage_hint = "Lite: ١٠ اعتمادات/صفحة تقريباً (A4); Pro و Ultra: ضعف و 6 أضعاف";
 const monthly_free = { "title": "الاعتمادات المجانية", "monthly_label": "الشهري", "daily_label": "اليوم", "description": "٣٬٠٠٠ اعتماد مجاني شهرياً، يُعاد تعيينه في الأول من كل شهر الساعة ٠٠:٠٠ (UTC+0)", "daily_limit_tooltip": "الحد اليومي للاستخدام: {{limit}}" };
-const paid_credits = { "title": "الاعتمادات المدفوعة", "description": "١ دولار = ١٬٥٠٠ اعتماد", "recharge": "إعادة الشحن" };
+const paid_credits = { "title": "الاعتمادات المدفوعة", "description": "١ دولار = ١٬٥٠٠ اعتماد", "recharge": "إعادة الشحن", "coming_soon": "ستتوفر ميزة الشحن قريباً", "checkout_opened": "تم فتح صفحة الدفع في المتصفح. يرجى إكمال الدفع هناك.", "checkout_failed": "فشل إنشاء جلسة الدفع. يرجى المحاولة مرة أخرى لاحقاً.", "checkout_invalid_url": "رابط الدفع المُعاد من الخادم غير صالح.", "payment_success": "تم الدفع بنجاح وتم تحديث الرصيد.", "payment_cancelled": "تم إلغاء الدفع.", "payment_failed": "فشل الدفع. يرجى المحاولة مرة أخرى لاحقاً.", "payment_callback_received": "تم استلام رد الدفع. جارٍ مزامنة الرصيد.", "payment_processing": "بانتظار تأكيد الدفع", "payment_result": "نتيجة الدفع", "waiting_for_confirmation": "بانتظار تأكيد حالة الدفع من الخادم...", "cancel_waiting": "إلغاء", "confirm_paid": "أكملت الدفع", "close_dialog": "إغلاق", "reconcile_failed": "فشلت مطابقة حالة الدفع. يرجى المحاولة مرة أخرى.", "still_pending": "لا يزال الدفع قيد الانتظار. أبقِ هذه النافذة مفتوحة.", "polling_failed": "تعذر الاستعلام عن حالة الدفع. تتم إعادة المحاولة...", "session_id_label": "معرّف الجلسة", "order_id_label": "معرّف الطلب", "order_status_label": "حالة الطلب", "provider_status_label": "حالة المزود", "amount_label": "المبلغ", "credits_added_label": "الاعتمادات المضافة", "result_success": "اكتمل الدفع بنجاح.", "result_failed": "فشل الدفع أو لم يكتمل.", "order_status_values": { "pending": "قيد الانتظار", "completed": "مكتمل", "failed": "فشل", "refunded": "تم الاسترداد" }, "provider_status_values": { "pending": "قيد الانتظار", "processing": "جارٍ المعالجة", "completed": "مكتمل", "failed": "فشل", "canceled": "تم الإلغاء", "expired": "منتهي الصلاحية", "refunded": "تم الاسترداد", "unknown": "غير معروف" } };
 const device_flow = { "browser_opened": "تم فتح نافذة المتصفح للتفويض", "enter_code_hint": "أدخل الرمز أدناه في متصفحك لإتمام تسجيل الدخول", "cancel": "إلغاء", "try_again": "إعادة المحاولة", "expired": "انتهت صلاحية رمز التفويض. يرجى المحاولة مرة أخرى.", "waiting": "في انتظار التفويض عبر المتصفح..." };
-const history = { "title": "سجل الاعتمادات", "columns": { "time": "الوقت", "type": "النوع", "description": "الوصف", "credits": "الاعتمادات" }, "types": { "consume": "استهلاك", "pre_auth": "تفويض مسبق", "settle": "تسوية صفحة", "pre_auth_release": "إلغاء التجميد", "topup": "شحن", "refund": "استرداد", "bonus_grant": "مكافأة", "bonus_expire": "منتهي الصلاحية" } };
+const history = { "title": "سجل الاعتمادات", "tabs": { "credits": "سجل الاعتمادات", "payments": "طلبات الدفع" }, "columns": { "time": "الوقت", "type": "النوع", "description": "الوصف", "credits": "الاعتمادات" }, "payment_columns": { "time": "الوقت", "amount_usd": "المبلغ (USD)", "credits_added": "الاعتمادات المضافة", "status": "حالة الطلب", "provider_status": "حالة المزود" }, "types": { "consume": "استهلاك", "pre_auth": "تفويض مسبق", "settle": "تسوية صفحة", "pre_auth_release": "إلغاء التجميد", "topup": "شحن", "refund": "استرداد", "bonus_grant": "مكافأة", "bonus_expire": "منتهي الصلاحية" } };
 const arAccount = {
   title,
   sign_in_hint,
@@ -128944,6 +129706,94 @@ const CloudProvider = ({ children }) => {
       return { success: false, error: error instanceof Error ? error.message : String(error) };
     }
   }, [isAuthenticated]);
+  const createCheckout = reactExports.useCallback(async (amountUsd) => {
+    if (!isAuthenticated) {
+      return { success: false, error: "User not signed in" };
+    }
+    try {
+      if (!window.api?.cloud?.createCheckout) {
+        return { success: false, error: "Cloud API not available" };
+      }
+      const result = await window.api.cloud.createCheckout({ amountUsd });
+      if (result.success && result.data) {
+        return {
+          success: true,
+          data: {
+            checkoutUrl: result.data.checkout_url,
+            sessionId: result.data.session_id,
+            amountUsd: result.data.amount_usd,
+            creditsToAdd: result.data.credits_to_add
+          }
+        };
+      }
+      return { success: false, error: result.error || "Failed to create checkout session" };
+    } catch (error) {
+      console.error("Failed to create checkout session:", error);
+      return {
+        success: false,
+        error: error instanceof Error ? error.message : String(error)
+      };
+    }
+  }, [isAuthenticated]);
+  const mapCheckoutStatus = reactExports.useCallback((data) => ({
+    sessionId: data.session_id,
+    orderId: data.order_id,
+    status: data.status,
+    providerStatus: data.provider_status,
+    isFinal: data.is_final,
+    changed: data.changed,
+    amountUsd: data.amount_usd,
+    creditsAdded: data.credits_added,
+    createdAt: data.created_at
+  }), []);
+  const getCheckoutStatus = reactExports.useCallback(async (sessionId, waitSeconds = 10) => {
+    if (!isAuthenticated) {
+      return { success: false, error: "User not signed in" };
+    }
+    try {
+      if (!window.api?.cloud?.getCheckoutStatus) {
+        return { success: false, error: "Cloud API not available" };
+      }
+      const result = await window.api.cloud.getCheckoutStatus({ sessionId, waitSeconds });
+      if (!result.success || !result.data) {
+        return { success: false, error: result.error || "Failed to get checkout status" };
+      }
+      return {
+        success: true,
+        data: mapCheckoutStatus(result.data)
+      };
+    } catch (error) {
+      console.error("Failed to get checkout status:", error);
+      return {
+        success: false,
+        error: error instanceof Error ? error.message : String(error)
+      };
+    }
+  }, [isAuthenticated, mapCheckoutStatus]);
+  const reconcileCheckout = reactExports.useCallback(async (sessionId) => {
+    if (!isAuthenticated) {
+      return { success: false, error: "User not signed in" };
+    }
+    try {
+      if (!window.api?.cloud?.reconcileCheckout) {
+        return { success: false, error: "Cloud API not available" };
+      }
+      const result = await window.api.cloud.reconcileCheckout({ sessionId });
+      if (!result.success || !result.data) {
+        return { success: false, error: result.error || "Failed to reconcile checkout" };
+      }
+      return {
+        success: true,
+        data: mapCheckoutStatus(result.data)
+      };
+    } catch (error) {
+      console.error("Failed to reconcile checkout:", error);
+      return {
+        success: false,
+        error: error instanceof Error ? error.message : String(error)
+      };
+    }
+  }, [isAuthenticated, mapCheckoutStatus]);
   const getCreditHistory = reactExports.useCallback(async (page = 1, pageSize = 10, type4) => {
     if (!isAuthenticated) {
       return { success: false, error: "User not signed in" };
@@ -128985,6 +129835,42 @@ const CloudProvider = ({ children }) => {
       };
     }
   }, [isAuthenticated]);
+  const getPaymentHistory = reactExports.useCallback(async (page = 1, pageSize = 10) => {
+    if (!isAuthenticated) {
+      return { success: false, error: "User not signed in" };
+    }
+    try {
+      if (window.api?.cloud) {
+        const result = await window.api.cloud.getPaymentHistory({ page, pageSize });
+        if (result.success) {
+          const transformedData = (result.data || []).map((item) => ({
+            id: item.id,
+            amountUsd: item.amount_usd,
+            creditsAdded: item.credits_added,
+            status: item.status,
+            providerStatus: item.provider_status,
+            createdAt: item.created_at
+          }));
+          const pagination = result.pagination ? {
+            page: result.pagination.page,
+            pageSize: result.pagination.page_size,
+            total: result.pagination.total,
+            totalPages: result.pagination.total_pages
+          } : void 0;
+          return { success: true, data: transformedData, pagination };
+        }
+        return { success: false, error: result.error };
+      } else {
+        return { success: false, error: "Cloud API not available" };
+      }
+    } catch (error) {
+      console.error("Failed to fetch payment history:", error);
+      return {
+        success: false,
+        error: error instanceof Error ? error.message : String(error)
+      };
+    }
+  }, [isAuthenticated]);
   reactExports.useEffect(() => {
     if (isAuthenticated) {
       refreshCredits();
@@ -129000,6 +129886,16 @@ const CloudProvider = ({ children }) => {
       window.api?.cloud?.sseDisconnect?.();
     };
   }, [isAuthenticated]);
+  reactExports.useEffect(() => {
+    if (!window.api?.events?.onPaymentCallback) return;
+    const cleanup2 = window.api.events.onPaymentCallback((event) => {
+      console.log("[CloudContext] Payment callback received:", event);
+      if (isAuthenticated) {
+        refreshCredits();
+      }
+    });
+    return cleanup2;
+  }, [isAuthenticated, refreshCredits]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     CloudContext.Provider,
     {
@@ -129026,7 +129922,11 @@ const CloudProvider = ({ children }) => {
         retryPage,
         getTaskResult,
         downloadResult,
-        getCreditHistory
+        createCheckout,
+        getCheckoutStatus,
+        reconcileCheckout,
+        getCreditHistory,
+        getPaymentHistory
       },
       children
     }