npm - @dssp/dkpi - Versions diffs - 1.0.0-y.0 → 1.0.1 - Mend

@dssp/dkpi 1.0.0-y.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (213) hide show

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

	@@ -1 +1 @@
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 { 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'\n\n@customElement('sv-project-detail')\nexport class SvProjectDetailPage 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\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: #212529;\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 }\n .kpi-header {\n display: flex;\n align-items: center;\n gap: 5px;\n color: #35618e;\n font-weight: 700;\n font-size: 20px;\n letter-spacing: -0.05em;\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 gap: 35px;\n padding: 0 30px;\n }\n .mini-boxplot {\n width: 70px;\n height: 100%;\n position: relative;\n }\n .boxplot-area {\n width: 100%;\n height: 190px;\n display: flex;\n align-items: center;\n background: #ffffff;\n }\n\n .boxplot-point {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n color: #35618e;\n }\n .boxplot-point .value {\n font-size: 30px;\n font-weight: 700;\n color: #35618e;\n border-radius: 6px;\n padding: 4px 8px;\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 display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n flex: 1;\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: 205px;\n margin-top: 25px;\n }\n `\n ]\n\n get context() {\n return {\n title: '프로젝트 상세 정보'\n }\n }\n\n @state() private project: Project = {} as Project\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/no-image.png'} alt=\"project\" />\n <div class=\"info\">\n <div class=\"address\">• ${this.project.buildingComplex?.address}</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\">???</div>\n </div>\n <div class=\"row\">\n <div class=\"label\">• 알람</div>\n <div class=\"value\">???</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\">??? %</div>\n </div>\n <div class=\"grid-item row\">\n <div class=\"label\">• 투입인력</div>\n <div class=\"value\">??? 명</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\">2025.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 ${this.project.state === ProjectState.ONGOING\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\n <div class=\"card kpi-box\">\n <div class=\"kpi-header\">\n <div>종합 KPI</div>\n <div class=\"triangle\"></div>\n </div>\n <div class=\"kpi-desc\">\n 프로젝트의 생산성, 품질, 안전, 환경, 비용, 일정 등 6개의 성과를 종합한 종합KPI 포인트 정보와 각 지표별\n 분포차트입니다.\n </div>\n\n <div class=\"kpi-summary\">\n <div class=\"mini-boxplot\" title=\"boxplot placeholder\">\n <div class=\"boxplot-area\">boxplot area</div>\n\n <div class=\"boxplot-point\">\n <div class=\"value\">???</div>\n <div class=\"label\">Point</div>\n </div>\n </div>\n\n <div class=\"spider-area\">spider chart</div>\n </div>\n </div>\n\n <div class=\"card group-box\">\n <div class=\"kpi-header\">\n <div>그룹별 분포</div>\n <div class=\"triangle\"></div>\n </div>\n <div class=\"desc\">\n Boxplot(박스플롯)은 각 카테고리별로 값의 분포(최소, 1사분위, 중앙값, 3사분위, 최대, 평균, 이상치 등)를 보여줍니다.\n 박스는 중앙 50% 구간, 수염은 전체 범위, 굵은 검정색 가로선은 중앙값(메디안), 초록색 원은 평균값(Mean)을 의미합니다.\n 이 프로젝트의 값은 진한 오렌지색 원으로 별도 강조되어 표시되며, 중앙값/평균과 다를 수 있습니다.\n </div>\n <div class=\"group-chart\"></div>\n </div>\n </div>\n </div>\n `\n }\n\n async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n if (this.active) {\n await this.initProject(lifecycle.resourceId)\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 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}\n"]}
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 { SITE_TYPE_DISPLAY } from '@dssp/project/dist-client/pages/project/project-list'\nimport { client } from '@operato/graphql'\nimport { getDomain } from '@things-factory/auth-base/dist-client/profiled'\nimport gql from 'graphql-tag'\nimport moment from 'moment-timezone'\nimport { isProjectTypeDomain, tenantHeaders } from '@dssp/project/dist-client/shared/domain-context'\nimport '../components/kpi-boxplot-chart'\nimport '../components/kpi-single-boxplot-chart'\nimport '../components/kpi-radar-chart'\nimport '../components/kpi-lookup-chart'\nimport '../components/kpi-step-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 / 미러링: KPI(right)를 좌측·넓게, 정보(left)를 우측·좁게 /\n flex-direction: row-reverse;\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 / 카드 헤더 우상단 버튼 (프로젝트 수정 / KPI 데이타입력) /\n .card-title .header-btn {\n margin-left: auto;\n padding: 4px 10px;\n font-size: 13px;\n font-weight: 500;\n }\n .card-title .header-btn md-icon {\n --md-icon-size: 18px;\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-score {\n display: flex;\n align-items: baseline;\n gap: 6px;\n margin-left: auto;\n margin-right: 16px;\n }\n .popup-score .score-value {\n font-size: 44px;\n font-weight: 800;\n color: #e53935;\n line-height: 1;\n }\n .popup-score .score-label {\n font-size: 14px;\n color: #888;\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: !isProjectTypeDomain() && 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 /* 이 프로젝트에 아직 한 번도 입력되지 않은 metric (active 한 manual/import 한정) /\n @state() private pendingMetrics: { id: string; name: string; description?: string }[] = []\n /* 현재 프로젝트의 모든 KpiMetricValue (metric.name 포함) — 2D lookup chart 의 progressRate / value 도출용. /\n @state() private allKpiMetricValues: any[] = []\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 class=\"ghost-btn header-btn\"\n @click=${async () => {\n if (isProjectTypeDomain()) {\n navigate('project-update')\n return\n }\n const id = this.project.id \|\| (await this._resolveProjectIdFromDomain())\n if (id) navigate(`project-update/${id}`)\n }}\n >\n <md-icon slot=\"\">assignment</md-icon>\n <div>프로젝트 수정</div>\n </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\">\n ${\n (this.project as any).sectorType === 'PUBLIC'\n ? '공공'\n : (this.project as any).sectorType === 'PRIVATE'\n ? '민간'\n : '-'\n }\n </div>\n </div>\n <div class=\"row\">\n <div class=\"label\">• 용도</div>\n <div class=\"value\">\n ${\n (this.project as any).buildingUsage === 'RESIDENTIAL'\n ? '주거'\n : (this.project as any).buildingUsage === 'NON_RESIDENTIAL'\n ? '비주거'\n : '-'\n }\n </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\">${(this.project.buildingComplex as any)?.floorAreaRatio?.toLocaleString() \|\| '-'} %</div>\n </div>\n <div class=\"grid-item row\">\n <div class=\"label\">• 총 투입인력(M/M)</div>\n <div class=\"value\">${(this.project.buildingComplex as any)?.workerCount?.toLocaleString() \|\| '-'} 명</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 class=\"ghost-btn header-btn\"\n @click=${async () => {\n if (isProjectTypeDomain()) {\n navigate('project-complete')\n return\n }\n const id = this.project.id \|\| (await this._resolveProjectIdFromDomain())\n if (id) navigate(`project-complete/${id}`)\n }}\n >\n <md-icon slot=\"\">assignment_turned_in</md-icon>\n <div>KPI 데이타입력</div>\n </div>\n </div>\n <div class=\"sub-desc\">\n 이 프로젝트에 아직 입력되지 않은 KPI 항목입니다. 해당 항목에 대한 데이터를 입력 해 주시기 바랍니다.\n </div>\n\n <div class=\"list-block\">\n <div class=\"list-title\">• 미입력 ${this.pendingMetrics.length}건</div>\n ${\n this.pendingMetrics.length === 0\n ? html`<div class=\"list-text\">모든 항목이 입력되었습니다.</div>`\n : this.pendingMetrics.map(\n m => html`\n <div\n class=\"list-text\"\n style=\"cursor: pointer;\"\n @click=${async () => {\n if (isProjectTypeDomain()) {\n navigate('project-complete')\n return\n }\n const id = this.project.id \|\| (await this._resolveProjectIdFromDomain())\n if (id) navigate(`project-complete/${id}`)\n }}\n >\n # ${m.name}\n </div>\n `\n )\n }\n </div>\n </div>\n </div>\n\n <div right>\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>성과영역별 KPI</div>\n <div class=\"triangle\"></div>\n </div>\n </div>\n <div class=\"desc\">\n Boxplot(박스플롯)은 박스는 중앙 50% 구간, 수염은 전체 범위, 굵은 파란색 가로선은 중앙값(median), 초록색 원은\n 평균값(Mean)을 의미합니다. 당해 프로젝트의 값은 붉은색 원으로 표시됩니다.\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>성과영역별 KPI 측정값</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 ${\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 ${\n this.selectedKpi.score !== undefined && this.selectedKpi.score !== null\n ? html`\n <div class=\"popup-score\">\n <span class=\"score-value\">${Number(this.selectedKpi.score).toFixed(1)}</span>\n </div>\n `\n : ''\n }\n <button class=\"popup-close\" @click=${this._closePopup}>×</button>\n </div>\n <div class=\"popup-chart-container\">\n ${\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 }\n ${\n // SL-PA 결과(X34 품질, X43 안전) 만 계단형 등급 분포 차트로 표시.\n // (다른 KPI 차트 경로에는 영향 없음)\n this.selectedKpi.pattern === 'X34' \|\| this.selectedKpi.pattern === 'X43'\n ? html`\n <kpi-step-lookup-chart\n .grades=${this.selectedKpi.grades \|\| []}\n .value=${this.selectedKpi.value}\n .score=${this.selectedKpi.score ?? null}\n unit=${this.selectedKpi.unit \|\| ''}\n ></kpi-step-lookup-chart>\n `\n : // 2D lookup KPI (X13 등) 는 항상 등급 기준 + 히트맵 함께 표시 (value 가\n // 정수든 소수든 일관). _renderAssessmentGrades 안의 is2D 분기가 히트맵\n // 같이 그림. 그 외 ASSESSMENT 도 등급 기준, LOOKUP 은 분포 커브.\n this.selectedKpi.scoreType === 'CUSTOM' \|\| this.selectedKpi.grades?.type === 'PROGRESS_DEVIATION_LOOKUP'\n ? this._renderAssessmentGrades()\n : this._isAssessmentOrIntegerScore()\n ? this._renderAssessmentGrades()\n : html`\n <kpi-lookup-chart\n .grades=${this.selectedKpi.grades \|\| []}\n .value=${this.selectedKpi.value}\n .score=${this.selectedKpi.score ?? null}\n .scoreType=${this.selectedKpi.scoreType \|\| ''}\n .valueType=${this.selectedKpi.valueType \|\| ''}\n unit=${this.selectedKpi.unit \|\| ''}\n ></kpi-lookup-chart>\n `\n }\n </div>\n </div>\n </div>\n `\n : ''\n }\n `\n }\n\n async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n if (!this.active) return\n\n let projectId = lifecycle.resourceId\n\n // 프로젝트 테넌트 컨텍스트(/project/<code>/) 에서 진입한 경우 resourceId 가 비어있다.\n // 현재 도메인의 subdomain(= Project.code) 으로 프로젝트를 역조회.\n if (!projectId) {\n projectId = await this._resolveProjectIdFromDomain()\n }\n\n if (!projectId) return\n\n // initProject 의 GraphQL 응답을 기다리지 않고 project.id 를 즉시 채워서,\n // 링크의 `project-update/${project.id}` 가 절대 undefined 가 되지 않도록 보장.\n this.project = { ...this.project, id: projectId } as Project\n\n // 후속 query 들이 tenant 컨텍스트로 동작하도록 project.code 를 먼저 가볍게 resolve.\n // (tenant 컨텍스트에서 진입한 경우는 헤더 불필요 — tenantHeaders 가 빈 객체 반환.)\n if (!isProjectTypeDomain()) {\n await this._resolveProjectCode(projectId)\n }\n\n this.initProject(projectId)\n this.getKpiComprehensiveStats()\n this.getKpiYComprehensiveStats()\n this.getProjectXKpiValues(projectId)\n }\n\n private async _resolveProjectCode(projectId: string): Promise<void> {\n try {\n const resp = await client.query({\n query: gql`\n query ProjectCode($id: String!) {\n project(id: $id) {\n id\n code\n }\n }\n `,\n variables: { id: projectId }\n })\n const code = resp.data?.project?.code\n if (code) {\n this.project = { ...this.project, code } as Project\n }\n } catch (e) {\n console.warn('[project-detail] project.code resolve 실패', e)\n }\n }\n\n private async _resolveProjectIdFromDomain(): Promise<string> {\n const response = await client.query({\n query: gql`\n query CurrentProject {\n currentProject {\n id\n }\n }\n `\n })\n\n return response.data?.currentProject?.id \|\| ''\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 code\n name\n state\n startDate\n endDate\n projectType\n sectorType\n buildingUsage\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 coverageRatio\n floorAreaRatio\n siteType\n workerCount\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 context: { headers: tenantHeaders((this.project as any)?.code) }\n })\n\n if (response.errors) return\n\n this.project = response.data?.project \|\| ({} as Project)\n\n this.updateContext()\n this._loadPendingMetrics()\n }\n\n /\n 이 프로젝트의 미입력 KPI metric 들을 조회 — Step 1/2 와 동일 기준.\n * - 대상: active=true 인 manual/import metric (자동수집/외부API 제외)\n * - 판정:\n * · MONTH metric → 전월 row (periodType='MONTH', valueDate startsWith 전월) 없으면 pending\n * · 그 외 → (metric, periodType) 매칭 row 없으면 pending\n /\n private async _loadPendingMetrics() {\n if (!this.project?.id) {\n this.pendingMetrics = []\n return\n }\n\n try {\n // 1) Active manual/import metric 정의 목록 (periodType 포함)\n const metricsResp = await client.query({\n query: gql`\n query KpiMetrics {\n kpiMetrics {\n items {\n id\n name\n description\n periodType\n collectType\n active\n }\n }\n }\n `,\n context: { headers: tenantHeaders((this.project as any)?.code) }\n })\n // collectType 필터 제거 — Step 1/2 가 모든 metric 을 보여주므로 동일하게 전체 대상.\n // active=false 인 metric 만 제외.\n const targets = (metricsResp.data?.kpiMetrics?.items \|\| []).filter((m: any) => m.active)\n if (targets.length === 0) {\n this.pendingMetrics = []\n return\n }\n\n // 2) 이 프로젝트의 모든 KpiMetricValue (metric.name 포함 — 2D 차트의 latest lookup 에도 사용)\n const valuesResp = await client.query({\n query: gql`\n query KpiMetricValues($filters: [Filter!]) {\n kpiMetricValues(filters: $filters) {\n items {\n metricId\n periodType\n valueDate\n value\n metric {\n id\n name\n }\n }\n }\n }\n `,\n variables: { filters: [{ name: 'org', operator: 'eq', value: this.project.id }] },\n context: { headers: tenantHeaders((this.project as any)?.code) }\n })\n const values: any[] = valuesResp.data?.kpiMetricValues?.items \|\| []\n this.allKpiMetricValues = values\n const lastMonthYm = moment().tz('Asia/Seoul').subtract(1, 'month').format('YYYY-MM')\n\n // 3) Step 1/2 와 동일 기준으로 미입력 판정 — row 존재 AND value 존재 (null/undefined 아님).\n const hasValid = (v: any) => v.value !== null && v.value !== undefined\n this.pendingMetrics = targets.filter((m: any) => {\n if (m.periodType === 'MONTH') {\n return !values.some(\n v => v.metricId === m.id && v.periodType === 'MONTH' && (v.valueDate \|\| '').startsWith(lastMonthYm) && hasValid(v)\n )\n }\n return !values.some(v => v.metricId === m.id && v.periodType === m.periodType && hasValid(v))\n })\n } catch (e) {\n console.error('[입력 대기 중] 조회 실패', e)\n this.pendingMetrics = []\n }\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 context: { headers: tenantHeaders((this.project as any)?.code) }\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 context: { headers: tenantHeaders((this.project as any)?.code) }\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 score\n valueDate\n kpi {\n id\n name\n description\n }\n }\n }\n `,\n variables: { projectId },\n context: { headers: tenantHeaders((this.project as any)?.code) }\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 codeOf = (name: string) => (name \|\| '').trim().split(/[.\\s]/)[0]\n const kpiValue = this.projectXKpiValues.find(kv => kv.kpi?.name && codeOf(kv.kpi.name) === 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 context: { headers: tenantHeaders((this.project as any)?.code) }\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 pattern: kpiNamePattern, // X34/X43 등 — 계단형 차트 라우팅용\n grades: kpi.grades \|\| [],\n scoreType: kpi.scoreType \|\| '',\n valueType: kpi.valueType \|\| '',\n value: kpiValue.value ?? null,\n score: kpiValue.score ?? 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 // score 가 진짜 등급. kpi.value 는 raw 측정값 (편차율 등) 이라 score 로 쓰면 안 됨.\n const currentScore = kpi?.score != null ? Math.round(kpi.score) : 0\n const grades = Array.isArray(kpi?.grades) ? kpi.grades : []\n const colors = ['#e53935', '#ff9800', '#ffca28', '#66bb6a', '#2e7d32']\n const is2D =\n kpi?.scoreType === 'CUSTOM' \|\|\n kpi?.valueType === 'COMPOSITE' \|\|\n (kpi?.grades &&\n typeof kpi.grades === 'object' &&\n !Array.isArray(kpi.grades) &&\n 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 // ASSESSMENT (감리자 평가) 의 등급 description 만 노출. 2D lookup 은 score 가 이미\n // popup-header 큰 점수로 표시되므로 등급 기준 행/동그라미 중복 제거.\n return html`\n <div style=\"padding: 20px; display: flex; flex-direction: column; height: 100%;\">\n ${\n hasDescriptions\n ? items.map(\n item =>\n html` <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 >\n <span\n style=\"font-size: 0.9rem; color: ${item.active ? '#333' : '#666'}; font-weight: ${\n item.active ? '600' : '400'\n };\"\n >\n ${item.desc}\n </span>\n </div>`\n )\n : ''\n }\n ${\n is2D && kpi?.grades?.rows\n ? html`\n <div style=\"flex: 1; display: flex; flex-direction: column; min-height: 0;\">\n <div style=\"font-size: 0.9rem; font-weight: 700; color: #333; margin-bottom: 8px;\">\n 공정률 × 공기편차 성과 분포\n </div>\n <div style=\"flex: 1; min-height: 0;\">\n <kpi-2d-lookup-chart\n .grades=${kpi.grades}\n .value=${this._getScheduleDeviation()}\n .progressRate=${this._getProgressRate()}\n ></kpi-2d-lookup-chart>\n </div>\n </div>\n `\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 // KPI 이름 \"X52. 환경성과 수준 평가\" 의 선두 코드 토큰(\"X52\")을 정확히 매칭.\n // includes 부분매칭은 유사코드 오매칭 위험이 있어 코드 토큰 === 로 비교한다.\n const codeOf = (name: string) => (name \|\| '').trim().split(/[.\\s]/)[0]\n const matches = this.projectXKpiValues.filter(kv => kv.kpi?.name && codeOf(kv.kpi.name) === kpiNamePattern)\n // 같은 코드가 여러 scope/기간으로 중복될 수 있어 최신 valueDate 를 대표값으로 선택.\n const kpiValue = matches.sort((a, b) => (b.valueDate \|\| '').localeCompare(a.valueDate \|\| ''))[0]\n const value = kpiValue?.value \|\| 0\n\n // 성과영역별 KPI 측정값: 정수는 그대로, 소수는 소숫점 2자리로 표시\n if (Number.isInteger(value)) {\n return value.toString()\n } else {\n return value.toFixed(2)\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: '총 투입인력(M/M) 생산성', pattern: 'X61', value: this.getMetricValue('X61') },\n { label: '생산성성과 정성 평가', pattern: 'X62', value: this.getMetricValue('X62') }\n ]\n }\n }\n }\n\n private getYKpiBoxplotData() {\n // kpiName 표기가 환경마다 다양('Y1. 일정성과' / 'Y1. 일정' / '일정성과(Y1)' 등)하므로\n // Y1~Y6 코드만 추출해 짧은 X축 라벨로 매핑 — 전체 문자열에 의존하지 않아 견고함.\n const yLabelByCode: Record<string, string> = {\n Y1: '일정',\n Y2: '비용',\n Y3: '품질',\n Y4: '안전',\n Y5: '환경',\n Y6: '생산성'\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 = yLabelByCode[(stat.kpiName \|\| '').match(/Y[1-6]/)?.[0] ?? ''] \|\| 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 // 가나다순(localeCompare)이 아니라 Y1~Y6 고정 순서로 정렬 (일정·비용·품질·안전·환경·생산성)\n const ORDER = ['일정', '비용', '품질', '안전', '환경', '생산성']\n return data.sort((a, b) => ORDER.indexOf(a.org) - ORDER.indexOf(b.org))\n }\n\n /*\n KpiMetric.name 이 주어진 이름인 KpiMetricValue 중 가장 최근 valueDate 의 value.\n * 2D lookup chart 의 progressRate / value 도출용.\n /\n private _getLatestMetricValue(metricName: string): number \| null {\n const candidates = this.allKpiMetricValues\n .filter(v => v.metric?.name === metricName && v.value !== null && v.value !== undefined)\n .sort((a, b) => (b.valueDate \|\| '').localeCompare(a.valueDate \|\| ''))\n return candidates.length > 0 ? candidates[0].value : null\n }\n\n /* 2D lookup chart 의 progressRate (X축, 실적공정율 %) — 이름이 '실적공정' 을 포함하는\n * metric 의 latest 값 우선(율/률·공백·코드 접두 차이 허용, '계획공정' 과는 구분). 없으면 fallback. /\n private _getProgressRate(): number {\n const candidates = this.allKpiMetricValues\n // 월별(MONTH) 행만 — 옛 일별(DAY) 잔재가 valueDate 로 더 최신이라 잘못 집히던 것 방지.\n .filter(\n v => (v.metric?.name \|\| '').includes('실적공정') && v.periodType === 'MONTH' && v.value !== null && v.value !== undefined\n )\n .sort((a, b) => (b.valueDate \|\| '').localeCompare(a.valueDate \|\| ''))\n if (candidates.length > 0) return candidates[0].value\n return (this.project as any)?.totalProgress ?? 50\n }\n\n /* 2D lookup chart 의 value (Y축, 공기편차) — X13(일정 이탈 수준)이 formula\n * (`[계획공정률] − [실적공정률]`)로 계산한 값을 그대로 사용한다. 산식은 X13 한 곳에만\n * 두고, 클라는 재계산하지 않는다(단일 소스). 값이 없으면 '일정 이탈 수준' metric 폴백. /\n private _getScheduleDeviation(): number \| null {\n if (this.selectedKpi?.value !== undefined && this.selectedKpi?.value !== null) return this.selectedKpi.value\n return this._getLatestMetricValue('일정 이탈 수준')\n }\n\n private getProjectYKpiValue(kpiName: string): number {\n // kpiName 표기가 'Y1. 일정성과' / '일정성과(Y1)' 등으로 달라 정확 매칭은 자주 실패함.\n // Y1~Y6 코드만 추출해 매칭 → 형식 차이와 무관하게 값 조회.\n const code = (kpiName \|\| '').match(/Y[1-6]/)?.[0]\n const kpiValue = this.project?.kpiValues?.find(kv =>\n code ? (kv.kpiName \|\| '').match(/Y[1-6]/)?.[0] === code : kv.kpiName === kpiName\n )\n return kpiValue?.value \|\| 0\n }\n\n private getRadarChartData() {\n // kpiName 표기가 다양하므로 Y1~Y6 코드만 추출해 짧은 라벨로 매핑 (박스플롯과 동일 방식).\n const yLabelByCode: Record<string, string> = {\n Y1: '일정',\n Y2: '비용',\n Y3: '품질',\n Y4: '안전',\n Y5: '환경',\n Y6: '생산성'\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 = yLabelByCode[(stat.kpiName \|\| '').match(/Y[1-6]/)?.[0] ?? ''] \|\| stat.kpiName\n if (!categories.includes(category)) {\n categories.push(category)\n }\n\n // Add baseline average\n // 성과영역별 측정값(getYKpiScoreFormatted, toFixed(1))과 소수 1자리로 일치시킨다.\n // 과거엔 Math.round(정수)라 radar 76 vs 측정값 76.2 처럼 반올림 불일치가 있었음.\n data.push({\n org: '기준평균',\n category,\n value: Number((stat.avgVal 100).toFixed(1)) // Scale to match expected range (0~1 → 0~100)\n })\n\n // Add current project performance (using project's individual values)\n data.push({\n org: '프로젝트성과',\n category,\n value: Number((this.getProjectYKpiValue(stat.kpiName) * 100).toFixed(1)) // Y-KPI 값 (0~1 → 0~100)\n })\n })\n\n return {\n data,\n categories: categories.length > 0 ? categories : ['일정', '비용', '품질', '안전', '환경', '생산성']\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 CHANGED Viewed

