@dssp/dkpi 1.0.0-alpha.70 → 1.0.0-alpha.74

package/dist-client/pages/sv-project-complete.js

@@ -11,6 +11,8 @@ import './project-complete-tabs/pc-tab4-monthly';
 import { getProject, updateProjectCompleteFinalize } from '../shared/complete-api';
 import { notify } from '@operato/layout';
 import { OxPrompt } from '@operato/popup';
+import { client } from '@operato/graphql';
+import gql from 'graphql-tag';
 let SvProjectCompletePage = class SvProjectCompletePage extends ScopedElementsMixin(PageView) {
     constructor() {
         super(...arguments);
@@ -80,11 +82,28 @@ let SvProjectCompletePage = class SvProjectCompletePage extends ScopedElementsMi
     }
     async pageUpdated(changes, lifecycle) {
         if (this.active) {
-            this.projectId = lifecycle.resourceId || '';
-            this.project = await getProject(this.projectId); // View용 데이터
+            this.projectId = await this._resolveProjectId(lifecycle.resourceId || '');
+            if (this.projectId) {
+                this.project = await getProject(this.projectId);
+            }
         }
         this.updateContext();
     }
+    async _resolveProjectId(resourceId) {
+        var _a, _b;
+        if (resourceId && resourceId.length === 36)
+            return resourceId;
+        const response = await client.query({
+            query: gql `
+        query CurrentProject {
+          currentProject {
+            id
+          }
+        }
+      `
+        });
+        return ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.currentProject) === null || _b === void 0 ? void 0 : _b.id) || '';
+    }
 };
 SvProjectCompletePage.styles = [
     css `

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

@@ -1 +1 @@
-{"version":3,"file":"sv-project-complete.js","sourceRoot":"","sources":["../../client/pages/sv-project-complete.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { navigate, PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport './project-complete-tabs/pc-tab1-plan'\nimport './project-complete-tabs/pc-tab2-rating'\nimport './project-complete-tabs/pc-tab3-upload'\nimport './project-complete-tabs/pc-tab4-monthly'\nimport { getProject, getKpiCategories, updateProjectCompleteFinalize } from '../shared/complete-api'\nimport { notify } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup'\n\n@customElement('sv-project-complete')\nexport class SvProjectCompletePage 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      .page-header {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 16px 20px 8px 20px;\n      }\n      .page-title {\n        color: #35618e;\n        font-weight: 700;\n        font-size: 22px;\n        letter-spacing: -0.05em;\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      .card {\n        background: #ffffff;\n        border-radius: 8px;\n        padding: 12px;\n        box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.08);\n        margin: 0 20px 20px 20px;\n      }\n\n      .tabs {\n        display: flex;\n        justify-content: center;\n        padding: 0 12px 8px 12px;\n        border-bottom: 1px dashed rgba(0, 0, 0, 0.15);\n      }\n      .tab {\n        display: inline-flex;\n        align-items: center;\n        padding: 6px 14px;\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        color: #35618e;\n        background: #f3f6f9;\n        cursor: pointer;\n        font-size: 14px;\n        letter-spacing: -0.02em;\n      }\n      .tab:first-child {\n        border-top-left-radius: 10px;\n        border-bottom-left-radius: 10px;\n      }\n      .tab:last-child {\n        border-top-right-radius: 10px;\n        border-bottom-right-radius: 10px;\n      }\n      /* 중간 탭 이중 보더 방지: 좌측 보더 제거 */\n      .tab + .tab {\n        border-left: 0;\n      }\n      .tab[active] {\n        background: #02a8a2;\n        color: #ffffff;\n        border-color: rgba(148, 163, 184, 0.5);\n        font-weight: 700;\n      }\n\n      .tab-body {\n        padding: 12px 8px 4px 8px;\n      }\n\n      .button-line {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0 20px 10px 20px;\n      }\n      .spacer {\n        flex: 1;\n      }\n      .ghost-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 7px 12px;\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      .ghost-btn.secondary {\n        background: #3395f1;\n      }\n      .ghost-btn.complete {\n        background: #16a085;\n      }\n    `\n  ]\n\n  get context() {\n    return {\n      title: this.project ? `프로젝트 완공 처리 - ${this.project?.name}` : '프로젝트 완공 처리'\n    }\n  }\n\n  @state() private activeTab: number = 1\n  @state() private projectId: string = ''\n  @state() private project: any = {}\n\n  render() {\n    return html`\n      <div class=\"page-header\">\n        <div class=\"page-title\">프로젝트 완공 처리</div>\n        <div class=\"triangle\"></div>\n        <span class=\"spacer\"></span>\n        <div class=\"ghost-btn\" @click=${() => navigate(`project-detail/${this.projectId}`)}>\n          <md-icon>arrow_back</md-icon>\n          <div>상세로 돌아가기</div>\n        </div>\n        <div class=\"ghost-btn complete\" @click=${this._onComplete}>\n          <md-icon>check_circle</md-icon>\n          <div>완공 처리</div>\n        </div>\n      </div>\n\n      <div class=\"card\">\n        <div class=\"tabs\">\n          <div class=\"tab\" ?active=${this.activeTab === 1} @click=${() => this._onTabClick(1)}>\n            Step1. 프로젝트 기본정보 현행화\n          </div>\n          <div class=\"tab\" ?active=${this.activeTab === 2} @click=${() => this._onTabClick(2)}>Step2. 프로젝트 완료 평가</div>\n          <div class=\"tab\" ?active=${this.activeTab === 3} @click=${() => this._onTabClick(3)}>Step3. 준공 문서 업로드</div>\n          <div class=\"tab\" ?active=${this.activeTab === 4} @click=${() => this._onTabClick(4)}>Step4. 월별 데이터 입력</div>\n        </div>\n\n        <div class=\"tab-body\">\n          ${this.activeTab === 1\n            ? html`<sv-pc-tab1-plan .project=${this.project}></sv-pc-tab1-plan>`\n            : this.activeTab === 2\n              ? html`<sv-pc-tab2-rating .project=${this.project}></sv-pc-tab2-rating>`\n              : this.activeTab === 3\n                ? html`<sv-pc-tab3-upload .project=${this.project}></sv-pc-tab3-upload>`\n                : html`<sv-pc-tab4-monthly .project=${this.project}></sv-pc-tab4-monthly>`}\n        </div>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n      this.projectId = lifecycle.resourceId || ''\n\n      this.project = await getProject(this.projectId) // View용 데이터\n    }\n\n    this.updateContext()\n  }\n\n  // 탭 클릭\n  private _onTabClick = async (tabNumber: number) => {\n    if (tabNumber === this.activeTab) return\n    this.activeTab = tabNumber\n  }\n\n  // 완공 처리\n  private _onComplete = async () => {\n    if (\n      await OxPrompt.open({ title: '완공 처리를 하시겠습니까?', confirmButton: { text: '확인' }, cancelButton: { text: '취소' } })\n    ) {\n      const result = await updateProjectCompleteFinalize(this.projectId)\n      if (!result.errors) {\n        notify({ message: '완공 처리가 완료되었습니다.', level: 'info' })\n        navigate(`project-detail/${this.projectId}`)\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"sv-project-complete.js","sourceRoot":"","sources":["../../client/pages/sv-project-complete.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { navigate, PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport './project-complete-tabs/pc-tab1-plan'\nimport './project-complete-tabs/pc-tab2-rating'\nimport './project-complete-tabs/pc-tab3-upload'\nimport './project-complete-tabs/pc-tab4-monthly'\nimport { getProject, getKpiCategories, updateProjectCompleteFinalize } from '../shared/complete-api'\nimport { notify } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\n\n@customElement('sv-project-complete')\nexport class SvProjectCompletePage 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      .page-header {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 16px 20px 8px 20px;\n      }\n      .page-title {\n        color: #35618e;\n        font-weight: 700;\n        font-size: 22px;\n        letter-spacing: -0.05em;\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      .card {\n        background: #ffffff;\n        border-radius: 8px;\n        padding: 12px;\n        box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.08);\n        margin: 0 20px 20px 20px;\n      }\n\n      .tabs {\n        display: flex;\n        justify-content: center;\n        padding: 0 12px 8px 12px;\n        border-bottom: 1px dashed rgba(0, 0, 0, 0.15);\n      }\n      .tab {\n        display: inline-flex;\n        align-items: center;\n        padding: 6px 14px;\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        color: #35618e;\n        background: #f3f6f9;\n        cursor: pointer;\n        font-size: 14px;\n        letter-spacing: -0.02em;\n      }\n      .tab:first-child {\n        border-top-left-radius: 10px;\n        border-bottom-left-radius: 10px;\n      }\n      .tab:last-child {\n        border-top-right-radius: 10px;\n        border-bottom-right-radius: 10px;\n      }\n      /* 중간 탭 이중 보더 방지: 좌측 보더 제거 */\n      .tab + .tab {\n        border-left: 0;\n      }\n      .tab[active] {\n        background: #02a8a2;\n        color: #ffffff;\n        border-color: rgba(148, 163, 184, 0.5);\n        font-weight: 700;\n      }\n\n      .tab-body {\n        padding: 12px 8px 4px 8px;\n      }\n\n      .button-line {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0 20px 10px 20px;\n      }\n      .spacer {\n        flex: 1;\n      }\n      .ghost-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 7px 12px;\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      .ghost-btn.secondary {\n        background: #3395f1;\n      }\n      .ghost-btn.complete {\n        background: #16a085;\n      }\n    `\n  ]\n\n  get context() {\n    return {\n      title: this.project ? `프로젝트 완공 처리 - ${this.project?.name}` : '프로젝트 완공 처리'\n    }\n  }\n\n  @state() private activeTab: number = 1\n  @state() private projectId: string = ''\n  @state() private project: any = {}\n\n  render() {\n    return html`\n      <div class=\"page-header\">\n        <div class=\"page-title\">프로젝트 완공 처리</div>\n        <div class=\"triangle\"></div>\n        <span class=\"spacer\"></span>\n        <div class=\"ghost-btn\" @click=${() => navigate(`project-detail/${this.projectId}`)}>\n          <md-icon>arrow_back</md-icon>\n          <div>상세로 돌아가기</div>\n        </div>\n        <div class=\"ghost-btn complete\" @click=${this._onComplete}>\n          <md-icon>check_circle</md-icon>\n          <div>완공 처리</div>\n        </div>\n      </div>\n\n      <div class=\"card\">\n        <div class=\"tabs\">\n          <div class=\"tab\" ?active=${this.activeTab === 1} @click=${() => this._onTabClick(1)}>\n            Step1. 프로젝트 기본정보 현행화\n          </div>\n          <div class=\"tab\" ?active=${this.activeTab === 2} @click=${() => this._onTabClick(2)}>Step2. 프로젝트 완료 평가</div>\n          <div class=\"tab\" ?active=${this.activeTab === 3} @click=${() => this._onTabClick(3)}>Step3. 준공 문서 업로드</div>\n          <div class=\"tab\" ?active=${this.activeTab === 4} @click=${() => this._onTabClick(4)}>Step4. 월별 데이터 입력</div>\n        </div>\n\n        <div class=\"tab-body\">\n          ${this.activeTab === 1\n            ? html`<sv-pc-tab1-plan .project=${this.project}></sv-pc-tab1-plan>`\n            : this.activeTab === 2\n              ? html`<sv-pc-tab2-rating .project=${this.project}></sv-pc-tab2-rating>`\n              : this.activeTab === 3\n                ? html`<sv-pc-tab3-upload .project=${this.project}></sv-pc-tab3-upload>`\n                : html`<sv-pc-tab4-monthly .project=${this.project}></sv-pc-tab4-monthly>`}\n        </div>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n      this.projectId = await this._resolveProjectId(lifecycle.resourceId || '')\n\n      if (this.projectId) {\n        this.project = await getProject(this.projectId)\n      }\n    }\n\n    this.updateContext()\n  }\n\n  private async _resolveProjectId(resourceId: string): Promise<string> {\n    if (resourceId && resourceId.length === 36) return resourceId\n\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  // 탭 클릭\n  private _onTabClick = async (tabNumber: number) => {\n    if (tabNumber === this.activeTab) return\n    this.activeTab = tabNumber\n  }\n\n  // 완공 처리\n  private _onComplete = async () => {\n    if (\n      await OxPrompt.open({ title: '완공 처리를 하시겠습니까?', confirmButton: { text: '확인' }, cancelButton: { text: '취소' } })\n    ) {\n      const result = await updateProjectCompleteFinalize(this.projectId)\n      if (!result.errors) {\n        notify({ message: '완공 처리가 완료되었습니다.', level: 'info' })\n        navigate(`project-detail/${this.projectId}`)\n      }\n    }\n  }\n}\n"]}

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

@@ -18,6 +18,7 @@ export declare class SvProjectDetailPage extends SvProjectDetailPage_base {
     private selectedKpi;
     render(): import("lit-html").TemplateResult<1>;
     pageUpdated(changes: any, lifecycle: PageLifecycle): Promise<void>;
+    private _resolveProjectIdFromDomain;
     initProject(projectId?: string): Promise<void>;
     getKpiComprehensiveStats(): Promise<void>;
     getKpiYComprehensiveStats(): Promise<void>;

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

@@ -124,11 +124,25 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
         <div right>
           ${html `
             <div class="button-line">
-              <div class="ghost-btn" @click=${() => navigate(`project-update/${this.project.id}`)}>
+              <div
+                class="ghost-btn"
+                @click=${async () => {
+            const id = this.project.id || (await this._resolveProjectIdFromDomain());
+            if (id)
+                navigate(`project-update/${id}`);
+        }}
+              >
                 <md-icon slot="">assignment</md-icon>
                 <div>프로젝트 수정</div>
               </div>
-              <div class="ghost-btn" @click=${() => navigate(`project-complete/${this.project.id}`)}>
+              <div
+                class="ghost-btn"
+                @click=${async () => {
+            const id = this.project.id || (await this._resolveProjectIdFromDomain());
+            if (id)
+                navigate(`project-complete/${id}`);
+        }}
+              >
                 <md-icon slot="">assignment_turned_in</md-icon>
                 <div>프로젝트 완공 처리</div>
               </div>
@@ -275,14 +289,36 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
     `;
     }
     async pageUpdated(changes, lifecycle) {
-        if (this.active) {
-            this.initProject(lifecycle.resourceId);
-            this.getKpiComprehensiveStats();
-            this.getKpiYComprehensiveStats();
-            if (lifecycle.resourceId) {
-                this.getProjectXKpiValues(lifecycle.resourceId);
-            }
+        if (!this.active)
+            return;
+        let projectId = lifecycle.resourceId;
+        // 프로젝트 테넌트 컨텍스트(/project/<code>/) 에서 진입한 경우 resourceId 가 비어있다.
+        // 현재 도메인의 subdomain(= Project.code) 으로 프로젝트를 역조회.
+        if (!projectId) {
+            projectId = await this._resolveProjectIdFromDomain();
         }
+        if (!projectId)
+            return;
+        // initProject 의 GraphQL 응답을 기다리지 않고 project.id 를 즉시 채워서,
+        // 링크의 `project-update/${project.id}` 가 절대 undefined 가 되지 않도록 보장.
+        this.project = Object.assign(Object.assign({}, this.project), { id: projectId });
+        this.initProject(projectId);
+        this.getKpiComprehensiveStats();
+        this.getKpiYComprehensiveStats();
+        this.getProjectXKpiValues(projectId);
+    }
+    async _resolveProjectIdFromDomain() {
+        var _a, _b;
+        const response = await client.query({
+            query: gql `
+        query CurrentProject {
+          currentProject {
+            id
+          }
+        }
+      `
+        });
+        return ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.currentProject) === null || _b === void 0 ? void 0 : _b.id) || '';
     }
     async initProject(projectId = '') {
         var _a;

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

@@ -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 { 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"]}
+{"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 { getDomain } from '@things-factory/auth-base/dist-client/profiled'\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\n                class=\"ghost-btn\"\n                @click=${async () => {\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                class=\"ghost-btn\"\n                @click=${async () => {\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>프로젝트 완공 처리</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) 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    this.initProject(projectId)\n    this.getKpiComprehensiveStats()\n    this.getKpiYComprehensiveStats()\n    this.getProjectXKpiValues(projectId)\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            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-user-management.d.ts

@@ -3,3 +3,4 @@ import '@things-factory/component-ui';
 import '@things-factory/auth-ui/dist-client/components/ownership-transfer-popup';
 import '@things-factory/auth-ui/dist-client/components/user-role-editor';
 import '@things-factory/auth-ui/dist-client/components/create-user';
+import '@things-factory/auth-ui/dist-client/components/invite-user.js';

package/dist-client/pages/sv-user-management.js

@@ -4,6 +4,7 @@ import '@things-factory/component-ui';
 import '@things-factory/auth-ui/dist-client/components/ownership-transfer-popup';
 import '@things-factory/auth-ui/dist-client/components/user-role-editor';
 import '@things-factory/auth-ui/dist-client/components/create-user';
+import '@things-factory/auth-ui/dist-client/components/invite-user.js';
 import gql from 'graphql-tag';
 import { css, html } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
@@ -83,6 +84,10 @@ let SVUserManagement = class SVUserManagement extends PageView {
             .passwordResettable=${this.passwordResettable}
           ></user-role-editor>`}
       ></quick-find-list>
