From e91eea8c689ccecd9887fb9a4f59bb59b57a101a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=A5=D0=B0=D0=BB=D0=B8=D0=BC=D0=BE=D0=B2=20=D0=A0=D1=83?=
 =?UTF-8?q?=D1=81=D1=82=D0=B0=D0=BC?= <rhalimov@elveesneotek.com>
Date: Sat, 27 Dec 2025 19:39:21 +0300
Subject: [PATCH] Try fix 3d view

---
 src/components/PreviewStep.tsx | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/PreviewStep.tsx b/src/components/PreviewStep.tsx
index 9bf8975..0193735 100644
--- a/src/components/PreviewStep.tsx
+++ b/src/components/PreviewStep.tsx
@@ -100,13 +100,12 @@ export const PreviewStep: React.FC<Props> = ({ parts, config, splits }) => {
     }
   };
 
-  // --- Улучшенная функция копирования ---
+  // --- Функция копирования ---
   const handleShare = async () => {
       const url = generateShareUrl(config, splits);
       let success = false;
 
       try {
-          // 1. Пробуем современный API
           if (navigator.clipboard && navigator.clipboard.writeText) {
               await navigator.clipboard.writeText(url);
               success = true;
@@ -114,7 +113,6 @@ export const PreviewStep: React.FC<Props> = ({ parts, config, splits }) => {
               throw new Error('Clipboard API unavailable');
           }
       } catch (err) {
-          // 2. Fallback для HTTP
           try {
               const textArea = document.createElement("textarea");
               textArea.value = url;
@@ -142,7 +140,7 @@ export const PreviewStep: React.FC<Props> = ({ parts, config, splits }) => {
 
   return (
     <div className="flex flex-col h-full">
-      {/* Верхняя панель: Размеры + Поделиться */}
+      {/* Верхняя панель */}
       <div className="flex flex-col md:flex-row justify-between items-center bg-slate-800/80 p-4 rounded-xl border border-slate-700 mb-4 gap-4 backdrop-blur-sm shadow-lg">
           
           <div className="flex items-center gap-6">
@@ -150,8 +148,6 @@ export const PreviewStep: React.FC<Props> = ({ parts, config, splits }) => {
                   <Ruler className="text-primary" size={20} />
                   <span className="font-medium text-sm uppercase tracking-wide opacity-70">Размеры ящика:</span>
               </div>
-              
-              {/* ЗДЕСЬ ИЗМЕНЕНИЯ: Ш, Г, В */}
               <div className="flex gap-4 font-mono text-lg font-bold text-white">
                   <div className="flex items-center gap-1">
                       <span className="text-slate-500 text-xs">Ш:</span> {config.drawer.width}
@@ -195,7 +191,16 @@ export const PreviewStep: React.FC<Props> = ({ parts, config, splits }) => {
              </ul>
           </div>
           
-          <Canvas shadows dpr={[1, 2]} camera={{ position: [config.drawer.width * 1.5, config.drawer.height * 3, config.drawer.depth * 1.5], fov: 45 }}>
+          <Canvas 
+            shadows 
+            dpr={[1, 2]} 
+            camera={{ 
+                position: [config.drawer.width * 1.5, config.drawer.height * 3, config.drawer.depth * 1.5], 
+                fov: 45,
+                near: 1,      // Исправлено: не режем вблизи
+                far: 20000    // Исправлено: видим очень далеко (для больших размеров в мм)
+            }}
+          >
             <Suspense fallback={null}>
               <color attach="background" args={['#0f172a']} />
               <ambientLight intensity={0.7} />