@dssp/dkpi 1.0.0-alpha.98 → 1.0.0-alpha.99

package/dist-client/pages/project-complete-tabs/pc-tab4-monthly.js

@@ -9,6 +9,7 @@ import { hasPrivilege } from '@things-factory/auth-base/dist-client';
 import moment from 'moment-timezone';
 import { tenantHeaders } from '@dssp/project/dist-client/shared/domain-context';
 import { ProjectState } from '../sv-project-list';
+import '@things-factory/kpi/dist-client/viewparts/kpi-metric-input';
 /**
  * 프로젝트 완공 처리 탭 4 — 월별 KPI 데이터 그리드.
  *
@@ -105,30 +106,19 @@ let SvProjectCompleteTab4Monthly = class SvProjectCompleteTab4Monthly extends Li
                         <tr>
                           <td class="month-cell ${this._isCurrentMonth(row.workDate) ? 'current' : ''}">${row.workDate}</td>
                           ${this.monthlyMetrics.map(m => {
-                    var _a, _b;
+                    var _a;
                     const pending = this._isCellPending(row, m.id);
-                    return isRating(m.name)
-                        ? html `
-                                  <td class=${pending ? 'pending' : ''}>
-                                    <select
-                                      class="rating-select"
-                                      .value=${String((_a = row.values[m.id]) !== null && _a !== void 0 ? _a : '')}
-                                      @change=${(e) => this._onCellChange(rowIdx, m.id, e.target.value)}
-                                    >
-                                      <option value="">-</option>
-                                      ${[1, 2, 3, 4, 5].map(v => html `<option value=${v} ?selected=${Number(row.values[m.id]) === v}>${v}</option>`)}
-                                    </select>
-                                  </td>
-                                `
-                        : html `
-                                  <td class=${pending ? 'pending' : ''}>
-                                    <input
-                                      type="number"
-                                      .value=${(_b = row.values[m.id]) !== null && _b !== void 0 ? _b : ''}
-                                      @input=${(e) => this._onCellChange(rowIdx, m.id, e.target.value)}
-                                    />
-                                  </td>
-                                `;
+                    // 위젯은 metric.meta.input 선언으로 결정(이름추측 isRating 제거).
+                    return html `
+                              <td class=${pending ? 'pending' : ''}>
+                                <kpi-metric-input
+                                  .metric=${this._withInputHint(m)}
+                                  .value=${(_a = row.values[m.id]) !== null && _a !== void 0 ? _a : null}
+                                  ?disabled=${!this.canSave}
+                                  @metric-input-change=${(e) => this._setCell(rowIdx, m.id, e.detail.value)}
+                                ></kpi-metric-input>
+                              </td>
+                            `;
                 })}
                           <td>
                             ${row.dirty
@@ -200,6 +190,8 @@ let SvProjectCompleteTab4Monthly = class SvProjectCompleteTab4Monthly extends Li
                 unit
                 periodType
                 rank
+                meta
+                collectType
               }
             }
           }
@@ -396,13 +388,30 @@ let SvProjectCompleteTab4Monthly = class SvProjectCompleteTab4Monthly extends Li
             notify({ message: '삭제 중 오류가 발생했습니다. 권한을 확인해주세요.' });
         }
     }
-    _onCellChange(rowIdx, metricId, rawValue) {
-        const value = rawValue === '' ? null : Number(rawValue);
-        this.monthRows = this.monthRows.map((row, i) => {
-            if (i !== rowIdx)
-                return row;
-            return Object.assign(Object.assign({}, row), { values: Object.assign(Object.assign({}, row.values), { [metricId]: value }), dirty: true });
-        });
+    /**
+     * metric 입력 힌트 결정: DB 선언(meta.input) 우선. 없으면 전환용 파생(DB meta 미도입 동안).
+     * 향후 metric.meta.input 이 채워지면 이 파생 분기(및 isRating)는 제거한다.
+     */
+    _withInputHint(m) {
+        var _a, _b;
+        // 유효 힌트: DB 선언(meta.input) 우선, 없으면 전환용 파생.
+        const input = ((_a = m === null || m === void 0 ? void 0 : m.meta) === null || _a === void 0 ? void 0 : _a.input)
+            ? m.meta.input
+            : isRating(m === null || m === void 0 ? void 0 : m.name)
+                ? { widget: 'rating', max: 5, step: 1 }
+                : { widget: 'number', step: 1, min: 0 };
+        // 월별 그리드는 조밀해 별표 시인성이 떨어지므로, rating 은 1~N 셀렉터로 "표현"만 오버라이드.
+        // (metric 설정=별표 는 그대로. 넓은 완료평가 화면은 별표 유지)
+        if (input.widget === 'rating') {
+            const max = (_b = input.max) !== null && _b !== void 0 ? _b : 5;
+            const options = Array.from({ length: max }, (_, i) => ({ value: i + 1, label: String(i + 1) }));
+            return Object.assign(Object.assign({}, m), { meta: Object.assign(Object.assign({}, ((m === null || m === void 0 ? void 0 : m.meta) || {})), { input: { widget: 'select', options } }) });
+        }
+        return Object.assign(Object.assign({}, m), { meta: Object.assign(Object.assign({}, ((m === null || m === void 0 ? void 0 : m.meta) || {})), { input }) });
+    }
+    /** <kpi-metric-input> 이 방출하는 (이미 타입된) 값을 그대로 저장. */
+    _setCell(rowIdx, metricId, value) {
+        this.monthRows = this.monthRows.map((row, i) => i !== rowIdx ? row : Object.assign(Object.assign({}, row), { values: Object.assign(Object.assign({}, row.values), { [metricId]: value }), dirty: true }));
     }
     /**
      * 저장 — dirty row 들 안의 변경된 cell 들을 KpiMetricValuePatch 로 모아

package/dist-client/pages/project-complete-tabs/pc-tab4-monthly.js.map

@@ -1 +1 @@
-{"version":3,"file":"pc-tab4-monthly.js","sourceRoot":"","sources":["../../../client/pages/project-complete-tabs/pc-tab4-monthly.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { gql } from '@apollo/client'\nimport { notify } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\nimport moment from 'moment-timezone'\nimport { tenantHeaders } from '@dssp/project/dist-client/shared/domain-context'\nimport { ProjectState } from '../sv-project-list'\n\n/**\n * 프로젝트 완공 처리 탭 4 — 월별 KPI 데이터 그리드.\n *\n * 데이터 source = `KpiMetric` (periodType=MONTH) + `KpiMetricValue` (그 metric 의\n * 월별 값들). 이전 버전 (DataSet/DataSample) 폐기. KpiMetricValue 의 unique\n * 인덱스 (domain, metric, valueDate, org) 가 (도메인, 프로젝트, 메트릭, 월) 단일 row\n * 정책을 보장.\n *\n * 단방향 흐름:\n *   - 탭1/탭2 의 metric 저장 (valueDate=YYYY-MM-01) → 그 월 row 가 여기 자동 노출\n *   - 여기서 cell 수정 → 그 metric × 그 월 row 만 update (탭1/탭2 의 \"현재값\" 영향 없음 —\n *     탭1/탭2 는 KpiMetricValueProvider 가 latest 또는 valueDate-based lookup 으로 동작)\n */\n\n/** rating 셀렉트로 표시할 metric 인지 판단 — 이름에 '평가' 또는 '이탈' 포함되면 1~5 rating. */\nfunction isRating(metricName: string): boolean {\n  return /평가|이탈/.test(metricName || '')\n}\n\n@customElement('sv-pc-tab4-monthly')\nexport class SvProjectCompleteTab4Monthly extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n      }\n      .title {\n        color: #212529;\n        font-size: 13px;\n        font-weight: 400;\n        line-height: 24px;\n        text-align: center;\n        margin-bottom: 8px;\n      }\n\n      .toolbar {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        margin-bottom: 12px;\n      }\n      .toolbar select {\n        padding: 5px 8px;\n        border: 1px solid rgba(0, 0, 0, 0.15);\n        border-radius: 5px;\n        font-size: 14px;\n        color: #212529;\n      }\n      .toolbar .add-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        padding: 5px 10px;\n        background: #35618e;\n        color: #fff;\n        border-radius: 5px;\n        cursor: pointer;\n        font-size: 13px;\n      }\n      .toolbar .locked-note {\n        font-size: 13px;\n        color: #6c757d;\n      }\n\n      .grid-wrapper {\n        overflow-x: auto;\n        padding: 0 6px;\n      }\n      table {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 13px;\n      }\n      thead th {\n        background: #f3f3fa;\n        border-top: 2px solid #0c4da2;\n        color: #212529;\n        text-align: center;\n        padding: 8px 6px;\n        white-space: nowrap;\n        font-weight: 500;\n      }\n      tbody td {\n        border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n        text-align: center;\n        padding: 6px 4px;\n        vertical-align: middle;\n      }\n      tbody tr:hover {\n        background: #f8fafc;\n      }\n      .month-cell {\n        color: #35618e;\n        font-weight: 600;\n        white-space: nowrap;\n      }\n      .month-cell.current {\n        color: #16a085;\n      }\n\n      input[type='number'] {\n        width: 70px;\n        padding: 4px 6px;\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        border-radius: 4px;\n        text-align: center;\n        font-size: 13px;\n      }\n      input[type='number']:focus {\n        outline: none;\n        border-color: #35618e;\n      }\n\n      .rating-select {\n        padding: 4px 6px;\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        border-radius: 4px;\n        font-size: 13px;\n        text-align: center;\n      }\n\n      .status-saved {\n        color: #16a085;\n        font-size: 12px;\n      }\n      .status-unsaved {\n        color: #e67e22;\n        font-size: 12px;\n      }\n      .status-new {\n        color: #3498db;\n        font-size: 12px;\n      }\n      .status-pending {\n        color: #e74c3c;\n        font-size: 12px;\n        font-weight: 600;\n      }\n\n      /* 미입력 셀 — 과월/현재월 row 에서 값이 비어있을 때 강조 */\n      td.pending input[type='number'],\n      td.pending .rating-select {\n        border-color: #e74c3c;\n        background-color: #fff5f5;\n      }\n      /* 한 번도 입력된 적 없는 metric 컬럼 — 헤더 강조 */\n      th.pending {\n        background: #fdecec;\n        color: #c0392b;\n      }\n\n      .button-line {\n        display: flex;\n        justify-content: center;\n        gap: 10px;\n        margin-top: 16px;\n      }\n      .ghost-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 6px 10px;\n        background: #35618e;\n        color: #ffffff;\n        border-radius: 5px;\n        cursor: pointer;\n      }\n      .ghost-btn.secondary {\n        background: #24be7b;\n      }\n      .ghost-btn.disabled {\n        opacity: 0.45;\n        cursor: not-allowed;\n      }\n\n      .delete-btn {\n        cursor: pointer;\n        color: #999;\n        font-size: 18px;\n      }\n      .delete-btn:hover {\n        color: #e74c3c;\n      }\n\n      .empty-msg {\n        text-align: center;\n        color: #999;\n        padding: 40px 0;\n        font-size: 14px;\n      }\n    `\n  ]\n\n  @property({ type: Object }) project: any = {}\n\n  /** 월별 metric 목록 (periodType=MONTH). KpiMetric admin 에 등록된 것 기준. */\n  @state() monthlyMetrics: any[] = []\n\n  /** monthRows: { workDate:'YYYY-MM', values:{[metricId]:value}, originalValues, dirty }[] */\n  @state() monthRows: any[] = []\n\n  @state() addYear: number = new Date().getFullYear()\n  @state() addMonth: number = new Date().getMonth() + 1\n  /** kpi:input — Step4 월별 데이터 저장 권한 (cumulative 와 같은 권한) */\n  @state() canSave = false\n\n  async connectedCallback() {\n    super.connectedCallback()\n    this.canSave = await hasPrivilege({\n      category: 'kpi',\n      privilege: 'input',\n      domainOwnerGranted: true,\n      superUserGranted: true\n    })\n  }\n\n  render() {\n    const years = this._getYearRange()\n\n    return html`\n      <div class=\"title\">\n        프로젝트 수행 기간 동안의 월별 데이터를 입력합니다.<br />\n        공정률, 감리자 정성 평가(1~5) 등의 항목을 월 단위로 기록하여 성과 추세 분석에 활용합니다.\n      </div>\n\n      ${this.isCompleted\n        ? html`<div class=\"toolbar\">\n            <span class=\"locked-note\">🔒 종료된 프로젝트 — 월 추가 불가, 기존 월 데이터만 수정할 수 있습니다.</span>\n          </div>`\n        : html`<div class=\"toolbar\">\n            <select\n              .value=${String(this.addYear)}\n              @change=${(e: Event) => (this.addYear = Number((e.target as HTMLSelectElement).value))}\n            >\n              ${years.map(y => html`<option value=${y} ?selected=${y === this.addYear}>${y}년</option>`)}\n            </select>\n            <select\n              .value=${String(this.addMonth)}\n              @change=${(e: Event) => (this.addMonth = Number((e.target as HTMLSelectElement).value))}\n            >\n              ${[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(\n                m => html`<option value=${m} ?selected=${m === this.addMonth}>${m}월</option>`\n              )}\n            </select>\n            <div class=\"add-btn\" @click=${this._addMonth}>+ 월 추가</div>\n          </div>`}\n\n      ${this.monthlyMetrics.length === 0\n        ? html`<div class=\"empty-msg\">\n            월별 metric (periodType=MONTH) 이 등록되어 있지 않습니다. KPI 관리자에서 먼저 등록해주세요.\n          </div>`\n        : this.monthRows.length === 0\n          ? html`<div class=\"empty-msg\">등록된 월별 데이터가 없습니다. 위에서 월을 추가해주세요.</div>`\n          : html`\n              <div class=\"grid-wrapper\">\n                <table>\n                  <thead>\n                    <tr>\n                      <th>월</th>\n                      ${this.monthlyMetrics.map(\n                        m => html`\n                          <th\n                            class=${this._isMetricNeverEntered(m.id) ? 'pending' : ''}\n                            title=${this._isMetricNeverEntered(m.id) ? '한 번도 입력된 적 없는 metric' : ''}\n                          >\n                            ${m.name}${m.unit ? ` (${m.unit})` : ''}\n                          </th>\n                        `\n                      )}\n                      <th>상태</th>\n                      <th></th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    ${this.monthRows.map(\n                      (row, rowIdx) => html`\n                        <tr>\n                          <td class=\"month-cell ${this._isCurrentMonth(row.workDate) ? 'current' : ''}\">${row.workDate}</td>\n                          ${this.monthlyMetrics.map(m => {\n                            const pending = this._isCellPending(row, m.id)\n                            return isRating(m.name)\n                              ? html`\n                                  <td class=${pending ? 'pending' : ''}>\n                                    <select\n                                      class=\"rating-select\"\n                                      .value=${String(row.values[m.id] ?? '')}\n                                      @change=${(e: Event) =>\n                                        this._onCellChange(rowIdx, m.id, (e.target as HTMLSelectElement).value)}\n                                    >\n                                      <option value=\"\">-</option>\n                                      ${[1, 2, 3, 4, 5].map(\n                                        v => html`<option value=${v} ?selected=${Number(row.values[m.id]) === v}>${v}</option>`\n                                      )}\n                                    </select>\n                                  </td>\n                                `\n                              : html`\n                                  <td class=${pending ? 'pending' : ''}>\n                                    <input\n                                      type=\"number\"\n                                      .value=${row.values[m.id] ?? ''}\n                                      @input=${(e: InputEvent) =>\n                                        this._onCellChange(rowIdx, m.id, (e.target as HTMLInputElement).value)}\n                                    />\n                                  </td>\n                                `\n                          })}\n                          <td>\n                            ${row.dirty\n                              ? html`<span class=\"status-unsaved\">수정됨</span>`\n                              : row.isAuto\n                                ? html`<span class=\"status-pending\">미입력</span>`\n                                : row.isNew\n                                  ? html`<span class=\"status-new\">신규</span>`\n                                  : html`<span class=\"status-saved\">저장됨</span>`}\n                          </td>\n                          <td>\n                            <span class=\"delete-btn\" title=\"삭제\" @click=${() => this._removeMonth(rowIdx)}>✕</span>\n                          </td>\n                        </tr>\n                      `\n                    )}\n                  </tbody>\n                </table>\n              </div>\n            `}\n\n      <div class=\"button-line\">\n        <div class=\"ghost-btn\" @click=${this._reset}>초기화</div>\n        <div\n          class=\"ghost-btn secondary ${this.canSave ? '' : 'disabled'}\"\n          title=${this.canSave ? '' : 'kpi:input 권한 필요'}\n          @click=${() => this.canSave && this._save()}\n        >\n          저장\n        </div>\n      </div>\n    `\n  }\n\n  willUpdate(changedProperties: Map<string, any>) {\n    super.willUpdate(changedProperties)\n    if (changedProperties.has('project') && this.project?.id) {\n      this._loadData()\n    }\n  }\n\n  private _getYearRange(): number[] {\n    const startYear = this.project?.startDate ? new Date(this.project.startDate).getFullYear() : new Date().getFullYear() - 2\n    const endYear = this.project?.endDate ? new Date(this.project.endDate).getFullYear() + 1 : new Date().getFullYear() + 1\n    const years: number[] = []\n    for (let y = startYear; y <= endYear; y++) years.push(y)\n    return years\n  }\n\n  private _isCurrentMonth(workDate: string): boolean {\n    return workDate === moment().tz('Asia/Seoul').format('YYYY-MM')\n  }\n\n  /**\n   * 월별 metric 정의 + 그 프로젝트의 월별 KpiMetricValue 들을 조회해 그리드 row 구성.\n   *\n   *   1) KpiMetric where periodType=MONTH → monthlyMetrics\n   *   2) KpiMetricValue where org=projectId → 월별로 그룹핑하여 monthRows\n   */\n  private async _loadData() {\n    try {\n      // 1) 월별 metric 목록\n      const metricsResp = await client.query({\n        query: gql`\n          query KpiMetrics {\n            kpiMetrics {\n              items {\n                id\n                name\n                unit\n                periodType\n                rank\n              }\n            }\n          }\n        `,\n        context: { headers: tenantHeaders(this.project?.code) }\n      })\n      const all = metricsResp.data?.kpiMetrics?.items || []\n      // periodType=MONTH 만, rank 오름차순(미지정 null 은 뒤로, 동률은 기존 순서 유지).\n      this.monthlyMetrics = all\n        .filter((m: any) => m.periodType === 'MONTH')\n        .map((m: any, i: number) => ({ m, i }))\n        .sort((a: any, b: any) => {\n          const ra = a.m.rank ?? Number.POSITIVE_INFINITY\n          const rb = b.m.rank ?? Number.POSITIVE_INFINITY\n          return ra !== rb ? ra - rb : a.i - b.i\n        })\n        .map((x: any) => x.m)\n\n      if (this.monthlyMetrics.length === 0) {\n        this.monthRows = []\n        return\n      }\n\n      // 2) 프로젝트의 KpiMetricValue 들 (org=projectId). 월별 metric 만 client 측에서 필터.\n      const monthlyMetricIds = new Set(this.monthlyMetrics.map((m: any) => m.id))\n      const valuesResp = await client.query({\n        query: gql`\n          query KpiMetricValues($filters: [Filter!]) {\n            kpiMetricValues(filters: $filters) {\n              items {\n                id\n                value\n                unit\n                periodType\n                valueDate\n                metricId\n              }\n            }\n          }\n        `,\n        variables: { filters: [{ name: 'org', operator: 'eq', value: this.project.id }] },\n        context: { headers: tenantHeaders(this.project?.code) }\n      })\n      const allValues = valuesResp.data?.kpiMetricValues?.items || []\n      // periodType='MONTH' 만 그리드에 — 비월별 row 가 valueDate prefix 로 잘못 묶이지 않도록.\n      const monthlyValues = allValues.filter((v: any) => monthlyMetricIds.has(v.metricId) && v.periodType === 'MONTH')\n\n      // 월별 그룹핑 — valueDate YYYY-MM-DD 의 앞 7자리. id 도 보존 (삭제 시 사용).\n      // 현재월(=this month) row 는 운영 원칙상 표시 대상 아님 → 아예 bucket 제외.\n      const currentYm = moment().tz('Asia/Seoul').format('YYYY-MM')\n      const byMonth = new Map<string, any>()\n      for (const v of monthlyValues) {\n        const ym = (v.valueDate || '').slice(0, 7)\n        if (!ym) continue\n        if (ym === currentYm) continue // 현재월 record 무시 (DB 에 우연히 있더라도)\n        if (!byMonth.has(ym)) byMonth.set(ym, { workDate: ym, values: {}, originalValues: {}, valueIds: {}, dirty: false })\n        const row = byMonth.get(ym)\n        row.values[v.metricId] = v.value\n        row.originalValues[v.metricId] = v.value\n        row.valueIds[v.metricId] = v.id\n      }\n      // project.startDate ~ 현재월 사이 누락된 월 placeholder row 자동 추가.\n      // 사용자가 값을 입력하지 않으면 dirty 가 안 되므로 저장 시 무시되어 spurious patch 없음.\n      for (const ym of this._generateExpectedMonths()) {\n        if (!byMonth.has(ym)) {\n          byMonth.set(ym, {\n            workDate: ym,\n            values: {},\n            originalValues: {},\n            valueIds: {},\n            dirty: false,\n            isAuto: true\n          })\n        }\n      }\n\n      this.monthRows = Array.from(byMonth.values()).sort((a, b) => b.workDate.localeCompare(a.workDate))\n    } catch (e) {\n      console.error('Failed to load monthly data:', e)\n      this.monthRows = []\n    }\n  }\n\n  /** project.startDate (YYYY-MM) ~ **전월** (YYYY-MM) 까지 매월 문자열 배열.\n   *  현재월은 의도적으로 제외 — 운영 원칙상 \"이번달 데이터는 아직 입력 대상이 아님\". */\n  private _generateExpectedMonths(): string[] {\n    const startStr = (this.project?.startDate || '').slice(0, 7)\n    if (!startStr || !/^\\d{4}-\\d{2}$/.test(startStr)) return []\n    const tz = 'Asia/Seoul'\n    let cur = moment.tz(startStr, 'YYYY-MM', tz)\n    const end = moment.tz(moment().tz(tz).subtract(1, 'month').format('YYYY-MM'), 'YYYY-MM', tz)\n    if (!cur.isValid() || cur.isAfter(end)) return []\n    const months: string[] = []\n    while (cur.isSameOrBefore(end)) {\n      months.push(cur.format('YYYY-MM'))\n      cur = cur.add(1, 'month')\n    }\n    return months\n  }\n\n  /** 셀 미입력 여부 — 값 없음 AND 그 월이 **전월** (직전 한 달) 인 경우만 pending.\n   *  과월 전체가 아니라 전월 한 달에 한해서만 강조 — 사용자 입력 흐름(이번 달에 지난달 데이터)과 일치. */\n  private _isCellPending(row: any, metricId: string): boolean {\n    const v = row.values?.[metricId]\n    if (v !== undefined && v !== null && v !== '') return false\n    const lastMonth = moment().tz('Asia/Seoul').subtract(1, 'month').format('YYYY-MM')\n    return row.workDate === lastMonth\n  }\n\n  /** metric 컬럼이 전 row 통틀어 한 번도 값이 없으면 헤더 강조. */\n  private _isMetricNeverEntered(metricId: string): boolean {\n    return !this.monthRows.some(r => {\n      const v = r.values?.[metricId]\n      return v !== undefined && v !== null && v !== ''\n    })\n  }\n\n  /** 종료(COMPLETED) 프로젝트 — 신규 월 추가 금지, 기존 월만 수정 가능. */\n  private get isCompleted(): boolean {\n    return this.project?.state === ProjectState.COMPLETED\n  }\n\n  private _addMonth() {\n    // 종료된 프로젝트는 새 월을 추가할 수 없다 (기존 월 데이터 수정만 허용).\n    if (this.isCompleted) {\n      notify({ message: '종료된 프로젝트는 월을 추가할 수 없습니다. 기존 월 데이터만 수정할 수 있습니다.' })\n      return\n    }\n\n    const workDate = `${this.addYear}-${String(this.addMonth).padStart(2, '0')}`\n\n    // 현재월 row 는 추가 금지 — 운영 원칙상 이번달 데이터는 입력 대상 아님.\n    const currentYm = moment().tz('Asia/Seoul').format('YYYY-MM')\n    if (workDate === currentYm) {\n      notify({ message: '현재월(이번 달) 데이터는 입력 대상이 아닙니다.' })\n      return\n    }\n    // 미래월도 차단\n    if (workDate > currentYm) {\n      notify({ message: '미래월은 입력 대상이 아닙니다.' })\n      return\n    }\n\n    if (this.monthRows.some(r => r.workDate === workDate)) {\n      notify({ message: `${workDate}은 이미 존재합니다.` })\n      return\n    }\n\n    const newRow = { workDate, values: {}, originalValues: {}, valueIds: {}, dirty: true, isNew: true }\n    const rows = [...this.monthRows, newRow]\n    rows.sort((a, b) => b.workDate.localeCompare(a.workDate))\n    this.monthRows = rows\n  }\n\n  private async _removeMonth(rowIdx: number) {\n    const row = this.monthRows[rowIdx]\n\n    // 신규 row (DB 미반영) — 메모리에서만 제거\n    if (row.isNew) {\n      this.monthRows = this.monthRows.filter((_, i) => i !== rowIdx)\n      return\n    }\n\n    // 저장된 row — 그 월의 모든 KpiMetricValue id 들을 한 번에 삭제.\n    // 권한: things-factory 의 deleteKpiMetricValues 는 category=\"kpi\", privilege=\"mutation\"\n    // (superUser/도메인 owner 자동 통과, 일반 사용자는 별도 grant 필요).\n    const ids = Object.values(row.valueIds || {}).filter(Boolean) as string[]\n    if (ids.length === 0) {\n      this.monthRows = this.monthRows.filter((_, i) => i !== rowIdx)\n      return\n    }\n\n    const ok = await OxPrompt.open({\n      title: `${row.workDate} 의 월별 데이터를 삭제하시겠습니까?`,\n      confirmButton: { text: '삭제' },\n      cancelButton: { text: '취소' }\n    })\n    if (!ok) return\n\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation DeleteKpiMetricValues($ids: [String!]!) {\n            deleteKpiMetricValues(ids: $ids)\n          }\n        `,\n        variables: { ids },\n        context: { headers: tenantHeaders(this.project?.code) }\n      })\n      if (response.errors) {\n        throw new Error(response.errors.map((e: any) => e.message).join('\\n'))\n      }\n      notify({ message: `${row.workDate} 월별 데이터 ${ids.length}건 삭제되었습니다.` })\n      await this._loadData()\n    } catch (e) {\n      console.error('Failed to delete monthly values:', e)\n      notify({ message: '삭제 중 오류가 발생했습니다. 권한을 확인해주세요.' })\n    }\n  }\n\n  private _onCellChange(rowIdx: number, metricId: string, rawValue: string) {\n    const value = rawValue === '' ? null : Number(rawValue)\n    this.monthRows = this.monthRows.map((row, i) => {\n      if (i !== rowIdx) return row\n      return {\n        ...row,\n        values: { ...row.values, [metricId]: value },\n        dirty: true\n      }\n    })\n  }\n\n  /**\n   * 저장 — dirty row 들 안의 변경된 cell 들을 KpiMetricValuePatch 로 모아\n   * updateKpiMetricValuesCumulative 한 번 호출 (backend upsert 가 unique 조합 처리).\n   */\n  private async _save() {\n    const patches: any[] = []\n    for (const row of this.monthRows) {\n      if (!row.dirty) continue\n      for (const m of this.monthlyMetrics) {\n        const value = row.values[m.id]\n        const original = row.originalValues[m.id]\n        if (value === undefined || value === null) continue // 빈 값은 skip (기존 유지)\n        if (value === original) continue // 변화 없으면 skip\n        patches.push({\n          metricId: m.id,\n          value,\n          unit: m.unit || '',\n          org: this.project.id,\n          periodType: 'MONTH',\n          valueDate: `${row.workDate}-01`\n        })\n      }\n    }\n\n    if (patches.length === 0) {\n      notify({ message: '변경된 데이터가 없습니다.' })\n      return\n    }\n\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation UpdateKpiMetricValuesCumulative($patches: [KpiMetricValuePatch!]!) {\n            updateKpiMetricValuesCumulative(patches: $patches) {\n              id\n            }\n          }\n        `,\n        variables: { patches },\n        context: { headers: tenantHeaders(this.project?.code) }\n      })\n      if (response.errors) {\n        throw new Error(response.errors.map((e: any) => e.message).join('\\n'))\n      }\n      notify({ message: `${patches.length}건 저장되었습니다.` })\n      await this._loadData()\n    } catch (e) {\n      console.error('Failed to save monthly values:', e)\n      notify({ message: '저장 중 오류가 발생했습니다.' })\n    }\n  }\n\n  private _reset() {\n    this._loadData()\n  }\n}\n"]}
+{"version":3,"file":"pc-tab4-monthly.js","sourceRoot":"","sources":["../../../client/pages/project-complete-tabs/pc-tab4-monthly.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { gql } from '@apollo/client'\nimport { notify } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\nimport moment from 'moment-timezone'\nimport { tenantHeaders } from '@dssp/project/dist-client/shared/domain-context'\nimport { ProjectState } from '../sv-project-list'\nimport '@things-factory/kpi/dist-client/viewparts/kpi-metric-input'\n\n/**\n * 프로젝트 완공 처리 탭 4 — 월별 KPI 데이터 그리드.\n *\n * 데이터 source = `KpiMetric` (periodType=MONTH) + `KpiMetricValue` (그 metric 의\n * 월별 값들). 이전 버전 (DataSet/DataSample) 폐기. KpiMetricValue 의 unique\n * 인덱스 (domain, metric, valueDate, org) 가 (도메인, 프로젝트, 메트릭, 월) 단일 row\n * 정책을 보장.\n *\n * 단방향 흐름:\n *   - 탭1/탭2 의 metric 저장 (valueDate=YYYY-MM-01) → 그 월 row 가 여기 자동 노출\n *   - 여기서 cell 수정 → 그 metric × 그 월 row 만 update (탭1/탭2 의 \"현재값\" 영향 없음 —\n *     탭1/탭2 는 KpiMetricValueProvider 가 latest 또는 valueDate-based lookup 으로 동작)\n */\n\n/** rating 셀렉트로 표시할 metric 인지 판단 — 이름에 '평가' 또는 '이탈' 포함되면 1~5 rating. */\nfunction isRating(metricName: string): boolean {\n  return /평가|이탈/.test(metricName || '')\n}\n\n@customElement('sv-pc-tab4-monthly')\nexport class SvProjectCompleteTab4Monthly extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n      }\n      .title {\n        color: #212529;\n        font-size: 13px;\n        font-weight: 400;\n        line-height: 24px;\n        text-align: center;\n        margin-bottom: 8px;\n      }\n\n      .toolbar {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        margin-bottom: 12px;\n      }\n      .toolbar select {\n        padding: 5px 8px;\n        border: 1px solid rgba(0, 0, 0, 0.15);\n        border-radius: 5px;\n        font-size: 14px;\n        color: #212529;\n      }\n      .toolbar .add-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        padding: 5px 10px;\n        background: #35618e;\n        color: #fff;\n        border-radius: 5px;\n        cursor: pointer;\n        font-size: 13px;\n      }\n      .toolbar .locked-note {\n        font-size: 13px;\n        color: #6c757d;\n      }\n\n      .grid-wrapper {\n        overflow-x: auto;\n        padding: 0 6px;\n      }\n      table {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 13px;\n      }\n      thead th {\n        background: #f3f3fa;\n        border-top: 2px solid #0c4da2;\n        color: #212529;\n        text-align: center;\n        padding: 8px 6px;\n        white-space: nowrap;\n        font-weight: 500;\n      }\n      tbody td {\n        border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n        text-align: center;\n        padding: 6px 4px;\n        vertical-align: middle;\n      }\n      tbody tr:hover {\n        background: #f8fafc;\n      }\n      .month-cell {\n        color: #35618e;\n        font-weight: 600;\n        white-space: nowrap;\n      }\n      .month-cell.current {\n        color: #16a085;\n      }\n\n      input[type='number'] {\n        width: 70px;\n        padding: 4px 6px;\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        border-radius: 4px;\n        text-align: center;\n        font-size: 13px;\n      }\n      input[type='number']:focus {\n        outline: none;\n        border-color: #35618e;\n      }\n\n      .rating-select {\n        padding: 4px 6px;\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        border-radius: 4px;\n        font-size: 13px;\n        text-align: center;\n      }\n\n      .status-saved {\n        color: #16a085;\n        font-size: 12px;\n      }\n      .status-unsaved {\n        color: #e67e22;\n        font-size: 12px;\n      }\n      .status-new {\n        color: #3498db;\n        font-size: 12px;\n      }\n      .status-pending {\n        color: #e74c3c;\n        font-size: 12px;\n        font-weight: 600;\n      }\n\n      /* 미입력 셀 — 과월/현재월 row 에서 값이 비어있을 때 강조 */\n      td.pending input[type='number'],\n      td.pending .rating-select {\n        border-color: #e74c3c;\n        background-color: #fff5f5;\n      }\n      /* 한 번도 입력된 적 없는 metric 컬럼 — 헤더 강조 */\n      th.pending {\n        background: #fdecec;\n        color: #c0392b;\n      }\n\n      .button-line {\n        display: flex;\n        justify-content: center;\n        gap: 10px;\n        margin-top: 16px;\n      }\n      .ghost-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 6px 10px;\n        background: #35618e;\n        color: #ffffff;\n        border-radius: 5px;\n        cursor: pointer;\n      }\n      .ghost-btn.secondary {\n        background: #24be7b;\n      }\n      .ghost-btn.disabled {\n        opacity: 0.45;\n        cursor: not-allowed;\n      }\n\n      .delete-btn {\n        cursor: pointer;\n        color: #999;\n        font-size: 18px;\n      }\n      .delete-btn:hover {\n        color: #e74c3c;\n      }\n\n      .empty-msg {\n        text-align: center;\n        color: #999;\n        padding: 40px 0;\n        font-size: 14px;\n      }\n    `\n  ]\n\n  @property({ type: Object }) project: any = {}\n\n  /** 월별 metric 목록 (periodType=MONTH). KpiMetric admin 에 등록된 것 기준. */\n  @state() monthlyMetrics: any[] = []\n\n  /** monthRows: { workDate:'YYYY-MM', values:{[metricId]:value}, originalValues, dirty }[] */\n  @state() monthRows: any[] = []\n\n  @state() addYear: number = new Date().getFullYear()\n  @state() addMonth: number = new Date().getMonth() + 1\n  /** kpi:input — Step4 월별 데이터 저장 권한 (cumulative 와 같은 권한) */\n  @state() canSave = false\n\n  async connectedCallback() {\n    super.connectedCallback()\n    this.canSave = await hasPrivilege({\n      category: 'kpi',\n      privilege: 'input',\n      domainOwnerGranted: true,\n      superUserGranted: true\n    })\n  }\n\n  render() {\n    const years = this._getYearRange()\n\n    return html`\n      <div class=\"title\">\n        프로젝트 수행 기간 동안의 월별 데이터를 입력합니다.<br />\n        공정률, 감리자 정성 평가(1~5) 등의 항목을 월 단위로 기록하여 성과 추세 분석에 활용합니다.\n      </div>\n\n      ${this.isCompleted\n        ? html`<div class=\"toolbar\">\n            <span class=\"locked-note\">🔒 종료된 프로젝트 — 월 추가 불가, 기존 월 데이터만 수정할 수 있습니다.</span>\n          </div>`\n        : html`<div class=\"toolbar\">\n            <select\n              .value=${String(this.addYear)}\n              @change=${(e: Event) => (this.addYear = Number((e.target as HTMLSelectElement).value))}\n            >\n              ${years.map(y => html`<option value=${y} ?selected=${y === this.addYear}>${y}년</option>`)}\n            </select>\n            <select\n              .value=${String(this.addMonth)}\n              @change=${(e: Event) => (this.addMonth = Number((e.target as HTMLSelectElement).value))}\n            >\n              ${[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(\n                m => html`<option value=${m} ?selected=${m === this.addMonth}>${m}월</option>`\n              )}\n            </select>\n            <div class=\"add-btn\" @click=${this._addMonth}>+ 월 추가</div>\n          </div>`}\n\n      ${this.monthlyMetrics.length === 0\n        ? html`<div class=\"empty-msg\">\n            월별 metric (periodType=MONTH) 이 등록되어 있지 않습니다. KPI 관리자에서 먼저 등록해주세요.\n          </div>`\n        : this.monthRows.length === 0\n          ? html`<div class=\"empty-msg\">등록된 월별 데이터가 없습니다. 위에서 월을 추가해주세요.</div>`\n          : html`\n              <div class=\"grid-wrapper\">\n                <table>\n                  <thead>\n                    <tr>\n                      <th>월</th>\n                      ${this.monthlyMetrics.map(\n                        m => html`\n                          <th\n                            class=${this._isMetricNeverEntered(m.id) ? 'pending' : ''}\n                            title=${this._isMetricNeverEntered(m.id) ? '한 번도 입력된 적 없는 metric' : ''}\n                          >\n                            ${m.name}${m.unit ? ` (${m.unit})` : ''}\n                          </th>\n                        `\n                      )}\n                      <th>상태</th>\n                      <th></th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    ${this.monthRows.map(\n                      (row, rowIdx) => html`\n                        <tr>\n                          <td class=\"month-cell ${this._isCurrentMonth(row.workDate) ? 'current' : ''}\">${row.workDate}</td>\n                          ${this.monthlyMetrics.map(m => {\n                            const pending = this._isCellPending(row, m.id)\n                            // 위젯은 metric.meta.input 선언으로 결정(이름추측 isRating 제거).\n                            return html`\n                              <td class=${pending ? 'pending' : ''}>\n                                <kpi-metric-input\n                                  .metric=${this._withInputHint(m)}\n                                  .value=${row.values[m.id] ?? null}\n                                  ?disabled=${!this.canSave}\n                                  @metric-input-change=${(e: CustomEvent) =>\n                                    this._setCell(rowIdx, m.id, e.detail.value)}\n                                ></kpi-metric-input>\n                              </td>\n                            `\n                          })}\n                          <td>\n                            ${row.dirty\n                              ? html`<span class=\"status-unsaved\">수정됨</span>`\n                              : row.isAuto\n                                ? html`<span class=\"status-pending\">미입력</span>`\n                                : row.isNew\n                                  ? html`<span class=\"status-new\">신규</span>`\n                                  : html`<span class=\"status-saved\">저장됨</span>`}\n                          </td>\n                          <td>\n                            <span class=\"delete-btn\" title=\"삭제\" @click=${() => this._removeMonth(rowIdx)}>✕</span>\n                          </td>\n                        </tr>\n                      `\n                    )}\n                  </tbody>\n                </table>\n              </div>\n            `}\n\n      <div class=\"button-line\">\n        <div class=\"ghost-btn\" @click=${this._reset}>초기화</div>\n        <div\n          class=\"ghost-btn secondary ${this.canSave ? '' : 'disabled'}\"\n          title=${this.canSave ? '' : 'kpi:input 권한 필요'}\n          @click=${() => this.canSave && this._save()}\n        >\n          저장\n        </div>\n      </div>\n    `\n  }\n\n  willUpdate(changedProperties: Map<string, any>) {\n    super.willUpdate(changedProperties)\n    if (changedProperties.has('project') && this.project?.id) {\n      this._loadData()\n    }\n  }\n\n  private _getYearRange(): number[] {\n    const startYear = this.project?.startDate ? new Date(this.project.startDate).getFullYear() : new Date().getFullYear() - 2\n    const endYear = this.project?.endDate ? new Date(this.project.endDate).getFullYear() + 1 : new Date().getFullYear() + 1\n    const years: number[] = []\n    for (let y = startYear; y <= endYear; y++) years.push(y)\n    return years\n  }\n\n  private _isCurrentMonth(workDate: string): boolean {\n    return workDate === moment().tz('Asia/Seoul').format('YYYY-MM')\n  }\n\n  /**\n   * 월별 metric 정의 + 그 프로젝트의 월별 KpiMetricValue 들을 조회해 그리드 row 구성.\n   *\n   *   1) KpiMetric where periodType=MONTH → monthlyMetrics\n   *   2) KpiMetricValue where org=projectId → 월별로 그룹핑하여 monthRows\n   */\n  private async _loadData() {\n    try {\n      // 1) 월별 metric 목록\n      const metricsResp = await client.query({\n        query: gql`\n          query KpiMetrics {\n            kpiMetrics {\n              items {\n                id\n                name\n                unit\n                periodType\n                rank\n                meta\n                collectType\n              }\n            }\n          }\n        `,\n        context: { headers: tenantHeaders(this.project?.code) }\n      })\n      const all = metricsResp.data?.kpiMetrics?.items || []\n      // periodType=MONTH 만, rank 오름차순(미지정 null 은 뒤로, 동률은 기존 순서 유지).\n      this.monthlyMetrics = all\n        .filter((m: any) => m.periodType === 'MONTH')\n        .map((m: any, i: number) => ({ m, i }))\n        .sort((a: any, b: any) => {\n          const ra = a.m.rank ?? Number.POSITIVE_INFINITY\n          const rb = b.m.rank ?? Number.POSITIVE_INFINITY\n          return ra !== rb ? ra - rb : a.i - b.i\n        })\n        .map((x: any) => x.m)\n\n      if (this.monthlyMetrics.length === 0) {\n        this.monthRows = []\n        return\n      }\n\n      // 2) 프로젝트의 KpiMetricValue 들 (org=projectId). 월별 metric 만 client 측에서 필터.\n      const monthlyMetricIds = new Set(this.monthlyMetrics.map((m: any) => m.id))\n      const valuesResp = await client.query({\n        query: gql`\n          query KpiMetricValues($filters: [Filter!]) {\n            kpiMetricValues(filters: $filters) {\n              items {\n                id\n                value\n                unit\n                periodType\n                valueDate\n                metricId\n              }\n            }\n          }\n        `,\n        variables: { filters: [{ name: 'org', operator: 'eq', value: this.project.id }] },\n        context: { headers: tenantHeaders(this.project?.code) }\n      })\n      const allValues = valuesResp.data?.kpiMetricValues?.items || []\n      // periodType='MONTH' 만 그리드에 — 비월별 row 가 valueDate prefix 로 잘못 묶이지 않도록.\n      const monthlyValues = allValues.filter((v: any) => monthlyMetricIds.has(v.metricId) && v.periodType === 'MONTH')\n\n      // 월별 그룹핑 — valueDate YYYY-MM-DD 의 앞 7자리. id 도 보존 (삭제 시 사용).\n      // 현재월(=this month) row 는 운영 원칙상 표시 대상 아님 → 아예 bucket 제외.\n      const currentYm = moment().tz('Asia/Seoul').format('YYYY-MM')\n      const byMonth = new Map<string, any>()\n      for (const v of monthlyValues) {\n        const ym = (v.valueDate || '').slice(0, 7)\n        if (!ym) continue\n        if (ym === currentYm) continue // 현재월 record 무시 (DB 에 우연히 있더라도)\n        if (!byMonth.has(ym)) byMonth.set(ym, { workDate: ym, values: {}, originalValues: {}, valueIds: {}, dirty: false })\n        const row = byMonth.get(ym)\n        row.values[v.metricId] = v.value\n        row.originalValues[v.metricId] = v.value\n        row.valueIds[v.metricId] = v.id\n      }\n      // project.startDate ~ 현재월 사이 누락된 월 placeholder row 자동 추가.\n      // 사용자가 값을 입력하지 않으면 dirty 가 안 되므로 저장 시 무시되어 spurious patch 없음.\n      for (const ym of this._generateExpectedMonths()) {\n        if (!byMonth.has(ym)) {\n          byMonth.set(ym, {\n            workDate: ym,\n            values: {},\n            originalValues: {},\n            valueIds: {},\n            dirty: false,\n            isAuto: true\n          })\n        }\n      }\n\n      this.monthRows = Array.from(byMonth.values()).sort((a, b) => b.workDate.localeCompare(a.workDate))\n    } catch (e) {\n      console.error('Failed to load monthly data:', e)\n      this.monthRows = []\n    }\n  }\n\n  /** project.startDate (YYYY-MM) ~ **전월** (YYYY-MM) 까지 매월 문자열 배열.\n   *  현재월은 의도적으로 제외 — 운영 원칙상 \"이번달 데이터는 아직 입력 대상이 아님\". */\n  private _generateExpectedMonths(): string[] {\n    const startStr = (this.project?.startDate || '').slice(0, 7)\n    if (!startStr || !/^\\d{4}-\\d{2}$/.test(startStr)) return []\n    const tz = 'Asia/Seoul'\n    let cur = moment.tz(startStr, 'YYYY-MM', tz)\n    const end = moment.tz(moment().tz(tz).subtract(1, 'month').format('YYYY-MM'), 'YYYY-MM', tz)\n    if (!cur.isValid() || cur.isAfter(end)) return []\n    const months: string[] = []\n    while (cur.isSameOrBefore(end)) {\n      months.push(cur.format('YYYY-MM'))\n      cur = cur.add(1, 'month')\n    }\n    return months\n  }\n\n  /** 셀 미입력 여부 — 값 없음 AND 그 월이 **전월** (직전 한 달) 인 경우만 pending.\n   *  과월 전체가 아니라 전월 한 달에 한해서만 강조 — 사용자 입력 흐름(이번 달에 지난달 데이터)과 일치. */\n  private _isCellPending(row: any, metricId: string): boolean {\n    const v = row.values?.[metricId]\n    if (v !== undefined && v !== null && v !== '') return false\n    const lastMonth = moment().tz('Asia/Seoul').subtract(1, 'month').format('YYYY-MM')\n    return row.workDate === lastMonth\n  }\n\n  /** metric 컬럼이 전 row 통틀어 한 번도 값이 없으면 헤더 강조. */\n  private _isMetricNeverEntered(metricId: string): boolean {\n    return !this.monthRows.some(r => {\n      const v = r.values?.[metricId]\n      return v !== undefined && v !== null && v !== ''\n    })\n  }\n\n  /** 종료(COMPLETED) 프로젝트 — 신규 월 추가 금지, 기존 월만 수정 가능. */\n  private get isCompleted(): boolean {\n    return this.project?.state === ProjectState.COMPLETED\n  }\n\n  private _addMonth() {\n    // 종료된 프로젝트는 새 월을 추가할 수 없다 (기존 월 데이터 수정만 허용).\n    if (this.isCompleted) {\n      notify({ message: '종료된 프로젝트는 월을 추가할 수 없습니다. 기존 월 데이터만 수정할 수 있습니다.' })\n      return\n    }\n\n    const workDate = `${this.addYear}-${String(this.addMonth).padStart(2, '0')}`\n\n    // 현재월 row 는 추가 금지 — 운영 원칙상 이번달 데이터는 입력 대상 아님.\n    const currentYm = moment().tz('Asia/Seoul').format('YYYY-MM')\n    if (workDate === currentYm) {\n      notify({ message: '현재월(이번 달) 데이터는 입력 대상이 아닙니다.' })\n      return\n    }\n    // 미래월도 차단\n    if (workDate > currentYm) {\n      notify({ message: '미래월은 입력 대상이 아닙니다.' })\n      return\n    }\n\n    if (this.monthRows.some(r => r.workDate === workDate)) {\n      notify({ message: `${workDate}은 이미 존재합니다.` })\n      return\n    }\n\n    const newRow = { workDate, values: {}, originalValues: {}, valueIds: {}, dirty: true, isNew: true }\n    const rows = [...this.monthRows, newRow]\n    rows.sort((a, b) => b.workDate.localeCompare(a.workDate))\n    this.monthRows = rows\n  }\n\n  private async _removeMonth(rowIdx: number) {\n    const row = this.monthRows[rowIdx]\n\n    // 신규 row (DB 미반영) — 메모리에서만 제거\n    if (row.isNew) {\n      this.monthRows = this.monthRows.filter((_, i) => i !== rowIdx)\n      return\n    }\n\n    // 저장된 row — 그 월의 모든 KpiMetricValue id 들을 한 번에 삭제.\n    // 권한: things-factory 의 deleteKpiMetricValues 는 category=\"kpi\", privilege=\"mutation\"\n    // (superUser/도메인 owner 자동 통과, 일반 사용자는 별도 grant 필요).\n    const ids = Object.values(row.valueIds || {}).filter(Boolean) as string[]\n    if (ids.length === 0) {\n      this.monthRows = this.monthRows.filter((_, i) => i !== rowIdx)\n      return\n    }\n\n    const ok = await OxPrompt.open({\n      title: `${row.workDate} 의 월별 데이터를 삭제하시겠습니까?`,\n      confirmButton: { text: '삭제' },\n      cancelButton: { text: '취소' }\n    })\n    if (!ok) return\n\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation DeleteKpiMetricValues($ids: [String!]!) {\n            deleteKpiMetricValues(ids: $ids)\n          }\n        `,\n        variables: { ids },\n        context: { headers: tenantHeaders(this.project?.code) }\n      })\n      if (response.errors) {\n        throw new Error(response.errors.map((e: any) => e.message).join('\\n'))\n      }\n      notify({ message: `${row.workDate} 월별 데이터 ${ids.length}건 삭제되었습니다.` })\n      await this._loadData()\n    } catch (e) {\n      console.error('Failed to delete monthly values:', e)\n      notify({ message: '삭제 중 오류가 발생했습니다. 권한을 확인해주세요.' })\n    }\n  }\n\n  /**\n   * metric 입력 힌트 결정: DB 선언(meta.input) 우선. 없으면 전환용 파생(DB meta 미도입 동안).\n   * 향후 metric.meta.input 이 채워지면 이 파생 분기(및 isRating)는 제거한다.\n   */\n  private _withInputHint(m: any) {\n    // 유효 힌트: DB 선언(meta.input) 우선, 없으면 전환용 파생.\n    const input: any = m?.meta?.input\n      ? m.meta.input\n      : isRating(m?.name)\n      ? { widget: 'rating', max: 5, step: 1 }\n      : { widget: 'number', step: 1, min: 0 }\n\n    // 월별 그리드는 조밀해 별표 시인성이 떨어지므로, rating 은 1~N 셀렉터로 \"표현\"만 오버라이드.\n    // (metric 설정=별표 는 그대로. 넓은 완료평가 화면은 별표 유지)\n    if (input.widget === 'rating') {\n      const max = input.max ?? 5\n      const options = Array.from({ length: max }, (_, i) => ({ value: i + 1, label: String(i + 1) }))\n      return { ...m, meta: { ...(m?.meta || {}), input: { widget: 'select', options } } }\n    }\n\n    return { ...m, meta: { ...(m?.meta || {}), input } }\n  }\n\n  /** <kpi-metric-input> 이 방출하는 (이미 타입된) 값을 그대로 저장. */\n  private _setCell(rowIdx: number, metricId: string, value: any) {\n    this.monthRows = this.monthRows.map((row, i) =>\n      i !== rowIdx ? row : { ...row, values: { ...row.values, [metricId]: value }, dirty: true }\n    )\n  }\n\n  /**\n   * 저장 — dirty row 들 안의 변경된 cell 들을 KpiMetricValuePatch 로 모아\n   * updateKpiMetricValuesCumulative 한 번 호출 (backend upsert 가 unique 조합 처리).\n   */\n  private async _save() {\n    const patches: any[] = []\n    for (const row of this.monthRows) {\n      if (!row.dirty) continue\n      for (const m of this.monthlyMetrics) {\n        const value = row.values[m.id]\n        const original = row.originalValues[m.id]\n        if (value === undefined || value === null) continue // 빈 값은 skip (기존 유지)\n        if (value === original) continue // 변화 없으면 skip\n        patches.push({\n          metricId: m.id,\n          value,\n          unit: m.unit || '',\n          org: this.project.id,\n          periodType: 'MONTH',\n          valueDate: `${row.workDate}-01`\n        })\n      }\n    }\n\n    if (patches.length === 0) {\n      notify({ message: '변경된 데이터가 없습니다.' })\n      return\n    }\n\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation UpdateKpiMetricValuesCumulative($patches: [KpiMetricValuePatch!]!) {\n            updateKpiMetricValuesCumulative(patches: $patches) {\n              id\n            }\n          }\n        `,\n        variables: { patches },\n        context: { headers: tenantHeaders(this.project?.code) }\n      })\n      if (response.errors) {\n        throw new Error(response.errors.map((e: any) => e.message).join('\\n'))\n      }\n      notify({ message: `${patches.length}건 저장되었습니다.` })\n      await this._loadData()\n    } catch (e) {\n      console.error('Failed to save monthly values:', e)\n      notify({ message: '저장 중 오류가 발생했습니다.' })\n    }\n  }\n\n  private _reset() {\n    this._loadData()\n  }\n}\n"]}

package/dist-client/pages/sv-project-completed-list.js

@@ -60,7 +60,7 @@ let SvProjectCompletedListPage = class SvProjectCompletedListPage extends Scoped
           ${(_a = this.projectList) === null || _a === void 0 ? void 0 : _a.map((project) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             const areaText = `연면적 : ${((_b = (_a = project === null || project === void 0 ? void 0 : project.buildingComplex) === null || _a === void 0 ? void 0 : _a.area) === null || _b === void 0 ? void 0 : _b.toLocaleString()) || '-'} ㎡`;
-            const costText = `공사비 : ${((_d = (_c = project === null || project === void 0 ? void 0 : project.buildingComplex) === null || _c === void 0 ? void 0 : _c.constructionCost) === null || _d === void 0 ? void 0 : _d.toLocaleString()) || '-'} 억원`;
+            const costText = `계획공사비 : ${((_d = (_c = project === null || project === void 0 ? void 0 : project.buildingComplex) === null || _c === void 0 ? void 0 : _c.constructionCost) === null || _d === void 0 ? void 0 : _d.toLocaleString()) || '-'} 억원`;
             const workerCountText = `총 투입인력(M/M) : ${((_f = (_e = project === null || project === void 0 ? void 0 : project.buildingComplex) === null || _e === void 0 ? void 0 : _e.workerCount) === null || _f === void 0 ? void 0 : _f.toLocaleString()) || '-'} M/M`;
             const kpiValue = project.kpi ? project.kpi : 0;
             return html `
@@ -72,7 +72,7 @@ let SvProjectCompletedListPage = class SvProjectCompletedListPage extends Scoped
                 <div td-info>
                   <div class="name">${project.name}</div>
                   <div class="sub">주소 : ${((_h = project.buildingComplex) === null || _h === void 0 ? void 0 : _h.address) || ''}</div>
-                  <div class="sub">착공~준공 : ${project.startDate} ~ ${project.endDate}</div>
+                  <div class="sub">착공~준공(계획) : ${project.startDate} ~ ${project.endDate}</div>
                 </div>
                 <div td-etc>${areaText + '\n' + costText + '\n' + workerCountText}</div>
                 <div td-request>KPI입력 요청 - 건</div>

package/dist-client/pages/sv-project-completed-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"sv-project-completed-list.js","sourceRoot":"","sources":["../../client/pages/sv-project-completed-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '../components/kpi-single-boxplot-chart'\n\nimport { PageView, navigate } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport { Project, PROJECT_STATE, ProjectState } from './sv-project-list'\nimport '../components/sv-pagenation-control'\n\n@customElement('sv-project-completed-list')\nexport class SvProjectCompletedListPage extends ScopedElementsMixin(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n\n        width: 100%;\n        height: 100%;\n        background-color: var(--md-sys-color-background, #f6f6f6);\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      /* Search bar (Figma: content > search bar) */\n      div[header] {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin: var(--spacing-large, 12px);\n        margin-bottom: 0;\n        padding: 12px 11px;\n        border-radius: 7px;\n        background-color: rgba(46, 164, 223, 0.1);\n        border: 1px solid rgba(46, 164, 223, 0.3);\n      }\n      div[header] div[search] {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        min-width: 186px;\n      }\n      div[header] div[search] md-icon {\n        color: #212529;\n      }\n      div[header] div[search] input[type='search'] {\n        border: none;\n        outline: none;\n        background: transparent;\n        font-size: 16px;\n        color: #212529;\n        padding: 2px 0;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n      }\n      div[header] .spacer {\n        flex: 1;\n      }\n      div[header] div[count] {\n        font-size: 16px;\n        color: #000000;\n        margin-right: 6px;\n      }\n      div[header] md-icon[view] {\n        color: #35618e;\n        cursor: pointer;\n      }\n      div[header] md-icon[add] {\n        color: #4cbb49;\n        cursor: pointer;\n      }\n\n      /* Table (Figma: content > table) */\n      div[table] {\n        margin: var(--spacing-large, 12px);\n        border: 1px solid rgba(0, 0, 0, 0.15);\n        border-top: 2px solid #0c4da2;\n        border-radius: var(--md-sys-shape-corner-small, 5px);\n        overflow: hidden;\n        background: #ffffff;\n        overflow-y: auto;\n        min-height: fit-content;\n      }\n      div[table-header] {\n        display: grid;\n        grid-template-columns: 150px 80px 1fr 220px 150px 100px;\n        align-items: center;\n        justify-items: center;\n        height: 35px;\n        background: #f3f3fa;\n        padding: 0 25px;\n        column-gap: 30px;\n      }\n      div[table-header] div[col] {\n        font-size: 16px;\n        color: #212529;\n        line-height: 1.875em;\n      }\n      div[table-body] {\n        display: block;\n      }\n      div[tr] {\n        display: grid;\n        grid-template-columns: 150px 80px 1fr 220px 150px 100px;\n        align-items: center;\n        justify-items: center;\n        column-gap: 30px;\n        padding: 12px 25px;\n        background: #ffffff;\n        border-top: 1px solid rgba(0, 0, 0, 0.15);\n        cursor: pointer;\n      }\n      /* 좌측 정렬 요구사항 */\n      div[td-info],\n      div[td-etc] {\n        justify-self: start;\n        text-align: left;\n      }\n      div[td-pics] img[pic] {\n        width: 150px;\n        height: 90px;\n        object-fit: fill;\n        background: #e5e7eb;\n        border-radius: 2px;\n      }\n      div[td-status] {\n        font-weight: 700;\n        font-size: 16px;\n        color: #4cbb49;\n        line-height: 1;\n      }\n      div[td-info] {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n      }\n      div[td-info] .name {\n        font-weight: 700;\n        font-size: 14px;\n        color: #000000;\n      }\n      div[td-info] .sub {\n        font-size: 14px;\n        color: #000000;\n        line-height: 1.7;\n      }\n      div[td-etc] {\n        font-size: 16px;\n        color: #212529;\n        white-space: pre-line;\n      }\n      div[td-request] {\n        font-weight: 700;\n        font-size: 16px;\n        color: #35618e;\n        white-space: pre-line;\n      }\n      div[td-kpi] {\n        display: flex;\n        align-items: center;\n        height: 100%;\n      }\n      div[td-kpi] .kpi-value {\n        font-weight: 700;\n        font-size: 22px;\n        color: #35618e;\n        width: 30px;\n      }\n    `\n  ]\n\n  get context() {\n    return {\n      title: '완료 프로젝트'\n    }\n  }\n\n  @state() private projectName: string = ''\n  @state() private projectList: Project[] = []\n  @state() private projectCount: number = 0\n  @state() private currentPage: number = 1\n  @state() private kpiComprehensiveStats: any[] = []\n\n  private readonly pageLimit: number = 20\n\n  get totalPages(): number {\n    return Math.max(1, Math.ceil((this.projectCount || 0) / this.pageLimit))\n  }\n\n  render() {\n    return html`\n      <div header>\n        <div search>\n          <md-icon>manage_search</md-icon>\n          <input\n            type=\"search\"\n            name=\"projectName\"\n            placeholder=\"프로젝트명\"\n            .value=${this.projectName}\n            @input=${this._onInputChange}\n            @keypress=${this._onKeypress}\n          />\n        </div>\n\n        <span class=\"spacer\"></span>\n        <div count>총 ${this.projectCount}건</div>\n      </div>\n\n      <div table>\n        <div table-header>\n          <div col></div>\n          <div col>프로젝트 상태</div>\n          <div col>프로젝트 개요</div>\n          <div col>기본정보</div>\n          <div col>입력요청</div>\n          <div col>종합KPI</div>\n        </div>\n        <div table-body>\n          ${this.projectList?.map((project: Project) => {\n            const areaText = `연면적 : ${project?.buildingComplex?.area?.toLocaleString() || '-'} ㎡`\n            const costText = `공사비 : ${project?.buildingComplex?.constructionCost?.toLocaleString() || '-'} 억원`\n            const workerCountText = `총 투입인력(M/M) : ${project?.buildingComplex?.workerCount?.toLocaleString() || '-'} M/M`\n\n            const kpiValue = project.kpi ? project.kpi : 0\n\n            return html`\n              <div tr @click=${() => navigate(`project-detail/${project.id}`)}>\n                <div td-pics>\n                  <img pic src=${project.mainPhoto?.fullpath || '/assets/images/project-image.png'} alt=\"${project.name}\" />\n                </div>\n                <div td-status>${PROJECT_STATE[project.state]}</div>\n                <div td-info>\n                  <div class=\"name\">${project.name}</div>\n                  <div class=\"sub\">주소 : ${project.buildingComplex?.address || ''}</div>\n                  <div class=\"sub\">착공~준공 : ${project.startDate} ~ ${project.endDate}</div>\n                </div>\n                <div td-etc>${areaText + '\\n' + costText + '\\n' + workerCountText}</div>\n                <div td-request>KPI입력 요청 - 건</div>\n                <div td-kpi>\n                  <kpi-single-boxplot-chart .data=${this.getBoxPlotDataForProject(project)}></kpi-single-boxplot-chart>\n                  <span class=\"kpi-value\">${kpiValue?.toFixed(0) ?? '-'}</span>\n                </div>\n              </div>\n            `\n          })}\n        </div>\n      </div>\n      <sv-pagenation-control\n        .currentPage=${this.currentPage}\n        .totalItems=${this.projectCount}\n        .pageLimit=${this.pageLimit}\n        @page-change=${(e: CustomEvent) => this._changePage(e.detail.page)}\n      ></sv-pagenation-control>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n      this.getProjectList()\n      this.getKpiComprehensiveStats()\n    }\n  }\n\n  async getProjectList() {\n    const response = await client.query({\n      query: gql`\n        query Projects($filters: [Filter!], $sortings: [Sorting!], $pagination: Pagination) {\n          projects(filters: $filters, sortings: $sortings, pagination: $pagination) {\n            items {\n              id\n              name\n              state\n              startDate\n              endDate\n              geoGroup\n              mainPhoto {\n                fullpath\n              }\n              totalProgress\n              weeklyProgress\n              kpi\n              inspPassRate\n              robotProgressRate\n              structuralSafetyRate\n              buildingComplex {\n                address\n                area\n                clientCompany\n                constructionCost\n                workerCount\n              }\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters: [\n          { name: 'name', operator: 'search', value: `%${this.projectName}%` },\n          { name: 'state', operator: 'eq', value: ProjectState.COMPLETED }\n        ],\n        sortings: [{ name: 'createdAt', desc: true }],\n        pagination: { page: this.currentPage, limit: this.pageLimit }\n      }\n    })\n\n    this.projectList = response.data.projects?.items || []\n    this.projectCount = response.data.projects?.total || 0\n  }\n\n  async getKpiComprehensiveStats() {\n    try {\n      const response = await client.query({\n        query: gql`\n          query GetKpiZValueComprehensiveStats {\n            totalKpiZValueComprehensiveStats {\n              minVal\n              q1Val\n              medVal\n              q3Val\n              maxVal\n            }\n          }\n        `\n      })\n\n      this.kpiComprehensiveStats = response.data.totalKpiZValueComprehensiveStats || []\n    } catch (error) {\n      console.error('Failed to fetch KPI comprehensive stats:', error)\n      this.kpiComprehensiveStats = []\n    }\n  }\n\n  // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n  private _onInputChange(event: InputEvent) {\n    const target = event.target as HTMLInputElement\n    this[target.name] = target.value\n    if (target.name === 'projectName') {\n      this.currentPage = 1\n    }\n  }\n\n  // 검색창에서 엔터입력시 검색\n  private _onKeypress(event: KeyboardEvent) {\n    if (event.code === 'Enter') {\n      this.currentPage = 1\n      this.getProjectList()\n    }\n  }\n\n  private _changePage(page: number) {\n    const nextPage = Math.min(Math.max(1, page), this.totalPages)\n    if (nextPage !== this.currentPage) {\n      this.currentPage = nextPage\n      this.getProjectList()\n    }\n  }\n\n  private getBoxPlotDataForProject(project: Project) {\n    // 전체 프로젝트의 통계 찾기\n    const stats = this.kpiComprehensiveStats?.[0]\n\n    if (!stats) {\n      // 전체 통계의 평균값 사용 또는 기본값 반환\n      const defaultStats = this.kpiComprehensiveStats.length > 0 ? this.kpiComprehensiveStats[0] : null\n      if (defaultStats) {\n        return {\n          min: defaultStats.minVal,\n          max: defaultStats.maxVal,\n          mean: (defaultStats.q1Val + defaultStats.q3Val) / 2,\n          median: defaultStats.medVal,\n          q1: defaultStats.q1Val,\n          q3: defaultStats.q3Val,\n          value: project.kpi || 0\n        }\n      }\n\n      // 완전한 기본값\n      return {\n        min: 0,\n        max: 100,\n        mean: 50,\n        median: 50,\n        q1: 25,\n        q3: 75,\n        value: project.kpi || 0\n      }\n    }\n\n    return {\n      min: stats.minVal * 100,\n      max: stats.maxVal * 100,\n      mean: ((stats.q1Val + stats.q3Val) / 2) * 100, // 대략적 평균값\n      median: stats.medVal * 100,\n      q1: stats.q1Val * 100,\n      q3: stats.q3Val * 100,\n      value: project.kpi || 0\n    }\n  }\n}\n"]}
+{"version":3,"file":"sv-project-completed-list.js","sourceRoot":"","sources":["../../client/pages/sv-project-completed-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '../components/kpi-single-boxplot-chart'\n\nimport { PageView, navigate } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport { Project, PROJECT_STATE, ProjectState } from './sv-project-list'\nimport '../components/sv-pagenation-control'\n\n@customElement('sv-project-completed-list')\nexport class SvProjectCompletedListPage extends ScopedElementsMixin(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n\n        width: 100%;\n        height: 100%;\n        background-color: var(--md-sys-color-background, #f6f6f6);\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      /* Search bar (Figma: content > search bar) */\n      div[header] {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin: var(--spacing-large, 12px);\n        margin-bottom: 0;\n        padding: 12px 11px;\n        border-radius: 7px;\n        background-color: rgba(46, 164, 223, 0.1);\n        border: 1px solid rgba(46, 164, 223, 0.3);\n      }\n      div[header] div[search] {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        min-width: 186px;\n      }\n      div[header] div[search] md-icon {\n        color: #212529;\n      }\n      div[header] div[search] input[type='search'] {\n        border: none;\n        outline: none;\n        background: transparent;\n        font-size: 16px;\n        color: #212529;\n        padding: 2px 0;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n      }\n      div[header] .spacer {\n        flex: 1;\n      }\n      div[header] div[count] {\n        font-size: 16px;\n        color: #000000;\n        margin-right: 6px;\n      }\n      div[header] md-icon[view] {\n        color: #35618e;\n        cursor: pointer;\n      }\n      div[header] md-icon[add] {\n        color: #4cbb49;\n        cursor: pointer;\n      }\n\n      /* Table (Figma: content > table) */\n      div[table] {\n        margin: var(--spacing-large, 12px);\n        border: 1px solid rgba(0, 0, 0, 0.15);\n        border-top: 2px solid #0c4da2;\n        border-radius: var(--md-sys-shape-corner-small, 5px);\n        overflow: hidden;\n        background: #ffffff;\n        overflow-y: auto;\n        min-height: fit-content;\n      }\n      div[table-header] {\n        display: grid;\n        grid-template-columns: 150px 80px 1fr 220px 150px 100px;\n        align-items: center;\n        justify-items: center;\n        height: 35px;\n        background: #f3f3fa;\n        padding: 0 25px;\n        column-gap: 30px;\n      }\n      div[table-header] div[col] {\n        font-size: 16px;\n        color: #212529;\n        line-height: 1.875em;\n      }\n      div[table-body] {\n        display: block;\n      }\n      div[tr] {\n        display: grid;\n        grid-template-columns: 150px 80px 1fr 220px 150px 100px;\n        align-items: center;\n        justify-items: center;\n        column-gap: 30px;\n        padding: 12px 25px;\n        background: #ffffff;\n        border-top: 1px solid rgba(0, 0, 0, 0.15);\n        cursor: pointer;\n      }\n      /* 좌측 정렬 요구사항 */\n      div[td-info],\n      div[td-etc] {\n        justify-self: start;\n        text-align: left;\n      }\n      div[td-pics] img[pic] {\n        width: 150px;\n        height: 90px;\n        object-fit: fill;\n        background: #e5e7eb;\n        border-radius: 2px;\n      }\n      div[td-status] {\n        font-weight: 700;\n        font-size: 16px;\n        color: #4cbb49;\n        line-height: 1;\n      }\n      div[td-info] {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n      }\n      div[td-info] .name {\n        font-weight: 700;\n        font-size: 14px;\n        color: #000000;\n      }\n      div[td-info] .sub {\n        font-size: 14px;\n        color: #000000;\n        line-height: 1.7;\n      }\n      div[td-etc] {\n        font-size: 16px;\n        color: #212529;\n        white-space: pre-line;\n      }\n      div[td-request] {\n        font-weight: 700;\n        font-size: 16px;\n        color: #35618e;\n        white-space: pre-line;\n      }\n      div[td-kpi] {\n        display: flex;\n        align-items: center;\n        height: 100%;\n      }\n      div[td-kpi] .kpi-value {\n        font-weight: 700;\n        font-size: 22px;\n        color: #35618e;\n        width: 30px;\n      }\n    `\n  ]\n\n  get context() {\n    return {\n      title: '완료 프로젝트'\n    }\n  }\n\n  @state() private projectName: string = ''\n  @state() private projectList: Project[] = []\n  @state() private projectCount: number = 0\n  @state() private currentPage: number = 1\n  @state() private kpiComprehensiveStats: any[] = []\n\n  private readonly pageLimit: number = 20\n\n  get totalPages(): number {\n    return Math.max(1, Math.ceil((this.projectCount || 0) / this.pageLimit))\n  }\n\n  render() {\n    return html`\n      <div header>\n        <div search>\n          <md-icon>manage_search</md-icon>\n          <input\n            type=\"search\"\n            name=\"projectName\"\n            placeholder=\"프로젝트명\"\n            .value=${this.projectName}\n            @input=${this._onInputChange}\n            @keypress=${this._onKeypress}\n          />\n        </div>\n\n        <span class=\"spacer\"></span>\n        <div count>총 ${this.projectCount}건</div>\n      </div>\n\n      <div table>\n        <div table-header>\n          <div col></div>\n          <div col>프로젝트 상태</div>\n          <div col>프로젝트 개요</div>\n          <div col>기본정보</div>\n          <div col>입력요청</div>\n          <div col>종합KPI</div>\n        </div>\n        <div table-body>\n          ${this.projectList?.map((project: Project) => {\n            const areaText = `연면적 : ${project?.buildingComplex?.area?.toLocaleString() || '-'} ㎡`\n            const costText = `계획공사비 : ${project?.buildingComplex?.constructionCost?.toLocaleString() || '-'} 억원`\n            const workerCountText = `총 투입인력(M/M) : ${project?.buildingComplex?.workerCount?.toLocaleString() || '-'} M/M`\n\n            const kpiValue = project.kpi ? project.kpi : 0\n\n            return html`\n              <div tr @click=${() => navigate(`project-detail/${project.id}`)}>\n                <div td-pics>\n                  <img pic src=${project.mainPhoto?.fullpath || '/assets/images/project-image.png'} alt=\"${project.name}\" />\n                </div>\n                <div td-status>${PROJECT_STATE[project.state]}</div>\n                <div td-info>\n                  <div class=\"name\">${project.name}</div>\n                  <div class=\"sub\">주소 : ${project.buildingComplex?.address || ''}</div>\n                  <div class=\"sub\">착공~준공(계획) : ${project.startDate} ~ ${project.endDate}</div>\n                </div>\n                <div td-etc>${areaText + '\\n' + costText + '\\n' + workerCountText}</div>\n                <div td-request>KPI입력 요청 - 건</div>\n                <div td-kpi>\n                  <kpi-single-boxplot-chart .data=${this.getBoxPlotDataForProject(project)}></kpi-single-boxplot-chart>\n                  <span class=\"kpi-value\">${kpiValue?.toFixed(0) ?? '-'}</span>\n                </div>\n              </div>\n            `\n          })}\n        </div>\n      </div>\n      <sv-pagenation-control\n        .currentPage=${this.currentPage}\n        .totalItems=${this.projectCount}\n        .pageLimit=${this.pageLimit}\n        @page-change=${(e: CustomEvent) => this._changePage(e.detail.page)}\n      ></sv-pagenation-control>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n      this.getProjectList()\n      this.getKpiComprehensiveStats()\n    }\n  }\n\n  async getProjectList() {\n    const response = await client.query({\n      query: gql`\n        query Projects($filters: [Filter!], $sortings: [Sorting!], $pagination: Pagination) {\n          projects(filters: $filters, sortings: $sortings, pagination: $pagination) {\n            items {\n              id\n              name\n              state\n              startDate\n              endDate\n              geoGroup\n              mainPhoto {\n                fullpath\n              }\n              totalProgress\n              weeklyProgress\n              kpi\n              inspPassRate\n              robotProgressRate\n              structuralSafetyRate\n              buildingComplex {\n                address\n                area\n                clientCompany\n                constructionCost\n                workerCount\n              }\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters: [\n          { name: 'name', operator: 'search', value: `%${this.projectName}%` },\n          { name: 'state', operator: 'eq', value: ProjectState.COMPLETED }\n        ],\n        sortings: [{ name: 'createdAt', desc: true }],\n        pagination: { page: this.currentPage, limit: this.pageLimit }\n      }\n    })\n\n    this.projectList = response.data.projects?.items || []\n    this.projectCount = response.data.projects?.total || 0\n  }\n\n  async getKpiComprehensiveStats() {\n    try {\n      const response = await client.query({\n        query: gql`\n          query GetKpiZValueComprehensiveStats {\n            totalKpiZValueComprehensiveStats {\n              minVal\n              q1Val\n              medVal\n              q3Val\n              maxVal\n            }\n          }\n        `\n      })\n\n      this.kpiComprehensiveStats = response.data.totalKpiZValueComprehensiveStats || []\n    } catch (error) {\n      console.error('Failed to fetch KPI comprehensive stats:', error)\n      this.kpiComprehensiveStats = []\n    }\n  }\n\n  // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n  private _onInputChange(event: InputEvent) {\n    const target = event.target as HTMLInputElement\n    this[target.name] = target.value\n    if (target.name === 'projectName') {\n      this.currentPage = 1\n    }\n  }\n\n  // 검색창에서 엔터입력시 검색\n  private _onKeypress(event: KeyboardEvent) {\n    if (event.code === 'Enter') {\n      this.currentPage = 1\n      this.getProjectList()\n    }\n  }\n\n  private _changePage(page: number) {\n    const nextPage = Math.min(Math.max(1, page), this.totalPages)\n    if (nextPage !== this.currentPage) {\n      this.currentPage = nextPage\n      this.getProjectList()\n    }\n  }\n\n  private getBoxPlotDataForProject(project: Project) {\n    // 전체 프로젝트의 통계 찾기\n    const stats = this.kpiComprehensiveStats?.[0]\n\n    if (!stats) {\n      // 전체 통계의 평균값 사용 또는 기본값 반환\n      const defaultStats = this.kpiComprehensiveStats.length > 0 ? this.kpiComprehensiveStats[0] : null\n      if (defaultStats) {\n        return {\n          min: defaultStats.minVal,\n          max: defaultStats.maxVal,\n          mean: (defaultStats.q1Val + defaultStats.q3Val) / 2,\n          median: defaultStats.medVal,\n          q1: defaultStats.q1Val,\n          q3: defaultStats.q3Val,\n          value: project.kpi || 0\n        }\n      }\n\n      // 완전한 기본값\n      return {\n        min: 0,\n        max: 100,\n        mean: 50,\n        median: 50,\n        q1: 25,\n        q3: 75,\n        value: project.kpi || 0\n      }\n    }\n\n    return {\n      min: stats.minVal * 100,\n      max: stats.maxVal * 100,\n      mean: ((stats.q1Val + stats.q3Val) / 2) * 100, // 대략적 평균값\n      median: stats.medVal * 100,\n      q1: stats.q1Val * 100,\n      q3: stats.q3Val * 100,\n      value: project.kpi || 0\n    }\n  }\n}\n"]}