@things-factory/ops-master 10.1.33 → 10.1.35

package/dist-client/pages/master/test-specification.js

@@ -1,447 +1,12 @@
-import { __decorate, __metadata } from "tslib";
-import '@operato/data-grist/ox-grist.js';
-import gql from 'graphql-tag';
-import { css, html } from 'lit';
-import { customElement, query, state } from 'lit/decorators.js';
-import { DataGrist } from '@operato/data-grist';
-import { client } from '@operato/graphql';
-import { i18next } from '@operato/i18n';
-import { CustomAlert } from '@operato/shell';
-import { notify } from '@operato/layout';
-import { EFFECTIVE, IDENTITY, MasterPageBase } from './master-page-base.js';
-/**
- * 무엇을 어떻게 검사하나 — 항목과 상하한과 방법.
- *
- * 인원 등급과 자산 등급이 이것을 요구 검사로 가리킨다.
- *
- * ── 왜 이 축만 자기 화면을 갖나 ────────────────────────────────────────────
- * 다른 축의 칸은 글자 · 숫자 · 날짜라서 공통 그리드 하나로 충분하다. 검사 명세는 다르다. **명세 하나가
- * 기준 여럿을 갖는다.** 기준 하나는 이름 · 설명 · 측정 속성 · 하한 · 상한 · 단위 · 표현식을 갖는다.
- *
- * 그것을 한 칸에 JSON 원문으로 보이면 품질팀장이 상한을 40.5 로 고치려고 중괄호를 세게 된다. 그것은
- * 기준 정보를 다루는 화면이 아니라 개발자가 JSON 을 손보는 화면이다. 실제로 한동안 그랬다.
- *
- * ── 화면은 JSON 을 모른다 ──────────────────────────────────────────────────
- * 서버가 기준을 **행으로** 낸다(`testSpecificationCriteria`) 그리고 행으로 받는다
- * (`updateTestSpecificationCriteria`). 옮김은 서버의 `criteria-rows.ts` 한 곳이 맡는다.
- *
- * 그래서 저장이 언젠가 표로 내려가도 **이 파일은 바뀌지 않는다.** 화면이 JSON 을 풀면 그날 이 코드가
- * 통째로 버려진다.
- *
- * ── 위아래로 나눈다 ────────────────────────────────────────────────────────
- * 위는 명세 목록, 아래는 **고른 명세의 기준**이다. 아무것도 안 고른 상태를 빈 표로 두지 않는다 —
- * 빈 표는 「기준이 없는 명세」와 같아 보이고, 그러면 사람이 기준을 다시 적는다.
- */
-let OpsMasterTestSpecification = class OpsMasterTestSpecification extends MasterPageBase {
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { RevisionWorkspace } from './revision-workspace.js';
+let OpsMasterTestSpecification = class OpsMasterTestSpecification extends RevisionWorkspace {
     constructor() {
         super(...arguments);
-        /**
-         * 지금 체크된 명세들.
-         *
-         * 아래는 **하나의 기준만** 보이는데 위에서 여럿을 체크할 수 있다(명세 여럿을 한 번에 종료하는 데
-         * 쓴다). 그때 화면이 아무 말도 안 하면 보이는 기준이 **여럿을 합친 것**으로 읽힌다. 그래서 몇 개가
-         * 체크돼 있는지 세어 말한다.
-         */
-        this.checked = new Set();
-        /**
-         * 아래 표에서 아직 저장하지 않은 기준이 몇 건인가.
-         *
-         * ── 왜 세어 보이나 (2026-09-05) ────────────────────────────────────────
-         * 이 화면은 표가 둘인데 「저장」은 하나다. 아래를 고쳐 놓고도 그것이 저장 대상인지 화면 어디에도
-         * 안 적혀 있었다. 「복잡한 편집인데 저장 버튼의 기능이 위험해 보인다」(사용자).
-         *
-         * 세어서 표 머리에 적으면 두 가지가 한꺼번에 풀린다. 저장을 누르기 전에 **무엇이 나가는지** 보이고,
-         * 다른 명세로 넘어가려 할 때 **버릴 것이 있다**는 사실도 보인다.
-         */
-        this.dirtyCriteria = 0;
-    }
-    static { this.styles = [
-        ...MasterPageBase.styles,
-        css `
-      :host {
-        display: flex;
-        flex-direction: column;
-      }
-
-      /* 위가 목록, 아래가 그 명세의 기준. 기준 쪽을 조금 더 준다 — 줄이 여럿이다. */
-      .split {
-        display: flex;
-        flex-direction: column;
-        flex: 1;
-        min-height: 0;
-      }
-
-      .split > ox-grist {
-        flex: 4;
-        min-height: 0;
-      }
-
-      .criteria {
-        display: flex;
-        flex-direction: column;
-        flex: 5;
-        min-height: 0;
-        border-top: 1px solid var(--ui-line, #c9d4d9);
-      }
-
-      .criteria-head {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 8px;
-        padding: 6px 12px;
-        background-color: var(--ui-panel-2, #f3f6f7);
-      }
-
-      .criteria-head .what {
-        font-size: 13px;
-        font-weight: 600;
-        color: var(--ui-ink, #17272f);
-      }
-
-      /* 아직 저장하지 않은 것이 있다 — 저장을 누르기 전에 무엇이 나가는지 여기서 읽는다. */
-      .criteria-head .pending {
-        margin-right: 8px;
-        font-family: inherit;
-        font-style: normal;
-        font-weight: 600;
-        color: var(--status-warning-color, #b26a00);
-      }
-
-      .criteria-head .among {
-        margin-left: 6px;
-        font-style: normal;
-        color: var(--status-warning-color, #b26a00);
-      }
-
-      .criteria-head .who {
-        font-family: var(--theme-font-mono, monospace);
-        font-size: 12px;
-        color: var(--ui-muted, #57676f);
-      }
-
-      .criteria ox-grist {
-        flex: 1;
-        min-height: 0;
-      }
-
-      /* 아직 아무 명세도 안 골랐다. 빈 표를 보이지 않는다. */
-      .nothing-picked {
-        flex: 1;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 24px;
-        text-align: center;
-        font-size: 13px;
-        line-height: 1.6;
-        color: var(--ui-muted, #57676f);
-      }
-    `
-    ]; }
-    get spec() {
-        return {
-            key: 'testSpecification',
-            title: 'test-specification',
-            help: 'ops-master/test-specification',
-            query: 'testSpecifications',
-            mutation: 'updateMultipleTestSpecification',
-            columns: [...IDENTITY, ...EFFECTIVE]
-        };
-    }
-    countDirtyCriteria() {
-        this.dirtyCriteria = (this.criteriaGrist?.dirtyRecords ?? []).length;
-    }
-    /**
-     * 기준 표의 구성.
-     *
-     * **단위 칸을 좁히지 않는다.** `MMT`(mm) · `CEL`(℃) 같은 UN/CEFACT 코드가 들어가고, 잘리면
-     * 「무엇으로 잰 값인지」가 화면에서 사라진다.
-     */
-    get criteriaConfig() {
-        return {
-            /*
-             * 명세는 골랐는데 그 안에 판단 기준이 하나도 없는 자리다. 왼쪽의 빈 목록과 뜻이 다르다 —
-             * 「검사 명세가 없다」가 아니라 「이 명세가 아직 무엇으로 합격을 가르는지 말하지 않는다」이다.
-             *
-             * 고른 것이 없을 때는 아래 render 가 표 자체를 보이지 않는다(그 자리 주석 참조).
-             */
-            emptyNote: {
-                title: i18next.t('text.criteria-empty'),
-                description: i18next.t('text.criteria-empty-hint')
-            },
-            list: { fields: ['id', 'description'], details: [] },
-            columns: [
-                { type: 'gutter', gutterName: 'sequence', fixed: true },
-                { type: 'gutter', gutterName: 'row-selector', multiple: true, fixed: true },
-                {
-                    type: 'string',
-                    name: 'id',
-                    header: i18next.t('field.criterion-id'),
-                    record: { editable: true },
-                    width: 160,
-                    fixed: true
-                },
-                {
-                    type: 'string',
-                    name: 'description',
-                    header: i18next.t('field.description'),
-                    record: { editable: true },
-                    width: 180
-                },
-                {
-                    type: 'string',
-                    name: 'evaluatedPropertyId',
-                    header: i18next.t('field.evaluated-property'),
-                    record: { editable: true },
-                    width: 150
-                },
-                { type: 'float', name: 'minimum', header: i18next.t('field.minimum'), record: { editable: true }, width: 100 },
-                { type: 'float', name: 'maximum', header: i18next.t('field.maximum'), record: { editable: true }, width: 100 },
-                { type: 'string', name: 'uom', header: i18next.t('field.uom'), record: { editable: true }, width: 90 },
-                {
-                    type: 'string',
-                    name: 'expression',
-                    header: i18next.t('field.expression'),
-                    record: { editable: true },
-                    width: 200
-                }
-            ],
-            rows: { appendable: true, selectable: { multiple: true } }
-        };
-    }
-    render() {
-        return html `
-      <div class="split">
-        <ox-grist
-          .mode=${this.mode}
-          .config=${this.gristConfig}
-          .fetchHandler=${this.fetchHandler.bind(this)}
-          .personalConfigProvider=${this.getPagePreferenceProvider(`ox-grist-${this.spec.key}`)}
-          @select-record-change=${(e) => this.pick(e)}
-        >
-          <div slot="headroom" class="header">${this.renderScope()}</div>
-          <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
-        </ox-grist>
-
-        <div class="criteria">
-          <div class="criteria-head">
-            <span class="what">${i18next.t('field.criteria')}</span>
-            <span class="who">
-              ${this.dirtyCriteria
-            ? html `<em class="pending">${i18next.t('text.n-unsaved-criteria', { count: this.dirtyCriteria })}</em>`
-            : ''}
-              ${this.picked ?? ''}
-              <!--
-                여럿 체크했는데 하나만 보이는 상태를 **말한다.** 아무 말도 안 하면 보이는 기준이
-                여럿을 합친 것으로 읽힌다.
-              -->
-              ${this.checked.size > 1
-            ? html `<em class="among">${i18next.t('text.of-n-selected', { count: this.checked.size })}</em>`
-            : ''}
-            </span>
-          </div>
-          ${this.picked
-            ? html `
-                <ox-grist
-                  id="criteria-grist"
-                  mode="GRID"
-                  .config=${this.criteriaConfig}
-                  .fetchHandler=${this.fetchCriteria.bind(this)}
-                  @field-change=${() => this.countDirtyCriteria()}
-                  @record-change=${() => this.countDirtyCriteria()}
-                ></ox-grist>
-              `
-            : html `
-                <!--
-                  빈 표를 보이지 않는다. 빈 표는 「기준이 없는 명세」와 같아 보이고, 그러면 사람이
-                  기준을 다시 적는다.
-                -->
-                <div class="nothing-picked">${i18next.t('text.pick-a-specification-to-see-criteria')}</div>
-              `}
-        </div>
-      </div>
-    `;
-    }
-    /**
-     * 위에서 고른 줄이 아래를 정한다.
-     *
-     * ── detail 모양이 거터 설정에 따라 다르다 ─────────────────────────────────
-     * `gutter-row-selector.js` 를 보면 두 모양을 낸다.
-     *
-     * ```
-     * multiple: true   { added: [record], removed: [] }      ← 이 화면이 쓰는 것
-     * 그 밖            { records: [record] }
-     * ```
-     *
-     * 한쪽만 읽으면 **오류보고없이 아무것도 안 골라진다.** 오류가 나지 않고 아래 표만 영원히 안내 문구로
-     * 남는다. 처음에 `records` 만 읽어서 실제로 그랬다. 그리드가 세우는 `__selected__` 를 읽는 방법도
-     * 있는데, 그 표시는 이 화면에 오지 않았다. 그래서 **둘 다 읽는다.**
-     *
-     * 여럿 고르면 마지막에 고른 것을 본다. 아래는 명세 하나의 기준을 보이는 자리라 둘을 함께 보일 수
-     * 없고, 아무 것이나 고르면 사람은 그것이 무엇의 기준인지 모른다.
-     */
-    async pick(e) {
-        const detail = (e.detail ?? {});
-        const nameOf = (record) => String(record?.name ?? '');
-        const added = detail.added ?? detail.records ?? [];
-        const removed = detail.removed ?? [];
-        /* `records` 는 「지금 고른 것 전부」다. `added`·`removed` 는 「이번에 바뀐 것」이다. */
-        const next = detail.records ? new Set() : new Set(this.checked);
-        for (const record of removed)
-            next.delete(nameOf(record));
-        for (const record of added)
-            next.add(nameOf(record));
-        /* 아래에 무엇이 보일지 먼저 정하고, 바꾸기 전에 고치던 것이 있는지 본다. */
-        let picked = this.picked;
-        if (added.length) {
-            picked = nameOf(added[added.length - 1]) || undefined;
-        }
-        else if (removed.some(record => nameOf(record) === this.picked)) {
-            /* 지금 보고 있던 것을 풀었다. 남은 것이 하나면 그것을 보인다. */
-            picked = next.size ? [...next][next.size - 1] : undefined;
-        }
-        else if (detail.records && !detail.records.length) {
-            picked = undefined;
-        }
-        this.checked = next;
-        if (picked === this.picked) {
-            return;
-        }
-        /*
-         * ── 고치던 기준을 **말없이 버리지 않는다** (2026-09-05) ────────────────
-         *
-         * 아래 표는 「지금 고른 명세」에 걸려 있다. 명세를 바꾸면 아래는 새 명세의 기준을 다시 읽어
-         * 오고, 고치던 값은 그때 사라진다. [확인함] 2026-09-05 · CP-CAM-LEAK 의 하한을 고쳐 두고
-         * CP-CAM-OQC 를 고른 뒤 돌아오니 원래 값이었다. 화면은 아무 말도 하지 않았다.
-         *
-         * 두 갈래로만 묻는다 — 어느 쪽을 골라도 넘어간다. 「머무르기」를 두면 위의 체크는 이미 옮겨
-         * 갔는데 아래만 옛 명세를 보이는, 화면과 사실이 어긋난 상태가 남는다.
-         */
-        if (this.dirtyCriteria > 0) {
-            const answer = await CustomAlert({
-                type: 'question',
-                title: i18next.t('text.n-unsaved-criteria', { count: this.dirtyCriteria }),
-                text: i18next.t('text.leaving-discards-unsaved-criteria'),
-                confirmButton: { text: i18next.t('button.save-and-leave') },
-                cancelButton: { text: i18next.t('button.discard-and-leave') }
-            });
-            if (answer?.isConfirmed) {
-                await this.save();
-            }
-        }
-        this.picked = picked;
-        this.dirtyCriteria = 0;
-    }
-    /**
-     * 고른 명세의 기준을 읽는다.
-     *
-     * 못 읽으면 **빈 목록으로 바꾸지 않는다.** 빈 목록은 「기준이 없다」와 같아 보이고, 그러면 사람이
-     * 기준을 다시 적어 넣는다. 무엇이 잘못됐는지 말하고 비운다.
-     */
-    async fetchCriteria() {
-        if (!this.picked) {
-            return { total: 0, records: [] };
-        }
-        try {
-            const response = await client.query({
-                query: gql `
-          query ($name: String!) {
-            testSpecificationCriteria(name: $name) {
-              id
-              description
-              evaluatedPropertyId
-              minimum
-              maximum
-              uom
-              expression
-              keptFields
-            }
-          }
-        `,
-                variables: { name: this.picked },
-                fetchPolicy: 'no-cache'
-            });
-            const rows = (response.data?.testSpecificationCriteria ?? []);
-            /* 어느 줄인지 서버가 알아야 고칠 수 있다 — 이름은 고칠 수 있으므로 이름으로 찾을 수 없다. */
-            return { total: rows.length, records: rows.map((row, index) => ({ ...row, rowIndex: index })) };
-        }
-        catch (error) {
-            notify({ message: error.message, level: 'error' });
-            return { total: 0, records: [] };
-        }
-    }
-    /**
-     * 저장 — **위와 아래를 따로 낸다.**
-     *
-     * 명세 자체(이름 · 버전 · 유효 기간)는 공통 규칙이 저장하고, 기준은 이 축의 뮤테이션이 저장한다.
-     * 기준이 막히면 **명세 쪽도 되돌린다.** 절반만 저장되면 화면과 저장된 것이 달라진다.
-     */
-    async save() {
-        const criteriaPatches = this.picked ? (this.criteriaGrist?.dirtyRecords ?? []) : [];
-        if (criteriaPatches.length) {
-            let response;
-            try {
-                response = await client.mutate({
-                    mutation: gql `
-            mutation ($name: String!, $patches: [Object!]!) {
-              updateTestSpecificationCriteria(name: $name, patches: $patches) {
-                id
-              }
-            }
-          `,
-                    variables: { name: this.picked, patches: criteriaPatches }
-                });
-            }
-            catch (error) {
-                /* 무엇이 왜 막혔는지 그대로 보인다 — 「저장할 수 없습니다」로는 고칠 곳을 모른다. */
-                notify({ message: error.message, level: 'error' });
-                return;
-            }
-            /*
-             * **`errors` 를 직접 본다.** 이 앱의 GraphQL 클라이언트는 서버가 거절해도 던지지 않고
-             * `response.errors` 에 담아 돌려준다. `try/catch` 만 두면 거절이 오류 없이 지나가고, 화면은
-             * 아무 일 없었다는 듯 다음으로 넘어간다 — **고친 것이 버려졌는데 사람은 저장된 줄 안다.**
-             * 2026-09-02에 실제로 그랬다(단위를 지운 기준이 서버에서 막혔는데 화면은 「바뀐 것이 없습니다」).
-             */
-            if (response?.errors?.length) {
-                notify({ message: response.errors.map((error) => error.message).join('\n'), level: 'error' });
-                return;
-            }
-        }
-        await super.save();
-        if (criteriaPatches.length) {
-            this.criteriaGrist?.fetch();
-        }
+        this.axis = 'testSpecification';
     }
 };
-__decorate([
-    state(),
-    __metadata("design:type", String)
-], OpsMasterTestSpecification.prototype, "picked", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], OpsMasterTestSpecification.prototype, "checked", void 0);
-__decorate([
-    query('#criteria-grist'),
-    __metadata("design:type", DataGrist
-    /**
-     * 아래 표에서 아직 저장하지 않은 기준이 몇 건인가.
-     *
-     * ── 왜 세어 보이나 (2026-09-05) ────────────────────────────────────────
-     * 이 화면은 표가 둘인데 「저장」은 하나다. 아래를 고쳐 놓고도 그것이 저장 대상인지 화면 어디에도
-     * 안 적혀 있었다. 「복잡한 편집인데 저장 버튼의 기능이 위험해 보인다」(사용자).
-     *
-     * 세어서 표 머리에 적으면 두 가지가 한꺼번에 풀린다. 저장을 누르기 전에 **무엇이 나가는지** 보이고,
-     * 다른 명세로 넘어가려 할 때 **버릴 것이 있다**는 사실도 보인다.
-     */
-    )
-], OpsMasterTestSpecification.prototype, "criteriaGrist", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], OpsMasterTestSpecification.prototype, "dirtyCriteria", void 0);
 OpsMasterTestSpecification = __decorate([
     customElement('ops-master-test-specification')
 ], OpsMasterTestSpecification);

