@things-factory/ops-master 10.1.248 → 10.1.249

package/dist-client/master-change-policy-panel.js

@@ -0,0 +1,454 @@
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next, localize } from '@operato/i18n';
+import { navigate } from '@operato/shell';
+import { client } from '@operato/graphql';
+import { OxPrompt } from '@operato/popup';
+import gql from 'graphql-tag';
+import '@operato/help/ox-help-icon.js';
+/* The signal name is worklist's; ops-master builds on worklist since it owns the approval flow (ADR-0086). */
+import { ACTIVITY_PANEL_CONTENT } from '@things-factory/worklist/dist-client';
+import { axesForActivity, panelContentSignal } from './master-change-policy-axes.js';
+/**
+ * **이 사업장이 어느 기준정보를 승인제로 두는가.**
+ *
+ * ── 왜 설정이 아닌가 (2026-09-23, 사용자 판단) ────────────────────────────
+ * 처음에는 사업장 설정의 한 칸이었다. 설정은 내가 무엇을 보는지 고르는 자리이고, **다른 사람의 일이
+ * 늘어나는 것은 설정이 아니다** — 축 하나를 승인제로 돌리면 그 축의 수정이 앞으로 결재로 흘러간다.
+ * 그래서 업무를 다루는 화면으로 옮긴다.
+ *
+ * 그때 표가 두 자리에 선다. **자리마다 고르는 목록이 다르다** — `master-change-policy-axes.ts` 가
+ * 그 판단을 갖는다. 제목은 이 부품이 아니라 **담는 쪽**이 붙인다.
+ *
+ * ── 이 선언이 무엇인가 ─────────────────────────────────────────────────────
+ * 사람의 취향이 아니라 **이 사업장의 규칙**이다. 축마다 한 번 정하고, 정하면 그 축의 마스터는
+ * 승인을 지나야 바뀐다.
+ *
+ * ── 왜 화면이 필요했나 ─────────────────────────────────────────────────────
+ * 문은 있었는데 **그리로 가는 길이 없었다.** 정책을 안 정한 축은 화면이 열리다 말고 거절을 냈고
+ * (`MASTER_POLICY_REQUIRED`), 정하러 들어갈 자리도 없었다.
+ *
+ * ── 소유자만 정한다 ────────────────────────────────────────────────────────
+ * 읽기는 누구나 한다 — 기준정보를 고치려다 막힌 사람이 **왜 막혔는지** 여기서 알아야 한다.
+ * 정하는 것은 도메인 소유자뿐이고, 소유자가 아니면 그렇게 적어 준다.
+ */
+/*
+ * ⚠ 문구 키에 `master-policy.` 를 붙인다. 번역이 한 평면에 병합되고 **마지막이 이기므로**,
+ * `text.not-declared` 처럼 흔한 이름은 다른 패키지가 다른 뜻으로 이미 쓰고 있다 — plant 에서는
+ * 「등록되지 않았습니다」였고, 이 화면이 그 말로 떴다(2026-09-22 화면에서 확인).
+ */
+let MasterChangePolicyPanel = class MasterChangePolicyPanel extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.axes = [];
+        this.canDeclare = false;
+        /**
+         * **아직 못 읽은 것과 없는 것을 가른다.**
+         *
+         * 읽기 전에는 `axes` 가 비어 있고, 업무 하나로 좁힌 자리에서는 그 빈 목록이 곧바로 「이 업무를
+         * 부르는 기준정보가 없습니다」로 그려졌다 — 잠깐 뒤에 표가 나타난다. 사람이 그 잠깐을 보면 없는
+         * 줄 알고 나간다. 읽기 전에는 아무 말도 하지 않는다.
+         */
+        this.loaded = false;
+        /** 못 읽었으면 못 읽었다고 말한다. 빈 표는 「없다」로 읽힌다. */
+        this.failed = false;
+    }
+    static { this.styles = [
+        css `
+      table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+
+      /* 머리줄은 내용과 달라야 한다 — 같은 글자에 같은 선이면 첫 줄도 자료로 읽힌다. */
+      th {
+        text-align: left;
+        padding: var(--spacing-small, 8px);
+        background: var(--md-sys-color-surface-container-high);
+        color: var(--md-sys-color-on-surface-variant);
+        font: var(--label-font);
+        font-weight: 500;
+        border-bottom: 1px solid var(--md-sys-color-outline);
+        white-space: nowrap;
+      }
+
+      td {
+        text-align: left;
+        vertical-align: middle;
+        padding: var(--spacing-small, 8px);
+        border-bottom: 1px solid var(--md-sys-color-outline-variant);
+        font: var(--label-font);
+        color: var(--md-sys-color-on-surface);
+      }
+
+      tr:last-child td {
+        border-bottom: none;
+      }
+
+      /*
+       * 둘을 나란히 두고 **지금 것을 채워서** 보인다. 채운 쪽이 지금 서 있는 것이고, 못 누른다.
+       * 반대쪽은 비어 있고 눌린다 — 무엇이 서 있는지와 무엇을 고를 수 있는지가 한 자리에서 읽힌다.
+       *
+       * 처음엔 두 쪽의 차이가 옅은 바탕색 하나였다. 나란히 놓고 보면 둘 다 버튼으로만 보여서 어느
+       * 것이 지금 것인지 안 읽혔다(2026-09-22 화면에서 확인). 채움과 비움으로 가른다.
+       *
+       * 둘 다 비어 있으면 **아직 안 정한 것**이다. 그 줄만 두 쪽이 다 눌린다.
+       */
+      /*
+       * 칸을 flex 로 만들지 않는다. 그러면 그 칸만 표의 줄 높이를 안 따라가서, 옆 칸의 글자와 단추가
+       * 서로 다른 높이에 놓인다(2026-09-22 화면에서 확인). 칸은 칸으로 두고 단추 사이만 띄운다.
+       */
+      .choice {
+        white-space: nowrap;
+        text-align: right;
+      }
+
+      .choice button + button {
+        margin-left: var(--spacing-small, 6px);
+      }
+
+      .choice button {
+        padding: 3px 12px;
+        border: 1px solid var(--md-sys-color-outline-variant);
+        border-radius: var(--border-radius, 4px);
+        background: transparent;
+        color: var(--md-sys-color-on-surface-variant);
+        font: var(--label-font);
+        cursor: pointer;
+      }
+
+      .choice button:hover {
+        border-color: var(--md-sys-color-primary);
+        color: var(--md-sys-color-primary);
+      }
+
+      /*
+       * 결재선이 없어 **아직 고를 수 없는 쪽**은 그렇게 보인다. 눌러는 진다 — 왜 못 고르는지는 눌러야
+       * 들을 수 있고, 못 누르게 막으면 그 까닭이 어디에도 없다.
+       */
+      .choice button.blocked {
+        border-style: dashed;
+        color: var(--md-sys-color-outline);
+      }
+
+      .choice button.on {
+        background: var(--md-sys-color-primary);
+        color: var(--md-sys-color-on-primary);
+        border-color: var(--md-sys-color-primary);
+        font-weight: 700;
+        cursor: default;
+      }
+
+      /*
+       * 축 이름만으로는 무엇을 정하는 것인지 안 읽힌다 — 「라우팅」과 「제조법」이 무엇이 다른지
+       * 여기서 알아야 고를 수 있다.
+       *
+       * 한 줄은 **이름 밑에 그냥 적는다.** 마우스를 올려야 보이는 것은 안 올려 보면 없는 것과 같다.
+       *
+       * 더 알고 싶은 사람에게는 도움말 아이콘이 있다. 축이 무엇이고 무엇을 좌우하는지는 이 화면이
+       * 한 줄로 다 말할 것이 아니라 도움말이 맡을 내용이다 — 여기서는 /master-data/<축> 으로
+       * 길만 낸다. 내용은 도움말 쪽이 채운다.
+       */
+      /*
+       * 표준 도움말 아이콘은 18px 에 불투명도 0.75 다. 그것은 폼의 이름표 옆에 하나 놓일 때의 크기고,
+       * 여기서는 14px 글자 옆에 열여섯 번 되풀이돼서 이름보다 먼저 보였다. 그래서 **이 표에서만**
+       * 글자에 맞춰 줄이고 뒤로 물린다. 색과 동작은 표준 그대로다.
+       */
+      ox-help-icon {
+        vertical-align: middle;
+        --help-icon-size: 15px;
+        --help-icon-opacity: 0.45;
+      }
+      .axis {
+        white-space: nowrap;
+        font-weight: 500;
+      }
+
+      .what {
+        color: var(--md-sys-color-on-surface-variant);
+        font-size: 11px;
+        line-height: 1.35;
+      }
+
+      /* 설명이 남는 자리를 먹고, 이름과 버튼은 자기 폭만 쓴다. */
+      .what-column {
+        width: 100%;
+      }
+
+      /* 넓을 때는 설명이 자기 칸에 있다. 이름 밑의 것은 접혀 있다. */
+      .folded {
+        display: none;
+      }
+
+      /*
+       * 좁아지면 **설명 칸을 접어 이름 밑으로 넣는다.** 세 칸이 다 남으면 이름과 버튼이 눌려서
+       * 낱말마다 줄이 바뀐다 — 고르는 화면인데 고를 것이 안 읽힌다.
+       */
+      @media (max-width: 720px) {
+        .what-column {
+          display: none;
+        }
+
+        .folded {
+          display: block;
+          margin-top: 2px;
+          white-space: normal;
+        }
+
+        .axis {
+          white-space: normal;
+        }
+      }
+
+      /*
+       * 더 좁아지면 **설명을 아주 뺀다.** 접어 넣은 두 줄이 이름보다 길어져서, 줄마다 무엇을 고르는
+       * 화면인지가 안 보인다. 알고 싶은 사람은 도움말 아이콘으로 간다.
+       */
+      @media (max-width: 480px) {
+        .folded {
+          display: none;
+        }
+      }
+
+      /*
+       * 결재를 타는 축은 **결재선이 있는지 없는지를 여기서 말한다.** 없으면 정하러 가는 길도 같이
+       * 낸다 — 결재선이 어디서 정해지는지(업무 목록의 그 줄) 아는 사람이 많지 않다.
+       */
+      .line {
+        margin-top: 3px;
+        color: var(--md-sys-color-on-surface-variant);
+        font-size: 11px;
+      }
+
+      .line a {
+        color: var(--md-sys-color-primary);
+      }
+
+      .note {
+        color: var(--md-sys-color-on-surface-variant);
+        padding: var(--spacing-small, 8px);
+      }
+    `
+    ]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.load();
+    }
+    async load() {
+        try {
+            const response = await client.query({
+                query: gql `
+          query {
+            masterChangePolicies
+          }
+        `,
+                fetchPolicy: 'network-only'
+            });
+            /*
+             * 오류가 예외로 안 오고 답에 실려 올 수 있다 — 그러면 `data` 가 비어 「축 0」으로 읽힌다. 못 읽은
+             * 것이다.
+             */
+            if (response.errors?.length)
+                throw new Error(response.errors.map((one) => one.message).join('; '));
+            const found = response.data?.masterChangePolicies;
+            this.axes = found?.axes ?? [];
+            this.canDeclare = !!found?.canDeclare;
+            this.failed = false;
+        }
+        catch (thrown) {
+            /* 삼키지 않는다 — 빈 표를 그리면 「이 사업장은 아무것도 승인제가 아니다」로 읽힌다. */
+            this.axes = [];
+            this.failed = true;
+            console.warn(thrown);
+        }
+        finally {
+            this.loaded = true;
+        }
+        const signal = panelContentSignal(this.axes, this.activity, this.failed);
+        if (signal) {
+            this.dispatchEvent(new CustomEvent(ACTIVITY_PANEL_CONTENT, { detail: signal, bubbles: true, composed: true }));
+        }
+    }
+    /**
+     * 정하는 것도 바꾸는 것도 여기서 한다 — 바꾸면 정책 줄이 새로 서고, 지난 개정본은 자기 때의 줄을
+     * 계속 가리킨다. **결재에 안 태운다**(2026-09-22): 사업장 소유자가 정하는 것이라 확인만 받는다.
+     *
+     * ⚠ **사유는 사람에게 안 묻는다.** 서버가 필수로 받지만 그것은 「누가 어디서 정했나」를 남기려는
+     * 것이다. 시스템 설정에 사람이 글을 쓸 일이 아니다.
+     */
+    async declare(one, approvalRequired) {
+        const { axis } = one;
+        const how = i18next.t(approvalRequired ? 'master-policy.approval-required' : 'master-policy.direct-change-allowed');
+        const name = i18next.t(`axis.${axis}`, { defaultValue: axis });
+        /*
+         * **걸 수 없는 것을 골라 보게 하지 않는다.** 결재선이 비어 있으면 서버가 거절하는데, 그것을 누른
+         * 뒤에 알면 「예」를 고르고 나서 안 된다는 말을 듣는 꼴이다. 묻기 전에 먼저 본다.
+         */
+        if (approvalRequired && one.approvalReady === false) {
+            await OxPrompt.open({
+                type: 'warning',
+                title: i18next.t('master-policy.approval-line-missing'),
+                text: i18next.t('master-policy.set-the-approval-line', { activity: one.approvalActivity ?? '' }),
+                confirmButton: { text: i18next.t('button.confirm') }
+            });
+            return;
+        }
+        /*
+         * 경고다. 이 사업장의 기준정보가 앞으로 어떻게 바뀌는가를 정하는 자리고, 규제를 푸는 쪽으로
+         * 누르면 결재 없이 바로 고쳐지기 시작한다. 되묻는 말투가 아니라 멈춰 세우는 말투여야 한다.
+         */
+        const yes = await OxPrompt.open({
+            type: 'warning',
+            title: i18next.t('master-policy.confirm-title'),
+            text: i18next.t('master-policy.confirm-text', { master: name, how }),
+            confirmButton: { text: i18next.t('button.confirm') },
+            cancelButton: { text: i18next.t('button.cancel') }
+        });
+        if (!yes) {
+            return;
+        }
+        /*
+         * 거절을 삼키지 않는다. 앞서는 오류가 있으면 그냥 다시 읽었고, 사람은 눌렀는데 아무 일도 안
+         * 일어나는 화면을 봤다. 규제를 거는 쪽은 **결재선이 비어 있으면 거절된다**
+         * (`MASTER_APPROVAL_LINE_REQUIRED`) — 그 말을 그대로 보여야 어디를 고칠지 안다.
+         */
+        try {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($axis: String!, $approvalRequired: Boolean!, $reason: String!) {
+            declareMasterChangePolicy(axis: $axis, approvalRequired: $approvalRequired, reason: $reason)
+          }
+        `,
+                variables: { axis, approvalRequired, reason: i18next.t('master-policy.reason-from-setting') }
+            });
+            if (response.errors?.length) {
+                throw new Error(response.errors[0].message);
+            }
+        }
+        catch (error) {
+            /*
+             * 거절은 **틀이 이미 붉은 쪽지로 말한다** — 서버가 그 사람의 말로 지은 문장 그대로. 여기서 또
+             * 창을 띄우면 같은 말이 두 번 나온다(2026-09-22 화면에서 확인). 여기서는 다시 읽기만 한다.
+             */
+            console.warn(error?.message ?? error);
+        }
+        this.load();
+    }
+    render() {
+        /* 읽기 전에는 아무 말도 하지 않는다. 「없다」도 아직 말할 수 없다. */
+        if (!this.loaded) {
+            return html ``;
+        }
+        if (this.failed) {
+            return html `<div class="note">${i18next.t('master-policy.could-not-read')}</div>`;
+        }
+        const shown = axesForActivity(this.axes, this.activity);
+        /*
+         * 좁혔는데 하나도 없으면 **그 사실을 말한다.** 빈 표를 두면 「이 업무를 부르는 축이 없다」와
+         * 「아직 못 읽었다」가 같은 화면이 된다.
+         */
+        if (this.activity && !shown.length) {
+            return html `<div class="note">${i18next.t('master-policy.no-axis-for-activity')}</div>`;
+        }
+        return html `
+      <div>
+          ${this.canDeclare ? '' : html `<div class="note">${i18next.t('master-policy.only-the-owner')}</div>`}
+
+          <table>
+            <tr>
+              <th>${i18next.t('master-policy.field.axis')}</th>
+              <th class="what-column">${i18next.t('master-policy.field.what')}</th>
+              <th>${i18next.t('master-policy.field.state')}</th>
+            </tr>
+            ${shown.map(one => html `
+                <tr>
+                  <td class="axis">
+                    ${i18next.t(`axis.${one.axis}`, { defaultValue: one.axis })}
+                    <ox-help-icon topic=${`/master-data/${one.axis}`}></ox-help-icon>
+                    <span class="what folded">${i18next.t(`axis-help.${one.axis}`, { defaultValue: '' })}</span>
+                  </td>
+                  <td class="what what-column">${i18next.t(`axis-help.${one.axis}`, { defaultValue: '' })}</td>
+                  ${!this.canDeclare
+            ? html `<td>
+                        ${one.approvalRequired
+                ? i18next.t('master-policy.approval-required')
+                : i18next.t('master-policy.direct-change-allowed')}
+                      </td>`
+            : one.revisable === false && one.approvalRequired !== true
+                ? /*
+                   * 개정본 문이 없는 축은 소유자가 고를 것이 없다 — 버튼 대신 지금 상태와 한 줄(UX, 2026-09-24).
+                   * 막힌 버튼은 사람이 풀 수 있는 막힘(결재선 없음)에만 쓴다.
+                   */
+                    html `<td class="choice">
+                        ${i18next.t('master-policy.direct-change-allowed')}
+                        <div class="line">${i18next.t('master-policy.no-revision-path')}</div>
+                      </td>`
+                : html `<td class="choice">
+                        <button
+                          class="${one.approvalRequired === true ? 'on' : ''} ${one.approvalReady === false
+                    ? 'blocked'
+                    : ''}"
+                          ?disabled=${one.approvalRequired === true}
+                          @click=${() => this.declare(one, true)}
+                        >
+                          ${i18next.t('master-policy.button.approval-required')}
+                        </button>
+                        <button
+                          class=${one.approvalRequired === false ? 'on' : ''}
+                          ?disabled=${one.approvalRequired === false}
+                          @click=${() => this.declare(one, false)}
+                        >
+                          ${i18next.t('master-policy.button.direct-change')}
+                        </button>
+                        ${one.revisable === false
+                    ? html `<div class="line">${i18next.t('master-policy.no-revision-path')}</div>`
+                    : ''}
+                        ${one.approvalActivity
+                    ? html `<div class="line">
+                              ${one.approvalReady
+                        ? i18next.t('master-policy.approval-line-set')
+                        : this.activity
+                            ? i18next.t('master-policy.approval-line-none-here')
+                            : html `${i18next.t('master-policy.approval-line-none')} ·
+                                      <a
+                                        href="javascript:void(0)"
+                                        @click=${() => navigate('activity-detail?name=' + encodeURIComponent(one.approvalActivity))}
+                                      >
+                                        ${i18next.t('master-policy.go-set-the-line')}
+                                      </a>`}
+                            </div>`
+                    : ''}
+                      </td>`}
+                </tr>
+              `)}
+          </table>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], MasterChangePolicyPanel.prototype, "activity", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], MasterChangePolicyPanel.prototype, "axes", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], MasterChangePolicyPanel.prototype, "canDeclare", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], MasterChangePolicyPanel.prototype, "loaded", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], MasterChangePolicyPanel.prototype, "failed", void 0);
+MasterChangePolicyPanel = __decorate([
+    customElement('master-change-policy-panel')
+], MasterChangePolicyPanel);
+export { MasterChangePolicyPanel };
+//# sourceMappingURL=master-change-policy-panel.js.map

