@pactor-app/app 0.1.0 → 1.1.0

package/README.md

@@ -67,6 +67,25 @@ app.mount('#root');
 - 未命中路径渲染 404，命中但无权限渲染 403（菜单项 `permission` 配置）；
 - `overlay.open` 的 page 类型 overlay 经 loader 加载页面 DSL，子运行时共享应用级 registries。
 
+## 嵌入式使用（PactorPage / createPactorPage）
+
+存量项目（已有自己的路由，或 Next.js 等框架）中局部嵌入 DSL 页面，不接管路由：
+
+```tsx
+import { createPactorPage } from '@pactor-app/app';
+import '@pactor-app/ui/styles.css';
+
+// 工厂：组装一次（registries / 交互层 / i18n），多页面实例共享
+const Page = createPactorPage({ loader, services, permissions: ['customer:view'] });
+
+<Page pageId="customer-detail" route={{ params: { id } }} />
+// 或直接传 PageDsl：<Page page={pageDsl} />
+```
+
+- 交互层（confirm / message / overlay）与整应用模式一致；多实例状态互相隔离
+- 跳转为自然导航：`Link` 组件渲染原生 `<a href>`，`navigate` 动作退化为 `location.assign`——不注入宿主路由对象
+- `route.params` / `route.query` 经 props 纯数据注入（如 Next.js 的 `searchParams`）
+
 ## 文档
 
 完整文档见 <https://github.com/426-330/pactor/tree/main/docs>（`pnpm docs:dev` 本地启动文档站）。

package/dist/index.cjs

