@things-factory/worklist 10.1.6 → 10.1.7

package/dist-client/components/activity-instance-preview.js

@@ -6,6 +6,7 @@ import { css, html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { client } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
+import { ranMutation } from './say-outcome.js';
 import { notify } from '@operato/layout';
 import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
 let ActivityInstancePreview = class ActivityInstancePreview extends localize(i18next)(LitElement) {
@@ -142,7 +143,7 @@ let ActivityInstancePreview = class ActivityInstancePreview extends localize(i18
         this.activityThreads = response.data.activityThreads.items;
     }
     async pickActivityInstance() {
-        const response = await client.mutate({
+        const outcome = await ranMutation(() => client.mutate({
             mutation: gql `
         mutation ($id: String!) {
           pickActivityInstance(id: $id) {
@@ -153,10 +154,10 @@ let ActivityInstancePreview = class ActivityInstancePreview extends localize(i18
             variables: {
                 id: this.activityInstanceId
             }
-        });
-        if (!response.errors) {
+        }));
+        if (outcome.ok) {
             this.picked = true;
-            this.activityThreads = [response.data.pickActivityInstance];
+            this.activityThreads = [outcome.data.pickActivityInstance];
             notify({
                 message: i18next.t('text.info_x_successfully', {
                     x: `${i18next.t('label.activity-instance')} ${i18next.t('text.pick')}`

package/dist-client/components/activity-instance-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-instance-preview.js","sourceRoot":"","sources":["../../client/components/activity-instance-preview.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@operato/property-editor/ox-properties-dynamic-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-instance-preview')\nclass ActivityInstancePreview extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      content {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        padding: var(--spacing-medium);\n        overflow: auto;\n      }\n\n      section {\n        display: flex;\n        flex-direction: column;\n      }\n\n      #description {\n        height: 60px;\n      }\n    `\n  ]\n\n  @property({ type: String }) activityInstanceId?: string\n  @property({ type: Object }) activityInstance: any = {}\n  @property({ type: Array }) activityThreads: any\n\n  @state() picked: boolean = false\n\n  render() {\n    const {\n      id,\n      name,\n      description,\n      input,\n      state,\n      threadsMin = 0,\n      threadsMax = 0,\n      activity\n    } = this.activityInstance || {}\n    const { model, thumbnail } = activity || {}\n\n    const inputSpec = (model || [])\n      .filter(item => item.inout === 'in' || item.inout === 'inout')\n      .map(item => {\n        return {\n          ...item,\n          label: item.name\n        }\n      })\n\n    const pickable = !this.picked && this.activityThreads?.length < threadsMax\n\n    return html`\n      <content>\n        <section>\n          <h2>mission statement</h2>\n          <div>title: ${name}</div>\n          <div>${description}</div>\n          <div>min-max: ${threadsMin} - ${threadsMax}</div>\n          <img src=${thumbnail} />\n        </section>\n\n        <label>Input</label>\n        ${!model\n          ? html``\n          : html`\n              <ox-properties-dynamic-view\n                .props=${inputSpec}\n                .value=${input}\n                @property-change=${e => {\n                  this.activityInstance.input = e.currentTarget.value\n                  console.log('activity-instance', this.activityInstance.input)\n                }}\n              ></ox-properties-dynamic-view>\n            `}\n      </content>\n\n      <div class=\"footer\">\n        <div filler></div>\n        <button @click=${e => history.back()}><md-icon>close</md-icon>${i18next.t('button.close')}</button>\n        ${pickable\n          ? html`<button @click=${this.pickActivityInstance.bind(this)} done>\n              <md-icon>done</md-icon>${i18next.t('button.pick')}\n            </button>`\n          : html``}\n      </div>\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('activityInstanceId')) {\n      this.fetchAll(this.activityInstanceId)\n    }\n  }\n\n  async fetchAll(id) {\n    const response = await client.query({\n      query: gql`\n        {\n          activityInstance(id: \"${id}\") {\n            id\n            name\n            description\n            input\n            state\n            threadsMin\n            threadsMax\n            activity {\n              id\n              name\n              description\n              state\n              thumbnail\n              model {\n                name\n                description\n                active\n                tag\n                inout\n                type\n                unit\n                options\n                quantifier\n                spec\n              }\n            }\n          }\n\n          activityThreads(filters: [{ name: \"activityInstanceId\", operator: \"eq\", value: \"${id}\"}]) {\n            items {\n              id\n            }\n            total\n          }\n        }\n      `\n    })\n\n    this.activityInstance = response.data.activityInstance\n    this.activityThreads = response.data.activityThreads.items\n  }\n\n  async pickActivityInstance() {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($id: String!) {\n          pickActivityInstance(id: $id) {\n            id\n          }\n        }\n      `,\n      variables: {\n        id: this.activityInstanceId\n      }\n    })\n\n    if (!response.errors) {\n      this.picked = true\n      this.activityThreads = [response.data.pickActivityInstance]\n      notify({\n        message: i18next.t('text.info_x_successfully', {\n          x: `${i18next.t('label.activity-instance')} ${i18next.t('text.pick')}`\n        })\n      })\n    }\n  }\n}\n"]}
+{"version":3,"file":"activity-instance-preview.js","sourceRoot":"","sources":["../../client/components/activity-instance-preview.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAChD,OAAO,wDAAwD,CAAA;AAE/D,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGrE,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAnE;;QAgC8B,qBAAgB,GAAQ,EAAE,CAAA;QAG7C,WAAM,GAAY,KAAK,CAAA;IA4IlC,CAAC;aA9KQ,WAAM,GAAG;QACd,kBAAkB;QAClB,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;KAwBF;KACF,AA5BY,CA4BZ;IAQD,MAAM;QACJ,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,WAAW,EACX,KAAK,EACL,KAAK,EACL,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,CAAC,EACd,QAAQ,EACT,GAAG,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAA;QAC/B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,IAAI,EAAE,CAAA;QAE3C,MAAM,SAAS,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC;aAC5B,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC;aAC7D,GAAG,CAAC,IAAI,CAAC,EAAE;YACV,OAAO;gBACL,GAAG,IAAI;gBACP,KAAK,EAAE,IAAI,CAAC,IAAI;aACjB,CAAA;QACH,CAAC,CAAC,CAAA;QAEJ,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,UAAU,CAAA;QAE1E,OAAO,IAAI,CAAA;;;;wBAIS,IAAI;iBACX,WAAW;0BACF,UAAU,MAAM,UAAU;qBAC/B,SAAS;;;;UAIpB,CAAC,KAAK;YACN,CAAC,CAAC,IAAI,CAAA,EAAE;YACR,CAAC,CAAC,IAAI,CAAA;;yBAES,SAAS;yBACT,KAAK;mCACK,CAAC,CAAC,EAAE;gBACrB,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAA;gBACnD,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;YAC/D,CAAC;;aAEJ;;;;;yBAKY,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,4BAA4B,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;UACvF,QAAQ;YACR,CAAC,CAAC,IAAI,CAAA,kBAAkB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;uCAC/B,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;sBACzC;YACZ,CAAC,CAAC,IAAI,CAAA,EAAE;;KAEb,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;QACxC,CAAC;IACH,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,EAAE;QACf,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;kCAEkB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4FA6BwD,EAAE;;;;;;;OAOvF;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAA;QACtD,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAA;IAC5D,CAAC;IAED,KAAK,CAAC,oBAAoB;QACxB,MAAM,OAAO,GAAG,MAAM,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;YACpD,QAAQ,EAAE,GAAG,CAAA;;;;;;OAMZ;YACD,SAAS,EAAE;gBACT,EAAE,EAAE,IAAI,CAAC,kBAAkB;aAC5B;SACF,CAAC,CAAC,CAAA;QAEH,IAAI,OAAO,CAAC,EAAE,EAAE,CAAC;YACf,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;YAClB,IAAI,CAAC,eAAe,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;YAC1D,MAAM,CAAC;gBACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,0BAA0B,EAAE;oBAC7C,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE;iBACvE,CAAC;aACH,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;;AA/I2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mEAA4B;AAC3B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;iEAA2B;AAC3B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;gEAAqB;AAEtC;IAAR,KAAK,EAAE;;uDAAwB;AAnC5B,uBAAuB;IAD5B,aAAa,CAAC,2BAA2B,CAAC;GACrC,uBAAuB,CA+K5B","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@operato/property-editor/ox-properties-dynamic-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ranMutation } from './say-outcome.js'\nimport { notify } from '@operato/layout'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-instance-preview')\nclass ActivityInstancePreview extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      content {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        padding: var(--spacing-medium);\n        overflow: auto;\n      }\n\n      section {\n        display: flex;\n        flex-direction: column;\n      }\n\n      #description {\n        height: 60px;\n      }\n    `\n  ]\n\n  @property({ type: String }) activityInstanceId?: string\n  @property({ type: Object }) activityInstance: any = {}\n  @property({ type: Array }) activityThreads: any\n\n  @state() picked: boolean = false\n\n  render() {\n    const {\n      id,\n      name,\n      description,\n      input,\n      state,\n      threadsMin = 0,\n      threadsMax = 0,\n      activity\n    } = this.activityInstance || {}\n    const { model, thumbnail } = activity || {}\n\n    const inputSpec = (model || [])\n      .filter(item => item.inout === 'in' || item.inout === 'inout')\n      .map(item => {\n        return {\n          ...item,\n          label: item.name\n        }\n      })\n\n    const pickable = !this.picked && this.activityThreads?.length < threadsMax\n\n    return html`\n      <content>\n        <section>\n          <h2>mission statement</h2>\n          <div>title: ${name}</div>\n          <div>${description}</div>\n          <div>min-max: ${threadsMin} - ${threadsMax}</div>\n          <img src=${thumbnail} />\n        </section>\n\n        <label>Input</label>\n        ${!model\n          ? html``\n          : html`\n              <ox-properties-dynamic-view\n                .props=${inputSpec}\n                .value=${input}\n                @property-change=${e => {\n                  this.activityInstance.input = e.currentTarget.value\n                  console.log('activity-instance', this.activityInstance.input)\n                }}\n              ></ox-properties-dynamic-view>\n            `}\n      </content>\n\n      <div class=\"footer\">\n        <div filler></div>\n        <button @click=${e => history.back()}><md-icon>close</md-icon>${i18next.t('button.close')}</button>\n        ${pickable\n          ? html`<button @click=${this.pickActivityInstance.bind(this)} done>\n              <md-icon>done</md-icon>${i18next.t('button.pick')}\n            </button>`\n          : html``}\n      </div>\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('activityInstanceId')) {\n      this.fetchAll(this.activityInstanceId)\n    }\n  }\n\n  async fetchAll(id) {\n    const response = await client.query({\n      query: gql`\n        {\n          activityInstance(id: \"${id}\") {\n            id\n            name\n            description\n            input\n            state\n            threadsMin\n            threadsMax\n            activity {\n              id\n              name\n              description\n              state\n              thumbnail\n              model {\n                name\n                description\n                active\n                tag\n                inout\n                type\n                unit\n                options\n                quantifier\n                spec\n              }\n            }\n          }\n\n          activityThreads(filters: [{ name: \"activityInstanceId\", operator: \"eq\", value: \"${id}\"}]) {\n            items {\n              id\n            }\n            total\n          }\n        }\n      `\n    })\n\n    this.activityInstance = response.data.activityInstance\n    this.activityThreads = response.data.activityThreads.items\n  }\n\n  async pickActivityInstance() {\n    const outcome = await ranMutation(() => client.mutate({\n      mutation: gql`\n        mutation ($id: String!) {\n          pickActivityInstance(id: $id) {\n            id\n          }\n        }\n      `,\n      variables: {\n        id: this.activityInstanceId\n      }\n    }))\n\n    if (outcome.ok) {\n      this.picked = true\n      this.activityThreads = [outcome.data.pickActivityInstance]\n      notify({\n        message: i18next.t('text.info_x_successfully', {\n          x: `${i18next.t('label.activity-instance')} ${i18next.t('text.pick')}`\n        })\n      })\n    }\n  }\n}\n"]}

package/dist-client/components/activity-starter-form.js

@@ -10,6 +10,7 @@ import { customElement, property, state } from 'lit/decorators.js';
 import { navigate } from '@operato/shell';
 import { client } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
+import { ranMutation } from './say-outcome.js';
 import { notify } from '@operato/layout';
 import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
 let ActivityStarterForm = class ActivityStarterForm extends localize(i18next)(LitElement) {
@@ -139,6 +140,7 @@ let ActivityStarterForm = class ActivityStarterForm extends localize(i18next)(Li
             }
             approvalLine {
               type
+              participation
               value
               approver {
                 id
@@ -189,7 +191,7 @@ let ActivityStarterForm = class ActivityStarterForm extends localize(i18next)(Li
             assignees,
             approvalLine
         };
-        const response = await client.mutate({
+        const outcome = await ranMutation(() => client.mutate({
             mutation: gql `
         mutation ($activityInstance: ActivityInstanceDraft!) {
           draftActivityInstance(activityInstance: $activityInstance) {
@@ -211,6 +213,7 @@ let ActivityStarterForm = class ActivityStarterForm extends localize(i18next)(Li
             }
             approvalLine {
               type
+              participation
               value
               approver {
                 id
@@ -227,16 +230,17 @@ let ActivityStarterForm = class ActivityStarterForm extends localize(i18next)(Li
             variables: {
                 activityInstance
             }
-        });
-        if (!response.errors) {
-            this.activityInstance = response.data.draftActivityInstance;
-            notify({
-                message: i18next.t('text.info_x_successfully', {
-                    x: `${i18next.t('label.activity-instance')} ${i18next.t('text.draft')}`
-                })
-            });
-            this.openActivityInstanceStart(this.activityInstance);
+        }));
+        if (!outcome.ok) {
+            return;
         }
+        this.activityInstance = outcome.data.draftActivityInstance;
+        notify({
+            message: i18next.t('text.info_x_successfully', {
+                x: `${i18next.t('label.activity-instance')} ${i18next.t('text.draft')}`
+            })
+        });
+        this.openActivityInstanceStart(this.activityInstance);
     }
     openActivityInstanceStart(activityInstance) {
         navigate(`activity-instance-start/${activityInstance.id}?title=${activityInstance.name}`);

package/dist-client/components/activity-starter-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-starter-form.js","sourceRoot":"","sources":["../../client/components/activity-starter-form.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/textfield/filled-text-field.js'\nimport '@operato/property-editor/ox-properties-dynamic-view.js'\nimport '@things-factory/organization'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { navigate } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-starter-form')\nexport class ActivityStarterForm extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        color: var(--md-sys-color-on-s);\n        background-color: var(--md-sys-color-surface);\n      }\n\n      content {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        padding: var(--spacing-medium);\n        gap: var(--spacing-medium);\n        overflow: auto;\n      }\n\n      content > div {\n        display: flex;\n        flex-direction: column;\n      }\n\n      content label {\n        font: var(--label-font);\n      }\n      content input,\n      content textarea {\n        border-radius: var(--border-radius);\n        border: var(--border-dim-color);\n        padding: var(--input-padding);\n        margin: var(--input-margin);\n        font: var(--input-font);\n      }\n\n      content [desc] {\n        font-size: 0.9em;\n      }\n\n      #description {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: String }) activityId?: string\n\n  @state() activity: any = {}\n  @state() activityInstance: any = {}\n\n  render() {\n    var { thumbnail, startingType } = this.activity || {}\n    var { name, description } = this.activityInstance\n\n    return html`\n      <content>\n        <div desc>\n          <span\n            >업무의 타이틀과 설명을 작성해서 초안저장을 클릭하시면, 업무 초안이 생성되고 편집할 수 있는 페이지로\n            이동합니다.</span\n          >\n\n          <span\n            >이렇게 생성된 업무 초안은 '작성중인 업무' 리스트에서 찾아볼 수 있으며,\n            '${startingType == 'issue' ? '이슈' : '게시'}' 전까지 언제든지 수정할 수 있습니다.</span\n          >\n        </div>\n\n        <md-outlined-text-field\n          id=\"name\"\n          type=\"text\"\n          label=${String(i18next.t('label.title'))}\n          .value=${name || this.activity?.name || ''}\n          @change=${e => (this.activityInstance.name = e.currentTarget.value)}\n        >\n        </md-outlined-text-field>\n\n        <md-filled-text-field\n          id=\"description\"\n          type=\"textarea\"\n          label=${String(i18next.t('label.description'))}\n          resize=\"none\"\n          .value=${description || this.activity?.description || ''}\n          @change=${e => {\n            this.activityInstance.description = e.currentTarget.value\n          }}\n        >\n        </md-filled-text-field>\n      </content>\n\n      <div class=\"footer\">\n        <div filler></div>\n        <button @click=${e => history.back()}><md-icon>close</md-icon>${i18next.t('button.close')}</button>\n        <button @click=${this.draftActivityInstance.bind(this)} done>\n          <md-icon>save</md-icon>${i18next.t('button.draft')}\n        </button>\n      </div>\n    `\n  }\n\n  firstUpdated() {\n    this.fetchActivity(this.activityId)\n  }\n\n  async fetchActivity(id) {\n    const response = await client.query({\n      query: gql`\n        query activity($id: String!) {\n          activity(id: $id) {\n            id\n            name\n            description\n            state\n            multiple\n            startingType\n            assignees {\n              type\n              value\n              assignee {\n                id\n                name\n                description\n                controlNo\n              }\n            }\n            approvalLine {\n              type\n              value\n              approver {\n                id\n                name\n                description\n                controlNo\n              }\n            }\n            thumbnail\n            model {\n              name\n              description\n              active\n              tag\n              inout\n              type\n              unit\n              options\n              quantifier\n              spec\n            }\n          }\n        }\n      `,\n      variables: {\n        id\n      }\n    })\n\n    this.activity = response.data.activity\n  }\n\n  async draftActivityInstance() {\n    var { id: activityId } = this.activity\n    var { id, name, description, priority, threadsMin, threadsMax, dueAt, input, assignees, approvalLine } =\n      this.activityInstance\n\n    name ||= this.activity.name\n    description ||= this.activity.description\n    assignees ||= this.activity.assignees\n    approvalLine ||= this.activity.approvalLine\n\n    var activityInstance = {\n      id,\n      activityId,\n      name,\n      description,\n      priority,\n      threadsMax,\n      threadsMin,\n      dueAt,\n      input,\n      assignees,\n      approvalLine\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($activityInstance: ActivityInstanceDraft!) {\n          draftActivityInstance(activityInstance: $activityInstance) {\n            id\n            name\n            description\n            input\n            output\n            state\n            assignees {\n              type\n              value\n              assignee {\n                id\n                name\n                description\n                controlNo\n              }\n            }\n            approvalLine {\n              type\n              value\n              approver {\n                id\n                name\n                description\n                controlNo\n              }\n            }\n            threadsMin\n            threadsMax\n          }\n        }\n      `,\n      variables: {\n        activityInstance\n      }\n    })\n\n    if (!response.errors) {\n      this.activityInstance = response.data.draftActivityInstance\n      notify({\n        message: i18next.t('text.info_x_successfully', {\n          x: `${i18next.t('label.activity-instance')} ${i18next.t('text.draft')}`\n        })\n      })\n\n      this.openActivityInstanceStart(this.activityInstance)\n    }\n  }\n\n  openActivityInstanceStart(activityInstance) {\n    navigate(`activity-instance-start/${activityInstance.id}?title=${activityInstance.name}`)\n  }\n}\n"]}
+{"version":3,"file":"activity-starter-form.js","sourceRoot":"","sources":["../../client/components/activity-starter-form.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/textfield/filled-text-field.js'\nimport '@operato/property-editor/ox-properties-dynamic-view.js'\nimport '@things-factory/organization'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { navigate } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ranMutation } from './say-outcome.js'\nimport { notify } from '@operato/layout'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-starter-form')\nexport class ActivityStarterForm extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        color: var(--md-sys-color-on-s);\n        background-color: var(--md-sys-color-surface);\n      }\n\n      content {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        padding: var(--spacing-medium);\n        gap: var(--spacing-medium);\n        overflow: auto;\n      }\n\n      content > div {\n        display: flex;\n        flex-direction: column;\n      }\n\n      content label {\n        font: var(--label-font);\n      }\n      content input,\n      content textarea {\n        border-radius: var(--border-radius);\n        border: var(--border-dim-color);\n        padding: var(--input-padding);\n        margin: var(--input-margin);\n        font: var(--input-font);\n      }\n\n      content [desc] {\n        font-size: 0.9em;\n      }\n\n      #description {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: String }) activityId?: string\n\n  @state() activity: any = {}\n  @state() activityInstance: any = {}\n\n  render() {\n    var { thumbnail, startingType } = this.activity || {}\n    var { name, description } = this.activityInstance\n\n    return html`\n      <content>\n        <div desc>\n          <span\n            >업무의 타이틀과 설명을 작성해서 초안저장을 클릭하시면, 업무 초안이 생성되고 편집할 수 있는 페이지로\n            이동합니다.</span\n          >\n\n          <span\n            >이렇게 생성된 업무 초안은 '작성중인 업무' 리스트에서 찾아볼 수 있으며,\n            '${startingType == 'issue' ? '이슈' : '게시'}' 전까지 언제든지 수정할 수 있습니다.</span\n          >\n        </div>\n\n        <md-outlined-text-field\n          id=\"name\"\n          type=\"text\"\n          label=${String(i18next.t('label.title'))}\n          .value=${name || this.activity?.name || ''}\n          @change=${e => (this.activityInstance.name = e.currentTarget.value)}\n        >\n        </md-outlined-text-field>\n\n        <md-filled-text-field\n          id=\"description\"\n          type=\"textarea\"\n          label=${String(i18next.t('label.description'))}\n          resize=\"none\"\n          .value=${description || this.activity?.description || ''}\n          @change=${e => {\n            this.activityInstance.description = e.currentTarget.value\n          }}\n        >\n        </md-filled-text-field>\n      </content>\n\n      <div class=\"footer\">\n        <div filler></div>\n        <button @click=${e => history.back()}><md-icon>close</md-icon>${i18next.t('button.close')}</button>\n        <button @click=${this.draftActivityInstance.bind(this)} done>\n          <md-icon>save</md-icon>${i18next.t('button.draft')}\n        </button>\n      </div>\n    `\n  }\n\n  firstUpdated() {\n    this.fetchActivity(this.activityId)\n  }\n\n  async fetchActivity(id) {\n    const response = await client.query({\n      query: gql`\n        query activity($id: String!) {\n          activity(id: $id) {\n            id\n            name\n            description\n            state\n            multiple\n            startingType\n            assignees {\n              type\n              value\n              assignee {\n                id\n                name\n                description\n                controlNo\n              }\n            }\n            approvalLine {\n              type\n              participation\n              value\n              approver {\n                id\n                name\n                description\n                controlNo\n              }\n            }\n            thumbnail\n            model {\n              name\n              description\n              active\n              tag\n              inout\n              type\n              unit\n              options\n              quantifier\n              spec\n            }\n          }\n        }\n      `,\n      variables: {\n        id\n      }\n    })\n\n    this.activity = response.data.activity\n  }\n\n  async draftActivityInstance() {\n    var { id: activityId } = this.activity\n    var { id, name, description, priority, threadsMin, threadsMax, dueAt, input, assignees, approvalLine } =\n      this.activityInstance\n\n    name ||= this.activity.name\n    description ||= this.activity.description\n    assignees ||= this.activity.assignees\n    approvalLine ||= this.activity.approvalLine\n\n    var activityInstance = {\n      id,\n      activityId,\n      name,\n      description,\n      priority,\n      threadsMax,\n      threadsMin,\n      dueAt,\n      input,\n      assignees,\n      approvalLine\n    }\n\n    const outcome = await ranMutation(() => client.mutate({\n      mutation: gql`\n        mutation ($activityInstance: ActivityInstanceDraft!) {\n          draftActivityInstance(activityInstance: $activityInstance) {\n            id\n            name\n            description\n            input\n            output\n            state\n            assignees {\n              type\n              value\n              assignee {\n                id\n                name\n                description\n                controlNo\n              }\n            }\n            approvalLine {\n              type\n              participation\n              value\n              approver {\n                id\n                name\n                description\n                controlNo\n              }\n            }\n            threadsMin\n            threadsMax\n          }\n        }\n      `,\n      variables: {\n        activityInstance\n      }\n    }))\n\n    if (!outcome.ok) {       return\n }\n\n    this.activityInstance = outcome.data.draftActivityInstance\n      notify({\n        message: i18next.t('text.info_x_successfully', {\n          x: `${i18next.t('label.activity-instance')} ${i18next.t('text.draft')}`\n        })\n      })\n\n      this.openActivityInstanceStart(this.activityInstance)\n  }\n\n  openActivityInstanceStart(activityInstance) {\n    navigate(`activity-instance-start/${activityInstance.id}?title=${activityInstance.name}`)\n  }\n}\n"]}

package/dist-client/components/activity-thread-timeline.d.ts

@@ -17,12 +17,12 @@ export declare class ActivityThreadTimeline extends LitElement {
      *   보일 항목 없음  화면이 「타임라인의 상신 사유를 보고 판단하세요」로 여기를 가리킨다
      */
     open?: boolean;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
     /** 접혔을 때 보이는 한 줄 — 마지막 기록의 「무엇을 · 누가 · 언제」. */
     lastLine(item: any): string;
     renderActivityThreadHistory(activityThreadHistory: ActivityThreadHistory): import("lit-html").TemplateResult<1>;
     renderActivityApproval(activityApproval: ActivityApproval): import("lit-html").TemplateResult<1>;
     /** 적힌 말이 없으면 상자를 그리지 않는다 — 빈 회색 상자는 내용이 있는 줄과 구별되지 않는다. */
-    renderSaid(said?: string): import("lit-html").TemplateResult<1> | typeof nothing;
+    renderSaid(said?: string): typeof nothing | import("lit-html").TemplateResult<1>;
     renderOutput(output: any): string;
 }

package/dist-client/components/decision-slots.d.ts

@@ -75,15 +75,44 @@ export declare function slotsOfRole(slots: DecisionSlot[], role: string): Decisi
  */
 export declare function slotOfRole(slots: DecisionSlot[], role: string): DecisionSlot | undefined;
 /**
- * Whether approving can be undone: true, false, or undefined for "the screen does not know".
+ * What the declaration says about undoing this approval.
  *
- * Three answers, not two. A path that led nowhere and a value that is not a boolean both mean the
- * payload did not say, and the screen must draw nothing then — telling an approver that an action
- * can be taken back when nobody said so is the one mistake this line cannot make. Reading a
- * truthy value as reversible would do exactly that, since a non-empty string is truthy.
+ * The value is an object: `reversible` is required and `caveat` is the module's own sentence about
+ * it. The asymmetry is the point — the boolean decides how heavily the screen draws the band, and
+ * a sentence alone cannot decide that.
  *
- * This is not rejectionIsFinal. That says whether **rejecting** ends the case for good; this says
- * whether **approving** can be taken back. The twin actuation carries both, which is why they must
- * never share a sentence.
+ *   { reversible: false, caveat: '버린 자재는 돌아오지 않습니다' }
+ *
+ * ── A condition is written as false ───────────────────────────────────────
+ * 「되돌릴 수 있습니다 — 단, 실적이 마감되기 전까지」 is written `false` with the condition in the
+ * caveat. Written `true` the screen draws it lightly and the reader walks past the condition. There
+ * is no third value: a middle one always draws ambiguously, and the reader has to guess which side
+ * it is on. (2026-09-11, architect's ruling)
+ *
+ * ── Not `note` ───────────────────────────────────────────────────────────
+ * ops-contract already has CommandApproval.note, and that one is **the approver's own comment** —
+ * a person's words, in the same neighbourhood as this screen. Same word for a module's sentence
+ * would be read as the person's. `caveat` is used nowhere in the three repositories.
+ */
+export type Reversibility = {
+    reversible: boolean;
+    caveat?: string;
+};
+/**
+ * What the slot says, or undefined when it does not say.
+ *
+ * Undefined covers both "the path led nowhere" and "nobody declared the role". Drawing nothing is
+ * right for both: telling an approver an action can be taken back when the payload never said so
+ * is the one mistake this line cannot make, and a truthy read would make it — the string
+ * '되돌릴 수 없습니다…' is truthy.
+ */
+export declare function reversibilityOf(slot?: DecisionSlot): Reversibility | undefined;
+/**
+ * The value is there but not the shape this role takes.
+ *
+ * plant declared the role and put a sentence at that path, so the band drew nothing at all and the
+ * heaviest line on the screen was silently missing. Reporting nothing to the reader is right — the
+ * screen cannot tell which way it goes — but a developer should not have to find it by hand. The
+ * caller logs this; the rule stays free of side effects so a test can hold it.
  */
-export declare function reversibilityOf(slot?: DecisionSlot): boolean | undefined;
+export declare function reversibilityIsMalformed(slot?: DecisionSlot): boolean;

package/dist-client/components/decision-slots.js

@@ -94,18 +94,32 @@ export function slotOfRole(slots, role) {
     return slots.find(slot => slot.role === role);
 }
 /**
- * Whether approving can be undone: true, false, or undefined for "the screen does not know".
+ * What the slot says, or undefined when it does not say.
  *
- * Three answers, not two. A path that led nowhere and a value that is not a boolean both mean the
- * payload did not say, and the screen must draw nothing then — telling an approver that an action
- * can be taken back when nobody said so is the one mistake this line cannot make. Reading a
- * truthy value as reversible would do exactly that, since a non-empty string is truthy.
- *
- * This is not rejectionIsFinal. That says whether **rejecting** ends the case for good; this says
- * whether **approving** can be taken back. The twin actuation carries both, which is why they must
- * never share a sentence.
+ * Undefined covers both "the path led nowhere" and "nobody declared the role". Drawing nothing is
+ * right for both: telling an approver an action can be taken back when the payload never said so
+ * is the one mistake this line cannot make, and a truthy read would make it — the string
+ * '되돌릴 수 없습니다…' is truthy.
  */
 export function reversibilityOf(slot) {
-    return typeof slot?.value === 'boolean' ? slot.value : undefined;
+    const value = slot?.value;
+    if (!value || typeof value !== 'object' || typeof value.reversible !== 'boolean') {
+        return undefined;
+    }
+    return {
+        reversible: value.reversible,
+        ...(typeof value.caveat === 'string' && value.caveat.trim() ? { caveat: value.caveat } : {})
+    };
+}
+/**
+ * The value is there but not the shape this role takes.
+ *
+ * plant declared the role and put a sentence at that path, so the band drew nothing at all and the
+ * heaviest line on the screen was silently missing. Reporting nothing to the reader is right — the
+ * screen cannot tell which way it goes — but a developer should not have to find it by hand. The
+ * caller logs this; the rule stays free of side effects so a test can hold it.
+ */
+export function reversibilityIsMalformed(slot) {
+    return !!slot && slot.found && slot.value != null && reversibilityOf(slot) === undefined;
 }
 //# sourceMappingURL=decision-slots.js.map

package/dist-client/components/decision-slots.js.map

@@ -1 +1 @@
-{"version":3,"file":"decision-slots.js","sourceRoot":"","sources":["../../client/components/decision-slots.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Turns an activity's decisionKeys declaration plus an instance's input into the slots a decision\n * screen draws.\n *\n * ── Nothing is imported ───────────────────────────────────────────────────\n * No lit, no i18next. The rule is a mapping from a declaration and a payload to an ordered list,\n * and keeping it free of imports is what lets the test runner hold it: that runner parses\n * TypeScript by stripping types and reads neither decorators nor enums, so one heavy import takes\n * a whole test file down with it. Labels and markup are the caller's half.\n */\n\n/** The roles that may appear more than once. Every other role names one value. */\nexport const REPEATABLE_ROLES = ['consequence', 'evidence'] as const\n\n/** Listed in the order the screen reads them: what is asked, then past, present, future. */\nexport const DECISION_ROLES = [\n  'headline',\n  'subject',\n  'reversibility',\n  'reason',\n  'evidence',\n  'currentState',\n  'consequence',\n  'policy'\n] as const\n\nexport type DecisionKeyDeclaration = {\n  role?: string\n  inputPath?: string\n  name?: string\n  tKey?: string\n  unit?: string\n}\n\nexport type DecisionSlot = {\n  role: string\n  inputPath: string\n  tKey?: string\n  unit?: string\n  /** What the path led to. Undefined both when the path leads nowhere and when the value is unset. */\n  value: unknown\n  /**\n   * Whether the path led anywhere at all.\n   *\n   * A reason nobody wrote and a reason whose path is wrong look identical in `value`, and the screen\n   * owes different answers: the first is 「사유 없음」 in grey, the second is a declaration that does\n   * not match the payload and must not be drawn as if the person left it blank. Folding them into\n   * one value is the fallback that shifts meaning.\n   */\n  found: boolean\n}\n\n/**\n * Reads a dotted path out of the input.\n *\n * Dots only. An array index or a wildcard is not part of the path language — drawing a list is the\n * slot's job — so 'shift.passes[0]' looks for a key spelled \"passes[0]\", finds nothing, and reports\n * found: false. The declaration guard refuses such a path when it arrives, so this is the second\n * line rather than the first.\n *\n * A path that runs into a non-object partway reports found: false rather than throwing. The screen\n * has to draw something either way, and a thrown error here would take the whole approval down over\n * one slot.\n */\nexport function valueAtPath(input: any, path: string): { value: unknown; found: boolean } {\n  const steps = String(path ?? '')\n    .split('.')\n    .filter(step => step.length > 0)\n\n  if (!steps.length) {\n    return { value: undefined, found: false }\n  }\n\n  let at: any = input\n\n  for (const step of steps) {\n    if (at === null || at === undefined || typeof at !== 'object') {\n      return { value: undefined, found: false }\n    }\n\n    if (!Object.prototype.hasOwnProperty.call(at, step)) {\n      return { value: undefined, found: false }\n    }\n\n    at = at[step]\n  }\n\n  return { value: at, found: true }\n}\n\n/**\n * The slots to draw, in the order they were declared.\n *\n * Declaration order is the screen's hierarchy: plant wrote four of these screens by hand and all\n * four put the headline first, then the subject, the reason, what changes, and why it came up. That\n * agreement is what makes the order part of the contract rather than a preference, so this function\n * neither sorts nor groups.\n *\n * Every declared key produces a slot, including one whose path leads nowhere. Dropping those would\n * leave the screen unable to say that a declaration and a payload disagree, and a reader would see\n * a screen that looks complete.\n */\nexport function decisionSlots(\n  decisionKeys: DecisionKeyDeclaration[] | null | undefined,\n  input: any\n): DecisionSlot[] {\n  if (!decisionKeys?.length) {\n    return []\n  }\n\n  return decisionKeys.map(key => {\n    const { value, found } = valueAtPath(input, String(key?.inputPath ?? ''))\n\n    return {\n      role: String(key?.role ?? ''),\n      inputPath: String(key?.inputPath ?? ''),\n      tKey: key?.tKey,\n      unit: key?.unit,\n      value,\n      found\n    }\n  })\n}\n\n/** The slots for one role, in declared order. Empty when the activity declared none. */\nexport function slotsOfRole(slots: DecisionSlot[], role: string): DecisionSlot[] {\n  return slots.filter(slot => slot.role === role)\n}\n\n/**\n * The single slot for a role that names one value, or undefined.\n *\n * Reaching for a second one would be reading a declaration the guard refuses, so this answers the\n * first and does not quietly merge.\n */\nexport function slotOfRole(slots: DecisionSlot[], role: string): DecisionSlot | undefined {\n  return slots.find(slot => slot.role === role)\n}\n\n/**\n * Whether approving can be undone: true, false, or undefined for \"the screen does not know\".\n *\n * Three answers, not two. A path that led nowhere and a value that is not a boolean both mean the\n * payload did not say, and the screen must draw nothing then — telling an approver that an action\n * can be taken back when nobody said so is the one mistake this line cannot make. Reading a\n * truthy value as reversible would do exactly that, since a non-empty string is truthy.\n *\n * This is not rejectionIsFinal. That says whether **rejecting** ends the case for good; this says\n * whether **approving** can be taken back. The twin actuation carries both, which is why they must\n * never share a sentence.\n */\nexport function reversibilityOf(slot?: DecisionSlot): boolean | undefined {\n  return typeof slot?.value === 'boolean' ? slot.value : undefined\n}\n"]}
+{"version":3,"file":"decision-slots.js","sourceRoot":"","sources":["../../client/components/decision-slots.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Turns an activity's decisionKeys declaration plus an instance's input into the slots a decision\n * screen draws.\n *\n * ── Nothing is imported ───────────────────────────────────────────────────\n * No lit, no i18next. The rule is a mapping from a declaration and a payload to an ordered list,\n * and keeping it free of imports is what lets the test runner hold it: that runner parses\n * TypeScript by stripping types and reads neither decorators nor enums, so one heavy import takes\n * a whole test file down with it. Labels and markup are the caller's half.\n */\n\n/** The roles that may appear more than once. Every other role names one value. */\nexport const REPEATABLE_ROLES = ['consequence', 'evidence'] as const\n\n/** Listed in the order the screen reads them: what is asked, then past, present, future. */\nexport const DECISION_ROLES = [\n  'headline',\n  'subject',\n  'reversibility',\n  'reason',\n  'evidence',\n  'currentState',\n  'consequence',\n  'policy'\n] as const\n\nexport type DecisionKeyDeclaration = {\n  role?: string\n  inputPath?: string\n  name?: string\n  tKey?: string\n  unit?: string\n}\n\nexport type DecisionSlot = {\n  role: string\n  inputPath: string\n  tKey?: string\n  unit?: string\n  /** What the path led to. Undefined both when the path leads nowhere and when the value is unset. */\n  value: unknown\n  /**\n   * Whether the path led anywhere at all.\n   *\n   * A reason nobody wrote and a reason whose path is wrong look identical in `value`, and the screen\n   * owes different answers: the first is 「사유 없음」 in grey, the second is a declaration that does\n   * not match the payload and must not be drawn as if the person left it blank. Folding them into\n   * one value is the fallback that shifts meaning.\n   */\n  found: boolean\n}\n\n/**\n * Reads a dotted path out of the input.\n *\n * Dots only. An array index or a wildcard is not part of the path language — drawing a list is the\n * slot's job — so 'shift.passes[0]' looks for a key spelled \"passes[0]\", finds nothing, and reports\n * found: false. The declaration guard refuses such a path when it arrives, so this is the second\n * line rather than the first.\n *\n * A path that runs into a non-object partway reports found: false rather than throwing. The screen\n * has to draw something either way, and a thrown error here would take the whole approval down over\n * one slot.\n */\nexport function valueAtPath(input: any, path: string): { value: unknown; found: boolean } {\n  const steps = String(path ?? '')\n    .split('.')\n    .filter(step => step.length > 0)\n\n  if (!steps.length) {\n    return { value: undefined, found: false }\n  }\n\n  let at: any = input\n\n  for (const step of steps) {\n    if (at === null || at === undefined || typeof at !== 'object') {\n      return { value: undefined, found: false }\n    }\n\n    if (!Object.prototype.hasOwnProperty.call(at, step)) {\n      return { value: undefined, found: false }\n    }\n\n    at = at[step]\n  }\n\n  return { value: at, found: true }\n}\n\n/**\n * The slots to draw, in the order they were declared.\n *\n * Declaration order is the screen's hierarchy: plant wrote four of these screens by hand and all\n * four put the headline first, then the subject, the reason, what changes, and why it came up. That\n * agreement is what makes the order part of the contract rather than a preference, so this function\n * neither sorts nor groups.\n *\n * Every declared key produces a slot, including one whose path leads nowhere. Dropping those would\n * leave the screen unable to say that a declaration and a payload disagree, and a reader would see\n * a screen that looks complete.\n */\nexport function decisionSlots(\n  decisionKeys: DecisionKeyDeclaration[] | null | undefined,\n  input: any\n): DecisionSlot[] {\n  if (!decisionKeys?.length) {\n    return []\n  }\n\n  return decisionKeys.map(key => {\n    const { value, found } = valueAtPath(input, String(key?.inputPath ?? ''))\n\n    return {\n      role: String(key?.role ?? ''),\n      inputPath: String(key?.inputPath ?? ''),\n      tKey: key?.tKey,\n      unit: key?.unit,\n      value,\n      found\n    }\n  })\n}\n\n/** The slots for one role, in declared order. Empty when the activity declared none. */\nexport function slotsOfRole(slots: DecisionSlot[], role: string): DecisionSlot[] {\n  return slots.filter(slot => slot.role === role)\n}\n\n/**\n * The single slot for a role that names one value, or undefined.\n *\n * Reaching for a second one would be reading a declaration the guard refuses, so this answers the\n * first and does not quietly merge.\n */\nexport function slotOfRole(slots: DecisionSlot[], role: string): DecisionSlot | undefined {\n  return slots.find(slot => slot.role === role)\n}\n\n/**\n * What the declaration says about undoing this approval.\n *\n * The value is an object: `reversible` is required and `caveat` is the module's own sentence about\n * it. The asymmetry is the point — the boolean decides how heavily the screen draws the band, and\n * a sentence alone cannot decide that.\n *\n *   { reversible: false, caveat: '버린 자재는 돌아오지 않습니다' }\n *\n * ── A condition is written as false ───────────────────────────────────────\n * 「되돌릴 수 있습니다 — 단, 실적이 마감되기 전까지」 is written `false` with the condition in the\n * caveat. Written `true` the screen draws it lightly and the reader walks past the condition. There\n * is no third value: a middle one always draws ambiguously, and the reader has to guess which side\n * it is on. (2026-09-11, architect's ruling)\n *\n * ── Not `note` ───────────────────────────────────────────────────────────\n * ops-contract already has CommandApproval.note, and that one is **the approver's own comment** —\n * a person's words, in the same neighbourhood as this screen. Same word for a module's sentence\n * would be read as the person's. `caveat` is used nowhere in the three repositories.\n */\nexport type Reversibility = { reversible: boolean; caveat?: string }\n\n/**\n * What the slot says, or undefined when it does not say.\n *\n * Undefined covers both \"the path led nowhere\" and \"nobody declared the role\". Drawing nothing is\n * right for both: telling an approver an action can be taken back when the payload never said so\n * is the one mistake this line cannot make, and a truthy read would make it — the string\n * '되돌릴 수 없습니다…' is truthy.\n */\nexport function reversibilityOf(slot?: DecisionSlot): Reversibility | undefined {\n  const value: any = slot?.value\n\n  if (!value || typeof value !== 'object' || typeof value.reversible !== 'boolean') {\n    return undefined\n  }\n\n  return {\n    reversible: value.reversible,\n    ...(typeof value.caveat === 'string' && value.caveat.trim() ? { caveat: value.caveat } : {})\n  }\n}\n\n/**\n * The value is there but not the shape this role takes.\n *\n * plant declared the role and put a sentence at that path, so the band drew nothing at all and the\n * heaviest line on the screen was silently missing. Reporting nothing to the reader is right — the\n * screen cannot tell which way it goes — but a developer should not have to find it by hand. The\n * caller logs this; the rule stays free of side effects so a test can hold it.\n */\nexport function reversibilityIsMalformed(slot?: DecisionSlot): boolean {\n  return !!slot && slot.found && slot.value != null && reversibilityOf(slot) === undefined\n}\n"]}

package/dist-client/components/mutation-outcome.d.ts

@@ -0,0 +1,57 @@
+/**
+ * What came back from a mutation, in the terms a screen has to speak.
+ *
+ * ── Two failures that arrive by different roads ───────────────────────────
+ * A privilege refusal is a GraphQL error. The server marks it itself
+ * ([읽었음] auth-base/server/service/privilege/privilege-rejection.ts:61) with
+ * `extensions: { code: 'FORBIDDEN', requires }`, and `mutate` is configured with
+ * `errorPolicy: 'all'` ([읽었음] operato/webcomponents/graphql/src/graphql-client.ts:18), so it
+ * **resolves** with `errors` rather than throwing.
+ *
+ * A missing or expired session never reaches GraphQL at all:
+ *
+ *   [확인함] curl -X POST http://localhost:4000/graphql -d '{"query":"{ __typename }"}'
+ *            HTTP 401 · body: No auth token
+ *
+ * That is an HTTP failure with a plain-text body, so it arrives as a thrown error, not as `errors`.
+ * A handler that only looks at `errors` misses it, and the throw takes the rest of the handler with
+ * it. Both roads are handled here so a caller does not have to remember there are two.
+ *
+ * ── Why they must not share a sentence ────────────────────────────────────
+ * Telling someone whose session expired to ask an administrator for a privilege sends them to the
+ * wrong place, and they will wait for something nobody is going to do. (2026-09-11, architect)
+ *
+ * Nothing is imported: the test runner strips types without reading decorators, and one heavy
+ * import takes a whole test file down — that happened three times in one day.
+ */
+export type MutationOutcome = 
+/** It went through. `data` is what the mutation answered, so the caller need not keep the response. */
+{
+    ok: true;
+    data: any;
+}
+/** The server said this user may not. `requires` is what it said is needed, when it said. */
+ | {
+    ok: false;
+    kind: 'forbidden';
+    said: string;
+    requires?: unknown;
+}
+/** No session reached the server. Signing in again is the answer, not a privilege. */
+ | {
+    ok: false;
+    kind: 'signed-out';
+    said: string;
+}
+/** Something else. `said` is the server's own sentence — this side does not know the cause. */
+ | {
+    ok: false;
+    kind: 'failed';
+    said: string;
+};
+/** Reading a resolved response. */
+export declare function outcomeOf(response: any): MutationOutcome;
+/** Reading a thrown error — the road a 401 takes. */
+export declare function outcomeOfThrow(thrown: any): MutationOutcome;
+/** The i18n key for a failure, so every screen says the same thing about the same thing. */
+export declare function outcomeKey(outcome: MutationOutcome): string;

package/dist-client/components/mutation-outcome.js

@@ -0,0 +1,78 @@
+/**
+ * What came back from a mutation, in the terms a screen has to speak.
+ *
+ * ── Two failures that arrive by different roads ───────────────────────────
+ * A privilege refusal is a GraphQL error. The server marks it itself
+ * ([읽었음] auth-base/server/service/privilege/privilege-rejection.ts:61) with
+ * `extensions: { code: 'FORBIDDEN', requires }`, and `mutate` is configured with
+ * `errorPolicy: 'all'` ([읽었음] operato/webcomponents/graphql/src/graphql-client.ts:18), so it
+ * **resolves** with `errors` rather than throwing.
+ *
+ * A missing or expired session never reaches GraphQL at all:
+ *
+ *   [확인함] curl -X POST http://localhost:4000/graphql -d '{"query":"{ __typename }"}'
+ *            HTTP 401 · body: No auth token
+ *
+ * That is an HTTP failure with a plain-text body, so it arrives as a thrown error, not as `errors`.
+ * A handler that only looks at `errors` misses it, and the throw takes the rest of the handler with
+ * it. Both roads are handled here so a caller does not have to remember there are two.
+ *
+ * ── Why they must not share a sentence ────────────────────────────────────
+ * Telling someone whose session expired to ask an administrator for a privilege sends them to the
+ * wrong place, and they will wait for something nobody is going to do. (2026-09-11, architect)
+ *
+ * Nothing is imported: the test runner strips types without reading decorators, and one heavy
+ * import takes a whole test file down — that happened three times in one day.
+ */
+/** Reading a resolved response. */
+export function outcomeOf(response) {
+    const errors = response?.errors || [];
+    if (!errors.length && response?.data) {
+        return { ok: true, data: response.data };
+    }
+    const forbidden = errors.find((error) => error?.extensions?.code == 'FORBIDDEN');
+    if (forbidden) {
+        return {
+            ok: false,
+            kind: 'forbidden',
+            said: String(forbidden.message || ''),
+            requires: forbidden.extensions?.requires
+        };
+    }
+    const signedOut = errors.find((error) => looksSignedOut(error?.message));
+    if (signedOut) {
+        return { ok: false, kind: 'signed-out', said: String(signedOut.message || '') };
+    }
+    return { ok: false, kind: 'failed', said: String(errors[0]?.message || '') };
+}
+/** Reading a thrown error — the road a 401 takes. */
+export function outcomeOfThrow(thrown) {
+    const said = String(thrown?.message || thrown || '');
+    /*
+     * Apollo wraps an HTTP failure, so the 401's body travels inside the message. Matching the text
+     * is not ideal; it is what the server gives, since the body is plain text rather than a GraphQL
+     * error with a code. If the server ever answers 401 as a GraphQL error, outcomeOf catches it on
+     * the other road and this one keeps working.
+     */
+    if (looksSignedOut(said) || thrown?.statusCode == 401 || thrown?.networkError?.statusCode == 401) {
+        return { ok: false, kind: 'signed-out', said };
+    }
+    return { ok: false, kind: 'failed', said };
+}
+/** The sentence a session failure carries. Matched loosely because the wording is not ours. */
+function looksSignedOut(message) {
+    const text = String(message || '').toLowerCase();
+    return text.includes('no auth token') || text.includes('jwt expired') || text.includes('unauthenticated');
+}
+/** The i18n key for a failure, so every screen says the same thing about the same thing. */
+export function outcomeKey(outcome) {
+    if (outcome.ok) {
+        return '';
+    }
+    return {
+        forbidden: 'text.not-allowed-to-do-this',
+        'signed-out': 'text.signed-out-sign-in-again',
+        failed: 'text.it-did-not-go-through'
+    }[outcome.kind];
+}
+//# sourceMappingURL=mutation-outcome.js.map

package/dist-client/components/mutation-outcome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutation-outcome.js","sourceRoot":"","sources":["../../client/components/mutation-outcome.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAYH,mCAAmC;AACnC,MAAM,UAAU,SAAS,CAAC,QAAa;IACrC,MAAM,MAAM,GAAG,QAAQ,EAAE,MAAM,IAAI,EAAE,CAAA;IAErC,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAC;QACrC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAA;IAC1C,CAAC;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,IAAI,WAAW,CAAC,CAAA;IAErF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO;YACL,EAAE,EAAE,KAAK;YACT,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;YACrC,QAAQ,EAAE,SAAS,CAAC,UAAU,EAAE,QAAQ;SACzC,CAAA;IACH,CAAC;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IAE7E,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,CAAA;IACjF,CAAC;IAED,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,IAAI,EAAE,CAAC,EAAE,CAAA;AAC9E,CAAC;AAED,qDAAqD;AACrD,MAAM,UAAU,cAAc,CAAC,MAAW;IACxC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI,MAAM,IAAI,EAAE,CAAC,CAAA;IAEpD;;;;;OAKG;IACH,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,MAAM,EAAE,UAAU,IAAI,GAAG,IAAI,MAAM,EAAE,YAAY,EAAE,UAAU,IAAI,GAAG,EAAE,CAAC;QACjG,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;IAChD,CAAC;IAED,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;AAC5C,CAAC;AAED,+FAA+F;AAC/F,SAAS,cAAc,CAAC,OAAY;IAClC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAA;IAEhD,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAA;AAC3G,CAAC;AAED,4FAA4F;AAC5F,MAAM,UAAU,UAAU,CAAC,OAAwB;IACjD,IAAI,OAAO,CAAC,EAAE,EAAE,CAAC;QACf,OAAO,EAAE,CAAA;IACX,CAAC;IAED,OAAO;QACL,SAAS,EAAE,6BAA6B;QACxC,YAAY,EAAE,+BAA+B;QAC7C,MAAM,EAAE,4BAA4B;KACrC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;AACjB,CAAC","sourcesContent":["/**\n * What came back from a mutation, in the terms a screen has to speak.\n *\n * ── Two failures that arrive by different roads ───────────────────────────\n * A privilege refusal is a GraphQL error. The server marks it itself\n * ([읽었음] auth-base/server/service/privilege/privilege-rejection.ts:61) with\n * `extensions: { code: 'FORBIDDEN', requires }`, and `mutate` is configured with\n * `errorPolicy: 'all'` ([읽었음] operato/webcomponents/graphql/src/graphql-client.ts:18), so it\n * **resolves** with `errors` rather than throwing.\n *\n * A missing or expired session never reaches GraphQL at all:\n *\n *   [확인함] curl -X POST http://localhost:4000/graphql -d '{\"query\":\"{ __typename }\"}'\n *            HTTP 401 · body: No auth token\n *\n * That is an HTTP failure with a plain-text body, so it arrives as a thrown error, not as `errors`.\n * A handler that only looks at `errors` misses it, and the throw takes the rest of the handler with\n * it. Both roads are handled here so a caller does not have to remember there are two.\n *\n * ── Why they must not share a sentence ────────────────────────────────────\n * Telling someone whose session expired to ask an administrator for a privilege sends them to the\n * wrong place, and they will wait for something nobody is going to do. (2026-09-11, architect)\n *\n * Nothing is imported: the test runner strips types without reading decorators, and one heavy\n * import takes a whole test file down — that happened three times in one day.\n */\n\nexport type MutationOutcome =\n  /** It went through. `data` is what the mutation answered, so the caller need not keep the response. */\n  | { ok: true; data: any }\n  /** The server said this user may not. `requires` is what it said is needed, when it said. */\n  | { ok: false; kind: 'forbidden'; said: string; requires?: unknown }\n  /** No session reached the server. Signing in again is the answer, not a privilege. */\n  | { ok: false; kind: 'signed-out'; said: string }\n  /** Something else. `said` is the server's own sentence — this side does not know the cause. */\n  | { ok: false; kind: 'failed'; said: string }\n\n/** Reading a resolved response. */\nexport function outcomeOf(response: any): MutationOutcome {\n  const errors = response?.errors || []\n\n  if (!errors.length && response?.data) {\n    return { ok: true, data: response.data }\n  }\n\n  const forbidden = errors.find((error: any) => error?.extensions?.code == 'FORBIDDEN')\n\n  if (forbidden) {\n    return {\n      ok: false,\n      kind: 'forbidden',\n      said: String(forbidden.message || ''),\n      requires: forbidden.extensions?.requires\n    }\n  }\n\n  const signedOut = errors.find((error: any) => looksSignedOut(error?.message))\n\n  if (signedOut) {\n    return { ok: false, kind: 'signed-out', said: String(signedOut.message || '') }\n  }\n\n  return { ok: false, kind: 'failed', said: String(errors[0]?.message || '') }\n}\n\n/** Reading a thrown error — the road a 401 takes. */\nexport function outcomeOfThrow(thrown: any): MutationOutcome {\n  const said = String(thrown?.message || thrown || '')\n\n  /*\n   * Apollo wraps an HTTP failure, so the 401's body travels inside the message. Matching the text\n   * is not ideal; it is what the server gives, since the body is plain text rather than a GraphQL\n   * error with a code. If the server ever answers 401 as a GraphQL error, outcomeOf catches it on\n   * the other road and this one keeps working.\n   */\n  if (looksSignedOut(said) || thrown?.statusCode == 401 || thrown?.networkError?.statusCode == 401) {\n    return { ok: false, kind: 'signed-out', said }\n  }\n\n  return { ok: false, kind: 'failed', said }\n}\n\n/** The sentence a session failure carries. Matched loosely because the wording is not ours. */\nfunction looksSignedOut(message: any): boolean {\n  const text = String(message || '').toLowerCase()\n\n  return text.includes('no auth token') || text.includes('jwt expired') || text.includes('unauthenticated')\n}\n\n/** The i18n key for a failure, so every screen says the same thing about the same thing. */\nexport function outcomeKey(outcome: MutationOutcome): string {\n  if (outcome.ok) {\n    return ''\n  }\n\n  return {\n    forbidden: 'text.not-allowed-to-do-this',\n    'signed-out': 'text.signed-out-sign-in-again',\n    failed: 'text.it-did-not-go-through'\n  }[outcome.kind]\n}\n"]}

package/dist-client/components/say-outcome.d.ts

@@ -0,0 +1,25 @@
+import { MutationOutcome } from './mutation-outcome.js';
+/**
+ * Run a mutation and say so when it does not go through.
+ *
+ * ── Why a wrapper and not a check at each call ────────────────────────────
+ * A failure arrives by two roads — a privilege refusal resolves with `errors`, a missing session
+ * throws an HTTP 401 — and every call site would have to remember both. Six handlers in this package
+ * remembered neither: they read `errors` only to skip the success branch, with no `else`, so a
+ * failed save changed nothing on screen and said nothing. The worker presses the button again.
+ *
+ * The caller keeps its success path and stops carrying the failure one:
+ *
+ *   const outcome = await ranMutation(() => client.mutate({ … }))
+ *   if (!outcome.ok) return
+ *   … what to do when it worked …
+ */
+export declare function ranMutation(run: () => Promise<any>): Promise<MutationOutcome>;
+/**
+ * One sentence per kind of failure.
+ *
+ * `said` is the server's own sentence and only the last kind prints it — for the other two this
+ * side knows what happened and can say what to do about it. Telling someone whose session expired
+ * to ask an administrator for a privilege would send them where nobody can help.
+ */
+export declare function sayFailure(outcome: MutationOutcome): void;

package/dist-client/components/say-outcome.js

@@ -0,0 +1,51 @@
+import { i18next } from '@operato/i18n';
+import { outcomeKey, outcomeOf, outcomeOfThrow } from './mutation-outcome.js';
+/**
+ * Run a mutation and say so when it does not go through.
+ *
+ * ── Why a wrapper and not a check at each call ────────────────────────────
+ * A failure arrives by two roads — a privilege refusal resolves with `errors`, a missing session
+ * throws an HTTP 401 — and every call site would have to remember both. Six handlers in this package
+ * remembered neither: they read `errors` only to skip the success branch, with no `else`, so a
+ * failed save changed nothing on screen and said nothing. The worker presses the button again.
+ *
+ * The caller keeps its success path and stops carrying the failure one:
+ *
+ *   const outcome = await ranMutation(() => client.mutate({ … }))
+ *   if (!outcome.ok) return
+ *   … what to do when it worked …
+ */
+export async function ranMutation(run) {
+    let outcome;
+    try {
+        outcome = outcomeOf(await run());
+    }
+    catch (thrown) {
+        outcome = outcomeOfThrow(thrown);
+    }
+    if (!outcome.ok) {
+        sayFailure(outcome);
+    }
+    return outcome;
+}
+/**
+ * One sentence per kind of failure.
+ *
+ * `said` is the server's own sentence and only the last kind prints it — for the other two this
+ * side knows what happened and can say what to do about it. Telling someone whose session expired
+ * to ask an administrator for a privilege would send them where nobody can help.
+ */
+export function sayFailure(outcome) {
+    if (outcome.ok) {
+        return;
+    }
+    const key = outcomeKey(outcome);
+    document.dispatchEvent(new CustomEvent('notify', {
+        detail: {
+            level: 'error',
+            message: i18next.t(key, { said: outcome.said || '' })
+        }
+    }));
+    console.error(`[worklist] ${outcome.kind} — ${outcome.said}`);
+}
+//# sourceMappingURL=say-outcome.js.map

package/dist-client/components/say-outcome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"say-outcome.js","sourceRoot":"","sources":["../../client/components/say-outcome.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAmB,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE9F;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,GAAuB;IACvD,IAAI,OAAwB,CAAA;IAE5B,IAAI,CAAC;QACH,OAAO,GAAG,SAAS,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAClC,CAAC;IAAC,OAAO,MAAM,EAAE,CAAC;QAChB,OAAO,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;IAClC,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;QAChB,UAAU,CAAC,OAAO,CAAC,CAAA;IACrB,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,OAAwB;IACjD,IAAI,OAAO,CAAC,EAAE,EAAE,CAAC;QACf,OAAM;IACR,CAAC;IAED,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IAE/B,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,QAAQ,EAAE;QACxB,MAAM,EAAE;YACN,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC;SACtD;KACF,CAAC,CACH,CAAA;IAED,OAAO,CAAC,KAAK,CAAC,cAAc,OAAO,CAAC,IAAI,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC,CAAA;AAC/D,CAAC","sourcesContent":["import { i18next } from '@operato/i18n'\n\nimport { MutationOutcome, outcomeKey, outcomeOf, outcomeOfThrow } from './mutation-outcome.js'\n\n/**\n * Run a mutation and say so when it does not go through.\n *\n * ── Why a wrapper and not a check at each call ────────────────────────────\n * A failure arrives by two roads — a privilege refusal resolves with `errors`, a missing session\n * throws an HTTP 401 — and every call site would have to remember both. Six handlers in this package\n * remembered neither: they read `errors` only to skip the success branch, with no `else`, so a\n * failed save changed nothing on screen and said nothing. The worker presses the button again.\n *\n * The caller keeps its success path and stops carrying the failure one:\n *\n *   const outcome = await ranMutation(() => client.mutate({ … }))\n *   if (!outcome.ok) return\n *   … what to do when it worked …\n */\nexport async function ranMutation(run: () => Promise<any>): Promise<MutationOutcome> {\n  let outcome: MutationOutcome\n\n  try {\n    outcome = outcomeOf(await run())\n  } catch (thrown) {\n    outcome = outcomeOfThrow(thrown)\n  }\n\n  if (!outcome.ok) {\n    sayFailure(outcome)\n  }\n\n  return outcome\n}\n\n/**\n * One sentence per kind of failure.\n *\n * `said` is the server's own sentence and only the last kind prints it — for the other two this\n * side knows what happened and can say what to do about it. Telling someone whose session expired\n * to ask an administrator for a privilege would send them where nobody can help.\n */\nexport function sayFailure(outcome: MutationOutcome) {\n  if (outcome.ok) {\n    return\n  }\n\n  const key = outcomeKey(outcome)\n\n  document.dispatchEvent(\n    new CustomEvent('notify', {\n      detail: {\n        level: 'error',\n        message: i18next.t(key, { said: outcome.said || '' })\n      }\n    })\n  )\n\n  console.error(`[worklist] ${outcome.kind} — ${outcome.said}`)\n}\n"]}