feat(WEB): 생산/검사 기능 대폭 확장 및 작업자화면 검사입력 추가

생산관리:
- WipProductionModal 기능 개선
- WorkOrderDetail/Edit 확장 (+265줄)
- 검사성적서 콘텐츠 5종 대폭 확장 (벤딩/벤딩WIP/스크린/슬랫/슬랫조인트바)
- InspectionReportModal 기능 강화

작업자화면:
- WorkerScreen 기능 대폭 확장 (+211줄)
- WorkItemCard 개선
- InspectionInputModal 신규 추가 (작업자 검사입력)

공정관리:
- StepForm 검사항목 설정 기능 추가
- InspectionSettingModal 신규 추가
- InspectionPreviewModal 신규 추가
- process.ts 타입 확장 (+102줄)

자재관리:
- StockStatus 상세/목록/타입/목데이터 개선

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/process-management/StepForm.tsx

@@ -14,6 +14,7 @@ import { useRouter } from 'next/navigation';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
+import { Button } from '@/components/ui/button';
 import {
   Select,
   SelectContent,
@@ -23,14 +24,23 @@ import {
 } from '@/components/ui/select';
 import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
 import { toast } from 'sonner';
-import type { ProcessStep, StepConnectionType, StepCompletionType } from '@/types/process';
+import { Settings, Eye } from 'lucide-react';
+import type {
+  ProcessStep,
+  StepConnectionType,
+  StepCompletionType,
+  InspectionSetting,
+} from '@/types/process';
 import {
   STEP_CONNECTION_TYPE_OPTIONS,
   STEP_COMPLETION_TYPE_OPTIONS,
   STEP_CONNECTION_TARGET_OPTIONS,
+  DEFAULT_INSPECTION_SETTING,
 } from '@/types/process';
 import { createProcessStep, updateProcessStep } from './actions';
 import type { DetailConfig } from '@/components/templates/IntegratedDetailTemplate/types';
+import { InspectionSettingModal } from './InspectionSettingModal';
+import { InspectionPreviewModal } from './InspectionPreviewModal';
 
 const stepCreateConfig: DetailConfig = {
   title: '단계',
@@ -94,8 +104,20 @@ export function StepForm({ mode, processId, initialData }: StepFormProps) {
     initialData?.completionType || '클릭 시 완료'
   );
 
+  // 검사 설정
+  const [inspectionSetting, setInspectionSetting] = useState<InspectionSetting>(
+    initialData?.inspectionSetting || DEFAULT_INSPECTION_SETTING
+  );
+
+  // 모달 상태
+  const [isInspectionSettingOpen, setIsInspectionSettingOpen] = useState(false);
+  const [isInspectionPreviewOpen, setIsInspectionPreviewOpen] = useState(false);
+
   const [isLoading, setIsLoading] = useState(false);
 
+  // 검사여부가 "필요"인지 확인
+  const isInspectionEnabled = needsInspection === '필요';
+
   // 제출
   const handleSubmit = async (): Promise<{ success: boolean; error?: string }> => {
     if (!stepName.trim()) {
@@ -114,6 +136,7 @@ export function StepForm({ mode, processId, initialData }: StepFormProps) {
       connectionType,
       connectionTarget: connectionType === '팝업' ? connectionTarget : undefined,
       completionType,
+      inspectionSetting: isInspectionEnabled ? inspectionSetting : undefined,
     };
 
     setIsLoading(true);
@@ -236,7 +259,7 @@ export function StepForm({ mode, processId, initialData }: StepFormProps) {
             <CardTitle className="text-base">연결 정보</CardTitle>
           </CardHeader>
           <CardContent className="pt-6">
-            <div className="grid grid-cols-1 sm:grid-cols-2 gap-6">
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 items-end">
               <div className="space-y-2">
                 <Label>유형</Label>
                 <Select
@@ -270,6 +293,28 @@ export function StepForm({ mode, processId, initialData }: StepFormProps) {
                   </SelectContent>
                 </Select>
               </div>
+              {/* 검사여부가 "필요"일 때 버튼 표시 */}
+              {isInspectionEnabled && (
+                <>
+                  <Button
+                    type="button"
+                    variant="default"
+                    className="bg-amber-500 hover:bg-amber-600 text-white"
+                    onClick={() => setIsInspectionSettingOpen(true)}
+                  >
+                    <Settings className="h-4 w-4 mr-2" />
+                    검사 설정
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    onClick={() => setIsInspectionPreviewOpen(true)}
+                  >
+                    <Eye className="h-4 w-4 mr-2" />
+                    검사 미리보기
+                  </Button>
+                </>
+              )}
             </div>
           </CardContent>
         </Card>
@@ -314,19 +359,37 @@ export function StepForm({ mode, processId, initialData }: StepFormProps) {
       connectionTarget,
       completionType,
       initialData?.stepCode,
+      isInspectionEnabled,
     ]
   );
 
   const config = isEdit ? stepEditConfig : stepCreateConfig;
 
   return (
-    <IntegratedDetailTemplate
-      config={config}
-      mode={isEdit ? 'edit' : 'create'}
-      isLoading={false}
-      onCancel={handleCancel}
-      onSubmit={handleSubmit}
-      renderForm={renderFormContent}
-    />
+    <>
+      <IntegratedDetailTemplate
+        config={config}
+        mode={isEdit ? 'edit' : 'create'}
+        isLoading={false}
+        onCancel={handleCancel}
+        onSubmit={handleSubmit}
+        renderForm={renderFormContent}
+      />
+
+      {/* 검사 설정 모달 */}
+      <InspectionSettingModal
+        open={isInspectionSettingOpen}
+        onOpenChange={setIsInspectionSettingOpen}
+        initialData={inspectionSetting}
+        onSave={setInspectionSetting}
+      />
+
+      {/* 검사 미리보기 모달 */}
+      <InspectionPreviewModal
+        open={isInspectionPreviewOpen}
+        onOpenChange={setIsInspectionPreviewOpen}
+        inspectionSetting={isInspectionEnabled ? inspectionSetting : undefined}
+      />
+    </>
   );
 }