package/dist-client/pages/master/test-specification.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-specification.js","sourceRoot":"","sources":["../../../client/pages/master/test-specification.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { CustomAlert } from '@operato/shell'\nimport { notify } from '@operato/layout'\n\nimport { EFFECTIVE, IDENTITY, MasterPageBase, MasterSpec } from './master-page-base.js'\n\n/**\n * 무엇을 어떻게 검사하나 — 항목과 상하한과 방법.\n *\n * 인원 등급과 자산 등급이 이것을 요구 검사로 가리킨다.\n *\n * ── 왜 이 축만 자기 화면을 갖나 ────────────────────────────────────────────\n * 다른 축의 칸은 글자 · 숫자 · 날짜라서 공통 그리드 하나로 충분하다. 검사 명세는 다르다. **명세 하나가\n * 기준 여럿을 갖는다.** 기준 하나는 이름 · 설명 · 측정 속성 · 하한 · 상한 · 단위 · 표현식을 갖는다.\n *\n * 그것을 한 칸에 JSON 원문으로 보이면 품질팀장이 상한을 40.5 로 고치려고 중괄호를 세게 된다. 그것은\n * 기준 정보를 다루는 화면이 아니라 개발자가 JSON 을 손보는 화면이다. 실제로 한동안 그랬다.\n *\n * ── 화면은 JSON 을 모른다 ──────────────────────────────────────────────────\n * 서버가 기준을 **행으로** 낸다(`testSpecificationCriteria`) 그리고 행으로 받는다\n * (`updateTestSpecificationCriteria`). 옮김은 서버의 `criteria-rows.ts` 한 곳이 맡는다.\n *\n * 그래서 저장이 언젠가 표로 내려가도 **이 파일은 바뀌지 않는다.** 화면이 JSON 을 풀면 그날 이 코드가\n * 통째로 버려진다.\n *\n * ── 위아래로 나눈다 ────────────────────────────────────────────────────────\n * 위는 명세 목록, 아래는 **고른 명세의 기준**이다. 아무것도 안 고른 상태를 빈 표로 두지 않는다 —\n * 빈 표는 「기준이 없는 명세」와 같아 보이고, 그러면 사람이 기준을 다시 적는다.\n */\n@customElement('ops-master-test-specification')\nexport class OpsMasterTestSpecification extends MasterPageBase {\n  static styles = [\n    ...MasterPageBase.styles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n      }\n\n      /* 위가 목록, 아래가 그 명세의 기준. 기준 쪽을 조금 더 준다 — 줄이 여럿이다. */\n      .split {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        min-height: 0;\n      }\n\n      .split > ox-grist {\n        flex: 4;\n        min-height: 0;\n      }\n\n      .criteria {\n        display: flex;\n        flex-direction: column;\n        flex: 5;\n        min-height: 0;\n        border-top: 1px solid var(--ui-line, #c9d4d9);\n      }\n\n      .criteria-head {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 8px;\n        padding: 6px 12px;\n        background-color: var(--ui-panel-2, #f3f6f7);\n      }\n\n      .criteria-head .what {\n        font-size: 13px;\n        font-weight: 600;\n        color: var(--ui-ink, #17272f);\n      }\n\n      /* 아직 저장하지 않은 것이 있다 — 저장을 누르기 전에 무엇이 나가는지 여기서 읽는다. */\n      .criteria-head .pending {\n        margin-right: 8px;\n        font-family: inherit;\n        font-style: normal;\n        font-weight: 600;\n        color: var(--status-warning-color, #b26a00);\n      }\n\n      .criteria-head .among {\n        margin-left: 6px;\n        font-style: normal;\n        color: var(--status-warning-color, #b26a00);\n      }\n\n      .criteria-head .who {\n        font-family: var(--theme-font-mono, monospace);\n        font-size: 12px;\n        color: var(--ui-muted, #57676f);\n      }\n\n      .criteria ox-grist {\n        flex: 1;\n        min-height: 0;\n      }\n\n      /* 아직 아무 명세도 안 골랐다. 빈 표를 보이지 않는다. */\n      .nothing-picked {\n        flex: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 24px;\n        text-align: center;\n        font-size: 13px;\n        line-height: 1.6;\n        color: var(--ui-muted, #57676f);\n      }\n    `\n  ]\n\n  protected get spec(): MasterSpec {\n    return {\n      key: 'testSpecification',\n      title: 'test-specification',\n      help: 'ops-master/test-specification',\n      query: 'testSpecifications',\n      mutation: 'updateMultipleTestSpecification',\n      columns: [...IDENTITY, ...EFFECTIVE]\n    }\n  }\n\n  /** 지금 고른 명세의 이름. 없으면 아래를 빈 표로 두지 않는다. */\n  @state() private picked?: string\n\n  /**\n   * 지금 체크된 명세들.\n   *\n   * 아래는 **하나의 기준만** 보이는데 위에서 여럿을 체크할 수 있다(명세 여럿을 한 번에 종료하는 데\n   * 쓴다). 그때 화면이 아무 말도 안 하면 보이는 기준이 **여럿을 합친 것**으로 읽힌다. 그래서 몇 개가\n   * 체크돼 있는지 세어 말한다.\n   */\n  @state() private checked = new Set<string>()\n\n  @query('#criteria-grist') private criteriaGrist!: DataGrist\n\n  /**\n   * 아래 표에서 아직 저장하지 않은 기준이 몇 건인가.\n   *\n   * ── 왜 세어 보이나 (2026-09-05) ────────────────────────────────────────\n   * 이 화면은 표가 둘인데 「저장」은 하나다. 아래를 고쳐 놓고도 그것이 저장 대상인지 화면 어디에도\n   * 안 적혀 있었다. 「복잡한 편집인데 저장 버튼의 기능이 위험해 보인다」(사용자).\n   *\n   * 세어서 표 머리에 적으면 두 가지가 한꺼번에 풀린다. 저장을 누르기 전에 **무엇이 나가는지** 보이고,\n   * 다른 명세로 넘어가려 할 때 **버릴 것이 있다**는 사실도 보인다.\n   */\n  @state() private dirtyCriteria = 0\n\n  private countDirtyCriteria() {\n    this.dirtyCriteria = (this.criteriaGrist?.dirtyRecords ?? []).length\n  }\n\n  /**\n   * 기준 표의 구성.\n   *\n   * **단위 칸을 좁히지 않는다.** `MMT`(mm) · `CEL`(℃) 같은 UN/CEFACT 코드가 들어가고, 잘리면\n   * 「무엇으로 잰 값인지」가 화면에서 사라진다.\n   */\n  private get criteriaConfig(): any {\n    return {\n      /*\n       * 명세는 골랐는데 그 안에 판단 기준이 하나도 없는 자리다. 왼쪽의 빈 목록과 뜻이 다르다 —\n       * 「검사 명세가 없다」가 아니라 「이 명세가 아직 무엇으로 합격을 가르는지 말하지 않는다」이다.\n       *\n       * 고른 것이 없을 때는 아래 render 가 표 자체를 보이지 않는다(그 자리 주석 참조).\n       */\n      emptyNote: {\n        title: i18next.t('text.criteria-empty'),\n        description: i18next.t('text.criteria-empty-hint')\n      },\n      list: { fields: ['id', 'description'], details: [] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence', fixed: true },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true, fixed: true },\n        {\n          type: 'string',\n          name: 'id',\n          header: i18next.t('field.criterion-id'),\n          record: { editable: true },\n          width: 160,\n          fixed: true\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: { editable: true },\n          width: 180\n        },\n        {\n          type: 'string',\n          name: 'evaluatedPropertyId',\n          header: i18next.t('field.evaluated-property'),\n          record: { editable: true },\n          width: 150\n        },\n        { type: 'float', name: 'minimum', header: i18next.t('field.minimum'), record: { editable: true }, width: 100 },\n        { type: 'float', name: 'maximum', header: i18next.t('field.maximum'), record: { editable: true }, width: 100 },\n        { type: 'string', name: 'uom', header: i18next.t('field.uom'), record: { editable: true }, width: 90 },\n        {\n          type: 'string',\n          name: 'expression',\n          header: i18next.t('field.expression'),\n          record: { editable: true },\n          width: 200\n        }\n      ],\n      rows: { appendable: true, selectable: { multiple: true } }\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"split\">\n        <ox-grist\n          .mode=${this.mode}\n          .config=${this.gristConfig}\n          .fetchHandler=${this.fetchHandler.bind(this)}\n          .personalConfigProvider=${this.getPagePreferenceProvider(`ox-grist-${this.spec.key}`)!}\n          @select-record-change=${(e: CustomEvent) => this.pick(e)}\n        >\n          <div slot=\"headroom\" class=\"header\">${this.renderScope()}</div>\n          <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n        </ox-grist>\n\n        <div class=\"criteria\">\n          <div class=\"criteria-head\">\n            <span class=\"what\">${i18next.t('field.criteria')}</span>\n            <span class=\"who\">\n              ${this.dirtyCriteria\n                ? html`<em class=\"pending\">${i18next.t('text.n-unsaved-criteria', { count: this.dirtyCriteria })}</em>`\n                : ''}\n              ${this.picked ?? ''}\n              <!--\n                여럿 체크했는데 하나만 보이는 상태를 **말한다.** 아무 말도 안 하면 보이는 기준이\n                여럿을 합친 것으로 읽힌다.\n              -->\n              ${this.checked.size > 1\n                ? html`<em class=\"among\">${i18next.t('text.of-n-selected', { count: this.checked.size })}</em>`\n                : ''}\n            </span>\n          </div>\n          ${this.picked\n            ? html`\n                <ox-grist\n                  id=\"criteria-grist\"\n                  mode=\"GRID\"\n                  .config=${this.criteriaConfig}\n                  .fetchHandler=${this.fetchCriteria.bind(this)}\n                  @field-change=${() => this.countDirtyCriteria()}\n                  @record-change=${() => this.countDirtyCriteria()}\n                ></ox-grist>\n              `\n            : html`\n                <!--\n                  빈 표를 보이지 않는다. 빈 표는 「기준이 없는 명세」와 같아 보이고, 그러면 사람이\n                  기준을 다시 적는다.\n                -->\n                <div class=\"nothing-picked\">${i18next.t('text.pick-a-specification-to-see-criteria')}</div>\n              `}\n        </div>\n      </div>\n    `\n  }\n\n  /**\n   * 위에서 고른 줄이 아래를 정한다.\n   *\n   * ── detail 모양이 거터 설정에 따라 다르다 ─────────────────────────────────\n   * `gutter-row-selector.js` 를 보면 두 모양을 낸다.\n   *\n   * ```\n   * multiple: true   { added: [record], removed: [] }      ← 이 화면이 쓰는 것\n   * 그 밖            { records: [record] }\n   * ```\n   *\n   * 한쪽만 읽으면 **오류보고없이 아무것도 안 골라진다.** 오류가 나지 않고 아래 표만 영원히 안내 문구로\n   * 남는다. 처음에 `records` 만 읽어서 실제로 그랬다. 그리드가 세우는 `__selected__` 를 읽는 방법도\n   * 있는데, 그 표시는 이 화면에 오지 않았다. 그래서 **둘 다 읽는다.**\n   *\n   * 여럿 고르면 마지막에 고른 것을 본다. 아래는 명세 하나의 기준을 보이는 자리라 둘을 함께 보일 수\n   * 없고, 아무 것이나 고르면 사람은 그것이 무엇의 기준인지 모른다.\n   */\n  private async pick(e: CustomEvent) {\n    const detail = (e.detail ?? {}) as { added?: any[]; removed?: any[]; records?: any[] }\n    const nameOf = (record: any) => String(record?.name ?? '')\n\n    const added = detail.added ?? detail.records ?? []\n    const removed = detail.removed ?? []\n\n    /* `records` 는 「지금 고른 것 전부」다. `added`·`removed` 는 「이번에 바뀐 것」이다. */\n    const next = detail.records ? new Set<string>() : new Set(this.checked)\n\n    for (const record of removed) next.delete(nameOf(record))\n    for (const record of added) next.add(nameOf(record))\n\n    /* 아래에 무엇이 보일지 먼저 정하고, 바꾸기 전에 고치던 것이 있는지 본다. */\n    let picked = this.picked\n\n    if (added.length) {\n      picked = nameOf(added[added.length - 1]) || undefined\n    } else if (removed.some(record => nameOf(record) === this.picked)) {\n      /* 지금 보고 있던 것을 풀었다. 남은 것이 하나면 그것을 보인다. */\n      picked = next.size ? [...next][next.size - 1] : undefined\n    } else if (detail.records && !detail.records.length) {\n      picked = undefined\n    }\n\n    this.checked = next\n\n    if (picked === this.picked) {\n      return\n    }\n\n    /*\n     * ── 고치던 기준을 **말없이 버리지 않는다** (2026-09-05) ────────────────\n     *\n     * 아래 표는 「지금 고른 명세」에 걸려 있다. 명세를 바꾸면 아래는 새 명세의 기준을 다시 읽어\n     * 오고, 고치던 값은 그때 사라진다. [확인함] 2026-09-05 · CP-CAM-LEAK 의 하한을 고쳐 두고\n     * CP-CAM-OQC 를 고른 뒤 돌아오니 원래 값이었다. 화면은 아무 말도 하지 않았다.\n     *\n     * 두 갈래로만 묻는다 — 어느 쪽을 골라도 넘어간다. 「머무르기」를 두면 위의 체크는 이미 옮겨\n     * 갔는데 아래만 옛 명세를 보이는, 화면과 사실이 어긋난 상태가 남는다.\n     */\n    if (this.dirtyCriteria > 0) {\n      const answer = await CustomAlert({\n        type: 'question',\n        title: i18next.t('text.n-unsaved-criteria', { count: this.dirtyCriteria }),\n        text: i18next.t('text.leaving-discards-unsaved-criteria'),\n        confirmButton: { text: i18next.t('button.save-and-leave') },\n        cancelButton: { text: i18next.t('button.discard-and-leave') }\n      })\n\n      if (answer?.isConfirmed) {\n        await this.save()\n      }\n    }\n\n    this.picked = picked\n    this.dirtyCriteria = 0\n  }\n\n  /**\n   * 고른 명세의 기준을 읽는다.\n   *\n   * 못 읽으면 **빈 목록으로 바꾸지 않는다.** 빈 목록은 「기준이 없다」와 같아 보이고, 그러면 사람이\n   * 기준을 다시 적어 넣는다. 무엇이 잘못됐는지 말하고 비운다.\n   */\n  private async fetchCriteria() {\n    if (!this.picked) {\n      return { total: 0, records: [] }\n    }\n\n    try {\n      const response = await client.query({\n        query: gql`\n          query ($name: String!) {\n            testSpecificationCriteria(name: $name) {\n              id\n              description\n              evaluatedPropertyId\n              minimum\n              maximum\n              uom\n              expression\n              keptFields\n            }\n          }\n        `,\n        variables: { name: this.picked },\n        fetchPolicy: 'no-cache'\n      })\n\n      const rows = (response.data?.testSpecificationCriteria ?? []) as any[]\n\n      /* 어느 줄인지 서버가 알아야 고칠 수 있다 — 이름은 고칠 수 있으므로 이름으로 찾을 수 없다. */\n      return { total: rows.length, records: rows.map((row, index) => ({ ...row, rowIndex: index })) }\n    } catch (error) {\n      notify({ message: (error as Error).message, level: 'error' })\n      return { total: 0, records: [] }\n    }\n  }\n\n  /**\n   * 저장 — **위와 아래를 따로 낸다.**\n   *\n   * 명세 자체(이름 · 버전 · 유효 기간)는 공통 규칙이 저장하고, 기준은 이 축의 뮤테이션이 저장한다.\n   * 기준이 막히면 **명세 쪽도 되돌린다.** 절반만 저장되면 화면과 저장된 것이 달라진다.\n   */\n  protected async save() {\n    const criteriaPatches = this.picked ? ((this.criteriaGrist?.dirtyRecords ?? []) as any[]) : []\n\n    if (criteriaPatches.length) {\n      let response: any\n\n      try {\n        response = await client.mutate({\n          mutation: gql`\n            mutation ($name: String!, $patches: [Object!]!) {\n              updateTestSpecificationCriteria(name: $name, patches: $patches) {\n                id\n              }\n            }\n          `,\n          variables: { name: this.picked, patches: criteriaPatches }\n        })\n      } catch (error) {\n        /* 무엇이 왜 막혔는지 그대로 보인다 — 「저장할 수 없습니다」로는 고칠 곳을 모른다. */\n        notify({ message: (error as Error).message, level: 'error' })\n        return\n      }\n\n      /*\n       * **`errors` 를 직접 본다.** 이 앱의 GraphQL 클라이언트는 서버가 거절해도 던지지 않고\n       * `response.errors` 에 담아 돌려준다. `try/catch` 만 두면 거절이 오류 없이 지나가고, 화면은\n       * 아무 일 없었다는 듯 다음으로 넘어간다 — **고친 것이 버려졌는데 사람은 저장된 줄 안다.**\n       * 2026-09-02에 실제로 그랬다(단위를 지운 기준이 서버에서 막혔는데 화면은 「바뀐 것이 없습니다」).\n       */\n      if (response?.errors?.length) {\n        notify({ message: response.errors.map((error: any) => error.message).join('\\n'), level: 'error' })\n        return\n      }\n    }\n\n    await super.save()\n\n    if (criteriaPatches.length) {\n      this.criteriaGrist?.fetch()\n    }\n  }\n}\n"]}
+{"version":3,"file":"test-specification.js","sourceRoot":"","sources":["../../../client/pages/master/test-specification.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAIpD,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,iBAAiB;IAA1D;;QACK,SAAI,GAAiB,mBAAmB,CAAA;IACpD,CAAC;CAAA,CAAA;AAFY,0BAA0B;IADtC,aAAa,CAAC,+BAA+B,CAAC;GAClC,0BAA0B,CAEtC","sourcesContent":["import { customElement } from 'lit/decorators.js'\nimport { RevisionWorkspace } from './revision-workspace.js'\nimport { RevisionAxis } from './revision-view.js'\n\n@customElement('ops-master-test-specification')\nexport class OpsMasterTestSpecification extends RevisionWorkspace {\n  protected axis: RevisionAxis = 'testSpecification'\n}\n"]}