@things-factory/worklist 10.0.19 → 10.1.1

package/dist-client/activity-cells.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 안건 · 업무 이름 — 이름과 설명을 한 칸에 두 줄로.
+ *
+ * 둘은 함께 읽는 것인데 따로 두면 그 사이를 우선순위 · 차수 같은 칸이 가로막는다. 그리고 표식(메모 ·
+ * 재상신)은 이름과 함께 보여야 뜻이 선다.
+ *
+ * `marks` 는 화면이 정한다 — 결재함은 메모와 재상신을 보이고, 작성 중 목록은 보일 것이 없다.
+ */
+export declare function subjectCell(marks?: (record: any) => unknown[]): (value: any, column: any, record: any, rowIndex: number, field: any) => import("lit-html").TemplateResult<1>;
+/** 결재함이 쓰는 표식 — 「메모 있음」과 「N차 재상신」. */
+export declare function approvalMarks(record: any): unknown[];
+/**
+ * 기한 한 칸 — 남은 시간이 위, 절대 시각이 아래다.
+ *
+ * 전에는 「만기 시간」과 「남은 시간」이 각각 180px 을 쓰는 두 칸이었다. 사람이 묻는 것은 「얼마나
+ * 남았나」 하나이고, 절대 시각은 그것을 확인할 때만 본다.
+ *
+ * 기한이 지난 것은 남은 시간에 강조를 준다.
+ */
+export declare function dueCell(isActive: () => boolean): (value: any, column: any, record: any, rowIndex: number, field: any) => import("lit-html").TemplateResult<1>;
+export declare function priorityCell(): (value: any) => import("lit-html").TemplateResult<1>;

package/dist-client/activity-cells.js

@@ -0,0 +1,117 @@
+import { html } from 'lit';
+import { asyncReplace } from 'lit/directives/async-replace.js';
+import { i18next } from '@operato/i18n';
+import { dueTimer, isOverdue } from './due.js';
+/*
+ * 업무 목록의 칸을 그리는 방식 — **한 곳에서만 정한다.**
+ *
+ * ── 왜 모았나 (2026-09-01) ─────────────────────────────────────────────────
+ * 업무 목록 화면이 다섯이고(할 일 · 완료 · 작성 중 · 결재 대기 · 결재 완료) 컬럼 목록은 서로 다르다.
+ * 그런데 **칸을 그리는 방식은 같은 것을 복사해 쓰고 있었다.** 우선순위의 별 렌더러가 네 곳에 같은
+ * 코드로 있었고, 기한 계산 함수는 세 곳에 있었는데 그중 하나가 틀려 있었다(due.ts 머리말 참조).
+ *
+ * 복사본이 여럿이면 한 곳을 고쳐도 나머지는 그대로다. 그래서 화면마다 컬럼 목록은 그대로 두고
+ * **그리는 방식만** 여기로 모았다.
+ */
+/**
+ * 안건 · 업무 이름 — 이름과 설명을 한 칸에 두 줄로.
+ *
+ * 둘은 함께 읽는 것인데 따로 두면 그 사이를 우선순위 · 차수 같은 칸이 가로막는다. 그리고 표식(메모 ·
+ * 재상신)은 이름과 함께 보여야 뜻이 선다.
+ *
+ * `marks` 는 화면이 정한다 — 결재함은 메모와 재상신을 보이고, 작성 중 목록은 보일 것이 없다.
+ */
+export function subjectCell(marks) {
+    return (value, column, record, rowIndex, field) => {
+        field?.setAttribute?.('twoline', '');
+        const m = marks?.(record) ?? [];
+        /*
+         * 값을 span 으로 감싼다. 텍스트 노드로 두면 CSS 가 표식과의 사이를 띄울 방법이 없다 — 형제
+         * 선택자는 텍스트 노드를 보지 못한다. `.line` 이 간격과 높이를 잡는다(data-grid-field.ts).
+         */
+        return html `<span class="line"><span>${value ?? ''}</span>${m}</span
+      ><span class="sub">${record?.description ?? ''}</span>`;
+    };
+}
+/** 결재함이 쓰는 표식 — 「메모 있음」과 「N차 재상신」. */
+export function approvalMarks(record) {
+    const marks = [];
+    /* 승인자가 보다가 메모를 남기고 미뤄 둔 것 — 내가 검토하던 것이 무엇인지 한눈에 보여야 한다. */
+    if (record?.comment)
+        marks.push(html `<span class="pill info">${i18next.t('label.approval-noted')}</span>`);
+    /* 재상신은 예외라 표식으로 낸다. 거의 모든 줄이 1차인 목록에서 차수 칸은 아무것도 알려 주지 않는다. */
+    if (record?.round > 1)
+        marks.push(html `<span class="pill warn">${i18next.t('label.approval-round-n', { n: record.round })}</span>`);
+    return marks;
+}
+/**
+ * 기한 한 칸 — 남은 시간이 위, 절대 시각이 아래다.
+ *
+ * 전에는 「만기 시간」과 「남은 시간」이 각각 180px 을 쓰는 두 칸이었다. 사람이 묻는 것은 「얼마나
+ * 남았나」 하나이고, 절대 시각은 그것을 확인할 때만 본다.
+ *
+ * 기한이 지난 것은 남은 시간에 강조를 준다.
+ */
+export function dueCell(isActive) {
+    return (value, column, record, rowIndex, field) => {
+        const dueAt = record?.dueAt;
+        /* 값이 없으면 빈 칸으로 두지 않는다 — 빈 칸은 값이 없는 것인지 화면이 못 낸 것인지 구별되지 않는다. */
+        if (dueAt === null || dueAt === undefined || dueAt === '') {
+            return html `<span class="none">${i18next.t('text.no-due')}</span>`;
+        }
+        field?.setAttribute?.('twoline', '');
+        return html `<span class=${isOverdue(dueAt) ? 'crit' : ''}>${asyncReplace(dueTimer(dueAt, isActive))}</span
+      ><span class="sub"
+        >${new Date(Date.parse(String(dueAt))).toLocaleString(i18next.language || undefined, {
+            month: 'numeric',
+            day: 'numeric',
+            hour: 'numeric',
+            minute: '2-digit'
+        })}</span
+      >`;
+    };
+}
+/**
+ * 우선순위 — **별의 개수가 크기를 말한다.**
+ *
+ * 별을 숫자로 바꿔 봤다가 되돌렸다. 숫자만 적으면 **큰 쪽이 급한지 작은 쪽이 급한지 알 수 없다.**
+ * 별은 개수가 곧 크기라서 표를 외우지 않아도 읽힌다. 그것이 이 칸에서 가장 중요한 것이다.
+ *
+ * 고친 것은 색이다. 전에는 값마다 색이 달랐다.
+ *
+ *     1  #98FB98   흰 바탕에서 대비 1.4 — 보이지 않았다
+ *     2  #87CEEB
+ *     3  #FF6B6B
+ *     4  #8B0000
+ *
+ * 개수가 이미 크기를 말하는데 색까지 값마다 다르면 같은 것을 두 번 말하는 것이고, 네 색을 외운 사람만
+ * 정확히 읽을 수 있다. 그리고 첫 색은 아예 안 보였다.
+ *
+ * 그래서 색은 **두 단계**만 쓴다 — 보통은 흐리게, 「중요」 「중요」 필터가 잡는 경계(priority >= 2)부터
+ * 강조한다. 개수가 크기를 말하고 색이 「이 줄은 선을 넘었다」를 말한다. 서로 다른 것을 말하므로
+ * 겹치지 않는다.
+ *
+ * 값이 없으면 — 다. 0 개의 별로 그리면 「보통」과 「값 없음」이 같아 보인다.
+ */
+const PRIORITY_STAR_CAP = 5;
+export function priorityCell() {
+    return (value) => {
+        if (value === null || value === undefined || value === '')
+            return html `<span class="none">—</span>`;
+        const n = Number(value);
+        if (!Number.isFinite(n) || n <= 0)
+            return html `<span class="none">—</span>`;
+        /*
+         * 열린 숫자 축이라(표준 Priority) 현장이 9 를 쓸 수도 있다. 별 아홉 개는 칸을 넘고 세어 읽을 수도
+         * 없으므로, 다섯을 넘으면 별 다섯과 숫자를 함께 적는다 — 값을 잃지 않으면서 자리를 지킨다.
+         */
+        const stars = Math.min(Math.round(n), PRIORITY_STAR_CAP);
+        const emphasis = n >= 2 ? 'crit' : 'quiet';
+        return html `<span class="line ${emphasis}"
+      >${Array.from({ length: stars }, () => html `<md-icon class="star">star</md-icon>`)}${n > PRIORITY_STAR_CAP
+            ? html `<span class="sub">${n}</span>`
+            : ''}</span
+    >`;
+    };
+}
+//# sourceMappingURL=activity-cells.js.map

