@things-factory/worklist 10.1.248 → 10.1.250

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 '@operato/list-state/ox-page-state.js'\nimport '@things-factory/organization/dist-client/component/approval-line-brief.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { DocumentPageStyles } from '@operato/styles'\nimport { isApprovalStep } from '@things-factory/organization/dist-client'\n\nimport { guideLines } from './activity-guide.js'\nimport { detailAddress, opensDetail } from '../work-door/door-links.js'\nimport {\n  DoorCounts,\n  DoorFacts,\n  doorLabel,\n  doorsSummary,\n  followsNote,\n  lineNote,\n  whenNoLineTag\n} from '../work-door/door-sentence.js'\nimport { kindWord, reasonWord, standingWord, whenNoLineBecauseWord, whenNoLineWord } from '../work-door/door-words.js'\n\n/**\n * 업무 카탈로그 — **이 사업장의 업무가 무엇을 하고, 누가 결재하나.**\n *\n * ═══════════════════════════════════════════════════════════════════════════\n * ── 두 화면을 하나로 (2026-10-18, 사용자 판단) ──────────────────────────────\n * 「결재·배정 양식 현황」과 「업무 양식 목록」이 같은 업무를 두 번 늘어놓았다. 앞은 결재선이 섰나를,\n * 뒤는 업무가 무엇인가를 말했고, 뒤에는 만드는 쪽이 읽는 값(모델 수 · 판단 키 · 시험 실행)이 섞여\n * 있었다. 틀은 앞 화면 것을 쓰고, 뒤에서는 업무 설명 한 줄만 가져왔다.\n *\n * ── 왜 이 화면이 있나 ──────────────────────────────────────────────────────\n * 양식은 제품이 세우고 **결재선은 그 사업장이 채운다.** 비어 있는 것은 결함이 아니라 선택인데, 그\n * 선택이 어디에도 안 보였다. 실측(2026-09-11): 미라텍에 양식 11개가 다 서 있고 11개 전부 결재자가\n * 없었다 — 실적 정정도 폐기도 승인 없이 반영되는데 화면에는 결재가 있는 것처럼 보였다.\n *\n * ── 결재선은 그려서 보인다 ─────────────────────────────────────────────────\n * 「…은 결재자 2명을 지납니다」는 몇 명인지만 말하고 누구인지는 안 말했다. 줄마다 결재선을 단계와\n * 이름으로 그린다 — 업무함 띠가 쓰는 organization 의 approval-line-brief 를 그대로 쓴다. 서버는 그\n * 업무가 실제로 거치는 결재선을 보낸다(다른 업무의 결재선을 따르면 그 업무의 것).\n *\n * ── 빈 결재선의 결과는 업무마다 선언돼 있다 ────────────────────────────────\n * `run` 업무는 상신하는 사람이 자기 건을 승인한 것이 되고, `refuse` 업무는 상신 자체가 거절된다\n * (ADR-0077). 결재선 밑 한 줄이 그것을 말한다.\n *\n * ── 할 일이 있는 것부터 ────────────────────────────────────────────────────\n * 정할 것이 남은 것을 위로 올린다. 같은 무리 안에서는 선언 순서를 지킨다.\n * ═══════════════════════════════════════════════════════════════════════════\n */\n\n/*\n * A step is asked for every field it carries, though this screen only draws it - organization's\n * approval-line-step-fields test holds every selection to the editor's set.\n */\nconst CATALOG = gql`\n  {\n    workDoors {\n      todo\n      on\n      off\n      missing\n      notUsed\n      seatsStanding\n      seatsOffered\n      doors {\n        name\n        labelKey\n        kind\n        standing\n        reason\n        approvers\n        from\n        whenNoLine\n        whenNoLineBecause\n        followsLabelKey\n        assigneeRoles\n        notUsedBecause\n        approvalLine {\n          type\n          value\n          participation\n          notifyAfter\n          approver {\n            id\n            name\n            description\n            controlNo\n          }\n        }\n      }\n    }\n    installableActivities {\n      items {\n        name\n        guide\n        guideTKeys\n      }\n    }\n  }\n`\n\ntype Door = DoorFacts & {\n  kind: 'approval' | 'assignment'\n  standing: 'on' | 'off' | 'missing' | 'not-used'\n  from?: string\n  approvalLine?: any[] | null\n  /** What the activity is for - the first line of its declared guide, in the reader's language. */\n  about?: string\n}\n\nconst ORDER: Record<Door['standing'], number> = { missing: 0, off: 1, on: 2, 'not-used': 3 }\n\n@customElement('activity-catalog-page')\nexport class ActivityCatalogPage extends localize(i18next)(PageView) {\n  static styles = [\n    DocumentPageStyles,\n    css`\n      /*\n       * One activity, one row: what it is on the left, what it does and who approves on the right.\n       * The rows share one grid (subgrid), so every right column starts at the same x.\n       */\n      .doors {\n        display: grid;\n        grid-template-columns: max-content minmax(0, 1fr);\n        column-gap: var(--spacing-huge, 24px);\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n\n      .door {\n        grid-column: 1 / -1;\n        display: grid;\n        grid-template-columns: subgrid;\n        row-gap: var(--spacing-small, 4px);\n        padding: var(--spacing-large, 12px) 0;\n        border-top: 1px solid var(--md-sys-color-outline-variant);\n      }\n\n      .door:first-child {\n        border-top: none;\n      }\n\n      @media (max-width: 600px) {\n        .doors {\n          grid-template-columns: minmax(0, 1fr);\n        }\n      }\n\n      .what {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: baseline;\n        gap: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n      }\n\n      .name {\n        font-weight: 600;\n      }\n\n      /* Kind in words: an empty approval line and an empty assignment line do opposite things. */\n      .kind {\n        color: var(--ui-muted);\n        font-size: var(--ui-t-small, 11.5px);\n      }\n\n      /* The state says it in words as well as colour: colour alone says nothing to someone who cannot see it. */\n      .mark {\n        padding: 0 var(--spacing-small, 4px);\n        border: 1px solid currentColor;\n        border-radius: var(--md-sys-shape-corner-small, 4px);\n        font-size: var(--ui-t-micro, 11px);\n        font-weight: 600;\n        line-height: 1.6;\n        white-space: nowrap;\n      }\n\n      .mark.on {\n        color: var(--md-sys-color-primary);\n      }\n\n      .mark.off {\n        color: var(--md-sys-color-tertiary);\n      }\n\n      .mark.missing {\n        color: var(--md-sys-color-error);\n      }\n\n      /* Not a task, so quieter. Not removed: that it was turned off has to be readable. */\n      .mark.not-used {\n        color: var(--md-sys-color-outline);\n      }\n\n      .door.not-used .what,\n      .door.not-used .says {\n        opacity: 0.7;\n      }\n\n      .says {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-small, 4px);\n        min-width: 0;\n      }\n\n      .line {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: var(--spacing-small, 4px) var(--spacing-large, 12px);\n      }\n\n      /*\n       * The brief spreads its seats over the width it is given; a two-step line across a wide column\n       * reads as three islands. Each seat gets about the width of a name.\n       */\n      approval-line-brief {\n        flex: 0 1 auto;\n        width: calc(var(--seats) * 88px);\n        max-width: 100%;\n        font-size: var(--ui-t-small, 11.5px);\n      }\n\n      .when,\n      .from {\n        color: var(--ui-muted);\n        font-size: var(--ui-t-small, 11.5px);\n      }\n\n      .state {\n        margin: 0 0 var(--spacing-medium, 8px);\n        font-weight: 600;\n      }\n\n      ol.next {\n        margin: 0;\n        padding-left: var(--spacing-huge, 24px);\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-medium, 8px);\n      }\n    `\n  ]\n\n  @state() private doors?: Door[]\n  @state() private counts: DoorCounts = { on: 0, off: 0, missing: 0, notUsed: 0, todo: 0 }\n  @state() private todo = 0\n  @state() private seatsStanding = 0\n  @state() private seatsOffered = 0\n  @state() private loadError: unknown = null\n\n  get context() {\n    return {\n      title: i18next.t('title.activity catalog'),\n      frame: 'document'\n    }\n  }\n\n  async pageInitialized() {\n    await this.load()\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (lifecycle.active && !this.doors) {\n      await this.load()\n    }\n  }\n\n  private async load() {\n    this.loadError = null\n\n    let response: any\n    try {\n      response = await client.query({ query: CATALOG, fetchPolicy: 'no-cache' })\n    } catch (error) {\n      this.loadError = error\n      return\n    }\n\n    /*\n     * 못 읽은 것을 빈 목록으로 그리지 않는다. 「업무가 하나도 없습니다」와 「못 읽었습니다」는 사람이 할\n     * 일이 다르다. ox-page-state 가 서버의 문장과 다시 읽기를 그린다(ADR-0060 결정 8).\n     */\n    if (response.errors?.length) {\n      this.loadError = response.errors[0]\n      return\n    }\n\n    const guides = new Map<string, any>(\n      (response.data?.installableActivities?.items ?? []).map((one: any) => [one.name, one])\n    )\n\n    /* 전선의 철자를 여기서 **한 번** 옮긴다(§`door-words`). */\n    this.doors = (response.data?.workDoors?.doors ?? []).map((one: any) => ({\n      ...one,\n      standing: standingWord(one.standing) ?? one.standing,\n      kind: kindWord(one.kind) ?? one.kind,\n      reason: reasonWord(one.reason) ?? one.reason,\n      whenNoLine: whenNoLineWord(one.whenNoLine),\n      whenNoLineBecause: whenNoLineBecauseWord(one.whenNoLineBecause),\n      about: guideLines(guides.get(one.name), (key, options) => i18next.t(key, options))[0]\n    }))\n\n    const read = response.data?.workDoors ?? {}\n\n    this.todo = read.todo ?? 0\n    this.counts = {\n      on: read.on ?? 0,\n      off: read.off ?? 0,\n      missing: read.missing ?? 0,\n      notUsed: read.notUsed ?? 0,\n      todo: this.todo\n    }\n    this.seatsStanding = read.seatsStanding ?? 0\n    this.seatsOffered = read.seatsOffered ?? 0\n  }\n\n  /** 결재선은 각 업무에서 지정하고, 역할이 부족할 때만 별도로 안내한다. */\n  private renderNext() {\n    if (!this.todo || this.seatsStanding >= this.seatsOffered) {\n      return ''\n    }\n\n    return html`\n      <section class=\"page-section\">\n        <div class=\"page-section-header\"><h3>${i18next.t('title.work-doors-next')}</h3></div>\n        <ol class=\"next\">\n          <li>\n            ${i18next.t('text.work-doors-next-seats', {\n              standing: this.seatsStanding,\n              offered: this.seatsOffered\n            })}\n            <a class=\"page-nav-link\" href=\"roles\">${i18next.t('field.roles')}</a>\n          </li>\n        </ol>\n      </section>\n    `\n  }\n\n  render() {\n    return html`<div class=\"page\">\n      <ox-page-state .loading=${!this.doors && !this.loadError} .error=${this.loadError} @retry=${() => this.load()}\n        >${this.doors && !this.loadError ? this.renderDoors() : ''}</ox-page-state\n      >\n    </div>`\n  }\n\n  private renderDoors() {\n    const sorted = [...this.doors!].sort((a, b) => ORDER[a.standing] - ORDER[b.standing])\n\n    return html`\n      <section class=\"page-section\">\n        <p class=\"state\">${doorsSummary(i18next.t, this.counts)}</p>\n        <ul class=\"doors\">\n          ${sorted.map(door => this.renderDoor(door))}\n        </ul>\n      </section>\n\n      ${this.renderNext()}\n    `\n  }\n\n  /**\n   * Where 「결재선 지정」 goes: this activity's detail, or - when it follows another activity's line - that\n   * activity's, since the line is set there. None for a form borrowed from another site.\n   */\n  private lineEditAddress(door: Door): string {\n    if (door.kind !== 'approval' || (door.standing !== 'on' && door.standing !== 'off')) {\n      return ''\n    }\n\n    const owner = door.followsLabelKey ? this.doors!.find(one => one.labelKey === door.followsLabelKey) : door\n\n    return owner && opensDetail(owner) && opensDetail(door) ? detailAddress(owner.name) : ''\n  }\n\n  private renderDoor(door: Door) {\n    const label = doorLabel(i18next.t, door)\n    const steps = (door.approvalLine || []).filter(isApprovalStep).length\n    const drawsLine = door.kind === 'approval' && steps > 0\n    const note = lineNote(i18next.t, door, drawsLine)\n    const follows = followsNote(i18next.t, door)\n    const when = whenNoLineTag(i18next.t, door)\n    const edit = this.lineEditAddress(door)\n\n    return html`\n      <li class=\"door ${door.standing}\">\n        <div class=\"what\">\n          ${opensDetail(door)\n            ? html`<a class=\"name\" href=${detailAddress(door.name)}>${label}</a>`\n            : html`<span class=\"name\">${label}</span>`}\n          <span class=\"kind\">${i18next.t(`text.door-kind-${door.kind}`)}</span>\n          <span class=\"mark ${door.standing}\">${i18next.t(`text.door-standing-${door.standing}`)}</span>\n        </div>\n        <div class=\"says\">\n          ${door.about ? html`<span class=\"about\">${door.about}</span>` : ''}\n          ${drawsLine || note || edit\n            ? html`<div class=\"line\">\n                ${drawsLine\n                  ? html`<approval-line-brief\n                      plan\n                      style=\"--seats: ${(door.approvalLine || []).length + 1}\"\n                      .model=${door.approvalLine}\n                    ></approval-line-brief>`\n                  : ''}\n                ${note ? html`<span>${note}</span>` : ''}\n                ${edit\n                  ? html`<a class=\"page-nav-link\" href=${edit}>${i18next.t('button.activity-set-approval-line')}</a>`\n                  : ''}\n              </div>`\n            : ''}\n          ${follows ? html`<span class=\"when\">${follows}</span>` : ''}\n          ${when ? html`<span class=\"when\">${when}</span>` : ''}\n          ${\n            /*\n             * 남의 양식을 쓰는 것은 정상이지만, 안 말하면 「정한 적 없는데」가 된다. 차 있으면 어디서\n             * 정했는지, 비어 있으면 여기서는 못 고친다는 것을 말한다.\n             */\n            door.from\n              ? html`<span class=\"from\"\n                  >${door.standing === 'on'\n                    ? i18next.t('text.door-filled-from', { name: door.from })\n                    : i18next.t('text.door-form-from', { name: door.from })}</span\n                >`\n              : ''\n          }\n        </div>\n      </li>\n    `\n  }\n}\n"]}

