@things-factory/auth-ui 10.1.258 → 10.1.260

package/dist-client/pages/role/role-inheritance-shown.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"role-inheritance-shown.test.js","sourceRoot":"","sources":["../../../client/pages/role/role-inheritance-shown.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAA;AACjC,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB;;;;GAIG;AAEH,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,mBAAmB,CAAC,EAAE,OAAO,CAAC,CAAA;AAC/E,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAA;AAEjF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAA;AACxG,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,wBAAwB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAA;AAE1G,QAAQ,CAAC,0CAA0C,EAAE,GAAG,EAAE;IACxD,EAAE,CAAC,kFAAkF,EAAE,GAAG,EAAE;QAC1F,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,6EAA6E,CAAC,CAAA;IACrG,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC1D,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,qFAAqF,CAAC,CAAA;QAC7G,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9D,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAA;IACnD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC5D,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,wCAAwC,CAAC,CAAA;QACrE,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,wGAAwG,CAAC,CAAA;QACrI,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,uEAAuE,CAAC,CAAA;QACpG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IAC9D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,4DAA4D,CAAC,CAAA;IAC3F,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import { readFileSync } from 'fs'\nimport path from 'path'\n\n/**\n * A domain that inherits from nowhere shows nothing about inheritance - no 「우리 역할 · 상속 · 전체」\n * buttons, no line about where roles come from, no source column (the user, 2026-10-28). The page\n * needs a DOM, so the test reads its source with comments stripped.\n */\n\nconst source = readFileSync(path.join(__dirname, 'role-list-page.ts'), 'utf-8')\nconst code = source.replace(/\\/\\*[\\s\\S]*?\\*\\//g, '').replace(/^\\s*\\/\\/.*$/gm, '')\n\nconst scopes = code.slice(code.indexOf('private renderScopes('), code.indexOf('private renderLineage('))\nconst initialized = code.slice(code.indexOf('async pageInitialized('), code.indexOf('async pageUpdated('))\n\ndescribe('the role list in a domain with no parent', () => {\n  it('★ inherits only when the profile names a parent - not knowing is not having none', () => {\n    expect(code).toMatch(/private hasParent\\(\\): boolean \\{\\s*return this\\.parentDomain !== null\\s*\\}/)\n  })\n\n  it('★ draws no scope buttons, and so no lineage line', () => {\n    expect(scopes).toMatch(/^private renderScopes\\(\\) \\{\\s*if \\(!this\\.hasParent\\(\\)\\) \\{\\s*return nothing\\s*\\}/)\n    expect(code.match(/this\\.renderLineage\\(\\)/g)).toHaveLength(1)\n    expect(scopes).toMatch(/this\\.renderLineage\\(\\)/)\n  })\n\n  it('★ leaves the source column and its list detail out', () => {\n    expect(initialized).toMatch(/const inheriting = this\\.hasParent\\(\\)/)\n    expect(initialized).toMatch(/details: inheriting \\? \\['privilegeCount', 'userCount', 'source'\\] : \\['privilegeCount', 'userCount'\\]/)\n    expect(initialized).toMatch(/\\.\\.\\.\\(inheriting\\s*\\?\\s*\\[\\s*\\{\\s*type: 'string',\\s*name: 'source',/)\n    expect(initialized.match(/name: 'source'/g)).toHaveLength(1)\n  })\n\n  it('counts the scopes only where there are scopes to count', () => {\n    expect(initialized).toMatch(/if \\(this\\.hasParent\\(\\)\\) \\{\\s*this\\.countScopes\\(\\)\\s*\\}/)\n  })\n})\n"]}
+{"version":3,"file":"role-inheritance-shown.test.js","sourceRoot":"","sources":["../../../client/pages/role/role-inheritance-shown.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAA;AACjC,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB;;;;GAIG;AAEH,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,mBAAmB,CAAC,EAAE,OAAO,CAAC,CAAA;AAC/E,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAA;AAEjF,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,wBAAwB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAC3G,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAErG,QAAQ,CAAC,0CAA0C,EAAE,GAAG,EAAE;IACxD,EAAE,CAAC,kFAAkF,EAAE,GAAG,EAAE;QAC1F,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,6EAA6E,CAAC,CAAA;IACrG,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACxD,mHAAmH;QACnH,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,gDAAgD,CAAC,CAAA;QAC7E,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9D,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,gEAAgE,CAAC,CAAA;IACxF,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC5D,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,wCAAwC,CAAC,CAAA;QACrE,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,wGAAwG,CAAC,CAAA;QACrI,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,uEAAuE,CAAC,CAAA;QACpG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IAC9D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,qFAAqF,CAAC,CAAA;IACjH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import { readFileSync } from 'fs'\nimport path from 'path'\n\n/**\n * A domain that inherits from nowhere shows nothing about inheritance - no 「우리 역할 · 상속 · 전체」\n * buttons, no line about where roles come from, no source column (the user, 2026-10-28). The page\n * needs a DOM, so the test reads its source with comments stripped.\n */\n\nconst source = readFileSync(path.join(__dirname, 'role-list-page.ts'), 'utf-8')\nconst code = source.replace(/\\/\\*[\\s\\S]*?\\*\\//g, '').replace(/^\\s*\\/\\/.*$/gm, '')\n\nconst initialized = code.slice(code.indexOf('async pageInitialized('), code.indexOf('async fetchHandler('))\nconst counting = code.slice(code.indexOf('async countHandler('), code.indexOf('private renderNote('))\n\ndescribe('the role list in a domain with no parent', () => {\n  it('★ inherits only when the profile names a parent - not knowing is not having none', () => {\n    expect(code).toMatch(/private hasParent\\(\\): boolean \\{\\s*return this\\.parentDomain !== null\\s*\\}/)\n  })\n\n  it('★ draws no scope chips, and so no lineage line', () => {\n    /* The chips are the grid's `inherited` filter (FOOTER-BUTTON-REVIEW G09): owned but not drawn without a parent. */\n    expect(initialized).toMatch(/name: 'inherited',[\\s\\S]*?hidden: !inheriting,/)\n    expect(code.match(/this\\.renderLineage\\(\\)/g)).toHaveLength(1)\n    expect(code).toMatch(/\\$\\{this\\.hasParent\\(\\) \\? this\\.renderLineage\\(\\) : nothing\\}/)\n  })\n\n  it('★ leaves the source column and its list detail out', () => {\n    expect(initialized).toMatch(/const inheriting = this\\.hasParent\\(\\)/)\n    expect(initialized).toMatch(/details: inheriting \\? \\['privilegeCount', 'userCount', 'source'\\] : \\['privilegeCount', 'userCount'\\]/)\n    expect(initialized).toMatch(/\\.\\.\\.\\(inheriting\\s*\\?\\s*\\[\\s*\\{\\s*type: 'string',\\s*name: 'source',/)\n    expect(initialized.match(/name: 'source'/g)).toHaveLength(1)\n  })\n\n  it('counts the scopes only where there are scopes to count', () => {\n    expect(counting).toMatch(/^async countHandler\\([^)]*\\) \\{\\s*if \\(!this\\.hasParent\\(\\)\\) \\{\\s*return \\{\\}\\s*\\}/)\n  })\n})\n"]}