@@ -22,21 +22,22 @@ var index_exports = {};
 __export(index_exports, {
   Application: () => Application,
   DslPageLoader: () => DslPageLoader,
+  PactorPage: () => PactorPage,
   PageErrorBoundary: () => PageErrorBoundary,
   ReactRouterBinding: () => ReactRouterBinding,
-  createPactorApplication: () => createPactorApplication
+  createPactorApplication: () => createPactorApplication,
+  createPactorPage: () => createPactorPage,
+  createRuntimeHttpAdapter: () => createRuntimeHttpAdapter,
+  wrapHttpAdapter: () => wrapHttpAdapter
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/application.ts
-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_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_runtime3 = require("@pactor-app/runtime");
+var import_runtime4 = require("@pactor-app/runtime");
 var import_react5 = require("react");
 var import_client = require("react-dom/client");
 
@@ -374,6 +375,94 @@ function ForbiddenPage() {
   );
 }
 
+// src/assembly.ts
+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");
+function upsert(registry, name, item) {
+  if (registry.has(name)) {
+    registry.unregister(name);
+  }
+  registry.register(name, item);
+}
+function upsertAll(registry, entries) {
+  for (const [name, item] of Object.entries(entries ?? {})) {
+    upsert(registry, name, item);
+  }
+}
+function createRuntimeHttpAdapter(authTokenProvider) {
+  const base = (0, import_runtime3.createFetchHttpAdapter)();
+  if (authTokenProvider === void 0) {
+    return base;
+  }
+  return {
+    async request(config) {
+      const token = await authTokenProvider();
+      if (token === void 0 || token === "") {
+        return base.request(config);
+      }
+      return base.request({
+        ...config,
+        headers: { ...config.headers, authorization: `Bearer ${token}` }
+      });
+    }
+  };
+}
+function wrapHttpAdapter(base, hooks) {
+  if (!hooks) {
+    return base;
+  }
+  return {
+    async request(config) {
+      const finalConfig = hooks.request ? await hooks.request(config) : config;
+      const data = await base.request(finalConfig);
+      return hooks.response ? hooks.response(data) : data;
+    }
+  };
+}
+function createPactorAssembly(options) {
+  const overlayManager = new import_interaction.OverlayManager();
+  const uiBridge = (0, import_interaction.createUiBridge)();
+  const interactionKit = options.interactionKit ?? options.ui?.interactionKit ?? {
+    Provider: import_interaction.ShadcnInteractionProvider,
+    OverlayHost: import_interaction.ShadcnOverlayHost
+  };
+  const components = (options.componentRegistry ?? options.ui?.componentRegistry)?.() ?? (0, import_components.createShadcnComponentRegistry)();
+  upsertAll(components, options.components);
+  const actions = new import_core2.Registry("ActionRegistry");
+  (0, import_interaction.registerInteractionActions)(actions, overlayManager, uiBridge);
+  upsert(actions, "navigate", (action) => {
+    const to = action.params?.["to"];
+    if (typeof to !== "string" || to === "") {
+      return {
+        ok: false,
+        error: new Error("[@pactor-app/app] navigate \u52A8\u4F5C\u7F3A\u5C11 params.to\uFF08string\uFF09")
+      };
+    }
+    options.navigate(to);
+    return { ok: true };
+  });
+  upsertAll(actions, options.actions);
+  const services = new import_core2.Registry("ServiceRegistry");
+  upsertAll(services, options.services);
+  const capabilities = new import_core2.Registry("CapabilityRegistry");
+  upsertAll(capabilities, options.capabilities);
+  return {
+    components,
+    actions,
+    services,
+    capabilities,
+    overlayManager,
+    uiBridge,
+    interactionKit,
+    httpAdapter: wrapHttpAdapter(
+      createRuntimeHttpAdapter(options.authTokenProvider),
+      options.httpAdapter
+    )
+  };
+}
+
 // src/application.ts
 var ReactRouterBinding = class {
   constructor() {
@@ -419,17 +508,6 @@ var ReactRouterBinding = class {
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-function upsert(registry, name, item) {
-  if (registry.has(name)) {
-    registry.unregister(name);
-  }
-  registry.register(name, item);
-}
-function upsertAll(registry, entries) {
-  for (const [name, item] of Object.entries(entries ?? {})) {
-    upsert(registry, name, item);
-  }
-}
 function createResourceHttpAdapter(authTokenProvider) {
   const base = (0, import_resource.createFetchAdapter)();
   if (authTokenProvider === void 0) {
@@ -446,24 +524,6 @@ function createResourceHttpAdapter(authTokenProvider) {
     });
   };
 }
-function createRuntimeHttpAdapter(authTokenProvider) {
-  const base = (0, import_runtime3.createFetchHttpAdapter)();
-  if (authTokenProvider === void 0) {
-    return base;
-  }
-  return {
-    async request(config) {
-      const token = await authTokenProvider();
-      if (token === void 0 || token === "") {
-        return base.request(config);
-      }
-      return base.request({
-        ...config,
-        headers: { ...config.headers, authorization: `Bearer ${token}` }
-      });
-    }
-  };
-}
 var MENU_TYPES = /* @__PURE__ */ new Set(["group", "page", "link"]);
 function sanitizeMenus(raw) {
   if (!Array.isArray(raw)) {
@@ -520,42 +580,29 @@ function createPactorApplication(options) {
   }
   const { appId } = options;
   const routerOptions = options.router ?? {};
-  const overlayManager = new import_interaction.OverlayManager();
-  const uiBridge = (0, import_interaction.createUiBridge)();
   const permissionStore = new import_permission.PermissionStore();
   const layoutRegistry = (options.layoutRegistry ?? options.ui?.layoutRegistry)?.() ?? (0, import_layout2.createShadcnLayoutRegistry)();
-  const interactionKit = options.interactionKit ?? options.ui?.interactionKit ?? {
-    Provider: import_interaction.ShadcnInteractionProvider,
-    OverlayHost: import_interaction.ShadcnOverlayHost
-  };
   const navigation = new ReactRouterBinding();
+  const assembly = createPactorAssembly({
+    componentRegistry: options.componentRegistry,
+    ui: options.ui,
+    interactionKit: options.interactionKit,
+    components: options.components,
+    actions: options.actions,
+    services: options.services,
+    capabilities: options.capabilities,
+    authTokenProvider: options.authTokenProvider,
+    httpAdapter: options.httpAdapter,
+    navigate: (to) => navigation.push(to)
+  });
+  const { components, actions, services, capabilities, httpAdapter } = assembly;
+  const { overlayManager, uiBridge, interactionKit } = assembly;
   const loader = options.loader ?? new import_resource.HttpDslResourceLoader({
     baseUrl: options.api?.baseURL,
     adapter: createResourceHttpAdapter(options.authTokenProvider)
   });
-  const httpAdapter = createRuntimeHttpAdapter(options.authTokenProvider);
   const permissionAdapter = (0, import_permission.createPermissionAdapter)(permissionStore);
   const routerAdapter = (0, import_router2.createRouterAdapter)(navigation);
-  const components = (options.componentRegistry ?? options.ui?.componentRegistry)?.() ?? (0, import_components.createShadcnComponentRegistry)();
-  upsertAll(components, options.components);
-  const actions = new import_core2.Registry("ActionRegistry");
-  (0, import_interaction.registerInteractionActions)(actions, overlayManager, uiBridge);
-  upsert(actions, "navigate", (action) => {
-    const to = action.params?.["to"];
-    if (typeof to !== "string" || to === "") {
-      return {
-        ok: false,
-        error: new Error("[@pactor-app/app] navigate \u52A8\u4F5C\u7F3A\u5C11 params.to\uFF08string\uFF09")
-      };
-    }
-    navigation.push(to);
-    return { ok: true };
-  });
-  upsertAll(actions, options.actions);
-  const services = new import_core2.Registry("ServiceRegistry");
-  upsertAll(services, options.services);
-  const capabilities = new import_core2.Registry("CapabilityRegistry");
-  upsertAll(capabilities, options.capabilities);
   let session = null;
   const handle = {
     appId,
@@ -606,7 +653,7 @@ function createPactorApplication(options) {
       return next;
     },
     createPageRuntime(pageDsl, route) {
-      return (0, import_runtime3.createPageRuntime)(pageDsl, {
+      return (0, import_runtime4.createPageRuntime)(pageDsl, {
         components,
         actions,
         services,
@@ -670,11 +717,161 @@ 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_react6 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function createPactorPage(options = {}) {
+  const assembly = createPactorAssembly({
+    ...options,
+    // 嵌入模式：navigate 退化为自然跳转（设计决策 D2，不注入宿主路由对象）
+    navigate: (to) => {
+      if (typeof window !== "undefined") {
+        window.location.assign(to);
+      }
+    }
+  });
+  let permission;
+  if (options.permission !== void 0) {
+    permission = options.permission;
+  } else if (options.permissions !== void 0) {
+    const store = new import_permission2.PermissionStore();
+    store.setPermissions(options.permissions);
+    permission = (0, import_permission2.createPermissionAdapter)(store);
+  } else {
+    permission = (0, import_runtime5.createDefaultPermissionAdapter)();
+  }
+  const i18n = (0, import_core3.createI18nContext)({
+    locale: options.locale,
+    defaultLocale: options.defaultLocale,
+    messages: options.messages
+  });
+  function createRuntime(pageDsl, route) {
+    return (0, import_runtime5.createPageRuntime)(pageDsl, {
+      components: assembly.components,
+      actions: assembly.actions,
+      services: assembly.services,
+      capabilities: assembly.capabilities,
+      permission,
+      http: assembly.httpAdapter,
+      route: { params: route?.params ?? {}, query: route?.query ?? {} },
+      locale: options.locale ?? "zh-CN",
+      defaultLocale: options.defaultLocale ?? "zh-CN",
+      messages: options.messages ?? {}
+    });
+  }
+  return function ConfiguredPactorPage(props) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(EmbeddedPage, { assembly, options, i18n, createRuntime, resolvePage: options.loader ? resolvePage : void 0, ...props });
+  };
+  async function resolvePage(pageId) {
+    if (!options.loader) {
+      throw new Error("[@pactor-app/app] PactorPage: \u6309 pageId \u52A0\u8F7D\u9700\u8981 options.loader");
+    }
+    const resource = await options.loader.loadPage(pageId);
+    return resource.schema;
+  }
+}
+function PactorPage(props) {
+  const { pageId, pageDsl, route, ...options } = props;
+  const factoryRef = (0, import_react6.useRef)(null);
+  if (factoryRef.current === null) {
+    factoryRef.current = createPactorPage(options);
+  }
+  const ConfiguredPage = factoryRef.current;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ConfiguredPage, { pageId, pageDsl, route });
+}
+function EmbeddedPage({
+  assembly,
+  options,
+  i18n,
+  createRuntime,
+  resolvePage,
+  pageId,
+  pageDsl,
+  route
+}) {
+  const [state, setState] = (0, import_react6.useState)({ status: "loading" });
+  const [retryTick, setRetryTick] = (0, import_react6.useState)(0);
+  const onError = options.onError;
+  (0, import_react6.useEffect)(() => {
+    let cancelled = false;
+    let runtime = null;
+    void (async () => {
+      try {
+        let resolved = pageDsl;
+        if (resolved === void 0) {
+          if (pageId === void 0) {
+            throw new Error("[@pactor-app/app] PactorPage: pageId \u4E0E pageDsl \u5FC5\u4F20\u5176\u4E00");
+          }
+          if (resolvePage === void 0) {
+            throw new Error("[@pactor-app/app] PactorPage: \u6309 pageId \u52A0\u8F7D\u9700\u8981 options.loader");
+          }
+          resolved = await resolvePage(pageId);
+        } else if ((0, import_core3.isDslSourceRef)(resolved)) {
+          const resolver = new import_runtime5.DslSourceResolver({
+            services: assembly.services,
+            http: assembly.httpAdapter,
+            getScope: () => ({
+              route: { params: route?.params ?? {}, query: route?.query ?? {} }
+            })
+          });
+          resolved = await resolver.resolve(resolved);
+        }
+        if (cancelled) {
+          return;
+        }
+        runtime = createRuntime(resolved, route);
+        setState({ status: "ready", runtime });
+        void runtime.ready();
+        void runtime.show();
+      } catch (cause) {
+        if (!cancelled) {
+          const error = cause instanceof Error ? cause : new Error(String(cause));
+          onError?.(error);
+          setState({ status: "error", error });
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+      if (runtime !== null && !runtime.destroyed) {
+        void runtime.hide();
+        void runtime.destroy();
+      }
+    };
+  }, [pageId, pageDsl, retryTick]);
+  const InteractionProvider = assembly.interactionKit.Provider;
+  const OverlayHost = assembly.interactionKit.OverlayHost;
+  let content;
+  if (state.status === "loading") {
+    content = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "pactor-app-page-loading", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BootstrapSpinner, { style: { minHeight: 0, padding: 48 } }) });
+  } else if (state.status === "error") {
+    content = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      ResultView,
+      {
+        className: "pactor-app-page-load-error",
+        title: "\u9875\u9762\u52A0\u8F7D\u5931\u8D25",
+        subTitle: state.error.message,
+        extra: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PrimaryButton, { onClick: () => setRetryTick((n) => n + 1), children: "\u91CD\u8BD5" })
+      }
+    );
+  } 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)(OverlayHost, { manager: assembly.overlayManager, resolvePage }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OverlayHost, { manager: assembly.overlayManager }) }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_runtime5.I18nContextProvider, { value: i18n, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InteractionProvider, { bridge: assembly.uiBridge, children: content }) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Application,
   DslPageLoader,
+  PactorPage,
   PageErrorBoundary,
   ReactRouterBinding,
-  createPactorApplication
+  createPactorApplication,
+  createPactorPage,
+  createRuntimeHttpAdapter,
+  wrapHttpAdapter
 });

package/dist/index.d.cts

@@ -1,13 +1,61 @@
-import { I18nMessages, PageDsl, Registry } from '@pactor-app/core';
-import { OverlayManager, UiBridge, InteractionProviderProps, OverlayHostProps } from '@pactor-app/ui/interaction';
+import { Registry, I18nMessages, PageDsl, DslSourceRef } from '@pactor-app/core';
+import { InteractionProviderProps, OverlayHostProps, OverlayManager, UiBridge } from '@pactor-app/ui/interaction';
 import { LayoutRegistry, AdminLayoutConfig } from '@pactor-app/ui/layout';
 import { PermissionStore } from '@pactor-app/permission';
 import { BootstrapResource, DslResourceLoader } from '@pactor-app/resource';
 import { NavigationBridge, NavigationLocation, NavigationListener, MenuRegistry, RouteContext } from '@pactor-app/router';
-import { PageRuntime, ActionHandler, ServiceHandler } from '@pactor-app/runtime';
+import { HttpRequestConfig, ActionHandler, ServiceHandler, HttpAdapter, PageRuntime, PermissionAdapter } from '@pactor-app/runtime';
 import * as react from 'react';
 import { ComponentType, ReactNode, Component, ErrorInfo } from 'react';
 
+/** 创建页面运行时 HTTP 出口适配器：注入 Authorization 头 */
+declare function createRuntimeHttpAdapter(authTokenProvider: AuthTokenProvider | undefined): HttpAdapter;
+/**
+ * HTTP 钩子（组装层）：对页面运行时所有 HTTP 出口做统一加工。
+ * - `request`：发出前加工请求配置（如注入 token、改写 URL、追加公共 headers）
+ * - `response`：收到后加工返回数据（如把后端包裹结构 `{ code, data }`
+ *   归一化为 Pactor 需要的内容）
+ * 两个钩子均可异步；缺省时直通。
+ */
+interface PactorHttpHooks {
+    request?: (config: HttpRequestConfig) => HttpRequestConfig | Promise<HttpRequestConfig>;
+    response?: (data: unknown) => unknown | Promise<unknown>;
+}
+/** 把 PactorHttpHooks 包装到 HttpAdapter 上（无钩子则原样返回） */
+declare function wrapHttpAdapter(base: HttpAdapter, hooks: PactorHttpHooks | undefined): HttpAdapter;
+/**
+ * 组装内核选项（spec: embedded-page-view / application-bootstrap）：
+ * 整应用模式与嵌入模式共享的装配输入。
+ */
+interface PactorAssemblyOptions {
+    /** 组件注册表工厂（槽位合并：显式选项 > ui 预设 > shadcn 默认） */
+    componentRegistry?: () => Registry<unknown>;
+    /** UI kit 预设（三槽位） */
+    ui?: UiKit;
+    /** 交互层组件对（缺省 shadcn 版） */
+    interactionKit?: {
+        Provider: ComponentType<InteractionProviderProps>;
+        OverlayHost: ComponentType<OverlayHostProps>;
+    };
+    /** 业务组件扩展（同名覆盖内置） */
+    components?: Record<string, unknown>;
+    /** 业务动作扩展（同名覆盖内置/交互动作） */
+    actions?: Record<string, ActionHandler>;
+    /** 业务服务扩展 */
+    services?: Record<string, ServiceHandler>;
+    /** 业务能力扩展 */
+    capabilities?: Record<string, unknown>;
+    /** 认证令牌：注入页面 HTTP 出口 */
+    authTokenProvider?: AuthTokenProvider;
+    /** HTTP 钩子：加工页面运行时所有 HTTP 出口（request 改配置 / response 改数据） */
+    httpAdapter?: PactorHttpHooks;
+    /**
+     * DSL `navigate` 动作的跳转实现（两种形态的差异点）：
+     * 整应用模式 = 导航桥 push（react-router）；嵌入模式 = location.assign
+     */
+    navigate: (to: string) => void;
+}
+
 /** 认证令牌提供者：同步或异步返回 Bearer token（无令牌返回 undefined） */
 type AuthTokenProvider = () => string | undefined | Promise<string | undefined>;
 /** 路由配置（V1 支持 browser + basename；hash 预留） */
@@ -89,6 +137,8 @@ interface PactorApplicationOptions {
     headerExtra?: ReactNode;
     /** 认证令牌：注入 DSL 资源请求与页面 HTTP 出口（Authorization: Bearer） */
     authTokenProvider?: AuthTokenProvider;
+    /** HTTP 钩子：加工页面运行时所有 HTTP 出口（request 改配置 / response 改数据） */
+    httpAdapter?: PactorHttpHooks;
     /** 当前语言代码（优先级高于 bootstrap.locale 与浏览器语言） */
     locale?: string;
     /** 回退语言代码（缺省 'zh-CN'） */
@@ -275,4 +325,58 @@ declare class PageErrorBoundary extends Component<PageErrorBoundaryProps, PageEr
     render(): ReactNode;
 }
 
-export { Application, type ApplicationProps, type AuthTokenProvider, DslPageLoader, type DslPageLoaderProps, type PactorAppSession, type PactorApplication, type PactorApplicationHandle, type PactorApplicationOptions, type PactorRouterOptions, PageErrorBoundary, ReactRouterBinding, type UiKit, createPactorApplication };
+/**
+ * 嵌入式页面 props（spec: embedded-page-view）：
+ * `pageId`（经 loader 加载）与 `pageDsl`（直接传入或动态引用）二选一。
+ */
+interface PactorPageProps {
+    /** 页面 id（经 options.loader 加载） */
+    pageId?: string;
+    /**
+     * 直接传入的 PageDsl（不经 loader），或 DslSourceRef 动态引用——
+     * 经 service/http 通道远端加载 PageDsl，校验通过后创建运行时；
+     * 加载失败走错误态与 onError，重试重新请求
+     */
+    pageDsl?: PageDsl | DslSourceRef;
+    /** 路由作用域注入：DSL 内 `${route.params.x}` / `${route.query.x}` 可读 */
+    route?: {
+        params?: Record<string, unknown>;
+        query?: Record<string, unknown>;
+    };
+}
+/**
+ * 嵌入式页面工厂选项（设计决策 D1/D2）：整应用模式的组装选项子集
+ * （无路由、无外壳布局）；route 上下文经 props 纯数据注入。
+ */
+interface PactorPageOptions extends Omit<PactorAssemblyOptions, 'navigate'> {
+    /** 资源加载器（按 pageId 加载页面时需要） */
+    loader?: DslResourceLoader;
+    /** 权限码列表（缺省全部放行；细粒度控制可传 permission 适配器） */
+    permissions?: string[];
+    /** 权限适配器（优先于 permissions） */
+    permission?: PermissionAdapter;
+    /** 认证令牌（注入页面 HTTP 出口） */
+    authTokenProvider?: AuthTokenProvider;
+    /** 当前语言代码（缺省 'zh-CN'） */
+    locale?: string;
+    /** 回退语言代码（缺省 'zh-CN'） */
+    defaultLocale?: string;
+    /** 翻译消息表 */
+    messages?: I18nMessages;
+    /** 页面加载/校验失败回调 */
+    onError?: (error: Error) => void;
+}
+/**
+ * 嵌入式页面工厂（spec: embedded-page-view）：返回预配置的 PactorPage 组件。
+ * 组装一次（registries / 交互层 / i18n），每个组件实例自持独立
+ * PageRuntime（多实例隔离）。
+ */
+declare function createPactorPage(options?: PactorPageOptions): ComponentType<PactorPageProps>;
+/**
+ * PactorPage 组件（spec: embedded-page-view）：嵌入式 DSL 页面。
+ * 直接使用时把工厂选项一并作为 props 传入（首次渲染时组装一次）；
+ * 需要复用同一组装配时优先用 `createPactorPage(options)` 工厂。
+ */
+declare function PactorPage(props: PactorPageProps & PactorPageOptions): react.JSX.Element;
+
+export { Application, type ApplicationProps, type AuthTokenProvider, DslPageLoader, type DslPageLoaderProps, type PactorAppSession, type PactorApplication, type PactorApplicationHandle, type PactorApplicationOptions, type PactorHttpHooks, PactorPage, type PactorPageOptions, type PactorPageProps, type PactorRouterOptions, PageErrorBoundary, ReactRouterBinding, type UiKit, createPactorApplication, createPactorPage, createRuntimeHttpAdapter, wrapHttpAdapter };

package/dist/index.d.ts

@@ -1,13 +1,61 @@
-import { I18nMessages, PageDsl, Registry } from '@pactor-app/core';
-import { OverlayManager, UiBridge, InteractionProviderProps, OverlayHostProps } from '@pactor-app/ui/interaction';
+import { Registry, I18nMessages, PageDsl, DslSourceRef } from '@pactor-app/core';
+import { InteractionProviderProps, OverlayHostProps, OverlayManager, UiBridge } from '@pactor-app/ui/interaction';
 import { LayoutRegistry, AdminLayoutConfig } from '@pactor-app/ui/layout';
 import { PermissionStore } from '@pactor-app/permission';
 import { BootstrapResource, DslResourceLoader } from '@pactor-app/resource';
 import { NavigationBridge, NavigationLocation, NavigationListener, MenuRegistry, RouteContext } from '@pactor-app/router';
-import { PageRuntime, ActionHandler, ServiceHandler } from '@pactor-app/runtime';
+import { HttpRequestConfig, ActionHandler, ServiceHandler, HttpAdapter, PageRuntime, PermissionAdapter } from '@pactor-app/runtime';
 import * as react from 'react';
 import { ComponentType, ReactNode, Component, ErrorInfo } from 'react';
 
+/** 创建页面运行时 HTTP 出口适配器：注入 Authorization 头 */
+declare function createRuntimeHttpAdapter(authTokenProvider: AuthTokenProvider | undefined): HttpAdapter;
+/**
+ * HTTP 钩子（组装层）：对页面运行时所有 HTTP 出口做统一加工。
+ * - `request`：发出前加工请求配置（如注入 token、改写 URL、追加公共 headers）
+ * - `response`：收到后加工返回数据（如把后端包裹结构 `{ code, data }`
+ *   归一化为 Pactor 需要的内容）
+ * 两个钩子均可异步；缺省时直通。
+ */
+interface PactorHttpHooks {
+    request?: (config: HttpRequestConfig) => HttpRequestConfig | Promise<HttpRequestConfig>;
+    response?: (data: unknown) => unknown | Promise<unknown>;
+}
+/** 把 PactorHttpHooks 包装到 HttpAdapter 上（无钩子则原样返回） */
+declare function wrapHttpAdapter(base: HttpAdapter, hooks: PactorHttpHooks | undefined): HttpAdapter;
+/**
+ * 组装内核选项（spec: embedded-page-view / application-bootstrap）：
+ * 整应用模式与嵌入模式共享的装配输入。
+ */
+interface PactorAssemblyOptions {
+    /** 组件注册表工厂（槽位合并：显式选项 > ui 预设 > shadcn 默认） */
+    componentRegistry?: () => Registry<unknown>;
+    /** UI kit 预设（三槽位） */
+    ui?: UiKit;
+    /** 交互层组件对（缺省 shadcn 版） */
+    interactionKit?: {
+        Provider: ComponentType<InteractionProviderProps>;
+        OverlayHost: ComponentType<OverlayHostProps>;
+    };
+    /** 业务组件扩展（同名覆盖内置） */
+    components?: Record<string, unknown>;
+    /** 业务动作扩展（同名覆盖内置/交互动作） */
+    actions?: Record<string, ActionHandler>;
+    /** 业务服务扩展 */
+    services?: Record<string, ServiceHandler>;
+    /** 业务能力扩展 */
+    capabilities?: Record<string, unknown>;
+    /** 认证令牌：注入页面 HTTP 出口 */
+    authTokenProvider?: AuthTokenProvider;
+    /** HTTP 钩子：加工页面运行时所有 HTTP 出口（request 改配置 / response 改数据） */
+    httpAdapter?: PactorHttpHooks;
+    /**
+     * DSL `navigate` 动作的跳转实现（两种形态的差异点）：
+     * 整应用模式 = 导航桥 push（react-router）；嵌入模式 = location.assign
+     */
+    navigate: (to: string) => void;
+}
+
 /** 认证令牌提供者：同步或异步返回 Bearer token（无令牌返回 undefined） */
 type AuthTokenProvider = () => string | undefined | Promise<string | undefined>;
 /** 路由配置（V1 支持 browser + basename；hash 预留） */
@@ -89,6 +137,8 @@ interface PactorApplicationOptions {
     headerExtra?: ReactNode;
     /** 认证令牌：注入 DSL 资源请求与页面 HTTP 出口（Authorization: Bearer） */
     authTokenProvider?: AuthTokenProvider;
+    /** HTTP 钩子：加工页面运行时所有 HTTP 出口（request 改配置 / response 改数据） */
+    httpAdapter?: PactorHttpHooks;
     /** 当前语言代码（优先级高于 bootstrap.locale 与浏览器语言） */
     locale?: string;
     /** 回退语言代码（缺省 'zh-CN'） */
@@ -275,4 +325,58 @@ declare class PageErrorBoundary extends Component<PageErrorBoundaryProps, PageEr
     render(): ReactNode;
 }
 
-export { Application, type ApplicationProps, type AuthTokenProvider, DslPageLoader, type DslPageLoaderProps, type PactorAppSession, type PactorApplication, type PactorApplicationHandle, type PactorApplicationOptions, type PactorRouterOptions, PageErrorBoundary, ReactRouterBinding, type UiKit, createPactorApplication };
+/**
+ * 嵌入式页面 props（spec: embedded-page-view）：
+ * `pageId`（经 loader 加载）与 `pageDsl`（直接传入或动态引用）二选一。
+ */
+interface PactorPageProps {
+    /** 页面 id（经 options.loader 加载） */
+    pageId?: string;
+    /**
+     * 直接传入的 PageDsl（不经 loader），或 DslSourceRef 动态引用——
+     * 经 service/http 通道远端加载 PageDsl，校验通过后创建运行时；
+     * 加载失败走错误态与 onError，重试重新请求
+     */
+    pageDsl?: PageDsl | DslSourceRef;
+    /** 路由作用域注入：DSL 内 `${route.params.x}` / `${route.query.x}` 可读 */
+    route?: {
+        params?: Record<string, unknown>;
+        query?: Record<string, unknown>;
+    };
+}
+/**
+ * 嵌入式页面工厂选项（设计决策 D1/D2）：整应用模式的组装选项子集
+ * （无路由、无外壳布局）；route 上下文经 props 纯数据注入。
+ */
+interface PactorPageOptions extends Omit<PactorAssemblyOptions, 'navigate'> {
+    /** 资源加载器（按 pageId 加载页面时需要） */
+    loader?: DslResourceLoader;
+    /** 权限码列表（缺省全部放行；细粒度控制可传 permission 适配器） */
+    permissions?: string[];
+    /** 权限适配器（优先于 permissions） */
+    permission?: PermissionAdapter;
+    /** 认证令牌（注入页面 HTTP 出口） */
+    authTokenProvider?: AuthTokenProvider;
+    /** 当前语言代码（缺省 'zh-CN'） */
+    locale?: string;
+    /** 回退语言代码（缺省 'zh-CN'） */
+    defaultLocale?: string;
+    /** 翻译消息表 */
+    messages?: I18nMessages;
+    /** 页面加载/校验失败回调 */
+    onError?: (error: Error) => void;
+}
+/**
+ * 嵌入式页面工厂（spec: embedded-page-view）：返回预配置的 PactorPage 组件。
+ * 组装一次（registries / 交互层 / i18n），每个组件实例自持独立
+ * PageRuntime（多实例隔离）。
+ */
+declare function createPactorPage(options?: PactorPageOptions): ComponentType<PactorPageProps>;
+/**
+ * PactorPage 组件（spec: embedded-page-view）：嵌入式 DSL 页面。
+ * 直接使用时把工厂选项一并作为 props 传入（首次渲染时组装一次）；
+ * 需要复用同一组装配时优先用 `createPactorPage(options)` 工厂。
+ */
+declare function PactorPage(props: PactorPageProps & PactorPageOptions): react.JSX.Element;
+
+export { Application, type ApplicationProps, type AuthTokenProvider, DslPageLoader, type DslPageLoaderProps, type PactorAppSession, type PactorApplication, type PactorApplicationHandle, type PactorApplicationOptions, type PactorHttpHooks, PactorPage, type PactorPageOptions, type PactorPageProps, type PactorRouterOptions, PageErrorBoundary, ReactRouterBinding, type UiKit, createPactorApplication, createPactorPage, createRuntimeHttpAdapter, wrapHttpAdapter };

package/dist/index.js

@@ -1,13 +1,4 @@
 // src/application.ts
-import { Registry } from "@pactor-app/core";
-import { createShadcnComponentRegistry } from "@pactor-app/ui/components";
-import {
-  createUiBridge,
-  OverlayManager,
-  registerInteractionActions,
-  ShadcnInteractionProvider,
-  ShadcnOverlayHost
-} from "@pactor-app/ui/interaction";
 import {
   createShadcnLayoutRegistry
 } from "@pactor-app/ui/layout";
@@ -21,7 +12,6 @@ import {
   MenuRegistry
 } from "@pactor-app/router";
 import {
-  createFetchHttpAdapter,
   createPageRuntime
 } from "@pactor-app/runtime";
 import { createElement } from "react";
@@ -367,6 +357,102 @@ function ForbiddenPage() {
   );
 }
 
+// src/assembly.ts
+import { Registry } from "@pactor-app/core";
+import { createShadcnComponentRegistry } from "@pactor-app/ui/components";
+import {
+  createUiBridge,
+  OverlayManager,
+  registerInteractionActions,
+  ShadcnInteractionProvider,
+  ShadcnOverlayHost
+} from "@pactor-app/ui/interaction";
+import {
+  createFetchHttpAdapter
+} from "@pactor-app/runtime";
+function upsert(registry, name, item) {
+  if (registry.has(name)) {
+    registry.unregister(name);
+  }
+  registry.register(name, item);
+}
+function upsertAll(registry, entries) {
+  for (const [name, item] of Object.entries(entries ?? {})) {
+    upsert(registry, name, item);
+  }
+}
+function createRuntimeHttpAdapter(authTokenProvider) {
+  const base = createFetchHttpAdapter();
+  if (authTokenProvider === void 0) {
+    return base;
+  }
+  return {
+    async request(config) {
+      const token = await authTokenProvider();
+      if (token === void 0 || token === "") {
+        return base.request(config);
+      }
+      return base.request({
+        ...config,
+        headers: { ...config.headers, authorization: `Bearer ${token}` }
+      });
+    }
+  };
+}
+function wrapHttpAdapter(base, hooks) {
+  if (!hooks) {
+    return base;
+  }
+  return {
+    async request(config) {
+      const finalConfig = hooks.request ? await hooks.request(config) : config;
+      const data = await base.request(finalConfig);
+      return hooks.response ? hooks.response(data) : data;
+    }
+  };
+}
+function createPactorAssembly(options) {
+  const overlayManager = new OverlayManager();
+  const uiBridge = createUiBridge();
+  const interactionKit = options.interactionKit ?? options.ui?.interactionKit ?? {
+    Provider: ShadcnInteractionProvider,
+    OverlayHost: ShadcnOverlayHost
+  };
+  const components = (options.componentRegistry ?? options.ui?.componentRegistry)?.() ?? createShadcnComponentRegistry();
+  upsertAll(components, options.components);
+  const actions = new Registry("ActionRegistry");
+  registerInteractionActions(actions, overlayManager, uiBridge);
+  upsert(actions, "navigate", (action) => {
+    const to = action.params?.["to"];
+    if (typeof to !== "string" || to === "") {
+      return {
+        ok: false,
+        error: new Error("[@pactor-app/app] navigate \u52A8\u4F5C\u7F3A\u5C11 params.to\uFF08string\uFF09")
+      };
+    }
+    options.navigate(to);
+    return { ok: true };
+  });
+  upsertAll(actions, options.actions);
+  const services = new Registry("ServiceRegistry");
+  upsertAll(services, options.services);
+  const capabilities = new Registry("CapabilityRegistry");
+  upsertAll(capabilities, options.capabilities);
+  return {
+    components,
+    actions,
+    services,
+    capabilities,
+    overlayManager,
+    uiBridge,
+    interactionKit,
+    httpAdapter: wrapHttpAdapter(
+      createRuntimeHttpAdapter(options.authTokenProvider),
+      options.httpAdapter
+    )
+  };
+}
+
 // src/application.ts
 var ReactRouterBinding = class {
   constructor() {
@@ -412,17 +498,6 @@ var ReactRouterBinding = class {
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-function upsert(registry, name, item) {
-  if (registry.has(name)) {
-    registry.unregister(name);
-  }
-  registry.register(name, item);
-}
-function upsertAll(registry, entries) {
-  for (const [name, item] of Object.entries(entries ?? {})) {
-    upsert(registry, name, item);
-  }
-}
 function createResourceHttpAdapter(authTokenProvider) {
   const base = createFetchAdapter();
   if (authTokenProvider === void 0) {
@@ -439,24 +514,6 @@ function createResourceHttpAdapter(authTokenProvider) {
     });
   };
 }
-function createRuntimeHttpAdapter(authTokenProvider) {
-  const base = createFetchHttpAdapter();
-  if (authTokenProvider === void 0) {
-    return base;
-  }
-  return {
-    async request(config) {
-      const token = await authTokenProvider();
-      if (token === void 0 || token === "") {
-        return base.request(config);
-      }
-      return base.request({
-        ...config,
-        headers: { ...config.headers, authorization: `Bearer ${token}` }
-      });
-    }
-  };
-}
 var MENU_TYPES = /* @__PURE__ */ new Set(["group", "page", "link"]);
 function sanitizeMenus(raw) {
   if (!Array.isArray(raw)) {
@@ -513,42 +570,29 @@ function createPactorApplication(options) {
   }
   const { appId } = options;
   const routerOptions = options.router ?? {};
-  const overlayManager = new OverlayManager();
-  const uiBridge = createUiBridge();
   const permissionStore = new PermissionStore();
   const layoutRegistry = (options.layoutRegistry ?? options.ui?.layoutRegistry)?.() ?? createShadcnLayoutRegistry();
-  const interactionKit = options.interactionKit ?? options.ui?.interactionKit ?? {
-    Provider: ShadcnInteractionProvider,
-    OverlayHost: ShadcnOverlayHost
-  };
   const navigation = new ReactRouterBinding();
+  const assembly = createPactorAssembly({
+    componentRegistry: options.componentRegistry,
+    ui: options.ui,
+    interactionKit: options.interactionKit,
+    components: options.components,
+    actions: options.actions,
+    services: options.services,
+    capabilities: options.capabilities,
+    authTokenProvider: options.authTokenProvider,
+    httpAdapter: options.httpAdapter,
+    navigate: (to) => navigation.push(to)
+  });
+  const { components, actions, services, capabilities, httpAdapter } = assembly;
+  const { overlayManager, uiBridge, interactionKit } = assembly;
   const loader = options.loader ?? new HttpDslResourceLoader({
     baseUrl: options.api?.baseURL,
     adapter: createResourceHttpAdapter(options.authTokenProvider)
   });
-  const httpAdapter = createRuntimeHttpAdapter(options.authTokenProvider);
   const permissionAdapter = createPermissionAdapter(permissionStore);
   const routerAdapter = createRouterAdapter(navigation);
-  const components = (options.componentRegistry ?? options.ui?.componentRegistry)?.() ?? createShadcnComponentRegistry();
-  upsertAll(components, options.components);
-  const actions = new Registry("ActionRegistry");
-  registerInteractionActions(actions, overlayManager, uiBridge);
-  upsert(actions, "navigate", (action) => {
-    const to = action.params?.["to"];
-    if (typeof to !== "string" || to === "") {
-      return {
-        ok: false,
-        error: new Error("[@pactor-app/app] navigate \u52A8\u4F5C\u7F3A\u5C11 params.to\uFF08string\uFF09")
-      };
-    }
-    navigation.push(to);
-    return { ok: true };
-  });
-  upsertAll(actions, options.actions);
-  const services = new Registry("ServiceRegistry");
-  upsertAll(services, options.services);
-  const capabilities = new Registry("CapabilityRegistry");
-  upsertAll(capabilities, options.capabilities);
   let session = null;
   const handle = {
     appId,
@@ -663,10 +707,170 @@ function createPactorApplication(options) {
     }
   };
 }
+
+// src/embedded.tsx
+import { createI18nContext as createI18nContext2, isDslSourceRef } from "@pactor-app/core";
+import { createPermissionAdapter as createPermissionAdapter2, PermissionStore as PermissionStore2 } from "@pactor-app/permission";
+import {
+  createDefaultPermissionAdapter,
+  createPageRuntime as createPageRuntime2,
+  DslSourceResolver,
+  I18nContextProvider as I18nContextProvider2,
+  PageRuntimeView as PageRuntimeView2
+} from "@pactor-app/runtime";
+import {
+  useEffect as useEffect3,
+  useRef,
+  useState as useState3
+} from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function createPactorPage(options = {}) {
+  const assembly = createPactorAssembly({
+    ...options,
+    // 嵌入模式：navigate 退化为自然跳转（设计决策 D2，不注入宿主路由对象）
+    navigate: (to) => {
+      if (typeof window !== "undefined") {
+        window.location.assign(to);
+      }
+    }
+  });
+  let permission;
+  if (options.permission !== void 0) {
+    permission = options.permission;
+  } else if (options.permissions !== void 0) {
+    const store = new PermissionStore2();
+    store.setPermissions(options.permissions);
+    permission = createPermissionAdapter2(store);
+  } else {
+    permission = createDefaultPermissionAdapter();
+  }
+  const i18n = createI18nContext2({
+    locale: options.locale,
+    defaultLocale: options.defaultLocale,
+    messages: options.messages
+  });
+  function createRuntime(pageDsl, route) {
+    return createPageRuntime2(pageDsl, {
+      components: assembly.components,
+      actions: assembly.actions,
+      services: assembly.services,
+      capabilities: assembly.capabilities,
+      permission,
+      http: assembly.httpAdapter,
+      route: { params: route?.params ?? {}, query: route?.query ?? {} },
+      locale: options.locale ?? "zh-CN",
+      defaultLocale: options.defaultLocale ?? "zh-CN",
+      messages: options.messages ?? {}
+    });
+  }
+  return function ConfiguredPactorPage(props) {
+    return /* @__PURE__ */ jsx5(EmbeddedPage, { assembly, options, i18n, createRuntime, resolvePage: options.loader ? resolvePage : void 0, ...props });
+  };
+  async function resolvePage(pageId) {
+    if (!options.loader) {
+      throw new Error("[@pactor-app/app] PactorPage: \u6309 pageId \u52A0\u8F7D\u9700\u8981 options.loader");
+    }
+    const resource = await options.loader.loadPage(pageId);
+    return resource.schema;
+  }
+}
+function PactorPage(props) {
+  const { pageId, pageDsl, route, ...options } = props;
+  const factoryRef = useRef(null);
+  if (factoryRef.current === null) {
+    factoryRef.current = createPactorPage(options);
+  }
+  const ConfiguredPage = factoryRef.current;
+  return /* @__PURE__ */ jsx5(ConfiguredPage, { pageId, pageDsl, route });
+}
+function EmbeddedPage({
+  assembly,
+  options,
+  i18n,
+  createRuntime,
+  resolvePage,
+  pageId,
+  pageDsl,
+  route
+}) {
+  const [state, setState] = useState3({ status: "loading" });
+  const [retryTick, setRetryTick] = useState3(0);
+  const onError = options.onError;
+  useEffect3(() => {
+    let cancelled = false;
+    let runtime = null;
+    void (async () => {
+      try {
+        let resolved = pageDsl;
+        if (resolved === void 0) {
+          if (pageId === void 0) {
+            throw new Error("[@pactor-app/app] PactorPage: pageId \u4E0E pageDsl \u5FC5\u4F20\u5176\u4E00");
+          }
+          if (resolvePage === void 0) {
+            throw new Error("[@pactor-app/app] PactorPage: \u6309 pageId \u52A0\u8F7D\u9700\u8981 options.loader");
+          }
+          resolved = await resolvePage(pageId);
+        } else if (isDslSourceRef(resolved)) {
+          const resolver = new DslSourceResolver({
+            services: assembly.services,
+            http: assembly.httpAdapter,
+            getScope: () => ({
+              route: { params: route?.params ?? {}, query: route?.query ?? {} }
+            })
+          });
+          resolved = await resolver.resolve(resolved);
+        }
+        if (cancelled) {
+          return;
+        }
+        runtime = createRuntime(resolved, route);
+        setState({ status: "ready", runtime });
+        void runtime.ready();
+        void runtime.show();
+      } catch (cause) {
+        if (!cancelled) {
+          const error = cause instanceof Error ? cause : new Error(String(cause));
+          onError?.(error);
+          setState({ status: "error", error });
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+      if (runtime !== null && !runtime.destroyed) {
+        void runtime.hide();
+        void runtime.destroy();
+      }
+    };
+  }, [pageId, pageDsl, retryTick]);
+  const InteractionProvider = assembly.interactionKit.Provider;
+  const OverlayHost = assembly.interactionKit.OverlayHost;
+  let content;
+  if (state.status === "loading") {
+    content = /* @__PURE__ */ jsx5("div", { className: "pactor-app-page-loading", children: /* @__PURE__ */ jsx5(BootstrapSpinner, { style: { minHeight: 0, padding: 48 } }) });
+  } else if (state.status === "error") {
+    content = /* @__PURE__ */ jsx5(
+      ResultView,
+      {
+        className: "pactor-app-page-load-error",
+        title: "\u9875\u9762\u52A0\u8F7D\u5931\u8D25",
+        subTitle: state.error.message,
+        extra: /* @__PURE__ */ jsx5(PrimaryButton, { onClick: () => setRetryTick((n) => n + 1), children: "\u91CD\u8BD5" })
+      }
+    );
+  } else {
+    content = /* @__PURE__ */ jsx5(PageErrorBoundary, { children: /* @__PURE__ */ jsx5(PageRuntimeView2, { runtime: state.runtime, children: resolvePage !== void 0 ? /* @__PURE__ */ jsx5(OverlayHost, { manager: assembly.overlayManager, resolvePage }) : /* @__PURE__ */ jsx5(OverlayHost, { manager: assembly.overlayManager }) }) });
+  }
+  return /* @__PURE__ */ jsx5(I18nContextProvider2, { value: i18n, children: /* @__PURE__ */ jsx5(InteractionProvider, { bridge: assembly.uiBridge, children: content }) });
+}
 export {
   Application,
   DslPageLoader,
+  PactorPage,
   PageErrorBoundary,
   ReactRouterBinding,
-  createPactorApplication
+  createPactorApplication,
+  createPactorPage,
+  createRuntimeHttpAdapter,
+  wrapHttpAdapter
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pactor-app/app",
-  "version": "0.1.0",
+  "version": "1.1.0",
   "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": "0.1.0",
-    "@pactor-app/expression": "0.1.0",
-    "@pactor-app/resource": "0.1.0",
-    "@pactor-app/router": "0.1.0",
-    "@pactor-app/schema": "0.1.0",
-    "@pactor-app/ui": "0.1.0",
-    "@pactor-app/runtime": "0.1.0",
-    "@pactor-app/permission": "0.1.0"
+    "@pactor-app/core": "1.1.0",
+    "@pactor-app/expression": "1.1.0",
+    "@pactor-app/runtime": "1.1.0",
+    "@pactor-app/schema": "1.1.0",
+    "@pactor-app/permission": "1.1.0",
+    "@pactor-app/resource": "1.1.0",
+    "@pactor-app/ui": "1.1.0",
+    "@pactor-app/router": "1.1.0"
   },
   "peerDependencies": {
     "react": ">=18",