package/dist-client/activity-cells.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-cells.js","sourceRoot":"","sources":["../client/activity-cells.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit'\nimport { asyncReplace } from 'lit/directives/async-replace.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { dueTimer, isOverdue } from './due.js'\n\n/*\n * 업무 목록의 칸을 그리는 방식 — **한 곳에서만 정한다.**\n *\n * ── 왜 모았나 (2026-09-01) ─────────────────────────────────────────────────\n * 업무 목록 화면이 다섯이고(할 일 · 완료 · 작성 중 · 결재 대기 · 결재 완료) 컬럼 목록은 서로 다르다.\n * 그런데 **칸을 그리는 방식은 같은 것을 복사해 쓰고 있었다.** 우선순위의 별 렌더러가 네 곳에 같은\n * 코드로 있었고, 기한 계산 함수는 세 곳에 있었는데 그중 하나가 틀려 있었다(due.ts 머리말 참조).\n *\n * 복사본이 여럿이면 한 곳을 고쳐도 나머지는 그대로다. 그래서 화면마다 컬럼 목록은 그대로 두고\n * **그리는 방식만** 여기로 모았다.\n */\n\n/**\n * 안건 · 업무 이름 — 이름과 설명을 한 칸에 두 줄로.\n *\n * 둘은 함께 읽는 것인데 따로 두면 그 사이를 우선순위 · 차수 같은 칸이 가로막는다. 그리고 표식(메모 ·\n * 재상신)은 이름과 함께 보여야 뜻이 선다.\n *\n * `marks` 는 화면이 정한다 — 결재함은 메모와 재상신을 보이고, 작성 중 목록은 보일 것이 없다.\n */\nexport function subjectCell(marks?: (record: any) => unknown[]) {\n  return (value: any, column: any, record: any, rowIndex: number, field: any) => {\n    field?.setAttribute?.('twoline', '')\n\n    const m = marks?.(record) ?? []\n\n    /*\n     * 값을 span 으로 감싼다. 텍스트 노드로 두면 CSS 가 표식과의 사이를 띄울 방법이 없다 — 형제\n     * 선택자는 텍스트 노드를 보지 못한다. `.line` 이 간격과 높이를 잡는다(data-grid-field.ts).\n     */\n    return html`<span class=\"line\"><span>${value ?? ''}</span>${m}</span\n      ><span class=\"sub\">${record?.description ?? ''}</span>`\n  }\n}\n\n/** 결재함이 쓰는 표식 — 「메모 있음」과 「N차 재상신」. */\nexport function approvalMarks(record: any): unknown[] {\n  const marks: unknown[] = []\n\n  /* 승인자가 보다가 메모를 남기고 미뤄 둔 것 — 내가 검토하던 것이 무엇인지 한눈에 보여야 한다. */\n  if (record?.comment) marks.push(html`<span class=\"pill info\">${i18next.t('label.approval-noted')}</span>`)\n\n  /* 재상신은 예외라 표식으로 낸다. 거의 모든 줄이 1차인 목록에서 차수 칸은 아무것도 알려 주지 않는다. */\n  if (record?.round > 1)\n    marks.push(html`<span class=\"pill warn\">${i18next.t('label.approval-round-n', { n: record.round })}</span>`)\n\n  return marks\n}\n\n/**\n * 기한 한 칸 — 남은 시간이 위, 절대 시각이 아래다.\n *\n * 전에는 「만기 시간」과 「남은 시간」이 각각 180px 을 쓰는 두 칸이었다. 사람이 묻는 것은 「얼마나\n * 남았나」 하나이고, 절대 시각은 그것을 확인할 때만 본다.\n *\n * 기한이 지난 것은 남은 시간에 강조를 준다.\n */\nexport function dueCell(isActive: () => boolean) {\n  return (value: any, column: any, record: any, rowIndex: number, field: any) => {\n    const dueAt = record?.dueAt\n\n    /* 값이 없으면 빈 칸으로 두지 않는다 — 빈 칸은 값이 없는 것인지 화면이 못 낸 것인지 구별되지 않는다. */\n    if (dueAt === null || dueAt === undefined || dueAt === '') {\n      return html`<span class=\"none\">${i18next.t('text.no-due')}</span>`\n    }\n\n    field?.setAttribute?.('twoline', '')\n\n    return html`<span class=${isOverdue(dueAt) ? 'crit' : ''}>${asyncReplace(dueTimer(dueAt, isActive))}</span\n      ><span class=\"sub\"\n        >${new Date(Date.parse(String(dueAt))).toLocaleString(i18next.language || undefined, {\n          month: 'numeric',\n          day: 'numeric',\n          hour: 'numeric',\n          minute: '2-digit'\n        })}</span\n      >`\n  }\n}\n\n/**\n * 우선순위 — **별의 개수가 크기를 말한다.**\n *\n * 별을 숫자로 바꿔 봤다가 되돌렸다. 숫자만 적으면 **큰 쪽이 급한지 작은 쪽이 급한지 알 수 없다.**\n * 별은 개수가 곧 크기라서 표를 외우지 않아도 읽힌다. 그것이 이 칸에서 가장 중요한 것이다.\n *\n * 고친 것은 색이다. 전에는 값마다 색이 달랐다.\n *\n *     1  #98FB98   흰 바탕에서 대비 1.4 — 보이지 않았다\n *     2  #87CEEB\n *     3  #FF6B6B\n *     4  #8B0000\n *\n * 개수가 이미 크기를 말하는데 색까지 값마다 다르면 같은 것을 두 번 말하는 것이고, 네 색을 외운 사람만\n * 정확히 읽을 수 있다. 그리고 첫 색은 아예 안 보였다.\n *\n * 그래서 색은 **두 단계**만 쓴다 — 보통은 흐리게, 「중요」 「중요」 필터가 잡는 경계(priority >= 2)부터\n * 강조한다. 개수가 크기를 말하고 색이 「이 줄은 선을 넘었다」를 말한다. 서로 다른 것을 말하므로\n * 겹치지 않는다.\n *\n * 값이 없으면 — 다. 0 개의 별로 그리면 「보통」과 「값 없음」이 같아 보인다.\n */\nconst PRIORITY_STAR_CAP = 5\n\nexport function priorityCell() {\n  return (value: any) => {\n    if (value === null || value === undefined || value === '') return html`<span class=\"none\">—</span>`\n\n    const n = Number(value)\n    if (!Number.isFinite(n) || n <= 0) return html`<span class=\"none\">—</span>`\n\n    /*\n     * 열린 숫자 축이라(표준 Priority) 현장이 9 를 쓸 수도 있다. 별 아홉 개는 칸을 넘고 세어 읽을 수도\n     * 없으므로, 다섯을 넘으면 별 다섯과 숫자를 함께 적는다 — 값을 잃지 않으면서 자리를 지킨다.\n     */\n    const stars = Math.min(Math.round(n), PRIORITY_STAR_CAP)\n    const emphasis = n >= 2 ? 'crit' : 'quiet'\n\n    return html`<span class=\"line ${emphasis}\"\n      >${Array.from({ length: stars }, () => html`<md-icon class=\"star\">star</md-icon>`)}${n > PRIORITY_STAR_CAP\n        ? html`<span class=\"sub\">${n}</span>`\n        : ''}</span\n    >`\n  }\n}\n\n"]}

