npm - @things-factory/auth-ui - Versions diffs - 10.1.27 → 10.1.28 - Mend

@things-factory/auth-ui 10.1.27 → 10.1.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/dist-client/pages/partner/partner-management.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"partner-management.js","sourceRoot":"","sources":["../../../client/pages/partner/partner-management.ts"],"names":[],"mappings":";AAAA,OAAO,8BAA8B,CAAA;AACrC,OAAO,sCAAsC,CAAA;AAC7C,OAAO,uCAAuC,CAAA;AAC9C,OAAO,yCAAyC,CAAA;AAChD,OAAO,qCAAqC,CAAA;AAE5C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;~~AAGzC~~,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,QAAQ;IAAxC;;QAc6B,cAAS,GAAU,EAAE,CAAA;QACrB,YAAO,GAAU,EAAE,CAAA;QAC9C,sEAAsE;QAC7D,YAAO,GAAG,KAAK,CAAA;QACxB,uGAAuG;QAC9F,cAAS,GAAY,IAAI,CAAA;~~IA2EpC~~,CAAC;~~aA9FmD~~,WAAM,GAAG;QACzD,GAAG,CAAA~~;;;;;;;;;;KAUF~~;KACF,AAZuD,CAYvD;IASD,IAAI,OAAO;QAAS,OAAO,EAAQ,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE;YACtE,IAAI,EAAE,sBAAsB;SAChC,CAAA;IACD,CAAC;IAEA,MAAM;QAAS,MAAM,IAAI,GAAG,EAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE;YACpF,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;SACpD,CAAA;QAEE,OAAO,IAAI,CAAA;gCACiB,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,SAAS,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE~~;;iBAE3F~~,IAAI;4BACO,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE,CAAC,IAAI,CAAA;YAC7C,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC;YAC9C,CAAC,CAAC,IAAI,CAAA;;;+BAGa,IAAI;yCACM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;eAEzD;YACH,CAAC,CAAC,IAAI,CAAA,gCAAgC,IAAI,wBAAwB;SACrE;;;;;qBAKY,IAAI,CAAC,SAAS,IAAI,EAAE;gCACT,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;KAG1D,CAAA;IACJ,CAAC;IAEA,WAAW;QAAS,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAAO,IAAI,CAAC,eAAe,EAAE,CAAA;QACpE,CAAC;aAAM,CAAC,CAAO,8BAA8B;QAC7C,CAAC;IACD,CAAC;IAEA,KAAK,CAAC,eAAe;QACnB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAA;QAChF,IAAI,QAAa,CAAA;QACjB,IAAI,CAAC;YACH,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,EAAQ,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;OAU/C;gBACD,OAAO,EAAE,UAAU,EAAE;aACzB,CAAC,CAAA;QACC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;YACtB,OAAM;QACR,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;QAED,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;YAC5B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAA;YAChC,OAAM;QACR,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QACrB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAA;QACxC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;IACvC,CAAC;;~~AA/E2B~~;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;oDAAsB;AACrB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;kDAAoB;AAErC;IAAR,KAAK,EAAE;;kDAAgB;AAEf;IAAR,KAAK,EAAE;;oDAA0B;AAnB9B,iBAAiB;IADtB,aAAa,CAAC,oBAAoB,CAAC;GAC9B,iBAAiB,~~CA8FtB~~","sourcesContent":["import '@things-factory/component-ui'\nimport '@operato/list-state/ox-page-state.js'\nimport '../../components/partner-info-card.js'\nimport '../../components/partner-role-editor.js'\nimport '../../components/invite-customer.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { client, gqlContext } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\n\n@customElement('partner-management')\nclass PartnerManagement extends PageView { static styles = [\n css`\n ~~:host~~ ~~{ display:~~ ~~flex;\n flex-direction:~~ ~~column;\~~n ~~background-color~~: ~~var(--md-sys-color-background);\~~n padding: var(--spacing-large);\n\n ~~overflow: auto;\n }~~\n .role-editor { flex: 1;\n }\n `\n ]\n\n @property({ type: Array }) customers: any[] = []\n @property({ type: Array }) vendors: any[] = []\n /** The first read; a refresh keeps the partners already on screen. /\n @state() loading = false\n /* Why the partners could not be read. It was dropped before, so a failure looked like no partners. /\n @state() loadError: unknown = null\n\n get context() { return { title: `${i18next.t('title.partners')}`,\n help: 'operato-hub/partners'\n }\n }\n\n render() { const data = { [i18next.t('label.customers')]: this.customers \|\| [],\n [i18next.t('label.vendors')]: this.vendors \|\| []\n }\n\n return html`\n <ox-page-state .loading=${this.loading} .error=${this.loadError} @retry=${() => this.refreshPartners()}>\n <quick-find-list\n .data=\"${data}\"\n .contentRenderer=\"${(item, currentTabKey) => html`\n ${currentTabKey === i18next.t('label.customers')\n ? html`\n <partner-role-editor\n class=\"role-editor\"\n .customer=\"${item}\"\n @contractTerminated=\"${this.refreshPartners.bind(this)}\"\n ></partner-role-editor>\n `\n : html`<partner-info-card .partner=\"${item}\"></partner-info-card>`}\n `}\"\n >\n </quick-find-list>\n\n <invite-customer\n .customers=${this.customers \|\| []}\n @invitationCompleted=\"${this.refreshPartners.bind(this)}\"\n ></invite-customer>\n </ox-page-state>\n `\n }\n\n pageUpdated() { if (this.active) { this.refreshPartners()\n } else { / this page is deactivated */\n }\n }\n\n async refreshPartners() {\n this.loading = !this.customers.length && !this.vendors.length && !this.loadError\n let response: any\n try {\n response = await client.query({ query: gql`\n query { customers { id\n name\n description\n }\n vendors { id\n name\n description\n }\n }\n `,\n context: gqlContext()\n })\n } catch (error) {\n this.loadError = error\n return\n } finally {\n this.loading = false\n }\n\n if (response.errors?.length) {\n this.loadError = response.errors\n return\n }\n\n this.loadError = null\n this.customers = response.data.customers\n this.vendors = response.data.vendors\n }\n}\n"]}
1	+ {"version":3,"file":"partner-management.js","sourceRoot":"","sources":["../../../client/pages/partner/partner-management.ts"],"names":[],"mappings":";AAAA,OAAO,8BAA8B,CAAA;AACrC,OAAO,sCAAsC,CAAA;AAC7C,OAAO,uCAAuC,CAAA;AAC9C,OAAO,yCAAyC,CAAA;AAChD,OAAO,qCAAqC,CAAA;AAE5C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAGvD,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,QAAQ;IAAxC;;QAc6B,cAAS,GAAU,EAAE,CAAA;QACrB,YAAO,GAAU,EAAE,CAAA;QAC9C,sEAAsE;QAC7D,YAAO,GAAG,KAAK,CAAA;QACxB,uGAAuG;QAC9F,cAAS,GAAY,IAAI,CAAA;IA4EpC,CAAC;aA/FmD,WAAM,GAAG;QACzD,mGAAmG;QACnG,qBAAqB;QACrB,GAAG,CAAA;;;;;;;;KAQF;KACF,AAZuD,CAYvD;IASD,IAAI,OAAO;QAAS,OAAO,EAAQ,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE;YACtE,IAAI,EAAE,sBAAsB;SAChC,CAAA;IACD,CAAC;IAEA,MAAM;QAAS,MAAM,IAAI,GAAG,EAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE;YACpF,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;SACpD,CAAA;QAEE,OAAO,IAAI,CAAA;gCACiB,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,SAAS,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;;;iBAG3F,IAAI;4BACO,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE,CAAC,IAAI,CAAA;YAC7C,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC;YAC9C,CAAC,CAAC,IAAI,CAAA;;;+BAGa,IAAI;yCACM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;eAEzD;YACH,CAAC,CAAC,IAAI,CAAA,gCAAgC,IAAI,wBAAwB;SACrE;;;;;qBAKY,IAAI,CAAC,SAAS,IAAI,EAAE;gCACT,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;KAG1D,CAAA;IACJ,CAAC;IAEA,WAAW;QAAS,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAAO,IAAI,CAAC,eAAe,EAAE,CAAA;QACpE,CAAC;aAAM,CAAC,CAAO,8BAA8B;QAC7C,CAAC;IACD,CAAC;IAEA,KAAK,CAAC,eAAe;QACnB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAA;QAChF,IAAI,QAAa,CAAA;QACjB,IAAI,CAAC;YACH,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,EAAQ,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;OAU/C;gBACD,OAAO,EAAE,UAAU,EAAE;aACzB,CAAC,CAAA;QACC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;YACtB,OAAM;QACR,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;QAED,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;YAC5B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAA;YAChC,OAAM;QACR,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QACrB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAA;QACxC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;IACvC,CAAC;;AAhF2B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;oDAAsB;AACrB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;kDAAoB;AAErC;IAAR,KAAK,EAAE;;kDAAgB;AAEf;IAAR,KAAK,EAAE;;oDAA0B;AAnB9B,iBAAiB;IADtB,aAAa,CAAC,oBAAoB,CAAC;GAC9B,iBAAiB,CA+FtB","sourcesContent":["import '@things-factory/component-ui'\nimport '@operato/list-state/ox-page-state.js'\nimport '../../components/partner-info-card.js'\nimport '../../components/partner-role-editor.js'\nimport '../../components/invite-customer.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { client, gqlContext } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { WorkSurfacePageStyles } from '@operato/styles'\n\n@customElement('partner-management')\nclass PartnerManagement extends PageView { static styles = [\n /* The frame owns the page shell (ADR-0060 decision 8). `quick-find-list` scrolls inside itself. /\n WorkSurfacePageStyles,\n css`\n / The card list is a bordered panel with a shadow, so it keeps a gutter off the window edge. /\n :host {\n padding: var(--spacing-large);\n }\n\n .role-editor { flex: 1;\n }\n `\n ]\n\n @property({ type: Array }) customers: any[] = []\n @property({ type: Array }) vendors: any[] = []\n /* The first read; a refresh keeps the partners already on screen. /\n @state() loading = false\n /* Why the partners could not be read. It was dropped before, so a failure looked like no partners. /\n @state() loadError: unknown = null\n\n get context() { return { title: `${i18next.t('title.partners')}`,\n help: 'operato-hub/partners'\n }\n }\n\n render() { const data = { [i18next.t('label.customers')]: this.customers \|\| [],\n [i18next.t('label.vendors')]: this.vendors \|\| []\n }\n\n return html`\n <ox-page-state .loading=${this.loading} .error=${this.loadError} @retry=${() => this.refreshPartners()}>\n <quick-find-list\n class=\"page-fill\"\n .data=\"${data}\"\n .contentRenderer=\"${(item, currentTabKey) => html`\n ${currentTabKey === i18next.t('label.customers')\n ? html`\n <partner-role-editor\n class=\"role-editor\"\n .customer=\"${item}\"\n @contractTerminated=\"${this.refreshPartners.bind(this)}\"\n ></partner-role-editor>\n `\n : html`<partner-info-card .partner=\"${item}\"></partner-info-card>`}\n `}\"\n >\n </quick-find-list>\n\n <invite-customer\n .customers=${this.customers \|\| []}\n @invitationCompleted=\"${this.refreshPartners.bind(this)}\"\n ></invite-customer>\n </ox-page-state>\n `\n }\n\n pageUpdated() { if (this.active) { this.refreshPartners()\n } else { / this page is deactivated */\n }\n }\n\n async refreshPartners() {\n this.loading = !this.customers.length && !this.vendors.length && !this.loadError\n let response: any\n try {\n response = await client.query({ query: gql`\n query { customers { id\n name\n description\n }\n vendors { id\n name\n description\n }\n }\n `,\n context: gqlContext()\n })\n } catch (error) {\n this.loadError = error\n return\n } finally {\n this.loading = false\n }\n\n if (response.errors?.length) {\n this.loadError = response.errors\n return\n }\n\n this.loadError = null\n this.customers = response.data.customers\n this.vendors = response.data.vendors\n }\n}\n"]}