package/dist-client/pages/activity-catalog/activity-detail-actions.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 업무 상세에서 **지금 무엇을 할 수 있고, 못 하면 왜인가.**
+ *
+ * ── 왜 여기서 한 번에 답하나 ──────────────────────────────────────────────
+ * 이 화면의 목적은 한 업무에 관한 일을 그 자리에서 끝내는 것이다. 그러면 「이 단추가 왜 안 눌리나」가
+ * 바로 따라온다. 단추마다 조건을 따로 적으면 조건이 어긋나고, 어긋난 것은 **눌리지 않는 단추**로만
+ * 보인다 — 화면이 아무 말도 안 하는 상태다.
+ *
+ * 그래서 못 하는 까닭을 값으로 돌려준다. 화면은 그 값을 문장으로 바꿀 뿐 원인을 지어내지 않는다.
+ */
+export type CatalogEntry = {
+    name?: string;
+    activity?: {
+        id?: string | null;
+    } | null;
+    readiness?: {
+        stage?: string | null;
+    } | null;
+};
+/** 결재선을 못 정하는 까닭. 정할 수 있으면 없다. */
+export type ApprovalLineBlock = 
+/** 아직 만들지 않은 업무다. 설치라는 말이 성립하지 않는다. */
+'not-built'
+/** 만들어져 있지만 이 도메인에 설치되지 않았다. 설치해야 결재선이 붙을 자리가 생긴다. */
+ | 'not-installed';
+export type DetailActions = {
+    registered: boolean;
+    inUse: boolean;
+    canInstall: boolean;
+    canUninstall: boolean;
+    canSetApprovalLine: boolean;
+    approvalLineBlock?: ApprovalLineBlock;
+};
+export declare function detailActions(entry?: CatalogEntry | null): DetailActions;