package/dist-client/pages/role/role-list-page.d.ts

@@ -52,16 +52,6 @@ export declare class RoleListPage extends RoleListPageBase {
      * 셋을 가르는 이유는 화면이 「모른다」와 「없다」를 다르게 그려야 하기 때문이다.
      */
     private parentDomain;
-    private scope;
-    /**
-     * 묶음마다 몇 건인가.
-     *
-     * 수를 함께 적는 이유는 **상속이 있다는 사실 자체가 보이게** 하는 것이다. 기본값을 「우리
-     * 역할」로 좁혀 놓으면, 수가 없으면 상속 9건이 존재하는지조차 모른다.
-     *
-     * `undefined` 는 「아직 못 셌다」다 — 0 으로 메우면 「없다」와 같아 보인다.
-     */
-    private counts;
     private grist;
     /**
      * 저장과 삭제를 **툴바**에 둔다.
@@ -90,20 +80,19 @@ export declare class RoleListPage extends RoleListPageBase {
             handler: () => void;
         };
         actions: {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            id: string;
             title: string;
             action: () => Promise<void>;
         }[];
     };
     render(): import("lit-html").TemplateResult<1>;
-    /**
-     * 세 묶음.
-     *
-     * **수를 함께 적는 것이 이 부품의 이유다.** 기본값을 「우리 역할」로 좁혀 두면 처음 화면이
-     * 깨끗한 대신 **상속 9건이 있다는 사실이 사라진다.** 수가 그것을 되돌려 놓는다.
-     *
-     * 아직 못 센 묶음은 수를 **안 그린다** — 0 으로 메우면 「없다」와 같아 보인다.
-     */
-    private renderScopes;
     /**
      * 어디에서 물려받나 — **어느 도메인인지**를 적는다. 그 역할을 고치러 가야 할 곳이다.
      *
@@ -121,15 +110,20 @@ export declare class RoleListPage extends RoleListPageBase {
      * 「없다」로 접지 않는다.
      */
     private hasParent;
-    private onScope;
     /**
-     * 세 묶음의 건수.
+     * 세 묶음의 건수 — the grid's `countHandler`, beside each chip of the `inherited` filter.
      *
      * 세 번 묻는다. 한 번에 셋을 세는 질의가 서버에 없고, 각각 `total` 만 받으므로 가볍다
-     * (UX 실측 158·566·684 bytes). 실패하면 **수를 안 그린다** — 틀린 수를 그리는 것보다
-     * 없는 것이 낫다.
-     */
-    private countScopes;
+     * (UX 실측 158·566·684 bytes). 실패한 묶음은 **수를 안 그린다** — 틀린 수를 그리는 것보다
+     * 없는 것이 낫다. A domain with no parent has no 묶음 to count.
+     */
+    countHandler(_option: FetchOption): Promise<{
+        inherited?: undefined;
+    } | {
+        inherited: {
+            [x: string]: any;
+        };
+    }>;
     /**
      * 목록 위에 겹쳐 그린다 — 격자를 떼면 다시 읽을 길이 없어진다.
      *
@@ -154,7 +148,6 @@ export declare class RoleListPage extends RoleListPageBase {
      */
     private sourceCell;
     pageInitialized(): Promise<void>;
-    pageUpdated(_changes: any, _lifecycle: any): Promise<void>;
     /**
      * 역할을 가져온다 — **권한 행은 받지 않는다.**
      *
@@ -172,7 +165,7 @@ export declare class RoleListPage extends RoleListPageBase {
      * `inherited` 는 화면이 고른 묶음을 그대로 넘긴다. 기본값이 「우리 역할」이라 처음 화면에
      * 못 고치는 행이 안 깔린다.
      */
-    fetchHandler({ filters, page, limit, sortings }: FetchOption): Promise<{
+    fetchHandler({ filters: asked, page, limit, sortings }: FetchOption): Promise<{
         records: any;
         total: any;
     }>;

package/dist-client/pages/role/role-list-page.js

@@ -8,15 +8,16 @@ import gql from 'graphql-tag';
 import { css, html, nothing } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { client, gqlContext } from '@operato/graphql';
-import { openPopup } from '@operato/layout';
+import { notify, openPopup } from '@operato/layout';
 import { OxPrompt } from '@operato/popup/ox-prompt.js';
 import { i18next, localize } from '@operato/i18n';
 import { p13n } from '@operato/p13n';
 import { InheritedValueType, navigate, PageView } from '@operato/shell';
-import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { CommonButtonStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
 import { isMobileDevice } from '@operato/utils';
 import { getDomain } from '@things-factory/auth-base/dist-client';
 import { standsInheritedRefusal } from '../../utils/inherited-name-refusal.js';
+import { roleQueryOf } from '../../utils/role-scope.js';
 /**
  * 역할 목록 — **보이는 것과 고칠 수 있는 것을 가른다.**
  *
@@ -69,25 +70,6 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
          * 셋을 가르는 이유는 화면이 「모른다」와 「없다」를 다르게 그려야 하기 때문이다.
          */
         this.parentDomain = undefined;
-        /*
-         * **어느 묶음을 보고 있나 — 기본값은 「우리 역할」이다.**
-         *
-         * 전에는 `Include` 로 열었다. 그러면 처음 화면에 **못 고치는 행 9개가 앞에 깔린다**
-         * (UX 실측: miratek 2 · system 9). `None` 으로 열면 처음 화면이 2행이고 **그 2행이 전부
-         * 고칠 수 있는 행**이다.
-         *
-         * 세 묶음은 서버에 이미 있다(`InheritedValueType`). 새로 만들 것이 없다.
-         */
-        this.scope = InheritedValueType.None;
-        /**
-         * 묶음마다 몇 건인가.
-         *
-         * 수를 함께 적는 이유는 **상속이 있다는 사실 자체가 보이게** 하는 것이다. 기본값을 「우리
-         * 역할」로 좁혀 놓으면, 수가 없으면 상속 9건이 존재하는지조차 모른다.
-         *
-         * `undefined` 는 「아직 못 셌다」다 — 0 으로 메우면 「없다」와 같아 보인다.
-         */
-        this.counts = {};
     }
     static { this.styles = [
         /* The frame owns the page shell; the grist is the content it sizes (ADR-0060 decision 8). */
@@ -103,17 +85,6 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
       }
 
 
-      /*
-        ── 세 묶음 ────────────────────────────────────────────────────────────
-        고른 것은 면으로 말한다. 글자색만 바꾸면 야간에 안 보인다.
-      */
-      [scopes] {
-        display: flex;
-        align-items: center;
-        gap: 4px;
-        flex-wrap: wrap;
-      }
-
       /*
         어디에서 물려받나 — 단추가 아니라 **사실을 적은 글**이다. 그래서 알약도 테두리도 없다.
         고르는 것과 읽는 것이 같은 모양이면 눌러 보게 된다.
@@ -126,40 +97,6 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
         color: var(--md-sys-color-on-surface-variant);
       }
 
-      button[scope] {
-        display: inline-flex;
-        align-items: baseline;
-        gap: 5px;
-        padding: 5px 12px;
-        font: var(--label-font, inherit);
-        font-size: 0.82rem;
-        color: var(--md-sys-color-on-surface-variant);
-        background-color: transparent;
-        border: 1px solid var(--md-sys-color-outline-variant);
-        border-radius: var(--md-sys-shape-corner-full, 999px);
-        cursor: pointer;
-        white-space: nowrap;
-      }
-
-      button[scope]:hover {
-        background-color: var(--md-sys-color-surface-variant);
-      }
-
-      button[scope][active] {
-        color: var(--md-sys-color-on-secondary-container);
-        background-color: var(--md-sys-color-secondary-container);
-        border-color: var(--md-sys-color-secondary-container);
-      }
-
-      button[scope] [count] {
-        font-size: 0.78rem;
-        color: var(--md-sys-color-outline);
-      }
-
-      button[scope][active] [count] {
-        color: var(--md-sys-color-on-secondary-container);
-      }
-
       /*
        * 새 역할 단추 — **옆에 선 것들을 따라간다.**
        *
@@ -233,8 +170,9 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
                 }
             },
             actions: [
-                { title: i18next.t('button.save'), action: this.onSaveGrid.bind(this) },
-                { title: i18next.t('button.delete'), action: this.onDeleteGrid.bind(this) }
+                /* Roles start in 「역할 추가」 above the list; here the rows are renamed and deleted. 저장 is the main action. */
+                { id: 'delete', title: i18next.t('button.delete'), action: this.onDeleteGrid.bind(this), ...CommonButtonStyles.delete },
+                { id: 'save', title: i18next.t('button.save'), action: this.onSaveGrid.bind(this), ...CommonButtonStyles.save }
             ]
         };
     }
