border radius

src/pages/editor/components/canvas/ObjectRenderer.tsx

@@ -177,6 +177,7 @@ const ObjectRenderer = ({
                 y={relativeY}
                 width={mask.width || 100}
                 height={mask.height || 100}
+                cornerRadius={Math.max(0, mask.borderRadius ?? 0)}
                 rotation={mask.rotation || 0}
             />
         );

src/pages/editor/components/sidebar/settings/ShapeSettings.tsx

@@ -13,6 +13,9 @@ const ShapeSettings = ({ selectedObject, onUpdate }: ShapeSettingsProps) => {
     const baseFill = selectedObject.fill ?? "#3b82f6";
     const baseStroke = selectedObject.stroke ?? "#1e40af";
     const baseStrokeWidth = selectedObject.strokeWidth ?? 0;
+    const baseBorderRadius = selectedObject.borderRadius ?? 0;
+    const isSquareShape =
+        selectedObject.shapeType === "square" || selectedObject.shapeType === undefined;
 
     return (
         <div className="space-y-4">
@@ -65,6 +68,19 @@ const ShapeSettings = ({ selectedObject, onUpdate }: ShapeSettingsProps) => {
                 }
                 min={0}
             />
+            {isSquareShape && (
+                <Input
+                    label="گردی گوشه"
+                    type="number"
+                    value={baseBorderRadius}
+                    onChange={(e) =>
+                        onUpdate(selectedObject.id, {
+                            borderRadius: Math.max(0, parseInt(e.target.value) || 0),
+                        })
+                    }
+                    min={0}
+                />
+            )}
         </div>
     );
 };

src/pages/editor/components/tools/RectangleShape.tsx

@@ -13,6 +13,7 @@ const RectangleShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: Shap
 
   const actualStrokeWidth = obj.strokeWidth ?? 0;
   const hasStroke = actualStrokeWidth > 0;
+  const cornerRadius = Math.max(0, obj.borderRadius ?? 0);
   
   // برای نمایش انتخاب: اگر strokeWidth واقعی > 0 است، از آن استفاده کن، وگرنه stroke را برای انتخاب نمایش بده
   const displayStroke = isSelected
@@ -36,6 +37,7 @@ const RectangleShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: Shap
       y={obj.y}
       width={obj.width || 100}
       height={obj.height || 100}
+      cornerRadius={cornerRadius}
       fill={isMask ? "transparent" : obj.fill}
       stroke={displayStroke}
       strokeWidth={displayStrokeWidth}