package/dist-client/pages/activity-catalog/activity-detail-actions.js

@@ -0,0 +1,18 @@
+import { isRegistered } from './activity-stage.js';
+export function detailActions(entry) {
+    const registered = isRegistered(entry?.readiness?.stage ?? undefined);
+    /*
+     * 설치 여부는 **activity.id 가 있느냐**로 읽는다. 결재선은 그 id 에 붙으므로, id 가 없으면 저장할
+     * 대상이 없다 — 「정하기」를 열어 두고 저장할 때 실패하는 것보다, 열기 전에 까닭을 말하는 쪽이 맞다.
+     */
+    const inUse = !!entry?.activity?.id;
+    return {
+        registered,
+        inUse,
+        canInstall: registered && !inUse,
+        canUninstall: registered && inUse,
+        canSetApprovalLine: registered && inUse,
+        approvalLineBlock: !registered ? 'not-built' : inUse ? undefined : 'not-installed'
+    };
+}
+//# sourceMappingURL=activity-detail-actions.js.map

package/dist-client/pages/activity-catalog/activity-detail-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-detail-actions.js","sourceRoot":"","sources":["../../../client/pages/activity-catalog/activity-detail-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAkClD,MAAM,UAAU,aAAa,CAAC,KAA2B;IACvD,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,SAAS,CAAC,CAAA;IAErE;;;OAGG;IACH,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAA;IAEnC,OAAO;QACL,UAAU;QACV,KAAK;QACL,UAAU,EAAE,UAAU,IAAI,CAAC,KAAK;QAChC,YAAY,EAAE,UAAU,IAAI,KAAK;QACjC,kBAAkB,EAAE,UAAU,IAAI,KAAK;QACvC,iBAAiB,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe;KACnF,CAAA;AACH,CAAC","sourcesContent":["import { isRegistered } from './activity-stage.js'\n\n/**\n * 업무 상세에서 **지금 무엇을 할 수 있고, 못 하면 왜인가.**\n *\n * ── 왜 여기서 한 번에 답하나 ──────────────────────────────────────────────\n * 이 화면의 목적은 한 업무에 관한 일을 그 자리에서 끝내는 것이다. 그러면 「이 단추가 왜 안 눌리나」가\n * 바로 따라온다. 단추마다 조건을 따로 적으면 조건이 어긋나고, 어긋난 것은 **눌리지 않는 단추**로만\n * 보인다 — 화면이 아무 말도 안 하는 상태다.\n *\n * 그래서 못 하는 까닭을 값으로 돌려준다. 화면은 그 값을 문장으로 바꿀 뿐 원인을 지어내지 않는다.\n */\nexport type CatalogEntry = {\n  name?: string\n  activity?: { id?: string | null } | null\n  readiness?: { stage?: string | null } | null\n}\n\n/** 결재선을 못 정하는 까닭. 정할 수 있으면 없다. */\nexport type ApprovalLineBlock =\n  /** 아직 만들지 않은 업무다. 설치라는 말이 성립하지 않는다. */\n  | 'not-built'\n  /** 만들어져 있지만 이 도메인에 설치되지 않았다. 설치해야 결재선이 붙을 자리가 생긴다. */\n  | 'not-installed'\n\nexport type DetailActions = {\n  registered: boolean\n  inUse: boolean\n  canInstall: boolean\n  canUninstall: boolean\n  canSetApprovalLine: boolean\n  approvalLineBlock?: ApprovalLineBlock\n}\n\nexport function detailActions(entry?: CatalogEntry | null): DetailActions {\n  const registered = isRegistered(entry?.readiness?.stage ?? undefined)\n\n  /*\n   * 설치 여부는 **activity.id 가 있느냐**로 읽는다. 결재선은 그 id 에 붙으므로, id 가 없으면 저장할\n   * 대상이 없다 — 「정하기」를 열어 두고 저장할 때 실패하는 것보다, 열기 전에 까닭을 말하는 쪽이 맞다.\n   */\n  const inUse = !!entry?.activity?.id\n\n  return {\n    registered,\n    inUse,\n    canInstall: registered && !inUse,\n    canUninstall: registered && inUse,\n    canSetApprovalLine: registered && inUse,\n    approvalLineBlock: !registered ? 'not-built' : inUse ? undefined : 'not-installed'\n  }\n}\n"]}

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