+
+      ${this.currentTab === USER_TYPES.USER
+            ? html `<invite-user @invitationCompleted=${this.refreshUsers.bind(this)}></invite-user>`
+            : ''}
     `;
     }
     async pageUpdated(changes, lifecycle, before) {

package/dist-client/pages/sv-user-management.js.map

@@ -1 +1 @@
-{"version":3,"file":"sv-user-management.js","sourceRoot":"","sources":["../../client/pages/sv-user-management.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,8BAA8B,CAAA;AACrC,OAAO,yEAAyE,CAAA;AAChF,OAAO,iEAAiE,CAAA;AACxE,OAAO,4DAA4D,CAAA;AAEnE,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGtD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ;IAAvC;;QAmB6B,gBAAW,GAAU,EAAE,CAAA;QAEtB,eAAU,GAAW,EAAE,CAAA;QACtB,uBAAkB,GAAY,KAAK,CAAA;QACnC,kBAAa,GAAY,KAAK,CAAA;IAkL7D,CAAC;IA9KC,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC;YACxC,IAAI,EAAE,YAAY;SACnB,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,MAAM,CAClD,CAAC,YAAY,EAAE,IAAI,EAAE,EAAE;YACrB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAA;YAC9B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC5B,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAA;YAC7B,CAAC;YACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,KAAK,WAAW,CAAA;YAC5C,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAEjC,OAAO,YAAY,CAAA;QACrB,CAAC,EACD;YACE,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;YACR,WAAW,EAAE,EAAE;YACf,SAAS,EAAE,EAAE;SACd,CACF,CAAA;QAED,MAAM,UAAU,GAAG;YACjB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;YAC7B,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;YAC3C,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;SACvC,CAAA;QAED,MAAM,OAAO,GAAG;YACd,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,IAAI,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC;YAChE,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW;YAClD,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,YAAY,CAAC,SAAS;SAC/C,CAAA;QAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,aAAa;YAClB,CAAC,CAAC,IAAI,CAAA;2BACa,KAAK,EAAC,KAAK,EAAC,EAAE;gBAC3B,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAA;gBACzB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAA;gBAEtB,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;YAC7B,CAAC;0BACa;YAClB,CAAC,CAAC,EAAE;;;gBAGI,OAAO;sBACD,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;0BAC3C,IAAI,CAAC,EAAE;YACvB,OAAO,IAAI,CAAA;cACP,CAAC,IAAI,CAAC,SAAS;gBACf,CAAC,CAAC,IAAI,CAAA;;oBAEA,IAAI,CAAC,IAAI;iBACZ;gBACH,CAAC,CAAC,IAAI,CAAA,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,GAAG;WAC5F,CAAA;QACH,CAAC;2BACkB,IAAI,CAAC,EAAE,CACxB,IAAI,CAAA;oBACM,IAAI;2BACG,IAAI,CAAC,KAAK;wBACb,IAAI,CAAC,SAAS;2BACX,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;oCACnB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;kCAC9B,IAAI,CAAC,kBAAkB;+BAC1B;;KAE1B,CAAA;IACH,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM;QAC1C,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,YAAY,EAAE,CAAA;YACnB,IAAI,CAAC,uBAAuB,EAAE,CAAA;YAC9B,IAAI,CAAC,kBAAkB,EAAE,CAAA;QAC3B,CAAC;IACH,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,MAAM,eAAe,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YACzC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;OAaT;YACD,OAAO,EAAE,UAAU,EAAE;SACtB,CAAC,CAAA;QAEF,IAAI,CAAC,CAAA,MAAA,eAAe,CAAC,MAAM,0CAAE,MAAM,CAAA,EAAE,CAAC;YACpC,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;YACzD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;YACjE,MAAA,IAAI,CAAC,eAAe,0CAAE,KAAK,EAAE,CAAA;QAC/B,CAAC;IACH,CAAC;IAED,KAAK,CAAC,uBAAuB;QAC3B,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;OAIT;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrB,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,gCAAgC,CAAA;QAC1E,CAAC;IACH,CAAC;IAED,KAAK,CAAC,kBAAkB;QACtB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;OAIT;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrB,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAA;QACzD,CAAC;IACH,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,IAAI;QACnB,IACE,MAAM,QAAQ,CAAC,IAAI,CAAC;YAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;YACrC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,6BAA6B,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC;YACjF,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE;YACpD,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE;SACnD,CAAC,EACF,CAAC;YACD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;gBACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;SAMZ;gBACD,SAAS,EAAE,EAAE,IAAI,EAAE;gBACnB,OAAO,EAAE,UAAU,EAAE;aACtB,CAAC,CAAA;YAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;gBACrB,MAAM,QAAQ,CAAC,IAAI,CAAC;oBAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;oBAClC,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE;iBACrD,CAAC,CAAA;gBAEF,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;IAED,SAAS,CAAC,OAAO;QACf,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAA;IACrG,CAAC;;AAvMM,uBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;KAcF;CACF,AAhBY,CAgBZ;AAE0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;qDAAwB;AACtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;+CAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oDAAwB;AACtB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;4DAAoC;AACnC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;uDAA+B;AAEtC;IAApB,KAAK,CAAC,YAAY,CAAC;;yDAAsD;AAzBtE,gBAAgB;IADrB,aAAa,CAAC,oBAAoB,CAAC;GAC9B,gBAAgB,CAyMrB","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@things-factory/component-ui'\nimport '@things-factory/auth-ui/dist-client/components/ownership-transfer-popup'\nimport '@things-factory/auth-ui/dist-client/components/user-role-editor'\nimport '@things-factory/auth-ui/dist-client/components/create-user'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { client, gqlContext } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\n@customElement('sv-user-management')\nclass SVUserManagement extends PageView {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      @media screen and (max-width: 600px) {\n        :host {\n          padding: var(--padding-narrow);\n        }\n      }\n    `\n  ]\n\n  @property({ type: Array }) domainUsers: any[] = []\n  @property({ type: Object }) owner: any\n  @property({ type: String }) currentTab: string = ''\n  @property({ type: Boolean }) passwordResettable: boolean = false\n  @property({ type: Boolean }) userCreatable: boolean = false\n\n  @query('#user-list') userListElement!: HTMLElement & { close: () => void }\n\n  get context() {\n    return {\n      title: i18next.t('text.user management'),\n      help: 'auth/users'\n    }\n  }\n\n  render() {\n    const groupingUser = (this.domainUsers || []).reduce(\n      (groupingUser, user) => {\n        const userType = user.userType\n        if (!groupingUser[userType]) {\n          groupingUser[userType] = []\n        }\n        user.activated = user.status === 'activated'\n        groupingUser[userType].push(user)\n\n        return groupingUser\n      },\n      {\n        admin: [],\n        user: [],\n        application: [],\n        appliance: []\n      }\n    )\n\n    const USER_TYPES = {\n      USER: i18next.t('label.user'),\n      APPLICATION: i18next.t('label.application'),\n      APPLIANCE: i18next.t('text.appliance')\n    }\n\n    const userSet = {\n      [USER_TYPES.USER]: [...groupingUser.user, ...groupingUser.admin],\n      [USER_TYPES.APPLICATION]: groupingUser.application,\n      [USER_TYPES.APPLIANCE]: groupingUser.appliance\n    }\n\n    return html`\n      ${this.userCreatable\n        ? html`<create-user\n            @create-user=${async event => {\n              const user = event.detail\n              user.userType = 'user'\n\n              await this.createUser(user)\n            }}\n          ></create-user>`\n        : ''}\n      <quick-find-list\n        id=\"user-list\"\n        .data=${userSet}\n        @tabChanged=${e => (this.currentTab = e.detail.currentTabKey)}\n        .headerRenderer=${user => {\n          return html`\n            ${!user.activated\n              ? html`\n                  <md-icon>do_disturb</md-icon>\n                  ${user.name}\n                `\n              : html` ${user.owner ? html` <md-icon>supervisor_account</md-icon> ` : ''} ${user.name} `}\n          `\n        }}\n        .contentRenderer=${user =>\n          html` <user-role-editor\n            .user=${user}\n            .domainOwner=${this.owner}\n            .activate=${user.activated}\n            @userUpdated=${this.refreshUsers.bind(this)}\n            @ownershipTransferred=${this.refreshUsers.bind(this)}\n            .passwordResettable=${this.passwordResettable}\n          ></user-role-editor>`}\n      ></quick-find-list>\n    `\n  }\n\n  async pageUpdated(changes, lifecycle, before) {\n    if (this.active) {\n      this.refreshUsers()\n      this.checkPasswordResettable()\n      this.checkUserCreatable()\n    }\n  }\n\n  async refreshUsers() {\n    const domainUsersResp = await client.query({\n      query: gql`\n        query {\n          users {\n            items {\n              id\n              name\n              email\n              userType\n              status\n              owner\n            }\n          }\n        }\n      `,\n      context: gqlContext()\n    })\n\n    if (!domainUsersResp.errors?.length) {\n      this.domainUsers = domainUsersResp.data.users.items || []\n      this.owner = this.domainUsers.filter(user => user.owner)[0] || {}\n      this.userListElement?.close()\n    }\n  }\n\n  async checkPasswordResettable() {\n    const response = await client.query({\n      query: gql`\n        query {\n          checkResettablePasswordToDefault\n        }\n      `\n    })\n\n    if (!response.errors) {\n      this.passwordResettable = response.data.checkResettablePasswordToDefault\n    }\n  }\n\n  async checkUserCreatable() {\n    const response = await client.query({\n      query: gql`\n        query {\n          checkDefaultPassword\n        }\n      `\n    })\n\n    if (!response.errors) {\n      this.userCreatable = response.data.checkDefaultPassword\n    }\n  }\n\n  async createUser(user) {\n    if (\n      await OxPrompt.open({\n        title: i18next.t('text.are_you_sure'),\n        text: i18next.t('text.are_you_sure_to_x_user', { x: i18next.t('button.create') }),\n        confirmButton: { text: i18next.t('button.confirm') },\n        cancelButton: { text: i18next.t('button.cancel') }\n      })\n    ) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation createUser($user: NewUser!) {\n            createUser(user: $user) {\n              name\n            }\n          }\n        `,\n        variables: { user },\n        context: gqlContext()\n      })\n\n      if (!response.errors) {\n        await OxPrompt.open({\n          title: i18next.t('text.completed'),\n          confirmButton: { text: i18next.t('button.confirm') }\n        })\n\n        await this.refreshUsers()\n      }\n    }\n  }\n\n  showToast(message) {\n    document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n  }\n}\n"]}
+{"version":3,"file":"sv-user-management.js","sourceRoot":"","sources":["../../client/pages/sv-user-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@things-factory/component-ui'\nimport '@things-factory/auth-ui/dist-client/components/ownership-transfer-popup'\nimport '@things-factory/auth-ui/dist-client/components/user-role-editor'\nimport '@things-factory/auth-ui/dist-client/components/create-user'\nimport '@things-factory/auth-ui/dist-client/components/invite-user.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { client, gqlContext } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\n@customElement('sv-user-management')\nclass SVUserManagement extends PageView {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      @media screen and (max-width: 600px) {\n        :host {\n          padding: var(--padding-narrow);\n        }\n      }\n    `\n  ]\n\n  @property({ type: Array }) domainUsers: any[] = []\n  @property({ type: Object }) owner: any\n  @property({ type: String }) currentTab: string = ''\n  @property({ type: Boolean }) passwordResettable: boolean = false\n  @property({ type: Boolean }) userCreatable: boolean = false\n\n  @query('#user-list') userListElement!: HTMLElement & { close: () => void }\n\n  get context() {\n    return {\n      title: i18next.t('text.user management'),\n      help: 'auth/users'\n    }\n  }\n\n  render() {\n    const groupingUser = (this.domainUsers || []).reduce(\n      (groupingUser, user) => {\n        const userType = user.userType\n        if (!groupingUser[userType]) {\n          groupingUser[userType] = []\n        }\n        user.activated = user.status === 'activated'\n        groupingUser[userType].push(user)\n\n        return groupingUser\n      },\n      {\n        admin: [],\n        user: [],\n        application: [],\n        appliance: []\n      }\n    )\n\n    const USER_TYPES = {\n      USER: i18next.t('label.user'),\n      APPLICATION: i18next.t('label.application'),\n      APPLIANCE: i18next.t('text.appliance')\n    }\n\n    const userSet = {\n      [USER_TYPES.USER]: [...groupingUser.user, ...groupingUser.admin],\n      [USER_TYPES.APPLICATION]: groupingUser.application,\n      [USER_TYPES.APPLIANCE]: groupingUser.appliance\n    }\n\n    return html`\n      ${this.userCreatable\n        ? html`<create-user\n            @create-user=${async event => {\n              const user = event.detail\n              user.userType = 'user'\n\n              await this.createUser(user)\n            }}\n          ></create-user>`\n        : ''}\n      <quick-find-list\n        id=\"user-list\"\n        .data=${userSet}\n        @tabChanged=${e => (this.currentTab = e.detail.currentTabKey)}\n        .headerRenderer=${user => {\n          return html`\n            ${!user.activated\n              ? html`\n                  <md-icon>do_disturb</md-icon>\n                  ${user.name}\n                `\n              : html` ${user.owner ? html` <md-icon>supervisor_account</md-icon> ` : ''} ${user.name} `}\n          `\n        }}\n        .contentRenderer=${user =>\n          html` <user-role-editor\n            .user=${user}\n            .domainOwner=${this.owner}\n            .activate=${user.activated}\n            @userUpdated=${this.refreshUsers.bind(this)}\n            @ownershipTransferred=${this.refreshUsers.bind(this)}\n            .passwordResettable=${this.passwordResettable}\n          ></user-role-editor>`}\n      ></quick-find-list>\n\n      ${this.currentTab === USER_TYPES.USER\n        ? html`<invite-user @invitationCompleted=${this.refreshUsers.bind(this)}></invite-user>`\n        : ''}\n    `\n  }\n\n  async pageUpdated(changes, lifecycle, before) {\n    if (this.active) {\n      this.refreshUsers()\n      this.checkPasswordResettable()\n      this.checkUserCreatable()\n    }\n  }\n\n  async refreshUsers() {\n    const domainUsersResp = await client.query({\n      query: gql`\n        query {\n          users {\n            items {\n              id\n              name\n              email\n              userType\n              status\n              owner\n            }\n          }\n        }\n      `,\n      context: gqlContext()\n    })\n\n    if (!domainUsersResp.errors?.length) {\n      this.domainUsers = domainUsersResp.data.users.items || []\n      this.owner = this.domainUsers.filter(user => user.owner)[0] || {}\n      this.userListElement?.close()\n    }\n  }\n\n  async checkPasswordResettable() {\n    const response = await client.query({\n      query: gql`\n        query {\n          checkResettablePasswordToDefault\n        }\n      `\n    })\n\n    if (!response.errors) {\n      this.passwordResettable = response.data.checkResettablePasswordToDefault\n    }\n  }\n\n  async checkUserCreatable() {\n    const response = await client.query({\n      query: gql`\n        query {\n          checkDefaultPassword\n        }\n      `\n    })\n\n    if (!response.errors) {\n      this.userCreatable = response.data.checkDefaultPassword\n    }\n  }\n\n  async createUser(user) {\n    if (\n      await OxPrompt.open({\n        title: i18next.t('text.are_you_sure'),\n        text: i18next.t('text.are_you_sure_to_x_user', { x: i18next.t('button.create') }),\n        confirmButton: { text: i18next.t('button.confirm') },\n        cancelButton: { text: i18next.t('button.cancel') }\n      })\n    ) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation createUser($user: NewUser!) {\n            createUser(user: $user) {\n              name\n            }\n          }\n        `,\n        variables: { user },\n        context: gqlContext()\n      })\n\n      if (!response.errors) {\n        await OxPrompt.open({\n          title: i18next.t('text.completed'),\n          confirmButton: { text: i18next.t('button.confirm') }\n        })\n\n        await this.refreshUsers()\n      }\n    }\n  }\n\n  showToast(message) {\n    document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -1 +1 @@
-export default function route(page: string): "project-list" | "project-completed-list" | "kpi-overview" | "kpi-list" | "kpi-value-list" | "kpi-metric-value-list" | "kpi-metric-value-manual-entry" | "kpi-system-guide" | "users" | "kpi-dashboard-map" | "project-complete" | "kpi-admin" | "/kpi-dashboard-map" | "project-detail" | undefined;
+export default function route(page: string): "project-list" | "project-completed-list" | "kpi-overview" | "kpi-list" | "kpi-value-list" | "kpi-metric-value-list" | "kpi-metric-value-manual-entry" | "kpi-system-guide" | "users" | "kpi-dashboard-map" | "project-complete" | "kpi-admin" | "/project-detail" | "/kpi-dashboard-map" | "project-detail" | undefined;

package/dist-client/route.js

@@ -1,7 +1,18 @@
+function getDomainType() {
+    // URL pattern: /{extType}/{subdomain}/<rest>
+    const match = window.location.pathname.match(/^\/([^\/]+)\/[^\/]+/);
+    return (match === null || match === void 0 ? void 0 : match[1]) || 'domain';
+}
 export default function route(page) {
+    // 도메인 타입별 진입 페이지 분기
+    if (page === '') {
+        const domainType = getDomainType();
+        if (domainType === 'project') {
+            return '/project-detail'; // dkpi 에서는 sv-project-detail 로 매핑됨
+        }
+        return '/kpi-dashboard-map';
+    }
     switch (page) {
-        case '':
-            return '/kpi-dashboard-map';
         case 'users':
             import('./pages/sv-user-management');
             return page;