src/components/floor-plan/modal/basic/BasicSetting.jsx

@@ -17,6 +17,7 @@ import {
   currentCanvasPlanState,
   isManualModuleLayoutSetupState,
   isManualModuleSetupState,
+  moduleSetupOptionState,
   toggleManualSetupModeState,
 } from '@/store/canvasAtom'
 import { loginUserStore } from '@/store/commonAtom'
@@ -47,6 +48,7 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
   const [checkedModules, setCheckedModules] = useRecoilState(checkedModuleState)
   const [roofs, setRoofs] = useState(addedRoofs)
   const [manualSetupMode, setManualSetupMode] = useRecoilState(toggleManualSetupModeState)
+  const [moduleSetupOption, setModuleSetupOption] = useRecoilState(moduleSetupOptionState)
   const [layoutSetup, setLayoutSetup] = useState([{}])
   const {
     selectedModules,
@@ -211,8 +213,12 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
   }
 
   const handleManualModuleSetup = () => {
-    setManualSetupMode(`manualSetup_${!isManualModuleSetup}`)
+    const nextManual = !isManualModuleSetup
-    setIsManualModuleSetup(!isManualModuleSetup)
+    setManualSetupMode(`manualSetup_${nextManual}`)
+    setIsManualModuleSetup(nextManual)
+    if (nextManual) {
+      setModuleSetupOption((prev) => ({ ...prev, isChidori: true }))
+    }
   }
 
   const handleManualModuleLayoutSetup = () => {

src/hooks/useMode.js

@@ -1756,11 +1756,6 @@ export function useMode() {
       offsetEdges.push(createOffsetEdge(edge, dx, dy))
     })
 
-    // 폴리곤의 감김 방향(signed area)을 구한다
-    const signedArea = bevelJoin
-      ? polygon.edges.reduce((sum, edge) => sum + (edge.vertex1.x * edge.vertex2.y - edge.vertex2.x * edge.vertex1.y), 0)
-      : 0
-
     const vertices = []
 
     offsetEdges.forEach((thisEdge, i) => {
@@ -1770,22 +1765,9 @@ export function useMode() {
         if (!vertex.isIntersectionOutside || !bevelJoin) {
           vertices.push({ x: vertex.x, y: vertex.y })
         } else {
-          // 꼭짓점의 볼록/오목 판별 (cross product와 signed area 비교)
+          // 둔각 + bevelJoin: offset edge 끝점 사용
-          const origPrev = polygon.edges[(i + polygon.edges.length - 1) % polygon.edges.length]
+          vertices.push({ x: prevEdge.vertex2.x, y: prevEdge.vertex2.y })
-          const origThis = polygon.edges[i]
+          vertices.push({ x: thisEdge.vertex1.x, y: thisEdge.vertex1.y })
-          const cross =
-            (origPrev.vertex2.x - origPrev.vertex1.x) * (origThis.vertex2.y - origThis.vertex1.y) -
-            (origPrev.vertex2.y - origPrev.vertex1.y) * (origThis.vertex2.x - origThis.vertex1.x)
-          const isConvex = cross * signedArea > 0
-
-          if (isConvex) {
-            // 볼록 꼭짓점: bevel 적용 (offset edge 끝점 사용)
-            vertices.push({ x: prevEdge.vertex2.x, y: prevEdge.vertex2.y })
-            vertices.push({ x: thisEdge.vertex1.x, y: thisEdge.vertex1.y })
-          } else {
-            // 오목 꼭짓점: 교차점 사용 (90도 유지)
-            vertices.push({ x: vertex.x, y: vertex.y })
-          }
         }
       }
     })
@@ -1813,11 +1795,6 @@ export function useMode() {
       offsetEdges.push(createOffsetEdge(edge, dx, dy))
     })
 
-    // 폴리곤의 감김 방향(signed area)을 구한다
-    const signedArea = bevelJoin
-      ? polygon.edges.reduce((sum, edge) => sum + (edge.vertex1.x * edge.vertex2.y - edge.vertex2.x * edge.vertex1.y), 0)
-      : 0
-
     const vertices = []
 
     offsetEdges.forEach((thisEdge, i) => {
@@ -1827,22 +1804,9 @@ export function useMode() {
         if (!vertex.isIntersectionOutside || !bevelJoin) {
           vertices.push({ x: vertex.x, y: vertex.y })
         } else {
-          // 꼭짓점의 볼록/오목 판별 (cross product와 signed area 비교)
+          // 둔각 + bevelJoin: offset edge 끝점 사용
-          const origPrev = polygon.edges[(i + polygon.edges.length - 1) % polygon.edges.length]
+          vertices.push({ x: prevEdge.vertex2.x, y: prevEdge.vertex2.y })
-          const origThis = polygon.edges[i]
+          vertices.push({ x: thisEdge.vertex1.x, y: thisEdge.vertex1.y })
-          const cross =
-            (origPrev.vertex2.x - origPrev.vertex1.x) * (origThis.vertex2.y - origThis.vertex1.y) -
-            (origPrev.vertex2.y - origPrev.vertex1.y) * (origThis.vertex2.x - origThis.vertex1.x)
-          const isConvex = cross * signedArea > 0
-
-          if (isConvex) {
-            // 볼록 꼭짓점: bevel 적용 (offset edge 끝점 사용)
-            vertices.push({ x: prevEdge.vertex2.x, y: prevEdge.vertex2.y })
-            vertices.push({ x: thisEdge.vertex1.x, y: thisEdge.vertex1.y })
-          } else {
-            // 오목 꼭짓점: 교차점 사용 (90도 유지)
-            vertices.push({ x: vertex.x, y: vertex.y })
-          }
         }
       }
     })