@things-factory/worklist 10.1.248 → 10.1.250

package/dist-client/pages/activity-thread/thread-sections.d.ts

@@ -0,0 +1,34 @@
+/**
+ * What the task screen draws above its timeline.
+ *
+ * Kept free of imports so the test runner can hold it: the page is a Lit element wired to GraphQL,
+ * and the runner strips types and reads neither decorators nor enums - so the states are written
+ * here as the strings ActivityThreadStatus stands for.
+ */
+export declare function submittableIn(state: string | undefined): boolean;
+export type ThreadSections = {
+    /** The decision the activity declared. */
+    decision: boolean;
+    /** The values the task was given. */
+    given: boolean;
+    /** The values the assignee writes. */
+    written: boolean;
+    /** "Nothing to fill in - check the above and submit." */
+    emptyNote: boolean;
+};
+/**
+ * The declaration goes first, as it does on the approval screen: it says what is being asked, and
+ * the values the task was given are the fallback for an activity that declared none. What the
+ * assignee writes stays - only this screen takes it.
+ *
+ * The empty note tells the assignee that submitting is all there is to do, so it shows only while
+ * there is a submit to do. On a task already submitted it told the requester to submit again.
+ */
+export declare function threadSectionsOf({ decision, given, written, state }: {
+    decision: boolean;
+    given: number;
+    written: number;
+    state: string | undefined;
+}): ThreadSections;
+/** Whether anything is drawn above the timeline - when nothing is, the timeline opens. */
+export declare function drawsAnything(sections: ThreadSections): boolean;

package/dist-client/pages/activity-thread/thread-sections.js

@@ -0,0 +1,36 @@
+/**
+ * What the task screen draws above its timeline.
+ *
+ * Kept free of imports so the test runner can hold it: the page is a Lit element wired to GraphQL,
+ * and the runner strips types and reads neither decorators nor enums - so the states are written
+ * here as the strings ActivityThreadStatus stands for.
+ */
+/** The states in which the task is still the assignee's to save and submit. */
+const SUBMITTABLE = ['unassigned', 'assigned', 'started'];
+export function submittableIn(state) {
+    return SUBMITTABLE.includes(String(state));
+}
+/**
+ * The declaration goes first, as it does on the approval screen: it says what is being asked, and
+ * the values the task was given are the fallback for an activity that declared none. What the
+ * assignee writes stays - only this screen takes it.
+ *
+ * The empty note tells the assignee that submitting is all there is to do, so it shows only while
+ * there is a submit to do. On a task already submitted it told the requester to submit again.
+ */
+export function threadSectionsOf({ decision, given, written, state }) {
+    const drawn = {
+        decision,
+        given: !decision && given > 0,
+        written: written > 0
+    };
+    return {
+        ...drawn,
+        emptyNote: !drawn.decision && !drawn.given && !drawn.written && submittableIn(state)
+    };
+}
+/** Whether anything is drawn above the timeline - when nothing is, the timeline opens. */
+export function drawsAnything(sections) {
+    return sections.decision || sections.given || sections.written;
+}
+//# sourceMappingURL=thread-sections.js.map

