@dssp/dkpi 1.0.0-alpha.7 → 1.0.0-alpha.71

package/dist-client/pages/sv-project-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-project-detail.js","sourceRoot":"","sources":["../../client/pages/sv-project-detail.ts"],"names":[],"mappings":"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","sourcesContent":["import { navigate, PageLifecycle, PageView } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { Project, PROJECT_STATE, ProjectState } from './sv-project-list'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport '../components/kpi-boxplot-chart'\nimport '../components/kpi-single-boxplot-chart'\nimport '../components/kpi-radar-chart'\nimport '../components/kpi-lookup-chart'\nimport '../components/kpi-2d-lookup-chart'\n\n@customElement('sv-project-detail')\nexport class SvProjectDetailPage extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\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\n      /* content layout */\n      div[content] {\n        display: flex;\n        gap: 35px;\n        padding: 25px;\n      }\n      div[left] {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n      }\n      div[right] {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n        padding: 0 1px;\n      }\n\n      /* card */\n      .card {\n        background: #ffffff;\n        border-radius: 10px;\n        padding: 15px;\n        box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);\n      }\n      .card-title {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n        color: #35618e;\n        font-weight: 700;\n      }\n      .triangle {\n        width: 0;\n        height: 0;\n        border-left: 6px solid transparent;\n        border-right: 6px solid transparent;\n        border-top: 8px solid #35618e;\n      }\n\n      /* left top info box */\n      .bold {\n        font-weight: bold;\n      }\n      .top-info {\n        display: flex;\n        gap: 10px;\n      }\n      .top-info img[pic] {\n        width: 284px;\n        height: 160px;\n        object-fit: fill;\n        background: #e5e7eb;\n      }\n      .top-info .info {\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n        padding: 10px 0;\n        flex: 1;\n      }\n      .row {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n      }\n      .label {\n        min-width: fit-content;\n        color: #35618e;\n        font-size: 16px;\n        letter-spacing: -0.05em;\n      }\n      .value {\n        color: #333;\n        font-size: 16px;\n      }\n      .status-value {\n        color: #4cbb49;\n        font-weight: 700;\n      }\n\n      .address {\n        color: #35618e;\n        font-size: 16px;\n        letter-spacing: -0.05em;\n      }\n\n      .detail-grid {\n        display: grid;\n        grid-template-columns: 284px 1fr;\n        gap: 15px 10px;\n        padding: 5px 0;\n      }\n      .detail-grid .grid-item .label {\n        width: auto;\n      }\n\n      /* left second card (requests) */\n      .sub-desc {\n        color: #35618e;\n        font-size: 14px;\n        letter-spacing: -0.05em;\n        margin-bottom: 8px;\n      }\n      .list-block {\n        display: flex;\n        flex-direction: column;\n        gap: 5px;\n        padding: 5px 25px;\n      }\n      .list-title {\n        color: #212529;\n        font-weight: 700;\n        font-size: 16px;\n        letter-spacing: -0.05em;\n      }\n      .list-text {\n        color: #35618e;\n        font-size: 16px;\n        letter-spacing: -0.05em;\n        margin-left: 8px;\n      }\n      .list-text .warn {\n        margin-left: 10px;\n        color: #e13232;\n\n        md-icon {\n          font-size: 17px;\n          width: 13px;\n          height: 13px;\n        }\n      }\n\n      /* right buttons */\n      .button-line {\n        display: flex;\n        justify-content: flex-end;\n        gap: 10px;\n      }\n      .ghost-btn {\n        display: flex;\n        align-items: center;\n        gap: 3px;\n        padding: 5px 10px;\n        background: #35618e;\n        color: #ffffff;\n        border-radius: 5px;\n        box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);\n        cursor: pointer;\n\n        /* Material Symbols Outlined (stroke style) */\n        md-icon {\n          font-variation-settings:\n            'FILL' 0,\n            'wght' 300,\n            'GRAD' 0,\n            'opsz' 24;\n        }\n      }\n\n      /* right KPI box */\n      .kpi-box {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        padding: 15px;\n        max-height: 420px;\n        min-width: 560px;\n      }\n      .kpi-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: #35618e;\n        font-weight: 700;\n        font-size: 20px;\n        letter-spacing: -0.05em;\n      }\n      .kpi-header div {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n      }\n      .kpi-desc {\n        color: #35618e;\n        font-size: 13px;\n        letter-spacing: -0.05em;\n      }\n      .kpi-summary {\n        display: flex;\n        align-items: center;\n        padding: 0 30px;\n        max-height: 360px;\n        gap: 20px;\n      }\n      .mini-boxplot {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        position: relative;\n        min-width: 120px;\n      }\n      .boxplot-area {\n        flex: 1;\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        background: #ffffff;\n      }\n\n      .boxplot-point {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        color: #35618e;\n      }\n      .boxplot-point .value {\n        font-size: 42px;\n        font-weight: 800;\n        color: #35618e;\n        border-radius: 6px;\n      }\n      .boxplot-point .label {\n        font-size: 14px;\n        font-weight: 300;\n        width: auto;\n      }\n\n      /* spider chart placeholder */\n      .spider-area {\n        flex: 5;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        height: 100%;\n      }\n\n      /* group distribution */\n      .group-box .desc {\n        color: #35618e;\n        font-size: 13px;\n        letter-spacing: -0.05em;\n        margin-top: 4px;\n      }\n      .group-chart {\n        height: 300px;\n        margin-top: 25px;\n      }\n\n      kpi-single-boxplot-chart {\n        flex: 1;\n      }\n\n      /* KPI 메트릭 데이터 카드 */\n      .metrics-card {\n        background: #ffffff;\n        border-radius: 10px;\n        padding: 20px;\n        box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);\n        max-width: 100%;\n        overflow: hidden;\n      }\n      .metrics-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n      .metrics-header .title {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        color: #35618e;\n        font-weight: 700;\n        font-size: 18px;\n      }\n      .metrics-card .desc {\n        color: #35618e;\n        font-size: 13px;\n        letter-spacing: -0.05em;\n        margin-top: 4px;\n        margin-bottom: 15px;\n      }\n      .metrics-content {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n      }\n      .metric-group {\n        border-bottom: 1px dotted #ddd;\n        padding-bottom: 12px;\n      }\n      .metric-group:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n      }\n      .metric-group-header {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 8px;\n        color: #35618e;\n        font-weight: 600;\n        font-size: 16px;\n      }\n      .metric-group-icon {\n        width: 20px;\n        height: 20px;\n        background: #35618e;\n        border-radius: 3px;\n        position: relative;\n      }\n      .metric-group-icon::before {\n        content: '✓';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        color: white;\n        font-size: 12px;\n        font-weight: bold;\n      }\n      .metric-items {\n        display: grid;\n        grid-template-columns: 1fr 1fr 1fr;\n        gap: 8px 16px;\n        padding-left: 28px;\n      }\n      .metric-item {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        font-size: 14px;\n      }\n      .metric-label {\n        color: #333;\n        flex: 1;\n      }\n      .metric-value {\n        color: #35618e;\n        font-weight: 600;\n        min-width: 40px;\n        text-align: right;\n      }\n\n      /* Popup overlay */\n      .popup-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: rgba(0, 0, 0, 0.5);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 1000;\n      }\n      .popup-content {\n        background: white;\n        border-radius: 12px;\n        padding: 24px;\n        max-width: 800px;\n        width: 90%;\n        max-height: 80vh;\n        overflow-y: auto;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n      }\n      .popup-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 20px;\n        padding-bottom: 16px;\n        border-bottom: 2px solid #e0e0e0;\n      }\n      .popup-title {\n        font-size: 20px;\n        font-weight: 700;\n        color: #35618e;\n      }\n      .popup-close {\n        cursor: pointer;\n        font-size: 24px;\n        color: #999;\n        background: none;\n        border: none;\n        padding: 4px 8px;\n      }\n      .popup-close:hover {\n        color: #333;\n      }\n      .popup-chart-container {\n        min-height: 400px;\n        height: 500px;\n      }\n      .metric-label {\n        cursor: pointer;\n      }\n      .metric-label:hover {\n        opacity: 0.7;\n        text-decoration: underline;\n      }\n    `\n  ]\n\n  get context() {\n    return {\n      title: this.project ? `프로젝트 상세 정보 - ${this.project?.name}` : '프로젝트 상세 정보'\n    }\n  }\n\n  @state() private project: Project = {} as Project\n  @state() private kpiComprehensiveStats: any[] = []\n  @state() private kpiYComprehensiveStats: any[] = []\n  @state() private projectXKpiValues: any[] = []\n  @state() private showScoreDistribution: boolean = false\n  @state() private selectedKpi: any = null\n\n  render() {\n    return html`\n      <div content>\n        <div left>\n          <div class=\"card\">\n            <div class=\"card-title\">\n              <div>${this.project.name}</div>\n              <div class=\"triangle\"></div>\n            </div>\n\n            <div class=\"top-info\" style=\"margin-top: 10px;\">\n              <img pic src=${this.project.mainPhoto?.fullpath || '/assets/images/project-image.png'} alt=\"project\" />\n              <div class=\"info\">\n                <div class=\"row\">\n                  <div class=\"label\">• 주소</div>\n                  <div class=\"value\">${this.project.buildingComplex?.address}</div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"label\">• 공사기간</div>\n                  <div class=\"value\">${this.project.startDate} ~ ${this.project.endDate}</div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"label\">• 현장상태</div>\n                  <div class=\"value status-value\">${PROJECT_STATE[this.project.state]}</div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"label\">• 요청상세</div>\n                  <div class=\"value bold\">000</div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"label\">• 알람</div>\n                  <div class=\"value\">000</div>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"detail-grid\">\n              <div class=\"grid-item row\">\n                <div class=\"label\">• 공사비</div>\n                <div class=\"value\">${this.project.buildingComplex?.constructionCost?.toLocaleString() || '-'} 억원</div>\n              </div>\n              <div class=\"grid-item row\">\n                <div class=\"label\">• 연면적</div>\n                <div class=\"value\">${this.project.buildingComplex?.area?.toLocaleString() || '-'} ㎡</div>\n              </div>\n              <div class=\"grid-item row\">\n                <div class=\"label\">• 용적률</div>\n                <div class=\"value\">000 %</div>\n              </div>\n              <div class=\"grid-item row\">\n                <div class=\"label\">• 투입인력</div>\n                <div class=\"value\">000 명</div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"card\">\n            <div class=\"card-title\">\n              <div>입력 대기 중</div>\n              <div class=\"triangle\"></div>\n            </div>\n            <div class=\"sub-desc\">\n              현재 입력 기한이 도래했거나, 입력이 지연되고 있는 KPI 항목입니다. 해당 항목에 대한 데이터를 입력 해 주시기 바랍니다.\n            </div>\n\n            <div class=\"list-block\">\n              <div class=\"list-title\">• 입력 대기 중 2건</div>\n              <div class=\"list-text\"># 2033312-Y5.1 : 검수자재 불합격률</div>\n              <div class=\"list-text\"># 2033312-Y5.1 : 품질시험 불합격 건수</div>\n            </div>\n            <div class=\"list-block\">\n              <div class=\"list-title\">• 입력 기한 초과 1건</div>\n              <div class=\"list-text\">\n                # 2033312-Y5.2 : 검측 불합격률 <span class=\"warn\">2026.2.12 <md-icon>report</md-icon></span>\n              </div>\n            </div>\n            <div class=\"list-block\">\n              <div class=\"list-title\">• 입력 예정 4건</div>\n              <div class=\"list-text\"># 2033320-Y4.32 : 연면적 대비 공기입력</div>\n              <div class=\"list-text\"># 2012345-Y4.32 : 책임감리원의 일정성과 수준 평가</div>\n              <div class=\"list-text\"># 2035641-Y5.22 : 설계 변경에 따른 공기 증감률</div>\n              <div class=\"list-text\"># 2096412-Y5.31 : 현장별 일정 이탈 수준</div>\n            </div>\n            <div class=\"list-block\">\n              <div class=\"list-title\">• 입력 기한 없음 3건</div>\n              <div class=\"list-text\"># 2033320-Y4.32 : 연면적 대비 공기입력</div>\n              <div class=\"list-text\"># 2012345-Y4.32 : 책임감리원의 일정성과 수준 평가</div>\n              <div class=\"list-text\"># 2035641-Y5.22 : 설계 변경에 따른 공기 증감률</div>\n            </div>\n          </div>\n        </div>\n\n        <div right>\n          ${html`\n            <div class=\"button-line\">\n              <div class=\"ghost-btn\" @click=${() => navigate(`project-update/${this.project.id}`)}>\n                <md-icon slot=\"\">assignment</md-icon>\n                <div>프로젝트 수정</div>\n              </div>\n              <div class=\"ghost-btn\" @click=${() => navigate(`project-complete/${this.project.id}`)}>\n                <md-icon slot=\"\">assignment_turned_in</md-icon>\n                <div>프로젝트 완공 처리</div>\n              </div>\n            </div>\n          `}\n\n          <div class=\"card kpi-box\">\n            <div class=\"kpi-header\">\n              <div>\n                <div>종합 KPI</div>\n                <div class=\"triangle\"></div>\n              </div>\n              <div class=\"kpi-desc\">프로젝트의 6개 성과를 종합한 종합 KPI포인트와 각 지표별 분포</div>\n            </div>\n\n            <div class=\"kpi-summary\">\n              <div class=\"mini-boxplot\" title=\"boxplot placeholder\">\n                <div class=\"boxplot-area\">\n                  <kpi-single-boxplot-chart .data=${this.getBoxPlotDataForProject(this.project)}></kpi-single-boxplot-chart>\n                </div>\n\n                <div class=\"boxplot-point\">\n                  <div class=\"value\">${this.project.kpi ? this.project.kpi.toFixed(1) : '-'}</div>\n                  <div class=\"label\">Point</div>\n                </div>\n              </div>\n\n              <div class=\"spider-area\">\n                <sv-kpi-radar-chart\n                  .data=${this.getRadarChartData().data}\n                  .categories=${this.getRadarChartData().categories}\n                  .currentGroup=${'프로젝트성과'}\n                ></sv-kpi-radar-chart>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"card group-box\">\n            <div class=\"kpi-header\">\n              <div>\n                <div>그룹별 분포</div>\n                <div class=\"triangle\"></div>\n              </div>\n            </div>\n            <div class=\"desc\">\n              Boxplot(박스플롯)은 각 카테고리별로 값의 분포(최소, 1사분위, 중앙값, 3사분위, 최대, 평균, 이상치 등)를 보여줍니다.\n              박스는 중앙 50% 구간, 수염은 전체 범위, 굵은 검정색 가로선은 중앙값(메디안), 초록색 원은 평균값(Mean)을 의미합니다.\n              이 프로젝트의 값은 진한 오렌지색 원으로 별도 강조되어 표시되며, 중앙값/평균과 다를 수 있습니다.\n            </div>\n            <div class=\"group-chart\">\n              <sv-kpi-boxplot-chart .data=${this.getYKpiBoxplotData()}></sv-kpi-boxplot-chart>\n            </div>\n          </div>\n\n          <div class=\"metrics-card\">\n            <div class=\"metrics-header\">\n              <div class=\"title\">\n                <span>그룹별 상세 매트릭 데이터</span>\n                <div class=\"triangle\"></div>\n              </div>\n            </div>\n            <div class=\"desc\">\n              프로젝트의 6개 성과별 상세 주요 매트릭 데이터 (각 세부 항목을 클릭하시면 평가 기준표를 확인할 수 있습니다)\n            </div>\n            <div class=\"metrics-content\">\n              ${Object.values(this.getMetricGroups()).map(\n                group => html`\n                  <div class=\"metric-group\">\n                    <div class=\"metric-group-header\">\n                      <div class=\"metric-group-icon\"></div>\n                      <span>${group.name}</span>\n                      <span style=\"margin-left: 10px; color: #4caf50; font-weight: 700;\">[${group.score}]</span>\n                    </div>\n                    <div class=\"metric-items\">\n                      ${group.metrics.map(\n                        metric => html`\n                          <div class=\"metric-item\">\n                            <span\n                              class=\"metric-label\"\n                              @click=${() => this._onMetricLabelClick(metric)}\n                              title=\"클릭하시면 평가 기준표를 확인할 수 있습니다\"\n                            >\n                              ${metric.label}\n                            </span>\n                            <span class=\"metric-value\">${metric.value}</span>\n                          </div>\n                        `\n                      )}\n                    </div>\n                  </div>\n                `\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      ${this.showScoreDistribution && this.selectedKpi\n        ? html`\n            <div class=\"popup-overlay\" @click=${this._closePopup}>\n              <div class=\"popup-content\" @click=${(e: Event) => e.stopPropagation()}>\n                <div class=\"popup-header\">\n                  <div class=\"popup-title\">${this.selectedKpi.kpiName} — 성과 분포</div>\n                  <button class=\"popup-close\" @click=${this._closePopup}>×</button>\n                </div>\n                <div class=\"popup-chart-container\">\n                  ${/*\n                    * scoreType 기반 차트 분기:\n                    *\n                    * CUSTOM (X13 등): 2D 룩업 히트맵 — 단, 증강데이터에서는 value가\n                    *   이미 1~5 정수(룩업 결과)이므로 히트맵 대신 게이지로 폴백.\n                    *   실제 프로젝트에서는 value가 편차율(소수점)이므로 히트맵 표시.\n                    *\n                    * LOOKUP: 성과 분포 커브 (kpi-lookup-chart)\n                    * ASSESSMENT: 5단계 게이지 (kpi-lookup-chart 자동 감지)\n                    */ ''}\n                  ${(this.selectedKpi.scoreType === 'CUSTOM' ||\n                    this.selectedKpi.grades?.type === 'PROGRESS_DEVIATION_LOOKUP') &&\n                  this.selectedKpi.value !== null &&\n                  !(\n                    this.selectedKpi.value === Math.floor(this.selectedKpi.value) &&\n                    this.selectedKpi.value >= 1 &&\n                    this.selectedKpi.value <= 5\n                  )\n                    ? html`\n                        <kpi-2d-lookup-chart\n                          .grades=${this.selectedKpi.grades}\n                          .value=${this.selectedKpi.value}\n                          .progressRate=${this.project?.totalProgress ?? 50}\n                          unit=\"%\"\n                          kpiName=${this.selectedKpi.kpiName || ''}\n                        ></kpi-2d-lookup-chart>\n                      `\n                    : this._isAssessmentOrIntegerScore()\n                      ? this._renderAssessmentGrades()\n                      : html`\n                          <kpi-lookup-chart\n                            .grades=${this.selectedKpi.grades || []}\n                            .value=${this.selectedKpi.value}\n                            .scoreType=${this.selectedKpi.scoreType || ''}\n                            .valueType=${this.selectedKpi.valueType || ''}\n                            unit=${this.selectedKpi.unit || ''}\n                          ></kpi-lookup-chart>\n                        `}\n                </div>\n              </div>\n            </div>\n          `\n        : ''}\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.initProject(lifecycle.resourceId)\n      this.getKpiComprehensiveStats()\n      this.getKpiYComprehensiveStats()\n      if (lifecycle.resourceId) {\n        this.getProjectXKpiValues(lifecycle.resourceId)\n      }\n    }\n  }\n\n  async initProject(projectId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query Project($id: String!) {\n          project(id: $id) {\n            id\n            name\n            state\n            startDate\n            endDate\n            projectType\n            mainPhoto {\n              fullpath\n            }\n            totalProgress\n            weeklyProgress\n            kpi\n            kpiValues {\n              kpiName\n              value\n            }\n            inspPassRate\n            robotProgressRate\n            structuralSafetyRate\n            robotCount\n            buildingComplex {\n              id\n              address\n              latitude\n              longitude\n              area\n              clientCompany\n              constructionCompany\n              supervisoryCompany\n              designCompany\n              drawing {\n                id\n                name\n                fullpath\n              }\n              constructionType\n              constructionCost\n              etc\n              notice\n              householdCount\n              buildingCount\n              virtualTourLink\n              buildings {\n                id\n                name\n                floorCount\n              }\n            }\n          }\n        }\n      `,\n      variables: { id: projectId }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data?.project || ({} as Project)\n\n    this.updateContext()\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  async getKpiYComprehensiveStats() {\n    try {\n      const response = await client.query({\n        query: gql`\n          query GetKpiYValueComprehensiveStats {\n            totalKpiYValueComprehensiveStats {\n              kpiName\n              minVal\n              q1Val\n              medVal\n              q3Val\n              maxVal\n              avgVal\n              projectCount\n            }\n          }\n        `\n      })\n\n      this.kpiYComprehensiveStats = response.data.totalKpiYValueComprehensiveStats || []\n    } catch (error) {\n      console.error('Failed to fetch KPI Y comprehensive stats:', error)\n      this.kpiYComprehensiveStats = []\n    }\n  }\n\n  async getProjectXKpiValues(projectId: string) {\n    try {\n      const response = await client.query({\n        query: gql`\n          query GetProjectXKpiValues($projectId: String!) {\n            projectXKpiValues(projectId: $projectId) {\n              id\n              value\n              valueDate\n              kpi {\n                id\n                name\n                description\n              }\n            }\n          }\n        `,\n        variables: { projectId }\n      })\n\n      this.projectXKpiValues = response.data.projectXKpiValues || []\n    } catch (error) {\n      console.error('Failed to fetch project X KPI values:', error)\n      this.projectXKpiValues = []\n    }\n  }\n\n  private _onMetricLabelClick(metric: any) {\n    // metric.pattern을 사용하여 X-KPI 조회\n    if (!metric.pattern) {\n      console.warn('No pattern found for metric:', metric)\n      return\n    }\n\n    // X-KPI 이름 패턴 (예: X11, X12, X21, ...)\n    const kpiNamePattern = metric.pattern\n\n    // 해당 KPI 정보 조회\n    this._fetchKpiWithGradesByPattern(kpiNamePattern, metric.label)\n  }\n\n  private async _fetchKpiWithGradesByPattern(kpiNamePattern: string, displayName: string) {\n    try {\n      // X-KPI 이름 패턴으로 전체 이름 찾기 (projectXKpiValues에서)\n      const kpiValue = this.projectXKpiValues.find(kv => kv.kpi?.name && kv.kpi.name.includes(kpiNamePattern))\n\n      if (!kpiValue || !kpiValue.kpi) {\n        console.warn(`No KPI found for pattern: ${kpiNamePattern}`)\n        return\n      }\n\n      // GraphQL로 KPI 상세 정보 (grades 포함) 조회\n      const response = await client.query({\n        query: gql`\n          query Kpi($id: String!) {\n            kpi(id: $id) {\n              id\n              name\n              grades\n              scoreType\n              valueType\n              vizMeta\n            }\n          }\n        `,\n        variables: { id: kpiValue.kpi.id }\n      })\n\n      if (response.errors || !response.data?.kpi) {\n        console.error('KPI not found or error:', response.errors)\n        return\n      }\n\n      const kpi = response.data.kpi\n\n      // grades가 없으면 경고\n      const is2D = kpi.grades && !Array.isArray(kpi.grades) && kpi.grades.type === 'PROGRESS_DEVIATION_LOOKUP'\n      if (!kpi.grades || (!is2D && (!Array.isArray(kpi.grades) || kpi.grades.length === 0))) {\n        console.warn(`No grades found for KPI: ${kpiValue.kpi.name}`)\n      }\n\n      this.selectedKpi = {\n        kpiName: displayName,\n        grades: kpi.grades || [],\n        scoreType: kpi.scoreType || '',\n        valueType: kpi.valueType || '',\n        value: kpiValue.value ?? null,\n        unit: kpi.vizMeta?.unit || ''\n      }\n\n      this.showScoreDistribution = true\n    } catch (error) {\n      console.error('Error fetching KPI:', error)\n    }\n  }\n\n  /**\n   * 등급 기준으로 표시할지 판별 (차트 대신 등급 설명 목록)\n   *\n   * - valueType=ASSESSED: 감리자 직접 평가 → 등급 설명\n   * - CUSTOM/COMPOSITE이지만 value가 1~5 정수 (증강데이터): 등급 설명 + 히트맵\n   * - grades가 배열이 아닌 경우 (2D lookup 객체): 등급 설명 + 히트맵\n   */\n  private _isAssessmentOrIntegerScore(): boolean {\n    const kpi = this.selectedKpi\n    if (!kpi) return false\n    // valueType 기반 판별 (우선)\n    if (kpi.valueType === 'ASSESSED') return true\n    // CUSTOM/COMPOSITE이지만 value가 1~5 정수 (증강데이터)\n    if (\n      (kpi.scoreType === 'CUSTOM' || kpi.valueType === 'COMPOSITE') &&\n      kpi.value !== null &&\n      kpi.value === Math.floor(kpi.value) &&\n      kpi.value >= 1 &&\n      kpi.value <= 5\n    )\n      return true\n    // grades가 배열이 아닌 경우 (2D lookup 객체)\n    if (kpi.grades && !Array.isArray(kpi.grades)) return true\n    return false\n  }\n\n  /** 등급 기준 표시 (ASSESSED / 1~5 정수 score) — 현재 값 강조 + CUSTOM은 2D 히트맵도 표시 */\n  private _renderAssessmentGrades() {\n    const kpi = this.selectedKpi\n    const currentScore = kpi?.value != null ? Math.round(kpi.value) : 0\n    const grades = Array.isArray(kpi?.grades) ? kpi.grades : []\n    const colors = ['#e53935', '#ff9800', '#ffca28', '#66bb6a', '#2e7d32']\n    const is2D = kpi?.scoreType === 'CUSTOM' || kpi?.valueType === 'COMPOSITE' ||\n      (kpi?.grades && typeof kpi.grades === 'object' && !Array.isArray(kpi.grades) && kpi.grades.type === 'PROGRESS_DEVIATION_LOOKUP')\n\n    // grades가 있으면 description 사용, 없으면 기본 라벨\n    const defaultLabels = ['매우 미흡', '미흡', '보통', '양호', '우수']\n    const items = [1, 2, 3, 4, 5].map(score => {\n      const grade = grades.find((g: any) => g.score === score)\n      return {\n        score,\n        desc: grade?.description || grade?.name || defaultLabels[score - 1],\n        color: colors[score - 1],\n        active: score === currentScore\n      }\n    })\n\n    // ASSESSED(감리자 평가)이고 grades에 description이 있는 경우만 한 줄씩 상세 표시\n    // X13 등 COMPOSITE/CUSTOM은 인라인 칩으로 간결하게\n    const hasDescriptions = !is2D && grades.length > 0 && grades.some((g: any) => g.description)\n\n    return html`\n      <div style=\"padding: 20px;\">\n        <div style=\"font-size: 1rem; font-weight: 700; margin-bottom: 16px; color: #333;\">\n          등급 기준 ${currentScore >= 1 ? html`<span style=\"color: ${colors[currentScore - 1]}; margin-left: 8px;\">현재: ${currentScore}점</span>` : ''}\n        </div>\n        ${hasDescriptions\n          ? items.map(\n              item => html`\n                <div\n                  style=\"\n                    display: flex; align-items: center; gap: 10px;\n                    padding: 10px 14px; margin-bottom: 6px;\n                    border-radius: 8px;\n                    background: ${item.active ? item.color + '18' : '#f9f9f9'};\n                    border: 2px solid ${item.active ? item.color : 'transparent'};\n                    transition: all 0.2s;\n                  \"\n                >\n                  <span\n                    style=\"\n                      width: 32px; height: 32px; border-radius: 50%;\n                      background: ${item.active ? item.color : '#e0e0e0'};\n                      color: ${item.active ? '#fff' : '#999'};\n                      display: flex; align-items: center; justify-content: center;\n                      font-weight: 700; font-size: 14px; flex-shrink: 0;\n                    \"\n                  >${item.score}</span>\n                  <span style=\"font-size: 0.9rem; color: ${item.active ? '#333' : '#666'}; font-weight: ${item.active ? '600' : '400'};\">\n                    ${item.desc}\n                  </span>\n                </div>`\n            )\n          : html`\n              <div style=\"display: flex; gap: 6px; flex-wrap: wrap;\">\n                ${items.map(\n                  item => html`\n                    <span style=\"\n                      display: inline-flex; align-items: center; justify-content: center;\n                      width: 36px; height: 36px; border-radius: 50%;\n                      background: ${item.active ? item.color : '#e0e0e0'};\n                      color: ${item.active ? '#fff' : '#999'};\n                      font-weight: 700; font-size: 14px;\n                      border: 2px solid ${item.active ? item.color : 'transparent'};\n                    \">${item.score}</span>`\n                )}\n              </div>\n            `}\n\n        ${is2D && kpi?.grades?.rows\n          ? html`\n              <div style=\"margin-top: 20px; border-top: 1px solid #e0e0e0; padding-top: 16px;\">\n                <div style=\"font-size: 0.9rem; font-weight: 700; color: #333; margin-bottom: 8px;\">\n                  공정률 × 공기편차 성과 분포\n                </div>\n                <div style=\"height: 250px;\">\n                  <kpi-2d-lookup-chart\n                    .grades=${kpi.grades}\n                    .progressRate=${this.project?.totalProgress ?? 50}\n                  ></kpi-2d-lookup-chart>\n                </div>\n              </div>\n            `\n          : ''}\n      </div>\n    `\n  }\n\n  private _closePopup() {\n    this.showScoreDistribution = false\n    this.selectedKpi = null\n  }\n\n  private getMetricValue(kpiNamePattern: string): string {\n    const kpiValue = this.projectXKpiValues.find(kv => kv.kpi?.name && kv.kpi.name.includes(kpiNamePattern))\n    const value = kpiValue?.value || 0\n\n    // 정수면 그대로, 소수면 최대 3자리까지만 표시\n    if (Number.isInteger(value)) {\n      return value.toString()\n    } else {\n      return value.toFixed(3).replace(/\\.?0+$/, '')\n    }\n  }\n\n  private getYKpiScoreFormatted(kpiName: string): string {\n    const value = this.getProjectYKpiValue(kpiName)\n    if (value === 0) return '-'\n    return (value * 100).toFixed(1)\n  }\n\n  private getMetricGroups() {\n    return {\n      Y1: {\n        name: '일정성과 (Y1)',\n        score: this.getYKpiScoreFormatted('Y1. 일정성과'),\n        metrics: [\n          { label: '연면적 대비 공사기간', pattern: 'X11', value: this.getMetricValue('X11') },\n          { label: '설계변경 공기 증감률', pattern: 'X12', value: this.getMetricValue('X12') },\n          { label: '일정 이탈 수준', pattern: 'X13', value: this.getMetricValue('X13') },\n          { label: '일정성과 수준 평가', pattern: 'X14', value: this.getMetricValue('X14') }\n        ]\n      },\n      Y2: {\n        name: '비용성과 (Y2)',\n        score: this.getYKpiScoreFormatted('Y2. 비용성과'),\n        metrics: [\n          { label: '연면적 대비 공사비', pattern: 'X21', value: this.getMetricValue('X21') },\n          { label: '설계변경 공사비 증감', pattern: 'X22', value: this.getMetricValue('X22') },\n          { label: '일정성과 수준 평가', pattern: 'X23', value: this.getMetricValue('X23') }\n        ]\n      },\n      Y3: {\n        name: '품질성과 (Y3)',\n        score: this.getYKpiScoreFormatted('Y3. 품질성과'),\n        metrics: [\n          { label: '검측 불합격률', pattern: 'X33', value: this.getMetricValue('X33') },\n          { label: '품질 SL-PA 결과', pattern: 'X34', value: this.getMetricValue('X34') },\n          { label: '품질성과 수준 평가', pattern: 'X35', value: this.getMetricValue('X35') }\n        ]\n      },\n      Y4: {\n        name: '안전성과 (Y4)',\n        score: this.getYKpiScoreFormatted('Y4. 안전성과'),\n        metrics: [\n          { label: '재해율', pattern: 'X41', value: this.getMetricValue('X41') },\n          { label: '재해강도율', pattern: 'X42', value: this.getMetricValue('X42') },\n          { label: '안전 SL-PA 결과', pattern: 'X43', value: this.getMetricValue('X43') },\n          { label: '안전성과 수준 평가', pattern: 'X44', value: this.getMetricValue('X44') }\n        ]\n      },\n      Y5: {\n        name: '환경성과 (Y5)',\n        score: this.getYKpiScoreFormatted('Y5. 환경성과'),\n        metrics: [\n          { label: '건설폐기물 발생량', pattern: 'X51', value: this.getMetricValue('X51') },\n          { label: '환경성과 수준 평가', pattern: 'X52', value: this.getMetricValue('X52') }\n        ]\n      },\n      Y6: {\n        name: '생산성 성과 (Y6)',\n        score: this.getYKpiScoreFormatted('Y6. 생산성성과'),\n        metrics: [\n          { label: '투입인력 생산성', pattern: 'X61', value: this.getMetricValue('X61') },\n          { label: '생산성성과 수준 평가', pattern: 'X62', value: this.getMetricValue('X62') }\n        ]\n      }\n    }\n  }\n\n  private getYKpiBoxplotData() {\n    // KPI 카테고리 매핑 (Y-category KPI names to display categories)\n    const categoryMapping: Record<string, string> = {\n      Y01_productivity: '생산성과',\n      Y02_schedule: '일정성과',\n      Y03_cost: '비용성과',\n      Y04_quality: '품질성과',\n      Y05_safety: '안전성과',\n      Y06_environment: '환경성과'\n    }\n\n    const data: Array<{\n      org: string\n      min: number\n      max: number\n      q1: number\n      q3: number\n      median: number\n      mean: number\n      value: number\n    }> = []\n\n    // Y-KPI 카테고리별로 통합된 통계 생성\n    this.kpiYComprehensiveStats.forEach(stat => {\n      const category = categoryMapping[stat.kpiName] || stat.kpiName\n\n      data.push({\n        org: category, // org 필드 사용 (boxplot 차트가 기대하는 필드명)\n        min: stat.minVal * 100,\n        max: stat.maxVal * 100,\n        q1: stat.q1Val * 100,\n        q3: stat.q3Val * 100,\n        median: stat.medVal * 100,\n        mean: stat.avgVal * 100,\n        value: this.getProjectYKpiValue(stat.kpiName) * 100 // 현재 프로젝트의 실제 Y-KPI 값 (0~1 → 0~20)\n      })\n    })\n\n    return data.sort((a, b) => a.org.localeCompare(b.org))\n  }\n\n  private getProjectYKpiValue(kpiName: string): number {\n    // 현재 프로젝트의 kpiValues 배열에서 해당 KPI 값을 찾습니다\n    const kpiValue = this.project?.kpiValues?.find(kv => kv.kpiName === kpiName)\n    return kpiValue?.value || 0\n  }\n\n  private getRadarChartData() {\n    // KPI 카테고리 매핑 (Y-category KPI names to display categories)\n    const categoryMapping: Record<string, string> = {\n      Y01_productivity: '생산성',\n      Y02_schedule: '일정',\n      Y03_cost: '비용',\n      Y04_quality: '품질',\n      Y05_safety: '안전',\n      Y06_environment: '환경'\n    }\n\n    const data: Array<{ org: string; category: string; value: number }> = []\n    const categories: string[] = []\n\n    // Create baseline data from comprehensive stats (using avgVal as baseline)\n    this.kpiYComprehensiveStats.forEach(stat => {\n      const category = categoryMapping[stat.kpiName] || stat.kpiName\n      if (!categories.includes(category)) {\n        categories.push(category)\n      }\n\n      // Add baseline average\n      data.push({\n        org: '기준평균',\n        category,\n        value: Math.round(stat.avgVal * 100) // Scale to match expected range (0~1 → 0~20)\n      })\n\n      // Add current project performance (using project's individual values)\n      data.push({\n        org: '프로젝트성과',\n        category,\n        value: Math.round(this.getProjectYKpiValue(stat.kpiName) * 100) // Y-KPI 값 (0~1 → 0~20)\n      })\n    })\n\n    return {\n      data,\n      categories:\n        categories.length > 0\n          ? categories\n          : ['Y1. 일정성과', 'Y2. 비용성과', 'Y3. 품질성과', 'Y4. 안전성과', 'Y5. 환경성과', 'Y6. 생산성성과']\n    }\n  }\n\n  private getBoxPlotDataForProject(project: Project) {\n    // 프로젝트의 지역(geo_group)에 해당하는 통계 찾기\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"]}

package/dist-client/pages/sv-project-list.d.ts

@@ -0,0 +1,165 @@
+import '@material/web/icon/icon.js';
+import '../components/kpi-single-boxplot-chart';
+import { PageView } from '@operato/shell';
+import { Attachment } from '@things-factory/attachment-base';
+import type { FileUpload } from 'graphql-upload/GraphQLUpload.js';
+import '../components/sv-pagenation-control';
+import '@dssp/project/dist-client/pages/project/popup/popup-project-create';
+export declare enum ProjectState {
+    'ONGOING' = "10",
+    'COMPLETED' = "20"
+}
+export declare const PROJECT_STATE: {
+    "10": string;
+    "20": string;
+};
+export declare enum BuildingInspectionStatus {
+    WAIT = "WAIT",
+    OVERALL_WAIT = "OVERALL_WAIT",
+    REQUEST = "REQUEST",
+    OVERALL_REQUEST = "OVERALL_REQUEST",
+    PASS = "PASS",
+    FAIL = "FAIL"
+}
+export declare const BUILDING_INSPECTION_STATUS: {
+    WAIT: string;
+    OVERALL_WAIT: string;
+    REQUEST: string;
+    OVERALL_REQUEST: string;
+    PASS: string;
+    FAIL: string;
+};
+export declare enum ProjectType {
+    DSSP = "DSSP",
+    DCSP = "DCSP",
+    DKPI = "DKPI"
+}
+export interface KpiValuesObject {
+    kpiName: string;
+    value: number;
+}
+export interface Project {
+    id?: string;
+    name: string;
+    state: ProjectState;
+    startDate?: string;
+    endDate?: string;
+    mainPhoto?: Attachment;
+    mainPhotoUpload?: FileUpload;
+    totalProgress?: number;
+    weeklyProgress?: number;
+    kpi?: number;
+    kpiValues?: KpiValuesObject[];
+    inspPassRate?: number;
+    robotProgressRate?: number;
+    structuralSafetyRate?: number;
+    robotCount?: number;
+    scheduleTable?: Attachment;
+    buildingComplex: BuildingComplex;
+    projectType?: ProjectType;
+}
+export interface BuildingComplex {
+    id?: string;
+    address?: string;
+    latitude?: number;
+    longitude?: number;
+    area?: number;
+    constructionCompany?: string;
+    clientCompany?: string;
+    designCompany?: string;
+    supervisoryCompany?: string;
+    drawing?: Attachment;
+    drawingUpload?: FileUpload;
+    constructionType?: string;
+    constructionCost?: number;
+    etc?: string;
+    householdCount?: number;
+    buildingCount?: number;
+    notice?: string;
+    planXScale?: number;
+    planYScale?: number;
+    overallConstructorEmails?: string[];
+    taskConstructorEmails?: string[];
+    overallSupervisoryEmails?: string[];
+    taskSupervisoryEmails?: string[];
+    buildings?: Building[];
+}
+export interface Building {
+    id?: string;
+    name: string | undefined;
+    floorCount: number | undefined;
+    hasBasement?: boolean;
+    basementFloorCount?: number;
+    drawing?: Attachment;
+    drawingUpload?: FileUpload;
+    buildingLevels?: BuildingLevel[];
+}
+export interface BuildingLevel {
+    id?: string;
+    floor?: number;
+    floorDisplayName?: string;
+    mainDrawing?: Attachment;
+    mainDrawingImage?: string;
+    mainDrawingThumbnail?: string;
+    mainDrawingUpload?: FileUpload;
+    elevationDrawing?: Attachment;
+    elevationDrawingThumbnail?: string;
+    elevationDrawingUpload?: FileUpload;
+    rebarDistributionDrawing?: Attachment;
+    rebarDistributionDrawingThumbnail?: string;
+    rebarDistributionDrawingUpload?: FileUpload;
+    etcDrawings?: Attachment[];
+    etcDrawingsUpload?: FileUpload[];
+    building?: Building;
+    buildingInspections?: BuildingInspection[];
+}
+export interface BuildingInspection {
+    id?: string;
+    attatchments?: Attachment[];
+    status?: BuildingInspectionStatus;
+    requestDate?: Date;
+    buildingLevel?: BuildingLevel;
+    checklist?: Checklist;
+    createdAt?: Date;
+    updatedAt?: Date;
+    deletedAt?: Date;
+}
+export interface Checklist {
+    id: string;
+    name?: string;
+    documentNo?: string;
+    constructionType?: string;
+    constructionDetailType?: string;
+    location?: string;
+    constructionInspectorDate?: Date;
+    supervisorInspectorDate?: Date;
+    overallConstructorSignature?: string;
+    taskConstructorSignature?: string;
+    overallSupervisorySignature?: string;
+    taskSupervisorySignature?: string;
+    inspectionParts?: string[];
+}
+declare const SvProjectListPage_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
+export declare class SvProjectListPage extends SvProjectListPage_base {
+    static styles: import("lit").CSSResult[];
+    get context(): {
+        title: string;
+    };
+    private projectName;
+    private projectList;
+    private projectCount;
+    private currentPage;
+    private kpiComprehensiveStats;
+    private readonly pageLimit;
+    get totalPages(): number;
+    render(): import("lit-html").TemplateResult<1>;
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    getProjectList(): Promise<void>;
+    private _onInputChange;
+    private _onKeypress;
+    private _changePage;
+    getKpiComprehensiveStats(): Promise<void>;
+    private _openCreateProjectPopup;
+    private getBoxPlotDataForProject;
+}
+export {};