@@ -245,14 +183,15 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
         .mode=${this.mode}
         .config=${this.config}
         .fetchHandler=${this.fetchHandler.bind(this)}
+        .countHandler=${this.countHandler.bind(this)}
         .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')}
+        ?url-params-sensitive=${this.active}
       >
         <div slot="headroom" class="header">
           <div class="filters">
-            ${this.renderScopes()}
-
             <!-- 찾기는 제목 줄이 갖는다(context.search). 폼이 자기 검색칸을 또 그리면 둘이 된다. -->
             <ox-filters-form without-search></ox-filters-form>
+            ${this.hasParent() ? this.renderLineage() : nothing}
 
             <!--
               여기 ox-record-creator 가 있었다 — 목록에 빈 줄을 만들고 이름을 치게 하는
@@ -270,35 +209,6 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
       ${this.renderNote()}
     `;
     }
-    /**
-     * 세 묶음.
-     *
-     * **수를 함께 적는 것이 이 부품의 이유다.** 기본값을 「우리 역할」로 좁혀 두면 처음 화면이
-     * 깨끗한 대신 **상속 9건이 있다는 사실이 사라진다.** 수가 그것을 되돌려 놓는다.
-     *
-     * 아직 못 센 묶음은 수를 **안 그린다** — 0 으로 메우면 「없다」와 같아 보인다.
-     */
-    renderScopes() {
-        if (!this.hasParent()) {
-            return nothing;
-        }
-        const scopes = [
-            [InheritedValueType.None, 'label.ours'],
-            [InheritedValueType.Only, 'label.inherited'],
-            [InheritedValueType.Include, 'label.all']
-        ];
-        return html `
-      <div scopes>
-        ${scopes.map(([scope, key]) => html `
-            <button scope ?active=${this.scope === scope} @click=${() => this.onScope(scope)}>
-              ${i18next.t(key)}
-              ${this.counts[scope] === undefined ? nothing : html `<span count>${this.counts[scope]}</span>`}
-            </button>
-          `)}
-        ${this.renderLineage()}
-      </div>
-    `;
-    }
     /**
      * 어디에서 물려받나 — **어느 도메인인지**를 적는다. 그 역할을 고치러 가야 할 곳이다.
      *
@@ -321,21 +231,17 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
     hasParent() {
         return this.parentDomain !== null;
     }
-    onScope(scope) {
-        if (this.scope === scope) {
-            return;
-        }
-        this.scope = scope;
-        this.grist.fetch();
-    }
     /**
-     * 세 묶음의 건수.
+     * 세 묶음의 건수 — the grid's `countHandler`, beside each chip of the `inherited` filter.
      *
      * 세 번 묻는다. 한 번에 셋을 세는 질의가 서버에 없고, 각각 `total` 만 받으므로 가볍다
-     * (UX 실측 158·566·684 bytes). 실패하면 **수를 안 그린다** — 틀린 수를 그리는 것보다
-     * 없는 것이 낫다.
+     * (UX 실측 158·566·684 bytes). 실패한 묶음은 **수를 안 그린다** — 틀린 수를 그리는 것보다
+     * 없는 것이 낫다. A domain with no parent has no 묶음 to count.
      */
-    async countScopes() {
+    async countHandler(_option) {
+        if (!this.hasParent()) {
+            return {};
+        }
         const scopes = [InheritedValueType.None, InheritedValueType.Only, InheritedValueType.Include];
         const counted = await Promise.all(scopes.map(async (scope) => {
             const response = await client.query({
@@ -346,16 +252,14 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
               }
             }
           `,
