diff --git a/src/components/three/ModelViewer.tsx b/src/components/three/ModelViewer.tsx
index 91350cd..1262bf2 100644
--- a/src/components/three/ModelViewer.tsx
+++ b/src/components/three/ModelViewer.tsx
@@ -83,6 +83,7 @@ function GLBModel({ sceneModel, isActive }: { sceneModel: SceneModel; isActive:
   const edgeThresholdAngle = useModelStore((s) => s.edgeThresholdAngle);
   const checklist = useModelStore((s) => s.checklist);
   const setActive = useModelStore((s) => s.setActiveModel);
+  const selectionMode = useModelStore((s) => s.selectionMode);
   const fineTuning = sceneModel.fineTuning;
 
   const modelInfo = useMemo(() => {
@@ -184,7 +185,20 @@ function GLBModel({ sceneModel, isActive }: { sceneModel: SceneModel; isActive:
   return (
     <group
       scale={[renderFactor, renderFactor, renderFactor]}
-      onClick={(e) => { e.stopPropagation(); setActive(sceneModel.id); }}
+      onClick={(e) => {
+        e.stopPropagation();
+        if ((e.delta ?? 0) > 4) return;
+
+        if (selectionMode) {
+          const element = findElementRoot(e.object);
+          if (element) {
+            useModelStore.getState().toggleElementSelection(elementKey(sceneModel.id, element));
+          }
+          return;
+        }
+
+        setActive(sceneModel.id);
+      }}
       userData={{ modelId: sceneModel.id, dominantAxis }}
     >
       {/* Translation */}