@dssp/dkpi 1.0.0-alpha.9 → 1.0.0-alpha.90

package/dist-client/pages/kpi-dashboard/components/kpi-region-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-region-popup.js","sourceRoot":"","sources":["../../../../client/pages/kpi-dashboard/components/kpi-region-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { LitElement, html, css, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport '../../../components/kpi-radar-chart.js'\nimport '../../../components/kpi-boxplot-chart.js'\nimport '../../../components/kpi-trend-chart.js'\n\n@customElement('kpi-region-popup')\nexport class KpiRegionPopup extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 402px;\n        width: 400px;\n        height: 100%;\n        background: #fff;\n        border-right: 1px solid #e0e0e0;\n        z-index: 1000;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n      }\n      .popup-content {\n        padding: 20px;\n        overflow-y: auto;\n        flex: 1;\n      }\n      .popup-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 20px;\n        border-bottom: 1px solid #e0e0e0;\n        background: #fff;\n        height: 70px;\n        box-sizing: border-box;\n      }\n      .popup-title {\n        font-size: 1.2rem;\n        font-weight: bold;\n        color: #333;\n      }\n      .popup-close {\n        width: 32px;\n        height: 32px;\n        border: none;\n        background: #fff;\n        border-radius: 50%;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.2rem;\n        color: #666;\n        transition: all 0.2s;\n      }\n      .popup-close:hover {\n        background: #e9ecef;\n        color: #333;\n      }\n      .sub-title {\n        font-size: 1rem;\n        font-weight: 600;\n        margin-bottom: 16px;\n        color: #495057;\n      }\n      .chart-section {\n        background: #f8f9fa;\n        border-radius: 8px;\n        padding: 16px;\n        margin-bottom: 20px;\n      }\n      .chart-toggle {\n        display: flex;\n        gap: 8px;\n        margin-bottom: 16px;\n      }\n      .toggle-button {\n        padding: 8px 16px;\n        border: 1px solid #ced4da;\n        background: #fff;\n        border-radius: 6px;\n        cursor: pointer;\n        font-size: 0.9rem;\n        transition: all 0.2s;\n      }\n      .toggle-button.active {\n        background: #667eea;\n        color: white;\n        border-color: #667eea;\n      }\n      .chart-container {\n        height: 300px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: white;\n        border-radius: 6px;\n        border: 1px solid #e9ecef;\n      }\n      .period-selector {\n        display: flex;\n        gap: 8px;\n        margin-bottom: 16px;\n      }\n      .period-button {\n        padding: 6px 12px;\n        border: 1px solid #ced4da;\n        background: #fff;\n        border-radius: 4px;\n        cursor: pointer;\n        font-size: 0.85rem;\n        transition: all 0.2s;\n      }\n      .period-button.active {\n        background: #667eea;\n        color: white;\n        border-color: #667eea;\n      }\n      .date-range-selector {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 16px;\n      }\n      .date-select {\n        padding: 6px 12px;\n        border: 1px solid #ced4da;\n        border-radius: 4px;\n        background: white;\n        font-size: 0.9rem;\n      }\n    `\n  ]\n\n  @property({ type: String }) selectedRegion: string | null = null\n  @property({ type: String }) geoGroup: string | null = null // 시군구 geo_group 코드 (있으면 시군구 쿼리 사용)\n  @property({ type: String }) selectedCategory = '전체 KPI'\n  @property({ type: String }) selectedChartType = 'boxplot'\n  @property({ type: String }) selectedPeriod = '월'\n  @property({ type: String }) startYearMonth = '' // YYYY-MM 형식\n  @property({ type: String }) endYearMonth = '' // YYYY-MM 형식\n  @property({ type: Array }) monthlyTrendData: any[] = [] // 부모에서 전달받은 월별 추이 데이터\n  @property({ type: Array }) totalKpiStats: any[] = [] // 전체 KPI 통계 (비교용)\n\n  @state() private chartData: any[] = []\n  @state() private chartCategories: string[] = []\n  @state() private trendData: {\n    date: string\n    value: number | null\n    color?: string\n    trendDir?: 'up' | 'down' | 'flat' | 'none'\n  }[] = []\n  @state() private regionKpiStats: any[] = []\n  /** 시군구 모드일 때만 사용하는 해당 시군구 월별 추이 (광역 추이 monthlyTrendData 와 별개) */\n  @state() private sigunguTrendData: any[] = []\n\n  updated(changedProperties: Map<string, any>) {\n    const regionChanged = changedProperties.has('selectedRegion') || changedProperties.has('geoGroup')\n    const periodChanged = changedProperties.has('startYearMonth') || changedProperties.has('endYearMonth')\n\n    if ((regionChanged || periodChanged) && this.selectedRegion) {\n      this.fetchRegionKpiStats()\n    }\n\n    // 추이 갱신: 시군구 모드면 시군구 전용 추이 조회, 아니면 부모가 준 광역(metro) 데이터로 생성\n    if (regionChanged || periodChanged || changedProperties.has('selectedCategory') || changedProperties.has('monthlyTrendData')) {\n      this._refreshTrend()\n    }\n  }\n\n  private _refreshTrend() {\n    if (this.geoGroup) {\n      this.fetchSigunguTrend() // 완료 후 내부에서 generateTrendData 호출\n    } else {\n      this.generateTrendData()\n    }\n  }\n\n  /** 시군구(geo_group 코드) 단위 월별 추이 조회 → generateTrendData 재생성 */\n  async fetchSigunguTrend() {\n    if (!this.geoGroup) {\n      this.sigunguTrendData = []\n      this.generateTrendData()\n      return\n    }\n    try {\n      const response = await client.query({\n        query: gql`\n          query GetSigunguTrend($geoGroup: String!, $startYearMonth: String, $endYearMonth: String) {\n            kpiZValueMonthlyTrendBySigungu(geoGroup: $geoGroup, startYearMonth: $startYearMonth, endYearMonth: $endYearMonth) {\n              geoGroup\n              yearMonth\n              avgVal\n              projectCount\n            }\n          }\n        `,\n        variables: {\n          geoGroup: this.geoGroup,\n          startYearMonth: this.startYearMonth || null,\n          endYearMonth: this.endYearMonth || null\n        }\n      })\n      this.sigunguTrendData = response.data?.kpiZValueMonthlyTrendBySigungu || []\n    } catch (e) {\n      console.error('시군구 추이 조회 실패:', e)\n      this.sigunguTrendData = []\n    }\n    this.generateTrendData()\n  }\n\n  async fetchRegionKpiStats() {\n    if (!this.selectedRegion) return\n\n    try {\n      let regionKpiStats: any[]\n\n      if (this.geoGroup) {\n        // 시군구 모드: geo_group 코드로 조회\n        const response = await client.query({\n          query: gql`\n            query GetSigunguKpiStats($geoGroup: String!, $startYearMonth: String, $endYearMonth: String) {\n              kpiYValueStatsByGeoGroup(geoGroup: $geoGroup, startYearMonth: $startYearMonth, endYearMonth: $endYearMonth) {\n                kpiName\n                minVal\n                q1Val\n                medVal\n                q3Val\n                maxVal\n                avgVal\n                projectCount\n              }\n            }\n          `,\n          variables: {\n            geoGroup: this.geoGroup,\n            startYearMonth: this.startYearMonth,\n            endYearMonth: this.endYearMonth\n          }\n        })\n        regionKpiStats = response.data.kpiYValueStatsByGeoGroup || []\n      } else {\n        // 광역 모드: 광역시도 이름으로 조회\n        const response = await client.query({\n          query: gql`\n            query GetRegionKpiStats($metroArea: String!, $startYearMonth: String, $endYearMonth: String) {\n              kpiYValueStatsByMetroArea(metroArea: $metroArea, startYearMonth: $startYearMonth, endYearMonth: $endYearMonth) {\n                kpiName\n                minVal\n                q1Val\n                medVal\n                q3Val\n                maxVal\n                avgVal\n                projectCount\n              }\n            }\n          `,\n          variables: {\n            metroArea: this.selectedRegion,\n            startYearMonth: this.startYearMonth,\n            endYearMonth: this.endYearMonth\n          }\n        })\n        regionKpiStats = response.data.kpiYValueStatsByMetroArea || []\n      }\n\n      this.regionKpiStats = regionKpiStats\n      this.generateChartData()\n    } catch (error) {\n      console.error('Failed to fetch region KPI stats:', error)\n      this.regionKpiStats = []\n      this.generateChartData()\n    }\n  }\n\n  private generateChartData() {\n    // kpiName 표기가 'Y1. 일정성과' / '일정성과(Y1)' 등으로 환경마다 달라 전체 문자열 매칭은 깨짐.\n    // Y1~Y6 코드만 추출해 짧은 라벨로 매핑.\n    const yLabelByCode: Record<string, string> = {\n      Y1: '일정',\n      Y2: '비용',\n      Y3: '품질',\n      Y4: '안전',\n      Y5: '환경',\n      Y6: '생산성'\n    }\n    const toCategory = (kpiName: string) => yLabelByCode[(kpiName || '').match(/Y[1-6]/)?.[0] ?? ''] || kpiName\n\n    // 레이더 차트와 박스플롯은 항상 전체 Y-level KPI 표시 (selectedCategory 무시)\n    if (this.selectedChartType === 'radar') {\n      // 레이더 차트용 데이터 생성 — 지역 평균 단일 시리즈\n      // (전체평균 기준선은 지역 평균과 차별성이 적어 제거 → 단일 시리즈라 범례도 자동 미표시)\n      const data: Array<{ org: string; category: string; value: number }> = []\n      const categories: string[] = []\n\n      // 카테고리 수집\n      this.regionKpiStats.forEach(stat => {\n        const category = toCategory(stat.kpiName)\n        if (!categories.includes(category)) {\n          categories.push(category)\n        }\n      })\n\n      // 지역 데이터 추가 (박스플롯과 동일 스케일·정밀도 — Math.round 제거해 수치 일치)\n      this.regionKpiStats.forEach(stat => {\n        const category = toCategory(stat.kpiName)\n        data.push({\n          org: this.selectedRegion || '지역',\n          category,\n          value: stat.avgVal * 100\n        })\n      })\n\n      this.chartCategories = categories.length > 0 ? categories : ['일정', '비용', '품질', '안전', '환경', '생산성']\n      this.chartData = data\n    } else {\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      const categories: string[] = []\n\n      this.regionKpiStats.forEach(stat => {\n        const category = toCategory(stat.kpiName)\n        if (!categories.includes(category)) {\n          categories.push(category)\n        }\n        data.push({\n          org: category,\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: stat.avgVal * 100\n        })\n      })\n\n      this.chartCategories = categories.length > 0 ? categories : ['일정', '비용', '품질', '안전', '환경', '생산성']\n      this.chartData = data\n    }\n  }\n\n  // geo_group → 광역시도 매핑 (시군구 모드에서 추이 데이터 조회용)\n  private static readonly GEO_TO_METRO: Record<string, string> = {\n    '01': '서울특별시',\n    '02': '서울특별시',\n    '03': '서울특별시',\n    '04': '서울특별시',\n    '05': '서울특별시',\n    '06': '서울특별시',\n    '07': '서울특별시',\n    '08': '서울특별시',\n    '10': '경기도',\n    '11': '경기도',\n    '12': '경기도',\n    '13': '경기도',\n    '14': '경기도',\n    '15': '경기도',\n    '16': '경기도',\n    '17': '경기도',\n    '18': '경기도',\n    '21': '인천광역시',\n    '22': '인천광역시',\n    '23': '인천광역시',\n    '24': '강원도',\n    '25': '강원도',\n    '26': '강원도',\n    '33': '강원도',\n    '27': '충청북도',\n    '28': '충청북도',\n    '29': '충청북도',\n    '30': '세종특별자치시',\n    '31': '충청남도',\n    '32': '충청남도',\n    '34': '대전광역시',\n    '35': '대전광역시',\n    '36': '경상북도',\n    '37': '경상북도',\n    '38': '경상북도',\n    '39': '경상북도',\n    '40': '경상북도',\n    '41': '대구광역시',\n    '42': '대구광역시',\n    '43': '대구광역시',\n    '44': '울산광역시',\n    '45': '울산광역시',\n    '46': '부산광역시',\n    '47': '부산광역시',\n    '48': '부산광역시',\n    '49': '부산광역시',\n    '50': '경상남도',\n    '51': '경상남도',\n    '52': '경상남도',\n    '53': '경상남도',\n    '54': '전라북도',\n    '55': '전라북도',\n    '56': '전라북도',\n    '57': '전라남도',\n    '58': '전라남도',\n    '59': '전라남도',\n    '61': '광주광역시',\n    '62': '광주광역시',\n    '63': '제주특별자치도'\n  }\n\n  private generateTrendData() {\n    if (!this.selectedRegion) return\n\n    // 추이 데이터 소스: 시군구 모드면 시군구 전용 추이(sigunguTrendData), 아니면 광역(metro) 추이에서 해당 지역 필터.\n    const rows = this.geoGroup\n      ? this.sigunguTrendData\n      : this.monthlyTrendData.filter(d => d.geoGroup === this.selectedRegion)\n\n    // 월별 데이터를 YYYY-MM 기준 맵으로\n    const byMonth = new Map<string, any>()\n    rows.forEach(d => byMonth.set(d.yearMonth, d))\n\n    // 선택 기간(start~end) 전체 월을 축으로 사용 — 데이터가 없는 월도 레코드(값 0)로 채워\n    // 전국 패널의 기간과 동일한 범위를 플로팅. (전체 기간 모드 등으로 start/end 가 비면 데이터 월만 사용)\n    const months =\n      this.startYearMonth && this.endYearMonth\n        ? this.buildMonthRange(this.startYearMonth, this.endYearMonth)\n        : [...byMonth.keys()].sort()\n\n    let prev: number | null = null\n    this.trendData = months.map(ym => {\n      const d = byMonth.get(ym)\n      const hasData = !!d\n      // 데이터 없는 월은 0이 아니라 null — 0(실제 0점)과 구분하여 플로팅/표시에서 제외.\n      // 값은 반올림하지 않음(정수화하면 표의 소수점이 항상 .0 으로 나옴) — 표시 시 toFixed(1) 적용.\n      const value: number | null = hasData ? d.avgVal * 100 : null\n      // 추이: 무데이터 'none', 직전 데이터 없으면(첫 점) 'flat', 그 외 실제 증감 비교\n      let trendDir: 'up' | 'down' | 'flat' | 'none'\n      if (!hasData) {\n        trendDir = 'none'\n      } else if (prev === null) {\n        trendDir = 'flat'\n      } else {\n        trendDir = value! > prev ? 'up' : value! < prev ? 'down' : 'flat'\n      }\n      if (hasData) prev = value\n      return {\n        date: ym, // YYYY-MM 형식\n        value,\n        color: value == null ? undefined : value > 60 ? '#4caf50' : value > 40 ? '#ff9800' : '#f44336',\n        trendDir\n      }\n    })\n  }\n\n  /** start~end(YYYY-MM) 사이 모든 월을 순서대로 반환. 잘못된 범위는 안전하게 종료. */\n  private buildMonthRange(start: string, end: string): string[] {\n    const [sy, sm] = start.split('-').map(Number)\n    const [ey, em] = end.split('-').map(Number)\n    if (!sy || !sm || !ey || !em) return []\n    const out: string[] = []\n    let y = sy\n    let m = sm\n    for (let i = 0; i < 240; i++) {\n      out.push(`${y}-${String(m).padStart(2, '0')}`)\n      if (y === ey && m === em) break\n      if (y > ey || (y === ey && m > em)) break // start > end 방어\n      m++\n      if (m > 12) {\n        m = 1\n        y++\n      }\n    }\n    return out\n  }\n\n  private onClose() {\n    this.dispatchEvent(\n      new CustomEvent('popup-close', {\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private onChartTypeChange(type: string) {\n    this.selectedChartType = type\n    this.generateChartData()\n  }\n\n  render() {\n    if (!this.selectedRegion) {\n      return nothing\n    }\n\n    return html`\n      <div class=\"popup-header\">\n        <div class=\"popup-title\">${this.selectedRegion} KPI</div>\n        <button class=\"popup-close\" @click=${this.onClose}>×</button>\n      </div>\n      <div class=\"popup-content\">\n        <!-- 종합 성과 -->\n        <div class=\"chart-section\">\n          <div class=\"sub-title\">종합 성과</div>\n          <div class=\"chart-toggle\">\n            <button\n              class=\"toggle-button ${this.selectedChartType === 'boxplot' ? 'active' : ''}\"\n              @click=${() => this.onChartTypeChange('boxplot')}\n            >\n              박스플롯\n            </button>\n            <button\n              class=\"toggle-button ${this.selectedChartType === 'radar' ? 'active' : ''}\"\n              @click=${() => this.onChartTypeChange('radar')}\n            >\n              레이더차트\n            </button>\n          </div>\n          <div class=\"chart-container\">\n            ${this.chartData.length === 0\n              ? html`<div\n                  style=\"display:flex;align-items:center;justify-content:center;height:100%;color:#888;font-size:0.9rem;\"\n                >\n                  선택한 기간에 데이터가 없습니다.\n                </div>`\n              : this.selectedChartType === 'boxplot'\n                ? html`\n                    <sv-kpi-boxplot-chart\n                      .data=${this.chartData}\n                      .groups=${this.chartCategories}\n                      .valueKey=${'value'}\n                      .valueLabel=${this.selectedRegion || '지역'}\n                      .showStatus=${false}\n                    ></sv-kpi-boxplot-chart>\n                  `\n                : html`\n                    <sv-kpi-radar-chart\n                      .data=${this.chartData}\n                      .categories=${this.chartCategories}\n                      .valueKey=${'value'}\n                    ></sv-kpi-radar-chart>\n                  `}\n          </div>\n        </div>\n\n        <!-- 기간별 성과 추이 -->\n        <div class=\"trend-section\">\n          <div class=\"sub-title\">기간별 성과 추이</div>\n          <div class=\"trend-chart-container\" style=\"height: 200px; margin-bottom: 16px;\">\n            <sv-kpi-trend-chart\n              .data=${this.trendData}\n              .lineColor=${'#2196f3'}\n              .strokeWidth=${2}\n              .showPoints=${false}\n              .pointRadius=${4}\n            ></sv-kpi-trend-chart>\n          </div>\n          <div class=\"trend-table\">\n            <table style=\"width: 100%; border-collapse: collapse; font-size: 0.85rem;\">\n              <thead style=\"position: sticky; top: 0; background: white; z-index: 1;\">\n                <tr style=\"border-bottom: 2px solid #f1f3f4; background-color: #f8f9fa;\">\n                  <th style=\"padding: 8px; text-align: left; font-weight: 600;\">날짜</th>\n                  <th style=\"padding: 8px; text-align: right; font-weight: 600;\">성과</th>\n                  <th style=\"padding: 8px; text-align: center; font-weight: 600;\">추이</th>\n                </tr>\n              </thead>\n              <tbody>\n                ${[...this.trendData].reverse().map(\n                  (item: any) => html`\n                    <tr style=\"border-bottom: 1px solid #f1f3f4;\">\n                      <td style=\"padding: 8px; font-size: 0.85rem;\">${item.date}</td>\n                      <td style=\"padding: 8px; text-align: right; font-size: 0.85rem; font-weight: 600;\">\n                        ${item.value != null ? item.value.toFixed(1) : '-'}\n                      </td>\n                      <td style=\"padding: 8px; text-align: center; font-size: 0.85rem;\">\n                        <span style=\"color: ${item.trendDir === 'up' ? '#e53935' : item.trendDir === 'down' ? '#2196f3' : '#999'};\">\n                          ${item.trendDir === 'up' ? '▲' : item.trendDir === 'down' ? '▼' : '–'}\n                        </span>\n                      </td>\n                    </tr>\n                  `\n                )}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/pages/kpi-dashboard/kpi-alert-panel.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+export declare class KpiAlertPanel extends LitElement {
+    static styles: import("lit").CSSResult;
+    alerts: Array<{
+        level: string;
+        message: string;
+        kpi?: {
+            name: string;
+        };
+        createdAt: string;
+    }>;
+    loading: boolean;
+    error: string;
+    connectedCallback(): void;
+    fetchAlerts(): Promise<void>;
+    getIcon(level: string): "❗" | "⚠️" | "ℹ️";
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/kpi-dashboard/kpi-alert-panel.js

@@ -0,0 +1,131 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import gql from 'graphql-tag';
+let KpiAlertPanel = class KpiAlertPanel extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.alerts = [];
+        this.loading = true;
+        this.error = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.fetchAlerts();
+    }
+    async fetchAlerts() {
+        this.loading = true;
+        this.error = '';
+        try {
+            const response = await client.query({
+                query: gql `
+          query {
+            kpiAlerts {
+              id
+              message
+              level
+              createdAt
+              kpi {
+                name
+              }
+            }
+          }
+        `
+            });
+            this.alerts = response.data.kpiAlerts || [];
+        }
+        catch (e) {
+            this.error = 'KPI 알림 데이터를 불러오지 못했습니다.';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    getIcon(level) {
+        switch (level) {
+            case 'critical':
+                return '❗';
+            case 'warning':
+                return '⚠️';
+            case 'info':
+            default:
+                return 'ℹ️';
+        }
+    }
+    render() {
+        if (this.loading) {
+            return html `<div class="alert-container">로딩 중...</div>`;
+        }
+        if (this.error) {
+            return html `<div class="alert-container">${this.error}</div>`;
+        }
+        return html `
+      <div class="alert-container">
+        <div class="alert-title">KPI 알림/상태/이상감지</div>
+        <ul class="alert-list">
+          ${this.alerts.length === 0
+            ? html `<li class="alert-item"><span class="alert-icon">✅</span> <span>이상/경고 없음</span></li>`
+            : this.alerts.map(a => {
+                var _a;
+                return html `
+                  <li class="alert-item">
+                    <span class="alert-icon">${this.getIcon(a.level)}</span>
+                    <span>${((_a = a.kpi) === null || _a === void 0 ? void 0 : _a.name) ? `[${a.kpi.name}] ` : ''}${a.message}</span>
+                  </li>
+                `;
+            })}
+        </ul>
+      </div>
+    `;
+    }
+};
+KpiAlertPanel.styles = css `
+    .alert-container {
+      background: #fff;
+      border-radius: 16px;
+      padding: 32px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      margin-bottom: 16px;
+    }
+    .alert-title {
+      font-size: 1.5rem;
+      font-weight: bold;
+      margin-bottom: 16px;
+    }
+    .alert-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+    }
+    .alert-item {
+      padding: 10px 0;
+      border-bottom: 1px solid #eee;
+      font-size: 1.1rem;
+      color: #d32f2f;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .alert-icon {
+      font-size: 1.3rem;
+      color: #d32f2f;
+    }
+  `;
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], KpiAlertPanel.prototype, "alerts", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiAlertPanel.prototype, "loading", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiAlertPanel.prototype, "error", void 0);
+KpiAlertPanel = __decorate([
+    customElement('kpi-alert-panel')
+], KpiAlertPanel);
+export { KpiAlertPanel };
+//# sourceMappingURL=kpi-alert-panel.js.map