-                variables: { inherited: scope }
+                variables: { inherited: scope },
+                fetchPolicy: 'no-cache'
             });
             return [scope, response.errors?.length ? undefined : response.data?.roles?.total];
         }));
-        this.counts = counted.reduce((counts, [scope, total]) => {
-            if (total !== undefined) {
-                counts[scope] = total;
-            }
-            return counts;
-        }, {});
+        return {
+            inherited: counted.reduce((counts, [scope, total]) => (total === undefined ? counts : { ...counts, [scope]: total }), {})
+        };
     }
     /**
      * 목록 위에 겹쳐 그린다 — 격자를 떼면 다시 읽을 길이 없어진다.
@@ -424,9 +328,6 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
          * 안 적는다. 「모른다」를 「없다」로 접지 않는다.
          */
         this.parentDomain = mine && 'parent' in mine ? mine.parent : undefined;
-        if (this.hasParent()) {
-            this.countScopes();
-        }
         const inheriting = this.hasParent();
         this.config = {
             /*
@@ -445,6 +346,29 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
             },
             columns: [
                 { type: 'gutter', gutterName: 'sequence', fixed: true },
+                {
+                    /*
+                     * 세 묶음 — no column shows it, so a hidden one carries the filter: chips with each 묶음's count, 「우리 역할」 by
+                     * default. A domain that inherits nothing draws no chips (`hidden`), as it draws no lineage or source column.
+                     */
+                    type: 'string',
+                    name: 'inherited',
+                    header: i18next.t('field.source'),
+                    hidden: true,
+                    record: { editable: false },
+                    filter: {
+                        type: 'select-buttons',
+                        operator: 'eq',
+                        label: '',
+                        value: InheritedValueType.None,
+                        hidden: !inheriting,
+                        options: [
+                            { value: InheritedValueType.None, display: i18next.t('label.ours') },
+                            { value: InheritedValueType.Only, display: i18next.t('label.inherited') },
+                            { value: InheritedValueType.Include, display: i18next.t('label.all') }
+                        ]
+                    }
+                },
                 /* 지우기가 고른 행에 닿는다 — 고르는 칸이 없으면 「삭제」는 무엇을 지우는지 말할 수 없다. */
                 { type: 'gutter', gutterName: 'row-selector', multiple: true, fixed: true },
                 {
@@ -601,12 +525,7 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
             sorters: [{ name: 'name' }]
         };
     }
