평면도와 상부평면도 모델을 하나로 통합

src/App.jsx

@@ -18,7 +18,6 @@ export default function App() {
   const [view, setView] = useState('전체')
   const [renderMode, setRenderMode] = useState(false)
   const [hidden, setHidden] = useState(new Set())
-  const [hiddenUnits, setHiddenUnits] = useState(new Set())
   const [selected, setSelected] = useState(null)
   const [tab, setTab] = useState('부재')
   const [search, setSearch] = useState('')
@@ -27,7 +26,7 @@ export default function App() {
   const allParts = useMemo(() => model.units.flatMap(unit => unit.parts.map(part => ({ ...part, unitId: unit.id, unitName: unit.name }))), [])
   const selectedPart = selected ? allParts.find(part => part.id === selected.partId && part.unitId === selected.unitId) : null
   const selectedUnit = selected ? model.units.find(unit => unit.id === selected.unitId) : null
-  const visibleCount = allParts.filter(part => !hidden.has(part.id) && !hiddenUnits.has(part.unitId)).length
+  const visibleCount = allParts.filter(part => !hidden.has(part.id)).length
   const filteredParts = allParts.filter(part => `${part.name} ${part.layer} ${part.unitName}`.toLowerCase().includes(search.toLowerCase()))
   const dimensionRange = pointRange(allParts, 'a', 0)
   const elevationRange = pointRange(allParts, 'a', 1)
@@ -49,12 +48,6 @@ export default function App() {
     ids.forEach(id => hide ? next.add(id) : next.delete(id))
     return next
   })
-  const toggleUnit = id => setHiddenUnits(current => {
-    const next = new Set(current)
-    if (next.has(id)) next.delete(id); else next.add(id)
-    return next
-  })
-
   return (
     <main className="page-shell">
       <header className="topbar">
@@ -72,9 +65,9 @@ export default function App() {
         <div>
           <span className="kicker">평면 중심선 · 종단 표고 · 단면 구조선을 연결한 검토 모델</span>
           <h1>광터지하차도 <em>BLOCK8</em></h1>
-          <p>구조선과 블록 내부 콘크리트 선을 추출해 두 측점 단면 사이를 연결했습니다.</p>
+          <p>평면도·상부평면도는 같은 구조물의 표현으로 해석해 한 개 모델로 구성했습니다.</p>
         </div>
-        <span className="status-pill"><i /> 일부 배치 대응 확인 필요</span>
+        <span className="status-pill"><i /> 단일 구조물 · 도면 대조 검토</span>
       </section>
 
       <section className="metrics" aria-label="주요 모델 기준값">
@@ -86,7 +79,7 @@ export default function App() {
 
       <div className="notice">
         <b>검토 상태</b>
-        <p>단면 A/B 구조선 114개씩과 내부 블록 윤곽을 반영했습니다. 평면도에 BLOCK8 표기가 있는 중심선이 2개 있어 둘 다 별도 객체로 표시했습니다. 두 배치에 같은 대표 단면을 적용한 것은 확인 필요 항목입니다.</p>
+        <p>단면 A-A/B-B 구조선과 내부 블록 윤곽을 한 구조물에 반영했습니다. 평면도와 상부평면도에 반복된 표현은 별도 구조물로 중복 생성하지 않았습니다.</p>
       </div>
 
       <section className="workspace">
@@ -100,8 +93,8 @@ export default function App() {
             <span>{visibleCount} / {allParts.length} 객체 표시</span>
           </div>
           <div className={`canvas-wrap ${renderMode ? 'render-mode' : ''}`}>
-            <ModelViewer units={model.units} hidden={hidden} hiddenUnits={hiddenUnits} selected={selected} onSelect={setSelected} view={view} renderMode={renderMode} resetToken={resetToken} />
-            <span className="canvas-tag">{renderMode ? '명암을 더한 도면 검토 시각화 · 실사 렌더링 아님' : '구조선 연결 표면 · 두 배치 중심선 표시'}</span>
+            <ModelViewer units={model.units} hidden={hidden} selected={selected} onSelect={setSelected} view={view} renderMode={renderMode} resetToken={resetToken} />
+            <span className="canvas-tag">{renderMode ? '명암을 더한 도면 검토 시각화 · 실사 렌더링 아님' : '평면도·상부평면도 공통 구조물 모델'}</span>
           </div>
           <div className="viewer-foot"><span>끌기: 회전 · 휠: 확대/축소 · Shift+끌기 또는 오른쪽 끌기: 이동</span><button onClick={() => { setView('전체'); setResetToken(value => value + 1); setSelected(null) }}>전체 보기 ↗</button></div>
           <div className="selection" aria-live="polite">
@@ -112,7 +105,7 @@ export default function App() {
                 <p>도면 레이어<strong>{selectedPart.layer}</strong></p>
                 <p>종단 연결 길이<strong>{selectedUnit.length.toFixed(3)} m</strong></p>
                 <p>단면 EL 범위<strong>{Math.min(...selectedPart.a.concat(selectedPart.b).map(p => p[1])).toFixed(3)} ~ {Math.max(...selectedPart.a.concat(selectedPart.b).map(p => p[1])).toFixed(3)}</strong></p>
-                <p>배치 객체<strong>{selectedUnit.name}</strong></p>
+                <p>모델 대상<strong>{selectedUnit.name}</strong></p>
               </div>
               <p className="source-note">원본 HANDLE: {(selectedPart.sourceHandles || [selectedPart.sourceHandle, ...(selectedPart.sourceInsertHandles || [])]).filter(Boolean).join(' / ') || '블록 내부 객체'} · 이 표면은 닫힌 체적이 아닙니다.</p>
               <button className="subtle" onClick={() => togglePart(selectedPart.id)}>{hidden.has(selectedPart.id) ? '선택 객체 표시' : '선택 객체 숨기기'}</button>
@@ -124,7 +117,6 @@ export default function App() {
           <div className="tabs">{['부재', '도면·검증'].map(name => <button key={name} className={tab === name ? 'active' : ''} onClick={() => setTab(name)}>{name}</button>)}</div>
           {tab === '부재' ? <>
             <div className="panel-heading"><h2>모델 객체</h2><span>{visibleCount} 표시</span></div>
-            <div className="unit-toggles">{model.units.map((unit, index) => <label key={unit.id}><input type="checkbox" checked={!hiddenUnits.has(unit.id)} onChange={() => toggleUnit(unit.id)} />평면 중심선 {index + 1}<small>CAD상 중심 간격 {index ? '35.000' : '—'} m</small></label>)}</div>
             <input className="search" aria-label="모델 객체 검색" placeholder="레이어 또는 객체 이름 검색" value={search} onChange={event => setSearch(event.target.value)} />
             <div className="group-toggles">
               {Object.entries(categoryLabels).map(([group, label]) => {
@@ -135,7 +127,7 @@ export default function App() {
             </div>
             <div className="part-list">
               {filteredParts.map(part => <div className={`part-row ${selected?.partId === part.id ? 'chosen' : ''} ${hidden.has(part.id) ? 'is-hidden' : ''}`} key={part.id}>
-                <button onClick={() => { setSelected({ unitId: part.unitId, partId: part.id }); setTab('부재') }} title={part.name}>{part.name}<small>{part.unitName.replace('BLOCK8 평면 중심선 ', '배치 ')}</small></button>
+                <button onClick={() => { setSelected({ unitId: part.unitId, partId: part.id }); setTab('부재') }} title={part.name}>{part.name}<small>단일 구조물</small></button>
                 <input type="checkbox" aria-label={`${part.name} 표시`} checked={!hidden.has(part.id)} onChange={() => togglePart(part.id)} />
               </div>)}
               {!filteredParts.length && <p className="empty">검색 결과가 없습니다.</p>}
@@ -147,7 +139,7 @@ export default function App() {
               <li><b>확인</b><span>측점 간격 19.980m<small>중심선 원호와 CS-CONC-MAJR 끝선 교점으로 계산</small></span></li>
               <li><b>확인</b><span>단면 구조선 114개씩<small>CS-CONC-MAJR 108 + CS-CONC-MINR 6</small></span></li>
               <li><b>확인</b><span>블록 내부 콘크리트<small>A$C2017021411375356 내부 18선 + 2원호, 4개 삽입 참조</small></span></li>
-              <li className="pending"><b>검토</b><span>두 중심선과 대표 단면 대응<small>두 평면 배치는 표시했으며 구조도에서 동일 단면 적용 여부 확인 필요</small></span></li>
+              <li><b>확인</b><span>도면 표현 연결<small>평면도·상부평면도는 같은 구조물을 나타내며 모델은 한 개로 구성</small></span></li>
               <li className="pending"><b>검토</b><span>폭 20.300m / 외곽선 20.500m<small>단면 치수와 외곽 구조선 범위 차이 0.200m</small></span></li>
               <li className="pending"><b>검토</b><span>기초 최저선과 EL 주석 차이<small>모델 선 끝이 표기 기초 EL보다 0.100m 낮음</small></span></li>
             </ul>
@@ -161,7 +153,7 @@ export default function App() {
         <article className="info-card"><span className="eyebrow">단면 기준 A-A → B-B</span><h2>EL값과 폭 분할</h2><p>중심 EL은 102.094 → 101.517m, 벽체 상단은 107.215 → 107.857m입니다. 표기 기초 하단은 100.877 → 100.392m입니다. 폭 치수는 0.9 + 8.75 + 1.0 + 8.75 + 0.9 = 20.300m입니다.</p></article>
         <article className="info-card"><span className="eyebrow">모델 근거</span><h2>좌표 단위 검산</h2><p>DXF의 단위 설정은 비어 있지만, 구조선 좌표 차 20,300과 도면 치수 20.300m가 맞아 좌표를 mm로 환산했습니다. 현재 범위 EL {elevationRange[0].toFixed(3)}~{elevationRange[1].toFixed(3)}m, 단면 외곽선 폭 {dimensionRange[1] - dimensionRange[0] === 0 ? '—' : '20.500'}m입니다.</p></article>
       </section>
-      <footer>출처: BLOCK8 DXF · 3D 면은 두 단면 선형 보간 · 미확정 대응은 검토 패널에 표시</footer>
+      <footer>출처: BLOCK8 DXF · 3D 면은 두 단면 선형 보간 · 평면도와 상부평면도는 단일 구조물 기준</footer>
     </main>
   )
 }

src/ModelViewer.jsx

@@ -37,16 +37,16 @@ function inPolygon(point, polygon) {
   return inside
 }
 
-export default function ModelViewer({ units, hidden, hiddenUnits, selected, onSelect, view, renderMode, resetToken }) {
+export default function ModelViewer({ units, hidden, selected, onSelect, view, renderMode, resetToken }) {
   const canvasRef = useRef(null)
   const cameraRef = useRef({ ...DEFAULT_CAMERA })
-  const sceneRef = useRef({ units, hidden, hiddenUnits, selected, view, renderMode, onSelect })
+  const sceneRef = useRef({ units, hidden, selected, view, renderMode, onSelect })
   const drawRef = useRef(() => {})
 
   useEffect(() => {
-    sceneRef.current = { units, hidden, hiddenUnits, selected, view, renderMode, onSelect }
+    sceneRef.current = { units, hidden, selected, view, renderMode, onSelect }
     drawRef.current()
-  }, [units, hidden, hiddenUnits, selected, view, renderMode, onSelect])
+  }, [units, hidden, selected, view, renderMode, onSelect])
 
   useEffect(() => {
     const canvas = canvasRef.current
@@ -74,7 +74,7 @@ export default function ModelViewer({ units, hidden, hiddenUnits, selected, onSe
         canvas.width = Math.round(width * dpr); canvas.height = Math.round(height * dpr)
       }
       ctx.setTransform(dpr, 0, 0, dpr, 0, 0)
-      const { units, hidden, hiddenUnits, selected, renderMode } = sceneRef.current
+      const { units, hidden, selected, renderMode } = sceneRef.current
       const background = ctx.createLinearGradient(0, 0, 0, height)
       background.addColorStop(0, renderMode ? '#e8efea' : '#f8faf8')
       background.addColorStop(1, renderMode ? '#cbd8cf' : '#e9efea')
@@ -91,7 +91,6 @@ export default function ModelViewer({ units, hidden, hiddenUnits, selected, onSe
       const faces = []
       const longitudinalSteps = 8
       for (const unit of units) {
-        if (hiddenUnits.has(unit.id)) continue
         for (const part of unit.parts) {
           if (hidden.has(part.id) || part.a.length !== part.b.length) continue
           const color = COLORS[part.group] || COLORS.major
@@ -129,11 +128,10 @@ export default function ModelViewer({ units, hidden, hiddenUnits, selected, onSe
       ctx.font = '11px sans-serif'
       ctx.textAlign = 'left'
       ctx.fillStyle = '#68806d'
-      units.forEach((unit, index) => {
-        if (hiddenUnits.has(unit.id)) return
+      units.forEach(unit => {
         const start = project(worldPoint(unit, [[0, 104]], [[0, 104]], 0, 0), width, height)
         const end = project(worldPoint(unit, [[0, 104]], [[0, 104]], 0, 1), width, height)
-        ctx.fillText(`중심선 ${index + 1} · STA 319.010`, start[0] - 5, start[1] - 16)
+        ctx.fillText('BLOCK8 중심선 · STA 319.010', start[0] - 5, start[1] - 16)
         ctx.fillText(`STA 338.990`, end[0] - 8, end[1] - 14)
       })
       ctx.fillStyle = '#6f8275'