package/dist-client/activity-summary-generator.js

@@ -58,7 +58,26 @@ var generatorLocks = {
     numberOfToDos: new AsyncLock(true),
     numberOfApprovalPendings: new AsyncLock(true),
     numberOfPicks: new AsyncLock(true),
-    numberOfDrafts: new AsyncLock(true)
+    numberOfDrafts: new AsyncLock(true),
+    /*
+     * 「내 일」 전체 — 서버가 내는 값이 아니라 **여기서 더한 것**이다.
+     *
+     * ── 왜 필요한가 ─────────────────────────────────────────────────────────
+     * 왼쪽 메뉴를 접으면 아이콘만 남고 하위가 감춰진다. 그러면 할 일 · 결재함 · 작성 중의 건수를
+     * 열어 보지 않고는 알 수 없다. **열어 봐야 보이는 건수는 건수가 아니다.**
+     *
+     * ── 왜 이름을 따로 두나 ─────────────────────────────────────────────────
+     * 이름마다 락이 하나이고 같은 이름에 새 소비자가 붙으면 앞의 것이 끝난다. 합계를 보려고
+     * 세 이름을 다시 구독하면 그 세 이름을 이미 보고 있던 하위 배지들에서 구독을 빼앗아, 최상위와
+     * 하위를 함께 그릴 수 없다. 이름을 하나 더 두면 그 문제가 없다 — 값은 이미 아는 것이라
+     * 새로 물어볼 것도 없다.
+     *
+     * ── 집을 일은 넣지 않는다 ───────────────────────────────────────────────
+     * `numberOfPicks` 는 아직 아무도 집지 않은 것 중 내가 집을 수 있는 것이다. **아직 내 것이
+     * 아니다.** 나머지 셋은 이미 내 앞에 온 것이라 성격이 다르고, 섞으면 「내 일 12건」이 실제로
+     * 내가 해야 하는 것보다 커진다.
+     */
+    numberOfMyWork: new AsyncLock(true)
 };
 const fetchActivitySummary = debounce(async () => {
     const response = await client.query({
@@ -73,17 +92,44 @@ const fetchActivitySummary = debounce(async () => {
       }
     `
     });
-    if (response.data) {
-        const { numberOfToDos, numberOfApprovalPendings, numberOfPicks, numberOfDrafts } = response.data.activitySummary;
-        summary['numberOfToDos'] = numberOfToDos;
-        summary['numberOfApprovalPendings'] = numberOfApprovalPendings;
-        summary['numberOfPicks'] = numberOfPicks;
-        summary['numberOfDrafts'] = numberOfDrafts;
-        generatorLocks['numberOfToDos']?.unlock(numberOfToDos);
-        generatorLocks['numberOfApprovalPendings']?.unlock(numberOfApprovalPendings);
-        generatorLocks['numberOfPicks']?.unlock(numberOfPicks);
-        generatorLocks['numberOfDrafts']?.unlock(numberOfDrafts);
+    /*
+     * The client runs with errorPolicy: 'all', so a failed query resolves with `errors` and a null or
+     * partial `data` rather than rejecting. Reading straight through it would throw on the
+     * destructure below; skipping leaves every count undefined, and undefined already draws no badge.
+     * That is the honest outcome — a count we could not fetch is not zero.
+     */
+    if (response.errors?.length || !response.data?.activitySummary) {
+        return summary;
     }
+    const { numberOfToDos, numberOfApprovalPendings, numberOfPicks, numberOfDrafts } = response.data.activitySummary;
+    /*
+     * A field the server did not send is **not zero**, and the sum is where that used to leak.
+     *
+     * Each badge already leaves a missing count undefined, which draws nothing — the honest outcome.
+     * The total, though, read `(a ?? 0) + (b ?? 0) + (c ?? 0)`, so a missing part quietly became a
+     * zero part and the badge showed a confident, smaller number. Someone reading 「내 일 3」 has no
+     * way to know the approvals never arrived. Under-reporting how much is waiting on a person is
+     * the wrong direction to be wrong in.
+     *
+     * A total of parts we do not fully have is not a total. It stays undefined, and undefined draws
+     * nothing, same as the parts.
+     *
+     * (Picks are left out on purpose: work nobody has claimed is not yet anyone's.)
+     */
+    const parts = [numberOfToDos, numberOfApprovalPendings, numberOfDrafts];
+    const numberOfMyWork = parts.every(one => typeof one == 'number')
+        ? parts.reduce((sum, one) => sum + one, 0)
+        : undefined;
+    summary['numberOfToDos'] = numberOfToDos;
+    summary['numberOfApprovalPendings'] = numberOfApprovalPendings;
+    summary['numberOfPicks'] = numberOfPicks;
+    summary['numberOfDrafts'] = numberOfDrafts;
+    summary['numberOfMyWork'] = numberOfMyWork;
+    generatorLocks['numberOfToDos']?.unlock(numberOfToDos);
+    generatorLocks['numberOfApprovalPendings']?.unlock(numberOfApprovalPendings);
+    generatorLocks['numberOfPicks']?.unlock(numberOfPicks);
+    generatorLocks['numberOfDrafts']?.unlock(numberOfDrafts);
+    generatorLocks['numberOfMyWork']?.unlock(numberOfMyWork);
 }, 1000);
 export async function* generateActivitySummary(name) {
     /* 1. 앞에 사용되었던 generator가 종료될 기회를 준다. */

package/dist-client/activity-summary-generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-summary-generator.js","sourceRoot":"","sources":["../client/activity-summary-generator.ts"],"names":[],"mappings":"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","sourcesContent":["import debounce from 'lodash-es/debounce'\nimport gql from 'graphql-tag'\nimport { client, subscribe } from '@operato/graphql'\nimport { AsyncLock } from '@operato/utils'\n\nasync function subscribeActivityInstance() {\n  return await subscribe(\n    {\n      query: gql`\n        subscription {\n          activityInstance {\n            name\n          }\n        }\n      `\n    },\n    {\n      next: async ({ data }) => {\n        if (data) {\n          fetchActivitySummary()\n        }\n      }\n    }\n  )\n}\n\nasync function subscribeActivityThread() {\n  return await subscribe(\n    {\n      query: gql`\n        subscription {\n          activityThread {\n            transaction\n          }\n        }\n      `\n    },\n    {\n      next: async ({ data }) => {\n        if (data) {\n          fetchActivitySummary()\n        }\n      }\n    }\n  )\n}\n\nasync function subscribeActivityApproval() {\n  return await subscribe(\n    {\n      query: gql`\n        subscription {\n          activityApproval {\n            judgment\n          }\n        }\n      `\n    },\n    {\n      next: async ({ data }) => {\n        if (data) {\n          fetchActivitySummary()\n        }\n      }\n    }\n  )\n}\n\nvar summary = {}\nvar generatorLocks = {\n  numberOfToDos: new AsyncLock(true),\n  numberOfApprovalPendings: new AsyncLock(true),\n  numberOfPicks: new AsyncLock(true),\n  numberOfDrafts: new AsyncLock(true)\n}\n\nconst fetchActivitySummary = debounce(async () => {\n  const response = await client.query({\n    query: gql`\n      query {\n        activitySummary {\n          numberOfToDos\n          numberOfApprovalPendings\n          numberOfPicks\n          numberOfDrafts\n        }\n      }\n    `\n  })\n\n  if (response.data) {\n    const { numberOfToDos, numberOfApprovalPendings, numberOfPicks, numberOfDrafts } = response.data.activitySummary\n\n    summary['numberOfToDos'] = numberOfToDos\n    summary['numberOfApprovalPendings'] = numberOfApprovalPendings\n    summary['numberOfPicks'] = numberOfPicks\n    summary['numberOfDrafts'] = numberOfDrafts\n\n    generatorLocks['numberOfToDos']?.unlock(numberOfToDos)\n    generatorLocks['numberOfApprovalPendings']?.unlock(numberOfApprovalPendings)\n    generatorLocks['numberOfPicks']?.unlock(numberOfPicks)\n    generatorLocks['numberOfDrafts']?.unlock(numberOfDrafts)\n  }\n}, 1000)\n\nexport async function* generateActivitySummary(name: string) {\n  /* 1. 앞에 사용되었던 generator가 종료될 기회를 준다. */\n  generatorLocks[name]?.unlock()\n\n  /* 2. 마지막 값을 일단 yield 한다. */\n  yield summary[name]\n\n  while (true) {\n    generatorLocks[name].lock()\n\n    let badge = await generatorLocks[name].promise\n    if (badge === undefined) {\n      /* 새로운 generator가 생성된 경우이면, 기존 generator는 종료한다. */\n      return\n    }\n\n    yield badge\n  }\n}\n\nexport async function startSubscribeActivitySummary() {\n  await subscribeActivityInstance()\n  await subscribeActivityThread()\n  await subscribeActivityApproval()\n\n  fetchActivitySummary()\n}\n"]}
+{"version":3,"file":"activity-summary-generator.js","sourceRoot":"","sources":["../client/activity-summary-generator.ts"],"names":[],"mappings":"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","sourcesContent":["import debounce from 'lodash-es/debounce'\nimport gql from 'graphql-tag'\nimport { client, subscribe } from '@operato/graphql'\nimport { AsyncLock } from '@operato/utils'\n\nasync function subscribeActivityInstance() {\n  return await subscribe(\n    {\n      query: gql`\n        subscription {\n          activityInstance {\n            name\n          }\n        }\n      `\n    },\n    {\n      next: async ({ data }) => {\n        if (data) {\n          fetchActivitySummary()\n        }\n      }\n    }\n  )\n}\n\nasync function subscribeActivityThread() {\n  return await subscribe(\n    {\n      query: gql`\n        subscription {\n          activityThread {\n            transaction\n          }\n        }\n      `\n    },\n    {\n      next: async ({ data }) => {\n        if (data) {\n          fetchActivitySummary()\n        }\n      }\n    }\n  )\n}\n\nasync function subscribeActivityApproval() {\n  return await subscribe(\n    {\n      query: gql`\n        subscription {\n          activityApproval {\n            judgment\n          }\n        }\n      `\n    },\n    {\n      next: async ({ data }) => {\n        if (data) {\n          fetchActivitySummary()\n        }\n      }\n    }\n  )\n}\n\nvar summary = {}\nvar generatorLocks = {\n  numberOfToDos: new AsyncLock(true),\n  numberOfApprovalPendings: new AsyncLock(true),\n  numberOfPicks: new AsyncLock(true),\n  numberOfDrafts: new AsyncLock(true),\n  /*\n   * 「내 일」 전체 — 서버가 내는 값이 아니라 **여기서 더한 것**이다.\n   *\n   * ── 왜 필요한가 ─────────────────────────────────────────────────────────\n   * 왼쪽 메뉴를 접으면 아이콘만 남고 하위가 감춰진다. 그러면 할 일 · 결재함 · 작성 중의 건수를\n   * 열어 보지 않고는 알 수 없다. **열어 봐야 보이는 건수는 건수가 아니다.**\n   *\n   * ── 왜 이름을 따로 두나 ─────────────────────────────────────────────────\n   * 이름마다 락이 하나이고 같은 이름에 새 소비자가 붙으면 앞의 것이 끝난다. 합계를 보려고\n   * 세 이름을 다시 구독하면 그 세 이름을 이미 보고 있던 하위 배지들에서 구독을 빼앗아, 최상위와\n   * 하위를 함께 그릴 수 없다. 이름을 하나 더 두면 그 문제가 없다 — 값은 이미 아는 것이라\n   * 새로 물어볼 것도 없다.\n   *\n   * ── 집을 일은 넣지 않는다 ───────────────────────────────────────────────\n   * `numberOfPicks` 는 아직 아무도 집지 않은 것 중 내가 집을 수 있는 것이다. **아직 내 것이\n   * 아니다.** 나머지 셋은 이미 내 앞에 온 것이라 성격이 다르고, 섞으면 「내 일 12건」이 실제로\n   * 내가 해야 하는 것보다 커진다.\n   */\n  numberOfMyWork: new AsyncLock(true)\n}\n\nconst fetchActivitySummary = debounce(async () => {\n  const response = await client.query({\n    query: gql`\n      query {\n        activitySummary {\n          numberOfToDos\n          numberOfApprovalPendings\n          numberOfPicks\n          numberOfDrafts\n        }\n      }\n    `\n  })\n\n  /*\n   * The client runs with errorPolicy: 'all', so a failed query resolves with `errors` and a null or\n   * partial `data` rather than rejecting. Reading straight through it would throw on the\n   * destructure below; skipping leaves every count undefined, and undefined already draws no badge.\n   * That is the honest outcome — a count we could not fetch is not zero.\n   */\n  if (response.errors?.length || !response.data?.activitySummary) {\n    return summary\n  }\n\n  const { numberOfToDos, numberOfApprovalPendings, numberOfPicks, numberOfDrafts } = response.data.activitySummary\n\n  /*\n   * A field the server did not send is **not zero**, and the sum is where that used to leak.\n   *\n   * Each badge already leaves a missing count undefined, which draws nothing — the honest outcome.\n   * The total, though, read `(a ?? 0) + (b ?? 0) + (c ?? 0)`, so a missing part quietly became a\n   * zero part and the badge showed a confident, smaller number. Someone reading 「내 일 3」 has no\n   * way to know the approvals never arrived. Under-reporting how much is waiting on a person is\n   * the wrong direction to be wrong in.\n   *\n   * A total of parts we do not fully have is not a total. It stays undefined, and undefined draws\n   * nothing, same as the parts.\n   *\n   * (Picks are left out on purpose: work nobody has claimed is not yet anyone's.)\n   */\n  const parts = [numberOfToDos, numberOfApprovalPendings, numberOfDrafts]\n  const numberOfMyWork = parts.every(one => typeof one == 'number')\n    ? parts.reduce((sum, one) => sum + one, 0)\n    : undefined\n\n  summary['numberOfToDos'] = numberOfToDos\n  summary['numberOfApprovalPendings'] = numberOfApprovalPendings\n  summary['numberOfPicks'] = numberOfPicks\n  summary['numberOfDrafts'] = numberOfDrafts\n  summary['numberOfMyWork'] = numberOfMyWork\n\n  generatorLocks['numberOfToDos']?.unlock(numberOfToDos)\n  generatorLocks['numberOfApprovalPendings']?.unlock(numberOfApprovalPendings)\n  generatorLocks['numberOfPicks']?.unlock(numberOfPicks)\n  generatorLocks['numberOfDrafts']?.unlock(numberOfDrafts)\n  generatorLocks['numberOfMyWork']?.unlock(numberOfMyWork)\n}, 1000)\n\nexport async function* generateActivitySummary(name: string) {\n  /* 1. 앞에 사용되었던 generator가 종료될 기회를 준다. */\n  generatorLocks[name]?.unlock()\n\n  /* 2. 마지막 값을 일단 yield 한다. */\n  yield summary[name]\n\n  while (true) {\n    generatorLocks[name].lock()\n\n    let badge = await generatorLocks[name].promise\n    if (badge === undefined) {\n      /* 새로운 generator가 생성된 경우이면, 기존 generator는 종료한다. */\n      return\n    }\n\n    yield badge\n  }\n}\n\nexport async function startSubscribeActivitySummary() {\n  await subscribeActivityInstance()\n  await subscribeActivityThread()\n  await subscribeActivityApproval()\n\n  fetchActivitySummary()\n}\n"]}

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

@@ -0,0 +1,18 @@
+/**
+ * 결재선에서 지금 몇 번째가 판단할 차례인가.
+ *
+ * ── 왜 필요한가 (2026-09-06) ───────────────────────────────────────────────
+ * approval-line-brief 는 current 를 안 주면 -1 을 쓰고, 그러면 **기안자(1단계)를 항상 현재로
+ * 표시한다.** 세 ribbon 중 activity-approval-ribon 만 이 값을 넘기고 있었다. 업무 상세 화면은
+ * 결재가 3단계까지 올라간 건에서도 1단계에 표시를 그렸다 — 화면이 사실과 다른 것을 말한다.
+ *
+ * ── 어떻게 정하나 ──────────────────────────────────────────────────────────
+ * 판단이 비어 있는 것 중 가장 앞선 order 가 지금 차례다. 재상신이 있으면 차수(round)가 올라가고
+ * 앞 차수의 판단은 지나간 것이므로 **가장 높은 차수만** 본다.
+ *
+ * 전부 판단이 끝났으면 결재선을 다 지난 것이라 마지막 다음 번호를 낸다.
+ *
+ * lit 을 가져오지 않는다 — 이 규칙을 시험으로 고정할 수 있어야 하고, 시험이 화면 부품을 통째로
+ * 불러오면 브라우저 API 가 없어 뜨지 않는다.
+ */
+export declare function currentApprovalOrder(activityApprovals?: any[]): number;

package/dist-client/approval-progress.js

@@ -0,0 +1,31 @@
+/**
+ * 결재선에서 지금 몇 번째가 판단할 차례인가.
+ *
+ * ── 왜 필요한가 (2026-09-06) ───────────────────────────────────────────────
+ * approval-line-brief 는 current 를 안 주면 -1 을 쓰고, 그러면 **기안자(1단계)를 항상 현재로
+ * 표시한다.** 세 ribbon 중 activity-approval-ribon 만 이 값을 넘기고 있었다. 업무 상세 화면은
+ * 결재가 3단계까지 올라간 건에서도 1단계에 표시를 그렸다 — 화면이 사실과 다른 것을 말한다.
+ *
+ * ── 어떻게 정하나 ──────────────────────────────────────────────────────────
+ * 판단이 비어 있는 것 중 가장 앞선 order 가 지금 차례다. 재상신이 있으면 차수(round)가 올라가고
+ * 앞 차수의 판단은 지나간 것이므로 **가장 높은 차수만** 본다.
+ *
+ * 전부 판단이 끝났으면 결재선을 다 지난 것이라 마지막 다음 번호를 낸다.
+ *
+ * lit 을 가져오지 않는다 — 이 규칙을 시험으로 고정할 수 있어야 하고, 시험이 화면 부품을 통째로
+ * 불러오면 브라우저 API 가 없어 뜨지 않는다.
+ */
+export function currentApprovalOrder(activityApprovals) {
+    const approvals = activityApprovals || [];
+    if (!approvals.length) {
+        return -1;
+    }
+    const round = approvals.reduce((max, a) => Math.max(max, Number(a?.round) || 0), 0);
+    const thisRound = approvals.filter(a => (Number(a?.round) || 0) === round);
+    const pending = thisRound.filter(a => !a?.judgment).map(a => Number(a?.order) || 0);
+    if (pending.length) {
+        return Math.min(...pending);
+    }
+    return Math.max(...thisRound.map(a => Number(a?.order) || 0)) + 1;
+}
+//# sourceMappingURL=approval-progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"approval-progress.js","sourceRoot":"","sources":["../client/approval-progress.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,oBAAoB,CAAC,iBAAyB;IAC5D,MAAM,SAAS,GAAG,iBAAiB,IAAI,EAAE,CAAA;IAEzC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACtB,OAAO,CAAC,CAAC,CAAA;IACX,CAAC;IAED,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACnF,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,CAAA;IAE1E,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEnF,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAA;IAC7B,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;AACnE,CAAC","sourcesContent":["/**\n * 결재선에서 지금 몇 번째가 판단할 차례인가.\n *\n * ── 왜 필요한가 (2026-09-06) ───────────────────────────────────────────────\n * approval-line-brief 는 current 를 안 주면 -1 을 쓰고, 그러면 **기안자(1단계)를 항상 현재로\n * 표시한다.** 세 ribbon 중 activity-approval-ribon 만 이 값을 넘기고 있었다. 업무 상세 화면은\n * 결재가 3단계까지 올라간 건에서도 1단계에 표시를 그렸다 — 화면이 사실과 다른 것을 말한다.\n *\n * ── 어떻게 정하나 ──────────────────────────────────────────────────────────\n * 판단이 비어 있는 것 중 가장 앞선 order 가 지금 차례다. 재상신이 있으면 차수(round)가 올라가고\n * 앞 차수의 판단은 지나간 것이므로 **가장 높은 차수만** 본다.\n *\n * 전부 판단이 끝났으면 결재선을 다 지난 것이라 마지막 다음 번호를 낸다.\n *\n * lit 을 가져오지 않는다 — 이 규칙을 시험으로 고정할 수 있어야 하고, 시험이 화면 부품을 통째로\n * 불러오면 브라우저 API 가 없어 뜨지 않는다.\n */\nexport function currentApprovalOrder(activityApprovals?: any[]): number {\n  const approvals = activityApprovals || []\n\n  if (!approvals.length) {\n    return -1\n  }\n\n  const round = approvals.reduce((max, a) => Math.max(max, Number(a?.round) || 0), 0)\n  const thisRound = approvals.filter(a => (Number(a?.round) || 0) === round)\n\n  const pending = thisRound.filter(a => !a?.judgment).map(a => Number(a?.order) || 0)\n\n  if (pending.length) {\n    return Math.min(...pending)\n  }\n\n  return Math.max(...thisRound.map(a => Number(a?.order) || 0)) + 1\n}\n"]}

package/dist-client/bootstrap.js

@@ -4,7 +4,7 @@ import './templates/activity-thread-context-template.js';
 import './templates/activity-instance-context-template.js';
 import { html } from 'lit-html';
 import { store } from '@operato/shell';
-import { appendViewpart, openOverlay, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout';
+import { openOverlay, TOOL_POSITION } from '@operato/layout';
 import { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui/dist-client';
 import { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist';
 import { OxGristEditorDuration } from '@operato/grist-editor/ox-grist-editor-duration.js';
@@ -14,16 +14,11 @@ import { OxGristRendererQuantifier } from '@operato/grist-editor/ox-grist-render
 import { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activity-search-key.js';
 import { GristRendererActivitySearchKeys } from './grist-editor/grist-renderer-activity-search-key.js';
 export default function bootstrap() {
-    appendViewpart({
-        name: 'activity-info-overlay',
-        viewpart: {
-            show: false,
-            hovering: 'edge',
-            backdrop: true,
-            template: html ``
-        },
-        position: VIEWPART_POSITION.ASIDEBAR
-    });
+    /*
+     * 여기에 'activity-info-overlay' aside viewpart 를 등록해 두었었다. 걷었다 —
+     * 기본 정보는 이제 팝업으로 연다(activity-thread-ribon 의 openInfo 머리말 참조).
+     * ASIDEBAR 은 앱이 하나만 갖는 자리이고, 페이지에 매인 판이 그 자리를 차지할 이유가 없다.
+     */
     [
         {
             template: html ` <activity-approval-context-template></activity-approval-context-template> `,

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,mDAAmD,CAAA;AAC1D,OAAO,iDAAiD,CAAA;AACxD,OAAO,mDAAmD,CAAA;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAC/F,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAE5E,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,gBAAgB,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AACtH,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAA;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAA;AACjG,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAA;AAClG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAA;AAEtG,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,cAAc,CAAC;QACb,IAAI,EAAE,uBAAuB;QAC7B,QAAQ,EAAE;YACR,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,IAAI,CAAA,EAAE;SACjB;QACD,QAAQ,EAAE,iBAAiB,CAAC,QAAQ;KACrC,CAAC,CACD;IAAA;QACC;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,yEAAyE;YACvF,OAAO,EAAE,gBAAgB;SAC1B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;KACF,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAClC,KAAK,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,QAAQ,EAAE,aAAa,CAAC,KAAK;gBAC7B,QAAQ,EAAE,IAAI,CAAA;;qBAED,KAAK,EAAC,CAAC,EAAC,EAAE;oBACjB,WAAW,CAAC,yBAAyB,EAAE;wBACrC,QAAQ;qBACT,CAAC,CAAA;gBACJ,CAAC;;;SAGJ;gBACD,OAAO;aACR;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;IACtD,qBAAqB,CAAC,UAAU,EAAE,uBAAuB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAC1D,qBAAqB,CAAC,YAAY,EAAE,yBAAyB,CAAC,CAAA;IAE9D,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAA;IAC1E,qBAAqB,CAAC,sBAAsB,EAAE,+BAA+B,CAAC,CAAA;AAChF,CAAC","sourcesContent":["import '@material/web/icon/icon.js'\nimport './templates/activity-approval-context-template.js'\nimport './templates/activity-thread-context-template.js'\nimport './templates/activity-instance-context-template.js'\n\nimport { html } from 'lit-html'\nimport { store } from '@operato/shell'\nimport { appendViewpart, openOverlay, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout'\nimport { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui/dist-client'\n\nimport { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist'\nimport { OxGristEditorDuration } from '@operato/grist-editor/ox-grist-editor-duration.js'\nimport { OxGristEditorQuantifier } from '@operato/grist-editor/ox-grist-editor-quantifier.js'\nimport { OxGristRendererDuration } from '@operato/grist-editor/ox-grist-renderer-duration.js'\nimport { OxGristRendererQuantifier } from '@operato/grist-editor/ox-grist-renderer-quantifier.js'\nimport { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activity-search-key.js'\nimport { GristRendererActivitySearchKeys } from './grist-editor/grist-renderer-activity-search-key.js'\n\nexport default function bootstrap() {\n  appendViewpart({\n    name: 'activity-info-overlay',\n    viewpart: {\n      show: false,\n      hovering: 'edge',\n      backdrop: true,\n      template: html``\n    },\n    position: VIEWPART_POSITION.ASIDEBAR\n  })\n  ;[\n    {\n      template: html` <activity-approval-context-template></activity-approval-context-template> `,\n      context: 'activityApproval'\n    },\n    {\n      template: html` <activity-thread-context-template></activity-thread-context-template> `,\n      context: 'activityThread'\n    },\n    {\n      template: html` <activity-instance-context-template></activity-instance-context-template> `,\n      context: 'activityInstance'\n    }\n  ].forEach(({ template, context }) => {\n    store.dispatch({\n      type: APPEND_CONTEXT_TOOL,\n      tool: {\n        position: TOOL_POSITION.FRONT,\n        template: html`\n          <md-icon\n            @click=${async e => {\n              openOverlay('context-toolbar-overlay', {\n                template\n              })\n            }}\n            >info</md-icon\n          >\n        `,\n        context\n      }\n    })\n  })\n\n  registerGristEditor('duration', OxGristEditorDuration)\n  registerGristRenderer('duration', OxGristRendererDuration)\n  registerGristEditor('quantifier', OxGristEditorQuantifier)\n  registerGristRenderer('quantifier', OxGristRendererQuantifier)\n\n  registerGristEditor('activity-search-keys', GristEditorActivitySearchKeys)\n  registerGristRenderer('activity-search-keys', GristRendererActivitySearchKeys)\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,mDAAmD,CAAA;AAC1D,OAAO,iDAAiD,CAAA;AACxD,OAAO,mDAAmD,CAAA;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAE5E,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,gBAAgB,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AACtH,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAA;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAA;AACjG,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAA;AAClG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAA;AAEtG,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B;;;;OAIG;IACH;QACE;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,yEAAyE;YACvF,OAAO,EAAE,gBAAgB;SAC1B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;KACF,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAClC,KAAK,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,QAAQ,EAAE,aAAa,CAAC,KAAK;gBAC7B,QAAQ,EAAE,IAAI,CAAA;;qBAED,KAAK,EAAC,CAAC,EAAC,EAAE;oBACjB,WAAW,CAAC,yBAAyB,EAAE;wBACrC,QAAQ;qBACT,CAAC,CAAA;gBACJ,CAAC;;;SAGJ;gBACD,OAAO;aACR;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;IACtD,qBAAqB,CAAC,UAAU,EAAE,uBAAuB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAC1D,qBAAqB,CAAC,YAAY,EAAE,yBAAyB,CAAC,CAAA;IAE9D,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAA;IAC1E,qBAAqB,CAAC,sBAAsB,EAAE,+BAA+B,CAAC,CAAA;AAChF,CAAC","sourcesContent":["import '@material/web/icon/icon.js'\nimport './templates/activity-approval-context-template.js'\nimport './templates/activity-thread-context-template.js'\nimport './templates/activity-instance-context-template.js'\n\nimport { html } from 'lit-html'\nimport { store } from '@operato/shell'\nimport { openOverlay, TOOL_POSITION } from '@operato/layout'\nimport { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui/dist-client'\n\nimport { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist'\nimport { OxGristEditorDuration } from '@operato/grist-editor/ox-grist-editor-duration.js'\nimport { OxGristEditorQuantifier } from '@operato/grist-editor/ox-grist-editor-quantifier.js'\nimport { OxGristRendererDuration } from '@operato/grist-editor/ox-grist-renderer-duration.js'\nimport { OxGristRendererQuantifier } from '@operato/grist-editor/ox-grist-renderer-quantifier.js'\nimport { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activity-search-key.js'\nimport { GristRendererActivitySearchKeys } from './grist-editor/grist-renderer-activity-search-key.js'\n\nexport default function bootstrap() {\n  /*\n   * 여기에 'activity-info-overlay' aside viewpart 를 등록해 두었었다. 걷었다 —\n   * 기본 정보는 이제 팝업으로 연다(activity-thread-ribon 의 openInfo 머리말 참조).\n   * ASIDEBAR 은 앱이 하나만 갖는 자리이고, 페이지에 매인 판이 그 자리를 차지할 이유가 없다.\n   */\n  [\n    {\n      template: html` <activity-approval-context-template></activity-approval-context-template> `,\n      context: 'activityApproval'\n    },\n    {\n      template: html` <activity-thread-context-template></activity-thread-context-template> `,\n      context: 'activityThread'\n    },\n    {\n      template: html` <activity-instance-context-template></activity-instance-context-template> `,\n      context: 'activityInstance'\n    }\n  ].forEach(({ template, context }) => {\n    store.dispatch({\n      type: APPEND_CONTEXT_TOOL,\n      tool: {\n        position: TOOL_POSITION.FRONT,\n        template: html`\n          <md-icon\n            @click=${async e => {\n              openOverlay('context-toolbar-overlay', {\n                template\n              })\n            }}\n            >info</md-icon\n          >\n        `,\n        context\n      }\n    })\n  })\n\n  registerGristEditor('duration', OxGristEditorDuration)\n  registerGristRenderer('duration', OxGristRendererDuration)\n  registerGristEditor('quantifier', OxGristEditorQuantifier)\n  registerGristRenderer('quantifier', OxGristRendererQuantifier)\n\n  registerGristEditor('activity-search-keys', GristEditorActivitySearchKeys)\n  registerGristRenderer('activity-search-keys', GristRendererActivitySearchKeys)\n}\n"]}

package/dist-client/chip-filters.d.ts

@@ -0,0 +1,53 @@
+/**
+ * 목록 위의 칩이 무엇을 걸러 내는가 — **한 곳에서 정한다.**
+ *
+ * ── 왜 모았나 (2026-09-02) ─────────────────────────────────────────────────
+ * 「중요」와 「만기」가 다섯 화면에 있는데, 그 뜻이 다섯 곳에 복사돼 있었다.
+ *
+ *   priority gte 2                        5곳
+ *   dueAt lte (지금 + 24 * 3600 * 1000)    4곳
+ *
+ * 한 화면에서 「중요」를 우선순위 3 이상으로 바꾸면 나머지 넷은 2로 남는다. 그러면 **같은 이름의 칩이
+ * 화면마다 다른 것을 걸러 낸다.** 사용자는 그것을 알 방법이 없다.
+ *
+ * ── 칩은 컬럼 필터가 아니다 ────────────────────────────────────────────────
+ * `ox-filters-form` 은 칸 하나와 연산자 하나를 그린다. 이 칩들은 **이름 붙인 조건 묶음**이다 —
+ * 「중요」는 `priority = ?` 가 아니라 `priority >= 2` 이고, 「만기」는 지금 시각에서 계산한다.
+ *
+ * 그래서 사용자가 스스로 만들 수 없다. 「중요 = 우선순위 2 이상」은 제품이 아는 사실이다.
+ *
+ * ── 그러니 그 뜻을 화면이 말해야 한다 ──────────────────────────────────────
+ * 이름만 보이면 눌러 보고 결과를 되짚어야 한다. 칩마다 `hint` 를 함께 낸다(마우스를 올리면 보인다).
+ */
+/** 「중요」의 경계. 이 값 이상이 중요하다. */
+export declare const IMPORTANT_FROM = 2;
+/** 「만기」의 창. 이 시간 안에 만기가 오는 것. */
+export declare const DUE_WITHIN_HOURS = 24;
+/** 우선순위가 경계 이상인 것. */
+export declare function importantFilters(): {
+    name: string;
+    operator: "gte";
+    value: number;
+}[];
+/**
+ * 만기가 창 안에 드는 것.
+ *
+ * 부를 때마다 지금 시각으로 계산한다 — 화면을 열어 둔 채 시간이 지나면 「만기 임박」의 범위도 함께
+ * 움직여야 한다.
+ */
+export declare function dueSoonFilters(): {
+    name: string;
+    operator: "lte";
+    value: string;
+}[];
+/** 칩 하나 — 이름과 뜻. */
+export declare function importantChip(): {
+    display: string;
+    value: string;
+    hint: string;
+};
+export declare function dueSoonChip(): {
+    display: string;
+    value: string;
+    hint: string;
+};

package/dist-client/chip-filters.js

@@ -0,0 +1,60 @@
+import { i18next } from '@operato/i18n';
+/**
+ * 목록 위의 칩이 무엇을 걸러 내는가 — **한 곳에서 정한다.**
+ *
+ * ── 왜 모았나 (2026-09-02) ─────────────────────────────────────────────────
+ * 「중요」와 「만기」가 다섯 화면에 있는데, 그 뜻이 다섯 곳에 복사돼 있었다.
+ *
+ *   priority gte 2                        5곳
+ *   dueAt lte (지금 + 24 * 3600 * 1000)    4곳
+ *
+ * 한 화면에서 「중요」를 우선순위 3 이상으로 바꾸면 나머지 넷은 2로 남는다. 그러면 **같은 이름의 칩이
+ * 화면마다 다른 것을 걸러 낸다.** 사용자는 그것을 알 방법이 없다.
+ *
+ * ── 칩은 컬럼 필터가 아니다 ────────────────────────────────────────────────
+ * `ox-filters-form` 은 칸 하나와 연산자 하나를 그린다. 이 칩들은 **이름 붙인 조건 묶음**이다 —
+ * 「중요」는 `priority = ?` 가 아니라 `priority >= 2` 이고, 「만기」는 지금 시각에서 계산한다.
+ *
+ * 그래서 사용자가 스스로 만들 수 없다. 「중요 = 우선순위 2 이상」은 제품이 아는 사실이다.
+ *
+ * ── 그러니 그 뜻을 화면이 말해야 한다 ──────────────────────────────────────
+ * 이름만 보이면 눌러 보고 결과를 되짚어야 한다. 칩마다 `hint` 를 함께 낸다(마우스를 올리면 보인다).
+ */
+/** 「중요」의 경계. 이 값 이상이 중요하다. */
+export const IMPORTANT_FROM = 2;
+/** 「만기」의 창. 이 시간 안에 만기가 오는 것. */
+export const DUE_WITHIN_HOURS = 24;
+/*
+ * 연산자를 리터럴로 좁힌다(`as const`). `adjustFilters` 가 받는 타입은 연산자가 정해진 낱말 중
+ * 하나인데, 그 타입이 내보내지지 않아 여기서 가져올 수 없다. `string` 으로 두면 넘길 때 거절된다.
+ */
+/** 우선순위가 경계 이상인 것. */
+export function importantFilters() {
+    return [{ name: 'priority', operator: 'gte', value: IMPORTANT_FROM }];
+}
+/**
+ * 만기가 창 안에 드는 것.
+ *
+ * 부를 때마다 지금 시각으로 계산한다 — 화면을 열어 둔 채 시간이 지나면 「만기 임박」의 범위도 함께
+ * 움직여야 한다.
+ */
+export function dueSoonFilters() {
+    const until = new Date(Date.now() + DUE_WITHIN_HOURS * 3600 * 1000).toISOString().replace('T', ' ');
+    return [{ name: 'dueAt', operator: 'lte', value: until }];
+}
+/** 칩 하나 — 이름과 뜻. */
+export function importantChip() {
+    return {
+        display: i18next.t('label.filter-important'),
+        value: 'important',
+        hint: i18next.t('text.filter-important-hint', { from: IMPORTANT_FROM })
+    };
+}
+export function dueSoonChip() {
+    return {
+        display: i18next.t('label.filter-due'),
+        value: 'due',
+        hint: i18next.t('text.filter-due-hint', { hours: DUE_WITHIN_HOURS })
+    };
+}
+//# sourceMappingURL=chip-filters.js.map

package/dist-client/chip-filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-filters.js","sourceRoot":"","sources":["../client/chip-filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,8BAA8B;AAC9B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAA;AAE/B,iCAAiC;AACjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAA;AAElC;;;GAGG;AAEH,sBAAsB;AACtB,MAAM,UAAU,gBAAgB;IAC9B,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAc,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAA;AAChF,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;IAEnG,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAc,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;AACpE,CAAC;AAED,oBAAoB;AACpB,MAAM,UAAU,aAAa;IAC3B,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;QAC5C,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,4BAA4B,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;KACxE,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACtC,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC;KACrE,CAAA;AACH,CAAC","sourcesContent":["import { i18next } from '@operato/i18n'\n\n/**\n * 목록 위의 칩이 무엇을 걸러 내는가 — **한 곳에서 정한다.**\n *\n * ── 왜 모았나 (2026-09-02) ─────────────────────────────────────────────────\n * 「중요」와 「만기」가 다섯 화면에 있는데, 그 뜻이 다섯 곳에 복사돼 있었다.\n *\n *   priority gte 2                        5곳\n *   dueAt lte (지금 + 24 * 3600 * 1000)    4곳\n *\n * 한 화면에서 「중요」를 우선순위 3 이상으로 바꾸면 나머지 넷은 2로 남는다. 그러면 **같은 이름의 칩이\n * 화면마다 다른 것을 걸러 낸다.** 사용자는 그것을 알 방법이 없다.\n *\n * ── 칩은 컬럼 필터가 아니다 ────────────────────────────────────────────────\n * `ox-filters-form` 은 칸 하나와 연산자 하나를 그린다. 이 칩들은 **이름 붙인 조건 묶음**이다 —\n * 「중요」는 `priority = ?` 가 아니라 `priority >= 2` 이고, 「만기」는 지금 시각에서 계산한다.\n *\n * 그래서 사용자가 스스로 만들 수 없다. 「중요 = 우선순위 2 이상」은 제품이 아는 사실이다.\n *\n * ── 그러니 그 뜻을 화면이 말해야 한다 ──────────────────────────────────────\n * 이름만 보이면 눌러 보고 결과를 되짚어야 한다. 칩마다 `hint` 를 함께 낸다(마우스를 올리면 보인다).\n */\n\n/** 「중요」의 경계. 이 값 이상이 중요하다. */\nexport const IMPORTANT_FROM = 2\n\n/** 「만기」의 창. 이 시간 안에 만기가 오는 것. */\nexport const DUE_WITHIN_HOURS = 24\n\n/*\n * 연산자를 리터럴로 좁힌다(`as const`). `adjustFilters` 가 받는 타입은 연산자가 정해진 낱말 중\n * 하나인데, 그 타입이 내보내지지 않아 여기서 가져올 수 없다. `string` 으로 두면 넘길 때 거절된다.\n */\n\n/** 우선순위가 경계 이상인 것. */\nexport function importantFilters() {\n  return [{ name: 'priority', operator: 'gte' as const, value: IMPORTANT_FROM }]\n}\n\n/**\n * 만기가 창 안에 드는 것.\n *\n * 부를 때마다 지금 시각으로 계산한다 — 화면을 열어 둔 채 시간이 지나면 「만기 임박」의 범위도 함께\n * 움직여야 한다.\n */\nexport function dueSoonFilters() {\n  const until = new Date(Date.now() + DUE_WITHIN_HOURS * 3600 * 1000).toISOString().replace('T', ' ')\n\n  return [{ name: 'dueAt', operator: 'lte' as const, value: until }]\n}\n\n/** 칩 하나 — 이름과 뜻. */\nexport function importantChip() {\n  return {\n    display: i18next.t('label.filter-important'),\n    value: 'important',\n    hint: i18next.t('text.filter-important-hint', { from: IMPORTANT_FROM })\n  }\n}\n\nexport function dueSoonChip() {\n  return {\n    display: i18next.t('label.filter-due'),\n    value: 'due',\n    hint: i18next.t('text.filter-due-hint', { hours: DUE_WITHIN_HOURS })\n  }\n}\n"]}

package/dist-client/components/activity-approval-ribon.d.ts

@@ -7,6 +7,25 @@ export declare class ActivityApprovalRibon extends ActivityApprovalRibon_base {
     static styles: import("lit").CSSResult[];
     activityApproval: any;
     render(): import("lit-html").TemplateResult<1>;
+    /**
+     * 이 건의 기본 정보 — **팝업으로 연다.**
+     *
+     * ── 왜 aside 가 아닌가 (2026-09-06) ────────────────────────────────────
+     * 전에는 화면 오른쪽에서 나오는 aside 판이었다. 두 가지가 걸린다.
+     *
+     *   자리를 다툰다   화면 오른쪽 세로 판은 operato-twin 의 twin-entity360 이 쓰는 자리다
+     *                  (position: fixed · right: 0 · height: 100vh). 같은 자리에 둘이 선다.
+     *   전역 슬롯이다   VIEWPART_POSITION.ASIDEBAR 은 앱이 하나만 갖는다. 열 개가 넘는 패키지가
+     *                  그 자리를 쓰고 있어(twin 의 AI 협의 도크 · board-ui · help · more-ui …),
+     *                  이 판을 열면 그중 열려 있던 것이 닫힌다.
+     *
+     * 그리고 자리의 뜻이 다르다. 오른쪽 드로어는 **보고 있는 대상을 따라다니는 상세**이고(360 이
+     * 그것이다 — 포커스가 바뀌면 내용이 바뀌고 화면을 옮겨도 남는다), 이 판은 **이 화면의 이 건**에
+     * 대한 것이라 화면을 벗어나면 뜻이 없다. 페이지에 매인 것을 앱 전역 자리에 두지 않는다.
+     *
+     * 내용도 팝업 크기다 — 값 여덟 줄과 접힌 타임라인이라 세로 100vh 를 쓸 일이 없었다.
+     */
+    private openInfo;
     updated(changes: any): void;
 }
 export {};