package/dist-client/pages/activity-thread/thread-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-sections.js","sourceRoot":"","sources":["../../../client/pages/activity-thread/thread-sections.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,+EAA+E;AAC/E,MAAM,WAAW,GAAG,CAAC,YAAY,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;AAEzD,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;AAC5C,CAAC;AAaD;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,KAAK,EAMN;IACC,MAAM,KAAK,GAAG;QACZ,QAAQ;QACR,KAAK,EAAE,CAAC,QAAQ,IAAI,KAAK,GAAG,CAAC;QAC7B,OAAO,EAAE,OAAO,GAAG,CAAC;KACrB,CAAA;IAED,OAAO;QACL,GAAG,KAAK;QACR,SAAS,EAAE,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,aAAa,CAAC,KAAK,CAAC;KACrF,CAAA;AACH,CAAC;AAED,0FAA0F;AAC1F,MAAM,UAAU,aAAa,CAAC,QAAwB;IACpD,OAAO,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAA;AAChE,CAAC","sourcesContent":["/**\n * What the task screen draws above its timeline.\n *\n * Kept free of imports so the test runner can hold it: the page is a Lit element wired to GraphQL,\n * and the runner strips types and reads neither decorators nor enums - so the states are written\n * here as the strings ActivityThreadStatus stands for.\n */\n\n/** The states in which the task is still the assignee's to save and submit. */\nconst SUBMITTABLE = ['unassigned', 'assigned', 'started']\n\nexport function submittableIn(state: string | undefined): boolean {\n  return SUBMITTABLE.includes(String(state))\n}\n\nexport type ThreadSections = {\n  /** The decision the activity declared. */\n  decision: boolean\n  /** The values the task was given. */\n  given: boolean\n  /** The values the assignee writes. */\n  written: boolean\n  /** \"Nothing to fill in - check the above and submit.\" */\n  emptyNote: boolean\n}\n\n/**\n * The declaration goes first, as it does on the approval screen: it says what is being asked, and\n * the values the task was given are the fallback for an activity that declared none. What the\n * assignee writes stays - only this screen takes it.\n *\n * The empty note tells the assignee that submitting is all there is to do, so it shows only while\n * there is a submit to do. On a task already submitted it told the requester to submit again.\n */\nexport function threadSectionsOf({\n  decision,\n  given,\n  written,\n  state\n}: {\n  decision: boolean\n  given: number\n  written: number\n  state: string | undefined\n}): ThreadSections {\n  const drawn = {\n    decision,\n    given: !decision && given > 0,\n    written: written > 0\n  }\n\n  return {\n    ...drawn,\n    emptyNote: !drawn.decision && !drawn.given && !drawn.written && submittableIn(state)\n  }\n}\n\n/** Whether anything is drawn above the timeline - when nothing is, the timeline opens. */\nexport function drawsAnything(sections: ThreadSections): boolean {\n  return sections.decision || sections.given || sections.written\n}\n"]}

package/dist-client/pages/approval-progress/approval-progress-page.d.ts