package/dist-client/pages/kpi-dashboard/kpi-alert-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-alert-panel.js","sourceRoot":"","sources":["../../../client/pages/kpi-dashboard/kpi-alert-panel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,GAAG,MAAM,aAAa,CAAA;AAGtB,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAkCI,WAAM,GAAyF,EAAE,CAAA;QACjG,YAAO,GAAG,IAAI,CAAA;QACd,UAAK,GAAG,EAAE,CAAA;IAuErB,CAAC;IArEC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,KAAK,CAAC,WAAW;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACnB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;QACf,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;SAYT;aACF,CAAC,CAAA;YACF,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAA;QAC7C,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,IAAI,CAAC,KAAK,GAAG,yBAAyB,CAAA;QACxC,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;IACH,CAAC;IAED,OAAO,CAAC,KAAa;QACnB,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,UAAU;gBACb,OAAO,GAAG,CAAA;YACZ,KAAK,SAAS;gBACZ,OAAO,IAAI,CAAA;YACb,KAAK,MAAM,CAAC;YACZ;gBACE,OAAO,IAAI,CAAA;QACf,CAAC;IACH,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA,4CAA4C,CAAA;QACzD,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAA,gCAAgC,IAAI,CAAC,KAAK,QAAQ,CAAA;QAC/D,CAAC;QACD,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YACxB,CAAC,CAAC,IAAI,CAAA,qFAAqF;YAC3F,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CACb,CAAC,CAAC,EAAE;;gBAAC,OAAA,IAAI,CAAA;;+CAEsB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;4BACxC,CAAA,MAAA,CAAC,CAAC,GAAG,0CAAE,IAAI,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO;;iBAE5D,CAAA;aAAA,CACF;;;KAGV,CAAA;IACH,CAAC;;AAzGM,oBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BlB,AA/BY,CA+BZ;AAEQ;IAAR,KAAK,EAAE;8BAAS,KAAK;6CAAoF;AACjG;IAAR,KAAK,EAAE;;8CAAe;AACd;IAAR,KAAK,EAAE;;4CAAW;AApCR,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA2GzB","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\n\n@customElement('kpi-alert-panel')\nexport class KpiAlertPanel extends LitElement {\n  static styles = css`\n    .alert-container {\n      background: #fff;\n      border-radius: 16px;\n      padding: 32px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      margin-bottom: 16px;\n    }\n    .alert-title {\n      font-size: 1.5rem;\n      font-weight: bold;\n      margin-bottom: 16px;\n    }\n    .alert-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }\n    .alert-item {\n      padding: 10px 0;\n      border-bottom: 1px solid #eee;\n      font-size: 1.1rem;\n      color: #d32f2f;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .alert-icon {\n      font-size: 1.3rem;\n      color: #d32f2f;\n    }\n  `\n\n  @state() alerts: Array<{ level: string; message: string; kpi?: { name: string }; createdAt: string }> = []\n  @state() loading = true\n  @state() error = ''\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.fetchAlerts()\n  }\n\n  async fetchAlerts() {\n    this.loading = true\n    this.error = ''\n    try {\n      const response = await client.query({\n        query: gql`\n          query {\n            kpiAlerts {\n              id\n              message\n              level\n              createdAt\n              kpi {\n                name\n              }\n            }\n          }\n        `\n      })\n      this.alerts = response.data.kpiAlerts || []\n    } catch (e) {\n      this.error = 'KPI 알림 데이터를 불러오지 못했습니다.'\n    } finally {\n      this.loading = false\n    }\n  }\n\n  getIcon(level: string) {\n    switch (level) {\n      case 'critical':\n        return '❗'\n      case 'warning':\n        return '⚠️'\n      case 'info':\n      default:\n        return 'ℹ️'\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return html`<div class=\"alert-container\">로딩 중...</div>`\n    }\n    if (this.error) {\n      return html`<div class=\"alert-container\">${this.error}</div>`\n    }\n    return html`\n      <div class=\"alert-container\">\n        <div class=\"alert-title\">KPI 알림/상태/이상감지</div>\n        <ul class=\"alert-list\">\n          ${this.alerts.length === 0\n            ? html`<li class=\"alert-item\"><span class=\"alert-icon\">✅</span> <span>이상/경고 없음</span></li>`\n            : this.alerts.map(\n                a => html`\n                  <li class=\"alert-item\">\n                    <span class=\"alert-icon\">${this.getIcon(a.level)}</span>\n                    <span>${a.kpi?.name ? `[${a.kpi.name}] ` : ''}${a.message}</span>\n                  </li>\n                `\n              )}\n        </ul>\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/pages/kpi-dashboard/kpi-dashboard-map.d.ts

@@ -0,0 +1,52 @@
+import { PageView } from '@operato/shell';
+import './components/kpi-map-panel';
+import './components/kpi-left-panel';
+import './components/kpi-region-popup';
+export declare class KpiDashboardMapPage extends PageView {
+    static styles: import("lit").CSSResult[];
+    selectedCategory: string;
+    selectedPeriod: string;
+    startYearMonth: string;
+    endYearMonth: string;
+    selectedSectorType: string;
+    selectedBuildingUsage: string;
+    currentZoom: number;
+    sigunguData: any[];
+    private static readonly SIGUNGU_ZOOM_THRESHOLD;
+    nationalData: any;
+    seoulData: any;
+    mapData: any;
+    monthlyTrendData: any[];
+    totalKpiYStats: any[];
+    regionalKpiStats: any[];
+    selectedRegion: string | null;
+    selectedGeoGroup: string | null;
+    showRegionPopup: boolean;
+    connectedCallback(): void;
+    private initializeDefaultPeriod;
+    private setupKeyboardEvents;
+    fetchDashboardData(): Promise<void>;
+    fetchDashboardDataFallback(): Promise<void>;
+    private generateMapDataFromKpiValues;
+    private generateMapDataFromStatistics;
+    private generateMapDataFromRegionalStats;
+    private static readonly SIGUNGU_MAP;
+    private fetchSigunguData;
+    private static readonly GEO_TO_METRO;
+    private calculateChangeRate;
+    private generateSigunguMapData;
+    private onZoomChanged;
+    private static readonly METRO_BOUNDS;
+    private focusMapOnRegion;
+    private downloadExcel;
+    private onRegionClick;
+    private closeRegionPopup;
+    private fetchRegionData;
+    get context(): {
+        title: string;
+        description: string;
+    };
+    private _onSectorTypeChange;
+    private _onBuildingUsageChange;
+    render(): import("lit-html").TemplateResult<1>;
+}