package/dist-client/pages/profile.js CHANGED Viewed

@@ -1,21 +1,16 @@
 import { __decorate } from "tslib";
 import '../components/profile-component.js';
-import { css, html } from 'lit';
+import { html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { i18next, localize } from '@operato/i18n';
 import { PageView } from '@operato/shell';
-import { ScrollbarStyles } from '@operato/styles';
+import { DocumentPageStyles, ScrollbarStyles } from '@operato/styles';
 let AuthProfile = class AuthProfile extends localize(i18next)(PageView) {
-    static { this.styles = [
-        ScrollbarStyles,
-        css `
-      :host {
-        display: block;
-        background-color: var(--md-sys-color-background);
-        overflow-y: auto;
-      }
-    `
-    ]; }
+    /*
+     * The frame owns the page shell (ADR-0060 decision 8). `profile-component` centres its own
+     * column, so this screen adds no `.page` of its own on top of it.
+     */
+    static { this.styles = [DocumentPageStyles, ScrollbarStyles]; }
     get context() {
         return {
             title: i18next.t('text.auth profile')

package/dist-client/pages/profile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"profile.js","sourceRoot":"","sources":["../../client/pages/profile.ts"],"names":[],"mappings":";AAAA,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,~~GAAG,EAAE,~~IAAI,EAAE,MAAM,KAAK,CAAA;~~AAC/B~~,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;~~AAG1C~~,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;~~aACnD~~,WAAM,GAAG~~;QACd~~,eAAe~~;QACf~~,~~GAAG~~,~~CAAA;;;;;;KAMF;KACF~~,~~AATY,CASZ~~;~~IAED~~,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;SACtC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,2CAA2C,CAAA;IACxD,CAAC;;~~AApBU~~,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,~~CAqBvB~~","sourcesContent":["import '../components/profile-component.js'\n\nimport { ~~css,~~ html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('auth-profile')\nexport class AuthProfile extends localize(i18next)(PageView) {\n ~~static~~ ~~styles~~ = ~~[\n ScrollbarStyles,\n css`\n :host~~ ~~{\n display:~~ ~~block;\n background-color:~~ ~~var~~(~~--md~~-~~sys-color-background~~)~~;\n overflow~~-y: ~~auto;\n }~~\n `\n ]\n\n get context() {\n return {\n title: i18next.t('text.auth profile')\n }\n }\n\n render() {\n return html` <profile-component></profile-component> `\n }\n}\n"]}
1	+ {"version":3,"file":"profile.js","sourceRoot":"","sources":["../../client/pages/profile.ts"],"names":[],"mappings":";AAAA,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG9D,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAC1D;;;OAGG;aACI,WAAM,GAAG,CAAC,kBAAkB,EAAE,eAAe,CAAC,AAAxC,CAAwC;IAErD,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;SACtC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,2CAA2C,CAAA;IACxD,CAAC;;AAfU,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAgBvB","sourcesContent":["import '../components/profile-component.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { DocumentPageStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('auth-profile')\nexport class AuthProfile extends localize(i18next)(PageView) {\n /\n The frame owns the page shell (ADR-0060 decision 8). `profile-component` centres its own\n * column, so this screen adds no `.page` of its own on top of it.\n */\n static styles = [DocumentPageStyles, ScrollbarStyles]\n\n get context() {\n return {\n title: i18next.t('text.auth profile')\n }\n }\n\n render() {\n return html` <profile-component></profile-component> `\n }\n}\n"]}

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

@@ -11,7 +11,7 @@ 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 } from '@operato/styles';
+import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
 import { isMobileDevice } from '@operato/utils';
 import { getDomain } from '@things-factory/auth-base/dist-client';
 /**
@@ -87,24 +87,18 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
         this.counts = {};
     }
     static { this.styles = [
+        /* The frame owns the page shell; the grist is the content it sizes (ADR-0060 decision 8). */
+        WorkSurfacePageStyles,
         ScrollbarStyles,
         CommonGristStyles,
         CommonHeaderStyles,
         css `
       :host {
-        display: flex;
-        flex-direction: column;
-        width: 100%;
         background-color: var(--md-sys-color-surface);
         color: var(--md-sys-color-on-surface);
         position: relative;
       }
-      ox-grist {
-        flex: 1;
-        min-height: 0;
-      }
       /* 요약 배지 — 색은 짝으로, 그리고 「무엇이 나를 기다리나」에만 쓴다. */
       .badge {
         display: inline-block;
@@ -259,6 +253,7 @@ let RoleListPage = class RoleListPage extends RoleListPageBase {
     render() {
         return html `
       <ox-grist
+        class="page-fill"
         .mode=${this.mode}
         .config=${this.config}
         .fetchHandler=${this.fetchHandler.bind(this)}

package/dist-client/pages/role/role-list-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"role-list-page.js","sourceRoot":"","sources":["../../../client/pages/role/role-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\nimport '@operato/oops/ox-oops-note.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport type { CSSResultGroup } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client, gqlContext } from '@operato/graphql'\nimport { openPopup } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { i18next, localize } from '@operato/i18n'\nimport { p13n } from '@operato/p13n'\nimport { InheritedValueType, navigate, PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { getDomain } from '@things-factory/auth-base/dist-client'\n\nimport type { DataGrist, FetchOption } from '@operato/data-grist'\n\n/*\n 역할 목록 — 보이는 것과 고칠 수 있는 것을 가른다.\n \n ── 옛 화면이 하던 것 (`pages/role/role-management.ts`) ──────────────────────\n * `quick-find-list` 안에 역할을 늘어놓고, 펼치면 그 안에 이름 입력칸과 84줄의 권한 체크박스가\n * 함께 있었다. 그 구조에서 셋이 났다.\n \n ① 이름 입력이 매 글자마다 페이지로 올라가 모든 편집기에 공유됐다 — A 를 고치고 B 를\n * 저장하면 B 의 이름이 A 가 됐다. 지금은 이름·설명을 격자에서 고친다.\n * ② 목록에 권한이 하나도 안 보였다. 「이 역할이 무엇을 여나」를 알려면 펼쳐야 했다.\n * ③ 한도도 쪽 나누기도 없었다.\n \n ── 상속이 이 화면의 중심이다 ───────────────────────────────────────────────\n * 목록은 부모 도메인의 역할까지 보여 준다 — 부여할 수 있는 범위가 그것이기 때문이다.\n * 그런데 그 행은 여기서 못 고친다(`updateRole` 이 `domain.id` 하나로 좁혀 찾는다).\n \n 전에는 `Include` 로 열어서 못 고치는 9행이 고칠 수 있는 2행 앞에 깔렸다(UX 실측).\n * 지금은 「우리 역할」로 열고, 세 묶음의 수를 함께 적어 상속이 있다는 사실 자체는 남긴다.\n * 편집도 `editable` 함수로 상속 행에서 닫고, 삭제도 상속 행을 안 보낸다.\n \n ── 권한은 수만 낸다 ────────────────────────────────────────────────────────\n * 전에는 `activity 쓰기 · activity-instance 쓰기·읽기` 식으로 잘린 코드 용어를 그렸고, 그것을\n * 그리려고 권한 행을 받았다(UX 실측 5,731 bytes · 69ms 대 518 bytes · 7ms). 지금은\n * `privilegeCount` 하나를 받는다. 권한 편집으로 가는 문은 버튼 gutter 칸이 진다 —\n * 눌리는 숫자는 손잡이로 보이지 않는다.\n /\nconst RoleListPageBase = p13n(localize(i18next)(PageView))\n\n@customElement('role-list-page')\nexport class RoleListPage extends RoleListPageBase {\n static styles: CSSResultGroup = [\n ScrollbarStyles,\n CommonGristStyles,\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n width: 100%;\n background-color: var(--md-sys-color-surface);\n color: var(--md-sys-color-on-surface);\n position: relative;\n }\n\n ox-grist {\n flex: 1;\n min-height: 0;\n }\n\n / 요약 배지 — 색은 짝으로, 그리고 「무엇이 나를 기다리나」에만 쓴다. /\n .badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: var(--md-sys-shape-corner-small, 6px);\n font-size: 0.78rem;\n white-space: nowrap;\n background-color: var(--md-sys-color-surface-variant);\n color: var(--md-sys-color-on-surface-variant);\n }\n .badge[attention] {\n background-color: var(--md-sys-color-error-container);\n color: var(--md-sys-color-on-error-container);\n }\n / 「우리」는 기본 상태다 — 색을 쓰면 색이 아무것도 말하지 않게 된다. /\n .badge[quiet] {\n background-color: transparent;\n color: var(--md-sys-color-outline);\n }\n\n /\n ── 세 묶음 ────────────────────────────────────────────────────────────\n 고른 것은 면으로 말한다. 글자색만 바꾸면 야간에 안 보인다.\n /\n [scopes] {\n display: flex;\n align-items: center;\n gap: 4px;\n flex-wrap: wrap;\n }\n\n /\n 어디에서 물려받나 — 단추가 아니라 사실을 적은 글이다. 그래서 알약도 테두리도 없다.\n 고르는 것과 읽는 것이 같은 모양이면 눌러 보게 된다.\n\n 단추 줄에서 한 칸 떨어뜨린다. 붙여 두면 네 번째 단추로 보인다.\n /\n [lineage] {\n margin-left: 8px;\n font-size: 0.78rem;\n color: var(--md-sys-color-on-surface-variant);\n }\n\n button[scope] {\n display: inline-flex;\n align-items: baseline;\n gap: 5px;\n padding: 5px 12px;\n font: var(--label-font, inherit);\n font-size: 0.82rem;\n color: var(--md-sys-color-on-surface-variant);\n background-color: transparent;\n border: 1px solid var(--md-sys-color-outline-variant);\n border-radius: var(--md-sys-shape-corner-full, 999px);\n cursor: pointer;\n white-space: nowrap;\n }\n\n button[scope]:hover {\n background-color: var(--md-sys-color-surface-variant);\n }\n\n button[scope][active] {\n color: var(--md-sys-color-on-secondary-container);\n background-color: var(--md-sys-color-secondary-container);\n border-color: var(--md-sys-color-secondary-container);\n }\n\n button[scope] [count] {\n font-size: 0.78rem;\n color: var(--md-sys-color-outline);\n }\n\n button[scope][active] [count] {\n color: var(--md-sys-color-on-secondary-container);\n }\n\n /\n * 새 역할 단추 — 옆에 선 것들을 따라간다.\n \n 이 줄에는 알약 범위 단추 셋과 검색이 서 있다. 그 사이에서 이것만 네모난 기본 단추면\n * 같은 줄의 문법이 깨진다. 범위 단추와 같은 모서리·같은 테두리를 쓰되, 여는 일이므로\n * 채워서 한 단 앞으로 낸다 — 나머지는 거르는 일이고 이것만 만드는 일이다.\n /\n button[add] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 5px 10px;\n color: var(--md-sys-color-on-secondary-container);\n background-color: var(--md-sys-color-secondary-container);\n border: 1px solid transparent;\n border-radius: var(--md-sys-shape-corner-full, 999px);\n cursor: pointer;\n margin-left: auto;\n }\n\n button[add]:hover {\n background-color: var(--md-sys-color-secondary);\n color: var(--md-sys-color-on-secondary);\n }\n\n button[add] md-icon {\n --md-icon-size: 18px;\n }\n\n ox-oops-note[note] {\n position: absolute;\n inset: 0;\n z-index: 5;\n background-color: var(--md-sys-color-surface);\n }\n `\n ]\n\n @property({ type: Object }) config: any\n @property({ type: String }) mode: 'CARD' \| 'GRID' \| 'LIST' = isMobileDevice() ? 'LIST' : 'GRID'\n\n / 읽는 중 · 못 읽었다 · 읽었는데 없다 를 가른다. /\n @state() private fetchState: 'loading' \| 'failed' \| 'loaded' = 'loading'\n @state() private total: number = 0\n @state() private filtered: boolean = false\n\n /\n * 지금 어느 도메인에 있나.\n \n 목록은 상속으로 부모 도메인의 역할까지 보여 준다 — 실제로 부여할 수 있는 범위가 그것이기\n * 때문이다. 그런데 그 행은 여기서 못 고친다(`updateRole`·`updateMultipleRole` 이\n * `domain.id` 하나로 좁혀 찾는다). 그래서 편집을 열어 두면 안 된다.\n \n 프로필의 `domain` 에는 `id` 가 없어서(`auth-private-process-router.ts`) `subdomain` 으로\n * 견준다 — 두 도메인이 같은 subdomain 을 가질 수 없으므로 id 와 같은 답이다.\n /\n @state() private mySubdomain: string = ''\n\n /\n 물려받는 곳. `null` 이면 최상위, `undefined` 면 아직 안 읽었다.\n \n 셋을 가르는 이유는 화면이 「모른다」와 「없다」를 다르게 그려야 하기 때문이다.\n /\n @state() private parentDomain: { name?: string; subdomain?: string } \| null \| undefined = undefined\n\n /\n * 어느 묶음을 보고 있나 — 기본값은 「우리 역할」이다.\n \n 전에는 `Include` 로 열었다. 그러면 처음 화면에 못 고치는 행 9개가 앞에 깔린다\n * (UX 실측: miratek 2 · system 9). `None` 으로 열면 처음 화면이 2행이고 *그 2행이 전부\n 고칠 수 있는 행*이다.\n \n * 세 묶음은 서버에 이미 있다(`InheritedValueType`). 새로 만들 것이 없다.\n /\n @state() private scope: InheritedValueType = InheritedValueType.None\n\n /\n 묶음마다 몇 건인가.\n \n 수를 함께 적는 이유는 상속이 있다는 사실 자체가 보이게 하는 것이다. 기본값을 「우리\n * 역할」로 좁혀 놓으면, 수가 없으면 상속 9건이 존재하는지조차 모른다.\n \n `undefined` 는 「아직 못 셌다」다 — 0 으로 메우면 「없다」와 같아 보인다.\n /\n @state() private counts: Partial<Record<InheritedValueType, number>> = {}\n\n @query('ox-grist') private grist!: DataGrist\n\n /\n 저장과 삭제를 툴바에 둔다.\n \n 격자에서 고치는 화면들의 관례다(`fiscal-quarter-list-page` 외). 격자 안 편집은 여러 줄을\n * 한꺼번에 고치므로, 줄마다 저장 단추를 두면 어디를 눌러야 하는지가 사라진다.\n /\n /\n 찾기는 제목 줄에 선다 — 셸이 그 자리를 모든 화면에 같은 모양으로 둔다.\n \n 이 페이지는 한동안 `ox-filters-form` 을 헤드룸의 칩 줄에 직접 끼워 넣고 있었다. 그래서\n * 돋보기가 범위 칩과 만들기 단추 사이에 끼어, 같은 앱의 다른 목록과 찾기 자리가 달랐다\n * (`env-var-list-page` 외 auth-ui 목록 다섯이 전부 아래 모양이다).\n \n 둘은 대안이 아니라 다른 것이다 — `search` 는 목록 전체를 훑는 글자 찾기이고,\n * `filter` 는 칸별 조건 폼을 접었다 펴는 것이다. 표준 화면은 둘 다 선언한다.\n /\n get context() {\n return {\n title: i18next.t('text.role_management'),\n help: 'auth/roles',\n search: {\n handler: (search: string) => {\n this.grist.searchText = search\n },\n value: this.grist?.searchText \|\| ''\n },\n filter: {\n handler: () => {\n this.grist.toggleHeadroom()\n }\n },\n actions: [\n { title: i18next.t('button.save'), action: this.onSaveGrid.bind(this) },\n { title: i18next.t('button.delete'), action: this.onDeleteGrid.bind(this) }\n ]\n }\n }\n\n render() {\n return html`\n <ox-grist\n .mode=${this.mode}\n .config=${this.config}\n .fetchHandler=${this.fetchHandler.bind(this)}\n .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}\n >\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n ${this.renderScopes()}\n\n <!-- 찾기는 제목 줄이 갖는다(context.search). 폼이 자기 검색칸을 또 그리면 둘이 된다. -->\n <ox-filters-form without-search></ox-filters-form>\n\n <!--\n 여기 ox-record-creator 가 있었다 — 목록에 빈 줄을 만들고 이름을 치게 하는\n 관례(24 파일)다. 걷어낸 이유는 openCreate 의 머리말에 있다.\n -->\n <button add @click=${() => this.openCreate()} title=${i18next.t('button.create')}>\n <md-icon>add</md-icon>\n </button>\n </div>\n </div>\n\n <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n </ox-grist>\n\n ${this.renderNote()}\n `\n }\n\n /\n 세 묶음.\n \n 수를 함께 적는 것이 이 부품의 이유다. 기본값을 「우리 역할」로 좁혀 두면 처음 화면이\n * 깨끗한 대신 상속 9건이 있다는 사실이 사라진다. 수가 그것을 되돌려 놓는다.\n \n 아직 못 센 묶음은 수를 안 그린다 — 0 으로 메우면 「없다」와 같아 보인다.\n /\n private renderScopes() {\n const scopes: [InheritedValueType, string][] = [\n [InheritedValueType.None, 'label.ours'],\n [InheritedValueType.Only, 'label.inherited'],\n [InheritedValueType.Include, 'label.all']\n ]\n\n return html`\n <div scopes>\n ${scopes.map(\n ([scope, key]) => html`\n <button scope ?active=${this.scope === scope} @click=${() => this.onScope(scope)}>\n ${i18next.t(key)}\n ${this.counts[scope] === undefined ? nothing : html`<span count>${this.counts[scope]}</span>`}\n </button>\n `\n )}\n ${this.renderLineage()}\n </div>\n `\n }\n\n /\n 어디에서 물려받나 — 있을 때나 없을 때나 같은 자리에서 말한다.\n \n 「상속」 단추만 두면 눌러 보기 전에는 그것이 무엇을 뜻하는지 알 수 없다. 부모가 있는\n * 도메인에서는 어느 도메인인지가 필요하고(그 역할을 고치러 가야 할 곳이다), 최상위\n * 도메인에서는 물려받는 곳이 없다는 사실이 필요하다. 후자를 안 적으면 「상속 0」이\n * 「아직 안 만들었나」로 읽힌다.\n \n 단추를 숨기지 않는다. 숨기면 최상위 도메인의 관리자는 상속이라는 것이 있다는 사실\n * 자체를 모르고, 자식 도메인을 만든 뒤에 갑자기 나타나는 단추를 만난다.\n \n 아직 프로필을 못 읽었으면 아무것도 안 적는다 — 모르는 것을 「없다」로 적지 않는다.\n /\n private renderLineage() {\n if (this.parentDomain === undefined) {\n return nothing\n }\n\n const from = this.parentDomain?.name \|\| this.parentDomain?.subdomain\n\n return html`\n <span lineage>\n ${from\n ? i18next.t('text.inherited from x', { x: from })\n : i18next.t('text.this domain is top level and inherits from nowhere')}\n </span>\n `\n }\n\n private onScope(scope: InheritedValueType) {\n if (this.scope === scope) {\n return\n }\n\n this.scope = scope\n this.grist.fetch()\n }\n\n /\n 세 묶음의 건수.\n \n 세 번 묻는다. 한 번에 셋을 세는 질의가 서버에 없고, 각각 `total` 만 받으므로 가볍다\n * (UX 실측 158·566·684 bytes). 실패하면 수를 안 그린다 — 틀린 수를 그리는 것보다\n * 없는 것이 낫다.\n /\n private async countScopes() {\n const scopes = [InheritedValueType.None, InheritedValueType.Only, InheritedValueType.Include]\n\n const counted = await Promise.all(\n scopes.map(async scope => {\n const response = await client.query({\n query: gql`\n query ($inherited: InheritedValueType) {\n roles(inherited: $inherited, pagination: { page: 1, limit: 1 }) {\n total\n }\n }\n `,\n variables: { inherited: scope }\n })\n\n return [scope, response.errors?.length ? undefined : response.data?.roles?.total] as const\n })\n )\n\n this.counts = counted.reduce((counts, [scope, total]) => {\n if (total !== undefined) {\n counts[scope] = total\n }\n return counts\n }, {} as Partial<Record<InheritedValueType, number>>)\n }\n\n /\n 목록 위에 겹쳐 그린다 — 격자를 떼면 다시 읽을 길이 없어진다.\n \n 아무 역할도 없는 것이 이 화면의 가장 중요한 자리다. 새 도메인은 여기서 시작하고,\n * 역할이 없으면 초대한 사람은 로그인해도 볼 화면이 하나도 없다. 그래서 그 사실을 말한다.\n /\n private renderNote() {\n if (this.fetchState === 'loading') {\n return nothing\n }\n\n if (this.fetchState === 'failed') {\n return html`<ox-oops-note\n note\n icon=\"error_outline\"\n title=${i18next.t('text.failed to fetch')}\n description=${i18next.t('text.please try again')}\n ></ox-oops-note>`\n }\n\n if (this.total === 0 && !this.filtered) {\n return html`<ox-oops-note\n note\n icon=\"badge\"\n title=${i18next.t('text.no role yet')}\n description=${i18next.t('text.without a role they see nothing')}\n ></ox-oops-note>`\n }\n\n return nothing\n }\n\n /\n 상속된 역할인가 — 격자의 편집 가드가 이것을 본다.\n \n `mySubdomain` 을 아직 못 읽었으면 거짓을 돌려주지 않고 상속으로 본다. 「모른다」를\n * 「내 것이다」로 바꾸면 그 순간 못 고치는 행이 열리고, 사람이 타이핑해 저장한 뒤에 서버가\n * 거절한다. 모를 때는 잠가 두는 쪽이 안전하다.\n /\n private isInherited(record: any): boolean {\n if (!this.mySubdomain) {\n return true\n }\n\n const subdomain = record?.domain?.subdomain\n return Boolean(subdomain) && subdomain !== this.mySubdomain\n }\n\n /\n 출처 한 칸.\n \n 「우리」는 조용히 둔다 — 기본 상태에 색을 쓰면 색이 아무것도 말하지 않게 된다.\n * 상속은 어느 도메인에서 왔는지 함께 적는다. 「상속」만 적으면 관리자가 어디로 가야\n * 하는지 모른다.\n /\n private sourceCell(record: any) {\n if (!this.isInherited(record)) {\n return html`<span class=\"badge\" quiet>${i18next.t('label.ours')}</span>`\n }\n\n const from = record?.domain?.name \|\| record?.domain?.subdomain \|\| ''\n return html`<span class=\"badge\" title=${i18next.t('text.role belongs to x domain and is edited there', { x: from })}\n >${i18next.t('label.inherited')}${from ? ` · ${from}` : ''}</span\n >`\n }\n\n async pageInitialized() {\n const mine: any = await getDomain()\n\n this.mySubdomain = mine?.subdomain \|\| ''\n\n /\n * `undefined` 는 「아직 모른다」, `null` 은 「부모가 없다」다. 프로필이 `parent` 칸을\n * 들고 오므로 둘이 갈린다 — 옛 서버가 그 칸을 안 보내면 `undefined` 로 남아 아무것도\n * 안 적는다. 「모른다」를 「없다」로 접지 않는다.\n /\n this.parentDomain = mine && 'parent' in mine ? mine.parent : undefined\n\n this.countScopes()\n\n this.config = {\n /\n * 두 모드가 다른 말을 하지 않게 한다.\n \n ⚠ 여기가 `summary`·`domain` 을 가리킨 채로 남아 있었다 — 컬럼을 `privilegeCount`·\n * `source` 로 갈았는데 이 설정을 안 고쳤다. 그래서 *LIST 모드에서는 권한 수도 출처도\n 아예 안 그려졌다.** 이름이 틀려도 격자가 조용히 넘어가므로 빌드도 시험도 못 잡는다.\n \n 그리고 이 앱이 실제로 LIST 로 연다(`isMobileDevice()` 또는 사람마다 기억된 개인 설정).\n * GRID 만 보고 만들면 그 사람들은 내가 만든 칸을 한 번도 못 본다.\n /\n list: {\n fields: ['name', 'description'],\n details: ['privilegeCount', 'source']\n },\n columns: [\n { type: 'gutter', gutterName: 'sequence', fixed: true },\n {\n /\n * 권한 편집으로 가는 문.\n \n `gutterName: 'button'` 이 이 저장소의 관례다 — 68 파일 · 104 자리\n * (`employee-list-page.ts:110-124` 가 같은 모양). `header` 에 이름이 붙은 아이콘 칸은\n * 손잡이로 보인다. 그것이 「권한 편집 방법을 모르겠다」를 고치는 자리다.\n \n 행 전체에 클릭을 두지 않는 이유는 그대로다 — 이름을 고치려 누른 것이 화면을\n * 떠나면 안 된다.\n \n ── 상속 행에서도 버튼은 남긴다 ─────────────────────────────────────\n * 읽는 것은 정당하다. 상속 역할이 무엇을 여는지 보는 것은 막을 이유가 없고,\n * 오히려 「우리 역할로 복사」를 하려면 먼저 봐야 한다. `icon`·`title` 이 record 를\n * 받으므로 그 구분이 여기 실린다 — 글자만 「보기만」으로 바뀐다.\n /\n type: 'gutter',\n gutterName: 'button',\n header: i18next.t('field.privileges'),\n /\n * ⚠ 아직 저장 안 된 빈 줄에는 내주지 않는다. 격자가 데이터 2행 아래에 추가용 빈\n * 줄을 하나 더 그리는데, 거기에도 버튼이 나왔다. 눌러도 `record.id` 가 없어 아무 일이\n * 없다 — 조용한 무동작 단추다.\n \n `employee-list-page` 가 `icon` 에서 `''` 를 돌려주는 이유가 이것이었다. 모양만\n * 베끼고 그 가드를 안 가져왔다.\n /\n icon: (record: any) => (record?.id ? 'key' : ''),\n iconOnly: false,\n title: (record: any) =>\n !record?.id\n ? ''\n : this.isInherited(record)\n ? i18next.t('text.view only')\n : i18next.t('button.edit privileges'),\n width: 92,\n handlers: {\n click: (_columns: any, _data: any, _column: any, record: any) => {\n if (record?.id) {\n navigate(`role-privileges/${record.id}`)\n }\n }\n }\n },\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n /\n * 격자 안에서 고친다. 이 저장소의 관례가 그렇고(`editable` 139 파일 대\n * `openPopup` 96 파일), 옛 화면이 이름을 팝업에 두었다가 A 의 이름을 B 에 저장했다.\n \n ⚠ 상속된 행은 열지 않는다. `editable` 이 함수를 받는다\n * (`data-grist` types.ts:458, data-grid-body.js:530·861 이 그렇게 부른다). 이것이\n * 없으면 부모 도메인 역할에 타이핑해 저장할 수 있고, 서버가 그때 거절한다.\n /\n record: { align: 'left', editable: (_v: any, _c: any, record: any) => !this.isInherited(record) },\n filter: 'search',\n sortable: true,\n width: 160\n },\n {\n type: 'string',\n name: 'description',\n header: i18next.t('field.description'),\n record: { align: 'left', editable: (_v: any, _c: any, record: any) => !this.isInherited(record) },\n filter: 'search',\n sortable: true,\n width: 220\n },\n {\n /\n * 이 역할이 여는 것이 몇 개인가. 읽는 값이고, 누르는 자리가 아니다.\n \n 전에는 여기에 `activity 쓰기 · activity-instance 쓰기·읽기 · 3개 더` 식으로 잘린\n * 코드 용어를 그렸다. 그것을 그리려고 목록이 권한 행을 받았다.\n \n ```\n * [UX 실측] roles(limit:20) 권한 포함 5,731 bytes · 69ms\n * [UX 실측] 권한 없이 518 bytes · 7ms → 11.1배 · 10배\n * ```\n \n 수는 잘린 문자열이 못 하던 것을 한다 — 「더 있다」가 아니라 얼마인지 말하고,\n * `0` 이면 아직 아무것도 안 열린 역할이라는 것이 한눈에 보인다.\n \n ⚠ 여기에 클릭을 얹지 않는다. 한때 그렇게 뒀는데, 읽는 값과 누르는 자리가 한 칸에\n * 들어간다. 그리고 사용자 평가의 첫 줄이 「권한 편집 방법을 모르겠다」였는데 —\n * 눌리는 숫자는 보이는 손잡이가 아니다. 문은 아래 버튼 칸이 진다.\n /\n type: 'string',\n name: 'privilegeCount',\n header: i18next.t('field.privileges'),\n record: { align: 'center', renderer: privilegeCountCell },\n width: 110\n },\n {\n /\n * 출처 — 여기가 「보이는 것과 고칠 수 있는 것」을 가른다.\n \n 전에는 도메인 이름을 날값으로 냈다(`SYSTEM` · `MIRATEK`). 그건 구분이 아니다 —\n * 읽는 사람이 자기 도메인 이름을 외우고 있어야 한다. 지금은 「우리」와\n * 「상속 · SYSTEM」 으로 말한다.\n \n ⚠ `classifier` 로 행 전체를 물들이지 않는다. 선례들이 색을 `'#8B0000'` 처럼 박아\n * 두었고(dataset 5곳), 그 규약(`emphasized: [배경, 글자]`)이 `var(...)` 를 받는지도\n * 확인되지 않았다. 그리고 `emphasized` 는 강조하는 장치인데 여기서 필요한 것은\n * 그 반대다 — 11행 중 9행을 강조하면 강조가 아니다. 그래서 이 칸이 진다.\n /\n type: 'string',\n name: 'source',\n header: i18next.t('field.source'),\n record: { align: 'center', renderer: (_v: any, _c: any, record: any) => this.sourceCell(record) },\n width: 150\n },\n {\n type: 'datetime',\n name: 'updatedAt',\n header: i18next.t('field.updated_at'),\n record: { align: 'center' },\n sortable: true,\n width: 160\n }\n ],\n rows: {\n selectable: { multiple: true }\n },\n sorters: [{ name: 'name' }]\n }\n }\n\n async pageUpdated(_changes: any, _lifecycle: any) {\n if (this.active) {\n await this.updateComplete\n this.grist.fetch()\n }\n }\n\n /\n 역할을 가져온다 — 권한 행은 받지 않는다.\n \n 전에는 `privileges { id name category }` 를 함께 물었다. 그것으로 그린 것은 잘린 코드 용어\n * 셋이었고, 값은 이랬다.\n \n ```\n * [UX 실측] 권한 포함 5,731 bytes · 69ms\n * [UX 실측] 권한 없이 518 bytes · 7ms\n * ```\n \n 바이트보다 큰 것은 `Role.privileges` 필드 리졸버가 역할마다 한 번씩 도는 것이 함께\n * 없어지는 쪽이다. 지금은 `privilegeCount` 를 받는다 — DB 가 센다(`role-query.ts`).\n \n `inherited` 는 화면이 고른 묶음을 그대로 넘긴다. 기본값이 「우리 역할」이라 처음 화면에\n * 못 고치는 행이 안 깔린다.\n /\n async fetchHandler({ filters = [], page, limit, sortings = [] }: FetchOption) {\n this.fetchState = 'loading'\n this.filtered = filters.length > 0\n\n try {\n const response = (\n await client.query({\n query: gql`\n query (\n $filters: [Filter!]\n $pagination: Pagination\n $sortings: [Sorting!]\n $inherited: InheritedValueType\n ) {\n responses: roles(\n filters: $filters\n pagination: $pagination\n sortings: $sortings\n inherited: $inherited\n ) {\n items {\n id\n name\n description\n domain {\n id\n name\n subdomain\n }\n privilegeCount\n updatedAt\n }\n total\n }\n }\n `,\n variables: {\n filters,\n pagination: { page, limit },\n sortings: sortings.length ? sortings : [{ name: 'name' }],\n inherited: this.scope\n }\n })\n ).data.responses\n\n this.total = response.total\n this.fetchState = 'loaded'\n\n return {\n records: response.items,\n total: response.total\n }\n } catch (e) {\n / 못 읽은 것을 「없다」로 그리지 않는다. /\n this.fetchState = 'failed'\n throw e\n }\n }\n\n /\n 격자에서 고친 줄들을 저장한다.\n \n 이 저장소의 목록 관례를 그대로 쓴다 — `dirtyRecords` 를 `__dirtyfields__[key].after` 로 펴서\n * `cuFlag` 와 함께 보낸다(`fiscal-quarter-list-page` 가 같은 모양). 서버가\n * `updateMultipleRole` 로 받는다.\n \n `privileges` 는 안 보낸다. 여기서 고치는 것은 이름과 설명이고, 권한은 전용 화면이\n * 소유한다. 안 보낸 것을 「비우라」로 읽으면 이름만 고친 순간 그 역할이 아무것도 안 여는\n * 역할이 된다 — 서버 쪽에도 같은 말을 주석으로 적어 뒀다.\n /\n private async onSaveGrid() {\n const dirty = this.grist.dirtyRecords\n if (!dirty?.length) {\n return\n }\n\n const patches = dirty.map((record: any) => {\n const patch: any = record.id ? { id: record.id } : {}\n for (const key in record.__dirtyfields__) {\n patch[key] = record.__dirtyfields__[key].after\n }\n patch.cuFlag = record.__dirty__\n return patch\n })\n\n const response = await client.mutate({\n mutation: gql`\n mutation ($patches: [RolePatch!]!) {\n updateMultipleRole(patches: $patches) {\n id\n }\n }\n `,\n variables: { patches },\n context: gqlContext()\n })\n\n if (response.errors?.length) {\n / 실패를 조용히 넘기지 않는다 — 격자는 고친 채로 남아 있어야 다시 저장할 수 있다. /\n document.dispatchEvent(\n new CustomEvent('notify', { detail: { level: 'error', message: response.errors[0]?.message } })\n )\n return\n }\n\n this.grist.fetch()\n }\n\n /\n 고른 역할을 지운다.\n \n 서버는 가진 사람이 있는 역할을 남긴다(`deleteRoles`). 그래서 여기서 「지웠다」고 말하지\n * 않고 목록을 다시 읽는다 — 무엇이 남았는지가 화면에서 보이는 것이 맞다.\n /\n private async onDeleteGrid() {\n const selected = this.grist.selected\n if (!selected?.length) {\n return\n }\n\n /\n * 상속된 행은 여기서 못 지운다 — `deleteRoles` 가 `domain.id` 로 좁혀 찾으므로 그 행은\n * 조용히 남는다. 「지웠다」로 보이고 목록에 그대로 있으면 사람이 두 번 세 번 누른다.\n /\n const mine = selected.filter((record: any) => !this.isInherited(record))\n if (!mine.length) {\n await OxPrompt.open({\n type: 'warning',\n title: i18next.t('button.delete'),\n text: i18next.t('text.inherited roles are edited in their own domain'),\n confirmButton: { text: i18next.t('button.confirm') }\n })\n return\n }\n\n if (\n !(await OxPrompt.open({\n type: 'warning',\n title: i18next.t('button.delete'),\n text: i18next.t('text.roles in use are kept'),\n confirmButton: { text: i18next.t('button.confirm') },\n cancelButton: { text: i18next.t('button.cancel') }\n }))\n ) {\n return\n }\n\n const response = await client.mutate({\n mutation: gql`\n mutation ($ids: [String!]!) {\n deleteRoles(ids: $ids)\n }\n `,\n variables: { ids: mine.map((record: any) => record.id) },\n context: gqlContext()\n })\n\n if (response.errors?.length) {\n document.dispatchEvent(\n new CustomEvent('notify', { detail: { level: 'error', message: response.errors[0]?.message } })\n )\n return\n }\n\n this.grist.fetch()\n }\n\n /\n 역할을 만드는 두 문을 한 자리에 연다.\n \n ── 왜 `ox-record-creator`(빈 줄)를 걷어냈나 ────────────────────────────────\n * 이름을 짓는 것은 쉬운 쪽이고 「품질검사원에게 84개 중 무엇을 주나」가 어려운 쪽인데, 빈\n * 줄은 그 판단을 통째로 사람에게 넘긴다. 미라텍이 그래서 역할 둘뿐이다.\n \n 그리고 그 단추는 `.filters` 안에 있었는데 `CommonHeaderStyles` 는 `.actions button` 만\n * 꾸민다. `.filters` 에 button 규칙이 없어서 브라우저 기본 단추가 그대로 나왔다 — 옆의\n * 알약 범위 단추·검색과 같은 줄에서 혼자 네모난 회색 상자였다. 이 관례를 쓰는 다른 목록\n * 화면(24 파일)도 전부 같은 상태다.\n \n ── 순서가 가르친다 ────────────────────────────────────────────────────────\n * 템플릿이 먼저고 백지가 나중이다. 「품질검사원, 권한 7」을 본 사람은 자리가 어떻게 생긴\n * 것인지 알고 나서 자기 것을 짓는다. 그렇다고 백지를 감추면 안 된다 — 「야간반장」·「외주\n * 검사」 같은 자리는 그 공장이 아는 것이지 제품이 아는 게 아니다.\n /\n private async openCreate() {\n await import('../../components/role-template-picker.js')\n\n const popup = openPopup(\n html`<role-template-picker .page=${this} @close=${() => popup.close()}></role-template-picker>`,\n {\n backdrop: true,\n size: 'large',\n title: i18next.t('button.create role')\n }\n )\n }\n\n /* 템플릿에서 — 이름은 이 공장이 정한 것을 그대로 보낸다. /\n async createFromTemplate(templateId: string, name: string) {\n const response = await client.mutate({\n mutation: gql`\n mutation ($templateId: String!, $name: String) {\n createRoleFromTemplate(templateId: $templateId, name: $name) {\n id\n }\n }\n `,\n variables: { templateId, name },\n context: gqlContext()\n })\n\n if (response.errors?.length) {\n document.dispatchEvent(\n new CustomEvent('notify', { detail: { level: 'error', message: response.errors[0]?.message } })\n )\n return false\n }\n\n this.grist.fetch()\n return true\n }\n\n /* 백지에서 — 권한 없이 선다. 목록의 권한 수 칸이 0 을 빨갛게 말하므로 다음 걸음이 보인다. /\n async createBlankRole(name: string, description: string) {\n return await this.onCreateRole({ name, description })\n }\n\n /\n 새 역할.\n \n 권한 없이 만들어진다. 그것이 맞다 — 이름을 정하는 것과 무엇을 열지 정하는 것은 다른\n * 판단이고, 목록의 요약 칸이 「여는 것이 없음」을 빨갛게 말하므로 다음 걸음이 보인다.\n /\n private async onCreateRole(record: any) {\n const response = await client.mutate({\n mutation: gql`\n mutation ($role: NewRole!) {\n createRole(role: $role) {\n id\n }\n }\n `,\n variables: { role: { name: record.name, description: record.description } },\n context: gqlContext()\n })\n\n if (response.errors?.length) {\n document.dispatchEvent(\n new CustomEvent('notify', { detail: { level: 'error', message: response.errors[0]?.message } })\n )\n return false\n }\n\n this.grist.fetch()\n return true\n }\n}\n\n/\n 권한 수 한 칸 — 0 이 가장 할 말이 많은 값이다.\n \n 권한이 하나도 없는 역할은 붙여도 아무 일이 없다. 그것이 이 화면에서 *조치가 필요한 유일한\n 상태*이므로 색을 그때만 쓴다. 나머지는 수만 낸다.\n /\nfunction privilegeCountCell(_value: any, _column: any, record: any) {\n const count = record?.privilegeCount\n\n /* 「모른다」와 「0」은 다르다 — 아직 안 온 값에 색을 쓰지 않는다. */\n if (count === undefined \|\| count === null) {\n return html``\n }\n\n return count === 0\n ? html`<span class=\"badge\" attention>${i18next.t('text.no privilege granted')}</span>`\n : html`<span class=\"badge\">${count}</span>`\n}\n"]}
1	+ {"version":3,"file":"role-list-page.js","sourceRoot":"","sources":["../../../client/pages/role/role-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\nimport '@operato/oops/ox-oops-note.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport type { CSSResultGroup } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client, gqlContext } from '@operato/graphql'\nimport { openPopup } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { i18next, localize } from '@operato/i18n'\nimport { p13n } from '@operato/p13n'\nimport { InheritedValueType, navigate, PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { getDomain } from '@things-factory/auth-base/dist-client'\n\nimport type { DataGrist, FetchOption } from '@operato/data-grist'\n\n/*\n 역할 목록 — 보이는 것과 고칠 수 있는 것을 가른다.\n \n ── 옛 화면이 하던 것 (`pages/role/role-management.ts`) ──────────────────────\n * `quick-find-list` 안에 역할을 늘어놓고, 펼치면 그 안에 이름 입력칸과 84줄의 권한 체크박스가\n * 함께 있었다. 그 구조에서 셋이 났다.\n \n ① 이름 입력이 매 글자마다 페이지로 올라가 모든 편집기에 공유됐다 — A 를 고치고 B 를\n * 저장하면 B 의 이름이 A 가 됐다. 지금은 이름·설명을 격자에서 고친다.\n * ② 목록에 권한이 하나도 안 보였다. 「이 역할이 무엇을 여나」를 알려면 펼쳐야 했다.\n * ③ 한도도 쪽 나누기도 없었다.\n \n ── 상속이 이 화면의 중심이다 ───────────────────────────────────────────────\n * 목록은 부모 도메인의 역할까지 보여 준다 — 부여할 수 있는 범위가 그것이기 때문이다.\n * 그런데 그 행은 여기서 못 고친다(`updateRole` 이 `domain.id` 하나로 좁혀 찾는다).\n \n 전에는 `Include` 로 열어서 못 고치는 9행이 고칠 수 있는 2행 앞에 깔렸다(UX 실측).\n * 지금은 「우리 역할」로 열고, 세 묶음의 수를 함께 적어 상속이 있다는 사실 자체는 남긴다.\n * 편집도 `editable` 함수로 상속 행에서 닫고, 삭제도 상속 행을 안 보낸다.\n \n ── 권한은 수만 낸다 ────────────────────────────────────────────────────────\n * 전에는 `activity 쓰기 · activity-instance 쓰기·읽기` 식으로 잘린 코드 용어를 그렸고, 그것을\n * 그리려고 권한 행을 받았다(UX 실측 5,731 bytes · 69ms 대 518 bytes · 7ms). 지금은\n * `privilegeCount` 하나를 받는다. 권한 편집으로 가는 문은 버튼 gutter 칸이 진다 —\n * 눌리는 숫자는 손잡이로 보이지 않는다.\n /\nconst RoleListPageBase = p13n(localize(i18next)(PageView))\n\n@customElement('role-list-page')\nexport class RoleListPage extends RoleListPageBase {\n static styles: CSSResultGroup = [\n / The frame owns the page shell; the grist is the content it sizes (ADR-0060 decision 8). /\n WorkSurfacePageStyles,\n ScrollbarStyles,\n CommonGristStyles,\n CommonHeaderStyles,\n css`\n :host {\n background-color: var(--md-sys-color-surface);\n color: var(--md-sys-color-on-surface);\n position: relative;\n }\n\n / 요약 배지 — 색은 짝으로, 그리고 「무엇이 나를 기다리나」에만 쓴다. /\n .badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: var(--md-sys-shape-corner-small, 6px);\n font-size: 0.78rem;\n white-space: nowrap;\n background-color: var(--md-sys-color-surface-variant);\n color: var(--md-sys-color-on-surface-variant);\n }\n .badge[attention] {\n background-color: var(--md-sys-color-error-container);\n color: var(--md-sys-color-on-error-container);\n }\n / 「우리」는 기본 상태다 — 색을 쓰면 색이 아무것도 말하지 않게 된다. /\n .badge[quiet] {\n background-color: transparent;\n color: var(--md-sys-color-outline);\n }\n\n /\n ── 세 묶음 ────────────────────────────────────────────────────────────\n 고른 것은 면으로 말한다. 글자색만 바꾸면 야간에 안 보인다.\n /\n [scopes] {\n display: flex;\n align-items: center;\n gap: 4px;\n flex-wrap: wrap;\n }\n\n /\n 어디에서 물려받나 — 단추가 아니라 사실을 적은 글이다. 그래서 알약도 테두리도 없다.\n 고르는 것과 읽는 것이 같은 모양이면 눌러 보게 된다.\n\n 단추 줄에서 한 칸 떨어뜨린다. 붙여 두면 네 번째 단추로 보인다.\n /\n [lineage] {\n margin-left: 8px;\n font-size: 0.78rem;\n color: var(--md-sys-color-on-surface-variant);\n }\n\n button[scope] {\n display: inline-flex;\n align-items: baseline;\n gap: 5px;\n padding: 5px 12px;\n font: var(--label-font, inherit);\n font-size: 0.82rem;\n color: var(--md-sys-color-on-surface-variant);\n background-color: transparent;\n border: 1px solid var(--md-sys-color-outline-variant);\n border-radius: var(--md-sys-shape-corner-full, 999px);\n cursor: pointer;\n white-space: nowrap;\n }\n\n button[scope]:hover {\n background-color: var(--md-sys-color-surface-variant);\n }\n\n button[scope][active] {\n color: var(--md-sys-color-on-secondary-container);\n background-color: var(--md-sys-color-secondary-container);\n border-color: var(--md-sys-color-secondary-container);\n }\n\n button[scope] [count] {\n font-size: 0.78rem;\n color: var(--md-sys-color-outline);\n }\n\n button[scope][active] [count] {\n color: var(--md-sys-color-on-secondary-container);\n }\n\n /\n * 새 역할 단추 — 옆에 선 것들을 따라간다.\n \n 이 줄에는 알약 범위 단추 셋과 검색이 서 있다. 그 사이에서 이것만 네모난 기본 단추면\n * 같은 줄의 문법이 깨진다. 범위 단추와 같은 모서리·같은 테두리를 쓰되, 여는 일이므로\n * 채워서 한 단 앞으로 낸다 — 나머지는 거르는 일이고 이것만 만드는 일이다.\n /\n button[add] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 5px 10px;\n color: var(--md-sys-color-on-secondary-container);\n background-color: var(--md-sys-color-secondary-container);\n border: 1px solid transparent;\n border-radius: var(--md-sys-shape-corner-full, 999px);\n cursor: pointer;\n margin-left: auto;\n }\n\n button[add]:hover {\n background-color: var(--md-sys-color-secondary);\n color: var(--md-sys-color-on-secondary);\n }\n\n button[add] md-icon {\n --md-icon-size: 18px;\n }\n\n ox-oops-note[note] {\n position: absolute;\n inset: 0;\n z-index: 5;\n background-color: var(--md-sys-color-surface);\n }\n `\n ]\n\n @property({ type: Object }) config: any\n @property({ type: String }) mode: 'CARD' \| 'GRID' \| 'LIST' = isMobileDevice() ? 'LIST' : 'GRID'\n\n / 읽는 중 · 못 읽었다 · 읽었는데 없다 를 가른다. /\n @state() private fetchState: 'loading' \| 'failed' \| 'loaded' = 'loading'\n @state() private total: number = 0\n @state() private filtered: boolean = false\n\n /\n * 지금 어느 도메인에 있나.\n \n 목록은 상속으로 부모 도메인의 역할까지 보여 준다 — 실제로 부여할 수 있는 범위가 그것이기\n * 때문이다. 그런데 그 행은 여기서 못 고친다(`updateRole`·`updateMultipleRole` 이\n * `domain.id` 하나로 좁혀 찾는다). 그래서 편집을 열어 두면 안 된다.\n \n 프로필의 `domain` 에는 `id` 가 없어서(`auth-private-process-router.ts`) `subdomain` 으로\n * 견준다 — 두 도메인이 같은 subdomain 을 가질 수 없으므로 id 와 같은 답이다.\n /\n @state() private mySubdomain: string = ''\n\n /\n 물려받는 곳. `null` 이면 최상위, `undefined` 면 아직 안 읽었다.\n \n 셋을 가르는 이유는 화면이 「모른다」와 「없다」를 다르게 그려야 하기 때문이다.\n /\n @state() private parentDomain: { name?: string; subdomain?: string } \| null \| undefined = undefined\n\n /\n * 어느 묶음을 보고 있나 — 기본값은 「우리 역할」이다.\n \n 전에는 `Include` 로 열었다. 그러면 처음 화면에 못 고치는 행 9개가 앞에 깔린다\n * (UX 실측: miratek 2 · system 9). `None` 으로 열면 처음 화면이 2행이고 *그 2행이 전부\n 고칠 수 있는 행*이다.\n \n * 세 묶음은 서버에 이미 있다(`InheritedValueType`). 새로 만들 것이 없다.\n /\n @state() private scope: InheritedValueType = InheritedValueType.None\n\n /\n 묶음마다 몇 건인가.\n \n 수를 함께 적는 이유는 상속이 있다는 사실 자체가 보이게 하는 것이다. 기본값을 「우리\n * 역할」로 좁혀 놓으면, 수가 없으면 상속 9건이 존재하는지조차 모른다.\n \n `undefined` 는 「아직 못 셌다」다 — 0 으로 메우면 「없다」와 같아 보인다.\n /\n @state() private counts: Partial<Record<InheritedValueType, number>> = {}\n\n @query('ox-grist') private grist!: DataGrist\n\n /\n 저장과 삭제를 툴바에 둔다.\n \n 격자에서 고치는 화면들의 관례다(`fiscal-quarter-list-page` 외). 격자 안 편집은 여러 줄을\n * 한꺼번에 고치므로, 줄마다 저장 단추를 두면 어디를 눌러야 하는지가 사라진다.\n /\n /\n 찾기는 제목 줄에 선다 — 셸이 그 자리를 모든 화면에 같은 모양으로 둔다.\n \n 이 페이지는 한동안 `ox-filters-form` 을 헤드룸의 칩 줄에 직접 끼워 넣고 있었다. 그래서\n * 돋보기가 범위 칩과 만들기 단추 사이에 끼어, 같은 앱의 다른 목록과 찾기 자리가 달랐다\n * (`env-var-list-page` 외 auth-ui 목록 다섯이 전부 아래 모양이다).\n \n 둘은 대안이 아니라 다른 것이다 — `search` 는 목록 전체를 훑는 글자 찾기이고,\n * `filter` 는 칸별 조건 폼을 접었다 펴는 것이다. 표준 화면은 둘 다 선언한다.\n /\n get context() {\n return {\n title: i18next.t('text.role_management'),\n help: 'auth/roles',\n search: {\n handler: (search: string) => {\n this.grist.searchText = search\n },\n value: this.grist?.searchText \|\| ''\n },\n filter: {\n handler: () => {\n this.grist.toggleHeadroom()\n }\n },\n actions: [\n { title: i18next.t('button.save'), action: this.onSaveGrid.bind(this) },\n { title: i18next.t('button.delete'), action: this.onDeleteGrid.bind(this) }\n ]\n }\n }\n\n render() {\n return html`\n <ox-grist\n class=\"page-fill\"\n .mode=${this.mode}\n .config=${this.config}\n .fetchHandler=${this.fetchHandler.bind(this)}\n .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}\n >\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n ${this.renderScopes()}\n\n <!-- 찾기는 제목 줄이 갖는다(context.search). 폼이 자기 검색칸을 또 그리면 둘이 된다. -->\n <ox-filters-form without-search></ox-filters-form>\n\n <!--\n 여기 ox-record-creator 가 있었다 — 목록에 빈 줄을 만들고 이름을 치게 하는\n 관례(24 파일)다. 걷어낸 이유는 openCreate 의 머리말에 있다.\n -->\n <button add @click=${() => this.openCreate()} title=${i18next.t('button.create')}>\n <md-icon>add</md-icon>\n </button>\n </div>\n </div>\n\n <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n </ox-grist>\n\n ${this.renderNote()}\n `\n }\n\n /\n 세 묶음.\n \n 수를 함께 적는 것이 이 부품의 이유다. 기본값을 「우리 역할」로 좁혀 두면 처음 화면이\n * 깨끗한 대신 상속 9건이 있다는 사실이 사라진다. 수가 그것을 되돌려 놓는다.\n \n 아직 못 센 묶음은 수를 안 그린다 — 0 으로 메우면 「없다」와 같아 보인다.\n /\n private renderScopes() {\n const scopes: [InheritedValueType, string][] = [\n [InheritedValueType.None, 'label.ours'],\n [InheritedValueType.Only, 'label.inherited'],\n [InheritedValueType.Include, 'label.all']\n ]\n\n return html`\n <div scopes>\n ${scopes.map(\n ([scope, key]) => html`\n <button scope ?active=${this.scope === scope} @click=${() => this.onScope(scope)}>\n ${i18next.t(key)}\n ${this.counts[scope] === undefined ? nothing : html`<span count>${this.counts[scope]}</span>`}\n </button>\n `\n )}\n ${this.renderLineage()}\n </div>\n `\n }\n\n /\n 어디에서 물려받나 — 있을 때나 없을 때나 같은 자리에서 말한다.\n \n 「상속」 단추만 두면 눌러 보기 전에는 그것이 무엇을 뜻하는지 알 수 없다. 부모가 있는\n * 도메인에서는 어느 도메인인지가 필요하고(그 역할을 고치러 가야 할 곳이다), 최상위\n * 도메인에서는 물려받는 곳이 없다는 사실이 필요하다. 후자를 안 적으면 「상속 0」이\n * 「아직 안 만들었나」로 읽힌다.\n \n 단추를 숨기지 않는다. 숨기면 최상위 도메인의 관리자는 상속이라는 것이 있다는 사실\n * 자체를 모르고, 자식 도메인을 만든 뒤에 갑자기 나타나는 단추를 만난다.\n \n 아직 프로필을 못 읽었으면 아무것도 안 적는다 — 모르는 것을 「없다」로 적지 않는다.\n /\n private renderLineage() {\n if (this.parentDomain === undefined) {\n return nothing\n }\n\n const from = this.parentDomain?.name \|\| this.parentDomain?.subdomain\n\n return html`\n <span lineage>\n ${from\n ? i18next.t('text.inherited from x', { x: from })\n : i18next.t('text.this domain is top level and inherits from nowhere')}\n </span>\n `\n }\n\n private onScope(scope: InheritedValueType) {\n if (this.scope === scope) {\n return\n }\n\n this.scope = scope\n this.grist.fetch()\n }\n\n /\n 세 묶음의 건수.\n \n 세 번 묻는다. 한 번에 셋을 세는 질의가 서버에 없고, 각각 `total` 만 받으므로 가볍다\n * (UX 실측 158·566·684 bytes). 실패하면 수를 안 그린다 — 틀린 수를 그리는 것보다\n * 없는 것이 낫다.\n /\n private async countScopes() {\n const scopes = [InheritedValueType.None, InheritedValueType.Only, InheritedValueType.Include]\n\n const counted = await Promise.all(\n scopes.map(async scope => {\n const response = await client.query({\n query: gql`\n query ($inherited: InheritedValueType) {\n roles(inherited: $inherited, pagination: { page: 1, limit: 1 }) {\n total\n }\n }\n `,\n variables: { inherited: scope }\n })\n\n return [scope, response.errors?.length ? undefined : response.data?.roles?.total] as const\n })\n )\n\n this.counts = counted.reduce((counts, [scope, total]) => {\n if (total !== undefined) {\n counts[scope] = total\n }\n return counts\n }, {} as Partial<Record<InheritedValueType, number>>)\n }\n\n /\n 목록 위에 겹쳐 그린다 — 격자를 떼면 다시 읽을 길이 없어진다.\n \n 아무 역할도 없는 것이 이 화면의 가장 중요한 자리다. 새 도메인은 여기서 시작하고,\n * 역할이 없으면 초대한 사람은 로그인해도 볼 화면이 하나도 없다. 그래서 그 사실을 말한다.\n /\n private renderNote() {\n if (this.fetchState === 'loading') {\n return nothing\n }\n\n if (this.fetchState === 'failed') {\n return html`<ox-oops-note\n note\n icon=\"error_outline\"\n title=${i18next.t('text.failed to fetch')}\n description=${i18next.t('text.please try again')}\n ></ox-oops-note>`\n }\n\n if (this.total === 0 && !this.filtered) {\n return html`<ox-oops-note\n note\n icon=\"badge\"\n title=${i18next.t('text.no role yet')}\n description=${i18next.t('text.without a role they see nothing')}\n ></ox-oops-note>`\n }\n\n return nothing\n }\n\n /\n 상속된 역할인가 — 격자의 편집 가드가 이것을 본다.\n \n `mySubdomain` 을 아직 못 읽었으면 거짓을 돌려주지 않고 상속으로 본다. 「모른다」를\n * 「내 것이다」로 바꾸면 그 순간 못 고치는 행이 열리고, 사람이 타이핑해 저장한 뒤에 서버가\n * 거절한다. 모를 때는 잠가 두는 쪽이 안전하다.\n /\n private isInherited(record: any): boolean {\n if (!this.mySubdomain) {\n return true\n }\n\n const subdomain = record?.domain?.subdomain\n return Boolean(subdomain) && subdomain !== this.mySubdomain\n }\n\n /\n 출처 한 칸.\n \n 「우리」는 조용히 둔다 — 기본 상태에 색을 쓰면 색이 아무것도 말하지 않게 된다.\n * 상속은 어느 도메인에서 왔는지 함께 적는다. 「상속」만 적으면 관리자가 어디로 가야\n * 하는지 모른다.\n /\n private sourceCell(record: any) {\n if (!this.isInherited(record)) {\n return html`<span class=\"badge\" quiet>${i18next.t('label.ours')}</span>`\n }\n\n const from = record?.domain?.name \|\| record?.domain?.subdomain \|\| ''\n return html`<span class=\"badge\" title=${i18next.t('text.role belongs to x domain and is edited there', { x: from })}\n >${i18next.t('label.inherited')}${from ? ` · ${from}` : ''}</span\n >`\n }\n\n async pageInitialized() {\n const mine: any = await getDomain()\n\n this.mySubdomain = mine?.subdomain \|\| ''\n\n /\n * `undefined` 는 「아직 모른다」, `null` 은 「부모가 없다」다. 프로필이 `parent` 칸을\n * 들고 오므로 둘이 갈린다 — 옛 서버가 그 칸을 안 보내면 `undefined` 로 남아 아무것도\n * 안 적는다. 「모른다」를 「없다」로 접지 않는다.\n /\n this.parentDomain = mine && 'parent' in mine ? mine.parent : undefined\n\n this.countScopes()\n\n this.config = {\n /\n * 두 모드가 다른 말을 하지 않게 한다.\n \n ⚠ 여기가 `summary`·`domain` 을 가리킨 채로 남아 있었다 — 컬럼을 `privilegeCount`·\n * `source` 로 갈았는데 이 설정을 안 고쳤다. 그래서 *LIST 모드에서는 권한 수도 출처도\n 아예 안 그려졌다.** 이름이 틀려도 격자가 조용히 넘어가므로 빌드도 시험도 못 잡는다.\n \n 그리고 이 앱이 실제로 LIST 로 연다(`isMobileDevice()` 또는 사람마다 기억된 개인 설정).\n * GRID 만 보고 만들면 그 사람들은 내가 만든 칸을 한 번도 못 본다.\n /\n list: {\n fields: ['name', 'description'],\n details: ['privilegeCount', 'source']\n },\n columns: [\n { type: 'gutter', gutterName: 'sequence', fixed: true },\n {\n /\n * 권한 편집으로 가는 문.\n \n `gutterName: 'button'` 이 이 저장소의 관례다 — 68 파일 · 104 자리\n * (`employee-list-page.ts:110-124` 가 같은 모양). `header` 에 이름이 붙은 아이콘 칸은\n * 손잡이로 보인다. 그것이 「권한 편집 방법을 모르겠다」를 고치는 자리다.\n \n 행 전체에 클릭을 두지 않는 이유는 그대로다 — 이름을 고치려 누른 것이 화면을\n * 떠나면 안 된다.\n \n ── 상속 행에서도 버튼은 남긴다 ─────────────────────────────────────\n * 읽는 것은 정당하다. 상속 역할이 무엇을 여는지 보는 것은 막을 이유가 없고,\n * 오히려 「우리 역할로 복사」를 하려면 먼저 봐야 한다. `icon`·`title` 이 record 를\n * 받으므로 그 구분이 여기 실린다 — 글자만 「보기만」으로 바뀐다.\n /\n type: 'gutter',\n gutterName: 'button',\n header: i18next.t('field.privileges'),\n /\n * ⚠ 아직 저장 안 된 빈 줄에는 내주지 않는다. 격자가 데이터 2행 아래에 추가용 빈\n * 줄을 하나 더 그리는데, 거기에도 버튼이 나왔다. 눌러도 `record.id` 가 없어 아무 일이\n * 없다 — 조용한 무동작 단추다.\n \n `employee-list-page` 가 `icon` 에서 `''` 를 돌려주는 이유가 이것이었다. 모양만\n * 베끼고 그 가드를 안 가져왔다.\n /\n icon: (record: any) => (record?.id ? 'key' : ''),\n iconOnly: false,\n title: (record: any) =>\n !record?.id\n ? ''\n : this.isInherited(record)\n ? i18next.t('text.view only')\n : i18next.t('button.edit privileges'),\n width: 92,\n handlers: {\n click: (_columns: any, _data: any, _column: any, record: any) => {\n if (record?.id) {\n navigate(`role-privileges/${record.id}`)\n }\n }\n }\n },\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n /\n * 격자 안에서 고친다. 이 저장소의 관례가 그렇고(`editable` 139 파일 대\n * `openPopup` 96 파일), 옛 화면이 이름을 팝업에 두었다가 A 의 이름을 B 에 저장했다.\n \n ⚠ 상속된 행은 열지 않는다. `editable` 이 함수를 받는다\n * (`data-grist` types.ts:458, data-grid-body.js:530·861 이 그렇게 부른다). 이것이\n * 없으면 부모 도메인 역할에 타이핑해 저장할 수 있고, 서버가 그때 거절한다.\n /\n record: { align: 'left', editable: (_v: any, _c: any, record: any) => !this.isInherited(record) },\n filter: 'search',\n sortable: true,\n width: 160\n },\n {\n type: 'string',\n name: 'description',\n header: i18next.t('field.description'),\n record: { align: 'left', editable: (_v: any, _c: any, record: any) => !this.isInherited(record) },\n filter: 'search',\n sortable: true,\n width: 220\n },\n {\n /\n * 이 역할이 여는 것이 몇 개인가. 읽는 값이고, 누르는 자리가 아니다.\n \n 전에는 여기에 `activity 쓰기 · activity-instance 쓰기·읽기 · 3개 더` 식으로 잘린\n * 코드 용어를 그렸다. 그것을 그리려고 목록이 권한 행을 받았다.\n \n ```\n * [UX 실측] roles(limit:20) 권한 포함 5,731 bytes · 69ms\n * [UX 실측] 권한 없이 518 bytes · 7ms → 11.1배 · 10배\n * ```\n \n 수는 잘린 문자열이 못 하던 것을 한다 — 「더 있다」가 아니라 얼마인지 말하고,\n * `0` 이면 아직 아무것도 안 열린 역할이라는 것이 한눈에 보인다.\n \n ⚠ 여기에 클릭을 얹지 않는다. 한때 그렇게 뒀는데, 읽는 값과 누르는 자리가 한 칸에\n * 들어간다. 그리고 사용자 평가의 첫 줄이 「권한 편집 방법을 모르겠다」였는데 —\n * 눌리는 숫자는 보이는 손잡이가 아니다. 문은 아래 버튼 칸이 진다.\n /\n type: 'string',\n name: 'privilegeCount',\n header: i18next.t('field.privileges'),\n record: { align: 'center', renderer: privilegeCountCell },\n width: 110\n },\n {\n /\n * 출처 — 여기가 「보이는 것과 고칠 수 있는 것」을 가른다.\n \n 전에는 도메인 이름을 날값으로 냈다(`SYSTEM` · `MIRATEK`). 그건 구분이 아니다 —\n * 읽는 사람이 자기 도메인 이름을 외우고 있어야 한다. 지금은 「우리」와\n * 「상속 · SYSTEM」 으로 말한다.\n \n ⚠ `classifier` 로 행 전체를 물들이지 않는다. 선례들이 색을 `'#8B0000'` 처럼 박아\n * 두었고(dataset 5곳), 그 규약(`emphasized: [배경, 글자]`)이 `var(...)` 를 받는지도\n * 확인되지 않았다. 그리고 `emphasized` 는 강조하는 장치인데 여기서 필요한 것은\n * 그 반대다 — 11행 중 9행을 강조하면 강조가 아니다. 그래서 이 칸이 진다.\n /\n type: 'string',\n name: 'source',\n header: i18next.t('field.source'),\n record: { align: 'center', renderer: (_v: any, _c: any, record: any) => this.sourceCell(record) },\n width: 150\n },\n {\n type: 'datetime',\n name: 'updatedAt',\n header: i18next.t('field.updated_at'),\n record: { align: 'center' },\n sortable: true,\n width: 160\n }\n ],\n rows: {\n selectable: { multiple: true }\n },\n sorters: [{ name: 'name' }]\n }\n }\n\n async pageUpdated(_changes: any, _lifecycle: any) {\n if (this.active) {\n await this.updateComplete\n this.grist.fetch()\n }\n }\n\n /\n 역할을 가져온다 — 권한 행은 받지 않는다.\n \n 전에는 `privileges { id name category }` 를 함께 물었다. 그것으로 그린 것은 잘린 코드 용어\n * 셋이었고, 값은 이랬다.\n \n ```\n * [UX 실측] 권한 포함 5,731 bytes · 69ms\n * [UX 실측] 권한 없이 518 bytes · 7ms\n * ```\n \n 바이트보다 큰 것은 `Role.privileges` 필드 리졸버가 역할마다 한 번씩 도는 것이 함께\n * 없어지는 쪽이다. 지금은 `privilegeCount` 를 받는다 — DB 가 센다(`role-query.ts`).\n \n `inherited` 는 화면이 고른 묶음을 그대로 넘긴다. 기본값이 「우리 역할」이라 처음 화면에\n * 못 고치는 행이 안 깔린다.\n /\n async fetchHandler({ filters = [], page, limit, sortings = [] }: FetchOption) {\n this.fetchState = 'loading'\n this.filtered = filters.length > 0\n\n try {\n const response = (\n await client.query({\n query: gql`\n query (\n $filters: [Filter!]\n $pagination: Pagination\n $sortings: [Sorting!]\n $inherited: InheritedValueType\n ) {\n responses: roles(\n filters: $filters\n pagination: $pagination\n sortings: $sortings\n inherited: $inherited\n ) {\n items {\n id\n name\n description\n domain {\n id\n name\n subdomain\n }\n privilegeCount\n updatedAt\n }\n total\n }\n }\n `,\n variables: {\n filters,\n pagination: { page, limit },\n sortings: sortings.length ? sortings : [{ name: 'name' }],\n inherited: this.scope\n }\n })\n ).data.responses\n\n this.total = response.total\n this.fetchState = 'loaded'\n\n return {\n records: response.items,\n total: response.total\n }\n } catch (e) {\n / 못 읽은 것을 「없다」로 그리지 않는다. /\n this.fetchState = 'failed'\n throw e\n }\n }\n\n /\n 격자에서 고친 줄들을 저장한다.\n \n 이 저장소의 목록 관례를 그대로 쓴다 — `dirtyRecords` 를 `__dirtyfields__[key].after` 로 펴서\n * `cuFlag` 와 함께 보낸다(`fiscal-quarter-list-page` 가 같은 모양). 서버가\n * `updateMultipleRole` 로 받는다.\n \n `privileges` 는 안 보낸다. 여기서 고치는 것은 이름과 설명이고, 권한은 전용 화면이\n * 소유한다. 안 보낸 것을 「비우라」로 읽으면 이름만 고친 순간 그 역할이 아무것도 안 여는\n * 역할이 된다 — 서버 쪽에도 같은 말을 주석으로 적어 뒀다.\n /\n private async onSaveGrid() {\n const dirty = this.grist.dirtyRecords\n if (!dirty?.length) {\n return\n }\n\n const patches = dirty.map((record: any) => {\n const patch: any = record.id ? { id: record.id } : {}\n for (const key in record.__dirtyfields__) {\n patch[key] = record.__dirtyfields__[key].after\n }\n patch.cuFlag = record.__dirty__\n return patch\n })\n\n const response = await client.mutate({\n mutation: gql`\n mutation ($patches: [RolePatch!]!) {\n updateMultipleRole(patches: $patches) {\n id\n }\n }\n `,\n variables: { patches },\n context: gqlContext()\n })\n\n if (response.errors?.length) {\n / 실패를 조용히 넘기지 않는다 — 격자는 고친 채로 남아 있어야 다시 저장할 수 있다. /\n document.dispatchEvent(\n new CustomEvent('notify', { detail: { level: 'error', message: response.errors[0]?.message } })\n )\n return\n }\n\n this.grist.fetch()\n }\n\n /\n 고른 역할을 지운다.\n \n 서버는 가진 사람이 있는 역할을 남긴다(`deleteRoles`). 그래서 여기서 「지웠다」고 말하지\n * 않고 목록을 다시 읽는다 — 무엇이 남았는지가 화면에서 보이는 것이 맞다.\n /\n private async onDeleteGrid() {\n const selected = this.grist.selected\n if (!selected?.length) {\n return\n }\n\n /\n * 상속된 행은 여기서 못 지운다 — `deleteRoles` 가 `domain.id` 로 좁혀 찾으므로 그 행은\n * 조용히 남는다. 「지웠다」로 보이고 목록에 그대로 있으면 사람이 두 번 세 번 누른다.\n /\n const mine = selected.filter((record: any) => !this.isInherited(record))\n if (!mine.length) {\n await OxPrompt.open({\n type: 'warning',\n title: i18next.t('button.delete'),\n text: i18next.t('text.inherited roles are edited in their own domain'),\n confirmButton: { text: i18next.t('button.confirm') }\n })\n return\n }\n\n if (\n !(await OxPrompt.open({\n type: 'warning',\n title: i18next.t('button.delete'),\n text: i18next.t('text.roles in use are kept'),\n confirmButton: { text: i18next.t('button.confirm') },\n cancelButton: { text: i18next.t('button.cancel') }\n }))\n ) {\n return\n }\n\n const response = await client.mutate({\n mutation: gql`\n mutation ($ids: [String!]!) {\n deleteRoles(ids: $ids)\n }\n `,\n variables: { ids: mine.map((record: any) => record.id) },\n context: gqlContext()\n })\n\n if (response.errors?.length) {\n document.dispatchEvent(\n new CustomEvent('notify', { detail: { level: 'error', message: response.errors[0]?.message } })\n )\n return\n }\n\n this.grist.fetch()\n }\n\n /\n 역할을 만드는 두 문을 한 자리에 연다.\n \n ── 왜 `ox-record-creator`(빈 줄)를 걷어냈나 ────────────────────────────────\n * 이름을 짓는 것은 쉬운 쪽이고 「품질검사원에게 84개 중 무엇을 주나」가 어려운 쪽인데, 빈\n * 줄은 그 판단을 통째로 사람에게 넘긴다. 미라텍이 그래서 역할 둘뿐이다.\n \n 그리고 그 단추는 `.filters` 안에 있었는데 `CommonHeaderStyles` 는 `.actions button` 만\n * 꾸민다. `.filters` 에 button 규칙이 없어서 브라우저 기본 단추가 그대로 나왔다 — 옆의\n * 알약 범위 단추·검색과 같은 줄에서 혼자 네모난 회색 상자였다. 이 관례를 쓰는 다른 목록\n * 화면(24 파일)도 전부 같은 상태다.\n \n ── 순서가 가르친다 ────────────────────────────────────────────────────────\n * 템플릿이 먼저고 백지가 나중이다. 「품질검사원, 권한 7」을 본 사람은 자리가 어떻게 생긴\n * 것인지 알고 나서 자기 것을 짓는다. 그렇다고 백지를 감추면 안 된다 — 「야간반장」·「외주\n * 검사」 같은 자리는 그 공장이 아는 것이지 제품이 아는 게 아니다.\n /\n private async openCreate() {\n await import('../../components/role-template-picker.js')\n\n const popup = openPopup(\n html`<role-template-picker .page=${this} @close=${() => popup.close()}></role-template-picker>`,\n {\n backdrop: true,\n size: 'large',\n title: i18next.t('button.create role')\n }\n )\n }\n\n /* 템플릿에서 — 이름은 이 공장이 정한 것을 그대로 보낸다. /\n async createFromTemplate(templateId: string, name: string) {\n const response = await client.mutate({\n mutation: gql`\n mutation ($templateId: String!, $name: String) {\n createRoleFromTemplate(templateId: $templateId, name: $name) {\n id\n }\n }\n `,\n variables: { templateId, name },\n context: gqlContext()\n })\n\n if (response.errors?.length) {\n document.dispatchEvent(\n new CustomEvent('notify', { detail: { level: 'error', message: response.errors[0]?.message } })\n )\n return false\n }\n\n this.grist.fetch()\n return true\n }\n\n /* 백지에서 — 권한 없이 선다. 목록의 권한 수 칸이 0 을 빨갛게 말하므로 다음 걸음이 보인다. /\n async createBlankRole(name: string, description: string) {\n return await this.onCreateRole({ name, description })\n }\n\n /\n 새 역할.\n \n 권한 없이 만들어진다. 그것이 맞다 — 이름을 정하는 것과 무엇을 열지 정하는 것은 다른\n * 판단이고, 목록의 요약 칸이 「여는 것이 없음」을 빨갛게 말하므로 다음 걸음이 보인다.\n /\n private async onCreateRole(record: any) {\n const response = await client.mutate({\n mutation: gql`\n mutation ($role: NewRole!) {\n createRole(role: $role) {\n id\n }\n }\n `,\n variables: { role: { name: record.name, description: record.description } },\n context: gqlContext()\n })\n\n if (response.errors?.length) {\n document.dispatchEvent(\n new CustomEvent('notify', { detail: { level: 'error', message: response.errors[0]?.message } })\n )\n return false\n }\n\n this.grist.fetch()\n return true\n }\n}\n\n/\n 권한 수 한 칸 — 0 이 가장 할 말이 많은 값이다.\n \n 권한이 하나도 없는 역할은 붙여도 아무 일이 없다. 그것이 이 화면에서 *조치가 필요한 유일한\n 상태*이므로 색을 그때만 쓴다. 나머지는 수만 낸다.\n /\nfunction privilegeCountCell(_value: any, _column: any, record: any) {\n const count = record?.privilegeCount\n\n /* 「모른다」와 「0」은 다르다 — 아직 안 온 값에 색을 쓰지 않는다. */\n if (count === undefined \|\| count === null) {\n return html``\n }\n\n return count === 0\n ? html`<span class=\"badge\" attention>${i18next.t('text.no privilege granted')}</span>`\n : html`<span class=\"badge\">${count}</span>`\n}\n"]}

package/dist-client/pages/role/role-privilege-page.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import '@material/web/icon/icon.js';
+import '@operato/list-state/ox-page-state.js';
 import '@operato/input/ox-input-search.js';
-import '@operato/oops/ox-oops-note.js';
 import type { CSSResultGroup } from 'lit';
 import { PageView } from '@operato/shell';
 declare const RolePrivilegePage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
@@ -45,6 +45,8 @@ export declare class RolePrivilegePage extends RolePrivilegePage_base {
     private keyword;
     private mySubdomain;
     private fetchState;
+    /** What the server said when the read failed - the screen shows that sentence, not a guess. */
+    private loadError;
     private saving;
     private dirty;
     /**
@@ -81,6 +83,7 @@ export declare class RolePrivilegePage extends RolePrivilegePage_base {
         }[];
     };
     render(): import("lit-html").TemplateResult<1>;
+    private renderRole;
     /**
      * 어느 역할을 고치고 있나, 그리고 그것이 무엇을 위한 것인가.
      *

package/dist-client/pages/role/role-privilege-page.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from "tslib";
 import '@material/web/icon/icon.js';
+import '@operato/list-state/ox-page-state.js';
 import '@operato/input/ox-input-search.js';
-import '@operato/oops/ox-oops-note.js';
 import gql from 'graphql-tag';
 import { css, html, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
@@ -11,7 +11,7 @@ import { KNOWN_AXES, axisLabel } from '../../utils/privilege-axis.js';
 import { openPopup } from '@operato/layout';
 import { OxPrompt } from '@operato/popup/ox-prompt.js';
 import { PageView } from '@operato/shell';
-import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
+import { CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
 import { getDomain } from '@things-factory/auth-base/dist-client';
 import { filterPrivilegeModules, selectedVisibleModule } from '../../components/role-privilege-picker-state.js';
 /**
@@ -58,25 +58,22 @@ let RolePrivilegePage = class RolePrivilegePage extends localize(i18next)(PageVi
         this.keyword = '';
         this.mySubdomain = '';
         this.fetchState = 'loading';
+        /** What the server said when the read failed - the screen shows that sentence, not a guess. */
+        this.loadError = null;
         this.saving = false;
         this.dirty = false;
     }
     static { this.styles = [
+        /* The frame owns the page shell; the two panes are the content it sizes (ADR-0060 decision 8). */
+        WorkSurfacePageStyles,
         ScrollbarStyles,
         CommonHeaderStyles,
         css `
       :host {
-        display: flex;
-        flex-direction: column;
-        width: 100%;
-        min-height: 0;
-        background-color: var(--md-sys-color-surface);
         color: var(--md-sys-color-on-surface);
       }
       [body] {
-        flex: 1;
-        min-height: 0;
         display: grid;
         /* 왼쪽은 이름만 담으므로 고정, 오른쪽이 문장을 받으므로 남는 폭을 준다. */
         grid-template-columns: minmax(200px, 280px) 1fr;
@@ -525,20 +522,26 @@ let RolePrivilegePage = class RolePrivilegePage extends localize(i18next)(PageVi
         };
     }
     render() {
-        if (this.fetchState === 'failed') {
-            return html `<ox-oops-note
-        icon="error_outline"
-        title=${i18next.t('text.failed to fetch')}
-        description=${i18next.t('text.please try again')}
-      ></ox-oops-note>`;
-        }
+        /*
+         * Loading, refused and failed are one part now (ADR-0060 decision 8). The note this screen drew
+         * said "failed, please try again" whatever had happened: a privilege refusal - likely here, of
+         * all screens - read as a breakage, and it offered no way to read it again.
+         */
+        return html `<ox-page-state
+      .loading=${this.fetchState === 'loading'}
+      .error=${this.loadError}
+      @retry=${() => this.fetch()}
+      >${this.renderRole()}</ox-page-state
+    >`;
+    }
+    renderRole() {
         return html `
       ${this.inherited
             ? html `<div note attention>
-            ${i18next.t('text.role belongs to x domain and is edited there', {
+              ${i18next.t('text.role belongs to x domain and is edited there', {
                 x: this.subject?.domain?.name || this.subject?.domain?.subdomain
             })}
-          </div>`
+            </div>`
             : nothing}
       ${this.renderSubject()} ${this.renderHolders()} ${this.renderGranted()}
     `;
@@ -602,8 +605,8 @@ let RolePrivilegePage = class RolePrivilegePage extends localize(i18next)(PageVi
         ${granted.length
             ? html `<ul lines>
-              ${granted.map(({ category, cell }) => this.renderGrantedLine(category, cell))}
-            </ul>`
+                ${granted.map(({ category, cell }) => this.renderGrantedLine(category, cell))}
+              </ul>`
             : html `<div empty>${i18next.t('text.nothing is on for this role yet')}</div>`}
         ${this.renderAdd()}
       </div>
@@ -627,8 +630,8 @@ let RolePrivilegePage = class RolePrivilegePage extends localize(i18next)(PageVi
         ${this.inherited
             ? nothing
             : html `<button drop title=${i18next.t('button.drop')} @click=${() => this.onToggle(cell.id, false)}>
-              <md-icon>close</md-icon>
-            </button>`}
+                <md-icon>close</md-icon>
+              </button>`}
       </li>
     `;
     }
@@ -690,7 +693,7 @@ let RolePrivilegePage = class RolePrivilegePage extends localize(i18next)(PageVi
      */
     renderPickerBody() {
         return html `
-      <div body>
+      <div body class="page-fill">
         <div panel>
           <header>
             ${i18next.t('field.module')}
@@ -739,8 +742,8 @@ let RolePrivilegePage = class RolePrivilegePage extends localize(i18next)(PageVi
         }
         return this.holders.length
             ? html `<div note>
-          ${i18next.t('text.x people hold this role', { x: this.holders.length })}
-          — ${this.holders.map(h => h.name || h.email).join(', ')}
+          ${i18next.t('text.x people hold this role', { x: this.holders.length })} —
+          ${this.holders.map(h => h.name || h.email).join(', ')}
         </div>`
             : html `<div note>${i18next.t('text.no one holds this role yet')}</div>`;
     }
@@ -827,9 +830,11 @@ let RolePrivilegePage = class RolePrivilegePage extends localize(i18next)(PageVi
         const roleId = this.lifecycle?.resourceId;
         if (!roleId) {
             this.fetchState = 'failed';
+            this.loadError = new Error(i18next.t('text.no role to show'));
             return;
         }
         this.fetchState = 'loading';
+        this.loadError = null;
         this.mySubdomain = (await getDomain())?.subdomain || '';
         const response = await client.query({
             query: gql `
@@ -867,9 +872,21 @@ let RolePrivilegePage = class RolePrivilegePage extends localize(i18next)(PageVi
         if (response.errors?.length) {
             /* 실패를 「권한이 하나도 없다」로 그리지 않는다 — 저장하면 실제로 그렇게 된다. */
             this.fetchState = 'failed';
+            this.loadError = response.errors;
             return;
         }
-        this.subject = response.data?.roles?.items?.[0] || {};
+        const role = response.data?.roles?.items?.[0];
+        /*
+         * A role id nobody has resolves with no error and no role, so the screen drew an empty
+         * privilege list - a role that is gone looked exactly like a role that has been granted
+         * nothing, and saving from there would have written that emptiness back.
+         */
+        if (!role?.id) {
+            this.fetchState = 'failed';
+            this.loadError = new Error(i18next.t('text.this role no longer exists'));
+            return;
+        }
+        this.subject = role;
         this.holders = this.subject.users || [];
         this.build(response.data?.rolePrivileges || []);
         this.fetchState = 'loaded';
@@ -1019,6 +1036,10 @@ __decorate([
     state(),
     __metadata("design:type", String)
 ], RolePrivilegePage.prototype, "fetchState", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], RolePrivilegePage.prototype, "loadError", void 0);
 __decorate([
     state(),
     __metadata("design:type", Boolean)