@@ -0,0 +1,46 @@
+import '@operato/data-grist';
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/input/ox-input-select-buttons.js';
+import '../activity-instance/activity-instance-view.js';
+import { DataGrist, FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+declare const ApprovalProgressPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 결재 현황 — every approval of the domain, whatever its kind, and where each stands (ADR-0183).
+ *
+ * The rows, the step and whom it waits on are the server's (`approvalProgress`); this page only asks with the
+ * conditions pressed and draws. A row opens the case's own view, whose door checks the reader again.
+ */
+export declare class ApprovalProgressPage extends ApprovalProgressPage_base {
+    static styles: import("lit").CSSResult[];
+    grist: DataGrist;
+    gristConfig?: any;
+    mode: 'GRID' | 'LIST' | 'CARD';
+    /** The chips pressed — states, and 기한 넘김. */
+    chips: string[];
+    counts: Map<string, number>;
+    get context(): {
+        title: string;
+        search: {
+            handler: (search: string) => void;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(): Promise<void>;
+    private openCase;
+    private kindOptions;
+    private departmentOptions;
+    /** The grid's conditions as the server's filter - the column filters, the search box and the chips. */
+    private filterOf;
+    fetchHandler({ page, limit, filters }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    private waitingText;
+    private waitedText;
+}
+export {};

package/dist-client/pages/approval-progress/approval-progress-page.js

@@ -0,0 +1,294 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist';
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/input/ox-input-select-buttons.js';
+import '../activity-instance/activity-instance-view.js';
+import gql from 'graphql-tag';
+import { css, html } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { DataGrist } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
+import { PageView } from '@operato/shell';
+import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { dueCell } from '../../activity-cells.js';
+import { waitedParts } from '../../approval-progress.js';
+import { whenShortText } from '../../when.js';
+const STATES = ['PENDING', 'APPROVED', 'REJECTED', 'ABORTED'];
+const OVERDUE = 'OVERDUE';
+/**
+ * 결재 현황 — every approval of the domain, whatever its kind, and where each stands (ADR-0183).
+ *
+ * The rows, the step and whom it waits on are the server's (`approvalProgress`); this page only asks with the
+ * conditions pressed and draws. A row opens the case's own view, whose door checks the reader again.
+ */
+let ApprovalProgressPage = class ApprovalProgressPage extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.mode = isMobileDevice() ? 'CARD' : 'GRID';
+        /** The chips pressed — states, and 기한 넘김. */
+        this.chips = [STATES[0]];
+        this.counts = new Map();
+    }
+    static { this.styles = [
+        /* The work surface frame for a list screen (ADR-0060 decision 8). */
+        WorkSurfacePageStyles,
+        ScrollbarStyles,
+        CommonGristStyles,
+        CommonHeaderStyles,
+        css `
+      .header {
+        grid-template-areas: 'filters actions';
+      }
+
+      .header .filters {
+        padding: 0;
+        background: none;
+        border-radius: 0;
+        gap: 12px;
+      }
+    `
+    ]; }
+    get context() {
+        return {
+            title: i18next.t('title.approval progress'),
+            search: {
+                handler: (search) => {
+                    this.grist.searchText = search;
+                },
+                value: this.grist?.searchText || ''
+            },
+            filter: {
+                handler: () => {
+                    this.grist.toggleHeadroom();
+                }
+            }
+        };
+    }
+    render() {
+        return html `
+      <ox-grist class="page-fill" .mode=${this.mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+        <div slot="headroom" class="header">
+          <div class="filters">
+            <ox-filters-form class="filter" without-search></ox-filters-form>
+            <ox-input-select-buttons
+              multiple
+              .value=${this.chips}
+              .options=${[...STATES, OVERDUE].map(value => ({
+            value,
+            display: i18next.t(`label.approval-progress-${value.toLowerCase()}`),
+            count: this.counts.get(value) ?? 0
+        }))}
+              @change=${(e) => {
+            this.chips = e.currentTarget?.value || [];
+            this.grist.fetch();
+        }}
+            ></ox-input-select-buttons>
+          </div>
+        </div>
+      </ox-grist>
+    `;
+    }
+    async pageInitialized() {
+        this.gristConfig = {
+            pagination: { pages: [50, 100, 200] },
+            list: { fields: ['headline', 'activityLabel'], details: ['requesterName', 'waiting', 'waited'] },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'assignment',
+                    iconOnly: false,
+                    title: i18next.t('button.view'),
+                    width: 72,
+                    handlers: { click: (_columns, _data, _column, record) => this.openCase(record) }
+                },
+                {
+                    /* The kind filter - the kinds that have a case here, as the server names them. */
+                    type: 'select',
+                    name: 'activityName',
+                    header: i18next.t('field.approval-kind'),
+                    hidden: true,
+                    filter: { operator: 'in', options: () => this.kindOptions() }
+                },
+                { type: 'string', name: 'activityLabel', header: i18next.t('field.approval-kind'), record: { editable: false }, width: 140 },
+                { type: 'string', name: 'headline', header: i18next.t('field.approval-headline'), record: { editable: false }, filter: 'search', width: 260 },
+                { type: 'string', name: 'requesterName', header: i18next.t('field.approval-requester'), record: { editable: false }, filter: 'search', width: 90 },
+                {
+                    type: 'select',
+                    name: 'departmentId',
+                    header: i18next.t('field.approval-department'),
+                    hidden: true,
+                    filter: { operator: 'eq', options: () => this.departmentOptions() }
+                },
+                { type: 'string', name: 'departmentName', header: i18next.t('field.approval-department'), record: { editable: false }, width: 100 },
+                { type: 'string', name: 'stateLabel', header: i18next.t('label.status'), record: { editable: false, align: 'center' }, width: 70 },
+                { type: 'string', name: 'stepText', header: i18next.t('field.approval-step'), record: { editable: false, align: 'center' }, width: 60 },
+                { type: 'string', name: 'waiting', header: i18next.t('field.approval-waiting-on'), record: { editable: false }, width: 180 },
+                { type: 'string', name: 'waited', header: i18next.t('field.approval-waited'), record: { editable: false }, width: 100 },
+                {
+                    type: 'datetime',
+                    name: 'dueAt',
+                    header: i18next.t('field.approval-due-at'),
+                    record: { editable: false, renderer: dueCell(() => this.active) },
+                    width: 130
+                },
+                { type: 'date', name: 'raisedAt', header: i18next.t('field.approval-raised-at'), record: { editable: false, renderer: value => whenShortText(value) }, filter: { operator: 'between' }, width: 140 },
+                { type: 'datetime', name: 'endedAt', header: i18next.t('field.approval-ended-at'), record: { editable: false, renderer: value => whenShortText(value) }, width: 140 }
+            ],
+            rows: { appendable: false, selectable: false },
+            sorters: []
+        };
+    }
+    openCase(record) {
+        openPopup(html `<activity-instance-view activity-instance-id=${record.id}></activity-instance-view>`, {
+            backdrop: true,
+            size: 'large',
+            title: record.headline
+        });
+    }
+    async kindOptions() {
+        const response = await client.query({
+            query: gql `
+        query {
+          approvalProgress(pagination: { page: 1, limit: 1 }) {
+            kinds {
+              name
+              label
+              labelTKey
+            }
+          }
+        }
+      `
+        });
+        return (response.data?.approvalProgress?.kinds || []).map((kind) => ({
+            value: kind.name,
+            display: String(i18next.t(kind.labelTKey, { defaultValue: kind.label }))
+        }));
+    }
+    async departmentOptions() {
+        const response = await client.query({
+            query: gql `
+        query {
+          departments(pagination: { page: 1, limit: 500 }, sortings: [{ name: "name" }]) {
+            items {
+              id
+              name
+            }
+          }
+        }
+      `
+        });
+        return (response.data?.departments?.items || []).map((one) => ({ value: one.id, display: one.name }));
+    }
+    /** The grid's conditions as the server's filter - the column filters, the search box and the chips. */
+    filterOf(filters) {
+        const valueOf = (name) => filters.find(one => one.name === name && one.operator !== 'search')?.value;
+        const kinds = valueOf('activityName');
+        const [from, to] = valueOf('raisedAt') || [];
+        const search = filters.find(one => one.operator === 'search')?.value?.replace(/^%|%$/g, '');
+        return {
+            activityNames: kinds ? [].concat(kinds) : undefined,
+            departmentIds: valueOf('departmentId') ? [valueOf('departmentId')] : undefined,
+            from: from ? new Date(from) : undefined,
+            /* The range's last day counts whole - the server's `to` is exclusive. */
+            to: to ? new Date(new Date(to).getTime() + 24 * 3600 * 1000) : undefined,
+            states: this.chips.filter(chip => chip !== OVERDUE),
+            overdueOnly: this.chips.includes(OVERDUE) || undefined,
+            search: search || undefined
+        };
+    }
+    async fetchHandler({ page, limit, filters = [] }) {
+        const response = await client.query({
+            query: gql `
+        query ($filter: ApprovalProgressFilter, $pagination: Pagination) {
+          approvalProgress(filter: $filter, pagination: $pagination) {
+            items {
+              id
+              activityName
+              activityLabel
+              activityLabelTKey
+              headline
+              requesterName
+              departmentName
+              state
+              step
+              steps
+              waitingOn
+              waitingRole
+              waitingSince
+              dueAt
+              overdue
+              raisedAt
+              endedAt
+            }
+            total
+            counts {
+              state
+              count
+            }
+            overdue
+          }
+        }
+      `,
+            variables: { filter: this.filterOf(filters), pagination: { page, limit } },
+            fetchPolicy: 'no-cache'
+        });
+        const result = response.data?.approvalProgress;
+        this.counts = new Map([...(result?.counts || []).map((one) => [one.state, one.count]), [OVERDUE, result?.overdue ?? 0]]);
+        return {
+            total: result?.total || 0,
+            records: (result?.items || []).map((item) => ({
+                ...item,
+                activityLabel: item.activityLabelTKey ? String(i18next.t(item.activityLabelTKey, { defaultValue: item.activityLabel })) : item.activityLabel,
+                stateLabel: i18next.t(`label.approval-progress-${String(item.state).toLowerCase()}`),
+                stepText: item.step ? `${item.step} / ${item.steps}` : '',
+                waiting: this.waitingText(item),
+                waited: this.waitedText(item)
+            }))
+        };
+    }
+    waitingText(item) {
+        const names = (item.waitingOn || []).join(', ');
+        return item.waitingRole ? `${item.waitingRole}${names ? ` (${names})` : ''}` : names;
+    }
+    waitedText(item) {
+        const parts = item.state === 'PENDING' ? waitedParts(item.waitingSince) : undefined;
+        if (!parts)
+            return '';
+        /* Past due is the due column's to say (dueCell) - said here too, it would be said twice. */
+        return parts.days
+            ? i18next.t('text.waited-days', parts)
+            : parts.hours
+                ? i18next.t('text.waited-hours', parts)
+                : i18next.t('text.waited-minutes', parts);
+    }
+};
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], ApprovalProgressPage.prototype, "grist", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ApprovalProgressPage.prototype, "gristConfig", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], ApprovalProgressPage.prototype, "mode", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ApprovalProgressPage.prototype, "chips", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ApprovalProgressPage.prototype, "counts", void 0);
+ApprovalProgressPage = __decorate([
+    customElement('approval-progress-page')
+], ApprovalProgressPage);
+export { ApprovalProgressPage };
+//# sourceMappingURL=approval-progress-page.js.map