@@ -0,0 +1,90 @@
+import '@material/web/icon/icon.js';
+import '@operato/list-state/ox-page-state.js';
+import '@things-factory/organization';
+import { PageView } from '@operato/shell';
+declare const ActivityDetailPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+export declare class ActivityDetailPage extends ActivityDetailPage_base {
+    static styles: import("lit").CSSResult[];
+    private name;
+    private entry;
+    private activity;
+    private loaded;
+    /** 구획이 「이 업무에는 보일 것 없음」을 알렸나. 이름으로 센다. */
+    private emptyPanels;
+    /** 왜 못 읽었나 — ox-page-state 가 그것을 말하고 다시 시도를 준다. */
+    private loadError;
+    get context(): {
+        frame: string;
+        title: string;
+        heading: boolean;
+        menu: string;
+        help: string;
+        actions: {
+            title: string;
+            action: () => Promise<void>;
+        }[] | {
+            title: string;
+            action: () => Promise<void>;
+            emphasis: {
+                raised: boolean;
+            };
+        }[];
+    };
+    /**
+     * 이름이 주소로 온다. 같은 라우트 안에서 이름만 바뀌어도 이 콜백이 다시 오므로, **이름이 실제로
+     * 바뀌었을 때만** 다시 읽는다.
+     */
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    /**
+     * 처음 그린 뒤에도 한 번 읽는다 — **첫 방문이 통째로 비는 것을 봤다.**
+     *
+     * [확인함 2026-09-24 :4000] 카드에서 처음 들어가면 주소는 맞고(`?name=…`) `lifecycle.params.name`
+     * 도 들어 있는데 화면에 돌아갈 링크만 남았다. 같은 자리로 두 번째 들어가면 멀쩡했고, 그 상태에서
+     * 콜백을 손으로 한 번 부르면 바로 채워졌다.
+     *
+     * 이 화면은 주소로 처음 닿을 때 **모듈이 그때 실려 온다**(route.ts 의 동적 import). 셸은 화면을
+     * 처음 세울 때 이 콜백을 다음 animationFrame 으로 미루는데(page-view 가 「엘리먼트가 아직 안
+     * 만들어졌을 수 있다」고 적어 둔 그 갈래), 그 사이에 요소가 아직 이 클래스로 올라오지 않았으면
+     * **아무 일도 안 하는 기반 클래스의 콜백**이 불린다. 그 뒤로는 생애주기가 더 안 바뀌므로 이름을
+     * 받을 기회가 다시 오지 않는다.
+     *
+     * 그래서 이름을 받는 자리를 둘로 둔다. 둘 다 같은 판단을 지나므로 두 번 읽지 않는다.
+     */
+    firstUpdated(): void;
+    private readName;
+    private shownName;
+    private fetch;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderDetail;
+    /** 알아 둘 것 — 첫 줄(무엇인가)을 뺀 안내문. 없으면 구획을 세우지 않는다. */
+    private renderNotes;
+    /**
+     * 이 업무를 쓸지 말지 — 화면 전체의 결정이라 하단 동작 줄에 둔다(page-standard §8).
+     * 아직 만들어지지 않은 업무는 쓸 수 없으므로 단추가 없다.
+     */
+    private useActions;
+    /** 이름 옆의 상태 한 마디. */
+    private renderUse;
+    /**
+     * 누가 승인하나 — 결재·배정 현황에서 이름을 누르고 온 사람이 보러 온 것. 그래서 맨 위다.
+     *
+     * 단계와 이름만 적는다.
+     */
+    private renderApprovalLine;
+    /**
+     * 다른 패키지가 건 구획.
+     *
+     * **하나도 안 걸렸으면 그 사실을 말한다.** 빈자리로 두면 「이 앱에는 그 구획이 없다」와
+     * 「정할 것이 없다」가 같은 화면이 된다.
+     */
+    private renderPanels;
+    private panelReported;
+    private setUse;
+    /**
+     * 결재선 편집기는 **organization 것을 그대로 부른다.** 이 화면이 자기 편집기를 따로 지으면 같은
+     * 결재선이 두 화면에서 다르게 편집된다.
+     */
+    private openApprovalLine;
+    private saveApprovalLine;
+}
+export {};