@pactor-app/app 1.54.2 → 1.54.3

package/dist/index.cjs

@@ -50,7 +50,7 @@ var import_layout2 = require("@pactor-app/ui/layout");
 var import_permission = require("@pactor-app/permission");
 var import_resource = require("@pactor-app/resource");
 var import_router2 = require("@pactor-app/router");
-var import_runtime4 = require("@pactor-app/runtime");
+var import_runtime6 = require("@pactor-app/runtime");
 var import_react5 = require("react");
 var import_client = require("react-dom/client");
 
@@ -59,11 +59,12 @@ var import_core = require("@pactor-app/core");
 var import_layout = require("@pactor-app/ui/layout");
 var import_router = require("@pactor-app/router");
 var import_react3 = require("@pactor-app/router/react");
-var import_runtime2 = require("@pactor-app/runtime");
+var import_runtime4 = require("@pactor-app/runtime");
 var import_react4 = require("react");
 var import_react_router_dom = require("react-router-dom");
 
 // src/feedback.tsx
+var import_runtime = require("@pactor-app/runtime");
 var import_jsx_runtime = require("react/jsx-runtime");
 var centerStyle = {
   minHeight: "100vh",
@@ -74,6 +75,7 @@ var centerStyle = {
 function BootstrapSpinner({
   style
 }) {
+  const { t } = (0, import_runtime.useI18n)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pactor-app-spin", style: { ...centerStyle, ...style }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
@@ -81,7 +83,7 @@ function BootstrapSpinner({
       height: "32",
       viewBox: "0 0 32 32",
       role: "status",
-      "aria-label": "\u52A0\u8F7D\u4E2D",
+      "aria-label": t("pactor.app.loading"),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "circle",
         {
@@ -146,13 +148,14 @@ function PrimaryButton({
 }
 
 // src/page-loader.tsx
-var import_runtime = require("@pactor-app/runtime");
+var import_runtime3 = require("@pactor-app/runtime");
 var import_react2 = require("react");
 
 // src/error-boundary.tsx
+var import_runtime2 = require("@pactor-app/runtime");
 var import_react = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var PageErrorBoundary = class extends import_react.Component {
+var PageErrorBoundaryImpl = class extends import_react.Component {
   constructor() {
     super(...arguments);
     this.state = { error: null };
@@ -170,19 +173,31 @@ var PageErrorBoundary = class extends import_react.Component {
         ResultView,
         {
           className: "pactor-app-page-render-error",
-          title: "\u9875\u9762\u6E32\u67D3\u5F02\u5E38",
+          title: this.props.title,
           subTitle: error.message,
-          extra: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PrimaryButton, { onClick: () => this.setState({ error: null }), children: "\u91CD\u8BD5" })
+          extra: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PrimaryButton, { onClick: () => this.setState({ error: null }), children: this.props.retryLabel })
         }
       );
     }
     return this.props.children;
   }
 };
+function PageErrorBoundary({ children }) {
+  const { t } = (0, import_runtime2.useI18n)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    PageErrorBoundaryImpl,
+    {
+      title: t("pactor.app.renderError"),
+      retryLabel: t("pactor.page.retry"),
+      children
+    }
+  );
+}
 
 // src/page-loader.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function DslPageLoader({ app, pageId, route }) {
+  const { t } = (0, import_runtime3.useI18n)();
   const [state, setState] = (0, import_react2.useState)({ status: "loading" });
   const [retryTick, setRetryTick] = (0, import_react2.useState)(0);
   (0, import_react2.useEffect)(() => {
@@ -223,14 +238,14 @@ function DslPageLoader({ app, pageId, route }) {
       ResultView,
       {
         className: "pactor-app-page-load-error",
-        title: "\u9875\u9762\u52A0\u8F7D\u5931\u8D25",
+        title: t("pactor.page.loadFailed"),
         subTitle: state.error.message,
-        extra: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PrimaryButton, { onClick: () => setRetryTick((n) => n + 1), children: "\u91CD\u8BD5" })
+        extra: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PrimaryButton, { onClick: () => setRetryTick((n) => n + 1), children: t("pactor.page.retry") })
       }
     );
   }
   const OverlayHostView = app.interactionKit.OverlayHost;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PageErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_runtime.PageRuntimeView, { runtime: state.runtime, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PageErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_runtime3.PageRuntimeView, { runtime: state.runtime, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     OverlayHostView,
     {
       manager: app.overlayManager,
@@ -242,6 +257,7 @@ function DslPageLoader({ app, pageId, route }) {
 // src/app-shell.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function Application({ app }) {
+  const { t } = (0, import_runtime4.useI18n)();
   const [state, setState] = (0, import_react4.useState)({ status: "loading" });
   const [retryTick, setRetryTick] = (0, import_react4.useState)(0);
   (0, import_react4.useEffect)(() => {
@@ -273,9 +289,9 @@ function Application({ app }) {
       ResultView,
       {
         className: "pactor-app-bootstrap-error",
-        title: "\u5E94\u7528\u542F\u52A8\u5931\u8D25",
+        title: t("pactor.app.startFailed"),
         subTitle: state.error.message,
-        extra: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PrimaryButton, { onClick: () => setRetryTick((n) => n + 1), children: "\u91CD\u8BD5" })
+        extra: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PrimaryButton, { onClick: () => setRetryTick((n) => n + 1), children: t("pactor.page.retry") })
       }
     );
   }
@@ -298,7 +314,7 @@ function AppShell({
     defaultLocale: session.defaultLocale,
     messages: session.messages
   });
-  const shell = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_runtime2.I18nContextProvider, { value: i18n, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InteractionKit, { bridge: app.uiBridge, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ShellLayout, { app, session }) }) });
+  const shell = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_runtime4.I18nContextProvider, { value: i18n, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InteractionKit, { bridge: app.uiBridge, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ShellLayout, { app, session }) }) });
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Router, { basename: app.routerOptions.basename, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RouterBridgeSync, { binding: app.navigation }),
     Providers !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Providers, { children: shell }) : shell
