feat(cupang): 센터에 담긴 혼합 박스 내용물 트리 표시

③ 센터 분배에서 혼합 박스 줄 아래에 무엇이 몇 개 들어가는지 트리로
펼쳐 보여준다. 2박스 이상이면 총 개수와 함께 "(4개 × 2박스)" 를 덧붙인다.
수량을 바꾸면 트리 수치도 즉시 갱신된다. 단일 제품 박스는 트리가 없다.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

tests/js/box_calc_ui.test.js

@@ -143,6 +143,12 @@ function dragCardTo(card, target) {
   $("#cpg-dlg-ok").click();
   check("혼합 박스가 센터에 담긴다", $$(".cpg-dist-item").length === 2);
   check("혼합 담은 뒤 배분됨 표시", $(".cpg-box-card").className.includes("is-done"));
+  check("혼합 박스 아래 내용물 트리", $$(".cpg-dist-tree li").length === 2,
+        String($$(".cpg-dist-tree li").length));
+  check("트리에 제품명·개수", text(".cpg-dist-tree li").includes("미라네 4호 세트") &&
+        text(".cpg-dist-tree li").includes("4개"), text(".cpg-dist-tree li"));
+  check("단일 제품 항목에는 트리 없음",
+        !$$(".cpg-dist-item")[0].querySelector(".cpg-dist-tree"));
 
   // ── 항목 빼기 / 센터 빼기 ─────────────────────────
   $$(".cpg-dist-del")[1].click();