package/dist-client/master-change-policy-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"master-change-policy-panel.js","sourceRoot":"","sources":["../client/master-change-policy-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { OxPrompt } from '@operato/popup'\nimport gql from 'graphql-tag'\nimport '@operato/help/ox-help-icon.js'\n\n/* The signal name is worklist's; ops-master builds on worklist since it owns the approval flow (ADR-0086). */\nimport { ACTIVITY_PANEL_CONTENT } from '@things-factory/worklist/dist-client'\n\nimport { axesForActivity, panelContentSignal, PolicyAxis } from './master-change-policy-axes.js'\n\n/**\n * **이 사업장이 어느 기준정보를 승인제로 두는가.**\n *\n * ── 왜 설정이 아닌가 (2026-09-23, 사용자 판단) ────────────────────────────\n * 처음에는 사업장 설정의 한 칸이었다. 설정은 내가 무엇을 보는지 고르는 자리이고, **다른 사람의 일이\n * 늘어나는 것은 설정이 아니다** — 축 하나를 승인제로 돌리면 그 축의 수정이 앞으로 결재로 흘러간다.\n * 그래서 업무를 다루는 화면으로 옮긴다.\n *\n * 그때 표가 두 자리에 선다. **자리마다 고르는 목록이 다르다** — `master-change-policy-axes.ts` 가\n * 그 판단을 갖는다. 제목은 이 부품이 아니라 **담는 쪽**이 붙인다.\n *\n * ── 이 선언이 무엇인가 ─────────────────────────────────────────────────────\n * 사람의 취향이 아니라 **이 사업장의 규칙**이다. 축마다 한 번 정하고, 정하면 그 축의 마스터는\n * 승인을 지나야 바뀐다.\n *\n * ── 왜 화면이 필요했나 ─────────────────────────────────────────────────────\n * 문은 있었는데 **그리로 가는 길이 없었다.** 정책을 안 정한 축은 화면이 열리다 말고 거절을 냈고\n * (`MASTER_POLICY_REQUIRED`), 정하러 들어갈 자리도 없었다.\n *\n * ── 소유자만 정한다 ────────────────────────────────────────────────────────\n * 읽기는 누구나 한다 — 기준정보를 고치려다 막힌 사람이 **왜 막혔는지** 여기서 알아야 한다.\n * 정하는 것은 도메인 소유자뿐이고, 소유자가 아니면 그렇게 적어 준다.\n */\n/*\n * ⚠ 문구 키에 `master-policy.` 를 붙인다. 번역이 한 평면에 병합되고 **마지막이 이기므로**,\n * `text.not-declared` 처럼 흔한 이름은 다른 패키지가 다른 뜻으로 이미 쓰고 있다 — plant 에서는\n * 「등록되지 않았습니다」였고, 이 화면이 그 말로 떴다(2026-09-22 화면에서 확인).\n */\n@customElement('master-change-policy-panel')\nexport class MasterChangePolicyPanel extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      table {\n        width: 100%;\n        border-collapse: collapse;\n      }\n\n      /* 머리줄은 내용과 달라야 한다 — 같은 글자에 같은 선이면 첫 줄도 자료로 읽힌다. */\n      th {\n        text-align: left;\n        padding: var(--spacing-small, 8px);\n        background: var(--md-sys-color-surface-container-high);\n        color: var(--md-sys-color-on-surface-variant);\n        font: var(--label-font);\n        font-weight: 500;\n        border-bottom: 1px solid var(--md-sys-color-outline);\n        white-space: nowrap;\n      }\n\n      td {\n        text-align: left;\n        vertical-align: middle;\n        padding: var(--spacing-small, 8px);\n        border-bottom: 1px solid var(--md-sys-color-outline-variant);\n        font: var(--label-font);\n        color: var(--md-sys-color-on-surface);\n      }\n\n      tr:last-child td {\n        border-bottom: none;\n      }\n\n      /*\n       * 둘을 나란히 두고 **지금 것을 채워서** 보인다. 채운 쪽이 지금 서 있는 것이고, 못 누른다.\n       * 반대쪽은 비어 있고 눌린다 — 무엇이 서 있는지와 무엇을 고를 수 있는지가 한 자리에서 읽힌다.\n       *\n       * 처음엔 두 쪽의 차이가 옅은 바탕색 하나였다. 나란히 놓고 보면 둘 다 버튼으로만 보여서 어느\n       * 것이 지금 것인지 안 읽혔다(2026-09-22 화면에서 확인). 채움과 비움으로 가른다.\n       *\n       * 둘 다 비어 있으면 **아직 안 정한 것**이다. 그 줄만 두 쪽이 다 눌린다.\n       */\n      /*\n       * 칸을 flex 로 만들지 않는다. 그러면 그 칸만 표의 줄 높이를 안 따라가서, 옆 칸의 글자와 단추가\n       * 서로 다른 높이에 놓인다(2026-09-22 화면에서 확인). 칸은 칸으로 두고 단추 사이만 띄운다.\n       */\n      .choice {\n        white-space: nowrap;\n        text-align: right;\n      }\n\n      .choice button + button {\n        margin-left: var(--spacing-small, 6px);\n      }\n\n      .choice button {\n        padding: 3px 12px;\n        border: 1px solid var(--md-sys-color-outline-variant);\n        border-radius: var(--border-radius, 4px);\n        background: transparent;\n        color: var(--md-sys-color-on-surface-variant);\n        font: var(--label-font);\n        cursor: pointer;\n      }\n\n      .choice button:hover {\n        border-color: var(--md-sys-color-primary);\n        color: var(--md-sys-color-primary);\n      }\n\n      /*\n       * 결재선이 없어 **아직 고를 수 없는 쪽**은 그렇게 보인다. 눌러는 진다 — 왜 못 고르는지는 눌러야\n       * 들을 수 있고, 못 누르게 막으면 그 까닭이 어디에도 없다.\n       */\n      .choice button.blocked {\n        border-style: dashed;\n        color: var(--md-sys-color-outline);\n      }\n\n      .choice button.on {\n        background: var(--md-sys-color-primary);\n        color: var(--md-sys-color-on-primary);\n        border-color: var(--md-sys-color-primary);\n        font-weight: 700;\n        cursor: default;\n      }\n\n      /*\n       * 축 이름만으로는 무엇을 정하는 것인지 안 읽힌다 — 「라우팅」과 「제조법」이 무엇이 다른지\n       * 여기서 알아야 고를 수 있다.\n       *\n       * 한 줄은 **이름 밑에 그냥 적는다.** 마우스를 올려야 보이는 것은 안 올려 보면 없는 것과 같다.\n       *\n       * 더 알고 싶은 사람에게는 도움말 아이콘이 있다. 축이 무엇이고 무엇을 좌우하는지는 이 화면이\n       * 한 줄로 다 말할 것이 아니라 도움말이 맡을 내용이다 — 여기서는 /master-data/<축> 으로\n       * 길만 낸다. 내용은 도움말 쪽이 채운다.\n       */\n      /*\n       * 표준 도움말 아이콘은 18px 에 불투명도 0.75 다. 그것은 폼의 이름표 옆에 하나 놓일 때의 크기고,\n       * 여기서는 14px 글자 옆에 열여섯 번 되풀이돼서 이름보다 먼저 보였다. 그래서 **이 표에서만**\n       * 글자에 맞춰 줄이고 뒤로 물린다. 색과 동작은 표준 그대로다.\n       */\n      ox-help-icon {\n        vertical-align: middle;\n        --help-icon-size: 15px;\n        --help-icon-opacity: 0.45;\n      }\n      .axis {\n        white-space: nowrap;\n        font-weight: 500;\n      }\n\n      .what {\n        color: var(--md-sys-color-on-surface-variant);\n        font-size: 11px;\n        line-height: 1.35;\n      }\n\n      /* 설명이 남는 자리를 먹고, 이름과 버튼은 자기 폭만 쓴다. */\n      .what-column {\n        width: 100%;\n      }\n\n      /* 넓을 때는 설명이 자기 칸에 있다. 이름 밑의 것은 접혀 있다. */\n      .folded {\n        display: none;\n      }\n\n      /*\n       * 좁아지면 **설명 칸을 접어 이름 밑으로 넣는다.** 세 칸이 다 남으면 이름과 버튼이 눌려서\n       * 낱말마다 줄이 바뀐다 — 고르는 화면인데 고를 것이 안 읽힌다.\n       */\n      @media (max-width: 720px) {\n        .what-column {\n          display: none;\n        }\n\n        .folded {\n          display: block;\n          margin-top: 2px;\n          white-space: normal;\n        }\n\n        .axis {\n          white-space: normal;\n        }\n      }\n\n      /*\n       * 더 좁아지면 **설명을 아주 뺀다.** 접어 넣은 두 줄이 이름보다 길어져서, 줄마다 무엇을 고르는\n       * 화면인지가 안 보인다. 알고 싶은 사람은 도움말 아이콘으로 간다.\n       */\n      @media (max-width: 480px) {\n        .folded {\n          display: none;\n        }\n      }\n\n      /*\n       * 결재를 타는 축은 **결재선이 있는지 없는지를 여기서 말한다.** 없으면 정하러 가는 길도 같이\n       * 낸다 — 결재선이 어디서 정해지는지(업무 목록의 그 줄) 아는 사람이 많지 않다.\n       */\n      .line {\n        margin-top: 3px;\n        color: var(--md-sys-color-on-surface-variant);\n        font-size: 11px;\n      }\n\n      .line a {\n        color: var(--md-sys-color-primary);\n      }\n\n      .note {\n        color: var(--md-sys-color-on-surface-variant);\n        padding: var(--spacing-small, 8px);\n      }\n    `\n  ]\n\n  /**\n   * 업무 하나의 화면에 설 때 그 업무의 이름. 없으면 축 전부를 보인다.\n   *\n   * 이름으로 좁힌다 — 축이 어느 업무를 부르는지는 서버가 `approvalActivity` 로 답한다.\n   */\n  @property({ type: String }) activity?: string\n\n  @state() private axes: PolicyAxis[] = []\n  @state() private canDeclare = false\n\n  /**\n   * **아직 못 읽은 것과 없는 것을 가른다.**\n   *\n   * 읽기 전에는 `axes` 가 비어 있고, 업무 하나로 좁힌 자리에서는 그 빈 목록이 곧바로 「이 업무를\n   * 부르는 기준정보가 없습니다」로 그려졌다 — 잠깐 뒤에 표가 나타난다. 사람이 그 잠깐을 보면 없는\n   * 줄 알고 나간다. 읽기 전에는 아무 말도 하지 않는다.\n   */\n  @state() private loaded = false\n\n  /** 못 읽었으면 못 읽었다고 말한다. 빈 표는 「없다」로 읽힌다. */\n  @state() private failed = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.load()\n  }\n\n  private async load() {\n    try {\n      const response = await client.query({\n        query: gql`\n          query {\n            masterChangePolicies\n          }\n        `,\n        fetchPolicy: 'network-only'\n      })\n\n      /*\n       * 오류가 예외로 안 오고 답에 실려 올 수 있다 — 그러면 `data` 가 비어 「축 0」으로 읽힌다. 못 읽은\n       * 것이다.\n       */\n      if (response.errors?.length) throw new Error(response.errors.map((one: any) => one.message).join('; '))\n\n      const found = response.data?.masterChangePolicies\n\n      this.axes = found?.axes ?? []\n      this.canDeclare = !!found?.canDeclare\n      this.failed = false\n    } catch (thrown) {\n      /* 삼키지 않는다 — 빈 표를 그리면 「이 사업장은 아무것도 승인제가 아니다」로 읽힌다. */\n      this.axes = []\n      this.failed = true\n      console.warn(thrown)\n    } finally {\n      this.loaded = true\n    }\n\n    const signal = panelContentSignal(this.axes, this.activity, this.failed)\n    if (signal) {\n      this.dispatchEvent(new CustomEvent(ACTIVITY_PANEL_CONTENT, { detail: signal, bubbles: true, composed: true }))\n    }\n  }\n\n  /**\n   * 정하는 것도 바꾸는 것도 여기서 한다 — 바꾸면 정책 줄이 새로 서고, 지난 개정본은 자기 때의 줄을\n   * 계속 가리킨다. **결재에 안 태운다**(2026-09-22): 사업장 소유자가 정하는 것이라 확인만 받는다.\n   *\n   * ⚠ **사유는 사람에게 안 묻는다.** 서버가 필수로 받지만 그것은 「누가 어디서 정했나」를 남기려는\n   * 것이다. 시스템 설정에 사람이 글을 쓸 일이 아니다.\n   */\n  private async declare(\n    one: { axis: string; revisable?: boolean; approvalReady?: boolean; approvalActivity?: string | null },\n    approvalRequired: boolean\n  ) {\n    const { axis } = one\n    const how = i18next.t(approvalRequired ? 'master-policy.approval-required' : 'master-policy.direct-change-allowed')\n    const name = i18next.t(`axis.${axis}`, { defaultValue: axis })\n\n    /*\n     * **걸 수 없는 것을 골라 보게 하지 않는다.** 결재선이 비어 있으면 서버가 거절하는데, 그것을 누른\n     * 뒤에 알면 「예」를 고르고 나서 안 된다는 말을 듣는 꼴이다. 묻기 전에 먼저 본다.\n     */\n    if (approvalRequired && one.approvalReady === false) {\n      await OxPrompt.open({\n        type: 'warning',\n        title: i18next.t('master-policy.approval-line-missing'),\n        text: i18next.t('master-policy.set-the-approval-line', { activity: one.approvalActivity ?? '' }),\n        confirmButton: { text: i18next.t('button.confirm') }\n      })\n      return\n    }\n\n    /*\n     * 경고다. 이 사업장의 기준정보가 앞으로 어떻게 바뀌는가를 정하는 자리고, 규제를 푸는 쪽으로\n     * 누르면 결재 없이 바로 고쳐지기 시작한다. 되묻는 말투가 아니라 멈춰 세우는 말투여야 한다.\n     */\n    const yes = await OxPrompt.open({\n      type: 'warning',\n      title: i18next.t('master-policy.confirm-title'),\n      text: i18next.t('master-policy.confirm-text', { master: name, how }),\n      confirmButton: { text: i18next.t('button.confirm') },\n      cancelButton: { text: i18next.t('button.cancel') }\n    })\n\n    if (!yes) {\n      return\n    }\n\n    /*\n     * 거절을 삼키지 않는다. 앞서는 오류가 있으면 그냥 다시 읽었고, 사람은 눌렀는데 아무 일도 안\n     * 일어나는 화면을 봤다. 규제를 거는 쪽은 **결재선이 비어 있으면 거절된다**\n     * (`MASTER_APPROVAL_LINE_REQUIRED`) — 그 말을 그대로 보여야 어디를 고칠지 안다.\n     */\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($axis: String!, $approvalRequired: Boolean!, $reason: String!) {\n            declareMasterChangePolicy(axis: $axis, approvalRequired: $approvalRequired, reason: $reason)\n          }\n        `,\n        variables: { axis, approvalRequired, reason: i18next.t('master-policy.reason-from-setting') }\n      })\n\n      if (response.errors?.length) {\n        throw new Error(response.errors[0].message)\n      }\n    } catch (error: any) {\n      /*\n       * 거절은 **틀이 이미 붉은 쪽지로 말한다** — 서버가 그 사람의 말로 지은 문장 그대로. 여기서 또\n       * 창을 띄우면 같은 말이 두 번 나온다(2026-09-22 화면에서 확인). 여기서는 다시 읽기만 한다.\n       */\n      console.warn(error?.message ?? error)\n    }\n\n    this.load()\n  }\n\n  render() {\n    /* 읽기 전에는 아무 말도 하지 않는다. 「없다」도 아직 말할 수 없다. */\n    if (!this.loaded) {\n      return html``\n    }\n\n    if (this.failed) {\n      return html`<div class=\"note\">${i18next.t('master-policy.could-not-read')}</div>`\n    }\n\n    const shown = axesForActivity(this.axes, this.activity)\n\n    /*\n     * 좁혔는데 하나도 없으면 **그 사실을 말한다.** 빈 표를 두면 「이 업무를 부르는 축이 없다」와\n     * 「아직 못 읽었다」가 같은 화면이 된다.\n     */\n    if (this.activity && !shown.length) {\n      return html`<div class=\"note\">${i18next.t('master-policy.no-axis-for-activity')}</div>`\n    }\n\n    return html`\n      <div>\n          ${this.canDeclare ? '' : html`<div class=\"note\">${i18next.t('master-policy.only-the-owner')}</div>`}\n\n          <table>\n            <tr>\n              <th>${i18next.t('master-policy.field.axis')}</th>\n              <th class=\"what-column\">${i18next.t('master-policy.field.what')}</th>\n              <th>${i18next.t('master-policy.field.state')}</th>\n            </tr>\n            ${shown.map(\n              one => html`\n                <tr>\n                  <td class=\"axis\">\n                    ${i18next.t(`axis.${one.axis}`, { defaultValue: one.axis })}\n                    <ox-help-icon topic=${`/master-data/${one.axis}`}></ox-help-icon>\n                    <span class=\"what folded\">${i18next.t(`axis-help.${one.axis}`, { defaultValue: '' })}</span>\n                  </td>\n                  <td class=\"what what-column\">${i18next.t(`axis-help.${one.axis}`, { defaultValue: '' })}</td>\n                  ${!this.canDeclare\n                    ? html`<td>\n                        ${one.approvalRequired\n                          ? i18next.t('master-policy.approval-required')\n                          : i18next.t('master-policy.direct-change-allowed')}\n                      </td>`\n                    : one.revisable === false && one.approvalRequired !== true\n                    ? /*\n                       * 개정본 문이 없는 축은 소유자가 고를 것이 없다 — 버튼 대신 지금 상태와 한 줄(UX, 2026-09-24).\n                       * 막힌 버튼은 사람이 풀 수 있는 막힘(결재선 없음)에만 쓴다.\n                       */\n                      html`<td class=\"choice\">\n                        ${i18next.t('master-policy.direct-change-allowed')}\n                        <div class=\"line\">${i18next.t('master-policy.no-revision-path')}</div>\n                      </td>`\n                    : html`<td class=\"choice\">\n                        <button\n                          class=\"${one.approvalRequired === true ? 'on' : ''} ${one.approvalReady === false\n                            ? 'blocked'\n                            : ''}\"\n                          ?disabled=${one.approvalRequired === true}\n                          @click=${() => this.declare(one, true)}\n                        >\n                          ${i18next.t('master-policy.button.approval-required')}\n                        </button>\n                        <button\n                          class=${one.approvalRequired === false ? 'on' : ''}\n                          ?disabled=${one.approvalRequired === false}\n                          @click=${() => this.declare(one, false)}\n                        >\n                          ${i18next.t('master-policy.button.direct-change')}\n                        </button>\n                        ${one.revisable === false\n                          ? html`<div class=\"line\">${i18next.t('master-policy.no-revision-path')}</div>`\n                          : ''}\n                        ${one.approvalActivity\n                          ? html`<div class=\"line\">\n                              ${one.approvalReady\n                                ? i18next.t('master-policy.approval-line-set')\n                                : this.activity\n                                  ? i18next.t('master-policy.approval-line-none-here')\n                                  : html`${i18next.t('master-policy.approval-line-none')} ·\n                                      <a\n                                        href=\"javascript:void(0)\"\n                                        @click=${() =>\n                                          navigate(\n                                            'activity-detail?name=' + encodeURIComponent(one.approvalActivity as string)\n                                          )}\n                                      >\n                                        ${i18next.t('master-policy.go-set-the-line')}\n                                      </a>`}\n                            </div>`\n                          : ''}\n                      </td>`}\n                </tr>\n              `\n            )}\n          </table>\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/master-change-providers.d.ts

@@ -0,0 +1,4 @@
+/** Where an approval stands, read from worklist: rejected, pending, approved or aborted, and by whom. */
+export declare function provideMasterChangeStatus(): void;
+/** Submits a draft of each given axis through its submit mutation: `{ axis: mutationName }`. */
+export declare function provideMasterChangeApproval(mutations: Record<string, string>): void;

package/dist-client/master-change-providers.js

@@ -0,0 +1,91 @@
+import gql from 'graphql-tag';
+import { client } from '@operato/graphql';
+import { navigate } from '@operato/shell';
+/*
+ * The answers to the two events the revision editor dispatches (`master-change-approval.ts`). ops-master
+ * owns the approval flow (ADR-0086 decision 1, amended 2026-10-10), so it answers them itself; a module
+ * whose axis lives elsewhere adds its axis with `provideMasterChangeApproval`.
+ */
+let statusProvided = false;
+/** Where an approval stands, read from worklist: rejected, pending, approved or aborted, and by whom. */
+export function provideMasterChangeStatus() {
+    if (statusProvided)
+        return;
+    statusProvided = true;
+    document.addEventListener('master-change-status', event => {
+        if (!(event instanceof CustomEvent))
+            return;
+        event.detail.respondWith(readStatus(event.detail.activityInstanceId));
+    });
+}
+async function readStatus(activityInstanceId) {
+    const response = await client.query({
+        query: gql `
+      query ($id: String!) {
+        activityInstance(id: $id) {
+          id
+          state
+          activityThreads {
+            id
+            round
+            activityApprovals {
+              id
+              order
+              judgment
+              comment
+              approver {
+                name
+              }
+              approverRole {
+                name
+              }
+            }
+          }
+        }
+      }
+    `,
+        variables: { id: activityInstanceId },
+        fetchPolicy: 'no-cache'
+    });
+    if (response.errors?.length)
+        throw new Error(response.errors[0].message);
+    const instance = response.data.activityInstance;
+    if (!instance)
+        return { state: 'unknown' };
+    const thread = [...(instance.activityThreads ?? [])].sort((a, b) => (b.round ?? 0) - (a.round ?? 0))[0];
+    const approvals = [...(thread?.activityApprovals ?? [])].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+    const rejected = approvals.find((row) => row.judgment === 'rejected');
+    const pending = approvals.find((row) => !row.judgment);
+    const shown = rejected ?? pending ?? approvals[approvals.length - 1];
+    const state = String(instance.state).toLowerCase();
+    return {
+        state: rejected ? 'rejected' : state === 'ended' ? 'approved' : state === 'aborted' ? 'aborted' : 'pending',
+        comment: rejected?.comment,
+        who: shown?.approver?.name ?? shown?.approverRole?.name,
+        ...(thread ? { open: () => navigate('activity-thread-view/' + thread.id) } : {})
+    };
+}
+/** Submits a draft of each given axis through its submit mutation: `{ axis: mutationName }`. */
+export function provideMasterChangeApproval(mutations) {
+    document.addEventListener('master-change-approval', event => {
+        if (!(event instanceof CustomEvent))
+            return;
+        const request = event.detail;
+        const mutation = mutations[request.axis];
+        if (!mutation)
+            return;
+        request.respondWith(client
+            .mutate({
+            mutation: gql(`mutation ($revisionId: String!, $editGeneration: Int!) {
+            ${mutation}(revisionId: $revisionId, editGeneration: $editGeneration)
+          }`),
+            variables: { revisionId: request.revisionId, editGeneration: request.editGeneration }
+        })
+            .then(response => {
+            if (response.errors?.length)
+                throw new Error(response.errors.map(error => error.message).join('\n'));
+            return response.data[mutation];
+        }));
+    });
+}
+//# sourceMappingURL=master-change-providers.js.map

package/dist-client/master-change-providers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"master-change-providers.js","sourceRoot":"","sources":["../client/master-change-providers.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\nimport { navigate } from '@operato/shell'\n\nimport type { MasterChangeStatus } from './master-change-approval.js'\n\n/*\n * The answers to the two events the revision editor dispatches (`master-change-approval.ts`). ops-master\n * owns the approval flow (ADR-0086 decision 1, amended 2026-10-10), so it answers them itself; a module\n * whose axis lives elsewhere adds its axis with `provideMasterChangeApproval`.\n */\nlet statusProvided = false\n\n/** Where an approval stands, read from worklist: rejected, pending, approved or aborted, and by whom. */\nexport function provideMasterChangeStatus(): void {\n  if (statusProvided) return\n  statusProvided = true\n\n  document.addEventListener('master-change-status', event => {\n    if (!(event instanceof CustomEvent)) return\n    event.detail.respondWith(readStatus(event.detail.activityInstanceId))\n  })\n}\n\nasync function readStatus(activityInstanceId: string): Promise<MasterChangeStatus> {\n  const response = await client.query({\n    query: gql`\n      query ($id: String!) {\n        activityInstance(id: $id) {\n          id\n          state\n          activityThreads {\n            id\n            round\n            activityApprovals {\n              id\n              order\n              judgment\n              comment\n              approver {\n                name\n              }\n              approverRole {\n                name\n              }\n            }\n          }\n        }\n      }\n    `,\n    variables: { id: activityInstanceId },\n    fetchPolicy: 'no-cache'\n  })\n\n  if (response.errors?.length) throw new Error(response.errors[0].message)\n\n  const instance = response.data.activityInstance\n  if (!instance) return { state: 'unknown' }\n\n  const thread = [...(instance.activityThreads ?? [])].sort((a: any, b: any) => (b.round ?? 0) - (a.round ?? 0))[0]\n  const approvals = [...(thread?.activityApprovals ?? [])].sort((a: any, b: any) => (a.order ?? 0) - (b.order ?? 0))\n  const rejected = approvals.find((row: any) => row.judgment === 'rejected')\n  const pending = approvals.find((row: any) => !row.judgment)\n  const shown = rejected ?? pending ?? approvals[approvals.length - 1]\n  const state = String(instance.state).toLowerCase()\n\n  return {\n    state: rejected ? 'rejected' : state === 'ended' ? 'approved' : state === 'aborted' ? 'aborted' : 'pending',\n    comment: rejected?.comment,\n    who: shown?.approver?.name ?? shown?.approverRole?.name,\n    ...(thread ? { open: () => navigate('activity-thread-view/' + thread.id) } : {})\n  }\n}\n\n/** Submits a draft of each given axis through its submit mutation: `{ axis: mutationName }`. */\nexport function provideMasterChangeApproval(mutations: Record<string, string>): void {\n  document.addEventListener('master-change-approval', event => {\n    if (!(event instanceof CustomEvent)) return\n\n    const request = event.detail\n    const mutation = mutations[request.axis]\n    if (!mutation) return\n\n    request.respondWith(\n      client\n        .mutate({\n          mutation: gql(`mutation ($revisionId: String!, $editGeneration: Int!) {\n            ${mutation}(revisionId: $revisionId, editGeneration: $editGeneration)\n          }`),\n          variables: { revisionId: request.revisionId, editGeneration: request.editGeneration }\n        })\n        .then(response => {\n          if (response.errors?.length) throw new Error(response.errors.map(error => error.message).join('\\n'))\n          return response.data[mutation]\n        })\n    )\n  })\n}\n"]}