@@ -387,22 +403,24 @@ function pageLoaderKey(pageId, route, i18nVersion) {
   return `${pageId}|${i18nVersion}|${JSON.stringify(route.params)}|${JSON.stringify(route.query)}`;
 }
 function NotFoundPage() {
+  const { t } = (0, import_runtime4.useI18n)();
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     ResultView,
     {
       className: "pactor-app-not-found",
       title: "404",
-      subTitle: "\u9875\u9762\u4E0D\u5B58\u5728\u6216\u5C1A\u672A\u6CE8\u518C"
+      subTitle: t("pactor.app.pageNotFound")
     }
   );
 }
 function ForbiddenPage() {
+  const { t } = (0, import_runtime4.useI18n)();
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     ResultView,
     {
       className: "pactor-app-forbidden",
       title: "403",
-      subTitle: "\u6CA1\u6709\u8BBF\u95EE\u8BE5\u9875\u9762\u7684\u6743\u9650"
+      subTitle: t("pactor.app.forbidden")
     }
   );
 }
@@ -411,7 +429,7 @@ function ForbiddenPage() {
 var import_core2 = require("@pactor-app/core");
 var import_components = require("@pactor-app/ui/components");
 var import_interaction = require("@pactor-app/ui/interaction");
-var import_runtime3 = require("@pactor-app/runtime");
+var import_runtime5 = require("@pactor-app/runtime");
 function upsert(registry, name, item) {
   if (registry.has(name)) {
     registry.unregister(name);
@@ -424,7 +442,7 @@ function upsertAll(registry, entries) {
   }
 }
 function createRuntimeHttpAdapter(authTokenProvider) {
-  const base = (0, import_runtime3.createFetchHttpAdapter)();
+  const base = (0, import_runtime5.createFetchHttpAdapter)();
   if (authTokenProvider === void 0) {
     return base;
   }
@@ -738,7 +756,7 @@ function createPactorApplication(options) {
       return session;
     },
     createPageRuntime(pageDsl, route) {
-      return (0, import_runtime4.createPageRuntime)(pageDsl, {
+      return (0, import_runtime6.createPageRuntime)(pageDsl, {
         components,
         actions,
         services,
@@ -815,7 +833,7 @@ function createPactorApplication(options) {
 // src/embedded.tsx
 var import_core3 = require("@pactor-app/core");
 var import_permission2 = require("@pactor-app/permission");
-var import_runtime5 = require("@pactor-app/runtime");
+var import_runtime7 = require("@pactor-app/runtime");
 var import_react6 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function createPactorPage(options = {}) {
@@ -836,7 +854,7 @@ function createPactorPage(options = {}) {
     store.setPermissions(options.permissions);
     permission = (0, import_permission2.createPermissionAdapter)(store);
   } else {
-    permission = (0, import_runtime5.createDefaultPermissionAdapter)();
+    permission = (0, import_runtime7.createDefaultPermissionAdapter)();
   }
   const i18n = (0, import_core3.createI18nContext)({
     locale: options.locale,
@@ -844,7 +862,7 @@ function createPactorPage(options = {}) {
     messages: options.messages
   });
   function createRuntime(pageDsl, route) {
-    return (0, import_runtime5.createPageRuntime)(pageDsl, {
+    return (0, import_runtime7.createPageRuntime)(pageDsl, {
       components: assembly.components,
       actions: assembly.actions,
       services: assembly.services,
@@ -860,7 +878,7 @@ function createPactorPage(options = {}) {
     });
   }
   return function ConfiguredPactorPage(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_runtime5.I18nContextProvider, { value: i18n, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_runtime7.I18nContextProvider, { value: i18n, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       EmbeddedPage,
       {
         assembly,
@@ -897,7 +915,7 @@ function EmbeddedPage({
   pageDsl,
   route
 }) {
-  const { t } = (0, import_runtime5.useI18n)();
+  const { t } = (0, import_runtime7.useI18n)();
   const [state, setState] = (0, import_react6.useState)({ status: "loading" });
   const [retryTick, setRetryTick] = (0, import_react6.useState)(0);
   const onError = options.onError;
@@ -916,7 +934,7 @@ function EmbeddedPage({
           }
           resolved = await resolvePage(pageId);
         } else if ((0, import_core3.isDslSourceRef)(resolved)) {
-          const resolver = new import_runtime5.DslSourceResolver({
+          const resolver = new import_runtime7.DslSourceResolver({
             services: assembly.services,
             http: assembly.httpAdapter,
             getScope: () => ({
@@ -964,7 +982,7 @@ function EmbeddedPage({
       }
     );
   } else {
-    content = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PageErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_runtime5.PageRuntimeView, { runtime: state.runtime, children: resolvePage !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OverlayHost2, { manager: assembly.overlayManager, resolvePage }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OverlayHost2, { manager: assembly.overlayManager }) }) });
+    content = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PageErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_runtime7.PageRuntimeView, { runtime: state.runtime, children: resolvePage !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OverlayHost2, { manager: assembly.overlayManager, resolvePage }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OverlayHost2, { manager: assembly.overlayManager }) }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InteractionProvider2, { bridge: assembly.uiBridge, children: content });
 }
@@ -1011,7 +1029,7 @@ var defaultSitemapActions = {
 // src/sitemap/SitemapApp.tsx
 var import_core4 = require("@pactor-app/core");
 var import_router4 = require("@pactor-app/router");
-var import_runtime6 = require("@pactor-app/runtime");
+var import_runtime8 = require("@pactor-app/runtime");
 var import_components2 = require("@pactor-app/ui/components");
 var import_react8 = require("react");
 
@@ -1366,10 +1384,10 @@ function SitemapApp(props) {
     }),
     [props.locale, props.defaultLocale, props.messages]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_runtime6.I18nContextProvider, { value: i18n, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SitemapAppInner, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_runtime8.I18nContextProvider, { value: i18n, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SitemapAppInner, { ...props }) });
 }
 function SitemapAppInner(props) {
-  const { t } = (0, import_runtime6.useI18n)();
+  const { t } = (0, import_runtime8.useI18n)();
   const { sources, fetcher, baseUrl } = props;
   const browserRoute = useBrowserRoute();
   const pathname = props.pathname ?? browserRoute.pathname;
@@ -1603,7 +1621,7 @@ function LayoutLevel({
   layoutFactory,
   outlet
 }) {
-  const { t } = (0, import_runtime6.useI18n)();
+  const { t } = (0, import_runtime8.useI18n)();
   const layoutName = chain[index];
   const layoutDsl = sitemap.layouts[layoutName];
   const layoutPage = (0, import_react8.useMemo)(() => {

package/dist/index.d.cts

@@ -6,7 +6,7 @@ import { BootstrapResource, DslResourceLoader } from '@pactor-app/resource';
 import { NavigationBridge, NavigationLocation, NavigationListener, MenuRegistry, RouteContext, MenuItem } from '@pactor-app/router';
 import { HttpRequestConfig, ActionHandler, ServiceHandler, HttpAdapter, PageRuntime, PermissionAdapter } from '@pactor-app/runtime';
 import * as react from 'react';
-import { ComponentType, ReactNode, Component, ErrorInfo } from 'react';
+import { ComponentType, ReactNode } from 'react';
 
 /** 创建页面运行时 HTTP 出口适配器：注入 Authorization 头 */
 declare function createRuntimeHttpAdapter(authTokenProvider: AuthTokenProvider | undefined): HttpAdapter;
@@ -339,19 +339,11 @@ declare function DslPageLoader({ app, pageId, route }: DslPageLoaderProps): reac
 interface PageErrorBoundaryProps {
     children?: ReactNode;
 }
-interface PageErrorBoundaryState {
-    error: Error | null;
-}
 /**
  * PageErrorBoundary（决策 D3）：捕获页面 DSL 渲染期异常，
  * 显示受控错误页（可重试重新渲染），应用外壳不崩溃、不白屏。
  */
-declare class PageErrorBoundary extends Component<PageErrorBoundaryProps, PageErrorBoundaryState> {
-    state: PageErrorBoundaryState;
-    static getDerivedStateFromError(error: Error): PageErrorBoundaryState;
-    componentDidCatch(error: Error, info: ErrorInfo): void;
-    render(): ReactNode;
-}
+declare function PageErrorBoundary({ children }: PageErrorBoundaryProps): ReactNode;
 
 /**
  * 嵌入式页面 props（spec: embedded-page-view）：

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { BootstrapResource, DslResourceLoader } from '@pactor-app/resource';
 import { NavigationBridge, NavigationLocation, NavigationListener, MenuRegistry, RouteContext, MenuItem } from '@pactor-app/router';
 import { HttpRequestConfig, ActionHandler, ServiceHandler, HttpAdapter, PageRuntime, PermissionAdapter } from '@pactor-app/runtime';
 import * as react from 'react';
-import { ComponentType, ReactNode, Component, ErrorInfo } from 'react';
+import { ComponentType, ReactNode } from 'react';
 
 /** 创建页面运行时 HTTP 出口适配器：注入 Authorization 头 */
 declare function createRuntimeHttpAdapter(authTokenProvider: AuthTokenProvider | undefined): HttpAdapter;
@@ -339,19 +339,11 @@ declare function DslPageLoader({ app, pageId, route }: DslPageLoaderProps): reac
 interface PageErrorBoundaryProps {
     children?: ReactNode;
 }
-interface PageErrorBoundaryState {
-    error: Error | null;
-}
 /**
  * PageErrorBoundary（决策 D3）：捕获页面 DSL 渲染期异常，
  * 显示受控错误页（可重试重新渲染），应用外壳不崩溃、不白屏。
  */
-declare class PageErrorBoundary extends Component<PageErrorBoundaryProps, PageErrorBoundaryState> {
-    state: PageErrorBoundaryState;
-    static getDerivedStateFromError(error: Error): PageErrorBoundaryState;
-    componentDidCatch(error: Error, info: ErrorInfo): void;
-    render(): ReactNode;
-}
+declare function PageErrorBoundary({ children }: PageErrorBoundaryProps): ReactNode;
 
 /**
  * 嵌入式页面 props（spec: embedded-page-view）：

package/dist/index.js

@@ -22,7 +22,7 @@ import { createI18nContext } from "@pactor-app/core";
 import { resolveLayout } from "@pactor-app/ui/layout";
 import { resolveRoute } from "@pactor-app/router";
 import { DynamicDslRoute, useReactRouterBridge } from "@pactor-app/router/react";
-import { I18nContextProvider } from "@pactor-app/runtime";
+import { I18nContextProvider, useI18n as useI18n4 } from "@pactor-app/runtime";
 import {
   useEffect as useEffect2,
   useState as useState2,
@@ -37,6 +37,7 @@ import {
 } from "react-router-dom";
 
 // src/feedback.tsx
+import { useI18n } from "@pactor-app/runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 var centerStyle = {
   minHeight: "100vh",
@@ -47,6 +48,7 @@ var centerStyle = {
 function BootstrapSpinner({
   style
 }) {
+  const { t } = useI18n();
   return /* @__PURE__ */ jsx("div", { className: "pactor-app-spin", style: { ...centerStyle, ...style }, children: /* @__PURE__ */ jsx(
     "svg",
     {
@@ -54,7 +56,7 @@ function BootstrapSpinner({
       height: "32",
       viewBox: "0 0 32 32",
       role: "status",
-      "aria-label": "\u52A0\u8F7D\u4E2D",
+      "aria-label": t("pactor.app.loading"),
       children: /* @__PURE__ */ jsx(
         "circle",
         {
@@ -119,13 +121,14 @@ function PrimaryButton({
 }
 
 // src/page-loader.tsx
-import { PageRuntimeView } from "@pactor-app/runtime";
+import { PageRuntimeView, useI18n as useI18n3 } from "@pactor-app/runtime";
 import { useEffect, useState } from "react";
 
 // src/error-boundary.tsx
+import { useI18n as useI18n2 } from "@pactor-app/runtime";
 import { Component } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var PageErrorBoundary = class extends Component {
+var PageErrorBoundaryImpl = class extends Component {
   constructor() {
     super(...arguments);
     this.state = { error: null };
@@ -143,19 +146,31 @@ var PageErrorBoundary = class extends Component {
         ResultView,
         {
           className: "pactor-app-page-render-error",
-          title: "\u9875\u9762\u6E32\u67D3\u5F02\u5E38",
+          title: this.props.title,
           subTitle: error.message,
-          extra: /* @__PURE__ */ jsx2(PrimaryButton, { onClick: () => this.setState({ error: null }), children: "\u91CD\u8BD5" })
+          extra: /* @__PURE__ */ jsx2(PrimaryButton, { onClick: () => this.setState({ error: null }), children: this.props.retryLabel })
         }
       );
     }
     return this.props.children;
   }
 };
+function PageErrorBoundary({ children }) {
+  const { t } = useI18n2();
+  return /* @__PURE__ */ jsx2(
+    PageErrorBoundaryImpl,
+    {
+      title: t("pactor.app.renderError"),
+      retryLabel: t("pactor.page.retry"),
+      children
+    }
+  );
+}
 
 // src/page-loader.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 function DslPageLoader({ app, pageId, route }) {
+  const { t } = useI18n3();
   const [state, setState] = useState({ status: "loading" });
   const [retryTick, setRetryTick] = useState(0);
   useEffect(() => {
@@ -196,9 +211,9 @@ function DslPageLoader({ app, pageId, route }) {
       ResultView,
       {
         className: "pactor-app-page-load-error",
-        title: "\u9875\u9762\u52A0\u8F7D\u5931\u8D25",
+        title: t("pactor.page.loadFailed"),
         subTitle: state.error.message,
-        extra: /* @__PURE__ */ jsx3(PrimaryButton, { onClick: () => setRetryTick((n) => n + 1), children: "\u91CD\u8BD5" })
+        extra: /* @__PURE__ */ jsx3(PrimaryButton, { onClick: () => setRetryTick((n) => n + 1), children: t("pactor.page.retry") })
       }
     );
   }
@@ -215,6 +230,7 @@ function DslPageLoader({ app, pageId, route }) {
 // src/app-shell.tsx
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function Application({ app }) {
+  const { t } = useI18n4();
   const [state, setState] = useState2({ status: "loading" });
   const [retryTick, setRetryTick] = useState2(0);
   useEffect2(() => {
@@ -246,9 +262,9 @@ function Application({ app }) {
       ResultView,
       {
         className: "pactor-app-bootstrap-error",
-        title: "\u5E94\u7528\u542F\u52A8\u5931\u8D25",
+        title: t("pactor.app.startFailed"),
         subTitle: state.error.message,
-        extra: /* @__PURE__ */ jsx4(PrimaryButton, { onClick: () => setRetryTick((n) => n + 1), children: "\u91CD\u8BD5" })
+        extra: /* @__PURE__ */ jsx4(PrimaryButton, { onClick: () => setRetryTick((n) => n + 1), children: t("pactor.page.retry") })
       }
     );
   }
@@ -360,22 +376,24 @@ function pageLoaderKey(pageId, route, i18nVersion) {
   return `${pageId}|${i18nVersion}|${JSON.stringify(route.params)}|${JSON.stringify(route.query)}`;
 }
 function NotFoundPage() {
+  const { t } = useI18n4();
   return /* @__PURE__ */ jsx4(
     ResultView,
     {
       className: "pactor-app-not-found",
       title: "404",
-      subTitle: "\u9875\u9762\u4E0D\u5B58\u5728\u6216\u5C1A\u672A\u6CE8\u518C"
+      subTitle: t("pactor.app.pageNotFound")
     }
   );
 }
 function ForbiddenPage() {
+  const { t } = useI18n4();
   return /* @__PURE__ */ jsx4(
     ResultView,
     {
       className: "pactor-app-forbidden",
       title: "403",
-      subTitle: "\u6CA1\u6709\u8BBF\u95EE\u8BE5\u9875\u9762\u7684\u6743\u9650"
+      subTitle: t("pactor.app.forbidden")
     }
   );
 }
@@ -802,7 +820,7 @@ import {
   DslSourceResolver,
   I18nContextProvider as I18nContextProvider2,
   PageRuntimeView as PageRuntimeView2,
-  useI18n
+  useI18n as useI18n5
 } from "@pactor-app/runtime";
 import {
   useEffect as useEffect3,
@@ -889,7 +907,7 @@ function EmbeddedPage({
   pageDsl,
   route
 }) {
-  const { t } = useI18n();
+  const { t } = useI18n5();
   const [state, setState] = useState3({ status: "loading" });
   const [retryTick, setRetryTick] = useState3(0);
   const onError = options.onError;
@@ -1005,7 +1023,7 @@ import { createI18nContext as createI18nContext3 } from "@pactor-app/core";
 import { MenuRegistry as MenuRegistry2 } from "@pactor-app/router";
 import {
   I18nContextProvider as I18nContextProvider3,
-  useI18n as useI18n2
+  useI18n as useI18n6
 } from "@pactor-app/runtime";
 import { Menu } from "@pactor-app/ui/components";
 import {
@@ -1370,7 +1388,7 @@ function SitemapApp(props) {
   return /* @__PURE__ */ jsx6(I18nContextProvider3, { value: i18n, children: /* @__PURE__ */ jsx6(SitemapAppInner, { ...props }) });
 }
 function SitemapAppInner(props) {
-  const { t } = useI18n2();
+  const { t } = useI18n6();
   const { sources, fetcher, baseUrl } = props;
   const browserRoute = useBrowserRoute();
   const pathname = props.pathname ?? browserRoute.pathname;
@@ -1604,7 +1622,7 @@ function LayoutLevel({
   layoutFactory,
   outlet
 }) {
-  const { t } = useI18n2();
+  const { t } = useI18n6();
   const layoutName = chain[index];
   const layoutDsl = sitemap.layouts[layoutName];
   const layoutPage = useMemo2(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pactor-app/app",
-  "version": "1.54.2",
+  "version": "1.54.3",
   "description": "Pactor application: one-stop composition layer (createPactorApplication) wiring loader, bootstrap, registries, router, layout, interaction and page runtimes",
   "keywords": [
     "pactor",
@@ -46,14 +46,14 @@
     "access": "public"
   },
   "dependencies": {
-    "@pactor-app/core": "1.54.2",
-    "@pactor-app/permission": "1.54.2",
-    "@pactor-app/router": "1.54.2",
-    "@pactor-app/runtime": "1.54.2",
-    "@pactor-app/expression": "1.54.2",
-    "@pactor-app/ui": "1.54.2",
-    "@pactor-app/resource": "1.54.2",
-    "@pactor-app/schema": "1.54.2"
+    "@pactor-app/runtime": "1.54.3",
+    "@pactor-app/ui": "1.54.3",
+    "@pactor-app/core": "1.54.3",
+    "@pactor-app/router": "1.54.3",
+    "@pactor-app/resource": "1.54.3",
+    "@pactor-app/permission": "1.54.3",
+    "@pactor-app/expression": "1.54.3",
+    "@pactor-app/schema": "1.54.3"
   },
   "peerDependencies": {
     "react": ">=18",