fix(M02): 흐름도 쉼 흐림 — 상자는 들어오는 선이 모두 쉼(또는 쉼이 걸리고 내보내는 값이 모두 빈 값)일 때만 · 일부면 그 선과 받는 알약만(PLAN 35-9 브레인 재검증)

- restParts(Parts) · 받는 알약 쉼 모양(점선 · 흐린 글)
- 시험 test_m02_df_diagram_parts.py 6 통과 · DataFlow 전부 검사 초록 · Diagram 699줄

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Ly2oHAaTDYRjcniAmHR81z

M02_MasterTemplete/DataFlow/M02_DF_Diagram.css

@@ -498,3 +498,11 @@
   gap: var(--spacing-8);
   pointer-events: none;
 }
+
+/* 쉼 — 받는 알약만(상자 흐림은 들어오는 선이 모두 쉼일 때) */
+.m02-dfdg__pill.is-in.is-rest {
+  border-style: dashed;
+  border-color: var(--color-text-muted);
+  color: var(--color-text-muted);
+  opacity: 0.7;
+}

M02_MasterTemplete/DataFlow/M02_DF_Diagram.ts

@@ -20,6 +20,7 @@ import {
   follow,
   depLines,
   isRest,
+  restParts,
   linkLabel,
   midOf,
   pillsOf,
@@ -86,11 +87,11 @@ export function renderDiagram(
   /** 「!」 는 문제에만 · 쉼(조건이 안 맞아 이번엔 안 지나감)은 회색 점선 선 + 받는 상자 흐리게 */
   const breaks = allBreaks.filter((k) => !isRest(k));
   const rests = allBreaks.filter(isRest);
-  const restLinks = new Set(rests.map((k) => k.link).filter(Boolean));
-  const restBoxes = new Set([
-    ...rests.filter((k) => !k.link).map((k) => k.box),
-    ...lg.links.filter((l) => restLinks.has(l.id)).map((l) => l.to.box),
-  ]);
+  const {
+    links: restLinks,
+    pills: restPills,
+    boxes: restBoxes,
+  } = restParts(lg, rests, opts.values ?? {});
   const boxName = (id: string): string => lg.boxes.find((b) => b.id === id)?.name ?? "";
   const redraw = (): void =>
     renderDiagram(host, lg, on, { ...opts, selected: st.selected, selectedPill: st.pill });
@@ -160,6 +161,7 @@ export function renderDiagram(
           wired ? "" : "is-empty",
           chosen ? "is-chosen" : "",
           broken ? "is-broken" : "",
+          dir === "in" && restPills.has(`${b.id}|${p.name}`) ? "is-rest" : "",
           st.linking && dir === "in" && b.id !== st.linking.box ? "is-target" : "",
         ].join(" ") + markOf((s) => s.some((x) => x.box === b.id && x.port === p.name)),
       attrs: {

M02_MasterTemplete/DataFlow/M02_DF_Diagram_Parts.ts

@@ -306,6 +306,29 @@ export function depPath(a: Pt, b: Pt, side: "left" | "right"): string {
 /** 끊긴 곳 갈래 — 쉼(조건이 안 맞아 이번엔 안 지나감 · 문제 아님) · 문제 — Eval 의 level 그대로 */
 export const isRest = (k: CfBreak): boolean => k.level === "쉼";
 
+/** 쉼 모양 자리 — 선 · 받는 알약(「상자|알약」) · 흐릴 상자
+ *  상자 흐림은 들어오는 선이 모두 쉼일 때 · 또는 상자에 걸린 쉼이 있고 그 상자 내보내는 값이 모두 빈 값일 때만 */
+export function restParts(
+  lg: CfLogic,
+  rests: CfBreak[],
+  values: Record<string, Record<string, unknown>>,
+): { links: Set<string>; pills: Set<string>; boxes: Set<string> } {
+  const links = new Set(rests.map((k) => k.link).filter((x): x is string => !!x));
+  const pills = new Set(
+    lg.links.filter((l) => links.has(l.id)).map((l) => `${l.to.box}|${l.to.name}`),
+  );
+  const boxes = new Set<string>();
+  const empty = (v: unknown): boolean => v === null || v === undefined || v === "";
+  for (const b of lg.boxes) {
+    const incoming = lg.links.filter((l) => l.to.box === b.id);
+    const allRest = incoming.length > 0 && incoming.every((l) => links.has(l.id));
+    const outs = Object.values(values[b.id] ?? {});
+    const hit = rests.some((k) => !k.link && k.box === b.id);
+    if (allRest || (hit && outs.every(empty))) boxes.add(b.id);
+  }
+  return { links, pills, boxes };
+}
+
 /* ── 끌기 손잡이 ─────────────────────────────────────────────────────── */
 
 /** 누른 뒤 5px 넘게 움직이면 끌기 — 끈 뒤 따라오는 click 한 번만 삼킴 */