feat: [재고생산] 상세 기본정보 4열 구조 + 진행상태 표시 추가

src/components/stocks/StockProductionDetail.tsx

@@ -136,7 +136,7 @@ export function StockProductionDetail({ orderId }: StockProductionDetailProps) {
         <div className="space-y-6">
           {/* 기본 정보 */}
           <FormSection title="기본 정보" icon={ClipboardList}>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+            <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
               <div className="space-y-2">
                 <Label>생산번호</Label>
                 <Input value={data.orderNo} disabled />
@@ -149,6 +149,26 @@ export function StockProductionDetail({ orderId }: StockProductionDetailProps) {
                 <Label>수량</Label>
                 <Input value={String(data.targetStockQty || data.quantity || '-')} disabled />
               </div>
+              <div className="space-y-2">
+                <Label>진행상태</Label>
+                {(() => {
+                  const statusConfig: Record<string, { label: string; className: string }> = {
+                    draft: { label: '등록', className: 'bg-gray-100 text-gray-700' },
+                    confirmed: { label: '확정', className: 'bg-blue-100 text-blue-700' },
+                    in_progress: { label: '생산지시완료', className: 'bg-indigo-100 text-indigo-700' },
+                    in_production: { label: '생산중', className: 'bg-green-100 text-green-700' },
+                    produced: { label: '생산완료', className: 'bg-teal-100 text-teal-700' },
+                    completed: { label: '완료', className: 'bg-gray-500 text-white' },
+                    cancelled: { label: '취소', className: 'bg-red-100 text-red-700' },
+                  };
+                  const s = statusConfig[data.status] || { label: data.status || '-', className: 'bg-gray-100 text-gray-600' };
+                  return (
+                    <div className={`inline-flex items-center px-3 py-2 rounded-md text-sm font-medium ${s.className}`}>
+                      {s.label}
+                    </div>
+                  );
+                })()}
+              </div>
             </div>
           </FormSection>