npm - @things-factory/auth-ui - Versions diffs - 10.1.6 → 10.1.13 - Mend

@things-factory/auth-ui 10.1.6 → 10.1.13

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 (45) hide show

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 { 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 가 됐다. 지금은 `role-detail` 이 자기 이름을 들고 있다.\n * ② 목록에 권한이 하나도 안 보였다. 「이 역할이 무엇을 여나」를 알려면 펼쳐야 했다.\n * ③ 한도도 쪽 나누기도 없었다.\n \n ── 목록이 말해 주는 것 ─────────────────────────────────────────────────────\n * 역할마다 몇 개의 모듈에서 무엇이 열려 있나를 요약해 싣는다(`board 읽기·쓰기 · order 읽기`\n * 식). 사용자 관리에서 역할을 고를 때 이름만 보고 고르던 것이 여기서 갈린다.\n \n ── 상속 ────────────────────────────────────────────────────────────────────\n * 부모 도메인의 역할도 함께 나온다(`inherited: Include`) — 실제로 부여할 수 있는 범위가 그것이기\n * 때문이다. 다만 부모 것은 여기서 못 고친다(`updateRole` 의 범위가 내 도메인이다). 그래서\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 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 @query('ox-grist') private grist!: DataGrist\n\n /\n 저장과 삭제를 툴바에 둔다.\n \n 격자에서 고치는 화면들의 관례다(`fiscal-quarter-list-page` 외). 격자 안 편집은 여러 줄을\n * 한꺼번에 고치므로, 줄마다 저장 단추를 두면 어디를 눌러야 하는지가 사라진다.\n /\n get context() {\n return {\n title: i18next.t('text.role_management'),\n help: 'auth/roles',\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 <ox-filters-form autofocus></ox-filters-form>\n\n <!-- 목록에서 새 줄을 만드는 관례 (24 파일). 격자 설정에서 칸을 읽어 온다. -->\n <ox-record-creator .callback=${this.onCreateRole.bind(this)}>\n <button><md-icon>add</md-icon></button>\n </ox-record-creator>\n </div>\n <ox-context-page-toolbar class=\"actions\" .context=${this.context}></ox-context-page-toolbar>\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 * 역할이 없으면 초대한 사람은 로그인해도 볼 화면이 하나도 없다. 그래서 그 사실을 말한다.\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 async pageInitialized() {\n this.mySubdomain = (await getDomain())?.subdomain \|\| ''\n\n this.config = {\n list: {\n fields: ['name', 'description'],\n details: ['summary', 'domain']\n },\n columns: [\n { type: 'gutter', gutterName: 'sequence', fixed: true },\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 /\n type: 'string',\n name: 'summary',\n header: i18next.t('field.privileges'),\n record: { align: 'left', renderer: privilegeSummary },\n /\n * 여기를 눌러 권한 편집으로 간다. 컬럼마다 자기 처리기를 두는 것이 관례다\n * (`employee-list-page` 가 같은 모양) — 행 전체에 두면 이름을 고치려 누른 것이\n * 화면을 떠나 버린다.\n /\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 width: 300\n },\n {\n / 부모 도메인의 역할은 여기서 못 고친다 — 어느 도메인 것인지 먼저 보여야 한다. /\n type: 'string',\n name: 'domain',\n header: i18next.t('field.domain'),\n record: { align: 'center', renderer: (_v: any, _c: any, record: any) => record?.domain?.name \|\| '' },\n width: 140\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 권한은 `Role.privileges` 필드 리졸버가 역할마다 한 번씩 읽는다. 역할은 도메인마다 열 단위이고\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 privileges {\n id\n name\n category\n }\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: InheritedValueType.Include\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 권한 없이 만들어진다. 그것이 맞다 — 이름을 정하는 것과 무엇을 열지 정하는 것은 다른\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/* 아는 축은 사람 말로. `role-detail` 과 같은 어휘를 쓴다. /\nconst AXIS_LABEL: Record<string, string> = {\n query: 'label.read',\n mutation: 'label.write',\n execute: 'label.execute'\n}\n\n/\n `board 읽기·쓰기 · order 읽기` — 모듈별로 접어 보여 준다.\n \n 84개를 다 적으면 목록이 못 읽히므로 앞의 셋만 적고 나머지는 수로 말한다. 권한이 하나도 없는\n * 역할은 붙여도 아무 일이 없다 — 그것이 조치가 필요한 유일한 상태이므로 색을 쓴다.\n */\nfunction privilegeSummary(_value: any, _column: any, record: any) {\n const privileges = record?.privileges \|\| []\n\n if (!privileges.length) {\n return html`<span class=\"badge\" attention>${i18next.t('text.no privilege granted')}</span>`\n }\n\n const byCategory = new Map<string, string[]>()\n for (const { category, name } of privileges) {\n const axes = byCategory.get(category) \|\| []\n axes.push(AXIS_LABEL[name] ? i18next.t(AXIS_LABEL[name]) : name)\n byCategory.set(category, axes)\n }\n\n const entries = [...byCategory.entries()].sort((a, b) => a[0].localeCompare(b[0]))\n const shown = entries.slice(0, 3).map(([category, axes]) => `${category} ${axes.join('·')}`)\n const rest = entries.length - shown.length\n\n return html`<span class=\"badge\"\n >${shown.join(' · ')}${rest > 0 ? ` ${i18next.t('text.and x more', { x: rest })}` : ''}</span\n >`\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 } 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 }\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 * 어느 묶음을 보고 있나 — 기본값은 「우리 역할」이다.\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 <ox-context-page-toolbar class=\"actions\" .context=${this.context}></ox-context-page-toolbar>\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 </div>\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 this.mySubdomain = (await getDomain())?.subdomain \|\| ''\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,40 +1,37 @@
 import '@material/web/icon/icon.js';
-import '@material/web/textfield/filled-text-field.js';
-import '@material/web/checkbox/checkbox.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;
 /**
- * 한 역할이 무엇을 열 수 있나 — **왼쪽에 모듈, 오른쪽에 그 모듈에서 되는 일.**
+ * 한 역할이 무엇을 할 수 있나 — **켜진 것이 문장으로 본문에 선다.**
  *
- * ── 왜 페이지인가 (UX 레인, 2026-09-10) ─────────────────────────────────────
- * 처음에는 이것을 팝업에 넣었고 사용자에게 「팝업이 너무 작다」를 들었다. 그때 `size` 를 키우는
- * 것으로 답했는데 그것이 증상 처리였다 — **모듈이 46개고 각 줄에 설명 문장이 붙으면 팝업에
- * 안 들어간다.** 자리 자체가 틀렸다.
+ * ── 사용자 평가가 이 화면을 두 번 뒤집었다 ──────────────────────────────────
+ * **「화면으로부터 배울 수 있는 것이 없고, 혼란스럽고, 어렵고, 불편하다.」**
  *
- * 그리고 이 저장소의 관례가 그렇다: `editable` 컬럼 139 파일 대 `openPopup` 96 파일 —
- * **격자에서 고치고, 팝업은 격자가 못 담는 것에 쓴다.** 역할의 이름과 설명은 목록 격자에서
- * 고치고(`updateMultipleRole`), 권한은 격자가 못 담으므로 이 페이지가 받는다.
+ * 처음에는 팝업 안의 `모듈 × 읽기·쓰기` 격자였다. 격자는 「이 모듈에서 무엇이 켜졌나」에
+ * 답하는데, 관리자가 묻는 것은 **「이 역할이 무엇을 하나」**다. 격자로 그걸 읽으려면 모듈
+ * 46개를 한 번씩 열어야 하고, 역할을 부여하는 사람은 부여하기 **전에** 그 답이 필요하다.
  *
- * ── 「배울 것이 없다」를 고치는 자리 ────────────────────────────────────────
- * 사용자 평가가 이랬다 — **「화면으로부터 배울 수 있는 것이 없고, 혼란스럽고, 어렵고, 불편하다」.**
- * 옛 격자는 `board` 라고만 쓰고 「쓰기를 켜면 이 사람이 무엇을 할 수 있게 되나」를 어디에도 안
- * 적었다. 설명을 체크박스 `title` 에 숨겨 놨는데 마우스를 올려야 나오고, 그건 배우는 길이 아니다.
+ * 그래서 뒤집었다(UX 레인 §2). 켜진 것을 문장으로 늘어놓는 것이 본문이고, 격자는 **더할 때
+ * 쓰는 도구**로 자리를 옮겼다(`renderAdd`). 버린 것은 없다.
  *
- * 그래서 **설명은 본문이다.** 체크박스 옆에 문장이 함께 선다.
+ * ── 문장은 어디서 오나 ──────────────────────────────────────────────────────
+ * ```
+ * 1  Privilege.description   서버가 채우면 그것이 이긴다 — 배포마다 다를 수 있는 사실은 서버가 안다
+ * 2  privilege.allows.<category>.<axis>   UX 레인이 쓴 글 (57 모듈 · 104 문장, ko·en)
+ * 3  「아직 설명이 없습니다」  둘 다 없으면. 지어내지 않는다
+ * ```
  *
- * ⚠ **그런데 그 문장이 아직 시스템에 없다.** `Privilege.description` 은 칸도 있고
- * `createPrivilege` 가 받지만, 부팅 동기화는 `{ category, name }` 둘만 저장하고
- * (`auth-base/server/index.ts:34-36`) 그 mutation 을 부르는 화면이 없다 — 713개 선언이 전부
- * 빈 설명이다. 그래서 이 화면은 **없으면 없다고 말한다.** 코드 낱말(`board mutation`)을 다시
- * 보여 주지 않고, 지어내지도 않는다. 글은 UX 레인이 `privilege.category.*` 키로 채우는 중이다.
+ * 1번은 아직 **전부 비어 있다** — 부팅 동기화가 `{ category, name }` 둘만 저장한다
+ * (`auth-base/server/index.ts:34-36`). 그래서 지금 화면에 나오는 문장은 전부 2번이다.
  *
  * ── 저장 범위는 서버가 준 목록이다 ──────────────────────────────────────────
- * 옛 편집기는 `querySelectorAll('input:checked')` 로 보냈다. 왼쪽에서 다른 모듈을 고르면
- * 앞 모듈의 체크박스는 **DOM 에 없다** — 그 방식이면 모듈을 옮겨 다니는 것만으로 권한이
- * 조용히 떨어진다. 여기서는 `rolePrivileges` 가 준 전체가 범위이고, 켠 것은 `assigned` 에만
- * 있다. 화면이 무엇을 그렸는지와 무관하다.
+ * 옛 편집기는 `querySelectorAll('input:checked')` 로 보냈다. 「더하기」 판에서 다른 모듈로
+ * 옮기면 앞 모듈의 체크박스는 **DOM 에 없다** — 그 방식이면 모듈을 옮겨 다니는 것만으로
+ * 권한이 조용히 떨어진다. 여기서는 `rolePrivileges` 가 준 전체가 범위이고 켠 것은
+ * `assigned` 에만 있다. 화면이 무엇을 그렸는지와 무관하다.
  */
 export declare class RolePrivilegePage extends RolePrivilegePage_base {
     static styles: CSSResultGroup;
@@ -49,6 +46,7 @@ export declare class RolePrivilegePage extends RolePrivilegePage_base {
     private mySubdomain;
     private fetchState;
     private saving;
+    private dirty;
     /**
      * 부모 도메인의 역할은 여기서 못 고친다 — `updateRole` 의 범위가 `domain.id` 하나다.
      * 목록이 상속으로 보여 주므로 관리자가 여기까지 온다. 읽기 전용으로 두고 어디로 가야 하는지
@@ -57,38 +55,113 @@ export declare class RolePrivilegePage extends RolePrivilegePage_base {
     private get inherited();
     private get savable();
     private get visibleModules();
+    /**
+     * `role-privilege-picker` 는 이 페이지의 상태를 읽어 그린다. 둘은 서로 다른 shadow root 이므로
+     * 여기 state 만 바꾸면 picker 는 다시 그릴 이유를 알지 못한다. 검색·모듈 선택은 그 누락 때문에
+     * 눌러도 화면이 그대로였다.
+     */
+    private refreshPicker;
+    private selectModule;
+    /**
+     * ox-input-search 의 `change` 는 입력을 끝내고 포커스를 옮길 때만 온다. 모듈을 찾는 칸은
+     * 입력하는 즉시 좁혀져야 하므로 shadow 경계를 넘어오는 native input 이벤트도 함께 받는다.
+     */
+    private updateKeyword;
     get context(): {
-        title: any;
+        title: {
+            icon: string;
+            text: string;
+        };
         help: string;
         actions: {
             title: string;
+            disabled: boolean;
+            disabledTitle: string;
             action: () => Promise<void>;
         }[];
     };
     render(): import("lit-html").TemplateResult<1>;
     /**
-     * Which role am I editing, and what is it for.
+     * 어느 역할을 고치고 있나, 그리고 그것이 무엇을 위한 것인가.
      *
-     * The page header carried the name and nothing else, and the description - the one line that
-     * says what the job is - was only visible back on the list. A reader who arrives by link had
-     * no way to tell "Administrator" from "PLANT-MANAGER" beyond the word itself.
+     * 머리말은 이름만 들고 있었고, **직무를 말하는 한 줄인 설명은 목록에만 있었다.** 링크로
+     * 들어온 사람은 `Administrator` 와 `PLANT-MANAGER` 를 낱말 말고는 구별할 방법이 없다.
      *
-     * A role with no description says so. The next thing to do is write one, in the list grid.
+     * 설명이 없는 역할은 없다고 말한다. 다음에 할 일은 그것을 쓰는 것이고, 자리는 목록 격자다.
      */
     private renderSubject;
     /**
-     * Everything this role has, in one block.
+     * **이 역할이 할 수 있는 일 — 이것이 본문이다.**
+     *
+     * ── 뒤집은 이유 (UX 레인 §2, 사용자 평가) ──────────────────────────────────
+     * 격자는 「이 모듈에서 무엇이 켜졌나」에 답한다. 관리자가 묻는 것은 **「이 역할이 무엇을
+     * 하나」**이고, 격자로 그것을 읽으려면 모듈 46개를 한 번씩 열어야 한다. 역할을 부여하는
+     * 사람은 부여하기 **전에** 그 답이 필요하다.
+     *
+     * 그래서 켜진 것을 문장으로 늘어놓는 것이 본문이 되고, 격자는 **더할 때 쓰는 도구**로
+     * 자리를 옮긴다(`renderAdd`). 문장이 줄마다 있으므로 배우는 일이 따로 없다.
      *
-     * The two panels answer "what can this role do in this module". They cannot answer "what does
-     * this role do at all" - that reading costs one click per module, 46 of them, and the person
-     * granting a role needs the whole answer before they grant it.
+     * ── 켜진 것만 낸다 ─────────────────────────────────────────────────────────
+     * 전체를 여기 또 그리면 같은 46 모듈이 화면에 두 번 선다. 전체는 「더하기」 판이 갖는다.
      *
-     * Only what is on. The full matrix is what the panels are for, and repeating it here would
-     * put the same 46 modules on screen twice.
+     * ── 글이 없을 때 ───────────────────────────────────────────────────────────
+     * 「더하기」 판에서는 문장이 없으면 **없다고 말해도 된다** — 체크박스 옆에 「읽기」라는
+     * 라벨이 이미 있어서 무엇을 켜는지 알 수 있다.
      *
-     * Each entry moves the panels to that module, so this block doubles as the way in.
+     * 여기서는 다르다. **이 줄이 곧 그 권한의 신분이다.** 없다고만 쓰면 무엇을 떼는지 모르는
+     * 줄이 되므로, 그때는 `모듈 · 축` 으로 이름을 짓는다. 그것은 코드 낱말이 아니다 —
+     * `privilege.category.*` 57개와 「읽기/쓰기」가 사람 말이다.
      */
     private renderGranted;
+    /**
+     * 한 줄 — 문장과 [떼기].
+     *
+     * 유령(이 배포의 어떤 코드도 요구하지 않는 권한)은 취소선으로 보이고 **떼는 것만** 된다.
+     * 이미 붙어 있으니 뗄 수 있어야 하고, 붙여도 아무 일이 없으니 다시 켤 이유가 없다.
+     */
+    private renderGrantedLine;
+    /**
+     * 「＋ 할 수 있는 일 더하기」 — 격자가 여기 들어간다.
+     *
+     * 열어 두지 않는 이유는 하나다 — **처음 읽는 것이 「이 역할이 무엇을 하나」여야 한다.**
+     * 46 모듈이 늘 펼쳐져 있으면 그 답이 화면 아래로 밀린다.
+     *
+     * 상속 역할에는 내주지 않는다. 여기서 저장할 수 없으므로 켜 보게 하는 것이 헛수고다 —
+     * 대신 위쪽 안내가 어느 도메인에서 고치는지 말한다.
+     */
+    private renderAdd;
+    /**
+     * 고르는 판을 **넓은 팝업**으로 연다.
+     *
+     * 사용자 말씀이다 — 「'할 수 있는 일 더하기' 작동을 팝업으로 넓게 할 수 있었으면 어떤가?
+     * 지금은 좁아보이고」. 페이지 안에 펼치면 본문(할 수 있는 일)이 아래로 밀리고, 남은 폭에서
+     * 모듈 46개와 축 목록을 함께 봐야 한다. 고르는 동안은 **고르는 것만** 보는 것이 맞다.
+     *
+     * ```
+     * [읽었음] ox-floating-overlay.ts:126-134   [size=large]  width 100% · height 100%
+     * ```
+     *
+     * `escapable` 을 건드리지 않는다 — 켠 것은 팝업이 아니라 **이 페이지의 `assigned`** 에 바로
+     * 들어가므로 닫든 ESC 를 누르든 잃는 것이 없다. 물어볼 것이 없는 판에 물으면 그 물음이 값을
+     * 잃는다. 저장은 여전히 툴바가 한다.
+     *
+     * ⚠ 부품을 **동적으로 들인다.** 그 부품은 스타일 한 벌을 이 클래스에서 가져가므로, 위에서
+     * 정적으로 import 하면 순환이 된다. 여는 순간에 들이면 그 고리가 끊긴다.
+     */
+    private openAdd;
+    /**
+     * 고르는 판의 몸체 — **팝업이 이것을 그린다.**
+     *
+     * 판을 부품 안으로 옮기지 않는다. 모듈 접기·축 줄·유령 규칙이 전부 이 페이지의 상태
+     * (`modules`·`assigned`·`selected`·`keyword`)를 보기 때문이고, 옮기면 **상태가 두 벌**이 된다.
+     * 두 벌이 되는 순간 어느 쪽이 저장 범위인지 흐려진다 — 옛 편집기가 `querySelectorAll` 로
+     * 범위를 만들던 결함이 정확히 그 모양이었다.
+     */
+    renderPickerBody(): import("lit-html").TemplateResult<1>;
+    /** 팝업이 열려 있는 동안 자기를 등록한다 — 토글이 그것을 다시 그리게 한다. */
+    picker?: {
+        requestUpdate: () => void;
+    };
     /**
      * 이 역할을 가진 사람.
      *
@@ -110,6 +183,9 @@ export declare class RolePrivilegePage extends RolePrivilegePage_base {
     /** 평평한 목록을 모듈로 접는다. 축 순서는 아는 것 먼저, 나머지는 이름 순. */
     private build;
     private onToggle;
+    /** 라벨·설명을 포함한 행 전체를 누를 수 있게 한다. checkbox와 키보드 Space는 native change가 맡는다. */
+    private toggleCellFromRow;
+    canDeactivate(): Promise<boolean>;
     /**
      * 저장.
      *