@things-factory/worklist 10.1.3 → 10.1.4

package/dist-client/pages/activity-catalog/activity-catalog-page.d.ts

@@ -0,0 +1,51 @@
+import '@material/web/icon/icon.js';
+import { PageView } from '@operato/shell';
+declare const ActivityCatalogPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+export declare class ActivityCatalogPage extends ActivityCatalogPage_base {
+    static styles: import("lit").CSSResult[];
+    items: any[];
+    loaded: boolean;
+    failed: boolean;
+    get context(): {
+        title: string;
+        help: string;
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    private renderOne;
+    /**
+     * 이 업무가 무엇인가.
+     *
+     * `guide` 가 그 자리다 — 받는 사람의 말로 쓴 문장이고, i18n 키를 넣어도 된다. `description` 은
+     * 우리끼리 쓰는 영어 한 줄이라 여기에 그대로 내지 않는다. 한국어 화면에서 영어 한 줄은 설명이
+     * 아니다.
+     *
+     * 없으면 **한 줄로** 없다고 말한다. 없는 것을 여러 줄로 늘리지 않는다.
+     */
+    private renderGuide;
+    /**
+     * 이 공장이 이 단계를 쓰나 — **결재선에 결재자가 있나.**
+     *
+     * 결재선은 양식이 아니라 그 현장이 정하는 것이라, 같은 업무가 어느 공장에서는 결재를 받고 어느
+     * 공장에서는 그냥 지나간다. 그 사실이 지금까지 기동 로그 한 줄에만 있었다.
+     *
+     * **사람 수가 아니라 단계 수다** — 역할로 걸린 한 단계는 여러 사람이 본다. 그리고 비어 있다는 것이
+     * 무슨 일을 뜻하는지는 업무마다 달라서(상신이 막히거나, 확인 없이 지나가거나) 여기서 결과를 말하지
+     * 않는다. 그건 그 업무의 설명이 할 말이다.
+     *
+     * 「아직 사용 안 함」인 카드에는 그리지 않는다 — 세워지지 않은 양식에 결재선이 있을 수 없다.
+     */
+    private renderApprovers;
+    /**
+     * 개발 정보 — **값이 있을 때만.**
+     *
+     * 첫 판은 값이 없어도 「…선언되지 않았습니다」를 네 줄 그렸다. 사용자에게는 뜻 없는 벽이고 우리에게도
+     * 아무 정보가 아니다. 아무것도 없으면 이 절 자체를 그리지 않는다 — 그 업무가 카탈로그에 「개발 정보
+     * 없음」으로 남는 것은 화면 위쪽의 목적을 방해하지 않는다.
+     */
+    private renderBuild;
+    /** 잰 날짜를 수와 함께 낸다 — 손으로 적는 기록이라 낡는데, 날짜가 있으면 낡았다는 것을 안다. */
+    private renderRun;
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    fetch(): Promise<void>;
+}
+export {};

package/dist-client/pages/activity-catalog/activity-catalog-page.js

@@ -0,0 +1,509 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import gql from 'graphql-tag';
+import { css, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { PageView } from '@operato/shell';
+import { ScrollbarStyles } from '@operato/styles';
+/**
+ * 업무 카탈로그 — **업무함에 올라오는 일이 무슨 일인지 읽는 자리.**
+ *
+ * ── 첫 판을 다시 만든 이유 (2026-09-08) ───────────────────────────────────
+ * 처음 만든 화면은 사용자가 읽을 것이 없었다. 네 줄 중 세 줄이 「…선언되지 않았습니다」였고, 업무
+ * 설명은 영어로 나왔고, 다크 테마에서는 글자가 뭉개졌다. 「덮는 시험」처럼 아무도 쓰지 않는 말을
+ * 지어내기까지 했다. 개발자 덤프를 사용자 화면이라고 부른 셈이다.
+ *
+ * 그래서 층을 진짜로 가른다.
+ *
+ * - **사용자가 읽는 것**: 이 업무가 무엇이고, 여기서 쓰이고 있나. 그것만 크게.
+ * - **개발 정보**: 어디까지 됐나 · 시험. **값이 있을 때만** 접어서 아래에 둔다. 없는 것을 줄줄이
+ *   적지 않는다 — 빈 줄을 나열하는 것은 정직한 게 아니라 아무 말도 안 하는 것이다.
+ *
+ * 여전히 판단하지 않고 선언을 그린다. 어디까지 됐는지는 화면이 실행 중에 알 수 없고, 그 업무를
+ * 등록한 모듈이 자기 코드 옆에 적는다(ActivityReadiness).
+ */
+const CatalogFetch = gql `
+  query {
+    responses: installableActivities {
+      items {
+        name
+        label
+        description
+        guide
+        category
+        activityType
+        provider
+        release
+        approvalSteps
+        activity {
+          id
+        }
+        readiness {
+          stage
+          gaps
+          tests
+          notes
+          lastRun {
+            passed
+            total
+            at
+            command
+          }
+        }
+      }
+      total
+    }
+  }
+`;
+/**
+ * 카드 차례 — **쓸 수 있는 것이 위.**
+ *
+ * 사용자는 지금 도는 업무를 보러 오고, 우리는 남은 것을 보러 온다. 두 독자를 한 화면에 두면서
+ * 순서로 가른다: 위쪽은 실제로 오는 업무, 아래쪽은 아직 없는 것과 여기 두지 않기로 한 것.
+ *
+ * **「업무함 아님」은 「예정」과 붙여 두지 않는다.** 섞이면 판단이 약속으로 읽힌다 — 안 만들기로
+ * 정한 것이 곧 될 것처럼 보인다.
+ */
+const STAGE_ORDER = ['working', 'partial', 'declared', 'planned', 'not-worklist'];
+function stageRank(stage) {
+    const at = STAGE_ORDER.indexOf(String(stage || '').toLowerCase());
+    /* 선언이 없는 것은 도는 것들 뒤, 예정 앞에 둔다 — 모른다는 것이 「없다」는 아니다. */
+    return at < 0 ? STAGE_ORDER.indexOf('declared') : at;
+}
+let ActivityCatalogPage = class ActivityCatalogPage extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.loaded = false;
+        this.failed = false;
+    }
+    static { this.styles = [
+        ScrollbarStyles,
+        css `
+      /*
+       * 색은 전부 테마 토큰으로 쓴다. 첫 판은 흰 카드와 연회색 글자를 값으로 박아서 다크 테마에서
+       * 글자가 배경에 묻혔다.
+       */
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        width: 100%;
+        overflow: auto;
+        padding: var(--spacing-large, 12px);
+
+        background-color: var(--md-sys-color-background);
+        color: var(--md-sys-color-on-background);
+        font-size: var(--ui-t-body, 13px);
+      }
+
+      /* 단계별 수. 설명이 아니라 자료라서 둔다 — 개발 기간에 이 수가 남은 일을 말한다. */
+      [counts] {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 4px 14px;
+
+        margin: 0 0 12px 0;
+        color: var(--md-sys-color-on-surface-variant, #49454f);
+      }
+
+      [counts] b {
+        color: var(--md-sys-color-on-surface, #1d1b20);
+      }
+
+      [failed] {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+
+        padding: 8px 10px;
+        border-radius: 6px;
+
+        background-color: var(--md-sys-color-error-container, #ffdad6);
+        color: var(--md-sys-color-on-error-container, #410002);
+      }
+
+      ul {
+        display: grid;
+        gap: 10px;
+
+        margin: 0;
+        padding: 0;
+        list-style: none;
+      }
+
+      li {
+        padding: 12px 14px;
+        border: 1px solid var(--md-sys-color-outline-variant, #cac4d0);
+        border-radius: 6px;
+
+        background-color: var(--md-sys-color-surface, #fff);
+        color: var(--md-sys-color-on-surface, #1d1b20);
+      }
+
+      .head {
+        display: flex;
+        align-items: baseline;
+        flex-wrap: wrap;
+        gap: 8px;
+      }
+
+      .name {
+        font-size: var(--ui-t-title, 15px);
+        font-weight: 600;
+      }
+
+      /* 여기서 쓰이나 — 사용자에게 이 카드에서 가장 실질적인 사실이다. */
+      .use {
+        padding: 1px 7px;
+        border-radius: 999px;
+        font-size: 11px;
+        white-space: nowrap;
+
+        background-color: var(--md-sys-color-secondary-container, #e8def8);
+        color: var(--md-sys-color-on-secondary-container, #1d192b);
+      }
+
+      .use[idle] {
+        background-color: var(--md-sys-color-surface-variant, #e7e0ec);
+        color: var(--md-sys-color-on-surface-variant, #49454f);
+      }
+
+      /* 이 업무가 무엇인가. 카드에서 가장 먼저 읽히는 줄이다. */
+      .guide {
+        margin: 8px 0 0 0;
+        line-height: 1.55;
+      }
+
+      .guide p {
+        margin: 0 0 4px 0;
+      }
+
+      .unwritten {
+        margin: 8px 0 0 0;
+        color: var(--md-sys-color-on-surface-variant, #49454f);
+      }
+
+      /*
+       * 개발 정보. 값이 있을 때만 그린다. 사용자에게는 접힌 한 줄로만 보이고, 열면 우리가 볼 것이
+       * 나온다.
+       */
+      /*
+       * 단계 표. **철자를 하나만 쓴다.**
+       *
+       * 앞 판은 단계마다 boolean 속성을 뒀다. 그러면 하이픈 없는 두 번째 철자가 생기고
+       * (notworklist) i18n 키(label.readiness-not-worklist)와 어긋난다. 값 하나를 data-stage 에
+       * 실으면 선택자 · 키 꼬리 · 서버 enum 값이 **같은 글자**가 된다.
+       *
+       * 색과 말로 함께 말한다 — 색만 쓰면 색을 못 가리는 사람에게 아무 말도 하지 않는다.
+       */
+      .stage {
+        padding: 1px 7px;
+        border-radius: 999px;
+        font-size: 11px;
+        white-space: nowrap;
+
+        background-color: var(--md-sys-color-surface-variant, #e7e0ec);
+        color: var(--md-sys-color-on-surface-variant, #49454f);
+      }
+
+      .stage[data-stage='working'] {
+        background-color: var(--md-sys-color-secondary-container, #e8def8);
+        color: var(--md-sys-color-on-secondary-container, #1d192b);
+      }
+
+      .stage[data-stage='partial'],
+      .stage[data-stage='declared'] {
+        background-color: var(--md-sys-color-tertiary-container, #ffd8e4);
+        color: var(--md-sys-color-on-tertiary-container, #31111d);
+      }
+
+      /* 여기 두지 않기로 한 것. 테두리만 두어 만들 것들과 섞이지 않게 한다. */
+      .stage[data-stage='not-worklist'] {
+        background-color: transparent;
+        border: 1px solid var(--md-sys-color-outline-variant, #cac4d0);
+      }
+
+      details {
+        margin-top: 10px;
+        padding-top: 8px;
+        border-top: 1px solid var(--md-sys-color-outline-variant, #cac4d0);
+      }
+
+      summary {
+        cursor: pointer;
+        border-radius: 4px;
+        color: var(--md-sys-color-on-surface-variant, #49454f);
+      }
+
+      /*
+       * 키보드로 여기 왔을 때 어디에 있는지 보여야 한다.
+       *
+       * summary 는 눌리는 것이라 tab 이 멈추는 자리다. 내가 이 절을 만들면서 표시를 안 줘서
+       * plant 의 접근성 래칫 시험이 「포커스가 안 보이는 자리 7 → 8」로 잡아냈다. 화면을 하나
+       * 더할 때마다 한 칸씩 늘어나는 것을 막는 시험이고, 허용 수를 올려 통과시킬 자리가 아니다.
+       */
+      summary:focus-visible {
+        outline: 2px solid var(--md-sys-color-primary, #6750a4);
+        outline-offset: 2px;
+      }
+
+      dl {
+        display: grid;
+        grid-template-columns: max-content 1fr;
+        gap: 4px 12px;
+
+        margin: 8px 0 0 0;
+      }
+
+      dt {
+        color: var(--md-sys-color-on-surface-variant, #49454f);
+      }
+
+      dd {
+        margin: 0;
+      }
+
+      code {
+        font-family: var(--ui-font-mono, monospace);
+        font-size: 12px;
+        word-break: break-all;
+      }
+
+      div[empty] {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+      }
+
+      div[empty] .title {
+        font-size: var(--ui-t-title, 15px);
+      }
+
+      div[empty] .why {
+        color: var(--md-sys-color-on-surface-variant, #49454f);
+      }
+
+      @media (max-width: 480px) {
+        dl {
+          grid-template-columns: 1fr;
+          gap: 0;
+        }
+
+        dt {
+          margin-top: 6px;
+        }
+      }
+    `
+    ]; }
+    get context() {
+        return {
+            title: i18next.t('title.activity catalog'),
+            help: 'worklist/activity-catalog-page'
+        };
+    }
+    render() {
+        if (this.failed) {
+            return html `<div failed role="alert">
+        <md-icon>cloud_off</md-icon>
+        <span>${i18next.t('text.catalog-not-loaded')}</span>
+      </div>`;
+        }
+        if (!this.loaded) {
+            return html ``;
+        }
+        if (!this.items.length) {
+            return html `<div empty>
+        <span class="title">${i18next.t('text.no-installable-activity')}</span>
+        <span class="why">${i18next.t('text.no-installable-activity-why')}</span>
+      </div>`;
+        }
+        return html `
+      <div counts>
+        ${STAGE_ORDER.map(stage => {
+            const n = this.items.filter(one => String(one.readiness?.stage || '').toLowerCase() == stage).length;
+            return n ? html `<span>${i18next.t('label.readiness-' + stage)} <b>${n}</b></span>` : '';
+        })}
+      </div>
+
+      <ul>
+        ${this.items.map(one => this.renderOne(one))}
+      </ul>
+    `;
+    }
+    renderOne(one) {
+        const stage = String(one.readiness?.stage || '').toLowerCase();
+        /*
+         * 아직 만들지 않은 것은 **설치될 수가 없다.** 그런 카드에 「아직 사용 안 함」을 붙이면 「예정」과
+         * 같은 말을 두 번 하는 것이고, 읽는 사람은 둘이 다른 뜻인 줄 알고 두 번 읽는다.
+         */
+        const registered = !!stage && stage != 'planned' && stage != 'not-worklist';
+        const inUse = !!one.activity?.id;
+        return html `<li>
+      <div class="head">
+        <!--
+          이름은 label 이 있으면 label 이다. name 은 콜백을 찾는 키라서 사람이 읽는 말이 아닐 수
+          있다 — 한국어 스물셋 사이에 「MES Disposition Approval」 하나가 그렇게 떴다.
+        -->
+        <span class="name">${one.label || one.name}</span>
+
+        <!--
+          단계를 카드 머리에 둔다.
+          한 판에서 이것을 개발 정보 안으로 옮겼다가 되돌렸다. 업무가 마흔을 넘고 그중 대부분이 아직
+          안 만든 것이면, 접힌 절 안에 든 단계는 하나씩 펼쳐야 아는 값이 된다. 그러면 목록이 다
+          같아 보인다.
+        -->
+        ${stage
+            ? html `<span class="stage" data-stage=${stage}>${i18next.t('label.readiness-' + stage)}</span>`
+            : ''}
+        ${registered
+            ? html `<span class="use" ?idle=${!inUse}
+              >${inUse ? i18next.t('text.activity-in-use-here') : i18next.t('text.activity-not-in-use-here')}</span
+            >`
+            : ''}
+      </div>
+
+      ${this.renderGuide(one)} ${registered ? this.renderApprovers(one) : ''} ${this.renderBuild(one)}
+    </li>`;
+    }
+    /**
+     * 이 업무가 무엇인가.
+     *
+     * `guide` 가 그 자리다 — 받는 사람의 말로 쓴 문장이고, i18n 키를 넣어도 된다. `description` 은
+     * 우리끼리 쓰는 영어 한 줄이라 여기에 그대로 내지 않는다. 한국어 화면에서 영어 한 줄은 설명이
+     * 아니다.
+     *
+     * 없으면 **한 줄로** 없다고 말한다. 없는 것을 여러 줄로 늘리지 않는다.
+     */
+    renderGuide(one) {
+        const lines = (one.guide || []).map((line) => i18next.t(line, { defaultValue: line }));
+        if (!lines.length) {
+            return html `<p class="unwritten">${i18next.t('text.activity-guide-unwritten')}</p>`;
+        }
+        return html `<div class="guide">${lines.map(line => html `<p>${line}</p>`)}</div>`;
+    }
+    /**
+     * 이 공장이 이 단계를 쓰나 — **결재선에 결재자가 있나.**
+     *
+     * 결재선은 양식이 아니라 그 현장이 정하는 것이라, 같은 업무가 어느 공장에서는 결재를 받고 어느
+     * 공장에서는 그냥 지나간다. 그 사실이 지금까지 기동 로그 한 줄에만 있었다.
+     *
+     * **사람 수가 아니라 단계 수다** — 역할로 걸린 한 단계는 여러 사람이 본다. 그리고 비어 있다는 것이
+     * 무슨 일을 뜻하는지는 업무마다 달라서(상신이 막히거나, 확인 없이 지나가거나) 여기서 결과를 말하지
+     * 않는다. 그건 그 업무의 설명이 할 말이다.
+     *
+     * 「아직 사용 안 함」인 카드에는 그리지 않는다 — 세워지지 않은 양식에 결재선이 있을 수 없다.
+     */
+    renderApprovers(one) {
+        if (!one.activity?.id) {
+            return '';
+        }
+        const steps = one.approvalSteps;
+        return html `<dl>
+      <dt>${i18next.t('field.approval-line')}</dt>
+      <dd>
+        ${typeof steps != 'number'
+            ? html `<span class="unwritten">${i18next.t('text.approval-line-unknown')}</span>`
+            : steps > 0
+                ? i18next.t('text.approval-line-steps', { n: steps })
+                : html `<span class="unwritten">${i18next.t('text.approval-line-empty')}</span>`}
+      </dd>
+    </dl>`;
+    }
+    /**
+     * 개발 정보 — **값이 있을 때만.**
+     *
+     * 첫 판은 값이 없어도 「…선언되지 않았습니다」를 네 줄 그렸다. 사용자에게는 뜻 없는 벽이고 우리에게도
+     * 아무 정보가 아니다. 아무것도 없으면 이 절 자체를 그리지 않는다 — 그 업무가 카탈로그에 「개발 정보
+     * 없음」으로 남는 것은 화면 위쪽의 목적을 방해하지 않는다.
+     */
+    renderBuild(one) {
+        const readiness = one.readiness || {};
+        const stage = readiness.stage ? String(readiness.stage).toLowerCase() : '';
+        const run = readiness.lastRun;
+        const hasRun = run && typeof run.total == 'number';
+        if (!stage && !readiness.tests?.length && !hasRun && !readiness.notes && !readiness.gaps?.length) {
+            return '';
+        }
+        return html `<details>
+      <summary>${i18next.t('label.activity-build-info')}${stage ? ` · ${i18next.t('label.readiness-' + stage)}` : ''}</summary>
+      <dl>
+        ${readiness.gaps?.length
+            ? html `<dt>${i18next.t('field.readiness-gaps')}</dt>
+              <dd>${readiness.gaps.join(' · ')}</dd>`
+            : ''}
+        ${readiness.tests?.length
+            ? html `<dt>${i18next.t('field.covering-tests')}</dt>
+              <dd>${readiness.tests.map((test) => html `<div><code>${test}</code></div>`)}</dd>`
+            : ''}
+        ${hasRun
+            ? html `<dt>${i18next.t('field.last-test-run')}</dt>
+              <dd>${this.renderRun(run)}</dd>`
+            : ''}
+        ${readiness.notes
+            ? html `<dt>${i18next.t('field.readiness-notes')}</dt>
+              <dd>${readiness.notes}</dd>`
+            : ''}
+      </dl>
+    </details>`;
+    }
+    /** 잰 날짜를 수와 함께 낸다 — 손으로 적는 기록이라 낡는데, 날짜가 있으면 낡았다는 것을 안다. */
+    renderRun(run) {
+        const at = run.at ? new Date(Date.parse(String(run.at))) : undefined;
+        const when = at && Number.isFinite(at.getTime())
+            ? at.toLocaleString(i18next.language || undefined, {
+                year: 'numeric',
+                month: 'numeric',
+                day: 'numeric',
+                hour: 'numeric',
+                minute: '2-digit',
+                hour12: false
+            })
+            : '';
+        return html `${typeof run.passed == 'number' ? run.passed : '—'} / ${run.total}${when
+            ? html ` · ${when}`
+            : ''}${run.command ? html `<div><code>${run.command}</code></div>` : ''}`;
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (this.active) {
+            await this.fetch();
+        }
+    }
+    async fetch() {
+        const response = await client.query({ query: CatalogFetch, fetchPolicy: 'no-cache' });
+        /*
+         * 이 client 는 errorPolicy: 'all' 이라 질의가 실패해도 거절되지 않는다. 그대로 읽으면 실패가
+         * 「등록된 업무가 없다」로 그려진다.
+         */
+        const items = response.errors?.length ? undefined : response.data?.responses?.items;
+        if (!Array.isArray(items)) {
+            this.failed = true;
+            this.loaded = true;
+            console.error('[activity-catalog]', response.errors || 'no data');
+            return;
+        }
+        this.failed = false;
+        this.items = [...items].sort((a, b) => stageRank(a.readiness?.stage) - stageRank(b.readiness?.stage) ||
+            String(a.label || a.name).localeCompare(String(b.label || b.name)));
+        this.loaded = true;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ActivityCatalogPage.prototype, "items", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ActivityCatalogPage.prototype, "loaded", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ActivityCatalogPage.prototype, "failed", void 0);
+ActivityCatalogPage = __decorate([
+    customElement('activity-catalog-page')
+], ActivityCatalogPage);
+export { ActivityCatalogPage };
+//# sourceMappingURL=activity-catalog-page.js.map

package/dist-client/pages/activity-catalog/activity-catalog-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-catalog-page.js","sourceRoot":"","sources":["../../../client/pages/activity-catalog/activity-catalog-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\n\n/**\n * 업무 카탈로그 — **업무함에 올라오는 일이 무슨 일인지 읽는 자리.**\n *\n * ── 첫 판을 다시 만든 이유 (2026-09-08) ───────────────────────────────────\n * 처음 만든 화면은 사용자가 읽을 것이 없었다. 네 줄 중 세 줄이 「…선언되지 않았습니다」였고, 업무\n * 설명은 영어로 나왔고, 다크 테마에서는 글자가 뭉개졌다. 「덮는 시험」처럼 아무도 쓰지 않는 말을\n * 지어내기까지 했다. 개발자 덤프를 사용자 화면이라고 부른 셈이다.\n *\n * 그래서 층을 진짜로 가른다.\n *\n * - **사용자가 읽는 것**: 이 업무가 무엇이고, 여기서 쓰이고 있나. 그것만 크게.\n * - **개발 정보**: 어디까지 됐나 · 시험. **값이 있을 때만** 접어서 아래에 둔다. 없는 것을 줄줄이\n *   적지 않는다 — 빈 줄을 나열하는 것은 정직한 게 아니라 아무 말도 안 하는 것이다.\n *\n * 여전히 판단하지 않고 선언을 그린다. 어디까지 됐는지는 화면이 실행 중에 알 수 없고, 그 업무를\n * 등록한 모듈이 자기 코드 옆에 적는다(ActivityReadiness).\n */\nconst CatalogFetch = gql`\n  query {\n    responses: installableActivities {\n      items {\n        name\n        label\n        description\n        guide\n        category\n        activityType\n        provider\n        release\n        approvalSteps\n        activity {\n          id\n        }\n        readiness {\n          stage\n          gaps\n          tests\n          notes\n          lastRun {\n            passed\n            total\n            at\n            command\n          }\n        }\n      }\n      total\n    }\n  }\n`\n\n/**\n * 카드 차례 — **쓸 수 있는 것이 위.**\n *\n * 사용자는 지금 도는 업무를 보러 오고, 우리는 남은 것을 보러 온다. 두 독자를 한 화면에 두면서\n * 순서로 가른다: 위쪽은 실제로 오는 업무, 아래쪽은 아직 없는 것과 여기 두지 않기로 한 것.\n *\n * **「업무함 아님」은 「예정」과 붙여 두지 않는다.** 섞이면 판단이 약속으로 읽힌다 — 안 만들기로\n * 정한 것이 곧 될 것처럼 보인다.\n */\nconst STAGE_ORDER = ['working', 'partial', 'declared', 'planned', 'not-worklist']\n\nfunction stageRank(stage?: string): number {\n  const at = STAGE_ORDER.indexOf(String(stage || '').toLowerCase())\n\n  /* 선언이 없는 것은 도는 것들 뒤, 예정 앞에 둔다 — 모른다는 것이 「없다」는 아니다. */\n  return at < 0 ? STAGE_ORDER.indexOf('declared') : at\n}\n\n@customElement('activity-catalog-page')\nexport class ActivityCatalogPage extends localize(i18next)(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      /*\n       * 색은 전부 테마 토큰으로 쓴다. 첫 판은 흰 카드와 연회색 글자를 값으로 박아서 다크 테마에서\n       * 글자가 배경에 묻혔다.\n       */\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        width: 100%;\n        overflow: auto;\n        padding: var(--spacing-large, 12px);\n\n        background-color: var(--md-sys-color-background);\n        color: var(--md-sys-color-on-background);\n        font-size: var(--ui-t-body, 13px);\n      }\n\n      /* 단계별 수. 설명이 아니라 자료라서 둔다 — 개발 기간에 이 수가 남은 일을 말한다. */\n      [counts] {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px 14px;\n\n        margin: 0 0 12px 0;\n        color: var(--md-sys-color-on-surface-variant, #49454f);\n      }\n\n      [counts] b {\n        color: var(--md-sys-color-on-surface, #1d1b20);\n      }\n\n      [failed] {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n\n        padding: 8px 10px;\n        border-radius: 6px;\n\n        background-color: var(--md-sys-color-error-container, #ffdad6);\n        color: var(--md-sys-color-on-error-container, #410002);\n      }\n\n      ul {\n        display: grid;\n        gap: 10px;\n\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n\n      li {\n        padding: 12px 14px;\n        border: 1px solid var(--md-sys-color-outline-variant, #cac4d0);\n        border-radius: 6px;\n\n        background-color: var(--md-sys-color-surface, #fff);\n        color: var(--md-sys-color-on-surface, #1d1b20);\n      }\n\n      .head {\n        display: flex;\n        align-items: baseline;\n        flex-wrap: wrap;\n        gap: 8px;\n      }\n\n      .name {\n        font-size: var(--ui-t-title, 15px);\n        font-weight: 600;\n      }\n\n      /* 여기서 쓰이나 — 사용자에게 이 카드에서 가장 실질적인 사실이다. */\n      .use {\n        padding: 1px 7px;\n        border-radius: 999px;\n        font-size: 11px;\n        white-space: nowrap;\n\n        background-color: var(--md-sys-color-secondary-container, #e8def8);\n        color: var(--md-sys-color-on-secondary-container, #1d192b);\n      }\n\n      .use[idle] {\n        background-color: var(--md-sys-color-surface-variant, #e7e0ec);\n        color: var(--md-sys-color-on-surface-variant, #49454f);\n      }\n\n      /* 이 업무가 무엇인가. 카드에서 가장 먼저 읽히는 줄이다. */\n      .guide {\n        margin: 8px 0 0 0;\n        line-height: 1.55;\n      }\n\n      .guide p {\n        margin: 0 0 4px 0;\n      }\n\n      .unwritten {\n        margin: 8px 0 0 0;\n        color: var(--md-sys-color-on-surface-variant, #49454f);\n      }\n\n      /*\n       * 개발 정보. 값이 있을 때만 그린다. 사용자에게는 접힌 한 줄로만 보이고, 열면 우리가 볼 것이\n       * 나온다.\n       */\n      /*\n       * 단계 표. **철자를 하나만 쓴다.**\n       *\n       * 앞 판은 단계마다 boolean 속성을 뒀다. 그러면 하이픈 없는 두 번째 철자가 생기고\n       * (notworklist) i18n 키(label.readiness-not-worklist)와 어긋난다. 값 하나를 data-stage 에\n       * 실으면 선택자 · 키 꼬리 · 서버 enum 값이 **같은 글자**가 된다.\n       *\n       * 색과 말로 함께 말한다 — 색만 쓰면 색을 못 가리는 사람에게 아무 말도 하지 않는다.\n       */\n      .stage {\n        padding: 1px 7px;\n        border-radius: 999px;\n        font-size: 11px;\n        white-space: nowrap;\n\n        background-color: var(--md-sys-color-surface-variant, #e7e0ec);\n        color: var(--md-sys-color-on-surface-variant, #49454f);\n      }\n\n      .stage[data-stage='working'] {\n        background-color: var(--md-sys-color-secondary-container, #e8def8);\n        color: var(--md-sys-color-on-secondary-container, #1d192b);\n      }\n\n      .stage[data-stage='partial'],\n      .stage[data-stage='declared'] {\n        background-color: var(--md-sys-color-tertiary-container, #ffd8e4);\n        color: var(--md-sys-color-on-tertiary-container, #31111d);\n      }\n\n      /* 여기 두지 않기로 한 것. 테두리만 두어 만들 것들과 섞이지 않게 한다. */\n      .stage[data-stage='not-worklist'] {\n        background-color: transparent;\n        border: 1px solid var(--md-sys-color-outline-variant, #cac4d0);\n      }\n\n      details {\n        margin-top: 10px;\n        padding-top: 8px;\n        border-top: 1px solid var(--md-sys-color-outline-variant, #cac4d0);\n      }\n\n      summary {\n        cursor: pointer;\n        border-radius: 4px;\n        color: var(--md-sys-color-on-surface-variant, #49454f);\n      }\n\n      /*\n       * 키보드로 여기 왔을 때 어디에 있는지 보여야 한다.\n       *\n       * summary 는 눌리는 것이라 tab 이 멈추는 자리다. 내가 이 절을 만들면서 표시를 안 줘서\n       * plant 의 접근성 래칫 시험이 「포커스가 안 보이는 자리 7 → 8」로 잡아냈다. 화면을 하나\n       * 더할 때마다 한 칸씩 늘어나는 것을 막는 시험이고, 허용 수를 올려 통과시킬 자리가 아니다.\n       */\n      summary:focus-visible {\n        outline: 2px solid var(--md-sys-color-primary, #6750a4);\n        outline-offset: 2px;\n      }\n\n      dl {\n        display: grid;\n        grid-template-columns: max-content 1fr;\n        gap: 4px 12px;\n\n        margin: 8px 0 0 0;\n      }\n\n      dt {\n        color: var(--md-sys-color-on-surface-variant, #49454f);\n      }\n\n      dd {\n        margin: 0;\n      }\n\n      code {\n        font-family: var(--ui-font-mono, monospace);\n        font-size: 12px;\n        word-break: break-all;\n      }\n\n      div[empty] {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n      }\n\n      div[empty] .title {\n        font-size: var(--ui-t-title, 15px);\n      }\n\n      div[empty] .why {\n        color: var(--md-sys-color-on-surface-variant, #49454f);\n      }\n\n      @media (max-width: 480px) {\n        dl {\n          grid-template-columns: 1fr;\n          gap: 0;\n        }\n\n        dt {\n          margin-top: 6px;\n        }\n      }\n    `\n  ]\n\n  @state() items: any[] = []\n  @state() loaded = false\n  @state() failed = false\n\n  get context() {\n    return {\n      title: i18next.t('title.activity catalog'),\n      help: 'worklist/activity-catalog-page'\n    }\n  }\n\n  render() {\n    if (this.failed) {\n      return html`<div failed role=\"alert\">\n        <md-icon>cloud_off</md-icon>\n        <span>${i18next.t('text.catalog-not-loaded')}</span>\n      </div>`\n    }\n\n    if (!this.loaded) {\n      return html``\n    }\n\n    if (!this.items.length) {\n      return html`<div empty>\n        <span class=\"title\">${i18next.t('text.no-installable-activity')}</span>\n        <span class=\"why\">${i18next.t('text.no-installable-activity-why')}</span>\n      </div>`\n    }\n\n    return html`\n      <div counts>\n        ${STAGE_ORDER.map(stage => {\n          const n = this.items.filter(one => String(one.readiness?.stage || '').toLowerCase() == stage).length\n          return n ? html`<span>${i18next.t('label.readiness-' + stage)} <b>${n}</b></span>` : ''\n        })}\n      </div>\n\n      <ul>\n        ${this.items.map(one => this.renderOne(one))}\n      </ul>\n    `\n  }\n\n  private renderOne(one: any) {\n    const stage = String(one.readiness?.stage || '').toLowerCase()\n\n    /*\n     * 아직 만들지 않은 것은 **설치될 수가 없다.** 그런 카드에 「아직 사용 안 함」을 붙이면 「예정」과\n     * 같은 말을 두 번 하는 것이고, 읽는 사람은 둘이 다른 뜻인 줄 알고 두 번 읽는다.\n     */\n    const registered = !!stage && stage != 'planned' && stage != 'not-worklist'\n    const inUse = !!one.activity?.id\n\n    return html`<li>\n      <div class=\"head\">\n        <!--\n          이름은 label 이 있으면 label 이다. name 은 콜백을 찾는 키라서 사람이 읽는 말이 아닐 수\n          있다 — 한국어 스물셋 사이에 「MES Disposition Approval」 하나가 그렇게 떴다.\n        -->\n        <span class=\"name\">${one.label || one.name}</span>\n\n        <!--\n          단계를 카드 머리에 둔다.\n          한 판에서 이것을 개발 정보 안으로 옮겼다가 되돌렸다. 업무가 마흔을 넘고 그중 대부분이 아직\n          안 만든 것이면, 접힌 절 안에 든 단계는 하나씩 펼쳐야 아는 값이 된다. 그러면 목록이 다\n          같아 보인다.\n        -->\n        ${stage\n          ? html`<span class=\"stage\" data-stage=${stage}>${i18next.t('label.readiness-' + stage)}</span>`\n          : ''}\n        ${registered\n          ? html`<span class=\"use\" ?idle=${!inUse}\n              >${inUse ? i18next.t('text.activity-in-use-here') : i18next.t('text.activity-not-in-use-here')}</span\n            >`\n          : ''}\n      </div>\n\n      ${this.renderGuide(one)} ${registered ? this.renderApprovers(one) : ''} ${this.renderBuild(one)}\n    </li>`\n  }\n\n  /**\n   * 이 업무가 무엇인가.\n   *\n   * `guide` 가 그 자리다 — 받는 사람의 말로 쓴 문장이고, i18n 키를 넣어도 된다. `description` 은\n   * 우리끼리 쓰는 영어 한 줄이라 여기에 그대로 내지 않는다. 한국어 화면에서 영어 한 줄은 설명이\n   * 아니다.\n   *\n   * 없으면 **한 줄로** 없다고 말한다. 없는 것을 여러 줄로 늘리지 않는다.\n   */\n  private renderGuide(one: any) {\n    const lines: string[] = (one.guide || []).map((line: string) => i18next.t(line, { defaultValue: line }))\n\n    if (!lines.length) {\n      return html`<p class=\"unwritten\">${i18next.t('text.activity-guide-unwritten')}</p>`\n    }\n\n    return html`<div class=\"guide\">${lines.map(line => html`<p>${line}</p>`)}</div>`\n  }\n\n  /**\n   * 이 공장이 이 단계를 쓰나 — **결재선에 결재자가 있나.**\n   *\n   * 결재선은 양식이 아니라 그 현장이 정하는 것이라, 같은 업무가 어느 공장에서는 결재를 받고 어느\n   * 공장에서는 그냥 지나간다. 그 사실이 지금까지 기동 로그 한 줄에만 있었다.\n   *\n   * **사람 수가 아니라 단계 수다** — 역할로 걸린 한 단계는 여러 사람이 본다. 그리고 비어 있다는 것이\n   * 무슨 일을 뜻하는지는 업무마다 달라서(상신이 막히거나, 확인 없이 지나가거나) 여기서 결과를 말하지\n   * 않는다. 그건 그 업무의 설명이 할 말이다.\n   *\n   * 「아직 사용 안 함」인 카드에는 그리지 않는다 — 세워지지 않은 양식에 결재선이 있을 수 없다.\n   */\n  private renderApprovers(one: any) {\n    if (!one.activity?.id) {\n      return ''\n    }\n\n    const steps = one.approvalSteps\n\n    return html`<dl>\n      <dt>${i18next.t('field.approval-line')}</dt>\n      <dd>\n        ${typeof steps != 'number'\n          ? html`<span class=\"unwritten\">${i18next.t('text.approval-line-unknown')}</span>`\n          : steps > 0\n            ? i18next.t('text.approval-line-steps', { n: steps })\n            : html`<span class=\"unwritten\">${i18next.t('text.approval-line-empty')}</span>`}\n      </dd>\n    </dl>`\n  }\n\n  /**\n   * 개발 정보 — **값이 있을 때만.**\n   *\n   * 첫 판은 값이 없어도 「…선언되지 않았습니다」를 네 줄 그렸다. 사용자에게는 뜻 없는 벽이고 우리에게도\n   * 아무 정보가 아니다. 아무것도 없으면 이 절 자체를 그리지 않는다 — 그 업무가 카탈로그에 「개발 정보\n   * 없음」으로 남는 것은 화면 위쪽의 목적을 방해하지 않는다.\n   */\n  private renderBuild(one: any) {\n    const readiness = one.readiness || {}\n    const stage = readiness.stage ? String(readiness.stage).toLowerCase() : ''\n    const run = readiness.lastRun\n    const hasRun = run && typeof run.total == 'number'\n\n    if (!stage && !readiness.tests?.length && !hasRun && !readiness.notes && !readiness.gaps?.length) {\n      return ''\n    }\n\n    return html`<details>\n      <summary>${i18next.t('label.activity-build-info')}${stage ? ` · ${i18next.t('label.readiness-' + stage)}` : ''}</summary>\n      <dl>\n        ${readiness.gaps?.length\n          ? html`<dt>${i18next.t('field.readiness-gaps')}</dt>\n              <dd>${readiness.gaps.join(' · ')}</dd>`\n          : ''}\n        ${readiness.tests?.length\n          ? html`<dt>${i18next.t('field.covering-tests')}</dt>\n              <dd>${readiness.tests.map((test: string) => html`<div><code>${test}</code></div>`)}</dd>`\n          : ''}\n        ${hasRun\n          ? html`<dt>${i18next.t('field.last-test-run')}</dt>\n              <dd>${this.renderRun(run)}</dd>`\n          : ''}\n        ${readiness.notes\n          ? html`<dt>${i18next.t('field.readiness-notes')}</dt>\n              <dd>${readiness.notes}</dd>`\n          : ''}\n      </dl>\n    </details>`\n  }\n\n  /** 잰 날짜를 수와 함께 낸다 — 손으로 적는 기록이라 낡는데, 날짜가 있으면 낡았다는 것을 안다. */\n  private renderRun(run: any) {\n    const at = run.at ? new Date(Date.parse(String(run.at))) : undefined\n    const when =\n      at && Number.isFinite(at.getTime())\n        ? at.toLocaleString(i18next.language || undefined, {\n            year: 'numeric',\n            month: 'numeric',\n            day: 'numeric',\n            hour: 'numeric',\n            minute: '2-digit',\n            hour12: false\n          })\n        : ''\n\n    return html`${typeof run.passed == 'number' ? run.passed : '—'} / ${run.total}${when\n      ? html` · ${when}`\n      : ''}${run.command ? html`<div><code>${run.command}</code></div>` : ''}`\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n      await this.fetch()\n    }\n  }\n\n  async fetch() {\n    const response = await client.query({ query: CatalogFetch, fetchPolicy: 'no-cache' })\n\n    /*\n     * 이 client 는 errorPolicy: 'all' 이라 질의가 실패해도 거절되지 않는다. 그대로 읽으면 실패가\n     * 「등록된 업무가 없다」로 그려진다.\n     */\n    const items = response.errors?.length ? undefined : response.data?.responses?.items\n\n    if (!Array.isArray(items)) {\n      this.failed = true\n      this.loaded = true\n      console.error('[activity-catalog]', response.errors || 'no data')\n      return\n    }\n\n    this.failed = false\n    this.items = [...items].sort(\n      (a, b) =>\n        stageRank(a.readiness?.stage) - stageRank(b.readiness?.stage) ||\n        String(a.label || a.name).localeCompare(String(b.label || b.name))\n    )\n    this.loaded = true\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -1 +1 @@
-export default function route(page: string): "activity" | "activity-thread" | "activity-thread-view" | "activity-approval" | "draft-list" | "todo-list" | "done-list" | "approval-pending-list" | "done-list-calendar" | "approval-done-list" | "pickable-list" | "starter-list" | "reporter-list" | "activity-list" | "activity-instance-start" | "activity-instance-list" | "activity-instance-search" | "activity-template-list" | "activity-store" | "activity-thread-list" | "activity-approval-list" | "installable-activity-list" | "activity-stats-list" | undefined;
+export default function route(page: string): "activity" | "activity-thread" | "activity-thread-view" | "activity-approval" | "draft-list" | "todo-list" | "done-list" | "approval-pending-list" | "done-list-calendar" | "activity-catalog" | "approval-done-list" | "pickable-list" | "starter-list" | "reporter-list" | "activity-list" | "activity-instance-start" | "activity-instance-list" | "activity-instance-search" | "activity-template-list" | "activity-store" | "activity-thread-list" | "activity-approval-list" | "installable-activity-list" | "activity-stats-list" | undefined;

package/dist-client/route.js

@@ -3,6 +3,9 @@ export default function route(page) {
         case 'done-list-calendar':
             import('./pages/todo/done-list-calendar-page.js');
             return page;
+        case 'activity-catalog':
+            import('./pages/activity-catalog/activity-catalog-page.js');
+            return page;
         case 'todo-list':
             import('./pages/todo/todo-list-page.js');
             return page;

package/dist-client/route.js.map

@@ -1 +1 @@
-{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,oBAAoB;YACvB,MAAM,CAAC,yCAAyC,CAAC,CAAA;YACjD,OAAO,IAAI,CAAA;QAEb,KAAK,WAAW;YACd,MAAM,CAAC,gCAAgC,CAAC,CAAA;YACxC,OAAO,IAAI,CAAA;QAEb,KAAK,WAAW;YACd,MAAM,CAAC,gCAAgC,CAAC,CAAA;YACxC,OAAO,IAAI,CAAA;QAEb,KAAK,uBAAuB;YAC1B,MAAM,CAAC,4CAA4C,CAAC,CAAA;YACpD,OAAO,IAAI,CAAA;QAEb,KAAK,oBAAoB;YACvB,MAAM,CAAC,yCAAyC,CAAC,CAAA;YACjD,OAAO,IAAI,CAAA;QAEb,KAAK,YAAY;YACf,MAAM,CAAC,iCAAiC,CAAC,CAAA;YACzC,OAAO,IAAI,CAAA;QAEb,KAAK,eAAe;YAClB,MAAM,CAAC,oCAAoC,CAAC,CAAA;YAC5C,OAAO,IAAI,CAAA;QAEb,KAAK,cAAc;YACjB,MAAM,CAAC,uCAAuC,CAAC,CAAA;YAC/C,OAAO,IAAI,CAAA;QAEb,KAAK,eAAe;YAClB,MAAM,CAAC,mDAAmD,CAAC,CAAA;YAC3D,OAAO,IAAI,CAAA;QAEb,KAAK,eAAe;YAClB,MAAM,CAAC,wCAAwC,CAAC,CAAA;YAChD,OAAO,IAAI,CAAA;QAEb,KAAK,UAAU;YACb,MAAM,CAAC,mCAAmC,CAAC,CAAA;YAC3C,OAAO,IAAI,CAAA;QAEb,KAAK,yBAAyB;YAC5B,MAAM,CAAC,2DAA2D,CAAC,CAAA;YACnE,OAAO,IAAI,CAAA;QAEb,KAAK,iBAAiB;YACpB,MAAM,CAAC,iDAAiD,CAAC,CAAA;YACzD,OAAO,IAAI,CAAA;QAEb,KAAK,sBAAsB;YACzB,MAAM,CAAC,sDAAsD,CAAC,CAAA;YAC9D,OAAO,IAAI,CAAA;QAEb,KAAK,mBAAmB;YACtB,MAAM,CAAC,qDAAqD,CAAC,CAAA;YAC7D,OAAO,IAAI,CAAA;QAEb,KAAK,wBAAwB;YAC3B,MAAM,CAAC,0DAA0D,CAAC,CAAA;YAClE,OAAO,IAAI,CAAA;QAEb,KAAK,0BAA0B;YAC7B,MAAM,CAAC,4DAA4D,CAAC,CAAA;YACpE,OAAO,IAAI,CAAA;QAEb,KAAK,wBAAwB;YAC3B,MAAM,CAAC,0DAA0D,CAAC,CAAA;YAClE,OAAO,IAAI,CAAA;QAEb,KAAK,gBAAgB;YACnB,MAAM,CAAC,+CAA+C,CAAC,CAAA;YACvD,OAAO,IAAI,CAAA;QAEb,KAAK,sBAAsB;YACzB,MAAM,CAAC,sDAAsD,CAAC,CAAA;YAC9D,OAAO,IAAI,CAAA;QAEb,KAAK,wBAAwB;YAC3B,MAAM,CAAC,uDAAuD,CAAC,CAAA;YAC/D,OAAO,IAAI,CAAA;QAEb,KAAK,2BAA2B;YAC9B,MAAM,CAAC,6DAA6D,CAAC,CAAA;YACrE,OAAO,IAAI,CAAA;QAEb,KAAK,qBAAqB;YACxB,MAAM,CAAC,iDAAiD,CAAC,CAAA;YACzD,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["export default function route(page: string) {\n  switch (page) {\n    case 'done-list-calendar':\n      import('./pages/todo/done-list-calendar-page.js')\n      return page\n\n    case 'todo-list':\n      import('./pages/todo/todo-list-page.js')\n      return page\n\n    case 'done-list':\n      import('./pages/todo/done-list-page.js')\n      return page\n\n    case 'approval-pending-list':\n      import('./pages/todo/approval-pending-list-page.js')\n      return page\n\n    case 'approval-done-list':\n      import('./pages/todo/approval-done-list-page.js')\n      return page\n\n    case 'draft-list':\n      import('./pages/todo/draft-list-page.js')\n      return page\n\n    case 'pickable-list':\n      import('./pages/todo/pickable-list-page.js')\n      return page\n\n    case 'starter-list':\n      import('./pages/activity/starter-list-page.js')\n      return page\n\n    case 'reporter-list':\n      import('./pages/activity-supervisor/reporter-list-page.js')\n      return page\n\n    case 'activity-list':\n      import('./pages/activity/activity-list-page.js')\n      return page\n\n    case 'activity':\n      import('./pages/activity/activity-page.js')\n      return page\n\n    case 'activity-instance-start':\n      import('./pages/activity-instance/activity-instance-start-page.js')\n      return page\n\n    case 'activity-thread':\n      import('./pages/activity-thread/activity-thread-page.js')\n      return page\n\n    case 'activity-thread-view':\n      import('./pages/activity-thread/activity-thread-view-page.js')\n      return page\n\n    case 'activity-approval':\n      import('./pages/activity-approval/activity-approval-page.js')\n      return page\n\n    case 'activity-instance-list':\n      import('./pages/activity-instance/activity-instance-list-page.js')\n      return page\n\n    case 'activity-instance-search':\n      import('./pages/activity-instance/activity-instance-search-page.js')\n      return page\n\n    case 'activity-template-list':\n      import('./pages/activity-template/activity-template-list-page.js')\n      return page\n\n    case 'activity-store':\n      import('./pages/activity-store/activity-store-page.js')\n      return page\n\n    case 'activity-thread-list':\n      import('./pages/activity-thread/activity-thread-list-page.js')\n      return page\n\n    case 'activity-approval-list':\n      import('./pages/activity-approval/activity-approval-list-page')\n      return page\n\n    case 'installable-activity-list':\n      import('./pages/installable-activity/installable-activity-list-page')\n      return page\n\n    case 'activity-stats-list':\n      import('./pages/activity-stats/activity-stats-list-page')\n      return page\n  }\n}\n"]}
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,oBAAoB;YACvB,MAAM,CAAC,yCAAyC,CAAC,CAAA;YACjD,OAAO,IAAI,CAAA;QAEb,KAAK,kBAAkB;YACrB,MAAM,CAAC,mDAAmD,CAAC,CAAA;YAC3D,OAAO,IAAI,CAAA;QAEb,KAAK,WAAW;YACd,MAAM,CAAC,gCAAgC,CAAC,CAAA;YACxC,OAAO,IAAI,CAAA;QAEb,KAAK,WAAW;YACd,MAAM,CAAC,gCAAgC,CAAC,CAAA;YACxC,OAAO,IAAI,CAAA;QAEb,KAAK,uBAAuB;YAC1B,MAAM,CAAC,4CAA4C,CAAC,CAAA;YACpD,OAAO,IAAI,CAAA;QAEb,KAAK,oBAAoB;YACvB,MAAM,CAAC,yCAAyC,CAAC,CAAA;YACjD,OAAO,IAAI,CAAA;QAEb,KAAK,YAAY;YACf,MAAM,CAAC,iCAAiC,CAAC,CAAA;YACzC,OAAO,IAAI,CAAA;QAEb,KAAK,eAAe;YAClB,MAAM,CAAC,oCAAoC,CAAC,CAAA;YAC5C,OAAO,IAAI,CAAA;QAEb,KAAK,cAAc;YACjB,MAAM,CAAC,uCAAuC,CAAC,CAAA;YAC/C,OAAO,IAAI,CAAA;QAEb,KAAK,eAAe;YAClB,MAAM,CAAC,mDAAmD,CAAC,CAAA;YAC3D,OAAO,IAAI,CAAA;QAEb,KAAK,eAAe;YAClB,MAAM,CAAC,wCAAwC,CAAC,CAAA;YAChD,OAAO,IAAI,CAAA;QAEb,KAAK,UAAU;YACb,MAAM,CAAC,mCAAmC,CAAC,CAAA;YAC3C,OAAO,IAAI,CAAA;QAEb,KAAK,yBAAyB;YAC5B,MAAM,CAAC,2DAA2D,CAAC,CAAA;YACnE,OAAO,IAAI,CAAA;QAEb,KAAK,iBAAiB;YACpB,MAAM,CAAC,iDAAiD,CAAC,CAAA;YACzD,OAAO,IAAI,CAAA;QAEb,KAAK,sBAAsB;YACzB,MAAM,CAAC,sDAAsD,CAAC,CAAA;YAC9D,OAAO,IAAI,CAAA;QAEb,KAAK,mBAAmB;YACtB,MAAM,CAAC,qDAAqD,CAAC,CAAA;YAC7D,OAAO,IAAI,CAAA;QAEb,KAAK,wBAAwB;YAC3B,MAAM,CAAC,0DAA0D,CAAC,CAAA;YAClE,OAAO,IAAI,CAAA;QAEb,KAAK,0BAA0B;YAC7B,MAAM,CAAC,4DAA4D,CAAC,CAAA;YACpE,OAAO,IAAI,CAAA;QAEb,KAAK,wBAAwB;YAC3B,MAAM,CAAC,0DAA0D,CAAC,CAAA;YAClE,OAAO,IAAI,CAAA;QAEb,KAAK,gBAAgB;YACnB,MAAM,CAAC,+CAA+C,CAAC,CAAA;YACvD,OAAO,IAAI,CAAA;QAEb,KAAK,sBAAsB;YACzB,MAAM,CAAC,sDAAsD,CAAC,CAAA;YAC9D,OAAO,IAAI,CAAA;QAEb,KAAK,wBAAwB;YAC3B,MAAM,CAAC,uDAAuD,CAAC,CAAA;YAC/D,OAAO,IAAI,CAAA;QAEb,KAAK,2BAA2B;YAC9B,MAAM,CAAC,6DAA6D,CAAC,CAAA;YACrE,OAAO,IAAI,CAAA;QAEb,KAAK,qBAAqB;YACxB,MAAM,CAAC,iDAAiD,CAAC,CAAA;YACzD,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["export default function route(page: string) {\n  switch (page) {\n    case 'done-list-calendar':\n      import('./pages/todo/done-list-calendar-page.js')\n      return page\n\n    case 'activity-catalog':\n      import('./pages/activity-catalog/activity-catalog-page.js')\n      return page\n\n    case 'todo-list':\n      import('./pages/todo/todo-list-page.js')\n      return page\n\n    case 'done-list':\n      import('./pages/todo/done-list-page.js')\n      return page\n\n    case 'approval-pending-list':\n      import('./pages/todo/approval-pending-list-page.js')\n      return page\n\n    case 'approval-done-list':\n      import('./pages/todo/approval-done-list-page.js')\n      return page\n\n    case 'draft-list':\n      import('./pages/todo/draft-list-page.js')\n      return page\n\n    case 'pickable-list':\n      import('./pages/todo/pickable-list-page.js')\n      return page\n\n    case 'starter-list':\n      import('./pages/activity/starter-list-page.js')\n      return page\n\n    case 'reporter-list':\n      import('./pages/activity-supervisor/reporter-list-page.js')\n      return page\n\n    case 'activity-list':\n      import('./pages/activity/activity-list-page.js')\n      return page\n\n    case 'activity':\n      import('./pages/activity/activity-page.js')\n      return page\n\n    case 'activity-instance-start':\n      import('./pages/activity-instance/activity-instance-start-page.js')\n      return page\n\n    case 'activity-thread':\n      import('./pages/activity-thread/activity-thread-page.js')\n      return page\n\n    case 'activity-thread-view':\n      import('./pages/activity-thread/activity-thread-view-page.js')\n      return page\n\n    case 'activity-approval':\n      import('./pages/activity-approval/activity-approval-page.js')\n      return page\n\n    case 'activity-instance-list':\n      import('./pages/activity-instance/activity-instance-list-page.js')\n      return page\n\n    case 'activity-instance-search':\n      import('./pages/activity-instance/activity-instance-search-page.js')\n      return page\n\n    case 'activity-template-list':\n      import('./pages/activity-template/activity-template-list-page.js')\n      return page\n\n    case 'activity-store':\n      import('./pages/activity-store/activity-store-page.js')\n      return page\n\n    case 'activity-thread-list':\n      import('./pages/activity-thread/activity-thread-list-page.js')\n      return page\n\n    case 'activity-approval-list':\n      import('./pages/activity-approval/activity-approval-list-page')\n      return page\n\n    case 'installable-activity-list':\n      import('./pages/installable-activity/installable-activity-list-page')\n      return page\n\n    case 'activity-stats-list':\n      import('./pages/activity-stats/activity-stats-list-page')\n      return page\n  }\n}\n"]}