@nocobase/client-v2 2.2.0-beta.8 → 2.2.0

package/src/flow/models/base/PageModel/__tests__/PageTabModel.test.ts

@@ -18,24 +18,53 @@ vi.mock('@nocobase/flow-engine', async (importOriginal) => {
   return {
     ...actual,
     FlowModel: class {
+      uid: string;
+      parentId?: string;
       props: any;
       context: any;
       stepParams: any;
+      flowEngine?: {
+        modelRepository?: {
+          findOne?: (query: Record<string, unknown>) => Promise<unknown>;
+        };
+        flowSettings?: {
+          open?: (options: Record<string, unknown>) => Promise<unknown> | unknown;
+        };
+      };
+      flowRegistryData: Record<string, unknown>;
+      invalidateFlowCache = vi.fn();
+      rerender = vi.fn(async () => undefined);
 
       constructor(options: any = {}) {
+        this.uid = options.uid || 'mock-model';
+        this.parentId = options.parentId;
         this.props = options.props || {};
         this.context = options.context || {};
         this.stepParams = options.stepParams || {};
+        this.flowEngine = options.flowEngine;
+        this.flowRegistryData = options.flowRegistry || {};
       }
 
       serialize() {
-        return { flowRegistry: {} };
+        return { flowRegistry: this.flowRegistryData };
       }
 
       setProps(key: string, value: any) {
         this.props[key] = value;
       }
 
+      setStepParams(flowKey: string, stepKey: string, params: Record<string, unknown>) {
+        this.stepParams[flowKey] = this.stepParams[flowKey] || {};
+        this.stepParams[flowKey][stepKey] = {
+          ...(this.stepParams[flowKey][stepKey] || {}),
+          ...params,
+        };
+      }
+
+      openFlowSettings(options: Record<string, unknown> = {}) {
+        return this.flowEngine?.flowSettings?.open?.({ model: this, ...options });
+      }
+
       onInit() {}
       static registerFlow(flow: any) {
         registerFlowMock(flow);
@@ -59,6 +88,51 @@ vi.mock('ahooks', async (importOriginal) => {
   };
 });
 
+type RootPageTabModelClass = typeof import('../PageTabModel').RootPageTabModel;
+
+type TestRoute = {
+  schemaUid?: string;
+  options?: Record<string, unknown>;
+} & Record<string, unknown>;
+
+type RootPageTabModelTestOptions = {
+  props?: {
+    route?: TestRoute;
+  };
+  stepParams?: {
+    pageTabSettings?: {
+      tab?: {
+        title?: string;
+        icon?: string;
+        documentTitle?: string;
+      };
+    };
+  };
+  context: {
+    api: {
+      request: ReturnType<typeof vi.fn>;
+    };
+    routeRepository?: {
+      getRouteBySchemaUid?: (schemaUid: string) => TestRoute | undefined;
+      refreshAccessible?: () => Promise<unknown>;
+    };
+    refreshDesktopRoutes?: () => Promise<unknown>;
+    logger?: {
+      warn?: (context: { err: unknown }, message: string) => void;
+    };
+    t: (value: string) => string;
+  };
+};
+
+type RootPageTabModelTestConstructor = new (
+  options: RootPageTabModelTestOptions,
+) => InstanceType<RootPageTabModelClass>;
+
+function createRootPageTabModel(Model: RootPageTabModelClass, options: RootPageTabModelTestOptions) {
+  const TestModel = Model as unknown as RootPageTabModelTestConstructor;
+  return new TestModel(options);
+}
+
 describe('PageTabModel', () => {
   beforeEach(() => {
     vi.resetModules();
@@ -86,6 +160,13 @@ describe('PageTabModel', () => {
     expect(keys.indexOf('documentTitle')).toBe(keys.indexOf('title') + 1);
   });
 
+  it('should expose tab linkage rules in page tab settings', async () => {
+    await import('../PageTabModel');
+    const flow = registerFlowMock.mock.calls.find((call) => call[0]?.key === 'pageTabSettings')?.[0];
+
+    expect(flow?.steps?.linkageRules?.use).toBe('tabLinkageRules');
+  });
+
   it('should trigger parent page title update in tab settings handler', async () => {
     await import('../PageTabModel');
     const flow = registerFlowMock.mock.calls.find((call) => call[0]?.key === 'pageTabSettings')?.[0];
@@ -113,7 +194,7 @@ describe('PageTabModel', () => {
   it('should persist tab documentTitle to route options on save', async () => {
     const { RootPageTabModel } = await import('../PageTabModel');
     const request = vi.fn().mockResolvedValue({});
-    const model = new RootPageTabModel({
+    const model = createRootPageTabModel(RootPageTabModel, {
       props: {
         route: {
           schemaUid: 'tab-1',
@@ -132,7 +213,7 @@ describe('PageTabModel', () => {
         api: { request },
         t: (value: string) => value,
       },
-    } as any);
+    });
 
     await model.save();
 
@@ -141,6 +222,413 @@ describe('PageTabModel', () => {
     expect(call.data.options.documentTitle).toBe('Tab doc title');
   });
 
+  it('should update a persisted tab route by id with only editable fields and latest options', async () => {
+    const { RootPageTabModel } = await import('../PageTabModel');
+    const request = vi.fn().mockResolvedValue({});
+    const model = createRootPageTabModel(RootPageTabModel, {
+      props: {
+        route: {
+          id: 123,
+          parentId: 456,
+          schemaUid: 'tab-1',
+          type: 'tabs',
+          sort: 1,
+          hidden: true,
+          tabSchemaName: 'tab-name-1',
+          hideInMenu: false,
+          enableTabs: false,
+          roles: [{ name: 'admin', title: 'Admin' }],
+          createdAt: '2026-07-16T00:00:00.000Z',
+          updatedAt: '2026-07-16T01:00:00.000Z',
+          options: {
+            badge: {
+              showZero: false,
+            },
+            pluginState: 'stale',
+            removedPluginState: 'stale-only',
+            flowRegistry: { stale: true },
+            documentTitle: 'Stale document title',
+          },
+        },
+      },
+      stepParams: {
+        pageTabSettings: {
+          tab: {
+            title: 'Renamed tab',
+            icon: 'TableOutlined',
+            documentTitle: 'Current document title',
+          },
+        },
+      },
+      context: {
+        api: { request },
+        routeRepository: {
+          getRouteBySchemaUid: vi.fn(() => ({
+            schemaUid: 'tab-1',
+            options: {
+              badge: {
+                showZero: true,
+              },
+              pluginState: 'fresh',
+              flowRegistry: { fresh: true },
+              documentTitle: 'Fresh document title',
+            },
+          })),
+        },
+        t: (value: string) => value,
+      },
+    });
+
+    await model.save();
+
+    const call = request.mock.calls[0][0];
+    expect(call).toEqual({
+      method: 'post',
+      url: 'desktopRoutes:update?filter[id]=123',
+      data: {
+        schemaUid: 'tab-1',
+        title: 'Renamed tab',
+        icon: 'TableOutlined',
+        options: {
+          badge: {
+            showZero: true,
+          },
+          pluginState: 'fresh',
+          flowRegistry: {},
+          documentTitle: 'Current document title',
+        },
+      },
+    });
+    expect(Object.keys(call.data).sort()).toEqual(['icon', 'options', 'schemaUid', 'title']);
+  });
+
+  it('should fall back to model route options when the current route is unavailable', async () => {
+    const { RootPageTabModel } = await import('../PageTabModel');
+    const request = vi.fn().mockResolvedValue({});
+    const model = createRootPageTabModel(RootPageTabModel, {
+      props: {
+        route: {
+          id: 123,
+          parentId: 456,
+          schemaUid: 'tab-1',
+          type: 'tabs',
+          sort: 1,
+          hidden: true,
+          options: {
+            badge: {
+              showZero: true,
+            },
+          },
+        },
+      },
+      stepParams: {
+        pageTabSettings: {
+          tab: {
+            title: 'Renamed tab',
+          },
+        },
+      },
+      context: {
+        api: { request },
+        routeRepository: {
+          getRouteBySchemaUid: vi.fn(() => undefined),
+        },
+        t: (value: string) => value,
+      },
+    });
+
+    await model.save();
+
+    const call = request.mock.calls[0][0];
+    expect(call).toEqual({
+      method: 'post',
+      url: 'desktopRoutes:update?filter[id]=123',
+      data: {
+        schemaUid: 'tab-1',
+        title: 'Renamed tab',
+        icon: undefined,
+        options: {
+          badge: {
+            showZero: true,
+          },
+          flowRegistry: {},
+          documentTitle: undefined,
+        },
+      },
+    });
+  });
+
+  it('should await a route refresh after the request before a subsequent persisted tab save', async () => {
+    const { RootPageTabModel } = await import('../PageTabModel');
+    const events: string[] = [];
+    let resolveFirstRefresh: () => void = () => {};
+    const firstRefreshDone = new Promise<void>((resolve) => {
+      resolveFirstRefresh = resolve;
+    });
+    let currentRoute = {
+      schemaUid: 'tab-1',
+      options: {
+        pluginState: 'before-save',
+      },
+    };
+    let requestCall = 0;
+    const request = vi.fn(async () => {
+      requestCall += 1;
+      events.push(`request:${requestCall}`);
+      if (requestCall === 1) {
+        return {
+          data: {
+            data: [
+              {
+                id: 123,
+                schemaUid: 'tab-1',
+                options: {
+                  pluginState: 'after-save',
+                  serverHookState: true,
+                },
+              },
+            ],
+          },
+        };
+      }
+      return {};
+    });
+    let refreshCall = 0;
+    const refreshAccessible = vi.fn(async () => {
+      refreshCall += 1;
+      events.push(`refresh:${refreshCall}:start`);
+      if (refreshCall === 1) {
+        await firstRefreshDone;
+        currentRoute = {
+          schemaUid: 'tab-1',
+          options: {
+            pluginState: 'after-save',
+            serverHookState: true,
+          },
+        };
+      }
+      events.push(`refresh:${refreshCall}:end`);
+    });
+    const model = createRootPageTabModel(RootPageTabModel, {
+      props: {
+        route: {
+          id: 123,
+          schemaUid: 'tab-1',
+        },
+      },
+      stepParams: {
+        pageTabSettings: {
+          tab: {
+            title: 'Renamed tab',
+          },
+        },
+      },
+      context: {
+        api: { request },
+        routeRepository: {
+          getRouteBySchemaUid: vi.fn(() => currentRoute),
+          refreshAccessible,
+        },
+        t: (value: string) => value,
+      },
+    });
+
+    let firstSaveResolved = false;
+    const firstSave = model.save().then(() => {
+      firstSaveResolved = true;
+      events.push('save:1:end');
+    });
+
+    await vi.waitFor(() => expect(refreshAccessible).toHaveBeenCalledTimes(1));
+    expect(events.slice(0, 2)).toEqual(['request:1', 'refresh:1:start']);
+    await Promise.resolve();
+    expect(firstSaveResolved).toBe(false);
+
+    resolveFirstRefresh();
+    await firstSave;
+    expect(events.indexOf('request:1')).toBeLessThan(events.indexOf('refresh:1:start'));
+    expect(events.indexOf('refresh:1:end')).toBeLessThan(events.indexOf('save:1:end'));
+
+    await model.save();
+
+    expect(refreshAccessible).toHaveBeenCalledTimes(2);
+    expect(request.mock.calls[1][0].data.options).toMatchObject({
+      pluginState: 'after-save',
+      serverHookState: true,
+    });
+  });
+
+  it('should serialize route refreshes when new tabs are saved concurrently', async () => {
+    const { RootPageTabModel } = await import('../PageTabModel');
+    let releaseFirstRefresh: () => void = () => {};
+    const firstRefreshDone = new Promise<void>((resolve) => {
+      releaseFirstRefresh = resolve;
+    });
+    let refreshCall = 0;
+    let activeRefreshes = 0;
+    let maxActiveRefreshes = 0;
+    const refreshAccessible = vi.fn(async () => {
+      refreshCall += 1;
+      activeRefreshes += 1;
+      maxActiveRefreshes = Math.max(maxActiveRefreshes, activeRefreshes);
+      if (refreshCall === 1) {
+        await firstRefreshDone;
+      }
+      activeRefreshes -= 1;
+    });
+    const request = vi
+      .fn()
+      .mockResolvedValueOnce({
+        data: {
+          data: {
+            id: 101,
+            schemaUid: 'tab-1',
+          },
+        },
+      })
+      .mockResolvedValueOnce({
+        data: {
+          data: {
+            id: 102,
+            schemaUid: 'tab-2',
+          },
+        },
+      });
+    const routeRepository = {
+      refreshAccessible,
+    };
+    const createModel = (schemaUid: string, title: string) =>
+      createRootPageTabModel(RootPageTabModel, {
+        props: {
+          route: {
+            parentId: 999,
+            schemaUid,
+            tabSchemaName: `${schemaUid}-name`,
+            type: 'tabs',
+          },
+        },
+        stepParams: {
+          pageTabSettings: {
+            tab: {
+              title,
+            },
+          },
+        },
+        context: {
+          api: { request },
+          routeRepository,
+          t: (value: string) => value,
+        },
+      });
+
+    const saves = Promise.all([createModel('tab-1', 'Tab 1').save(), createModel('tab-2', 'Tab 2').save()]);
+
+    await vi.waitFor(() => expect(request).toHaveBeenCalledTimes(2));
+    await vi.waitFor(() => expect(refreshAccessible).toHaveBeenCalled());
+    await Promise.resolve();
+    await Promise.resolve();
+    const refreshCallsBeforeRelease = refreshAccessible.mock.calls.length;
+
+    releaseFirstRefresh();
+    await saves;
+
+    expect(refreshCallsBeforeRelease).toBe(1);
+    expect(refreshAccessible).toHaveBeenCalledTimes(2);
+    expect(maxActiveRefreshes).toBe(1);
+  });
+
+  it('should keep a successful route save when refreshing the route cache fails', async () => {
+    const { RootPageTabModel } = await import('../PageTabModel');
+    const refreshError = new Error('refresh failed');
+    const request = vi
+      .fn()
+      .mockResolvedValueOnce({
+        data: {
+          data: {
+            id: 123,
+            schemaUid: 'tab-1',
+          },
+        },
+      })
+      .mockResolvedValueOnce({});
+    const refreshAccessible = vi.fn().mockRejectedValueOnce(refreshError).mockResolvedValueOnce([]);
+    const warn = vi.fn();
+    const model = createRootPageTabModel(RootPageTabModel, {
+      props: {
+        route: {
+          parentId: 999,
+          schemaUid: 'tab-1',
+          tabSchemaName: 'tab-name-1',
+          type: 'tabs',
+        },
+      },
+      stepParams: {
+        pageTabSettings: {
+          tab: {
+            title: 'Tab title',
+          },
+        },
+      },
+      context: {
+        api: { request },
+        routeRepository: {
+          refreshAccessible,
+        },
+        logger: { warn },
+        t: (value: string) => value,
+      },
+    });
+
+    await expect(model.save()).resolves.toBeUndefined();
+
+    expect(model.props.route.id).toBe(123);
+    expect(warn).toHaveBeenCalledWith(
+      { err: refreshError },
+      '[client-v2] Failed to refresh desktop routes after saving a page tab',
+    );
+
+    await expect(model.save()).resolves.toBeUndefined();
+    expect(refreshAccessible).toHaveBeenCalledTimes(2);
+  });
+
+  it('should still reject when writing the tab route fails', async () => {
+    const { RootPageTabModel } = await import('../PageTabModel');
+    const writeError = new Error('write failed');
+    const request = vi.fn().mockRejectedValue(writeError);
+    const refreshAccessible = vi.fn().mockResolvedValue([]);
+    const warn = vi.fn();
+    const model = createRootPageTabModel(RootPageTabModel, {
+      props: {
+        route: {
+          parentId: 999,
+          schemaUid: 'tab-1',
+          tabSchemaName: 'tab-name-1',
+          type: 'tabs',
+        },
+      },
+      stepParams: {
+        pageTabSettings: {
+          tab: {
+            title: 'Tab title',
+          },
+        },
+      },
+      context: {
+        api: { request },
+        routeRepository: {
+          refreshAccessible,
+        },
+        logger: { warn },
+        t: (value: string) => value,
+      },
+    });
+
+    await expect(model.save()).rejects.toBe(writeError);
+    expect(refreshAccessible).not.toHaveBeenCalled();
+    expect(warn).not.toHaveBeenCalled();
+    expect(model.props.route.id).toBeUndefined();
+  });
+
   it('should sync persisted route id after save', async () => {
     const { RootPageTabModel } = await import('../PageTabModel');
     const request = vi.fn().mockResolvedValue({
@@ -152,16 +640,24 @@ describe('PageTabModel', () => {
         },
       },
     });
-    const model = new RootPageTabModel({
+    const model = createRootPageTabModel(RootPageTabModel, {
       props: {
         route: {
+          parentId: 999,
           schemaUid: 'tab-1',
+          tabSchemaName: 'tab-name-1',
+          type: 'tabs',
+          params: [],
+          hideInMenu: false,
+          enableTabs: false,
         },
       },
       stepParams: {
         pageTabSettings: {
           tab: {
             title: 'Tab title',
+            icon: 'TableOutlined',
+            documentTitle: 'Tab document title',
           },
         },
       },
@@ -169,10 +665,33 @@ describe('PageTabModel', () => {
         api: { request },
         t: (value: string) => value,
       },
-    } as any);
+    });
 
     await model.save();
 
+    const call = request.mock.calls[0][0];
+    expect(call).toEqual({
+      method: 'post',
+      url: 'desktopRoutes:updateOrCreate',
+      params: {
+        filterKeys: ['schemaUid'],
+      },
+      data: {
+        parentId: 999,
+        schemaUid: 'tab-1',
+        tabSchemaName: 'tab-name-1',
+        type: 'tabs',
+        params: [],
+        hideInMenu: false,
+        enableTabs: false,
+        title: 'Tab title',
+        icon: 'TableOutlined',
+        options: {
+          flowRegistry: {},
+          documentTitle: 'Tab document title',
+        },
+      },
+    });
     expect(model.props.route.id).toBe(123);
     expect(model.props.route.sort).toBe(9);
   });
@@ -192,7 +711,7 @@ describe('PageTabModel', () => {
         ],
       },
     });
-    const model = new RootPageTabModel({
+    const model = createRootPageTabModel(RootPageTabModel, {
       props: {
         route: {
           schemaUid: 'tab-1',
@@ -212,7 +731,7 @@ describe('PageTabModel', () => {
         api: { request },
         t: (value: string) => value,
       },
-    } as any);
+    });
 
     await model.save();
 
@@ -222,4 +741,553 @@ describe('PageTabModel', () => {
       documentTitle: 'Server doc title',
     });
   });
+
+  describe('root tab linkage hydrate', () => {
+    it('should hydrate linkage rules before opening settings in configuration mode', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      const linkageRules = { value: [{ key: 'rule-1' }] };
+      const request = vi.fn().mockResolvedValue({
+        data: {
+          data: {
+            uid: 'tab-1',
+            use: 'RouteModel',
+            props: { title: 'Stale anchor title' },
+            stepParams: {
+              pageTabSettings: {
+                tab: { title: 'Stale tab title' },
+                linkageRules,
+              },
+            },
+          },
+        },
+      });
+      const open = vi.fn(({ model }: { model: { stepParams: Record<string, unknown> } }) => {
+        expect(model.stepParams).toMatchObject({ pageTabSettings: { linkageRules } });
+        return 'opened';
+      });
+      const model = new RootPageTabModel({
+        uid: 'tab-1',
+        flowEngine: {
+          flowSettings: { open },
+        },
+        props: {
+          route: {
+            schemaUid: 'tab-1',
+            title: 'Current route title',
+            options: {},
+          },
+        },
+        stepParams: {
+          pageTabSettings: {
+            tab: { title: 'Current tab title' },
+          },
+        },
+        context: {
+          api: { request },
+          flowSettingsEnabled: true,
+          defineProperty: vi.fn(),
+          t: (value: string) => value,
+        },
+      } as any);
+
+      model.onInit({});
+      await model.openFlowSettings({ flowKey: 'pageTabSettings', stepKey: 'linkageRules' });
+
+      expect(request).toHaveBeenCalledWith({
+        url: 'flowModels:findOne',
+        params: { uid: 'tab-1' },
+      });
+      expect(model.props.route.title).toBe('Current route title');
+      expect(model.stepParams.pageTabSettings.tab.title).toBe('Current tab title');
+      expect(model.stepParams.pageTabSettings.linkageRules).toEqual(linkageRules);
+      expect(model.invalidateFlowCache).toHaveBeenCalledWith('beforeRender', true);
+      expect(model.rerender).toHaveBeenCalledTimes(1);
+      expect(open).toHaveBeenCalledTimes(1);
+    });
+
+    it('should only hydrate marked root tabs at runtime', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      const unmarkedRequest = vi.fn().mockResolvedValue({ data: { data: null } });
+      const markedRequest = vi.fn().mockResolvedValue({
+        data: {
+          data: {
+            stepParams: {
+              pageTabSettings: {
+                linkageRules: { value: [] },
+              },
+            },
+          },
+        },
+      });
+      const createModel = (request: typeof markedRequest, marked: boolean) =>
+        new RootPageTabModel({
+          uid: marked ? 'tab-marked' : 'tab-unmarked',
+          props: {
+            route: {
+              schemaUid: marked ? 'tab-marked' : 'tab-unmarked',
+              options: marked ? { hasPersistedPageTabFlowModel: true } : {},
+            },
+          },
+          context: {
+            api: { request },
+            flowSettingsEnabled: false,
+            defineProperty: vi.fn(),
+            t: (value: string) => value,
+          },
+        } as any);
+
+      const unmarkedModel = createModel(unmarkedRequest, false);
+      const markedModel = createModel(markedRequest, true);
+      unmarkedModel.onInit({});
+      markedModel.onInit({});
+
+      await vi.waitFor(() => {
+        expect(markedRequest).toHaveBeenCalledTimes(1);
+        expect(markedModel.stepParams.pageTabSettings.linkageRules).toEqual({ value: [] });
+      });
+      expect(unmarkedRequest).not.toHaveBeenCalled();
+    });
+
+    it('should ignore the linkage-specific legacy marker at runtime', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      const request = vi.fn().mockResolvedValue({ data: { data: null } });
+      const legacyMarker = ['hasPersistedPageTab', 'LinkageRules'].join('');
+      const model = new RootPageTabModel({
+        uid: 'tab-legacy-marker',
+        props: {
+          route: {
+            schemaUid: 'tab-legacy-marker',
+            options: { [legacyMarker]: true },
+          },
+        },
+        context: {
+          api: { request },
+          flowSettingsEnabled: false,
+          defineProperty: vi.fn(),
+          t: (value: string) => value,
+        },
+      } as any);
+
+      model.onInit({});
+
+      expect(request).not.toHaveBeenCalled();
+    });
+
+    it('should share one in-flight hydrate request across concurrent settings opens', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      let resolveAnchor: (value: unknown) => void = () => undefined;
+      const request = vi.fn(
+        () =>
+          new Promise<unknown>((resolve) => {
+            resolveAnchor = (value) => resolve({ data: { data: value } });
+          }),
+      );
+      const open = vi.fn().mockResolvedValue(undefined);
+      const model = new RootPageTabModel({
+        uid: 'tab-1',
+        flowEngine: {
+          flowSettings: { open },
+        },
+        props: { route: { schemaUid: 'tab-1', options: {} } },
+        context: {
+          api: { request },
+          flowSettingsEnabled: false,
+          t: (value: string) => value,
+        },
+      } as any);
+
+      const firstOpen = model.openFlowSettings({ flowKey: 'pageTabSettings', stepKey: 'linkageRules' });
+      const secondOpen = model.openFlowSettings({ flowKey: 'pageTabSettings', stepKey: 'linkageRules' });
+
+      await vi.waitFor(() => expect(request).toHaveBeenCalledTimes(1));
+      resolveAnchor({
+        stepParams: {
+          pageTabSettings: {
+            linkageRules: { value: [] },
+          },
+        },
+      });
+      await Promise.all([firstOpen, secondOpen]);
+
+      expect(request).toHaveBeenCalledTimes(1);
+      expect(open).toHaveBeenCalledTimes(2);
+    });
+
+    it('should safely handle missing anchors and missing linkage steps', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      const request = vi.fn().mockResolvedValue({ data: { data: null } });
+      const model = new RootPageTabModel({
+        uid: 'tab-1',
+        flowEngine: {
+          flowSettings: { open: vi.fn().mockResolvedValue(undefined) },
+        },
+        props: { route: { schemaUid: 'tab-1', options: {} } },
+        stepParams: {
+          pageTabSettings: {
+            tab: { title: 'Current tab title' },
+          },
+        },
+        context: {
+          api: { request },
+          flowSettingsEnabled: true,
+          defineProperty: vi.fn(),
+          t: (value: string) => value,
+        },
+      } as any);
+
+      model.onInit({});
+      await expect(
+        model.openFlowSettings({ flowKey: 'pageTabSettings', stepKey: 'linkageRules' }),
+      ).resolves.toBeUndefined();
+
+      expect(request).toHaveBeenCalledWith({
+        url: 'flowModels:findOne',
+        params: { uid: 'tab-1' },
+      });
+      expect(model.stepParams.pageTabSettings.linkageRules).toBeUndefined();
+      expect(model.stepParams.pageTabSettings.tab.title).toBe('Current tab title');
+    });
+  });
+
+  describe('root tab linkage persistence', () => {
+    it('should not touch the anchor or marker when linkage rules were never loaded', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      const request = vi.fn().mockResolvedValue({});
+      const updateRoute = vi.fn();
+      const model = new RootPageTabModel({
+        uid: 'tab-1',
+        props: {
+          route: {
+            id: 10,
+            schemaUid: 'tab-1',
+            options: { badge: 'new' },
+          },
+        },
+        stepParams: {
+          pageTabSettings: {
+            tab: { title: 'Tab title' },
+          },
+        },
+        context: {
+          api: { request },
+          routeRepository: { updateRoute },
+          t: (value: string) => value,
+        },
+      } as any);
+
+      await model.saveStepParams();
+
+      expect(request).toHaveBeenCalledTimes(1);
+      expect(request.mock.calls[0][0].url).toBe('desktopRoutes:update?filter[id]=10');
+      expect(updateRoute).not.toHaveBeenCalled();
+    });
+
+    it('should merge the latest anchor without sending subModels and then set the marker', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      const latestAnchor = {
+        uid: 'tab-1',
+        use: 'CustomRouteModel',
+        props: { anchorProp: true },
+        decoratorProps: { compact: true },
+        stepParams: {
+          pageTabSettings: {
+            tab: { title: 'Anchor tab title' },
+            linkageRules: { value: [{ key: 'old-rule' }] },
+          },
+          otherFlow: {
+            otherStep: { value: 1 },
+          },
+        },
+        flowRegistry: { customFlow: { steps: {} } },
+        unknownRoot: { keep: true },
+        subModels: {
+          grid: { uid: 'grid-1' },
+        },
+      };
+      const request = vi.fn(async ({ url }: { url: string }) => {
+        if (url === 'flowModels:findOne') {
+          return { data: { data: latestAnchor } };
+        }
+        return { data: { data: {} } };
+      });
+      const updateRoute = vi.fn().mockResolvedValue(undefined);
+      const currentRoute = {
+        id: 10,
+        schemaUid: 'tab-1',
+        options: {
+          badge: 'new',
+          pluginOption: { keep: true },
+          serverHookState: true,
+          flowRegistry: { routeFlow: { steps: {} } },
+        },
+      };
+      const linkageRules = { value: [{ key: 'new-rule' }] };
+      const model = new RootPageTabModel({
+        uid: 'tab-1',
+        flowRegistry: { routeFlow: { steps: {} } },
+        props: {
+          route: {
+            id: 10,
+            schemaUid: 'tab-1',
+            options: {
+              badge: 'new',
+              pluginOption: { keep: true },
+              flowRegistry: { routeFlow: { steps: {} } },
+            },
+          },
+        },
+        stepParams: {
+          pageTabSettings: {
+            tab: {
+              title: 'Tab title',
+              documentTitle: 'Tab document title',
+            },
+            linkageRules,
+          },
+        },
+        context: {
+          api: { request },
+          routeRepository: {
+            getRouteBySchemaUid: vi.fn(() => currentRoute),
+            refreshAccessible: vi.fn().mockResolvedValue([currentRoute]),
+            updateRoute,
+          },
+          t: (value: string) => value,
+        },
+      } as any);
+
+      await model.saveStepParams();
+
+      const urls = request.mock.calls.map(([config]) => config.url);
+      expect(urls).toEqual(['desktopRoutes:update?filter[id]=10', 'flowModels:findOne', 'flowModels:save']);
+      expect(request.mock.calls[0][0].data.options).toMatchObject({
+        badge: 'new',
+        pluginOption: { keep: true },
+        serverHookState: true,
+        flowRegistry: { routeFlow: { steps: {} } },
+        documentTitle: 'Tab document title',
+      });
+
+      const anchorPayload = request.mock.calls[2][0].data;
+      expect(anchorPayload).toMatchObject({
+        uid: 'tab-1',
+        use: 'CustomRouteModel',
+        props: { anchorProp: true },
+        decoratorProps: { compact: true },
+        stepParams: {
+          pageTabSettings: {
+            tab: { title: 'Anchor tab title' },
+            linkageRules,
+          },
+          otherFlow: {
+            otherStep: { value: 1 },
+          },
+        },
+        flowRegistry: { customFlow: { steps: {} } },
+        unknownRoot: { keep: true },
+      });
+      expect(anchorPayload).not.toHaveProperty('subModels');
+      expect(updateRoute).toHaveBeenCalledWith(
+        10,
+        {
+          options: expect.objectContaining({
+            badge: 'new',
+            pluginOption: { keep: true },
+            serverHookState: true,
+            hasPersistedPageTabFlowModel: true,
+          }),
+        },
+        { refreshAfterMutation: false },
+      );
+      expect(request.mock.invocationCallOrder[2]).toBeLessThan(updateRoute.mock.invocationCallOrder[0]);
+      expect(model.props.route.options.hasPersistedPageTabFlowModel).toBe(true);
+      expect(model.props.route.options.serverHookState).toBe(true);
+    });
+
+    it('should read the latest anchor again before every linkage save', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      const request = vi.fn(async ({ url }: { url: string }) => {
+        if (url === 'flowModels:findOne') {
+          return { data: { data: { uid: 'tab-1', use: 'RouteModel' } } };
+        }
+        return {};
+      });
+      const model = new RootPageTabModel({
+        uid: 'tab-1',
+        props: { route: { id: 10, schemaUid: 'tab-1', options: {} } },
+        stepParams: {
+          pageTabSettings: {
+            tab: { title: 'Tab title' },
+            linkageRules: { value: [] },
+          },
+        },
+        context: {
+          api: { request },
+          routeRepository: { updateRoute: vi.fn().mockResolvedValue(undefined) },
+          t: (value: string) => value,
+        },
+      } as any);
+
+      await model.saveStepParams();
+      await model.saveStepParams();
+
+      expect(request.mock.calls.filter(([config]) => config.url === 'flowModels:findOne')).toHaveLength(2);
+    });
+
+    it('should persist empty rules without destroying the anchor and clear the marker', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      const request = vi.fn(async ({ url }: { url: string }) => {
+        if (url === 'flowModels:findOne') {
+          return {
+            data: {
+              data: {
+                uid: 'tab-1',
+                use: 'RouteModel',
+                subModels: { grid: { uid: 'grid-1' } },
+              },
+            },
+          };
+        }
+        return {};
+      });
+      const updateRoute = vi.fn().mockResolvedValue(undefined);
+      const model = new RootPageTabModel({
+        uid: 'tab-1',
+        props: {
+          route: {
+            id: 10,
+            schemaUid: 'tab-1',
+            options: {
+              badge: 'new',
+              hasPersistedPageTabFlowModel: true,
+            },
+          },
+        },
+        stepParams: {
+          pageTabSettings: {
+            tab: { title: 'Tab title' },
+            linkageRules: { value: [] },
+          },
+        },
+        context: {
+          api: { request },
+          routeRepository: { updateRoute },
+          t: (value: string) => value,
+        },
+      } as any);
+
+      await model.saveStepParams();
+
+      const urls = request.mock.calls.map(([config]) => config.url);
+      expect(urls).toContain('flowModels:save');
+      expect(urls).not.toContain('flowModels:destroy');
+      const anchorPayload = request.mock.calls.find(([config]) => config.url === 'flowModels:save')?.[0].data;
+      expect(anchorPayload.stepParams.pageTabSettings.linkageRules).toEqual({ value: [] });
+      expect(anchorPayload).not.toHaveProperty('subModels');
+      expect(updateRoute.mock.calls[0][1].options).toMatchObject({ badge: 'new' });
+      expect(updateRoute.mock.calls[0][1].options).not.toHaveProperty('hasPersistedPageTabFlowModel');
+      expect(model.props.route.options).not.toHaveProperty('hasPersistedPageTabFlowModel');
+    });
+
+    it('should create a minimal RouteModel anchor when the anchor is missing', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      const request = vi.fn(async ({ url }: { url: string }) => {
+        if (url === 'flowModels:findOne') {
+          return { data: { data: null } };
+        }
+        return {};
+      });
+      const model = new RootPageTabModel({
+        uid: 'tab-1',
+        props: { route: { id: 10, schemaUid: 'tab-1', options: {} } },
+        stepParams: {
+          pageTabSettings: {
+            tab: { title: 'Tab title' },
+            linkageRules: { value: [{ key: 'rule-1' }] },
+          },
+        },
+        context: {
+          api: { request },
+          routeRepository: { updateRoute: vi.fn().mockResolvedValue(undefined) },
+          t: (value: string) => value,
+        },
+      } as any);
+
+      await model.saveStepParams();
+
+      const anchorPayload = request.mock.calls.find(([config]) => config.url === 'flowModels:save')?.[0].data;
+      expect(anchorPayload).toMatchObject({
+        uid: 'tab-1',
+        use: 'RouteModel',
+        stepParams: {
+          pageTabSettings: {
+            linkageRules: { value: [{ key: 'rule-1' }] },
+          },
+        },
+      });
+      expect(anchorPayload).not.toHaveProperty('props.route');
+      expect(anchorPayload).not.toHaveProperty('subModels');
+    });
+
+    it('should not update the marker when saving the anchor fails', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      const error = new Error('anchor save failed');
+      const request = vi.fn(async ({ url }: { url: string }) => {
+        if (url === 'flowModels:findOne') {
+          return { data: { data: { uid: 'tab-1', use: 'RouteModel' } } };
+        }
+        if (url === 'flowModels:save') {
+          throw error;
+        }
+        return {};
+      });
+      const updateRoute = vi.fn();
+      const model = new RootPageTabModel({
+        uid: 'tab-1',
+        props: { route: { id: 10, schemaUid: 'tab-1', options: {} } },
+        stepParams: {
+          pageTabSettings: {
+            linkageRules: { value: [{ key: 'rule-1' }] },
+          },
+        },
+        context: {
+          api: { request },
+          routeRepository: { updateRoute },
+          t: (value: string) => value,
+        },
+      } as any);
+
+      await expect(model.saveStepParams()).rejects.toBe(error);
+      expect(updateRoute).not.toHaveBeenCalled();
+    });
+
+    it('should reject when updating the route marker fails', async () => {
+      const { RootPageTabModel } = await import('../PageTabModel');
+      const error = new Error('marker update failed');
+      const request = vi.fn(async ({ url }: { url: string }) => {
+        if (url === 'flowModels:findOne') {
+          return { data: { data: { uid: 'tab-1', use: 'RouteModel' } } };
+        }
+        return {};
+      });
+      const updateRoute = vi.fn().mockRejectedValue(error);
+      const model = new RootPageTabModel({
+        uid: 'tab-1',
+        props: { route: { id: 10, schemaUid: 'tab-1', options: {} } },
+        stepParams: {
+          pageTabSettings: {
+            linkageRules: { value: [{ key: 'rule-1' }] },
+          },
+        },
+        context: {
+          api: { request },
+          routeRepository: { updateRoute },
+          t: (value: string) => value,
+        },
+      } as any);
+
+      await expect(model.saveStepParams()).rejects.toBe(error);
+      expect(request.mock.calls.some(([config]) => config.url === 'flowModels:save')).toBe(true);
+    });
+  });
 });