@dssp/supervision 1.0.14 → 1.0.16

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

@@ -38,6 +38,9 @@ export declare class BuildingInspectionAiMeasurement extends PageView {
     selectedItem: any;
     recaptureBase: number;
     recaptureSet: SetInfo | null;
+    setPickerFor: number | null;
+    recentSets: any[];
+    recentLoading: boolean;
     expandedReportId: string | null;
     measureSetIndex: number;
     measureInputs: Record<string, string>;
@@ -93,6 +96,10 @@ export declare class BuildingInspectionAiMeasurement extends PageView {
     private _callMeasure;
     private _fetchMeasureImage;
     private _loadShotGuide;
+    private _renderSetChooser;
+    private _loadRecentSets;
+    private _openSetChooser;
+    private _pickExistingSet;
     private _openSetPicker;
     private _onSetFilesSelected;
     private _fetchVlmFrames;

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

@@ -32,6 +32,16 @@ const pictoRebarImg = new URL('../../assets/ai-measurement/picto-rebar-parallel.
 const pictoMemberImg = new URL('../../assets/ai-measurement/picto-member-corner.svg', import.meta.url).href;
 /* 세트 폴더 필수 파일 (LidarInspector 앱이 촬영 1회당 생성) */
 const SET_FILES = ['video.mov', 'poses.jsonl', 'meta.json'];
+/* 촬영 앱 실행 링크 — iPad에서 이 화면을 열었을 때 앱이 바로 촬영 화면으로 뜬다.
+   server 파라미터로 업로드 주소까지 넘겨서 앱 설정을 따로 안 만져도 되게 한다. */
+function appCaptureLink(tech) {
+    return `gamri://${tech}?server=${encodeURIComponent(MEASURE_BASE_URL)}`;
+}
+/* set_id(YYYYmmdd-HHMMSS_xxxxxx) → "9/11 14:30" 표기 */
+function _setTimeLabel(setId) {
+    const m = /^(\d{4})(\d{2})(\d{2})-(\d{2})(\d{2})/.exec(setId || '');
+    return m ? `${Number(m[2])}/${Number(m[3])} ${m[4]}:${m[5]}` : setId;
+}
 /* 엔진 verdict(기계값) → 화면 라벨. pass/fail만 합/불로 자동 체크, 나머지는 감리자 판단 */
 const VERDICT_LABEL = {
     pass: '적합',
@@ -69,6 +79,9 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
         this.selectedItem = null;
         this.recaptureBase = 0; // 재검사 진입 시점의 프레임 수 (used_images 보정용)
         this.recaptureSet = null; // 재촬영으로 새로 올린 세트
+        this.setPickerFor = null; // 세트 고르는 중인 촬영 번호 (-1 = 재촬영)
+        this.recentSets = []; // 측정 서버에 올라온 최근 세트 (앱이 촬영 직후 자동 전송)
+        this.recentLoading = false;
         this.expandedReportId = null; // 종합 리포트에서 펼친 항목(아코디언)
         /* 측정 패널 상태 */
         this.measureSetIndex = 0;
@@ -211,10 +224,6 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
         <div class="card">
           <h4>공통 촬영법 — 옆으로 이동 · 대상 정면 유지 · 대상 전체 포함</h4>
           <img class="capture-guide-img" src=${captureGuideImg} alt="촬영 안내" />
-          <div class="picto-strip">
-            <img src=${pictoRebarImg} alt="철근: 재려는 변과 나란히" />
-            <img src=${pictoMemberImg} alt="기둥·벽: 모서리가 보이게" />
-          </div>
         </div>
 
         <div class="card" style="display: flex; flex-direction: column; gap: 10px;">
@@ -223,30 +232,36 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
             <span>${uploaded} / ${total}</span>
           </div>
           <div class="progress-bar"><div style="width: ${total ? (uploaded / total) * 100 : 0}%"></div></div>
+          <div class="app-links">
+            <span>촬영 앱 열기</span>
+            <a href=${appCaptureLink('cover')}>철근 배근 길이</a>
+            <a href=${appCaptureLink('thick')}>벽·기둥 두께</a>
+          </div>
           ${shots.map((s, i) => {
             const set = this.sets[i];
             return html `
-              <div class="set-card" ?uploaded=${!!set} @click=${() => !set && this._openSetPicker(i)}>
+              <div class="set-card" ?uploaded=${!!set} @click=${() => !set && this._openSetChooser(i)}>
                 <md-icon>${set ? 'check_circle' : 'video_file'}</md-icon>
                 <div class="set-main">
                   <b>촬영 ${s.shot_no || i + 1} · ${s.target}</b>
                   ${set
                 ? html `세트 업로드 완료${set.technique ? ` (${set.technique})` : ''}
                         ${set.warnings.map(w => html `<div class="set-warn">⚠ ${w}</div>`)}`
-                : html `탭해서 파일 3개(video.mov·poses.jsonl·meta.json)를 한 번에 선택`}
+                : html `탭해서 앱으로 촬영한 세트를 선택 (또는 파일 직접 선택)`}
                 </div>
                 ${set
                 ? html `<button
                         class="text-button"
                         @click=${(e) => {
                     e.stopPropagation();
-                    this._openSetPicker(i);
+                    this._openSetChooser(i);
                 }}
                       >
                         교체
                       </button>`
                 : ''}
               </div>
+              ${this.setPickerFor === i ? this._renderSetChooser(i) : ''}
             `;
         })}
         </div>
@@ -488,15 +503,21 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
                 </div>
               `
             : ''}
-        <div class="set-card" ?uploaded=${!!this.recaptureSet} @click=${() => this._openSetPicker(-1)}>
+        <div class="app-links">
+          <span>촬영 앱 열기</span>
+          <a href=${appCaptureLink('cover')}>철근 배근 길이</a>
+          <a href=${appCaptureLink('thick')}>벽·기둥 두께</a>
+        </div>
+        <div class="set-card" ?uploaded=${!!this.recaptureSet} @click=${() => this._openSetChooser(-1)}>
           <md-icon>${this.recaptureSet ? 'check_circle' : 'video_file'}</md-icon>
           <div class="set-main">
             <b>재촬영 세트</b>
             ${this.recaptureSet
             ? html `세트 업로드 완료 ${this.recaptureSet.warnings.map(w => html `<div class="set-warn">⚠ ${w}</div>`)}`
-            : html `앱으로 재촬영 후 파일 3개를 한 번에 선택`}
+            : html `앱으로 재촬영한 세트를 선택 (또는 파일 직접 선택)`}
           </div>
         </div>
+        ${this.setPickerFor === -1 ? this._renderSetChooser(-1) : ''}
         ${this.recaptureSet ? html `<button class="primary-button" @click=${() => this._runInspection()}>재검사 실행</button>` : ''}
         <button class="text-button" @click=${this._closePanel}>닫기</button>
       </div>
@@ -824,10 +845,74 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
             this.loading = false;
         }
     }
-    /* ─── 세트 업로드 ─── */
+    /* 세트 선택 목록 — 앱이 올린 최근 세트 + 파일 직접 선택 폴백 */
+    _renderSetChooser(index) {
+        return html `
+      <div class="set-chooser">
+        ${this.recentLoading
+            ? html `<div class="chooser-empty">불러오는 중...</div>`
+            : this.recentSets.length
+                ? this.recentSets.map(s => html `
+                    <button class="chooser-row" @click=${() => this._pickExistingSet(index, s)}>
+                      <b>${_setTimeLabel(s.set_id)}</b>
+                      <span>
+                        ${s.member_id ? `${s.member_id} · ` : ''}${s.technique || '기술 미상'}
+                        ${s.duration_sec ? ` · ${Math.round(s.duration_sec)}초` : ''}
+                      </span>
+                    </button>
+                  `)
+                : html `<div class="chooser-empty">앱에서 올린 세트가 없습니다. 앱으로 촬영하거나 파일을 직접 선택하세요.</div>`}
+        <div class="chooser-actions">
+          <button class="text-button" @click=${() => this._loadRecentSets()}>새로고침</button>
+          <button class="text-button" @click=${() => this._openSetPicker(index)}>파일 직접 선택</button>
+        </div>
+      </div>
+    `;
+    }
+    /* ─── 세트 선택/업로드 ─── */
+    /* 촬영 앱이 측정 서버로 바로 올린 세트 목록 (앱에서 촬영 후 저장하면 자동 전송된다) */
+    async _loadRecentSets() {
+        try {
+            this.recentLoading = true;
+            const data = await this._callMeasure('/api/sets?limit=20');
+            this.recentSets = data.sets || [];
+        }
+        catch (error) {
+            console.error('세트 목록 조회 실패:', error);
+            this.recentSets = [];
+        }
+        finally {
+            this.recentLoading = false;
+        }
+    }
+    /* 카드 탭 → 목록 펼치기 (이미 고른 세트는 제외하고 보여준다) */
+    _openSetChooser(index) {
+        this.setPickerFor = this.setPickerFor === index ? null : index;
+        if (this.setPickerFor !== null)
+            this._loadRecentSets();
+    }
+    /* 목록에서 세트 선택 — 이미 서버에 있으므로 업로드 없이 연결만 한다 */
+    _pickExistingSet(index, s) {
+        const set = {
+            setId: s.set_id,
+            technique: s.technique,
+            label: `세트 ${s.set_id}`,
+            warnings: []
+        };
+        if (index === -1) {
+            this.recaptureSet = set;
+        }
+        else {
+            const next = [...this.sets];
+            next[index] = set;
+            this.sets = next;
+        }
+        this.setPickerFor = null;
+    }
     _openSetPicker(index) {
         var _a;
         this.pendingSetIndex = index;
+        this.setPickerFor = null;
         (_a = this.setInputEl) === null || _a === void 0 ? void 0 : _a.click();
     }
     async _onSetFilesSelected(event) {
@@ -1448,19 +1533,75 @@ BuildingInspectionAiMeasurement.styles = [
         display: block;
       }
 
-      .picto-strip {
+      /* 촬영 앱 실행 링크 */
+      .app-links {
         display: flex;
+        align-items: center;
         gap: 8px;
-        margin-top: 10px;
+        flex-wrap: wrap;
+        font-size: 12px;
+        color: #777;
       }
 
-      .picto-strip img {
-        flex: 1;
-        min-width: 0;
-        background: #fff;
-        border: 1px solid #eee;
+      .app-links a {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        padding: 6px 12px;
+        border: 1px solid #7d2f2f;
+        border-radius: 999px;
+        color: #7d2f2f;
+        font-size: 12px;
+        font-weight: 600;
+        text-decoration: none;
+      }
+
+      /* 앱이 올린 세트 고르기 */
+      .set-chooser {
+        border: 1px solid #e5e5e5;
         border-radius: 8px;
+        background: #fff;
+        margin: -4px 0 4px 38px;
         padding: 6px;
+        max-height: 220px;
+        overflow-y: auto;
+      }
+
+      .chooser-row {
+        display: block;
+        width: 100%;
+        text-align: left;
+        border: 0;
+        background: transparent;
+        border-radius: 6px;
+        padding: 8px 10px;
+        cursor: pointer;
+        font-size: 12px;
+        color: #666;
+      }
+
+      .chooser-row:hover {
+        background: #f5f5f5;
+      }
+
+      .chooser-row b {
+        display: block;
+        font-size: 13px;
+        color: #333;
+      }
+
+      .chooser-empty {
+        padding: 12px 10px;
+        font-size: 12px;
+        color: #999;
+      }
+
+      .chooser-actions {
+        display: flex;
+        justify-content: flex-end;
+        gap: 4px;
+        border-top: 1px solid #f0f0f0;
+        padding-top: 4px;
       }
 
       /* 세트 업로드 카드 */
@@ -2143,6 +2284,18 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], BuildingInspectionAiMeasurement.prototype, "recaptureSet", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], BuildingInspectionAiMeasurement.prototype, "setPickerFor", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], BuildingInspectionAiMeasurement.prototype, "recentSets", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], BuildingInspectionAiMeasurement.prototype, "recentLoading", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)