@@ -6,8 +6,8 @@ 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"
+    ONGOING = "10",
+    COMPLETED = "20"
 }
 export declare const PROJECT_STATE: {
     "10": string;
@@ -34,6 +34,10 @@ export declare enum ProjectType {
     DCSP = "DCSP",
     DKPI = "DKPI"
 }
+export interface KpiValuesObject {
+    kpiName: string;
+    value: number;
+}
 export interface Project {
     id?: string;
     name: string;
@@ -45,6 +49,7 @@ export interface Project {
     totalProgress?: number;
     weeklyProgress?: number;
     kpi?: number;
+    kpiValues?: KpiValuesObject[];
     inspPassRate?: number;
     robotProgressRate?: number;
     structuralSafetyRate?: number;
@@ -70,6 +75,7 @@ export interface BuildingComplex {
     etc?: string;
     householdCount?: number;
     buildingCount?: number;
+    workerCount?: number;
     notice?: string;
     planXScale?: number;
     planYScale?: number;
@@ -144,14 +150,26 @@ export declare class SvProjectListPage extends SvProjectListPage_base {
     private projectList;
     private projectCount;
     private currentPage;
+    /** projectId → 미입력 KPI 건수 */
+    private pendingCounts;
+    private kpiComprehensiveStats;
     private readonly pageLimit;
     get totalPages(): number;
     render(): import("lit-html").TemplateResult<1>;
     pageUpdated(changes: any, lifecycle: any): Promise<void>;
     getProjectList(): Promise<void>;
+    /**
+     * 각 프로젝트의 미입력 KPI metric 건수 산정 — sv-project-detail._loadPendingMetrics 와 동일 기준.
+     *  - metric 정의: admin 도메인 — 헤더 없이 한 번 조회
+     *  - 각 프로젝트의 KpiMetricValue: 그 프로젝트 tenant 도메인 — 프로젝트별로 헤더 적용해 병렬 조회
+     * 결과는 this.pendingCounts 에 캐시, 렌더에서 표시.
+     */
+    private _loadPendingCounts;
     private _onInputChange;
     private _onKeypress;
     private _changePage;
+    getKpiComprehensiveStats(): Promise<void>;
     private _openCreateProjectPopup;
+    private getBoxPlotDataForProject;
 }
 export {};

package/dist-client/pages/sv-project-list.js CHANGED Viewed

@@ -10,6 +10,8 @@ import { openPopup } from '@operato/layout';
 import gql from 'graphql-tag';
 import '../components/sv-pagenation-control';
 import '@dssp/project/dist-client/pages/project/popup/popup-project-create';
+import { tenantHeaders } from '@dssp/project/dist-client/shared/domain-context';
+import moment from 'moment-timezone';
 export var ProjectState;
 (function (ProjectState) {
     ProjectState["ONGOING"] = "10";
@@ -29,12 +31,12 @@ export var BuildingInspectionStatus;
     BuildingInspectionStatus["FAIL"] = "FAIL";
 })(BuildingInspectionStatus || (BuildingInspectionStatus = {}));
 export const BUILDING_INSPECTION_STATUS = {
-    [BuildingInspectionStatus.WAIT]: '검측 대기',
-    [BuildingInspectionStatus.OVERALL_WAIT]: '검측 대기',
-    [BuildingInspectionStatus.REQUEST]: '검측 요청',
-    [BuildingInspectionStatus.OVERALL_REQUEST]: '검측 요청',
-    [BuildingInspectionStatus.PASS]: '합격',
-    [BuildingInspectionStatus.FAIL]: '불합격'
+    [BuildingInspectionStatus.WAIT]: '작업 완료',
+    [BuildingInspectionStatus.OVERALL_WAIT]: '작업 완료',
+    [BuildingInspectionStatus.REQUEST]: '감리 대기',
+    [BuildingInspectionStatus.OVERALL_REQUEST]: '감리 대기',
+    [BuildingInspectionStatus.PASS]: '검측 완료',
+    [BuildingInspectionStatus.FAIL]: '조치 필요'
 };
 export var ProjectType;
 (function (ProjectType) {
@@ -49,6 +51,9 @@ let SvProjectListPage = class SvProjectListPage extends ScopedElementsMixin(Page
         this.projectList = [];
         this.projectCount = 0;
         this.currentPage = 1;
+        /** projectId → 미입력 KPI 건수 */
+        this.pendingCounts = {};
+        this.kpiComprehensiveStats = [];
         this.pageLimit = 20;
     }
     get context() {
@@ -87,22 +92,22 @@ let SvProjectListPage = class SvProjectListPage extends ScopedElementsMixin(Page
       <div table>
         <div table-header>
           <div col></div>
-          <div col>현장상태</div>
-          <div col>현장정보</div>
-          <div col>기타정보</div>
+          <div col>프로젝트 상태</div>
+          <div col>프로젝트 개요</div>
+          <div col>기본정보</div>
           <div col>입력요청</div>
           <div col>종합KPI</div>
         </div>
         <div table-body>
           ${(_a = this.projectList) === null || _a === void 0 ? void 0 : _a.map((project) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
             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 householdCountText = `세대수 : ${((_f = (_e = project === null || project === void 0 ? void 0 : project.buildingComplex) === null || _e === void 0 ? void 0 : _e.householdCount) === null || _f === void 0 ? void 0 : _f.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`;
             return html `
               <div tr @click=${() => navigate(`project-detail/${project.id}`)}>
                 <div td-pics>
-                  <img pic src=${((_g = project.mainPhoto) === null || _g === void 0 ? void 0 : _g.fullpath) || '/assets/images/no-image.png'} alt="${project.name}" />
+                  <img pic src=${((_g = project.mainPhoto) === null || _g === void 0 ? void 0 : _g.fullpath) || '/assets/images/project-image.png'} alt="${project.name}" />
                 </div>
                 <div td-status>${PROJECT_STATE[project.state]}</div>
                 <div td-info>
@@ -110,21 +115,11 @@ let SvProjectListPage = class SvProjectListPage extends ScopedElementsMixin(Page
                   <div class="sub">주소 : ${((_h = project.buildingComplex) === null || _h === void 0 ? void 0 : _h.address) || ''}</div>
                   <div class="sub">착공~준공 : ${project.startDate} ~ ${project.endDate}</div>
                 </div>
-                <div td-etc>${areaText + '\n' + costText + '\n' + householdCountText}</div>
-                <div td-request>KPI입력 요청 -건</div>
+                <div td-etc>${areaText + '\n' + costText + '\n' + workerCountText}</div>
+                <div td-request>KPI입력 요청 ${(_j = this.pendingCounts[project.id]) !== null && _j !== void 0 ? _j : '-'}건</div>
                 <div td-kpi>
-                  <kpi-single-boxplot-chart
-                    .data=${{
-                min: 0,
-                max: 100,
-                mean: 50,
-                median: 60,
-                q1: 25,
-                q3: 75,
-                value: project.kpi
-            }}
-                  ></kpi-single-boxplot-chart>
-                  <span class="kpi-value">${(_k = (_j = project.kpi) === null || _j === void 0 ? void 0 : _j.toFixed(0)) !== null && _k !== void 0 ? _k : '-'}</span>
+                  <kpi-single-boxplot-chart .data=${this.getBoxPlotDataForProject(project)}></kpi-single-boxplot-chart>
+                  <span class="kpi-value">${(_l = (_k = project.kpi) === null || _k === void 0 ? void 0 : _k.toFixed(0)) !== null && _l !== void 0 ? _l : '-'}</span>
                 </div>
               </div>
             `;
@@ -142,6 +137,7 @@ let SvProjectListPage = class SvProjectListPage extends ScopedElementsMixin(Page
     async pageUpdated(changes, lifecycle) {
         if (this.active) {
             this.getProjectList();
+            this.getKpiComprehensiveStats();
         }
     }
     async getProjectList() {
@@ -152,6 +148,7 @@ let SvProjectListPage = class SvProjectListPage extends ScopedElementsMixin(Page
           projects(filters: $filters, sortings: $sortings, pagination: $pagination) {
             items {
               id
+              code
               name
               state
               startDate
@@ -170,7 +167,7 @@ let SvProjectListPage = class SvProjectListPage extends ScopedElementsMixin(Page
                 area
                 clientCompany
                 constructionCost
-                householdCount
+                workerCount
               }
             }
             total
@@ -188,6 +185,84 @@ let SvProjectListPage = class SvProjectListPage extends ScopedElementsMixin(Page
         });
         this.projectList = ((_a = response.data.projects) === null || _a === void 0 ? void 0 : _a.items) || [];
         this.projectCount = ((_b = response.data.projects) === null || _b === void 0 ? void 0 : _b.total) || 0;
+        // 프로젝트별 "입력 대기 중" 건수 비동기 로드 — 결과 도착 시 그 row 만 업데이트
+        this._loadPendingCounts();
+    }
+    /**
+     * 각 프로젝트의 미입력 KPI metric 건수 산정 — sv-project-detail._loadPendingMetrics 와 동일 기준.
+     *  - metric 정의: admin 도메인 — 헤더 없이 한 번 조회
+     *  - 각 프로젝트의 KpiMetricValue: 그 프로젝트 tenant 도메인 — 프로젝트별로 헤더 적용해 병렬 조회
+     * 결과는 this.pendingCounts 에 캐시, 렌더에서 표시.
+     */
+    async _loadPendingCounts() {
+        var _a, _b;
+        const projects = this.projectList || [];
+        if (projects.length === 0)
+            return;
+        try {
+            // 1) active 한 전체 metric (admin 도메인 한 번 조회) — 상세화면 _loadPendingMetrics 와 동일 기준
+            const metricsResp = await client.query({
+                query: gql `
+          query KpiMetrics {
+            kpiMetrics {
+              items {
+                id
+                periodType
+                collectType
+                active
+              }
+            }
+          }
+        `
+            });
+            const targets = (((_b = (_a = metricsResp.data) === null || _a === void 0 ? void 0 : _a.kpiMetrics) === null || _b === void 0 ? void 0 : _b.items) || []).filter((m) => m.active);
+            if (targets.length === 0) {
+                this.pendingCounts = {};
+                return;
+            }
+            const lastMonthYm = moment().tz('Asia/Seoul').subtract(1, 'month').format('YYYY-MM');
+            const hasValid = (v) => v.value !== null && v.value !== undefined;
+            // 2) 프로젝트별 KpiMetricValue 병렬 조회 — 각자의 tenant 도메인 헤더 적용
+            const entries = await Promise.all(projects.map(async (p) => {
+                var _a, _b;
+                if (!(p === null || p === void 0 ? void 0 : p.id))
+                    return [p === null || p === void 0 ? void 0 : p.id, 0];
+                try {
+                    const valuesResp = await client.query({
+                        query: gql `
+                query KpiMetricValues($filters: [Filter!]) {
+                  kpiMetricValues(filters: $filters) {
+                    items {
+                      metricId
+                      periodType
+                      valueDate
+                      value
+                    }
+                  }
+                }
+              `,
+                        variables: { filters: [{ name: 'org', operator: 'eq', value: p.id }] },
+                        context: { headers: tenantHeaders(p.code) }
+                    });
+                    const values = ((_b = (_a = valuesResp.data) === null || _a === void 0 ? void 0 : _a.kpiMetricValues) === null || _b === void 0 ? void 0 : _b.items) || [];
+                    const pending = targets.filter((m) => {
+                        if (m.periodType === 'MONTH') {
+                            return !values.some(v => v.metricId === m.id && v.periodType === 'MONTH' && (v.valueDate || '').startsWith(lastMonthYm) && hasValid(v));
+                        }
+                        return !values.some(v => v.metricId === m.id && v.periodType === m.periodType && hasValid(v));
+                    });
+                    return [p.id, pending.length];
+                }
+                catch (_c) {
+                    return [p.id, 0];
+                }
+            }));
+            this.pendingCounts = Object.fromEntries(entries);
+        }
+        catch (e) {
+            console.error('[project-list] pending count 조회 실패', e);
+            this.pendingCounts = {};
+        }
     }
     // Input 요소의 값이 변경될 때 호출되는 콜백 함수
     _onInputChange(event) {
@@ -211,6 +286,28 @@ let SvProjectListPage = class SvProjectListPage extends ScopedElementsMixin(Page
             this.getProjectList();
         }
     }
+    async getKpiComprehensiveStats() {
+        try {
+            const response = await client.query({
+                query: gql `
+          query GetKpiZValueComprehensiveStats {
+            totalKpiZValueComprehensiveStats {
+              minVal
+              q1Val
+              medVal
+              q3Val
+              maxVal
+            }
+          }
+        `
+            });
+            this.kpiComprehensiveStats = response.data.totalKpiZValueComprehensiveStats || [];
+        }
+        catch (error) {
+            console.error('Failed to fetch KPI comprehensive stats:', error);
+            this.kpiComprehensiveStats = [];
+        }
+    }
     _openCreateProjectPopup() {
         openPopup(html `<popup-project-create .refreshFn=${this.getProjectList.bind(this)}></popup-project-create>`, {
             backdrop: true,
@@ -218,6 +315,45 @@ let SvProjectListPage = class SvProjectListPage extends ScopedElementsMixin(Page
             title: '신규 프로젝트 생성'
         });
     }
+    getBoxPlotDataForProject(project) {
+        var _a;
+        // 프로젝트의 지역(geo_group)에 해당하는 통계 찾기
+        const stats = (_a = this.kpiComprehensiveStats) === null || _a === void 0 ? void 0 : _a[0];
+        if (!stats) {
+            // 전체 통계의 평균값 사용 또는 기본값 반환
+            const defaultStats = this.kpiComprehensiveStats.length > 0 ? this.kpiComprehensiveStats[0] : null;
+            if (defaultStats) {
+                return {
+                    min: defaultStats.minVal,
+                    max: defaultStats.maxVal,
+                    mean: (defaultStats.q1Val + defaultStats.q3Val) / 2,
+                    median: defaultStats.medVal,
+                    q1: defaultStats.q1Val,
+                    q3: defaultStats.q3Val,
+                    value: project.kpi || 0
+                };
+            }
+            // 완전한 기본값
+            return {
+                min: 0,
+                max: 100,
+                mean: 50,
+                median: 50,
+                q1: 25,
+                q3: 75,
+                value: project.kpi || 0
+            };
+        }
+        return {
+            min: stats.minVal * 100,
+            max: stats.maxVal * 100,
+            mean: ((stats.q1Val + stats.q3Val) / 2) * 100, // 대략적 평균값
+            median: stats.medVal * 100,
+            q1: stats.q1Val * 100,
+            q3: stats.q3Val * 100,
+            value: project.kpi || 0
+        };
+    }
 };
 SvProjectListPage.styles = [
     css `
@@ -323,7 +459,7 @@ SvProjectListPage.styles = [
       }
       div[table-header] {
         display: grid;
-        grid-template-columns: 150px 80px 1fr 220px 150px 100px;
+        grid-template-columns: 150px 120px 1fr 260px 150px 110px;
         align-items: center;
         justify-items: center;
         height: 35px;
@@ -341,7 +477,7 @@ SvProjectListPage.styles = [
       }
       div[tr] {
         display: grid;
-        grid-template-columns: 150px 80px 1fr 220px 150px 100px;
+        grid-template-columns: 150px 120px 1fr 260px 150px 110px;
         align-items: center;
         justify-items: center;
         column-gap: 30px;
@@ -398,8 +534,14 @@ SvProjectListPage.styles = [
       div[td-kpi] {
         display: flex;
         align-items: center;
+        gap: 16px;
         height: 100%;
       }
+      /* 차트에 명시적 폭을 줘서 flex 안에서 0 으로 줄며 붉은 마커가 좌우로 잘리는 것 방지 */
+      div[td-kpi] kpi-single-boxplot-chart {
+        flex: 0 0 50px;
+        height: 80px;
+      }
       div[td-kpi] .kpi-value {
         font-weight: 700;
         font-size: 22px;
@@ -424,6 +566,14 @@ __decorate([
     state(),
     __metadata("design:type", Number)
 ], SvProjectListPage.prototype, "currentPage", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SvProjectListPage.prototype, "pendingCounts", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], SvProjectListPage.prototype, "kpiComprehensiveStats", void 0);
 SvProjectListPage = __decorate([
     customElement('sv-project-list')
 ], SvProjectListPage);