package/dist-client/pages/approval-progress/approval-progress-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-progress-page.js","sourceRoot":"","sources":["../../../client/pages/approval-progress/approval-progress-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/input/ox-input-select-buttons.js'\nimport '../activity-instance/activity-instance-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { dueCell } from '../../activity-cells.js'\nimport { waitedParts } from '../../approval-progress.js'\nimport { whenShortText } from '../../when.js'\n\nconst STATES = ['PENDING', 'APPROVED', 'REJECTED', 'ABORTED'] as const\nconst OVERDUE = 'OVERDUE'\n\n/**\n * 결재 현황 — every approval of the domain, whatever its kind, and where each stands (ADR-0183).\n *\n * The rows, the step and whom it waits on are the server's (`approvalProgress`); this page only asks with the\n * conditions pressed and draws. A row opens the case's own view, whose door checks the reader again.\n */\n@customElement('approval-progress-page')\nexport class ApprovalProgressPage extends localize(i18next)(PageView) {\n  static styles = [\n    /* The work surface frame for a list screen (ADR-0060 decision 8). */\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      .header {\n        grid-template-areas: 'filters actions';\n      }\n\n      .header .filters {\n        padding: 0;\n        background: none;\n        border-radius: 0;\n        gap: 12px;\n      }\n    `\n  ]\n\n  @query('ox-grist') grist!: DataGrist\n\n  @state() gristConfig?: any\n  @state() mode: 'GRID' | 'LIST' | 'CARD' = isMobileDevice() ? 'CARD' : 'GRID'\n  /** The chips pressed — states, and 기한 넘김. */\n  @state() chips: string[] = [STATES[0]]\n  @state() counts = new Map<string, number>()\n\n  get context() {\n    return {\n      title: i18next.t('title.approval progress'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <ox-grist class=\"page-fill\" .mode=${this.mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form class=\"filter\" without-search></ox-filters-form>\n            <ox-input-select-buttons\n              multiple\n              .value=${this.chips}\n              .options=${[...STATES, OVERDUE].map(value => ({\n                value,\n                display: i18next.t(`label.approval-progress-${value.toLowerCase()}`),\n                count: this.counts.get(value) ?? 0\n              }))}\n              @change=${(e: CustomEvent) => {\n                this.chips = (e.currentTarget as any)?.value || []\n                this.grist.fetch()\n              }}\n            ></ox-input-select-buttons>\n          </div>\n        </div>\n      </ox-grist>\n    `\n  }\n\n  async pageInitialized() {\n    this.gristConfig = {\n      pagination: { pages: [50, 100, 200] },\n      list: { fields: ['headline', 'activityLabel'], details: ['requesterName', 'waiting', 'waited'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'assignment',\n          iconOnly: false,\n          title: i18next.t('button.view'),\n          width: 72,\n          handlers: { click: (_columns, _data, _column, record) => this.openCase(record) }\n        },\n        {\n          /* The kind filter - the kinds that have a case here, as the server names them. */\n          type: 'select',\n          name: 'activityName',\n          header: i18next.t('field.approval-kind'),\n          hidden: true,\n          filter: { operator: 'in', options: () => this.kindOptions() }\n        },\n        { type: 'string', name: 'activityLabel', header: i18next.t('field.approval-kind'), record: { editable: false }, width: 140 },\n        { type: 'string', name: 'headline', header: i18next.t('field.approval-headline'), record: { editable: false }, filter: 'search', width: 260 },\n        { type: 'string', name: 'requesterName', header: i18next.t('field.approval-requester'), record: { editable: false }, filter: 'search', width: 90 },\n        {\n          type: 'select',\n          name: 'departmentId',\n          header: i18next.t('field.approval-department'),\n          hidden: true,\n          filter: { operator: 'eq', options: () => this.departmentOptions() }\n        },\n        { type: 'string', name: 'departmentName', header: i18next.t('field.approval-department'), record: { editable: false }, width: 100 },\n        { type: 'string', name: 'stateLabel', header: i18next.t('label.status'), record: { editable: false, align: 'center' }, width: 70 },\n        { type: 'string', name: 'stepText', header: i18next.t('field.approval-step'), record: { editable: false, align: 'center' }, width: 60 },\n        { type: 'string', name: 'waiting', header: i18next.t('field.approval-waiting-on'), record: { editable: false }, width: 180 },\n        { type: 'string', name: 'waited', header: i18next.t('field.approval-waited'), record: { editable: false }, width: 100 },\n        {\n          type: 'datetime',\n          name: 'dueAt',\n          header: i18next.t('field.approval-due-at'),\n          record: { editable: false, renderer: dueCell(() => this.active) },\n          width: 130\n        },\n        { type: 'date', name: 'raisedAt', header: i18next.t('field.approval-raised-at'), record: { editable: false, renderer: value => whenShortText(value) }, filter: { operator: 'between' }, width: 140 },\n        { type: 'datetime', name: 'endedAt', header: i18next.t('field.approval-ended-at'), record: { editable: false, renderer: value => whenShortText(value) }, width: 140 }\n      ],\n      rows: { appendable: false, selectable: false },\n      sorters: []\n    }\n  }\n\n  private openCase(record: any) {\n    openPopup(html`<activity-instance-view activity-instance-id=${record.id}></activity-instance-view>`, {\n      backdrop: true,\n      size: 'large',\n      title: record.headline\n    })\n  }\n\n  private async kindOptions() {\n    const response = await client.query({\n      query: gql`\n        query {\n          approvalProgress(pagination: { page: 1, limit: 1 }) {\n            kinds {\n              name\n              label\n              labelTKey\n            }\n          }\n        }\n      `\n    })\n    return (response.data?.approvalProgress?.kinds || []).map((kind: any) => ({\n      value: kind.name,\n      display: String(i18next.t(kind.labelTKey, { defaultValue: kind.label }))\n    }))\n  }\n\n  private async departmentOptions() {\n    const response = await client.query({\n      query: gql`\n        query {\n          departments(pagination: { page: 1, limit: 500 }, sortings: [{ name: \"name\" }]) {\n            items {\n              id\n              name\n            }\n          }\n        }\n      `\n    })\n    return (response.data?.departments?.items || []).map((one: any) => ({ value: one.id, display: one.name }))\n  }\n\n  /** The grid's conditions as the server's filter - the column filters, the search box and the chips. */\n  private filterOf(filters: any[]) {\n    const valueOf = (name: string) => filters.find(one => one.name === name && one.operator !== 'search')?.value\n    const kinds = valueOf('activityName')\n    const [from, to] = valueOf('raisedAt') || []\n    const search = filters.find(one => one.operator === 'search')?.value?.replace(/^%|%$/g, '')\n\n    return {\n      activityNames: kinds ? [].concat(kinds) : undefined,\n      departmentIds: valueOf('departmentId') ? [valueOf('departmentId')] : undefined,\n      from: from ? new Date(from) : undefined,\n      /* The range's last day counts whole - the server's `to` is exclusive. */\n      to: to ? new Date(new Date(to).getTime() + 24 * 3600 * 1000) : undefined,\n      states: this.chips.filter(chip => chip !== OVERDUE),\n      overdueOnly: this.chips.includes(OVERDUE) || undefined,\n      search: search || undefined\n    }\n  }\n\n  async fetchHandler({ page, limit, filters = [] }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filter: ApprovalProgressFilter, $pagination: Pagination) {\n          approvalProgress(filter: $filter, pagination: $pagination) {\n            items {\n              id\n              activityName\n              activityLabel\n              activityLabelTKey\n              headline\n              requesterName\n              departmentName\n              state\n              step\n              steps\n              waitingOn\n              waitingRole\n              waitingSince\n              dueAt\n              overdue\n              raisedAt\n              endedAt\n            }\n            total\n            counts {\n              state\n              count\n            }\n            overdue\n          }\n        }\n      `,\n      variables: { filter: this.filterOf(filters), pagination: { page, limit } },\n      fetchPolicy: 'no-cache'\n    })\n\n    const result = response.data?.approvalProgress\n    this.counts = new Map([...(result?.counts || []).map((one: any) => [one.state, one.count]), [OVERDUE, result?.overdue ?? 0]])\n\n    return {\n      total: result?.total || 0,\n      records: (result?.items || []).map((item: any) => ({\n        ...item,\n        activityLabel: item.activityLabelTKey ? String(i18next.t(item.activityLabelTKey, { defaultValue: item.activityLabel })) : item.activityLabel,\n        stateLabel: i18next.t(`label.approval-progress-${String(item.state).toLowerCase()}`),\n        stepText: item.step ? `${item.step} / ${item.steps}` : '',\n        waiting: this.waitingText(item),\n        waited: this.waitedText(item)\n      }))\n    }\n  }\n\n  private waitingText(item: any) {\n    const names = (item.waitingOn || []).join(', ')\n    return item.waitingRole ? `${item.waitingRole}${names ? ` (${names})` : ''}` : names\n  }\n\n  private waitedText(item: any) {\n    const parts = item.state === 'PENDING' ? waitedParts(item.waitingSince) : undefined\n    if (!parts) return ''\n    /* Past due is the due column's to say (dueCell) - said here too, it would be said twice. */\n    return parts.days\n      ? i18next.t('text.waited-days', parts)\n      : parts.hours\n        ? i18next.t('text.waited-hours', parts)\n        : i18next.t('text.waited-minutes', parts)\n  }\n}\n"]}

package/dist-client/pages/installable-activity/installable-activity-list-page.d.ts

@@ -0,0 +1,64 @@
+import '@operato/data-grist';
+import './installable-activity-model-item-list.js';
+import { DataGrist, FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+declare const ActivityTemplateListPage_base: (new (...args: any[]) => {
+    __preferenceProviders: {
+        [element: string]: import("@operato/p13n").PagePreferenceProvider;
+    };
+    getPagePreferenceProvider(element: string): import("@operato/p13n").PagePreferenceProvider | undefined;
+}) & (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+export declare class ActivityTemplateListPage extends ActivityTemplateListPage_base {
+    static styles: import("lit").CSSResult[];
+    gristConfig: any;
+    mode?: 'GRID' | 'LIST' | 'CARD';
+    get context(): {
+        title: string;
+        search: {
+            handler: (search: string) => void;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+        help: string;
+        actions: never[];
+    };
+    grist: DataGrist;
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(lifecycle: any): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    /**
+     * Turning a template on for this domain.
+     *
+     * The result is read. Both mutations require `activity:mutation` as of 2026-09-11, and until then
+     * anything a signed-in user pressed went through, so this refusal path had never run.
+     *
+     * `mutate` is configured with `errorPolicy: 'all'`
+     * ([읽었음] operato/webcomponents/graphql/src/graphql-client.ts:18), so a refused mutation
+     * **resolves** with `errors` instead of throwing. Ignoring the result and re-reading the list
+     * showed the row unchanged and said nothing — the button looked broken rather than refused.
+     */
+    activate(record: any): Promise<void>;
+    /** Turning it off. Heavier than turning it on — it stops the work this activity carries. */
+    deactivate(record: any): Promise<void>;
+    /**
+     * Report the outcome, then re-read the list either way.
+     *
+     * The list is re-read even on a refusal: it is what shows the reader the row did not move. Saying
+     * "refused" while leaving a stale row on screen would be two statements that disagree.
+     *
+     * ── The cause is read, not guessed ────────────────────────────────────────
+     * The server marks a privilege refusal itself
+     * ([읽었음] auth-base/server/service/privilege/privilege-rejection.ts:61)
+     * with `extensions: { code: 'FORBIDDEN', requires: { category, privilege } }`. So this screen can
+     * tell "you are not allowed" from "it failed" without deciding which — the first is the server's
+     * own answer, and the second keeps the server's sentence rather than replacing it with a cause
+     * this screen does not know.
+     */
+    private saidWhatHappened;
+}
+export {};