fix: HEIC 프리뷰 placeholder + 모바일 사진함 접근 허용

1. issue-report.js updatePhotoSlot: 브라우저가 <img> 로 렌더링 못하는
   포맷(HEIC 등) 감지해서 녹색 placeholder("📷 HEIC 첨부됨") 로 대체.
   photos[index] 데이터는 유지해서 업로드는 정상 동작 (서버 ImageMagick
   fallback 이 HEIC→JPEG 변환). 데스크톱 Chrome 에서 깨진 이미지 아이콘
   보이던 문제 해결.

2. m/management.html editPhotoInput: capture="environment" 제거.
   이 속성이 있으면 모바일에서 카메라 직접 호출만 되고 사진함 선택 UI 가
   나오지 않음. 관리함 사진 보충 시 기존 사진에서 고를 수 있어야 함.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

gateway/html/dashboard.html

@@ -489,7 +489,7 @@
 
         // ===== Card Definitions =====
         var SYSTEM_CARDS = [
-            { id: 'factory', name: '공장관리', desc: '작업장 현황, TBM, 설비관리', icon: '\uD83C\uDFED', subdomain: 'tkfb', path: '/pages/dashboard.html', pageKey: 'dashboard', color: '#1a56db' },
+            { id: 'factory', name: '공장관리', desc: '작업장 현황, TBM, 설비관리', icon: '\uD83C\uDFED', subdomain: 'tkfb', path: '/pages/dashboard-new.html', pageKey: 'dashboard', color: '#1a56db' },
             { id: 'report_sys', name: '신고', desc: '사건·사고 신고 접수', icon: '\uD83D\uDEA8', subdomain: 'tkreport', accessKey: 'system2', color: '#dc2626' },
             { id: 'quality', name: '부적합관리', desc: '부적합 이슈 추적·처리', icon: '\uD83D\uDCCA', subdomain: 'tkqc', accessKey: 'system3', color: '#059669' },
             { id: 'purchase', name: '구매관리', desc: '자재 구매, 일용직 관리', icon: '\uD83D\uDED2', subdomain: 'tkpurchase', color: '#d97706' },

system1-factory/web/sw.js

@@ -20,10 +20,12 @@ self.addEventListener('activate', function(event) {
 });
 
 self.addEventListener('fetch', function(event) {
-  // API, POST, cross-origin 요청은 캐싱하지 않음
+  // API, POST, cross-origin, 로그인/대시보드 프록시 경로는 캐싱하지 않음
   if (event.request.url.includes('/api/')) return;
   if (event.request.method !== 'GET') return;
   if (!event.request.url.startsWith(self.location.origin)) return;
+  var path = new URL(event.request.url).pathname;
+  if (path === '/dashboard' || path === '/login' || path === '/auth' || path.startsWith('/auth/')) return;
 
   event.respondWith(
     fetch(event.request)

system2-report/api/controllers/workIssueController.js

@@ -257,12 +257,36 @@ exports.createReport = async (req, res) => {
         if (result.success && result.mProjectId) {
           await workIssueModel.updateMProjectId(reportId, result.mProjectId);
           console.log(`[System3 연동] m_project_id=${result.mProjectId} 업데이트 완료`);
+        } else {
+          // ⚠ System3 연동 실패 감지 — silent data loss 방지 (2026-04-09 사고 교훈)
+          console.error(`[System3 연동 실패] report_id=${reportId} error=${result.error || 'unknown'}`);
+          notify.send({
+            type: 'system',
+            title: 'tkqc 연동 실패',
+            message: `부적합 신고 #${reportId} (사진 ${photoBase64List.length}장) 전달 실패 — ${result.error || 'unknown'}`,
+            link_url: `/pages/safety/issue-detail.html?id=${reportId}`,
+            reference_type: 'work_issue_reports',
+            reference_id: reportId,
+            created_by: req.user.id || req.user.user_id
+          }).catch(e => console.error('[알림 전송 실패]', e.message));
         }
       } else {
         console.log(`[System3 연동] 부적합 아님, 건너뜀`);
       }
     } catch (e) {
       console.error('[System3 연동 실패]', e.message, e.stack);
+      // 예외 케이스도 알림
+      try {
+        notify.send({
+          type: 'system',
+          title: 'tkqc 연동 예외',
+          message: `부적합 신고 #${reportId} 전달 중 예외: ${e.message}`,
+          link_url: `/pages/safety/issue-detail.html?id=${reportId}`,
+          reference_type: 'work_issue_reports',
+          reference_id: reportId,
+          created_by: req.user.id || req.user.user_id
+        }).catch(() => {});
+      } catch (_) {}
     }
   } catch (error) {
     console.error('신고 생성 에러:', error);

system2-report/web/js/issue-report.js

@@ -1090,22 +1090,38 @@ function resizeImage(file, maxSize, quality) {
 
 /**
  * 사진 슬롯 업데이트
+ * 브라우저가 렌더링 못하는 포맷(HEIC 등) 은 img 대신 placeholder 로 표시하되
+ * photos[index] 데이터 자체는 유지해서 업로드는 정상 동작.
  */
 function updatePhotoSlot(index) {
   const slot = document.querySelector(`.photo-slot[data-index="${index}"]`);
 
+  // 기존 img 나 placeholder 제거
+  const existingImg = slot.querySelector('img');
+  if (existingImg) existingImg.remove();
+  const existingPlaceholder = slot.querySelector('.photo-placeholder');
+  if (existingPlaceholder) existingPlaceholder.remove();
+
   if (photos[index]) {
     slot.classList.add('has-photo');
-    let img = slot.querySelector('img');
+    const data = photos[index];
-    if (!img) {
+    // 브라우저가 <img> 로 렌더링 가능한 포맷만 img 사용, 그 외엔 placeholder
-      img = document.createElement('img');
+    const isRenderable = /^data:image\/(jpeg|jpg|png|gif|webp|bmp|svg)/i.test(data);
+
+    if (isRenderable) {
+      const img = document.createElement('img');
+      img.src = data;
       slot.insertBefore(img, slot.firstChild);
+    } else {
+      // HEIC 등 렌더링 불가 포맷 — placeholder 표시 (업로드는 정상)
+      const ph = document.createElement('div');
+      ph.className = 'photo-placeholder';
+      ph.style.cssText = 'width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ecfdf5;color:#059669;font-size:0.625rem;font-weight:600;text-align:center;gap:2px;';
+      ph.innerHTML = '<div style="font-size:1.25rem">&#128247;</div><div>HEIC</div><div style="font-size:0.5625rem;color:#10b981">첨부됨</div>';
+      slot.insertBefore(ph, slot.firstChild);
     }
-    img.src = photos[index];
   } else {
     slot.classList.remove('has-photo');
-    const img = slot.querySelector('img');
-    if (img) img.remove();
   }
 }
 

system2-report/web/pages/safety/issue-report.html

@@ -783,6 +783,6 @@
     <input type="file" id="photoInput" accept="image/*" style="display:none">
 
     <script src="/js/cross-nav.js?v=2026031401"></script>
-    <script src="/js/issue-report.js?v=2026031401"></script>
+    <script src="/js/issue-report.js?v=2026040901"></script>
 </body>
 </html>

system3-nonconformance/api/Dockerfile

@@ -3,9 +3,15 @@ FROM python:3.11-slim
 WORKDIR /app
 
 # 시스템 패키지 설치
+# - gosu: entrypoint 에서 root→appuser 강등용
+# - imagemagick + libheif: HEIC(iPhone) 등 pillow_heif 가 처리 못하는 이미지 fallback (2026-04-09)
 RUN apt-get update && apt-get install -y \
     gcc \
-    && rm -rf /var/lib/apt/lists/*
+    gosu \
+    imagemagick \
+    libheif1 \
+    && rm -rf /var/lib/apt/lists/* \
+    && sed -i 's|<policy domain="coder" rights="none" pattern="HEIC" />|<policy domain="coder" rights="read\|write" pattern="HEIC" />|' /etc/ImageMagick-6/policy.xml 2>/dev/null || true
 
 # Python 의존성 설치
 COPY requirements.txt .
@@ -17,12 +23,16 @@ RUN groupadd -r appuser && useradd -r -g appuser appuser
 # 애플리케이션 파일 복사
 COPY --chown=appuser:appuser . .
 
-# uploads 디렉토리 생성
+# uploads 디렉토리 생성 (entrypoint 가 볼륨 마운트 후 재-chown)
 RUN mkdir -p /app/uploads && chown appuser:appuser /app/uploads
 
+# entrypoint 실행권한
+RUN chmod +x /app/entrypoint.sh
+
 # 포트 노출
 EXPOSE 8000
 
-# 실행 명령
+# 실행 (root 로 시작 → entrypoint 에서 chown → gosu 로 appuser 강등)
-USER appuser
+# USER 지시어는 entrypoint 에서 직접 처리하므로 생략한다.
+ENTRYPOINT ["/app/entrypoint.sh"]
 CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "8000"]

system3-nonconformance/api/database/schemas.py

@@ -240,6 +240,12 @@ class ManagementUpdateRequest(BaseModel):
     completion_photo3: Optional[str] = None  # Base64 - 완료 사진 3
     completion_photo4: Optional[str] = None  # Base64 - 완료 사진 4
     completion_photo5: Optional[str] = None  # Base64 - 완료 사진 5
+    # 원본(부적합) 사진 보충 — NULL 슬롯에만 채워넣도록 클라이언트에서 제어 (2026-04-09)
+    photo: Optional[str] = None   # Base64 - 원본 사진 1
+    photo2: Optional[str] = None  # Base64 - 원본 사진 2
+    photo3: Optional[str] = None  # Base64 - 원본 사진 3
+    photo4: Optional[str] = None  # Base64 - 원본 사진 4
+    photo5: Optional[str] = None  # Base64 - 원본 사진 5
     review_status: Optional[ReviewStatus] = None
 
 class OpinionRequest(BaseModel):

system3-nonconformance/api/entrypoint.sh

@@ -0,0 +1,20 @@
+#!/bin/sh
+# entrypoint.sh — 볼륨 권한 보정 후 appuser 로 강등 실행
+#
+# Why: Dockerfile 의 `chown /app/uploads` 는 이미지 레이어에만 반영되고,
+# docker-compose 의 named volume 은 최초 생성 시점의 소유자를 유지한다.
+# 재배포해도 볼륨은 root 소유로 남아 appuser(999) 가 write 불가.
+# → 컨테이너 시작 시마다 root 로 chown 하고 gosu 로 appuser 강등.
+#
+# 2026-04-09: 이 보정 누락으로 tkqc 사진이 silent 하게 유실됐다 (qc_issues.id=185~191).
+set -e
+
+UPLOAD_DIR="/app/uploads"
+
+if [ -d "$UPLOAD_DIR" ]; then
+  chown -R appuser:appuser "$UPLOAD_DIR" || {
+    echo "[entrypoint] WARNING: chown $UPLOAD_DIR 실패 — 이미 appuser 소유이거나 read-only 볼륨일 수 있음" >&2
+  }
+fi
+
+exec gosu appuser "$@"

system3-nonconformance/api/routers/issues.py

@@ -372,9 +372,30 @@ async def update_issue_management(
             except Exception as e:
                 raise HTTPException(status_code=400, detail=f"완료 사진 저장 실패: {str(e)}")
 
-    # 나머지 필드 처리 (완료 사진 제외)
+    # 원본(부적합) 사진 보충 처리 — 클라이언트가 빈 슬롯에만 채우도록 제어함
+    # (2026-04-09: tkreport→tkqc 연동 중 유실된 사진 복구 용도로 추가)
+    photo_fields = []
+    for i in range(1, 6):
+        photo_field = f"photo{i if i > 1 else ''}"
+        path_field = f"photo_path{i if i > 1 else ''}"
+
+        if photo_field in update_data and update_data[photo_field]:
+            photo_fields.append(photo_field)
+            try:
+                # 기존 사진이 있으면 교체 (클라이언트가 의도적으로 지정한 경우)
+                existing_path = getattr(issue, path_field, None)
+                if existing_path:
+                    delete_file(existing_path)
+
+                # 새 사진 저장 (prefix "image" — inbox/신규 생성과 동일)
+                new_path = save_base64_image(update_data[photo_field], "image")
+                setattr(issue, path_field, new_path)
+            except Exception as e:
+                raise HTTPException(status_code=400, detail=f"사진 저장 실패: {str(e)}")
+
+    # 나머지 필드 처리 (사진 필드 제외)
     for field, value in update_data.items():
-        if field not in completion_photo_fields:
+        if field not in completion_photo_fields and field not in photo_fields:
             try:
                 setattr(issue, field, value)
             except Exception as e:

system3-nonconformance/api/services/file_service.py

@@ -84,11 +84,48 @@ def save_base64_image(base64_string: str, prefix: str = "image") -> Optional[str
                     print(f"✅ HEIF 재시도 성공: {image.format}, 모드: {image.mode}, 크기: {image.size}")
                 except Exception as heif_e:
                     print(f"❌ HEIF 처리도 실패: {heif_e}")
-                    print("❌ 지원되지 않는 이미지 형식")
+                    image = None  # ImageMagick fallback 시도
-                    raise e
             else:
                 print("❌ HEIF 지원 라이브러리가 설치되지 않거나 처리 불가")
-                raise e
+
+            # ImageMagick fallback (pillow_heif 가 특정 iPhone HEIC 메타데이터를 처리 못하는 경우)
+            if image is None:
+                print("🔄 ImageMagick 으로 fallback 시도...")
+                try:
+                    import subprocess
+                    import tempfile
+                    with tempfile.NamedTemporaryFile(suffix='.bin', delete=False, dir='/tmp') as tmp_in:
+                        tmp_in.write(image_data)
+                        tmp_in_path = tmp_in.name
+                    tmp_out_path = tmp_in_path + '.jpg'
+                    # convert 는 ImageMagick 6, magick 은 ImageMagick 7
+                    cmd = None
+                    for binary in ('magick', 'convert'):
+                        try:
+                            subprocess.run([binary, '-version'], capture_output=True, timeout=5, check=True)
+                            cmd = binary
+                            break
+                        except (FileNotFoundError, subprocess.CalledProcessError, subprocess.TimeoutExpired):
+                            continue
+                    if not cmd:
+                        raise Exception("ImageMagick not installed")
+                    result = subprocess.run(
+                        [cmd, tmp_in_path, tmp_out_path],
+                        capture_output=True, timeout=30, text=True
+                    )
+                    if result.returncode != 0:
+                        raise Exception(f"ImageMagick 변환 실패: {result.stderr[:200]}")
+                    image = Image.open(tmp_out_path)
+                    image.load()  # 파일 삭제 전 강제 로드
+                    print(f"✅ ImageMagick fallback 성공: {image.format}, 모드: {image.mode}, 크기: {image.size}")
+                    try:
+                        os.unlink(tmp_in_path)
+                        os.unlink(tmp_out_path)
+                    except OSError:
+                        pass
+                except Exception as magick_e:
+                    print(f"❌ ImageMagick fallback 실패: {magick_e}")
+                    raise e  # 원래 PIL 에러를 올림
 
         # 이미지가 성공적으로 로드되지 않은 경우
         if image is None:
@@ -122,7 +159,10 @@ def save_base64_image(base64_string: str, prefix: str = "image") -> Optional[str
         
     except Exception as e:
         print(f"이미지 저장 실패: {e}")
-        return None
+        # ⚠ silent failure 금지 — 저장 실패는 반드시 상위로 전파해서
+        # system2/클라이언트가 "성공"으로 오인하지 않도록 한다.
+        # (2026-04-09: named volume 권한 이슈로 사진 유실 사고 재발 방지)
+        raise RuntimeError(f"Image save failed: {e}") from e
 
 def delete_file(filepath: str):
     """파일 삭제"""

system3-nonconformance/web/issues-management.html

@@ -349,6 +349,6 @@
     <script src="/static/js/utils/photo-modal.js?v=2026031401"></script>
     <script src="/static/js/utils/toast.js?v=2026031401"></script>
     <script src="/static/js/components/mobile-bottom-nav.js?v=2026031401"></script>
-    <script src="/static/js/pages/issues-management.js?v=2026031401"></script>
+    <script src="/static/js/pages/issues-management.js?v=2026040902"></script>
 </body>
 </html>

system3-nonconformance/web/m/management.html

@@ -92,6 +92,15 @@
                 <label class="m-label"><i class="fas fa-calendar-alt" style="color:#ef4444;margin-right:4px"></i>조치 예상일</label>
                 <input type="date" id="editExpectedDate" class="m-input">
             </div>
+            <!-- 원본 사진 보충 (빈 슬롯에만 채움) -->
+            <div class="m-form-group" id="editPhotoGroup">
+                <label class="m-label"><i class="fas fa-camera" style="color:#10b981;margin-right:4px"></i>사진 보충 <span id="editPhotoSlotInfo" style="font-size:11px;color:#6b7280"></span></label>
+                <div id="editExistingPhotos" style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px"></div>
+                <input type="file" id="editPhotoInput" accept="image/*" multiple
+                       class="m-input" style="padding:8px;font-size:12px" onchange="previewEditPhotos(event)">
+                <div id="editPhotoPreview" style="display:flex;flex-wrap:wrap;gap:6px;margin-top:6px"></div>
+                <p style="font-size:11px;color:#9ca3af;margin-top:4px">※ 비어있는 슬롯에만 자동 채움. 기존 사진은 유지됩니다.</p>
+            </div>
         </div>
         <div class="m-sheet-footer">
             <button class="m-submit-btn" onclick="saveManagementEdit()">
@@ -179,6 +188,6 @@
     <script src="/static/js/core/permissions.js?v=2026031401"></script>
     <script src="/static/js/utils/issue-helpers.js?v=2026031401"></script>
     <script src="/static/js/m/m-common.js?v=2026031401"></script>
-    <script src="/static/js/m/m-management.js?v=2026031401"></script>
+    <script src="/static/js/m/m-management.js?v=2026040901"></script>
 </body>
 </html>

system3-nonconformance/web/static/js/m/m-management.js

@@ -265,9 +265,59 @@ function openEditMgmtSheet(issueId) {
     document.getElementById('editResponsibleDept').value = issue.responsible_department || '';
     document.getElementById('editResponsiblePerson').value = issue.responsible_person || '';
     document.getElementById('editExpectedDate').value = issue.expected_completion_date ? issue.expected_completion_date.split('T')[0] : '';
+
+    // 원본 사진 보충 UI 초기화
+    var slotKeys = ['photo_path', 'photo_path2', 'photo_path3', 'photo_path4', 'photo_path5'];
+    var existingPhotos = slotKeys.map(function (k) { return issue[k]; }).filter(function (p) { return p; });
+    var emptyCount = 5 - existingPhotos.length;
+
+    var existingEl = document.getElementById('editExistingPhotos');
+    existingEl.innerHTML = existingPhotos.length
+        ? existingPhotos.map(function (p) {
+            return '<img src="' + escapeHtml(p) + '" style="width:52px;height:52px;object-fit:cover;border-radius:6px;border:1px solid #d1d5db" alt="기존 사진">';
+          }).join('')
+        : '<span style="font-size:12px;color:#9ca3af">기존 사진 없음</span>';
+
+    var slotInfoEl = document.getElementById('editPhotoSlotInfo');
+    slotInfoEl.textContent = emptyCount > 0 ? '(남은 슬롯: ' + emptyCount + '장)' : '(가득 참)';
+
+    var photoInput = document.getElementById('editPhotoInput');
+    photoInput.value = '';
+    photoInput.disabled = (emptyCount === 0);
+    document.getElementById('editPhotoPreview').innerHTML = '';
+
     openSheet('editMgmt');
 }
 
+// 파일 input change 시 미리보기 렌더
+function previewEditPhotos(event) {
+    var files = event.target.files;
+    var preview = document.getElementById('editPhotoPreview');
+    preview.innerHTML = '';
+    if (!files || !files.length) return;
+
+    Array.prototype.forEach.call(files, function (file) {
+        var reader = new FileReader();
+        reader.onload = function (e) {
+            var img = document.createElement('img');
+            img.src = e.target.result;
+            img.style.cssText = 'width:52px;height:52px;object-fit:cover;border-radius:6px;border:2px solid #10b981';
+            img.alt = '추가 예정';
+            preview.appendChild(img);
+        };
+        reader.readAsDataURL(file);
+    });
+}
+
+function fileToBase64(file) {
+    return new Promise(function (resolve, reject) {
+        var reader = new FileReader();
+        reader.onload = function (e) { resolve(e.target.result); };
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+    });
+}
+
 async function saveManagementEdit() {
     if (!currentIssueId) return;
     try {
@@ -278,6 +328,34 @@ async function saveManagementEdit() {
             expected_completion_date: document.getElementById('editExpectedDate').value ? document.getElementById('editExpectedDate').value + 'T00:00:00' : null
         };
 
+        // 원본 사진 보충 — 빈 슬롯에만 채움
+        var photoInput = document.getElementById('editPhotoInput');
+        if (photoInput && photoInput.files && photoInput.files.length > 0) {
+            var currentIssue = issues.find(function (i) { return i.id === currentIssueId; });
+            if (currentIssue) {
+                var slotKeys = ['photo_path', 'photo_path2', 'photo_path3', 'photo_path4', 'photo_path5'];
+                var emptySlots = [];
+                slotKeys.forEach(function (k, idx) { if (!currentIssue[k]) emptySlots.push(idx + 1); });
+
+                if (emptySlots.length === 0) {
+                    showToast('원본 사진 슬롯이 가득 찼습니다', 'warning');
+                    return;
+                }
+
+                var filesToUpload = Array.prototype.slice.call(photoInput.files, 0, emptySlots.length);
+                if (photoInput.files.length > emptySlots.length) {
+                    showToast('빈 슬롯 ' + emptySlots.length + '장 중 처음 ' + emptySlots.length + '장만 업로드됩니다', 'info');
+                }
+
+                for (var i = 0; i < filesToUpload.length; i++) {
+                    var base64 = await fileToBase64(filesToUpload[i]);
+                    var slotNum = emptySlots[i];
+                    var fieldName = slotNum === 1 ? 'photo' : 'photo' + slotNum;
+                    updates[fieldName] = base64;
+                }
+            }
+        }
+
         // 프로젝트 변경 확인
         var newProjectId = parseInt(document.getElementById('editProject').value);
         var issue = issues.find(function (i) { return i.id === currentIssueId; });

system3-nonconformance/web/static/js/pages/issues-management.js

@@ -427,25 +427,37 @@ function createInProgressRow(issue, project) {
                     <div>
                         <label class="block text-sm font-medium text-gray-700 mb-2">업로드 사진</label>
                         ${(() => {
-                            const photos = [
+                            const photoSlots = [
                                 issue.photo_path,
                                 issue.photo_path2,
                                 issue.photo_path3,
                                 issue.photo_path4,
                                 issue.photo_path5
-                            ].filter(p => p);
+                            ];
+                            const filled = photoSlots.filter(p => p);
+                            const emptyCount = 5 - filled.length;
 
-                            if (photos.length === 0) {
+                            const existing = filled.length === 0
-                                return '<div class="w-20 h-20 bg-gray-100 rounded-lg flex items-center justify-center text-gray-400 text-xs border-2 border-dashed border-gray-300">사진 없음</div>';
+                                ? '<div class="w-20 h-20 bg-gray-100 rounded-lg flex items-center justify-center text-gray-400 text-xs border-2 border-dashed border-gray-300">사진 없음</div>'
-                            }
+                                : `<div class="flex flex-wrap gap-2">
-
+                                     ${filled.map((path, idx) => `
-                            return `
-                                <div class="flex flex-wrap gap-2">
-                                    ${photos.map((path, idx) => `
                                          <img src="${path}" class="w-20 h-20 object-cover rounded-lg cursor-pointer border-2 border-gray-200 hover:border-blue-400 transition-colors" onclick="openPhotoModal('${path}')" alt="업로드 사진 ${idx + 1}">
                                      `).join('')}
+                                   </div>`;
+
+                            // 사진 보충 UI (빈 슬롯에만 채움, 저장 버튼 클릭 시 업로드)
+                            const uploadUi = isPendingCompletion ? '' : (emptyCount > 0 ? `
+                                <div class="mt-3 pt-3 border-t border-gray-200">
+                                    <label class="block text-xs font-medium text-gray-600 mb-1">
+                                        <i class="fas fa-plus-circle text-blue-500 mr-1"></i>사진 보충 (남은 슬롯: ${emptyCount}장)
+                                    </label>
+                                    <input type="file" id="original_photo_${issue.id}" accept="image/*" multiple
+                                           class="block w-full text-xs text-gray-500 file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:text-xs file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100">
+                                    <p class="text-xs text-gray-400 mt-1">※ 비어있는 슬롯에만 자동으로 채워집니다 (기존 사진은 유지). 저장 버튼 클릭 시 업로드.</p>
                                 </div>
-                            `;
+                            ` : '<p class="text-xs text-gray-400 mt-2"><i class="fas fa-info-circle mr-1"></i>5장 모두 찬 상태입니다</p>');
+
+                            return existing + uploadUi;
                         })()}
                     </div>
                 </div>
@@ -909,6 +921,36 @@ async function saveIssueChanges(issueId) {
             }
         }
 
+        // 원본 사진 보충 — 빈 슬롯에만 자동 채움 (기존 사진 유지)
+        const originalPhotoInput = document.getElementById(`original_photo_${issueId}`);
+        if (originalPhotoInput && originalPhotoInput.files && originalPhotoInput.files.length > 0) {
+            const currentIssue = issues.find(i => i.id === issueId);
+            if (currentIssue) {
+                const slotKeys = ['photo_path', 'photo_path2', 'photo_path3', 'photo_path4', 'photo_path5'];
+                const emptySlots = [];
+                slotKeys.forEach((key, idx) => {
+                    if (!currentIssue[key]) emptySlots.push(idx + 1);
+                });
+
+                if (emptySlots.length === 0) {
+                    alert('원본 사진 슬롯이 가득 찼습니다. 보충할 수 없습니다.');
+                    return;
+                }
+
+                const files = Array.from(originalPhotoInput.files).slice(0, emptySlots.length);
+                if (originalPhotoInput.files.length > emptySlots.length) {
+                    alert(`빈 슬롯은 ${emptySlots.length}개인데 ${originalPhotoInput.files.length}개를 선택하셨습니다. 처음 ${emptySlots.length}장만 업로드됩니다.`);
+                }
+
+                for (let i = 0; i < files.length; i++) {
+                    const slotNum = emptySlots[i];
+                    const base64 = await fileToBase64(files[i]);
+                    const fieldName = slotNum === 1 ? 'photo' : `photo${slotNum}`;
+                    updates[fieldName] = base64;
+                }
+            }
+        }
+
         // API 호출
         const response = await fetch(`/api/issues/${issueId}/management`, {
             method: 'PUT',
@@ -1153,25 +1195,39 @@ function createModalContent(issue, project) {
                     <div>
                         <label class="block text-sm font-medium text-gray-700 mb-1">업로드 사진</label>
                         ${(() => {
-                            const photos = [
+                            const photoSlots = [
                                 issue.photo_path,
                                 issue.photo_path2,
                                 issue.photo_path3,
                                 issue.photo_path4,
                                 issue.photo_path5
-                            ].filter(p => p);
+                            ];
+                            const filled = photoSlots.filter(p => p);
+                            const emptyCount = 5 - filled.length;
 
-                            if (photos.length === 0) {
+                            const existingHtml = filled.length === 0
-                                return '<div class="w-20 h-20 bg-gray-200 rounded flex items-center justify-center text-gray-500 text-xs">없음</div>';
+                                ? '<div class="w-20 h-20 bg-gray-200 rounded flex items-center justify-center text-gray-500 text-xs">없음</div>'
-                            }
+                                : `<div class="flex flex-wrap gap-2">
-
+                                     ${filled.map((path, idx) => `
-                            return `
-                                <div class="flex flex-wrap gap-2">
-                                    ${photos.map((path, idx) => `
                                          <img src="${path}" class="w-20 h-20 object-cover rounded cursor-pointer border-2 border-gray-300 hover:border-blue-400 transition-colors" onclick="openPhotoModal('${path}')" alt="업로드 사진 ${idx + 1}">
                                      `).join('')}
+                                   </div>`;
+
+                            // 사진 보충 업로드 UI (빈 슬롯에만 채움)
+                            const uploadHtml = emptyCount > 0 ? `
+                                <div class="mt-3 pt-3 border-t border-gray-200">
+                                    <label class="block text-xs font-medium text-gray-600 mb-1">
+                                        <i class="fas fa-plus-circle text-blue-500 mr-1"></i>사진 보충 (남은 슬롯: ${emptyCount}장)
+                                    </label>
+                                    <input type="file" id="modal_original_photo" accept="image/*" multiple
+                                           class="block w-full text-xs text-gray-500 file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:text-xs file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100">
+                                    <p class="text-xs text-gray-400 mt-1">※ 비어있는 슬롯에만 자동으로 채워집니다 (기존 사진은 유지)</p>
                                 </div>
+                            ` : `
+                                <p class="text-xs text-gray-400 mt-2"><i class="fas fa-info-circle mr-1"></i>5장 모두 찬 상태입니다</p>
                             `;
+
+                            return existingHtml + uploadHtml;
                         })()}
                     </div>
                 </div>
@@ -1294,6 +1350,37 @@ async function saveModalChanges() {
 
         }
 
+        // 원본 사진 보충 처리 — 빈 슬롯에만 채움 (기존 사진 유지)
+        const originalPhotoInput = document.getElementById('modal_original_photo');
+        if (originalPhotoInput && originalPhotoInput.files && originalPhotoInput.files.length > 0) {
+            const currentIssue = issues.find(i => i.id === currentModalIssueId);
+            if (currentIssue) {
+                // 빈 슬롯 번호 수집 (1~5)
+                const slotKeys = ['photo_path', 'photo_path2', 'photo_path3', 'photo_path4', 'photo_path5'];
+                const emptySlots = [];
+                slotKeys.forEach((key, idx) => {
+                    if (!currentIssue[key]) emptySlots.push(idx + 1);
+                });
+
+                if (emptySlots.length === 0) {
+                    alert('원본 사진 슬롯이 모두 찼습니다. 보충할 수 없습니다.');
+                    return;
+                }
+
+                const files = Array.from(originalPhotoInput.files).slice(0, emptySlots.length);
+                if (originalPhotoInput.files.length > emptySlots.length) {
+                    alert(`빈 슬롯은 ${emptySlots.length}개인데 ${originalPhotoInput.files.length}개를 선택하셨습니다. 처음 ${emptySlots.length}장만 업로드됩니다.`);
+                }
+
+                for (let i = 0; i < files.length; i++) {
+                    const slotNum = emptySlots[i];
+                    const base64 = await fileToBase64(files[i]);
+                    const fieldName = slotNum === 1 ? 'photo' : `photo${slotNum}`;
+                    updates[fieldName] = base64;
+                }
+            }
+        }
+
         console.log('Modal sending updates:', updates);
 
         // API 호출