@dssp/supervision 1.0.0-alpha.52 → 1.0.0-alpha.54

package/dist-client/pages/building-inspection/building-inspection-detail-ai-defect.js

@@ -144,6 +144,7 @@ BuildingInspectionAiDefect.styles = [
       }
 
       div[preview] video {
+        flex: 1;
         max-width: 100%;
         max-height: 100%;
         object-fit: contain;

package/dist-client/pages/building-inspection/building-inspection-detail-ai-defect.js.map

@@ -1 +1 @@
-{"version":3,"file":"building-inspection-detail-ai-defect.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-ai-defect.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-switch.js'\nimport '@operato/mini-map/ox-zoomable-image.js'\nimport '@material/web/progress/circular-progress.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, state, query } from 'lit/decorators.js'\n\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\n\nimport './component/building-inspection-detail-header'\n\n@customElement('building-inspection-detail-ai-defect')\nexport class BuildingInspectionAiDefect extends PageView {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px 1fr;\n        color: #4e5055;\n        width: 100%;\n        height: 100%;\n        background-color: #f7f7f7;\n      }\n\n      div[body] {\n        display: flex;\n        justify-items: center;\n        gap: var(--spacing-medium);\n        margin: var(--spacing-medium);\n        min-height: 0;\n      }\n\n      div[preview] {\n        flex: 1;\n        border: 2px solid #ddd;\n        border-radius: 10px;\n\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      div[preview] video {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n  @state() buildingInspectionId: string = ''\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - AI 하자 분석'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n      ></building-inspection-detail-header>\n\n      <div body>\n        <div preview>\n          <video src=\"/attachment/21e53688-5262-4fae-961a-591db7114b75.mp4\" controls playsinline></video>\n        </div>\n      </div>\n    `\n  }\n\n  protected async updated(changes: PropertyValues): Promise<void> {}\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(this.buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            drawingMarker\n            checklist {\n              id\n              location\n              inspectionDrawingType\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n}\n"]}
+{"version":3,"file":"building-inspection-detail-ai-defect.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-ai-defect.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-switch.js'\nimport '@operato/mini-map/ox-zoomable-image.js'\nimport '@material/web/progress/circular-progress.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, state, query } from 'lit/decorators.js'\n\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\n\nimport './component/building-inspection-detail-header'\n\n@customElement('building-inspection-detail-ai-defect')\nexport class BuildingInspectionAiDefect extends PageView {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px 1fr;\n        color: #4e5055;\n        width: 100%;\n        height: 100%;\n        background-color: #f7f7f7;\n      }\n\n      div[body] {\n        display: flex;\n        justify-items: center;\n        gap: var(--spacing-medium);\n        margin: var(--spacing-medium);\n        min-height: 0;\n      }\n\n      div[preview] {\n        flex: 1;\n        border: 2px solid #ddd;\n        border-radius: 10px;\n\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      div[preview] video {\n        flex: 1;\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n  @state() buildingInspectionId: string = ''\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - AI 하자 분석'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n      ></building-inspection-detail-header>\n\n      <div body>\n        <div preview>\n          <video src=\"/attachment/21e53688-5262-4fae-961a-591db7114b75.mp4\" controls playsinline></video>\n        </div>\n      </div>\n    `\n  }\n\n  protected async updated(changes: PropertyValues): Promise<void> {}\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(this.buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            drawingMarker\n            checklist {\n              id\n              location\n              inspectionDrawingType\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n}\n"]}

package/dist-client/pages/building-inspection/building-inspection-detail-ai-measurement.d.ts