-    async pageUpdated(_changes, _lifecycle) {
-        if (this.active) {
-            await this.updateComplete;
-            this.grist.fetch();
-        }
-    }
+    /* No read on activation here: the list is bound to the address and reads itself whenever the page becomes active. */
     /**
      * 역할을 가져온다 — **권한 행은 받지 않는다.**
      *
@@ -624,7 +543,8 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
      * `inherited` 는 화면이 고른 묶음을 그대로 넘긴다. 기본값이 「우리 역할」이라 처음 화면에
      * 못 고치는 행이 안 깔린다.
      */
-    async fetchHandler({ filters = [], page, limit, sortings = [] }) {
+    async fetchHandler({ filters: asked = [], page, limit, sortings = [] }) {
+        const { filters, inherited } = roleQueryOf(asked);
         this.fetchState = 'loading';
         this.filtered = filters.length > 0;
         try {
@@ -673,7 +593,7 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
                     filters,
                     pagination: { page, limit },
                     sortings: sortings.length ? sortings : [{ name: 'name' }],
-                    inherited: this.scope
+                    inherited: inherited
                 }
             })).data.responses;
             this.total = response.total;
@@ -703,6 +623,7 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
     async onSaveGrid() {
         const dirty = this.grist.dirtyRecords;
         if (!dirty?.length) {
+            notify({ level: 'info', message: i18next.t('text.nothing-to-save') });
             return;
         }
         const patches = dirty.map((record) => {
@@ -984,14 +905,6 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], RoleListPage.prototype, "parentDomain", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", String)
-], RoleListPage.prototype, "scope", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], RoleListPage.prototype, "counts", void 0);
 __decorate([
     query('ox-grist'),
     __metadata("design:type", Function)