feat: [문서스냅샷] Lazy Snapshot - 중간검사/작업일지 조회 시 자동 스냅샷 캡처

- patchDocumentSnapshot() 서버 액션 추가
- InspectionReportModal: resolve 응답의 snapshot_document_id 기반 Lazy Snapshot
- WorkLogModal: getWorkLog으로 문서 확인 후 Lazy Snapshot
- 동작: rendered_html NULL → 500ms 후 innerHTML 캡처 → 백그라운드 PATCH

src/components/production/WorkerScreen/WorkLogModal.tsx

@@ -16,8 +16,8 @@ import { Loader2, Save } from 'lucide-react';
 import { DocumentViewer } from '@/components/document-system';
 import { Button } from '@/components/ui/button';
 import { toast } from 'sonner';
-import { getWorkOrderById, getMaterialInputLots } from '../WorkOrders/actions';
-import { saveWorkLog } from './actions';
+import { getWorkOrderById, getMaterialInputLots, patchDocumentSnapshot } from '../WorkOrders/actions';
+import { saveWorkLog, getWorkLog } from './actions';
 import type { MaterialInputLot } from '../WorkOrders/actions';
 import type { WorkOrder, ProcessType } from '../WorkOrders/types';
 import { WorkLogContent } from './WorkLogContent';
@@ -64,6 +64,8 @@ export function WorkLogModal({
   const [isSaving, setIsSaving] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const contentWrapperRef = useRef<HTMLDivElement>(null);
+  // Lazy Snapshot 대상 문서 ID
+  const [snapshotDocumentId, setSnapshotDocumentId] = useState<number | null>(null);
 
   // 목업 WorkOrder 생성
   const createMockOrder = (id: string, pType?: ProcessType): WorkOrder => ({
@@ -116,8 +118,9 @@ export function WorkLogModal({
       Promise.all([
         getWorkOrderById(workOrderId),
         getMaterialInputLots(workOrderId),
+        getWorkLog(workOrderId),
       ])
-        .then(([orderResult, lotsResult]) => {
+        .then(([orderResult, lotsResult, workLogResult]) => {
           if (orderResult.success && orderResult.data) {
             setOrder(orderResult.data);
           } else {
@@ -126,6 +129,13 @@ export function WorkLogModal({
           if (lotsResult.success) {
             setMaterialLots(lotsResult.data);
           }
+          // Lazy Snapshot: 문서가 있고 rendered_html이 없으면 스냅샷 대상
+          if (workLogResult.success && workLogResult.data?.document) {
+            const doc = workLogResult.data.document as { id?: number; rendered_html?: string | null };
+            if (doc.id && !doc.rendered_html) {
+              setSnapshotDocumentId(doc.id);
+            }
+          }
         })
         .catch(() => {
           setError('서버 오류가 발생했습니다.');
@@ -137,10 +147,29 @@ export function WorkLogModal({
       // 모달 닫힐 때 상태 초기화
       setOrder(null);
       setMaterialLots([]);
+      setSnapshotDocumentId(null);
       setError(null);
     }
   }, [open, workOrderId, processType]);
 
+  // Lazy Snapshot: 콘텐츠 렌더링 완료 후 rendered_html이 없는 문서에 스냅샷 저장
+  useEffect(() => {
+    if (!snapshotDocumentId || isLoading || !order) return;
+
+    const timer = setTimeout(() => {
+      const html = contentWrapperRef.current?.innerHTML;
+      if (html && html.length > 50) {
+        patchDocumentSnapshot(snapshotDocumentId, html).then((result) => {
+          if (result.success) {
+            setSnapshotDocumentId(null);
+          }
+        });
+      }
+    }, 500);
+
+    return () => clearTimeout(timer);
+  }, [snapshotDocumentId, isLoading, order]);
+
   // 저장 핸들러
   const handleSave = useCallback(async () => {
     if (!workOrderId || !order) return;