@@ -36,6 +36,7 @@ export declare class BuildingInspectionAiMeasurement extends PageView {
     private frameImageEl;
     private imageWrapperEl;
     private cameraInputEl;
+    private albumInputEl;
     get context(): {
         title: string;
     };
@@ -45,6 +46,7 @@ export declare class BuildingInspectionAiMeasurement extends PageView {
     initBuildingInspection(buildingInspectionId?: string): Promise<void>;
     private _getProjectByBuildingComplexId;
     private _onVideoSelected;
+    private _onAlbumButtonClick;
     private _onAnalyzeVideo;
     private _onRetry;
     private _onImageLoad;

package/dist-client/pages/building-inspection/building-inspection-detail-ai-measurement.js

@@ -136,9 +136,13 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
             ? // 거리 측정 완료 시, 사진 저장 버튼 표시
                 html `<button class="save" ?disabled=${this.analyzing} @click=${this._savePhoto}>사진 저장</button>`
             : // 거리 측정 완료 전, 동영상 촬영 버튼 표시
-                html `<div class="camera-shutter">
-                <md-icon>camera</md-icon>
-                <input id="cameraInput" type="file" accept="video/*" @change="${this._onVideoSelected}" />
+                html `<div class="camera-controls">
+                <div class="camera-shutter">
+                  <md-icon>camera</md-icon>
+                  <input id="cameraInput" type="file" accept="video/*" capture="environment" @change="${this._onVideoSelected}" />
+                </div>
+                <button class="album-button" @click="${this._onAlbumButtonClick}">앨범 선택</button>
+                <input id="albumInput" type="file" accept="video/*" @change="${this._onVideoSelected}" style="display: none;" />
               </div>`}
 
           <!-- Action buttons -->
@@ -258,6 +262,11 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
         this.videoFile = file;
         this.capturedVideoUrl = URL.createObjectURL(file);
     }
+    _onAlbumButtonClick() {
+        var _a;
+        // 앨범 선택을 위해 숨겨진 input을 클릭
+        (_a = this.albumInputEl) === null || _a === void 0 ? void 0 : _a.click();
+    }
     async _onAnalyzeVideo() {
         var _a, _b, _c, _d, _e, _f, _g;
         if (!this.videoFile) {
@@ -301,6 +310,7 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
         this.frameNaturalWidth = 0;
         this.frameNaturalHeight = 0;
         this.cameraInputEl.value = '';
+        this.albumInputEl.value = '';
         this.distance = null;
         this.unit = null;
         this.analyzingError = null;
@@ -508,6 +518,7 @@ BuildingInspectionAiMeasurement.styles = [
       }
 
       div[preview] video {
+        flex: 1;
         max-width: 100%;
         max-height: 100%;
         object-fit: contain;
@@ -664,6 +675,13 @@ BuildingInspectionAiMeasurement.styles = [
         --ox-simple-switch-thumbnail-size: 34px;
       }
 
+      .camera-controls {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 12px;
+      }
+
       .camera-shutter {
         display: flex;
         justify-content: center;
@@ -727,6 +745,25 @@ BuildingInspectionAiMeasurement.styles = [
         }
       }
 
+      button.album-button {
+        background-color: #9c27b0;
+        color: white;
+        font-size: 14px;
+        padding: 8px 16px;
+        border-radius: 5px;
+        border: none;
+        cursor: pointer;
+
+        &:hover {
+          background-color: #7b1fa2;
+        }
+
+        &:disabled {
+          background-color: #ccc;
+          cursor: default;
+        }
+      }
+
       .loading-overlay {
         position: fixed;
         top: 0;
@@ -818,6 +855,10 @@ __decorate([
     query('#cameraInput'),
     __metadata("design:type", HTMLInputElement)
 ], BuildingInspectionAiMeasurement.prototype, "cameraInputEl", void 0);
+__decorate([
+    query('#albumInput'),
+    __metadata("design:type", HTMLInputElement)
+], BuildingInspectionAiMeasurement.prototype, "albumInputEl", void 0);
 BuildingInspectionAiMeasurement = __decorate([
     customElement('building-inspection-detail-ai-measurement')
 ], BuildingInspectionAiMeasurement);

package/dist-client/pages/building-inspection/building-inspection-detail-ai-measurement.js.map

@@ -1 +1 @@
-{"version":3,"file":"building-inspection-detail-ai-measurement.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-ai-measurement.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-switch.js'\nimport '@operato/mini-map/ox-zoomable-image.js'\nimport '@material/web/progress/circular-progress.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, state, query } from 'lit/decorators.js'\nimport html2canvas from 'html2canvas'\n\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\n\nimport './component/building-inspection-detail-header'\n\n@customElement('building-inspection-detail-ai-measurement')\nexport class BuildingInspectionAiMeasurement extends PageView {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px 1fr;\n        color: #4e5055;\n        width: 100%;\n        height: 100%;\n        background-color: #f7f7f7;\n      }\n\n      div[body] {\n        display: flex;\n        justify-items: center;\n        gap: var(--spacing-medium);\n        margin: var(--spacing-medium);\n        min-height: 0;\n      }\n\n      div[preview] {\n        flex: 1;\n        border: 2px solid #ddd;\n        border-radius: 10px;\n\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      div[preview] img {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n\n      div[preview] video {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n\n      div[preview] md-icon {\n        --md-icon-size: 160px;\n      }\n\n      .loading-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n      }\n\n      .loading-text {\n        font-size: 14px;\n        color: #666;\n      }\n\n      .frame-container {\n        width: 100%;\n        height: 100%;\n        max-height: 100%;\n        min-height: 0;\n        overflow-y: auto;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        padding: 12px;\n      }\n\n      .frames-header {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #333;\n        text-align: center;\n        padding-block: 8px;\n      }\n\n      .frames-count {\n        font-size: 16px;\n        color: #777;\n        font-weight: 600;\n      }\n\n      .frames-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n        gap: 12px;\n      }\n\n      .frame-item {\n        border: 1px solid #ddd;\n        border-radius: 8px;\n        overflow: hidden;\n        background: #fff;\n        cursor: pointer;\n        transition:\n          box-shadow 0.2s,\n          transform 0.1s;\n      }\n\n      .frame-item:hover {\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n        transform: translateY(-1px);\n      }\n\n      .frame-item img {\n        display: block;\n        width: 100%;\n        height: 120px;\n        object-fit: cover;\n      }\n\n      .image-wrapper {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        align-content: center;\n        text-align: center;\n      }\n\n      .point-marker {\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        border-radius: 50%;\n        border: 2px solid #fff;\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);\n      }\n\n      .point-1 {\n        background-color: #e53935;\n      }\n\n      .point-2 {\n        background-color: #1e88e5;\n      }\n\n      .line-overlay {\n        position: absolute;\n        pointer-events: none;\n        background-color: #ff9800;\n        transform-origin: left center;\n      }\n\n      .distance-label {\n        position: absolute;\n        background: rgba(0, 0, 0, 0.7);\n        color: #fff;\n        font-size: 14px;\n        padding: 2px 6px;\n        border-radius: 4px;\n        transform: translate(-50%, -120%);\n        pointer-events: none;\n        white-space: nowrap;\n      }\n\n      div[controls] {\n        width: 240px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      div[action-buttons] {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        gap: 15px;\n      }\n\n      .switch-container {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-size: 24px;\n        font-weight: bold;\n      }\n\n      ox-input-switch {\n        --ox-simple-switch-fullwidth: 68px;\n        --ox-simple-switch-fullheight: 34px;\n        --ox-simple-switch-thumbnail-size: 34px;\n      }\n\n      .camera-shutter {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        position: relative;\n      }\n\n      .controls-title {\n        font-size: 18px;\n        font-weight: 700;\n        color: #333;\n        margin-bottom: 8px;\n        text-align: center;\n      }\n\n      .camera-shutter md-icon {\n        --md-icon-size: 100px;\n      }\n\n      .camera-shutter input {\n        opacity: 0;\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0;\n        top: 0;\n        cursor: pointer;\n      }\n\n      button {\n        padding: 10px 20px;\n        font-size: 16px;\n        border-radius: 5px;\n        border: none;\n        cursor: pointer;\n      }\n\n      button.save {\n        background-color: #4caf50;\n        color: white;\n\n        &:disabled {\n          background-color: #ccc;\n          cursor: default;\n        }\n      }\n\n      button.retry {\n        background-color: #f0ad4e;\n        color: white;\n      }\n\n      button.photo {\n        background-color: #1e88e5;\n        color: white;\n\n        &:disabled {\n          background-color: #ccc;\n          cursor: default;\n        }\n      }\n\n      .loading-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        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        z-index: 2000;\n      }\n\n      .loading-overlay .loading-container {\n        background: white;\n        padding: 32px;\n        border-radius: 12px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n      }\n    `\n  ]\n\n  private KEYPOINT_RULER_API_BASE_URL: string = 'https://hatiolab-korea-uni.ettisoft.com'\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n  @state() buildingInspectionId: string = ''\n  @state() capturedVideoUrl: string | null = null\n  @state() videoFile: File | null = null\n  @state() frame: any | null = null\n  @state() analyzing: boolean = false\n  @state() selectedPoints: { x1: number | null; y1: number | null; x2: number | null; y2: number | null } = {\n    x1: null,\n    y1: null,\n    x2: null,\n    y2: null\n  }\n  @state() frameNaturalWidth: number = 0\n  @state() frameNaturalHeight: number = 0\n  @state() displayedImageRect: { width: number; height: number; left: number; top: number } | null = null\n  @state() distance: number | null = null\n  @state() unit: string | null = null\n  @state() analyzingError: string | null = null\n\n  @query('img#frameImage') private frameImageEl!: HTMLImageElement\n  @query('div.image-wrapper') private imageWrapperEl!: HTMLDivElement\n  @query('#cameraInput') private cameraInputEl!: HTMLInputElement\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - AI 거리 측정'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n      ></building-inspection-detail-header>\n\n      <div body>\n        <!-- Preview selected or recorded video -->\n        <div preview>\n          ${this.frame?.download_url\n            ? html`\n                <div class=\"image-wrapper\" @click=${this._onImageClick}>\n                  <img\n                    id=\"frameImage\"\n                    src=\"${this.KEYPOINT_RULER_API_BASE_URL + this.frame?.download_url}\"\n                    crossorigin=\"anonymous\"\n                    alt=\"frame\"\n                    loading=\"eager\"\n                    @load=${this._onImageLoad}\n                  />\n                  ${this._renderMarkers()}\n                </div>\n              `\n            : // 동영상 선택 후 동영상 프리뷰\n              this.capturedVideoUrl\n              ? html`<video src=${this.capturedVideoUrl} controls playsinline></video>`\n              : // 초기 상태, 동영상 선택 전\n                html`<md-icon>videocam</md-icon>`}\n        </div>\n\n        <div controls>\n          <span class=\"controls-title\">동영상 촬영</span>\n\n          <!-- 가운데 버튼 -->\n          ${this.frame?.download_url && this._hasTwoPoints() && this.distance && this.unit\n            ? // 거리 측정 완료 시, 사진 저장 버튼 표시\n              html`<button class=\"save\" ?disabled=${this.analyzing} @click=${this._savePhoto}>사진 저장</button>`\n            : // 거리 측정 완료 전, 동영상 촬영 버튼 표시\n              html`<div class=\"camera-shutter\">\n                <md-icon>camera</md-icon>\n                <input id=\"cameraInput\" type=\"file\" accept=\"video/*\" @change=\"${this._onVideoSelected}\" />\n              </div>`}\n\n          <!-- Action buttons -->\n          <div action-buttons>\n            ${this.frame\n              ? html`\n                  <button class=\"photo\" ?disabled=${this.analyzing || !this._hasTwoPoints()} @click=${this._onAnalyzePhoto}>\n                    사진 분석\n                  </button>\n                `\n              : html`\n                  <button class=\"save\" ?disabled=${this.analyzing || !this.capturedVideoUrl} @click=${this._onAnalyzeVideo}>\n                    동영상 분석\n                  </button>\n                `}\n            <button class=\"retry\" @click=${this._onRetry}>초기화</button>\n          </div>\n        </div>\n      </div>\n\n      <!-- 전체 화면을 덮는 로딩 오버레이 -->\n      ${this.analyzing\n        ? html`<div class=\"loading-overlay\">\n            <div class=\"loading-container\">\n              <md-circular-progress indeterminate></md-circular-progress>\n              <div class=\"loading-text\">분석 중...</div>\n            </div>\n          </div>`\n        : ''}\n    `\n  }\n\n  protected async updated(changes: PropertyValues): Promise<void> {}\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this._onRetry()\n      this.buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(this.buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            drawingMarker\n            checklist {\n              id\n              location\n              inspectionDrawingType\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n\n  private _onVideoSelected(event: Event) {\n    const input = event.target as HTMLInputElement\n    const file = input?.files?.[0]\n    if (!file) return\n\n    // Only allow video files\n    if (!file.type.startsWith('video/')) {\n      console.warn('선택된 파일이 동영상이 아닙니다.')\n      return\n    }\n\n    // Revoke old object URL if exists\n    if (this.capturedVideoUrl) {\n      URL.revokeObjectURL(this.capturedVideoUrl)\n    }\n\n    this.videoFile = file\n    this.capturedVideoUrl = URL.createObjectURL(file)\n  }\n\n  private async _onAnalyzeVideo() {\n    if (!this.videoFile) {\n      console.warn('선택된 동영상이 없습니다.')\n      return\n    }\n\n    try {\n      this.analyzing = true\n      const form = new FormData()\n      form.append('files', this.videoFile, this.videoFile.name)\n      const response = await fetch(`${this.KEYPOINT_RULER_API_BASE_URL}/api/run/keypoint-ruler`, {\n        method: 'POST',\n        headers: { Authorization: `Basic ${btoa('admin:admin1234')}` },\n        body: form\n      })\n\n      const data = await response.json()\n\n      this.frame = {\n        file_id: data?.result?.output_files[0]?.file_id,\n        download_url: data?.result?.output_files[0]?.download_url,\n        file_path: data?.result?.frames[0]?.file_path,\n        calibration: data?.result?.calibration\n      }\n    } catch (error) {\n      console.error('동영상 업로드 실패:', error)\n    } finally {\n      this.analyzing = false\n    }\n  }\n\n  private _onRetry() {\n    // Clear current selection and reopen camera\n    if (this.capturedVideoUrl) {\n      URL.revokeObjectURL(this.capturedVideoUrl)\n    }\n    this.capturedVideoUrl = null\n    this.videoFile = null\n    this.frame = null\n    this.selectedPoints = { x1: null, y1: null, x2: null, y2: null }\n    this.displayedImageRect = null\n    this.frameNaturalWidth = 0\n    this.frameNaturalHeight = 0\n    this.cameraInputEl.value = ''\n    this.distance = null\n    this.unit = null\n    this.analyzingError = null\n  }\n\n  private _onImageLoad = () => {\n    if (!this.frameImageEl || !this.imageWrapperEl) return\n    const img = this.frameImageEl\n    const wrapperRect = this.imageWrapperEl.getBoundingClientRect()\n    const imgRect = img.getBoundingClientRect()\n    this.frameNaturalWidth = img.naturalWidth\n    this.frameNaturalHeight = img.naturalHeight\n    this.displayedImageRect = {\n      width: imgRect.width,\n      height: imgRect.height,\n      left: imgRect.left - wrapperRect.left,\n      top: imgRect.top - wrapperRect.top\n    }\n  }\n\n  private _onImageClick = (event: MouseEvent) => {\n    if (!this.frameImageEl || !this.imageWrapperEl) return\n    const imgRect = this.frameImageEl.getBoundingClientRect()\n    const wrapperRect = this.imageWrapperEl.getBoundingClientRect()\n    const clientX = event.clientX\n    const clientY = event.clientY\n\n    // Ignore clicks outside the displayed image area\n    if (clientX < imgRect.left || clientX > imgRect.right || clientY < imgRect.top || clientY > imgRect.bottom) {\n      return\n    }\n\n    // 새로운 마크 입력 시 이전 거리/단위 결과 초기화\n    this.distance = null\n    this.unit = null\n    this.analyzingError = null\n\n    const relativeX = clientX - imgRect.left\n    const relativeY = clientY - imgRect.top\n\n    const xOnNatural = Math.round((relativeX * this.frameNaturalWidth) / imgRect.width)\n    const yOnNatural = Math.round((relativeY * this.frameNaturalHeight) / imgRect.height)\n\n    if (this.selectedPoints.x1 === null || this.selectedPoints.y1 === null) {\n      this.selectedPoints = { ...this.selectedPoints, x1: xOnNatural, y1: yOnNatural }\n    } else if (this.selectedPoints.x2 === null || this.selectedPoints.y2 === null) {\n      this.selectedPoints = { ...this.selectedPoints, x2: xOnNatural, y2: yOnNatural }\n    } else {\n      // 세 번째 클릭부터는 초기화 후 첫 점으로 설정\n      this.selectedPoints = { x1: xOnNatural, y1: yOnNatural, x2: null, y2: null }\n    }\n\n    // Update displayed rect cache (in case layout changed)\n    this.displayedImageRect = {\n      width: imgRect.width,\n      height: imgRect.height,\n      left: imgRect.left - wrapperRect.left,\n      top: imgRect.top - wrapperRect.top\n    }\n  }\n\n  private _hasTwoPoints(): boolean {\n    const { x1, y1, x2, y2 } = this.selectedPoints\n    return x1 !== null && y1 !== null && x2 !== null && y2 !== null\n  }\n\n  private _renderMarkers() {\n    if (!this.displayedImageRect) return html``\n    const { left, top, width, height } = this.displayedImageRect\n    const { x1, y1, x2, y2 } = this.selectedPoints\n    const toDisplay = (x: number, y: number) => {\n      const dx = left + (x * width) / (this.frameNaturalWidth || 1)\n      const dy = top + (y * height) / (this.frameNaturalHeight || 1)\n      return { dx, dy }\n    }\n\n    return html`\n      <!-- 첫 번째 점 -->\n      ${x1 !== null && y1 !== null\n        ? (() => {\n            const p = toDisplay(x1, y1)\n            return html`<div class=\"point-marker point-1\" style=\"left:${p.dx}px; top:${p.dy}px;\"></div>`\n          })()\n        : ''}\n      <!-- 두 번째 점 -->\n      ${x2 !== null && y2 !== null\n        ? (() => {\n            const p = toDisplay(x2, y2)\n            return html`<div class=\"point-marker point-2\" style=\"left:${p.dx}px; top:${p.dy}px;\"></div>`\n          })()\n        : ''}\n      <!-- 두점 사이 선 -->\n      ${this._hasTwoPoints()\n        ? (() => {\n            const p1 = toDisplay(x1 as number, y1 as number)\n            const p2 = toDisplay(x2 as number, y2 as number)\n            const cx = (p1.dx + p2.dx) / 2\n            const cy = (p1.dy + p2.dy) / 2\n\n            // 선의 길이와 각도 계산\n            const length = Math.sqrt(Math.pow(p2.dx - p1.dx, 2) + Math.pow(p2.dy - p1.dy, 2))\n            const angle = Math.atan2(p2.dy - p1.dy, p2.dx - p1.dx) * (180 / Math.PI)\n\n            return html`\n              <!-- DIV로 그린 선 -->\n              <div\n                class=\"line-overlay\"\n                style=\"\n                  left: ${p1.dx}px; \n                  top: ${p1.dy}px; \n                  width: ${length}px; \n                  height: 3px;\n                  transform: rotate(${angle}deg);\n                \"\n              ></div>\n              <!-- 거리 라벨 -->\n              ${this.analyzingError\n                ? html`<div class=\"distance-label\" style=\"left:${cx}px; top:${cy}px;\">${this.analyzingError}</div>`\n                : this.distance && this.unit\n                  ? html`<div class=\"distance-label\" style=\"left:${cx}px; top:${cy}px;\">${this.distance} ${this.unit}</div>`\n                  : ''}\n            `\n          })()\n        : ''}\n    `\n  }\n\n  private async _onAnalyzePhoto() {\n    if (!this.frame) {\n      console.warn('분석할 사진이 없습니다.')\n      return\n    }\n    if (!this._hasTwoPoints()) {\n      console.warn('두 점을 먼저 선택해 주세요.')\n      return\n    }\n\n    try {\n      this.analyzing = true\n      const payload = {\n        x1: this.selectedPoints.x1,\n        y1: this.selectedPoints.y1,\n        x2: this.selectedPoints.x2,\n        y2: this.selectedPoints.y2,\n        file_path: this.frame.file_path,\n        calibration: this.frame.calibration\n      }\n\n      const form = new FormData()\n      form.append('input', JSON.stringify(payload))\n      const response = await fetch(`${this.KEYPOINT_RULER_API_BASE_URL}/api/run/keypoint-ruler`, {\n        method: 'POST',\n        headers: { Authorization: `Basic ${btoa('admin:admin1234')}` },\n        body: form\n      })\n\n      const result = await response.json()\n      const { distance, unit, error } = result.result || {}\n      this.distance = distance\n      this.unit = unit\n      this.analyzingError = error\n    } catch (error) {\n      console.error('사진 분석 실패:', error)\n    } finally {\n      this.analyzing = false\n    }\n  }\n\n  async _savePhoto() {\n    if (!this.frame || !this._hasTwoPoints() || this.distance === null || !this.unit) {\n      notify({ message: '분석 완료 후 저장할 수 있습니다.', level: 'warn' })\n      return\n    }\n\n    const checklistId = this.buildingInspection?.checklist?.id\n    let file: File\n    try {\n      file = await this.getCurrentImage()\n    } catch (e) {\n      notify({ message: '이미지 합성에 실패했습니다.', level: 'error' })\n      return\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($attachments: [NewAttachment!]!) {\n          createAttachments(attachments: $attachments) {\n            id\n          }\n        }\n      `,\n      variables: {\n        attachments: [{ file, refBy: checklistId, refType: 'Checklist', description: this.buildingInspection?.status }]\n      },\n      context: { hasUpload: true }\n    })\n\n    if (!response.errors) {\n      notify({ message: '사진 대지를 저장하였습니다.', level: 'info' })\n      return\n    }\n\n    return response.data.createAttachments\n  }\n\n  async getCurrentImage(): Promise<File> {\n    if (!this.imageWrapperEl) {\n      throw new Error('이미지 영역을 찾을 수 없습니다.')\n    }\n\n    try {\n      // html2canvas로 .image-wrapper 영역 캡처\n      const canvas = await html2canvas(this.imageWrapperEl, {\n        backgroundColor: null, // 투명 배경\n        scale: 1, // 1:1 스케일\n        useCORS: true, // CORS 이미지 허용\n        allowTaint: false, // 보안상 false\n        logging: false // 로그 비활성화\n      })\n\n      // 캔버스를 Blob으로 변환\n      const blob: Blob = await new Promise(resolve => {\n        canvas.toBlob(resolve as any, 'image/png', 1.0)\n      })\n\n      // File 객체로 변환하여 반환\n      return new File([blob!], `inspection_${Date.now()}.png`, {\n        type: 'image/png'\n      })\n    } catch (error) {\n      console.error('html2canvas 캡처 실패:', error)\n      throw new Error('화면 캡처에 실패했습니다.')\n    }\n  }\n}\n"]}
+{"version":3,"file":"building-inspection-detail-ai-measurement.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-ai-measurement.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-switch.js'\nimport '@operato/mini-map/ox-zoomable-image.js'\nimport '@material/web/progress/circular-progress.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, state, query } from 'lit/decorators.js'\nimport html2canvas from 'html2canvas'\n\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\n\nimport './component/building-inspection-detail-header'\n\n@customElement('building-inspection-detail-ai-measurement')\nexport class BuildingInspectionAiMeasurement extends PageView {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px 1fr;\n        color: #4e5055;\n        width: 100%;\n        height: 100%;\n        background-color: #f7f7f7;\n      }\n\n      div[body] {\n        display: flex;\n        justify-items: center;\n        gap: var(--spacing-medium);\n        margin: var(--spacing-medium);\n        min-height: 0;\n      }\n\n      div[preview] {\n        flex: 1;\n        border: 2px solid #ddd;\n        border-radius: 10px;\n\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      div[preview] img {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n\n      div[preview] video {\n        flex: 1;\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n\n      div[preview] md-icon {\n        --md-icon-size: 160px;\n      }\n\n      .loading-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n      }\n\n      .loading-text {\n        font-size: 14px;\n        color: #666;\n      }\n\n      .frame-container {\n        width: 100%;\n        height: 100%;\n        max-height: 100%;\n        min-height: 0;\n        overflow-y: auto;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        padding: 12px;\n      }\n\n      .frames-header {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #333;\n        text-align: center;\n        padding-block: 8px;\n      }\n\n      .frames-count {\n        font-size: 16px;\n        color: #777;\n        font-weight: 600;\n      }\n\n      .frames-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n        gap: 12px;\n      }\n\n      .frame-item {\n        border: 1px solid #ddd;\n        border-radius: 8px;\n        overflow: hidden;\n        background: #fff;\n        cursor: pointer;\n        transition:\n          box-shadow 0.2s,\n          transform 0.1s;\n      }\n\n      .frame-item:hover {\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n        transform: translateY(-1px);\n      }\n\n      .frame-item img {\n        display: block;\n        width: 100%;\n        height: 120px;\n        object-fit: cover;\n      }\n\n      .image-wrapper {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        align-content: center;\n        text-align: center;\n      }\n\n      .point-marker {\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        border-radius: 50%;\n        border: 2px solid #fff;\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);\n      }\n\n      .point-1 {\n        background-color: #e53935;\n      }\n\n      .point-2 {\n        background-color: #1e88e5;\n      }\n\n      .line-overlay {\n        position: absolute;\n        pointer-events: none;\n        background-color: #ff9800;\n        transform-origin: left center;\n      }\n\n      .distance-label {\n        position: absolute;\n        background: rgba(0, 0, 0, 0.7);\n        color: #fff;\n        font-size: 14px;\n        padding: 2px 6px;\n        border-radius: 4px;\n        transform: translate(-50%, -120%);\n        pointer-events: none;\n        white-space: nowrap;\n      }\n\n      div[controls] {\n        width: 240px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      div[action-buttons] {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        gap: 15px;\n      }\n\n      .switch-container {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-size: 24px;\n        font-weight: bold;\n      }\n\n      ox-input-switch {\n        --ox-simple-switch-fullwidth: 68px;\n        --ox-simple-switch-fullheight: 34px;\n        --ox-simple-switch-thumbnail-size: 34px;\n      }\n\n      .camera-controls {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 12px;\n      }\n\n      .camera-shutter {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        position: relative;\n      }\n\n      .controls-title {\n        font-size: 18px;\n        font-weight: 700;\n        color: #333;\n        margin-bottom: 8px;\n        text-align: center;\n      }\n\n      .camera-shutter md-icon {\n        --md-icon-size: 100px;\n      }\n\n      .camera-shutter input {\n        opacity: 0;\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0;\n        top: 0;\n        cursor: pointer;\n      }\n\n      button {\n        padding: 10px 20px;\n        font-size: 16px;\n        border-radius: 5px;\n        border: none;\n        cursor: pointer;\n      }\n\n      button.save {\n        background-color: #4caf50;\n        color: white;\n\n        &:disabled {\n          background-color: #ccc;\n          cursor: default;\n        }\n      }\n\n      button.retry {\n        background-color: #f0ad4e;\n        color: white;\n      }\n\n      button.photo {\n        background-color: #1e88e5;\n        color: white;\n\n        &:disabled {\n          background-color: #ccc;\n          cursor: default;\n        }\n      }\n\n      button.album-button {\n        background-color: #9c27b0;\n        color: white;\n        font-size: 14px;\n        padding: 8px 16px;\n        border-radius: 5px;\n        border: none;\n        cursor: pointer;\n\n        &:hover {\n          background-color: #7b1fa2;\n        }\n\n        &:disabled {\n          background-color: #ccc;\n          cursor: default;\n        }\n      }\n\n      .loading-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        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        z-index: 2000;\n      }\n\n      .loading-overlay .loading-container {\n        background: white;\n        padding: 32px;\n        border-radius: 12px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n      }\n    `\n  ]\n\n  private KEYPOINT_RULER_API_BASE_URL: string = 'https://hatiolab-korea-uni.ettisoft.com'\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n  @state() buildingInspectionId: string = ''\n  @state() capturedVideoUrl: string | null = null\n  @state() videoFile: File | null = null\n  @state() frame: any | null = null\n  @state() analyzing: boolean = false\n  @state() selectedPoints: { x1: number | null; y1: number | null; x2: number | null; y2: number | null } = {\n    x1: null,\n    y1: null,\n    x2: null,\n    y2: null\n  }\n  @state() frameNaturalWidth: number = 0\n  @state() frameNaturalHeight: number = 0\n  @state() displayedImageRect: { width: number; height: number; left: number; top: number } | null = null\n  @state() distance: number | null = null\n  @state() unit: string | null = null\n  @state() analyzingError: string | null = null\n\n  @query('img#frameImage') private frameImageEl!: HTMLImageElement\n  @query('div.image-wrapper') private imageWrapperEl!: HTMLDivElement\n  @query('#cameraInput') private cameraInputEl!: HTMLInputElement\n  @query('#albumInput') private albumInputEl!: HTMLInputElement\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - AI 거리 측정'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n      ></building-inspection-detail-header>\n\n      <div body>\n        <!-- Preview selected or recorded video -->\n        <div preview>\n          ${this.frame?.download_url\n            ? html`\n                <div class=\"image-wrapper\" @click=${this._onImageClick}>\n                  <img\n                    id=\"frameImage\"\n                    src=\"${this.KEYPOINT_RULER_API_BASE_URL + this.frame?.download_url}\"\n                    crossorigin=\"anonymous\"\n                    alt=\"frame\"\n                    loading=\"eager\"\n                    @load=${this._onImageLoad}\n                  />\n                  ${this._renderMarkers()}\n                </div>\n              `\n            : // 동영상 선택 후 동영상 프리뷰\n              this.capturedVideoUrl\n              ? html`<video src=${this.capturedVideoUrl} controls playsinline></video>`\n              : // 초기 상태, 동영상 선택 전\n                html`<md-icon>videocam</md-icon>`}\n        </div>\n\n        <div controls>\n          <span class=\"controls-title\">동영상 촬영</span>\n\n          <!-- 가운데 버튼 -->\n          ${this.frame?.download_url && this._hasTwoPoints() && this.distance && this.unit\n            ? // 거리 측정 완료 시, 사진 저장 버튼 표시\n              html`<button class=\"save\" ?disabled=${this.analyzing} @click=${this._savePhoto}>사진 저장</button>`\n            : // 거리 측정 완료 전, 동영상 촬영 버튼 표시\n              html`<div class=\"camera-controls\">\n                <div class=\"camera-shutter\">\n                  <md-icon>camera</md-icon>\n                  <input id=\"cameraInput\" type=\"file\" accept=\"video/*\" capture=\"environment\" @change=\"${this._onVideoSelected}\" />\n                </div>\n                <button class=\"album-button\" @click=\"${this._onAlbumButtonClick}\">앨범 선택</button>\n                <input id=\"albumInput\" type=\"file\" accept=\"video/*\" @change=\"${this._onVideoSelected}\" style=\"display: none;\" />\n              </div>`}\n\n          <!-- Action buttons -->\n          <div action-buttons>\n            ${this.frame\n              ? html`\n                  <button class=\"photo\" ?disabled=${this.analyzing || !this._hasTwoPoints()} @click=${this._onAnalyzePhoto}>\n                    사진 분석\n                  </button>\n                `\n              : html`\n                  <button class=\"save\" ?disabled=${this.analyzing || !this.capturedVideoUrl} @click=${this._onAnalyzeVideo}>\n                    동영상 분석\n                  </button>\n                `}\n            <button class=\"retry\" @click=${this._onRetry}>초기화</button>\n          </div>\n        </div>\n      </div>\n\n      <!-- 전체 화면을 덮는 로딩 오버레이 -->\n      ${this.analyzing\n        ? html`<div class=\"loading-overlay\">\n            <div class=\"loading-container\">\n              <md-circular-progress indeterminate></md-circular-progress>\n              <div class=\"loading-text\">분석 중...</div>\n            </div>\n          </div>`\n        : ''}\n    `\n  }\n\n  protected async updated(changes: PropertyValues): Promise<void> {}\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this._onRetry()\n      this.buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(this.buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            drawingMarker\n            checklist {\n              id\n              location\n              inspectionDrawingType\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n\n  private _onVideoSelected(event: Event) {\n    const input = event.target as HTMLInputElement\n    const file = input?.files?.[0]\n    if (!file) return\n\n    // Only allow video files\n    if (!file.type.startsWith('video/')) {\n      console.warn('선택된 파일이 동영상이 아닙니다.')\n      return\n    }\n\n    // Revoke old object URL if exists\n    if (this.capturedVideoUrl) {\n      URL.revokeObjectURL(this.capturedVideoUrl)\n    }\n\n    this.videoFile = file\n    this.capturedVideoUrl = URL.createObjectURL(file)\n  }\n\n  private _onAlbumButtonClick() {\n    // 앨범 선택을 위해 숨겨진 input을 클릭\n    this.albumInputEl?.click()\n  }\n\n  private async _onAnalyzeVideo() {\n    if (!this.videoFile) {\n      console.warn('선택된 동영상이 없습니다.')\n      return\n    }\n\n    try {\n      this.analyzing = true\n      const form = new FormData()\n      form.append('files', this.videoFile, this.videoFile.name)\n      const response = await fetch(`${this.KEYPOINT_RULER_API_BASE_URL}/api/run/keypoint-ruler`, {\n        method: 'POST',\n        headers: { Authorization: `Basic ${btoa('admin:admin1234')}` },\n        body: form\n      })\n\n      const data = await response.json()\n\n      this.frame = {\n        file_id: data?.result?.output_files[0]?.file_id,\n        download_url: data?.result?.output_files[0]?.download_url,\n        file_path: data?.result?.frames[0]?.file_path,\n        calibration: data?.result?.calibration\n      }\n    } catch (error) {\n      console.error('동영상 업로드 실패:', error)\n    } finally {\n      this.analyzing = false\n    }\n  }\n\n  private _onRetry() {\n    // Clear current selection and reopen camera\n    if (this.capturedVideoUrl) {\n      URL.revokeObjectURL(this.capturedVideoUrl)\n    }\n    this.capturedVideoUrl = null\n    this.videoFile = null\n    this.frame = null\n    this.selectedPoints = { x1: null, y1: null, x2: null, y2: null }\n    this.displayedImageRect = null\n    this.frameNaturalWidth = 0\n    this.frameNaturalHeight = 0\n    this.cameraInputEl.value = ''\n    this.albumInputEl.value = ''\n    this.distance = null\n    this.unit = null\n    this.analyzingError = null\n  }\n\n  private _onImageLoad = () => {\n    if (!this.frameImageEl || !this.imageWrapperEl) return\n    const img = this.frameImageEl\n    const wrapperRect = this.imageWrapperEl.getBoundingClientRect()\n    const imgRect = img.getBoundingClientRect()\n    this.frameNaturalWidth = img.naturalWidth\n    this.frameNaturalHeight = img.naturalHeight\n    this.displayedImageRect = {\n      width: imgRect.width,\n      height: imgRect.height,\n      left: imgRect.left - wrapperRect.left,\n      top: imgRect.top - wrapperRect.top\n    }\n  }\n\n  private _onImageClick = (event: MouseEvent) => {\n    if (!this.frameImageEl || !this.imageWrapperEl) return\n    const imgRect = this.frameImageEl.getBoundingClientRect()\n    const wrapperRect = this.imageWrapperEl.getBoundingClientRect()\n    const clientX = event.clientX\n    const clientY = event.clientY\n\n    // Ignore clicks outside the displayed image area\n    if (clientX < imgRect.left || clientX > imgRect.right || clientY < imgRect.top || clientY > imgRect.bottom) {\n      return\n    }\n\n    // 새로운 마크 입력 시 이전 거리/단위 결과 초기화\n    this.distance = null\n    this.unit = null\n    this.analyzingError = null\n\n    const relativeX = clientX - imgRect.left\n    const relativeY = clientY - imgRect.top\n\n    const xOnNatural = Math.round((relativeX * this.frameNaturalWidth) / imgRect.width)\n    const yOnNatural = Math.round((relativeY * this.frameNaturalHeight) / imgRect.height)\n\n    if (this.selectedPoints.x1 === null || this.selectedPoints.y1 === null) {\n      this.selectedPoints = { ...this.selectedPoints, x1: xOnNatural, y1: yOnNatural }\n    } else if (this.selectedPoints.x2 === null || this.selectedPoints.y2 === null) {\n      this.selectedPoints = { ...this.selectedPoints, x2: xOnNatural, y2: yOnNatural }\n    } else {\n      // 세 번째 클릭부터는 초기화 후 첫 점으로 설정\n      this.selectedPoints = { x1: xOnNatural, y1: yOnNatural, x2: null, y2: null }\n    }\n\n    // Update displayed rect cache (in case layout changed)\n    this.displayedImageRect = {\n      width: imgRect.width,\n      height: imgRect.height,\n      left: imgRect.left - wrapperRect.left,\n      top: imgRect.top - wrapperRect.top\n    }\n  }\n\n  private _hasTwoPoints(): boolean {\n    const { x1, y1, x2, y2 } = this.selectedPoints\n    return x1 !== null && y1 !== null && x2 !== null && y2 !== null\n  }\n\n  private _renderMarkers() {\n    if (!this.displayedImageRect) return html``\n    const { left, top, width, height } = this.displayedImageRect\n    const { x1, y1, x2, y2 } = this.selectedPoints\n    const toDisplay = (x: number, y: number) => {\n      const dx = left + (x * width) / (this.frameNaturalWidth || 1)\n      const dy = top + (y * height) / (this.frameNaturalHeight || 1)\n      return { dx, dy }\n    }\n\n    return html`\n      <!-- 첫 번째 점 -->\n      ${x1 !== null && y1 !== null\n        ? (() => {\n            const p = toDisplay(x1, y1)\n            return html`<div class=\"point-marker point-1\" style=\"left:${p.dx}px; top:${p.dy}px;\"></div>`\n          })()\n        : ''}\n      <!-- 두 번째 점 -->\n      ${x2 !== null && y2 !== null\n        ? (() => {\n            const p = toDisplay(x2, y2)\n            return html`<div class=\"point-marker point-2\" style=\"left:${p.dx}px; top:${p.dy}px;\"></div>`\n          })()\n        : ''}\n      <!-- 두점 사이 선 -->\n      ${this._hasTwoPoints()\n        ? (() => {\n            const p1 = toDisplay(x1 as number, y1 as number)\n            const p2 = toDisplay(x2 as number, y2 as number)\n            const cx = (p1.dx + p2.dx) / 2\n            const cy = (p1.dy + p2.dy) / 2\n\n            // 선의 길이와 각도 계산\n            const length = Math.sqrt(Math.pow(p2.dx - p1.dx, 2) + Math.pow(p2.dy - p1.dy, 2))\n            const angle = Math.atan2(p2.dy - p1.dy, p2.dx - p1.dx) * (180 / Math.PI)\n\n            return html`\n              <!-- DIV로 그린 선 -->\n              <div\n                class=\"line-overlay\"\n                style=\"\n                  left: ${p1.dx}px; \n                  top: ${p1.dy}px; \n                  width: ${length}px; \n                  height: 3px;\n                  transform: rotate(${angle}deg);\n                \"\n              ></div>\n              <!-- 거리 라벨 -->\n              ${this.analyzingError\n                ? html`<div class=\"distance-label\" style=\"left:${cx}px; top:${cy}px;\">${this.analyzingError}</div>`\n                : this.distance && this.unit\n                  ? html`<div class=\"distance-label\" style=\"left:${cx}px; top:${cy}px;\">${this.distance} ${this.unit}</div>`\n                  : ''}\n            `\n          })()\n        : ''}\n    `\n  }\n\n  private async _onAnalyzePhoto() {\n    if (!this.frame) {\n      console.warn('분석할 사진이 없습니다.')\n      return\n    }\n    if (!this._hasTwoPoints()) {\n      console.warn('두 점을 먼저 선택해 주세요.')\n      return\n    }\n\n    try {\n      this.analyzing = true\n      const payload = {\n        x1: this.selectedPoints.x1,\n        y1: this.selectedPoints.y1,\n        x2: this.selectedPoints.x2,\n        y2: this.selectedPoints.y2,\n        file_path: this.frame.file_path,\n        calibration: this.frame.calibration\n      }\n\n      const form = new FormData()\n      form.append('input', JSON.stringify(payload))\n      const response = await fetch(`${this.KEYPOINT_RULER_API_BASE_URL}/api/run/keypoint-ruler`, {\n        method: 'POST',\n        headers: { Authorization: `Basic ${btoa('admin:admin1234')}` },\n        body: form\n      })\n\n      const result = await response.json()\n      const { distance, unit, error } = result.result || {}\n      this.distance = distance\n      this.unit = unit\n      this.analyzingError = error\n    } catch (error) {\n      console.error('사진 분석 실패:', error)\n    } finally {\n      this.analyzing = false\n    }\n  }\n\n  async _savePhoto() {\n    if (!this.frame || !this._hasTwoPoints() || this.distance === null || !this.unit) {\n      notify({ message: '분석 완료 후 저장할 수 있습니다.', level: 'warn' })\n      return\n    }\n\n    const checklistId = this.buildingInspection?.checklist?.id\n    let file: File\n    try {\n      file = await this.getCurrentImage()\n    } catch (e) {\n      notify({ message: '이미지 합성에 실패했습니다.', level: 'error' })\n      return\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($attachments: [NewAttachment!]!) {\n          createAttachments(attachments: $attachments) {\n            id\n          }\n        }\n      `,\n      variables: {\n        attachments: [{ file, refBy: checklistId, refType: 'Checklist', description: this.buildingInspection?.status }]\n      },\n      context: { hasUpload: true }\n    })\n\n    if (!response.errors) {\n      notify({ message: '사진 대지를 저장하였습니다.', level: 'info' })\n      return\n    }\n\n    return response.data.createAttachments\n  }\n\n  async getCurrentImage(): Promise<File> {\n    if (!this.imageWrapperEl) {\n      throw new Error('이미지 영역을 찾을 수 없습니다.')\n    }\n\n    try {\n      // html2canvas로 .image-wrapper 영역 캡처\n      const canvas = await html2canvas(this.imageWrapperEl, {\n        backgroundColor: null, // 투명 배경\n        scale: 1, // 1:1 스케일\n        useCORS: true, // CORS 이미지 허용\n        allowTaint: false, // 보안상 false\n        logging: false // 로그 비활성화\n      })\n\n      // 캔버스를 Blob으로 변환\n      const blob: Blob = await new Promise(resolve => {\n        canvas.toBlob(resolve as any, 'image/png', 1.0)\n      })\n\n      // File 객체로 변환하여 반환\n      return new File([blob!], `inspection_${Date.now()}.png`, {\n        type: 'image/png'\n      })\n    } catch (error) {\n      console.error('html2canvas 캡처 실패:', error)\n      throw new Error('화면 캡처에 실패했습니다.')\n    }\n  }\n}\n"]}

package/dist-client/pages/building-inspection-grid/building-inspection-grid-detail.d.ts

@@ -46,7 +46,7 @@ export declare class BuildingInspectionGridDetail extends BuildingInspectionGrid
     _onClickCreateInspection(): void;
     _onClickUpdateInspection(initialTab?: number): void;
     refresh(buildingInspectionId?: string): Promise<void>;
-    _getIconHtmlByStatus(status: string): import("lit-html").TemplateResult<1> | "";
+    _getIconHtmlByStatus(status: string): "" | import("lit-html").TemplateResult<1>;
     private _groupInspectionsByCell;
     private _openListLayer;
     private _closeListLayer;

package/dist-client/pages/checklist/checklist-view.js

@@ -32,15 +32,19 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
         this.status = BuildingInspectionStatus.WAIT;
         this.projectType = "DSSP" /* ProjectType.DSSP */;
         this.isListening = false;
-        this._onToggleSTT = () => {
+        this._onStartSTT = (e) => {
+            e.preventDefault();
             const stt = this.renderRoot.querySelector('#stt');
             if (!this.isListening) {
                 stt === null || stt === void 0 ? void 0 : stt.startListening();
             }
-            else {
+        };
+        this._onStopSTT = (e) => {
+            e.preventDefault();
+            const stt = this.renderRoot.querySelector('#stt');
+            if (this.isListening) {
                 stt === null || stt === void 0 ? void 0 : stt.stopListening();
             }
-            // isListening은 stt-status 이벤트에서 갱신됨
         };
     }
     firstUpdated() {
@@ -155,9 +159,13 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
             <md-fab
               class="stt-fab"
               ?active=${this.isListening}
-              @click=${this._onToggleSTT}
+              @mousedown=${this._onStartSTT}
+              @mouseup=${this._onStopSTT}
+              @mouseleave=${this._onStopSTT}
+              @touchstart=${this._onStartSTT}
+              @touchend=${this._onStopSTT}
               ?disabled=${false}
-              .label=${this.isListening ? '음성 인식 중지' : '음성 인식 시작'}
+              .label=${this.isListening ? '말씀하세요...' : '길게 눌러서 음성 인식'}
             >
               <md-icon slot="icon">mic</md-icon>
             </md-fab>
@@ -700,6 +708,7 @@ ChecklistView.styles = [
         position: fixed;
         top: 100px;
         right: 20px;
+        z-index: 1;
       }
 
       .stt-fab[active] md-icon {

package/dist-client/pages/checklist/checklist-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"checklist-view.js","sourceRoot":"","sources":["../../../client/pages/checklist/checklist-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/fab/fab.js'\nimport '@material/web/icon/icon.js'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport {\n  CHECKLIST_MAIN_TYPE_LIST,\n  BuildingInspectionStatus,\n  BUILDING_INSPECTION_STATUS_DISPLAY\n} from '../building-inspection/building-inspection-list'\nimport '@operato/input/ox-input-signature.js'\nimport { store } from '@operato/shell'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { openPopup } from '@operato/layout'\nimport './comment-list-popup'\nimport './attachment-list-popup'\nimport '../../stt/speech-to-text'\nimport { parseSpeechCommand } from '../../stt/stt-utils'\nimport { notify } from '@operato/layout'\n\nexport const enum ProjectType {\n  DSSP = 'DSSP',\n  DCSP = 'DCSP',\n  DKPI = 'DKPI'\n}\n\nexport const enum ChecklistMode {\n  VIEWER = 'VIEWER',\n  EDITOR = 'EDITOR'\n}\n\n@customElement('checklist-view')\nclass ChecklistView extends connect(store)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: var(--spacing-large, 12px);\n        padding-top: 0;\n        font-size: 14px;\n        min-width: 800px;\n\n        position: relative;\n      }\n\n      [bold] {\n        font-weight: bold;\n      }\n\n      div[name] {\n        display: flex;\n        color: #586878;\n        font-size: 24px;\n        align-items: center;\n        justify-content: center;\n      }\n\n      table {\n        width: 100%;\n        font-size: 15px;\n        color: #586878;\n        text-align: left;\n        border-collapse: collapse;\n        td,\n        th {\n          border: 1px rgba(51, 51, 51, 0.2) solid;\n          padding-inline: var(--spacing-medium, 8px);\n          vertical-align: middle;\n        }\n        th {\n          background-color: #efefef;\n          font-weight: bold;\n        }\n        td {\n          height: 33px;\n          background-color: var(--md-sys-color-on-primary);\n          &[radio] {\n            text-align: center;\n            width: 50px;\n          }\n        }\n      }\n\n      table[header] {\n        margin-top: var(--spacing-small, 4px);\n\n        td {\n          min-width: 180px;\n          border-left: none;\n        }\n        th {\n          width: 110px;\n          border-right: none;\n        }\n      }\n\n      table[body] {\n        border: 2px solid var(--md-sys-color-on-primary-container);\n        border-bottom: none;\n        margin-top: var(--spacing-medium, 8px);\n\n        th {\n          text-align: center;\n\n          &[type] {\n            min-width: 150px;\n          }\n          &[inspection-name] {\n            min-width: 250px;\n          }\n          &[result] {\n            width: 270px;\n          }\n          &[criteria] {\n            width: 200px;\n          }\n          &[small] {\n            width: 60px;\n          }\n        }\n        td {\n          &[main-type] {\n            width: 50px;\n            text-align: center;\n            word-break: keep-all;\n          }\n\n          &[attachment] {\n            text-align: center;\n            cursor: pointer;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[comment] {\n            cursor: pointer;\n            text-align: center;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[disabled] * {\n            opacity: 0.6;\n          }\n        }\n      }\n\n      table[tail] {\n        border: 2px solid var(--md-sys-color-on-primary-container);\n        border-top: none;\n        margin-top: -1px;\n\n        td {\n          width: 25%;\n          border-left: none;\n          text-align: center;\n          position: relative;\n          background-color: var(--md-sys-color-on-primary);\n          font-size: 14px;\n        }\n        th {\n          width: 25%;\n          border-right: none;\n        }\n\n        span[sign-text] {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          pointer-events: none;\n        }\n        ox-input-signature {\n          margin: var(--spacing-medium, 8px);\n\n          &[disabled] {\n            background: #eee;\n          }\n        }\n      }\n\n      div[footer] {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-tiny, 2px);\n        font-size: 12px;\n        margin-top: var(--spacing-medium, 8px);\n        color: #586878;\n        text-indent: -9px;\n        padding-left: var(--spacing-medium, 8px);\n      }\n\n      .stt-float-btns {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        gap: 8px;\n        z-index: 10;\n      }\n      .stt-float-btns button {\n        background: #fff;\n        border: 1px solid #ccc;\n        border-radius: 50%;\n        width: 38px;\n        height: 38px;\n        font-size: 18px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n        cursor: pointer;\n        transition: background 0.2s;\n        outline: none;\n      }\n      .stt-float-btns button:hover {\n        background: #f2f2f2;\n      }\n      div[title-row] {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 8px;\n      }\n      div[name] {\n        color: #586878;\n        font-size: 24px;\n        font-weight: bold;\n        flex: 1;\n        text-align: center;\n      }\n\n      @keyframes pulse {\n        0% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n        70% {\n          filter: drop-shadow(0 0 8px #d32f2f);\n        }\n        100% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n      }\n\n      .stt-fab {\n        position: fixed;\n        top: 100px;\n        right: 20px;\n      }\n\n      .stt-fab[active] md-icon {\n        color: #d32f2f;\n        animation: pulse 1s infinite;\n      }\n    `\n  ]\n\n  @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) manager: any = {}\n  @property({ type: Object }) buildingComplex = {\n    id: '',\n    taskConstructorEmails: [] as string[],\n    overallConstructorEmails: [] as string[],\n    taskSupervisoryEmails: [] as string[],\n    overallSupervisoryEmails: [] as string[]\n  }\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n  @property({ type: String }) projectType: ProjectType = ProjectType.DSSP\n\n  private isListening = false\n\n  firstUpdated() {\n    const stt = this.renderRoot.querySelector('#stt')\n    if (stt) {\n      stt.addEventListener('stt-result', (e: any) => {\n        const text = e.detail.finalTranscript\n        const parsed = parseSpeechCommand(text, this.checklist?.checklistItems?.length || 20)\n        this._applySpeechCommand(parsed)\n      })\n      stt.addEventListener('stt-status', (e: any) => {\n        // 음성 인식 상태에 따라 버튼 상태 갱신\n        const status = e.detail.status\n        if (status && status.includes('Listening')) this.isListening = true\n        if (status && (status.includes('종료') || status.includes('Stopped'))) this.isListening = false\n        this.requestUpdate()\n      })\n    }\n  }\n\n  private _onToggleSTT = () => {\n    const stt = this.renderRoot.querySelector('#stt') as any\n    if (!this.isListening) {\n      stt?.startListening()\n    } else {\n      stt?.stopListening()\n    }\n    // isListening은 stt-status 이벤트에서 갱신됨\n  }\n\n  /**\n   * 음성 명령 해석 결과를 체크리스트에 반영\n   */\n  private async _applySpeechCommand(parsed: any) {\n    // 합격/불합격 처리 예시 (시공자 기준)\n    if (parsed.rowIds && parsed.isPass !== null) {\n      this.checklist.checklistItems = this.checklist.checklistItems.map((item, idx) =>\n        parsed.rowIds.includes(idx + 1) ? { ...item, constructionConfirmStatus: parsed.isPass ? 'T' : 'F' } : item\n      )\n      this.requestUpdate()\n    }\n    // 조치사항 처리 예시\n    if (parsed.rowIds && parsed.actionText) {\n      const { rowIds, actionText } = parsed\n      const checklistItems = this.checklist.checklistItems\n      const ids = rowIds.length > 0 ? rowIds : Array.from({ length: checklistItems.length }, (_, i) => i + 1) // rowIds가 빈값이면 모든 아이템에 대해 조치사항 등록\n      let count = 0\n      for (const rowId of ids) {\n        const item = checklistItems[rowId - 1]\n        count += await this._createChecklistItemComment(item.id, actionText)\n        this._refreshItem({ detail: { checklistItemId: item.id } })\n      }\n      notify({ message: `${count}건의 조치사항을 등록했습니다.` })\n    }\n  }\n\n  // 체크리스트 아이템 코멘트 생성\n  private async _createChecklistItemComment(checklistItemId: string, comment: string) {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation CreateChecklistItemComment($checklistItemComment: NewChecklistItemComment!) {\n          createChecklistItemComment(checklistItemComment: $checklistItemComment) {\n            id\n          }\n        }\n      `,\n      variables: {\n        checklistItemComment: { comment, checklistItemId }\n      }\n    })\n\n    return !response.errors ? 1 : 0\n  }\n\n  render() {\n    const today = this._getDate(new Date())\n\n    // 시공자 스탭 여부\n    const isConstructorStep =\n      this.status == BuildingInspectionStatus.WAIT ||\n      this.status == BuildingInspectionStatus.OVERALL_WAIT ||\n      this.status == BuildingInspectionStatus.FAIL\n\n    // 감리자 스탭 여부\n    const isSupervisoryStep =\n      this.status == BuildingInspectionStatus.REQUEST || this.status == BuildingInspectionStatus.OVERALL_REQUEST\n\n    // 현재 스탭에 해당하는 계정인지 체크 (편집모드만)\n    let havePermissionByStatus: boolean = false\n    let isTaskConstructor: boolean = false\n    let isOverallConstructor: boolean = false\n    let isTaskSupervisory: boolean = false\n    let isOverallSupervisory: boolean = false\n\n    if (this.mode == ChecklistMode.EDITOR && this.status) {\n      const email = (store.getState() as any).auth?.user?.email\n      // 현재 유저가 \"공종별 시공 관리자\" 인지 체크\n      isTaskConstructor = this.buildingComplex.taskConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 시공 책임자\" 인지 체크\n      isOverallConstructor = this.buildingComplex.overallConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"공종별 감리 책임자\" 인지 체크\n      isTaskSupervisory = this.buildingComplex.taskSupervisoryEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 감리 책임자\" 인지 체크\n      isOverallSupervisory = this.buildingComplex.overallSupervisoryEmails?.includes(email) || false\n      // 스탭이 시공자 스탭일때에 내가 시공자 권한이 있는지 체크\n      havePermissionByStatus = isConstructorStep\n        ? isTaskConstructor || isOverallConstructor\n        : isTaskSupervisory || isOverallSupervisory\n    }\n\n    // 체크리스트 아이템 정렬\n    this.checklist?.checklistItems?.sort((a, b) => {\n      // 1순위: mainType 오름차순\n      if (a.mainType < b.mainType) return -1\n      if (a.mainType > b.mainType) return 1\n\n      // 2순위: detailType 오름차순\n      if (a.detailType < b.detailType) return -1\n      if (a.detailType > b.detailType) return 1\n\n      // 3순위: sequence 오름차순\n      return a.sequence - b.sequence\n    })\n\n    const processedItems = this.drawChecklistItems(this.checklist?.checklistItems || [])\n\n    return html`\n      ${this.mode == ChecklistMode.EDITOR\n        ? html`\n            <speech-to-text id=\"stt\"></speech-to-text>\n            <md-fab\n              class=\"stt-fab\"\n              ?active=${this.isListening}\n              @click=${this._onToggleSTT}\n              ?disabled=${false}\n              .label=${this.isListening ? '음성 인식 중지' : '음성 인식 시작'}\n            >\n              <md-icon slot=\"icon\">mic</md-icon>\n            </md-fab>\n          `\n        : ''}\n\n      <div title-row>\n        <div name>${this.checklist.name}</div>\n      </div>\n      <table header>\n        <tr>\n          <th>공종</th>\n          <td>${this.checklist.constructionType}</td>\n          <th>문서 번호</th>\n          <td>${this.checklist.documentNo}</td>\n        </tr>\n        <tr>\n          <th>세부 공종</th>\n          <td>${this.checklist.constructionDetailType}</td>\n          <th>위치 및 부위</th>\n          <td>${this.checklist.location}</td>\n        </tr>\n        <tr>\n          ${this.projectType == ProjectType.DSSP\n            ? html`\n                <th>담당자</th>\n                <td>${this.manager?.name || ''}</td>\n              `\n            : html`\n                <th>검측 부위</th>\n                <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n              `}\n\n          <th>검측 상태</th>\n          <td>${BUILDING_INSPECTION_STATUS_DISPLAY[this.status]}</td>\n        </tr>\n      </table>\n\n      <table body>\n        <thead>\n          <tr>\n            <th colspan=\"2\" rowspan=\"3\" type>구분</th>\n            <th rowspan=\"3\" inspection-name>검사항목</th>\n            <th rowspan=\"3\" criteria>검사기준</th>\n            <th colspan=\"4\" result>검사결과</th>\n            <th rowspan=\"3\" small>첨부자료</th>\n            <th rowspan=\"3\" small>조치사항</th>\n          </tr>\n          <tr>\n            <th colspan=\"2\">시공자</th>\n            <th colspan=\"2\">감리자</th>\n          </tr>\n          <tr>\n            <th>적합</th>\n            <th>부적합</th>\n            <th>적합</th>\n            <th>부적합</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${processedItems.map(({ item, showMainTypeCell, mainTypeRowspan, showDetailTypeCell, detailTypeRowspan }, idx) => {\n            return html` <tr>\n              ${showMainTypeCell\n                ? html`<td main-type bold rowspan=\"${mainTypeRowspan}\">${CHECKLIST_MAIN_TYPE_LIST[item.mainType]}</td>`\n                : ''}\n              ${showDetailTypeCell ? html` <td bold rowspan=\"${detailTypeRowspan}\">${item.detailType}</td> ` : ''}\n\n              <td>${idx + 1}. ${item.name}</td>\n              <td>${item.inspctionCriteria}</td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"constructionConfirmStatus\"\n                  name=${'radio-construction-' + item.id}\n                  value=\"T\"\n                  .checked=${item.constructionConfirmStatus === 'T'}\n                  ?disabled=${!isConstructorStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"constructionConfirmStatus\"\n                  name=${'radio-construction-' + item.id}\n                  value=\"F\"\n                  .checked=${item.constructionConfirmStatus === 'F'}\n                  ?disabled=${!isConstructorStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"supervisoryConfirmStatus\"\n                  name=${'radio-supervisory-' + item.id}\n                  value=\"T\"\n                  .checked=${item.supervisoryConfirmStatus === 'T'}\n                  ?disabled=${!isSupervisoryStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"supervisoryConfirmStatus\"\n                  name=${'radio-supervisory-' + item.id}\n                  value=\"F\"\n                  .checked=${item.supervisoryConfirmStatus === 'F'}\n                  ?disabled=${!isSupervisoryStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td\n                attachment\n                ?disabled=${this.status == BuildingInspectionStatus.PASS}\n                @click=${() => this._onClickAttachment(item.id)}\n              >\n                <md-icon slot=\"icon\">attach_file</md-icon>\n                <span>${item?.checklistItemAttachmentCount || ''}</span>\n              </td>\n              <td comment ?disabled=${this.status == BuildingInspectionStatus.PASS} @click=${() => this._onClickComment(item.id)}>\n                <md-icon slot=\"icon\">chat</md-icon>\n                <span>${item?.checklistItemCommentCount || ''}</span>\n              </td>\n            </tr>`\n          })}\n        </tbody>\n      </table>\n\n      <table tail>\n        <tbody>\n          <tr first>\n            <th rowspan=\"2\">시공자 점검일</th>\n            <td rowspan=\"2\">\n              ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.constructionInspectionDate)}\n            </td>\n            <th>공종별 시공 관리자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.taskConstructorSignature}\n                name=\"taskConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${(this.status != BuildingInspectionStatus.WAIT && this.status != BuildingInspectionStatus.FAIL) ||\n                !isTaskConstructor}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th>총괄 시공 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.overallConstructorSignature}\n                name=\"overallConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_WAIT || !isOverallConstructor}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th rowspan=\"2\">감리자 점검일</th>\n            <td rowspan=\"2\">\n              ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.supervisorInspectionDate)}\n            </td>\n            <th>공종별 감리 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.taskSupervisorySignature}\n                name=\"taskSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.REQUEST || !isTaskSupervisory}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th>총괄 감리 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.overallSupervisorySignature}\n                name=\"overallSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_REQUEST || !isOverallSupervisory}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n\n      <div footer>\n        <div>\n          - 검사결과는 1차, 2차로 구분 재검측시 2차에 기록하고 검사기준도 검사결과와 비교될 수 있도록 시방서 또는 도면 등에 있는\n          수치를 작성하며, 수치가 없는 검사항목은 시방서 또는 설계도서에 있는 내용과 검사한 내용으로 작성함\n        </div>\n        <div>- 검사항목 및 검사기준은 각 공종별로 감리원과 협의하여 작성할 것</div>\n      </div>\n    `\n  }\n\n  private _onChangeConfirmStatus(e: Event) {\n    const target = e.target as HTMLInputElement\n    const itemId = target.getAttribute('item-id')\n    const name = target.getAttribute('item-name') || ''\n    const value = target.value\n\n    this.checklist.checklistItems = this.checklist?.checklistItems?.map(item =>\n      item.id == itemId ? { ...item, [name]: value } : item\n    )\n  }\n\n  private _onChangeSignature(e: Event) {\n    const target = e.target as HTMLInputElement\n    const { name: userName } = (store.getState() as any).auth?.user\n\n    this.checklist[target.name] = target.value\n\n    // 서명할 때 해당 사용자 ID도 업데이트\n    if (userName) {\n      switch (target.name) {\n        case 'taskConstructorSignature':\n          this.checklist.taskConstructor = { name: userName }\n          break\n        case 'overallConstructorSignature':\n          this.checklist.overallConstructor = { name: userName }\n          break\n        case 'taskSupervisorySignature':\n          this.checklist.taskSupervisory = { name: userName }\n          break\n        case 'overallSupervisorySignature':\n          this.checklist.overallSupervisory = { name: userName }\n          break\n      }\n    }\n  }\n\n  private _getDate(date) {\n    if (!date) return ' 년 월 일'\n\n    const _date = new Date(date) || new Date()\n    return _date.toLocaleDateString('ko-KR', {\n      timeZone: 'Asia/Seoul',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric'\n    })\n  }\n\n  private drawChecklistItems(checklistItems) {\n    const mainTypeRowspans = {}\n    const detailTypeRowspans = {}\n    let previousMainType = null\n    let previousDetailType = null\n\n    return checklistItems.map((item, index) => {\n      const mainType = item.mainType\n      const detailType = item.detailType\n\n      // mainType이 변경되면 rowspan을 계산\n      if (mainType !== previousMainType) {\n        mainTypeRowspans[mainType] = checklistItems.filter(i => i.mainType === mainType).length\n        previousDetailType = null // detailType 초기화\n      }\n\n      // detailType이 변경되면 rowspan을 계산\n      if (detailType !== previousDetailType) {\n        detailTypeRowspans[`${mainType}-${detailType}`] = checklistItems.filter(\n          i => i.mainType === mainType && i.detailType === detailType\n        ).length\n      }\n\n      const showMainTypeCell = mainType !== previousMainType\n      const showDetailTypeCell = detailType !== previousDetailType\n\n      const mainTypeRowspan = mainTypeRowspans[mainType]\n      const detailTypeRowspan = detailTypeRowspans[`${mainType}-${detailType}`]\n\n      // 이전 값을 업데이트\n      previousMainType = mainType\n      previousDetailType = detailType\n\n      return {\n        item,\n        showMainTypeCell,\n        mainTypeRowspan,\n        showDetailTypeCell,\n        detailTypeRowspan\n      }\n    })\n  }\n\n  private _onClickComment(checklistItemId: string) {\n    openPopup(\n      html`\n        <comment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          .mode=${this.mode}\n          @change-comment=${this._refreshItem.bind(this)}\n        ></comment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '조치 사항' }\n    )\n  }\n\n  private _onClickAttachment(checklistItemId: string) {\n    openPopup(\n      html`\n        <attachment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          .mode=${this.mode}\n          @change-attachment=${this._refreshItem.bind(this)}\n        ></attachment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '첨부 자료' }\n    )\n  }\n\n  private async _refreshItem(e) {\n    const { checklistItemId } = e.detail\n    const response = await client.query({\n      query: gql`\n        query ChecklistItem($checklistItemId: String!) {\n          checklistItem(id: $checklistItemId) {\n            id\n            checklistItemCommentCount\n            checklistItemAttachmentCount\n          }\n        }\n      `,\n      variables: {\n        checklistItemId: checklistItemId\n      }\n    })\n\n    const checklistItem = response.data?.checklistItem || []\n    this.checklist.checklistItems = this.checklist.checklistItems.map(item => {\n      return item.id != checklistItemId ? item : { ...item, ...checklistItem }\n    })\n\n    this.requestUpdate()\n  }\n}\n"]}
+{"version":3,"file":"checklist-view.js","sourceRoot":"","sources":["../../../client/pages/checklist/checklist-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/fab/fab.js'\nimport '@material/web/icon/icon.js'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport {\n  CHECKLIST_MAIN_TYPE_LIST,\n  BuildingInspectionStatus,\n  BUILDING_INSPECTION_STATUS_DISPLAY\n} from '../building-inspection/building-inspection-list'\nimport '@operato/input/ox-input-signature.js'\nimport { store } from '@operato/shell'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { openPopup } from '@operato/layout'\nimport './comment-list-popup'\nimport './attachment-list-popup'\nimport '../../stt/speech-to-text'\nimport { parseSpeechCommand } from '../../stt/stt-utils'\nimport { notify } from '@operato/layout'\n\nexport const enum ProjectType {\n  DSSP = 'DSSP',\n  DCSP = 'DCSP',\n  DKPI = 'DKPI'\n}\n\nexport const enum ChecklistMode {\n  VIEWER = 'VIEWER',\n  EDITOR = 'EDITOR'\n}\n\n@customElement('checklist-view')\nclass ChecklistView extends connect(store)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: var(--spacing-large, 12px);\n        padding-top: 0;\n        font-size: 14px;\n        min-width: 800px;\n\n        position: relative;\n      }\n\n      [bold] {\n        font-weight: bold;\n      }\n\n      div[name] {\n        display: flex;\n        color: #586878;\n        font-size: 24px;\n        align-items: center;\n        justify-content: center;\n      }\n\n      table {\n        width: 100%;\n        font-size: 15px;\n        color: #586878;\n        text-align: left;\n        border-collapse: collapse;\n        td,\n        th {\n          border: 1px rgba(51, 51, 51, 0.2) solid;\n          padding-inline: var(--spacing-medium, 8px);\n          vertical-align: middle;\n        }\n        th {\n          background-color: #efefef;\n          font-weight: bold;\n        }\n        td {\n          height: 33px;\n          background-color: var(--md-sys-color-on-primary);\n          &[radio] {\n            text-align: center;\n            width: 50px;\n          }\n        }\n      }\n\n      table[header] {\n        margin-top: var(--spacing-small, 4px);\n\n        td {\n          min-width: 180px;\n          border-left: none;\n        }\n        th {\n          width: 110px;\n          border-right: none;\n        }\n      }\n\n      table[body] {\n        border: 2px solid var(--md-sys-color-on-primary-container);\n        border-bottom: none;\n        margin-top: var(--spacing-medium, 8px);\n\n        th {\n          text-align: center;\n\n          &[type] {\n            min-width: 150px;\n          }\n          &[inspection-name] {\n            min-width: 250px;\n          }\n          &[result] {\n            width: 270px;\n          }\n          &[criteria] {\n            width: 200px;\n          }\n          &[small] {\n            width: 60px;\n          }\n        }\n        td {\n          &[main-type] {\n            width: 50px;\n            text-align: center;\n            word-break: keep-all;\n          }\n\n          &[attachment] {\n            text-align: center;\n            cursor: pointer;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[comment] {\n            cursor: pointer;\n            text-align: center;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[disabled] * {\n            opacity: 0.6;\n          }\n        }\n      }\n\n      table[tail] {\n        border: 2px solid var(--md-sys-color-on-primary-container);\n        border-top: none;\n        margin-top: -1px;\n\n        td {\n          width: 25%;\n          border-left: none;\n          text-align: center;\n          position: relative;\n          background-color: var(--md-sys-color-on-primary);\n          font-size: 14px;\n        }\n        th {\n          width: 25%;\n          border-right: none;\n        }\n\n        span[sign-text] {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          pointer-events: none;\n        }\n        ox-input-signature {\n          margin: var(--spacing-medium, 8px);\n\n          &[disabled] {\n            background: #eee;\n          }\n        }\n      }\n\n      div[footer] {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-tiny, 2px);\n        font-size: 12px;\n        margin-top: var(--spacing-medium, 8px);\n        color: #586878;\n        text-indent: -9px;\n        padding-left: var(--spacing-medium, 8px);\n      }\n\n      .stt-float-btns {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        gap: 8px;\n        z-index: 10;\n      }\n      .stt-float-btns button {\n        background: #fff;\n        border: 1px solid #ccc;\n        border-radius: 50%;\n        width: 38px;\n        height: 38px;\n        font-size: 18px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n        cursor: pointer;\n        transition: background 0.2s;\n        outline: none;\n      }\n      .stt-float-btns button:hover {\n        background: #f2f2f2;\n      }\n      div[title-row] {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 8px;\n      }\n      div[name] {\n        color: #586878;\n        font-size: 24px;\n        font-weight: bold;\n        flex: 1;\n        text-align: center;\n      }\n\n      @keyframes pulse {\n        0% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n        70% {\n          filter: drop-shadow(0 0 8px #d32f2f);\n        }\n        100% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n      }\n\n      .stt-fab {\n        position: fixed;\n        top: 100px;\n        right: 20px;\n        z-index: 1;\n      }\n\n      .stt-fab[active] md-icon {\n        color: #d32f2f;\n        animation: pulse 1s infinite;\n      }\n    `\n  ]\n\n  @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) manager: any = {}\n  @property({ type: Object }) buildingComplex = {\n    id: '',\n    taskConstructorEmails: [] as string[],\n    overallConstructorEmails: [] as string[],\n    taskSupervisoryEmails: [] as string[],\n    overallSupervisoryEmails: [] as string[]\n  }\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n  @property({ type: String }) projectType: ProjectType = ProjectType.DSSP\n\n  private isListening = false\n\n  firstUpdated() {\n    const stt = this.renderRoot.querySelector('#stt')\n    if (stt) {\n      stt.addEventListener('stt-result', (e: any) => {\n        const text = e.detail.finalTranscript\n        const parsed = parseSpeechCommand(text, this.checklist?.checklistItems?.length || 20)\n        this._applySpeechCommand(parsed)\n      })\n      stt.addEventListener('stt-status', (e: any) => {\n        // 음성 인식 상태에 따라 버튼 상태 갱신\n        const status = e.detail.status\n        if (status && status.includes('Listening')) this.isListening = true\n        if (status && (status.includes('종료') || status.includes('Stopped'))) this.isListening = false\n        this.requestUpdate()\n      })\n    }\n  }\n\n  private _onStartSTT = (e: Event) => {\n    e.preventDefault()\n    const stt = this.renderRoot.querySelector('#stt') as any\n    if (!this.isListening) {\n      stt?.startListening()\n    }\n  }\n\n  private _onStopSTT = (e: Event) => {\n    e.preventDefault()\n    const stt = this.renderRoot.querySelector('#stt') as any\n    if (this.isListening) {\n      stt?.stopListening()\n    }\n  }\n\n  /**\n   * 음성 명령 해석 결과를 체크리스트에 반영\n   */\n  private async _applySpeechCommand(parsed: any) {\n    // 합격/불합격 처리 예시 (시공자 기준)\n    if (parsed.rowIds && parsed.isPass !== null) {\n      this.checklist.checklistItems = this.checklist.checklistItems.map((item, idx) =>\n        parsed.rowIds.includes(idx + 1) ? { ...item, constructionConfirmStatus: parsed.isPass ? 'T' : 'F' } : item\n      )\n      this.requestUpdate()\n    }\n    // 조치사항 처리 예시\n    if (parsed.rowIds && parsed.actionText) {\n      const { rowIds, actionText } = parsed\n      const checklistItems = this.checklist.checklistItems\n      const ids = rowIds.length > 0 ? rowIds : Array.from({ length: checklistItems.length }, (_, i) => i + 1) // rowIds가 빈값이면 모든 아이템에 대해 조치사항 등록\n      let count = 0\n      for (const rowId of ids) {\n        const item = checklistItems[rowId - 1]\n        count += await this._createChecklistItemComment(item.id, actionText)\n        this._refreshItem({ detail: { checklistItemId: item.id } })\n      }\n      notify({ message: `${count}건의 조치사항을 등록했습니다.` })\n    }\n  }\n\n  // 체크리스트 아이템 코멘트 생성\n  private async _createChecklistItemComment(checklistItemId: string, comment: string) {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation CreateChecklistItemComment($checklistItemComment: NewChecklistItemComment!) {\n          createChecklistItemComment(checklistItemComment: $checklistItemComment) {\n            id\n          }\n        }\n      `,\n      variables: {\n        checklistItemComment: { comment, checklistItemId }\n      }\n    })\n\n    return !response.errors ? 1 : 0\n  }\n\n  render() {\n    const today = this._getDate(new Date())\n\n    // 시공자 스탭 여부\n    const isConstructorStep =\n      this.status == BuildingInspectionStatus.WAIT ||\n      this.status == BuildingInspectionStatus.OVERALL_WAIT ||\n      this.status == BuildingInspectionStatus.FAIL\n\n    // 감리자 스탭 여부\n    const isSupervisoryStep =\n      this.status == BuildingInspectionStatus.REQUEST || this.status == BuildingInspectionStatus.OVERALL_REQUEST\n\n    // 현재 스탭에 해당하는 계정인지 체크 (편집모드만)\n    let havePermissionByStatus: boolean = false\n    let isTaskConstructor: boolean = false\n    let isOverallConstructor: boolean = false\n    let isTaskSupervisory: boolean = false\n    let isOverallSupervisory: boolean = false\n\n    if (this.mode == ChecklistMode.EDITOR && this.status) {\n      const email = (store.getState() as any).auth?.user?.email\n      // 현재 유저가 \"공종별 시공 관리자\" 인지 체크\n      isTaskConstructor = this.buildingComplex.taskConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 시공 책임자\" 인지 체크\n      isOverallConstructor = this.buildingComplex.overallConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"공종별 감리 책임자\" 인지 체크\n      isTaskSupervisory = this.buildingComplex.taskSupervisoryEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 감리 책임자\" 인지 체크\n      isOverallSupervisory = this.buildingComplex.overallSupervisoryEmails?.includes(email) || false\n      // 스탭이 시공자 스탭일때에 내가 시공자 권한이 있는지 체크\n      havePermissionByStatus = isConstructorStep\n        ? isTaskConstructor || isOverallConstructor\n        : isTaskSupervisory || isOverallSupervisory\n    }\n\n    // 체크리스트 아이템 정렬\n    this.checklist?.checklistItems?.sort((a, b) => {\n      // 1순위: mainType 오름차순\n      if (a.mainType < b.mainType) return -1\n      if (a.mainType > b.mainType) return 1\n\n      // 2순위: detailType 오름차순\n      if (a.detailType < b.detailType) return -1\n      if (a.detailType > b.detailType) return 1\n\n      // 3순위: sequence 오름차순\n      return a.sequence - b.sequence\n    })\n\n    const processedItems = this.drawChecklistItems(this.checklist?.checklistItems || [])\n\n    return html`\n      ${this.mode == ChecklistMode.EDITOR\n        ? html`\n            <speech-to-text id=\"stt\"></speech-to-text>\n            <md-fab\n              class=\"stt-fab\"\n              ?active=${this.isListening}\n              @mousedown=${this._onStartSTT}\n              @mouseup=${this._onStopSTT}\n              @mouseleave=${this._onStopSTT}\n              @touchstart=${this._onStartSTT}\n              @touchend=${this._onStopSTT}\n              ?disabled=${false}\n              .label=${this.isListening ? '말씀하세요...' : '길게 눌러서 음성 인식'}\n            >\n              <md-icon slot=\"icon\">mic</md-icon>\n            </md-fab>\n          `\n        : ''}\n\n      <div title-row>\n        <div name>${this.checklist.name}</div>\n      </div>\n      <table header>\n        <tr>\n          <th>공종</th>\n          <td>${this.checklist.constructionType}</td>\n          <th>문서 번호</th>\n          <td>${this.checklist.documentNo}</td>\n        </tr>\n        <tr>\n          <th>세부 공종</th>\n          <td>${this.checklist.constructionDetailType}</td>\n          <th>위치 및 부위</th>\n          <td>${this.checklist.location}</td>\n        </tr>\n        <tr>\n          ${this.projectType == ProjectType.DSSP\n            ? html`\n                <th>담당자</th>\n                <td>${this.manager?.name || ''}</td>\n              `\n            : html`\n                <th>검측 부위</th>\n                <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n              `}\n\n          <th>검측 상태</th>\n          <td>${BUILDING_INSPECTION_STATUS_DISPLAY[this.status]}</td>\n        </tr>\n      </table>\n\n      <table body>\n        <thead>\n          <tr>\n            <th colspan=\"2\" rowspan=\"3\" type>구분</th>\n            <th rowspan=\"3\" inspection-name>검사항목</th>\n            <th rowspan=\"3\" criteria>검사기준</th>\n            <th colspan=\"4\" result>검사결과</th>\n            <th rowspan=\"3\" small>첨부자료</th>\n            <th rowspan=\"3\" small>조치사항</th>\n          </tr>\n          <tr>\n            <th colspan=\"2\">시공자</th>\n            <th colspan=\"2\">감리자</th>\n          </tr>\n          <tr>\n            <th>적합</th>\n            <th>부적합</th>\n            <th>적합</th>\n            <th>부적합</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${processedItems.map(({ item, showMainTypeCell, mainTypeRowspan, showDetailTypeCell, detailTypeRowspan }, idx) => {\n            return html` <tr>\n              ${showMainTypeCell\n                ? html`<td main-type bold rowspan=\"${mainTypeRowspan}\">${CHECKLIST_MAIN_TYPE_LIST[item.mainType]}</td>`\n                : ''}\n              ${showDetailTypeCell ? html` <td bold rowspan=\"${detailTypeRowspan}\">${item.detailType}</td> ` : ''}\n\n              <td>${idx + 1}. ${item.name}</td>\n              <td>${item.inspctionCriteria}</td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"constructionConfirmStatus\"\n                  name=${'radio-construction-' + item.id}\n                  value=\"T\"\n                  .checked=${item.constructionConfirmStatus === 'T'}\n                  ?disabled=${!isConstructorStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"constructionConfirmStatus\"\n                  name=${'radio-construction-' + item.id}\n                  value=\"F\"\n                  .checked=${item.constructionConfirmStatus === 'F'}\n                  ?disabled=${!isConstructorStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"supervisoryConfirmStatus\"\n                  name=${'radio-supervisory-' + item.id}\n                  value=\"T\"\n                  .checked=${item.supervisoryConfirmStatus === 'T'}\n                  ?disabled=${!isSupervisoryStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"supervisoryConfirmStatus\"\n                  name=${'radio-supervisory-' + item.id}\n                  value=\"F\"\n                  .checked=${item.supervisoryConfirmStatus === 'F'}\n                  ?disabled=${!isSupervisoryStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td\n                attachment\n                ?disabled=${this.status == BuildingInspectionStatus.PASS}\n                @click=${() => this._onClickAttachment(item.id)}\n              >\n                <md-icon slot=\"icon\">attach_file</md-icon>\n                <span>${item?.checklistItemAttachmentCount || ''}</span>\n              </td>\n              <td comment ?disabled=${this.status == BuildingInspectionStatus.PASS} @click=${() => this._onClickComment(item.id)}>\n                <md-icon slot=\"icon\">chat</md-icon>\n                <span>${item?.checklistItemCommentCount || ''}</span>\n              </td>\n            </tr>`\n          })}\n        </tbody>\n      </table>\n\n      <table tail>\n        <tbody>\n          <tr first>\n            <th rowspan=\"2\">시공자 점검일</th>\n            <td rowspan=\"2\">\n              ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.constructionInspectionDate)}\n            </td>\n            <th>공종별 시공 관리자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.taskConstructorSignature}\n                name=\"taskConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${(this.status != BuildingInspectionStatus.WAIT && this.status != BuildingInspectionStatus.FAIL) ||\n                !isTaskConstructor}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th>총괄 시공 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.overallConstructorSignature}\n                name=\"overallConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_WAIT || !isOverallConstructor}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th rowspan=\"2\">감리자 점검일</th>\n            <td rowspan=\"2\">\n              ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.supervisorInspectionDate)}\n            </td>\n            <th>공종별 감리 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.taskSupervisorySignature}\n                name=\"taskSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.REQUEST || !isTaskSupervisory}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th>총괄 감리 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.overallSupervisorySignature}\n                name=\"overallSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_REQUEST || !isOverallSupervisory}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n\n      <div footer>\n        <div>\n          - 검사결과는 1차, 2차로 구분 재검측시 2차에 기록하고 검사기준도 검사결과와 비교될 수 있도록 시방서 또는 도면 등에 있는\n          수치를 작성하며, 수치가 없는 검사항목은 시방서 또는 설계도서에 있는 내용과 검사한 내용으로 작성함\n        </div>\n        <div>- 검사항목 및 검사기준은 각 공종별로 감리원과 협의하여 작성할 것</div>\n      </div>\n    `\n  }\n\n  private _onChangeConfirmStatus(e: Event) {\n    const target = e.target as HTMLInputElement\n    const itemId = target.getAttribute('item-id')\n    const name = target.getAttribute('item-name') || ''\n    const value = target.value\n\n    this.checklist.checklistItems = this.checklist?.checklistItems?.map(item =>\n      item.id == itemId ? { ...item, [name]: value } : item\n    )\n  }\n\n  private _onChangeSignature(e: Event) {\n    const target = e.target as HTMLInputElement\n    const { name: userName } = (store.getState() as any).auth?.user\n\n    this.checklist[target.name] = target.value\n\n    // 서명할 때 해당 사용자 ID도 업데이트\n    if (userName) {\n      switch (target.name) {\n        case 'taskConstructorSignature':\n          this.checklist.taskConstructor = { name: userName }\n          break\n        case 'overallConstructorSignature':\n          this.checklist.overallConstructor = { name: userName }\n          break\n        case 'taskSupervisorySignature':\n          this.checklist.taskSupervisory = { name: userName }\n          break\n        case 'overallSupervisorySignature':\n          this.checklist.overallSupervisory = { name: userName }\n          break\n      }\n    }\n  }\n\n  private _getDate(date) {\n    if (!date) return ' 년 월 일'\n\n    const _date = new Date(date) || new Date()\n    return _date.toLocaleDateString('ko-KR', {\n      timeZone: 'Asia/Seoul',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric'\n    })\n  }\n\n  private drawChecklistItems(checklistItems) {\n    const mainTypeRowspans = {}\n    const detailTypeRowspans = {}\n    let previousMainType = null\n    let previousDetailType = null\n\n    return checklistItems.map((item, index) => {\n      const mainType = item.mainType\n      const detailType = item.detailType\n\n      // mainType이 변경되면 rowspan을 계산\n      if (mainType !== previousMainType) {\n        mainTypeRowspans[mainType] = checklistItems.filter(i => i.mainType === mainType).length\n        previousDetailType = null // detailType 초기화\n      }\n\n      // detailType이 변경되면 rowspan을 계산\n      if (detailType !== previousDetailType) {\n        detailTypeRowspans[`${mainType}-${detailType}`] = checklistItems.filter(\n          i => i.mainType === mainType && i.detailType === detailType\n        ).length\n      }\n\n      const showMainTypeCell = mainType !== previousMainType\n      const showDetailTypeCell = detailType !== previousDetailType\n\n      const mainTypeRowspan = mainTypeRowspans[mainType]\n      const detailTypeRowspan = detailTypeRowspans[`${mainType}-${detailType}`]\n\n      // 이전 값을 업데이트\n      previousMainType = mainType\n      previousDetailType = detailType\n\n      return {\n        item,\n        showMainTypeCell,\n        mainTypeRowspan,\n        showDetailTypeCell,\n        detailTypeRowspan\n      }\n    })\n  }\n\n  private _onClickComment(checklistItemId: string) {\n    openPopup(\n      html`\n        <comment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          .mode=${this.mode}\n          @change-comment=${this._refreshItem.bind(this)}\n        ></comment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '조치 사항' }\n    )\n  }\n\n  private _onClickAttachment(checklistItemId: string) {\n    openPopup(\n      html`\n        <attachment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          .mode=${this.mode}\n          @change-attachment=${this._refreshItem.bind(this)}\n        ></attachment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '첨부 자료' }\n    )\n  }\n\n  private async _refreshItem(e) {\n    const { checklistItemId } = e.detail\n    const response = await client.query({\n      query: gql`\n        query ChecklistItem($checklistItemId: String!) {\n          checklistItem(id: $checklistItemId) {\n            id\n            checklistItemCommentCount\n            checklistItemAttachmentCount\n          }\n        }\n      `,\n      variables: {\n        checklistItemId: checklistItemId\n      }\n    })\n\n    const checklistItem = response.data?.checklistItem || []\n    this.checklist.checklistItems = this.checklist.checklistItems.map(item => {\n      return item.id != checklistItemId ? item : { ...item, ...checklistItem }\n    })\n\n    this.requestUpdate()\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -1 +1 @@
-export default function route(page: string): "checklist-type-management" | "building-inspection-list" | "checklist-template-list" | "building-inspection-detail-drawing" | "building-inspection-detail-checklist" | "building-inspection-detail-camera" | "building-inspection-detail-ai-measurement" | "building-inspection-detail-ai-defect" | "building-inspection-grid-detail" | undefined;
+export default function route(page: string): "checklist-template-list" | "checklist-type-management" | "building-inspection-list" | "building-inspection-detail-drawing" | "building-inspection-detail-checklist" | "building-inspection-detail-camera" | "building-inspection-detail-ai-measurement" | "building-inspection-detail-ai-defect" | "building-inspection-grid-detail" | undefined;