@cardenelabs/cdl 0.13.0 → 0.14.0

package/dist/react.cjs

@@ -5570,10 +5570,10 @@ function fitTextSize(text, maxWidth, targetSize, minSize) {
 }
 var COMPACT_MAX_H = 100;
 var COMPACT_PADDING_X = 16;
-var MIN_SIZE = 11;
+var MIN_TEXT_SIZE = 11;
 var ASCENT = 0.72;
 var DESCENT = 0.25;
-var MIN_BAND_H = MIN_SIZE * (ASCENT + DESCENT);
+var MIN_BAND_H = MIN_TEXT_SIZE * (ASCENT + DESCENT);
 var EYEBROW_BASELINE = 38;
 var EYEBROW_SIZE = 18;
 var EYEBROW_GAP = 8;
@@ -5595,10 +5595,10 @@ function titlePlacement(node, \u901A\u5E38, opts = {}) {
     node.title,
     Math.max(0, node.w - COMPACT_PADDING_X),
     \u901A\u5E38.size,
-    MIN_SIZE
+    MIN_TEXT_SIZE
   );
   const \u5E2F\u3067 = Math.floor(\u5E2F / (ASCENT + DESCENT));
-  const size = Math.max(MIN_SIZE, Math.min(\u5E45\u3067, \u5E2F\u3067));
+  const size = Math.max(MIN_TEXT_SIZE, Math.min(\u5E45\u3067, \u5E2F\u3067));
   const \u5B57\u9AD8 = size * (ASCENT + DESCENT);
   const y = \u5B57\u9AD8 <= \u5E2F ? \u4E0A + \u5E2F / 2 + size * (ASCENT - DESCENT) / 2 : \u4E0A > 0 ? \u4E0A + size * ASCENT : (\u9AD8\u3055 - \u5B57\u9AD8) / 2 + size * ASCENT;
   return { x: node.w / 2, y, size, anchor: "middle" };
@@ -6648,20 +6648,20 @@ function ChartLineNode({
   const x0 = node.cx - node.w / 2;
   const y0 = node.cy - node.h / 2;
   const data = resolveChartData(node.chartData ?? [], stateValues);
-  const PAD_TOP = 36;
-  const PAD_RIGHT = 40;
-  const PAD_BOTTOM = 56;
-  const PAD_LEFT = 72;
-  const canvasW = node.w - PAD_LEFT - PAD_RIGHT;
-  const canvasH = node.h - PAD_TOP - PAD_BOTTOM;
+  const PAD_TOP2 = 36;
+  const PAD_RIGHT2 = 40;
+  const PAD_BOTTOM2 = 56;
+  const PAD_LEFT2 = 72;
+  const canvasW = node.w - PAD_LEFT2 - PAD_RIGHT2;
+  const canvasH = node.h - PAD_TOP2 - PAD_BOTTOM2;
   const values = data.map((d) => d.value);
   const vMin = values.length > 0 ? Math.min(...values) : 0;
   const vMax = values.length > 0 ? Math.max(...values) : 1;
   const vRange = vMax - vMin || 1;
   const LABEL_ROOM = 20;
-  const plotTop = PAD_TOP + LABEL_ROOM;
+  const plotTop = PAD_TOP2 + LABEL_ROOM;
   const plotH = Math.max(canvasH - LABEL_ROOM * 2, 1);
-  const xAt = (idx) => PAD_LEFT + (data.length <= 1 ? canvasW / 2 : canvasW * idx / (data.length - 1));
+  const xAt = (idx) => PAD_LEFT2 + (data.length <= 1 ? canvasW / 2 : canvasW * idx / (data.length - 1));
   const yAt = (v) => plotTop + plotH - (v - vMin) / vRange * plotH;
   const points = data.map((d, idx) => `${xAt(idx)},${yAt(d.value)}`).join(" ");
   const \u70B9\u307E\u3067\u306E\u9577\u3055 = [];
@@ -6706,9 +6706,9 @@ function ChartLineNode({
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
         {
-          x1: PAD_LEFT,
+          x1: PAD_LEFT2,
           y1: t.y,
-          x2: PAD_LEFT + canvasW,
+          x2: PAD_LEFT2 + canvasW,
           y2: t.y,
           stroke: "var(--cdl-divider, #d4d4d8)",
           strokeWidth: 0.75,
@@ -6719,7 +6719,7 @@ function ChartLineNode({
       /* @__PURE__ */ jsxRuntime.jsx(
         "text",
         {
-          x: PAD_LEFT - 8,
+          x: PAD_LEFT2 - 8,
           y: t.y + 4,
           fontSize: 11,
           textAnchor: "end",
@@ -6731,9 +6731,9 @@ function ChartLineNode({
     /* @__PURE__ */ jsxRuntime.jsx(
       "line",
       {
-        x1: PAD_LEFT,
+        x1: PAD_LEFT2,
         y1: plotTop + plotH,
-        x2: PAD_LEFT + canvasW,
+        x2: PAD_LEFT2 + canvasW,
         y2: plotTop + plotH,
         stroke: "var(--cdl-text-mute, #8a8678)",
         strokeWidth: 1.25
@@ -6742,9 +6742,9 @@ function ChartLineNode({
     /* @__PURE__ */ jsxRuntime.jsx(
       "line",
       {
-        x1: PAD_LEFT,
+        x1: PAD_LEFT2,
         y1: plotTop,
-        x2: PAD_LEFT,
+        x2: PAD_LEFT2,
         y2: plotTop + plotH,
         stroke: "var(--cdl-text-mute, #8a8678)",
         strokeWidth: 1.25
@@ -6812,7 +6812,7 @@ function ChartLineNode({
           "text",
           {
             x: cx,
-            y: PAD_TOP + canvasH + 20,
+            y: PAD_TOP2 + canvasH + 20,
             fontSize: 12,
             textAnchor: "middle",
             fill: "var(--cdl-text-dim, #5a6270)",
@@ -6835,13 +6835,13 @@ function ChartPieNode({
   const y0 = node.cy - node.h / 2;
   const data = resolveChartData(node.chartData ?? [], stateValues);
   const total = data.reduce((acc, d) => acc + d.value, 0) || 1;
-  const PAD_TOP = 20;
-  const PAD_BOTTOM = 20;
-  const chartAreaH = node.h - PAD_TOP - PAD_BOTTOM;
+  const PAD_TOP2 = 20;
+  const PAD_BOTTOM2 = 20;
+  const chartAreaH = node.h - PAD_TOP2 - PAD_BOTTOM2;
   const pieAreaW = node.w * 0.5;
   const radius = Math.min(pieAreaW, chartAreaH) / 2 - 12;
   const cx = pieAreaW / 2;
-  const cy = PAD_TOP + chartAreaH / 2;
+  const cy = PAD_TOP2 + chartAreaH / 2;
   let cumAngle = -Math.PI / 2;
   let cumFrac = 0;
   const slices = data.map((d) => {
@@ -6865,7 +6865,7 @@ function ChartPieNode({
   const \u958B\u304D\u59CB\u3081\u305F = (startFrac) => !drawing || \u958B\u304D > startFrac;
   const legendX = pieAreaW + 8;
   const legendGap = Math.min(28, chartAreaH / Math.max(data.length, 1));
-  const legendStartY = PAD_TOP + (chartAreaH - legendGap * data.length) / 2 + legendGap / 2;
+  const legendStartY = PAD_TOP2 + (chartAreaH - legendGap * data.length) / 2 + legendGap / 2;
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
@@ -6957,26 +6957,26 @@ function ChartBarNode({
   const x0 = node.cx - node.w / 2;
   const y0 = node.cy - node.h / 2;
   const data = resolveChartData(node.chartData ?? [], stateValues);
-  const PAD_TOP = 20;
-  const PAD_RIGHT = 24;
-  const PAD_BOTTOM = 44;
-  const PAD_LEFT = 60;
-  const canvasW = node.w - PAD_LEFT - PAD_RIGHT;
-  const canvasH = node.h - PAD_TOP - PAD_BOTTOM;
+  const PAD_TOP2 = 20;
+  const PAD_RIGHT2 = 24;
+  const PAD_BOTTOM2 = 44;
+  const PAD_LEFT2 = 60;
+  const canvasW = node.w - PAD_LEFT2 - PAD_RIGHT2;
+  const canvasH = node.h - PAD_TOP2 - PAD_BOTTOM2;
   const vMax = data.length > 0 ? Math.max(...data.map((d) => d.value)) : 1;
   const vRange = vMax || 1;
   const barGap = 10;
   const barCount = data.length || 1;
   const barW = (canvasW - barGap * (barCount + 1)) / barCount;
-  const yAt = (v) => PAD_TOP + canvasH - v / vRange * canvasH;
-  const xAt = (idx) => PAD_LEFT + barGap + idx * (barW + barGap);
+  const yAt = (v) => PAD_TOP2 + canvasH - v / vRange * canvasH;
+  const xAt = (idx) => PAD_LEFT2 + barGap + idx * (barW + barGap);
   const gridCount = 4;
   const gridTicks = Array.from({ length: gridCount + 1 }, (_, i) => {
     const v = vMax * i / gridCount;
     return { y: yAt(v), value: v };
   });
   const \u4F38\u3073 = \u9032\u307F\u3092\u7573\u3080(drawing, progress);
-  const \u6A2A\u8EF8\u306Ey = PAD_TOP + canvasH;
+  const \u6A2A\u8EF8\u306Ey = PAD_TOP2 + canvasH;
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
@@ -6996,9 +6996,9 @@ function ChartBarNode({
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
         {
-          x1: PAD_LEFT,
+          x1: PAD_LEFT2,
           y1: t.y,
-          x2: PAD_LEFT + canvasW,
+          x2: PAD_LEFT2 + canvasW,
           y2: t.y,
           stroke: "var(--cdl-divider, #d4d4d8)",
           strokeWidth: 0.75,
@@ -7009,7 +7009,7 @@ function ChartBarNode({
       /* @__PURE__ */ jsxRuntime.jsx(
         "text",
         {
-          x: PAD_LEFT - 8,
+          x: PAD_LEFT2 - 8,
           y: t.y + 4,
           fontSize: 11,
           textAnchor: "end",
@@ -7021,10 +7021,10 @@ function ChartBarNode({
     /* @__PURE__ */ jsxRuntime.jsx(
       "line",
       {
-        x1: PAD_LEFT,
-        y1: PAD_TOP + canvasH,
-        x2: PAD_LEFT + canvasW,
-        y2: PAD_TOP + canvasH,
+        x1: PAD_LEFT2,
+        y1: PAD_TOP2 + canvasH,
+        x2: PAD_LEFT2 + canvasW,
+        y2: PAD_TOP2 + canvasH,
         stroke: "var(--cdl-text-mute, #8a8678)",
         strokeWidth: 1.25
       }
@@ -7032,7 +7032,7 @@ function ChartBarNode({
     data.map((d, idx) => {
       const bx = xAt(idx);
       const by = yAt(d.value);
-      const bh = PAD_TOP + canvasH - by;
+      const bh = PAD_TOP2 + canvasH - by;
       const \u898B\u3048\u3066\u3044\u308B\u982D = \u6A2A\u8EF8\u306Ey - (\u6A2A\u8EF8\u306Ey - by) * \u4F38\u3073;
       const \u68D2 = /* @__PURE__ */ jsxRuntime.jsx(
         "rect",
@@ -7065,7 +7065,7 @@ function ChartBarNode({
           "text",
           {
             x: bx + barW / 2,
-            y: PAD_TOP + canvasH + 18,
+            y: PAD_TOP2 + canvasH + 18,
             fontSize: 12,
             textAnchor: "middle",
             fill: "var(--cdl-text-dim, #5a6270)",
@@ -7086,12 +7086,12 @@ function GanttNode({
   const x0 = node.cx - node.w / 2;
   const y0 = node.cy - node.h / 2;
   const tasks = resolveGanttData(node.ganttData ?? [], stateValues);
-  const PAD_TOP = 32;
-  const PAD_RIGHT = 48;
-  const PAD_BOTTOM = 44;
-  const PAD_LEFT = 156;
-  const canvasW = node.w - PAD_LEFT - PAD_RIGHT;
-  const canvasH = node.h - PAD_TOP - PAD_BOTTOM;
+  const PAD_TOP2 = 32;
+  const PAD_RIGHT2 = 48;
+  const PAD_BOTTOM2 = 44;
+  const PAD_LEFT2 = 156;
+  const canvasW = node.w - PAD_LEFT2 - PAD_RIGHT2;
+  const canvasH = node.h - PAD_TOP2 - PAD_BOTTOM2;
   const rowGap = 20;
   const rowCount = tasks.length || 1;
   const rowH = Math.max(28, (canvasH - rowGap * (rowCount + 1)) / rowCount);
@@ -7118,8 +7118,8 @@ function GanttNode({
   const \u76EE\u76DB\u308A\u306E\u4E0A\u9650 = 200;
   const \u76EE\u76DB\u308A\u306E\u9593\u9694 = Math.max(1, Math.ceil(maxIdx / \u76EE\u76DB\u308A\u306E\u4E0A\u9650));
   const \u76EE\u76DB\u308A\u306E\u672C\u6570 = Math.ceil(maxIdx / \u76EE\u76DB\u308A\u306E\u9593\u9694);
-  const xAt = (idx) => PAD_LEFT + idx * cellW;
-  const yAt = (row) => PAD_TOP + rowGap + row * (rowH + rowGap);
+  const xAt = (idx) => PAD_LEFT2 + idx * cellW;
+  const yAt = (row) => PAD_TOP2 + rowGap + row * (rowH + rowGap);
   const \u540D\u524D = { \u6574\u6570\u306E\u958B\u59CB: /* @__PURE__ */ new Map(), \u6574\u6570\u306E\u7D42\u4E86: /* @__PURE__ */ new Map(), \u7AEF\u6570\u306E\u958B\u59CB: /* @__PURE__ */ new Map(), \u7AEF\u6570\u306E\u7D42\u4E86: /* @__PURE__ */ new Map() };
   const \u7F6E\u304F = (\u8868, \u4F4D\u7F6E, label) => {
     if (label !== "" && Number.isFinite(\u4F4D\u7F6E) && !\u8868.has(\u4F4D\u7F6E)) \u8868.set(\u4F4D\u7F6E, label);
@@ -7164,9 +7164,9 @@ function GanttNode({
         {
           "data-cdl-role": "gantt-grid",
           x1: xAt(i),
-          y1: PAD_TOP,
+          y1: PAD_TOP2,
           x2: xAt(i),
-          y2: PAD_TOP + canvasH,
+          y2: PAD_TOP2 + canvasH,
           stroke: "var(--cdl-divider, #d4d4d8)",
           strokeWidth: 0.75,
           strokeDasharray: "3 3",
@@ -7178,7 +7178,7 @@ function GanttNode({
         {
           "data-cdl-role": "gantt-tick",
           x: xAt(i) + cellW / 2,
-          y: PAD_TOP + canvasH + 18,
+          y: PAD_TOP2 + canvasH + 18,
           fontSize: 11,
           textAnchor: "middle",
           fill: "var(--cdl-text-dim, #5a6270)",
@@ -7190,9 +7190,9 @@ function GanttNode({
       "line",
       {
         x1: xAt(maxIdx),
-        y1: PAD_TOP,
+        y1: PAD_TOP2,
         x2: xAt(maxIdx),
-        y2: PAD_TOP + canvasH,
+        y2: PAD_TOP2 + canvasH,
         stroke: "var(--cdl-divider, #d4d4d8)",
         strokeWidth: 0.75,
         opacity: 0.5
@@ -7201,7 +7201,7 @@ function GanttNode({
     \u6574\u3048\u305F.map((t, row) => /* @__PURE__ */ jsxRuntime.jsx(
       "text",
       {
-        x: PAD_LEFT - 12,
+        x: PAD_LEFT2 - 12,
         y: yAt(row) + rowH / 2 + 4,
         fontSize: 12,
         textAnchor: "end",
@@ -7328,6 +7328,12 @@ function \u5E45\u3067\u5207\u308B(text, fontSize, \u4F7F\u3048\u308B\u5E452, \u6
   }
   return `${\u51FA}${\u7701\u7565}`;
 }
+var \u7E2E\u3081\u306E\u4E0B\u9650 = MIN_TEXT_SIZE;
+function \u5E45\u306B\u53CE\u3081\u308B(text, fontSize, \u4F7F\u3048\u308B\u5E452, \u6E2C\u308B = textWidth) {
+  let size = fontSize;
+  while (size > \u7E2E\u3081\u306E\u4E0B\u9650 && \u6E2C\u308B(text, size) > \u4F7F\u3048\u308B\u5E452) size -= 1;
+  return { text: \u5E45\u3067\u5207\u308B(text, size, \u4F7F\u3048\u308B\u5E452, \u6E2C\u308B), fontSize: size };
+}
 function \u66F8\u8A18\u7D20\u306B\u5206\u3051\u308B(text) {
   const \u533A\u5207\u308A = Intl.Segmenter;
   if (typeof \u533A\u5207\u308A !== "function") return [...text];
@@ -7341,16 +7347,35 @@ function \u7BB1\u306B\u7A4D\u3080(\u884C, \u7BB1\u306E\u5E45, \u7BB1\u306E\u9AD8
   const \u6B8B\u3059 = [...\u5019\u88DC];
   while (\u6B8B\u3059.length > 1 && \u9AD8\u3055(\u6B8B\u3059) > \u4F7F\u3048\u308B\u9AD8\u3055) \u6B8B\u3059.pop();
   const \u5E45 = \u4F7F\u3048\u308B\u5E45(\u7BB1\u306E\u5E45);
-  const \u7DCF\u9AD8 = \u9AD8\u3055(\u6B8B\u3059);
+  const \u53CE\u3081\u305F = \u6B8B\u3059.map((r) => ({ ...r, ...\u5E45\u306B\u53CE\u3081\u308B(r.text, r.fontSize, \u5E45) }));
+  const \u7DCF\u9AD8 = \u9AD8\u3055(\u53CE\u3081\u305F);
   let \u7A4D\u307F = -\u7DCF\u9AD8 / 2;
-  return \u6B8B\u3059.map((r) => {
+  return \u53CE\u3081\u305F.map((r) => {
     const dy = \u7A4D\u307F + (\u884C\u9001\u308A\u306E\u6BD4 + \u5B57\u306E\u9AD8\u3055\u306E\u6BD4) / 2 * r.fontSize;
     \u7A4D\u307F += r.fontSize * \u884C\u9001\u308A\u306E\u6BD4;
-    return { ...r, text: \u5E45\u3067\u5207\u308B(r.text, r.fontSize, \u5E45), dy };
+    return { ...r, dy };
   });
 }
 var MIND_TONES = ["accent", "teal", "success", "warning", "info", "error"];
 var MIND_BOX_GAP = 24;
+var MIND_PAD = 40;
+function \u653E\u5C04\u306E\u4E2D\u8EAB(node, stateValues = {}) {
+  const mindData = node.mindData ? resolveMindData(node.mindData, stateValues) : void 0;
+  if (!mindData) return void 0;
+  return computeMindMapLayout(
+    mindData,
+    node.w / 2,
+    node.h / 2,
+    node.w - MIND_PAD * 2,
+    node.h - MIND_PAD * 2
+  );
+}
+function \u653E\u5C04\u306E\u884C(n) {
+  return [
+    { \u5F79\u5272: "title", text: n.title, fontSize: n.isRoot ? 15 : 13 },
+    { \u5F79\u5272: "subtitle", text: n.subtitle ?? "", fontSize: 9 }
+  ];
+}
 function MindMapNode({
   node,
   active,
@@ -7360,14 +7385,8 @@ function MindMapNode({
 }) {
   const x0 = node.cx - node.w / 2;
   const y0 = node.cy - node.h / 2;
-  const mindData = node.mindData ? resolveMindData(node.mindData, stateValues) : void 0;
-  if (!mindData) return /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `translate(${x0} ${y0})` });
-  const PAD = 40;
-  const canvasCx = node.w / 2;
-  const canvasCy = node.h / 2;
-  const canvasW = node.w - PAD * 2;
-  const canvasH = node.h - PAD * 2;
-  const layout2 = computeMindMapLayout(mindData, canvasCx, canvasCy, canvasW, canvasH);
+  const layout2 = \u653E\u5C04\u306E\u4E2D\u8EAB(node, stateValues);
+  if (!layout2) return /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `translate(${x0} ${y0})` });
   const \u4F38\u3073 = \u9032\u307F\u3092\u7573\u3080(drawing, progress);
   const \u6700\u5927\u6DF1\u3055 = layout2.nodes.reduce((m, n) => Math.max(m, n.depth), 0);
   const \u7BB1\u304C\u51FA\u308B = (\u6DF1\u3055) => !drawing || \u6BB5\u306E\u4F38\u3073(\u4F38\u3073, \u6DF1\u3055, \u6700\u5927\u6DF1\u3055) >= 1;
@@ -7405,15 +7424,11 @@ function MindMapNode({
     }),
     layout2.nodes.map((n) => {
       if (!\u7BB1\u304C\u51FA\u308B(n.depth)) return null;
-      const \u884C = \u7BB1\u306B\u7A4D\u3080(
-        [
-          { \u5F79\u5272: "title", text: n.title, fontSize: n.isRoot ? 15 : 13 },
-          { \u5F79\u5272: "subtitle", text: n.subtitle ?? "", fontSize: 9 }
-        ],
-        n.w,
-        n.h
-      );
+      const \u6750\u6599 = \u653E\u5C04\u306E\u884C(n);
+      const \u884C = \u7BB1\u306B\u7A4D\u3080(\u6750\u6599, n.w, n.h);
       const \u88DC\u8DB3\u3042\u308A = (n.subtitle ?? "").trim() !== "";
+      const \u540D\u524D = \u6750\u6599[0];
+      const \u53CE\u3081\u305F\u540D\u524D = \u88DC\u8DB3\u3042\u308A ? void 0 : \u5E45\u306B\u53CE\u3081\u308B(\u540D\u524D.text, \u540D\u524D.fontSize, \u4F7F\u3048\u308B\u5E45(n.w));
       const \u6587\u5B57\u306E\u8272 = n.isRoot ? "var(--cdl-text-on-tone, #ffffff)" : "var(--cdl-chip-text, #1a1f2a)";
       return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-unresolved": n.unresolved ? "true" : void 0, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7429,7 +7444,7 @@ function MindMapNode({
             strokeWidth: n.isRoot ? 2 : 1.75
           }
         ),
-        \u88DC\u8DB3\u3042\u308A ? \u884C.map((r) => /* @__PURE__ */ jsxRuntime.jsx(
+        \u53CE\u3081\u305F\u540D\u524D === void 0 ? \u884C.map((r) => /* @__PURE__ */ jsxRuntime.jsx(
           "text",
           {
             "data-cdl-role": r.\u5F79\u5272 === "subtitle" ? "mind-node-subtitle" : void 0,
@@ -7446,17 +7461,18 @@ function MindMapNode({
         )) : (
           // 補足が無くても **幅に収める** (#526)。 `箱に積む` を通らないこの経路だけが
           // 幅を見ておらず、長い名前がそのまま箱の外へ出て枝の線と重なっていた
-          // (実測 = 中心の箱で文字 163px に対し箱 120px)
+          // (実測 = 中心の箱で文字 163px に対し箱 120px)。
+          // 収める手段は縮めるのが先で、切るのは下限まで縮めても入らない時だけ (#534)
           /* @__PURE__ */ jsxRuntime.jsx(
             "text",
             {
               x: n.x,
               y: n.y + 5,
-              fontSize: n.isRoot ? 15 : 13,
+              fontSize: \u53CE\u3081\u305F\u540D\u524D.fontSize,
               fontWeight: n.isRoot ? 700 : 600,
               textAnchor: "middle",
               fill: \u6587\u5B57\u306E\u8272,
-              children: \u5E45\u3067\u5207\u308B(n.title, n.isRoot ? 15 : 13, \u4F7F\u3048\u308B\u5E45(n.w))
+              children: \u53CE\u3081\u305F\u540D\u524D.text
             }
           )
         )
@@ -7691,13 +7707,13 @@ function FunnelNode({
   const x0 = node.cx - node.w / 2;
   const y0 = node.cy - node.h / 2;
   const stages = resolveFunnelData(node.funnelData ?? [], stateValues);
-  const PAD_TOP = 32;
-  const PAD_RIGHT = 24;
-  const PAD_BOTTOM = 32;
-  const PAD_LEFT = 24;
+  const PAD_TOP2 = 32;
+  const PAD_RIGHT2 = 24;
+  const PAD_BOTTOM2 = 32;
+  const PAD_LEFT2 = 24;
   const legendW = 160;
-  const canvasW = node.w - PAD_LEFT - PAD_RIGHT - legendW;
-  const canvasH = node.h - PAD_TOP - PAD_BOTTOM;
+  const canvasW = node.w - PAD_LEFT2 - PAD_RIGHT2 - legendW;
+  const canvasH = node.h - PAD_TOP2 - PAD_BOTTOM2;
   const stageCount = stages.length || 1;
   const gap = 4;
   const stageH = (canvasH - gap * (stageCount - 1)) / stageCount;
@@ -7717,15 +7733,15 @@ function FunnelNode({
   const \u6BB5 = stages.map((s, idx) => {
     const prev = idx > 0 ? stages[idx - 1] : null;
     const dropRate = prev && prev.count > 0 ? (prev.count - s.count) / prev.count * 100 : 0;
-    const y = PAD_TOP + idx * (stageH + gap);
+    const y = PAD_TOP2 + idx * (stageH + gap);
     const topW = widthAtStep(idx);
     const bottomW = widthAtStep(idx + 1);
-    const cx = PAD_LEFT + canvasW / 2;
+    const cx = PAD_LEFT2 + canvasW / 2;
     const topX = cx - topW / 2;
     const bottomX = cx - bottomW / 2;
     const points = `${topX},${y} ${topX + topW},${y} ${bottomX + bottomW},${y + stageH} ${bottomX},${y + stageH}`;
     const tone = toneByIndex(idx);
-    const legendX = PAD_LEFT + canvasW + 24;
+    const legendX = PAD_LEFT2 + canvasW + 24;
     return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "polygon",
@@ -7789,7 +7805,7 @@ function FunnelNode({
         strokeWidth: active ? 3 : 1.25
       }
     ),
-    drawing && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: \u5207\u308A\u629C\u304Did, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: node.w, height: PAD_TOP + canvasH * \u4F38\u3073 }) }) }),
+    drawing && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: \u5207\u308A\u629C\u304Did, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: node.w, height: PAD_TOP2 + canvasH * \u4F38\u3073 }) }) }),
     drawing ? /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: `url(#${\u5207\u308A\u629C\u304Did})`, children: \u6BB5 }) : \u6BB5
   ] });
 }
@@ -7814,8 +7830,8 @@ function QuadrantNode({
   const raw = node.quadrantData;
   if (!raw) return /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `translate(${x0} ${y0})` });
   const data = resolveQuadrantData(raw, stateValues);
-  const PAD_TOP = 40;
-  const PAD_BOTTOM = 56;
+  const PAD_TOP2 = 40;
+  const PAD_BOTTOM2 = 56;
   const AXIS_LABEL_FONT = 12;
   const PAD_MIN = 60;
   const ITEM_FONT = 13;
@@ -7827,12 +7843,12 @@ function QuadrantNode({
   const wantRight = axisLabelPad(data.xAxis.right) - PAD_MIN;
   const wantTotal = wantLeft + wantRight;
   const padScale = wantTotal > padBudget && wantTotal > 0 ? padBudget / wantTotal : 1;
-  const PAD_LEFT = PAD_MIN + wantLeft * padScale;
-  const PAD_RIGHT = PAD_MIN + wantRight * padScale;
-  const canvasW = node.w - PAD_LEFT - PAD_RIGHT;
-  const canvasH = node.h - PAD_TOP - PAD_BOTTOM;
-  const cx = PAD_LEFT + canvasW / 2;
-  const cy = PAD_TOP + canvasH / 2;
+  const PAD_LEFT2 = PAD_MIN + wantLeft * padScale;
+  const PAD_RIGHT2 = PAD_MIN + wantRight * padScale;
+  const canvasW = node.w - PAD_LEFT2 - PAD_RIGHT2;
+  const canvasH = node.h - PAD_TOP2 - PAD_BOTTOM2;
+  const cx = PAD_LEFT2 + canvasW / 2;
+  const cy = PAD_TOP2 + canvasH / 2;
   const halfW = canvasW / 2;
   const halfH = canvasH / 2;
   const itemsBy = {
@@ -7868,16 +7884,16 @@ function QuadrantNode({
         strokeWidth: active ? 3 : 1.25
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "quadrant-bg", x: PAD_LEFT, y: PAD_TOP, width: halfW, height: halfH, ...quadrantColor.topLeft }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "quadrant-bg", x: cx, y: PAD_TOP, width: halfW, height: halfH, ...quadrantColor.topRight }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "quadrant-bg", x: PAD_LEFT, y: cy, width: halfW, height: halfH, ...quadrantColor.bottomLeft }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "quadrant-bg", x: PAD_LEFT2, y: PAD_TOP2, width: halfW, height: halfH, ...quadrantColor.topLeft }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "quadrant-bg", x: cx, y: PAD_TOP2, width: halfW, height: halfH, ...quadrantColor.topRight }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "quadrant-bg", x: PAD_LEFT2, y: cy, width: halfW, height: halfH, ...quadrantColor.bottomLeft }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "quadrant-bg", x: cx, y: cy, width: halfW, height: halfH, ...quadrantColor.bottomRight }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
       {
         "data-cdl-role": "quadrant-canvas",
-        x: PAD_LEFT,
-        y: PAD_TOP,
+        x: PAD_LEFT2,
+        y: PAD_TOP2,
         width: canvasW,
         height: canvasH,
         fill: "none",
@@ -7886,25 +7902,25 @@ function QuadrantNode({
         rx: 8
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: cx, y1: PAD_TOP, x2: cx, y2: PAD_TOP + canvasH, stroke: "var(--cdl-text-mute, #8a8678)", strokeWidth: 1.5 }),
-    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: PAD_LEFT, y1: cy, x2: PAD_LEFT + canvasW, y2: cy, stroke: "var(--cdl-text-mute, #8a8678)", strokeWidth: 1.5 }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: PAD_LEFT + halfW / 2, y: PAD_TOP + 22, fontSize: 13, fontWeight: 700, textAnchor: "middle", fill: quadrantAccent.topLeft, children: data.quadrantLabels.topLeft }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx + halfW / 2, y: PAD_TOP + 22, fontSize: 13, fontWeight: 700, textAnchor: "middle", fill: quadrantAccent.topRight, children: data.quadrantLabels.topRight }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: PAD_LEFT + halfW / 2, y: PAD_TOP + canvasH - 12, fontSize: 13, fontWeight: 700, textAnchor: "middle", fill: quadrantAccent.bottomLeft, children: data.quadrantLabels.bottomLeft }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx + halfW / 2, y: PAD_TOP + canvasH - 12, fontSize: 13, fontWeight: 700, textAnchor: "middle", fill: quadrantAccent.bottomRight, children: data.quadrantLabels.bottomRight }),
-    /* @__PURE__ */ jsxRuntime.jsxs("text", { x: cx, y: PAD_TOP - 12, fontSize: 12, fontWeight: 700, textAnchor: "middle", fill: "var(--cdl-text-dim, #5a6270)", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: cx, y1: PAD_TOP2, x2: cx, y2: PAD_TOP2 + canvasH, stroke: "var(--cdl-text-mute, #8a8678)", strokeWidth: 1.5 }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: PAD_LEFT2, y1: cy, x2: PAD_LEFT2 + canvasW, y2: cy, stroke: "var(--cdl-text-mute, #8a8678)", strokeWidth: 1.5 }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: PAD_LEFT2 + halfW / 2, y: PAD_TOP2 + 22, fontSize: 13, fontWeight: 700, textAnchor: "middle", fill: quadrantAccent.topLeft, children: data.quadrantLabels.topLeft }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx + halfW / 2, y: PAD_TOP2 + 22, fontSize: 13, fontWeight: 700, textAnchor: "middle", fill: quadrantAccent.topRight, children: data.quadrantLabels.topRight }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: PAD_LEFT2 + halfW / 2, y: PAD_TOP2 + canvasH - 12, fontSize: 13, fontWeight: 700, textAnchor: "middle", fill: quadrantAccent.bottomLeft, children: data.quadrantLabels.bottomLeft }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx + halfW / 2, y: PAD_TOP2 + canvasH - 12, fontSize: 13, fontWeight: 700, textAnchor: "middle", fill: quadrantAccent.bottomRight, children: data.quadrantLabels.bottomRight }),
+    /* @__PURE__ */ jsxRuntime.jsxs("text", { x: cx, y: PAD_TOP2 - 12, fontSize: 12, fontWeight: 700, textAnchor: "middle", fill: "var(--cdl-text-dim, #5a6270)", children: [
       "\u2191 ",
       data.yAxis.top
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("text", { x: cx, y: PAD_TOP + canvasH + 24, fontSize: 12, fontWeight: 700, textAnchor: "middle", fill: "var(--cdl-text-dim, #5a6270)", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("text", { x: cx, y: PAD_TOP2 + canvasH + 24, fontSize: 12, fontWeight: 700, textAnchor: "middle", fill: "var(--cdl-text-dim, #5a6270)", children: [
       "\u2193 ",
       data.yAxis.bottom
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("text", { x: PAD_LEFT - 12, y: cy + 4, fontSize: AXIS_LABEL_FONT, fontWeight: 700, textAnchor: "end", fill: "var(--cdl-text-dim, #5a6270)", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("text", { x: PAD_LEFT2 - 12, y: cy + 4, fontSize: AXIS_LABEL_FONT, fontWeight: 700, textAnchor: "end", fill: "var(--cdl-text-dim, #5a6270)", children: [
       "\u2190 ",
       data.xAxis.left
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("text", { x: PAD_LEFT + canvasW + 12, y: cy + 4, fontSize: AXIS_LABEL_FONT, fontWeight: 700, textAnchor: "start", fill: "var(--cdl-text-dim, #5a6270)", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("text", { x: PAD_LEFT2 + canvasW + 12, y: cy + 4, fontSize: AXIS_LABEL_FONT, fontWeight: 700, textAnchor: "start", fill: "var(--cdl-text-dim, #5a6270)", children: [
       data.xAxis.right,
       " \u2192"
     ] }),
@@ -7913,8 +7929,8 @@ function QuadrantNode({
       if (items.length === 0) return null;
       const isLeft = q === "topLeft" || q === "bottomLeft";
       const isTop = q === "topLeft" || q === "topRight";
-      const qxStart = (isLeft ? PAD_LEFT : cx) + 18;
-      const qyStart = (isTop ? PAD_TOP : cy) + 44;
+      const qxStart = (isLeft ? PAD_LEFT2 : cx) + 18;
+      const qyStart = (isTop ? PAD_TOP2 : cy) + 44;
       const qHalfW = halfW - 36;
       const \u67A0\u306E\u4F59\u5730 = qHalfW;
       if (\u67A0\u306E\u4F59\u5730 <= 0) return null;
@@ -7973,6 +7989,24 @@ function \u7BB1\u306E\u6587\u5B57({
     r.\u5F79\u5272
   ));
 }
+var PAD_TOP = 40;
+var PAD_RIGHT = 24;
+var PAD_BOTTOM = 40;
+var PAD_LEFT = 24;
+function \u6728\u306E\u4E2D\u8EAB(node, stateValues = {}) {
+  const treeNodes = resolveTreeData(node.treeData ?? [], stateValues);
+  return computeTreeLayout(
+    treeNodes,
+    node.w - PAD_LEFT - PAD_RIGHT,
+    node.h - PAD_TOP - PAD_BOTTOM
+  );
+}
+function \u6728\u306E\u884C(n) {
+  return [
+    { \u5F79\u5272: "title", text: n.title, fontSize: n.depth === 0 ? 13 : 12 },
+    { \u5F79\u5272: "subtitle", text: n.subtitle ?? "", fontSize: 9 }
+  ];
+}
 function TreeNode({
   node,
   active,
@@ -7982,15 +8016,8 @@ function TreeNode({
 }) {
   const x0 = node.cx - node.w / 2;
   const y0 = node.cy - node.h / 2;
-  const treeNodes = resolveTreeData(node.treeData ?? [], stateValues);
   const gradientId = `tree-root-grad-${node.id}`;
-  const PAD_TOP = 40;
-  const PAD_RIGHT = 24;
-  const PAD_BOTTOM = 40;
-  const PAD_LEFT = 24;
-  const canvasW = node.w - PAD_LEFT - PAD_RIGHT;
-  const canvasH = node.h - PAD_TOP - PAD_BOTTOM;
-  const layout2 = computeTreeLayout(treeNodes, canvasW, canvasH);
+  const layout2 = \u6728\u306E\u4E2D\u8EAB(node, stateValues);
   const \u4F38\u3073 = \u9032\u307F\u3092\u7573\u3080(drawing, progress);
   const \u6700\u5927\u6DF1\u3055 = layout2.nodes.reduce((m, n) => Math.max(m, n.depth), 0);
   const \u7BB1\u304C\u51FA\u308B = (\u6DF1\u3055) => !drawing || \u6BB5\u306E\u4F38\u3073(\u4F38\u3073, \u6DF1\u3055, \u6700\u5927\u6DF1\u3055) >= 1;
@@ -8043,15 +8070,11 @@ function TreeNode({
       if (!\u7BB1\u304C\u51FA\u308B(n.depth)) return null;
       const accent = depthColors[Math.min(n.depth, depthColors.length - 1)] ?? depthColors[0];
       const isRoot = n.depth === 0;
-      const \u884C = \u7BB1\u306B\u7A4D\u3080(
-        [
-          { \u5F79\u5272: "title", text: n.title, fontSize: isRoot ? 13 : 12 },
-          { \u5F79\u5272: "subtitle", text: n.subtitle ?? "", fontSize: 9 }
-        ],
-        n.w,
-        n.h
-      );
+      const \u6750\u6599 = \u6728\u306E\u884C(n);
+      const \u884C = \u7BB1\u306B\u7A4D\u3080(\u6750\u6599, n.w, n.h);
       const \u88DC\u8DB3\u3042\u308A = (n.subtitle ?? "").trim() !== "";
+      const \u540D\u524D = \u6750\u6599[0];
+      const \u53CE\u3081\u305F\u540D\u524D = \u88DC\u8DB3\u3042\u308A ? void 0 : \u5E45\u306B\u53CE\u3081\u308B(\u540D\u524D.text, \u540D\u524D.fontSize, \u4F7F\u3048\u308B\u5E45(n.w));
       return /* @__PURE__ */ jsxRuntime.jsx(
         "g",
         {
@@ -8070,7 +8093,7 @@ function TreeNode({
                 fill: `url(#${gradientId})`
               }
             ),
-            \u88DC\u8DB3\u3042\u308A ? \u7BB1\u306E\u6587\u5B57({
+            \u53CE\u3081\u305F\u540D\u524D === void 0 ? \u7BB1\u306E\u6587\u5B57({
               \u884C,
               x: n.w / 2,
               \u7BB1\u306E\u9AD8\u3055: n.h,
@@ -8084,11 +8107,11 @@ function TreeNode({
                 {
                   x: n.w / 2,
                   y: n.h / 2 + 5,
-                  fontSize: 13,
+                  fontSize: \u53CE\u3081\u305F\u540D\u524D.fontSize,
                   fontWeight: 700,
                   textAnchor: "middle",
                   fill: "var(--cdl-text-on-tone, #ffffff)",
-                  children: \u5E45\u3067\u5207\u308B(n.title, 13, \u4F7F\u3048\u308B\u5E45(n.w))
+                  children: \u53CE\u3081\u305F\u540D\u524D.text
                 }
               )
             )
@@ -8108,7 +8131,7 @@ function TreeNode({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: 4, height: n.h, rx: 2, fill: accent }),
-            \u88DC\u8DB3\u3042\u308A ? \u7BB1\u306E\u6587\u5B57({
+            \u53CE\u3081\u305F\u540D\u524D === void 0 ? \u7BB1\u306E\u6587\u5B57({
               \u884C,
               x: n.w / 2 + 2,
               \u7BB1\u306E\u9AD8\u3055: n.h,
@@ -8119,11 +8142,11 @@ function TreeNode({
               {
                 x: n.w / 2 + 2,
                 y: n.h / 2 + 4,
-                fontSize: 12,
+                fontSize: \u53CE\u3081\u305F\u540D\u524D.fontSize,
                 fontWeight: 600,
                 textAnchor: "middle",
                 fill: "var(--cdl-chip-text, #1a1f2a)",
-                children: \u5E45\u3067\u5207\u308B(n.title, 12, \u4F7F\u3048\u308B\u5E45(n.w))
+                children: \u53CE\u3081\u305F\u540D\u524D.text
               }
             )
           ] })
@@ -8257,12 +8280,12 @@ function UserJourneyNode({
   const x0 = node.cx - node.w / 2;
   const y0 = node.cy - node.h / 2;
   const steps = resolveJourneyData(node.journeyData ?? [], stateValues);
-  const PAD_TOP = 20;
-  const PAD_RIGHT = 32;
-  const PAD_BOTTOM = 108;
-  const PAD_LEFT = 108;
-  const canvasW = node.w - PAD_LEFT - PAD_RIGHT;
-  const canvasH = node.h - PAD_TOP - PAD_BOTTOM;
+  const PAD_TOP2 = 20;
+  const PAD_RIGHT2 = 32;
+  const PAD_BOTTOM2 = 108;
+  const PAD_LEFT2 = 108;
+  const canvasW = node.w - PAD_LEFT2 - PAD_RIGHT2;
+  const canvasH = node.h - PAD_TOP2 - PAD_BOTTOM2;
   const emotionRows = ["delighted", "happy", "neutral", "frustrated", "angry"];
   const emotionScore = {
     delighted: 4,
@@ -8287,8 +8310,8 @@ function UserJourneyNode({
   };
   const rowH = canvasH / 5;
   const colW = canvasW / Math.max(steps.length, 1);
-  const xAt = (idx) => PAD_LEFT + (steps.length <= 1 ? canvasW / 2 : colW / 2 + colW * idx);
-  const yAt = (emotion) => PAD_TOP + rowH / 2 + (4 - emotionScore[emotion]) * rowH;
+  const xAt = (idx) => PAD_LEFT2 + (steps.length <= 1 ? canvasW / 2 : colW / 2 + colW * idx);
+  const yAt = (emotion) => PAD_TOP2 + rowH / 2 + (4 - emotionScore[emotion]) * rowH;
   const pts = steps.map((s, i) => ({ x: xAt(i), y: yAt(s.emotion) }));
   const \u4F38\u3073 = \u9032\u307F\u3092\u7573\u3080(drawing, progress);
   const \u6BB5\u307E\u3067\u306E\u5272\u5408 = \u30D9\u30B8\u30A8\u306E\u7D2F\u7A4D\u5272\u5408(pts, (\u524D, \u5F8C) => {
@@ -8322,8 +8345,8 @@ function UserJourneyNode({
         "rect",
         {
           "data-cdl-role": "journey-band",
-          x: PAD_LEFT,
-          y: PAD_TOP + i * rowH,
+          x: PAD_LEFT2,
+          y: PAD_TOP2 + i * rowH,
           width: canvasW,
           height: rowH,
           fill: emotionColor[e],
@@ -8333,8 +8356,8 @@ function UserJourneyNode({
       /* @__PURE__ */ jsxRuntime.jsx(
         "text",
         {
-          x: PAD_LEFT - 84,
-          y: PAD_TOP + i * rowH + rowH / 2 + 5,
+          x: PAD_LEFT2 - 84,
+          y: PAD_TOP2 + i * rowH + rowH / 2 + 5,
           fontSize: 18,
           textAnchor: "middle",
           children: emotionEmoji[e]
@@ -8343,8 +8366,8 @@ function UserJourneyNode({
       /* @__PURE__ */ jsxRuntime.jsx(
         "text",
         {
-          x: PAD_LEFT - 14,
-          y: PAD_TOP + i * rowH + rowH / 2 + 4,
+          x: PAD_LEFT2 - 14,
+          y: PAD_TOP2 + i * rowH + rowH / 2 + 4,
           fontSize: 12,
           fontWeight: 600,
           textAnchor: "end",
@@ -8358,9 +8381,9 @@ function UserJourneyNode({
       {
         "data-cdl-role": "node-column-divider",
         x1: xAt(idx),
-        y1: PAD_TOP,
+        y1: PAD_TOP2,
         x2: xAt(idx),
-        y2: PAD_TOP + canvasH,
+        y2: PAD_TOP2 + canvasH,
         stroke: "var(--cdl-row-divider, #7e848e)",
         strokeDasharray: "4 4"
       },
@@ -8424,7 +8447,7 @@ function UserJourneyNode({
             "text",
             {
               x: xAt(idx),
-              y: PAD_TOP + canvasH + 24,
+              y: PAD_TOP2 + canvasH + 24,
               fontSize: 12,
               fontWeight: 700,
               textAnchor: "middle",
@@ -8438,7 +8461,7 @@ function UserJourneyNode({
               {
                 "data-cdl-role": "journey-chip",
                 x: xAt(idx) - 40,
-                y: PAD_TOP + canvasH + 34,
+                y: PAD_TOP2 + canvasH + 34,
                 width: 80,
                 height: 20,
                 rx: 10,
@@ -8453,7 +8476,7 @@ function UserJourneyNode({
               "text",
               {
                 x: xAt(idx),
-                y: PAD_TOP + canvasH + 48,
+                y: PAD_TOP2 + canvasH + 48,
                 fontSize: 10,
                 fontWeight: 600,
                 textAnchor: "middle",
@@ -8467,7 +8490,7 @@ function UserJourneyNode({
               "rect",
               {
                 x: xAt(idx) - 55,
-                y: PAD_TOP + canvasH + 62,
+                y: PAD_TOP2 + canvasH + 62,
                 width: 110,
                 height: 26,
                 rx: 13,
@@ -8480,7 +8503,7 @@ function UserJourneyNode({
               "text",
               {
                 x: xAt(idx),
-                y: PAD_TOP + canvasH + 79,
+                y: PAD_TOP2 + canvasH + 79,
                 fontSize: 10,
                 textAnchor: "middle",
                 fill: "var(--cdl-note-text, #7a5320)",
@@ -10009,15 +10032,15 @@ var externalLabel = (node, cx, bottomY) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRu
   )
 ] });
 var LABEL_EYEBROW_SPACING = 2;
-function \u5E45\u306B\u53CE\u3081\u308B(\u6587\u5B57\u5217, \u5927\u304D\u3055, \u5B57\u9593, \u7BB1\u5E45) {
+function \u5E45\u306B\u53CE\u3081\u308B2(\u6587\u5B57\u5217, \u5927\u304D\u3055, \u5B57\u9593, \u7BB1\u5E45) {
   const \u5E45 = textWidth(\u6587\u5B57\u5217, \u5927\u304D\u3055, \u5B57\u9593);
   const \u500D\u7387 = \u5E45 > 0 && \u7BB1\u5E45 > 0 ? Math.min(1, \u7BB1\u5E45 / \u5E45) : 1;
   return { size: \u5927\u304D\u3055 * \u500D\u7387, spacing: \u5B57\u9593 * \u500D\u7387 };
 }
 function bottomLabel(node, cx, plan) {
-  const \u80A9 = \u5E45\u306B\u53CE\u3081\u308B(node.eyebrow ?? "", plan.\u80A9\u66F8?.size ?? 0, LABEL_EYEBROW_SPACING, node.w);
-  const \u540D = \u5E45\u306B\u53CE\u3081\u308B(node.title ?? "", plan.\u540D\u524D.size, 0, node.w);
-  const \u8AAC = \u5E45\u306B\u53CE\u3081\u308B(node.subtitle ?? "", plan.\u8AAC\u660E?.size ?? 0, 0, node.w);
+  const \u80A9 = \u5E45\u306B\u53CE\u3081\u308B2(node.eyebrow ?? "", plan.\u80A9\u66F8?.size ?? 0, LABEL_EYEBROW_SPACING, node.w);
+  const \u540D = \u5E45\u306B\u53CE\u3081\u308B2(node.title ?? "", plan.\u540D\u524D.size, 0, node.w);
+  const \u8AAC = \u5E45\u306B\u53CE\u3081\u308B2(node.subtitle ?? "", plan.\u8AAC\u660E?.size ?? 0, 0, node.w);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     node.eyebrow && plan.\u80A9\u66F8 && /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: plan.\u80A9\u66F8.y, fontSize: \u80A9.size, fontWeight: 700, letterSpacing: \u80A9.spacing, textAnchor: "middle", fill: "var(--cdl-tone-accent, #2d6a8f)", children: node.eyebrow }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { "data-cdl-role": "node-label", x: cx, y: plan.\u540D\u524D.y, fontSize: \u540D.size, fontWeight: 700, textAnchor: "middle", fill: "var(--cdl-text, #1a1f2a)", children: node.title }),
@@ -11334,15 +11357,15 @@ function \u5B57\u5E45(\u6587\u5B57\u5217, \u5927\u304D\u3055, \u5B57\u9593) {
   }
   return \u5E45 + \u5B57\u9593 * \u5B57\u6570;
 }
-function \u5E45\u306B\u53CE\u3081\u308B2(\u6587\u5B57\u5217, \u5927\u304D\u3055, \u5B57\u9593, \u7BB1\u5E45) {
+function \u5E45\u306B\u53CE\u3081\u308B3(\u6587\u5B57\u5217, \u5927\u304D\u3055, \u5B57\u9593, \u7BB1\u5E45) {
   const \u5E45 = \u5B57\u5E45(\u6587\u5B57\u5217, \u5927\u304D\u3055, \u5B57\u9593);
   const \u500D\u7387 = \u5E45 > 0 && \u7BB1\u5E45 > 0 ? Math.min(1, \u7BB1\u5E45 / \u5E45) : 1;
   return { size: \u5927\u304D\u3055 * \u500D\u7387, spacing: \u5B57\u9593 * \u500D\u7387 };
 }
 function bottomLabel3(node, cx, plan) {
-  const \u80A9 = \u5E45\u306B\u53CE\u3081\u308B2(node.eyebrow ?? "", plan.\u80A9\u66F8?.size ?? 0, LABEL_EYEBROW_SPACING2, node.w);
-  const \u540D = \u5E45\u306B\u53CE\u3081\u308B2(node.title ?? "", plan.\u540D\u524D.size, 0, node.w);
-  const \u8AAC = \u5E45\u306B\u53CE\u3081\u308B2(node.subtitle ?? "", plan.\u8AAC\u660E?.size ?? 0, 0, node.w);
+  const \u80A9 = \u5E45\u306B\u53CE\u3081\u308B3(node.eyebrow ?? "", plan.\u80A9\u66F8?.size ?? 0, LABEL_EYEBROW_SPACING2, node.w);
+  const \u540D = \u5E45\u306B\u53CE\u3081\u308B3(node.title ?? "", plan.\u540D\u524D.size, 0, node.w);
+  const \u8AAC = \u5E45\u306B\u53CE\u3081\u308B3(node.subtitle ?? "", plan.\u8AAC\u660E?.size ?? 0, 0, node.w);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     node.eyebrow && plan.\u80A9\u66F8 && /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: plan.\u80A9\u66F8.y, fontSize: \u80A9.size, fontWeight: 700, letterSpacing: \u80A9.spacing, textAnchor: "middle", fill: "var(--cdl-tone-accent, #2d6a8f)", children: node.eyebrow }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { "data-cdl-role": "node-label", x: cx, y: plan.\u540D\u524D.y, fontSize: \u540D.size, fontWeight: 700, textAnchor: "middle", fill: "var(--cdl-text, #1a1f2a)", children: node.title }),
@@ -11783,15 +11806,15 @@ function \u5B57\u5E452(\u6587\u5B57\u5217, \u5927\u304D\u3055, \u5B57\u9593) {
   }
   return \u5E45 + \u5B57\u9593 * \u5B57\u6570;
 }
-function \u5E45\u306B\u53CE\u3081\u308B3(\u6587\u5B57\u5217, \u5927\u304D\u3055, \u5B57\u9593, \u7BB1\u5E45) {
+function \u5E45\u306B\u53CE\u3081\u308B4(\u6587\u5B57\u5217, \u5927\u304D\u3055, \u5B57\u9593, \u7BB1\u5E45) {
   const \u5E45 = \u5B57\u5E452(\u6587\u5B57\u5217, \u5927\u304D\u3055, \u5B57\u9593);
   const \u500D\u7387 = \u5E45 > 0 && \u7BB1\u5E45 > 0 ? Math.min(1, \u7BB1\u5E45 / \u5E45) : 1;
   return { size: \u5927\u304D\u3055 * \u500D\u7387, spacing: \u5B57\u9593 * \u500D\u7387 };
 }
 function bottomLabel4(node, cx, plan) {
-  const \u80A9 = \u5E45\u306B\u53CE\u3081\u308B3(node.eyebrow ?? "", plan.\u80A9\u66F8?.size ?? 0, LABEL_EYEBROW_SPACING3, node.w);
-  const \u540D = \u5E45\u306B\u53CE\u3081\u308B3(node.title ?? "", plan.\u540D\u524D.size, 0, node.w);
-  const \u8AAC = \u5E45\u306B\u53CE\u3081\u308B3(node.subtitle ?? "", plan.\u8AAC\u660E?.size ?? 0, 0, node.w);
+  const \u80A9 = \u5E45\u306B\u53CE\u3081\u308B4(node.eyebrow ?? "", plan.\u80A9\u66F8?.size ?? 0, LABEL_EYEBROW_SPACING3, node.w);
+  const \u540D = \u5E45\u306B\u53CE\u3081\u308B4(node.title ?? "", plan.\u540D\u524D.size, 0, node.w);
+  const \u8AAC = \u5E45\u306B\u53CE\u3081\u308B4(node.subtitle ?? "", plan.\u8AAC\u660E?.size ?? 0, 0, node.w);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     node.eyebrow && plan.\u80A9\u66F8 && /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: plan.\u80A9\u66F8.y, fontSize: \u80A9.size, fontWeight: 700, letterSpacing: \u80A9.spacing, textAnchor: "middle", fill: "var(--cdl-tone-accent, #2d6a8f)", children: node.eyebrow }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { "data-cdl-role": "node-label", x: cx, y: plan.\u540D\u524D.y, fontSize: \u540D.size, fontWeight: 700, textAnchor: "middle", fill: "var(--cdl-text, #1a1f2a)", children: node.title }),
@@ -21744,6 +21767,7 @@ function emptyCounts() {
     "node-inside-viewbox": 0,
     "node-inside-lane": 0,
     "shape-label-dropped": 0,
+    "box-line-dropped": 0,
     "edge-inside-viewbox": 0,
     "lane-label-inside-viewbox": 0,
     "lane-label-overlap": 0,
@@ -21761,6 +21785,12 @@ function emptyCounts() {
     "validation-interrupted": 0
   };
 }
+function \u7A4D\u3080\u7BB1\u3092\u96C6\u3081\u308B(n) {
+  const \u7BB1 = (b, \u884C) => ({ \u884C, w: b.w, h: b.h });
+  if (n.kind === "tree-hierarchy") return \u6728\u306E\u4E2D\u8EAB(n).nodes.map((b) => \u7BB1(b, \u6728\u306E\u884C(b)));
+  if (n.kind === "mind-map") return (\u653E\u5C04\u306E\u4E2D\u8EAB(n)?.nodes ?? []).map((b) => \u7BB1(b, \u653E\u5C04\u306E\u884C(b)));
+  return [];
+}
 function measureStubOut(segs) {
   const first = segs[0];
   const dx0 = first.x2 - first.x1;
@@ -22663,6 +22693,31 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes) {
       "warn"
     );
   }
+  for (const n of laid.nodes) {
+    const \u7BB1 = \u7A4D\u3080\u7BB1\u3092\u96C6\u3081\u308B(n);
+    if (\u7BB1.length === 0) continue;
+    let \u5BFE\u8C61 = 0;
+    const \u843D\u3061\u305F = [];
+    for (const b of \u7BB1) {
+      const \u5BA3\u8A00 = b.\u884C.slice(1).filter((r) => r.text.trim() !== "");
+      if (\u5BA3\u8A00.length === 0) continue;
+      \u5BFE\u8C61 += 1;
+      const \u6B8B\u3063\u305F = new Set(\u7BB1\u306B\u7A4D\u3080(b.\u884C, b.w, b.h).map((r) => r.\u5F79\u5272));
+      if (\u5BA3\u8A00.every((r) => \u6B8B\u3063\u305F.has(r.\u5F79\u5272))) continue;
+      \u843D\u3061\u305F.push({ title: b.\u884C[0]?.text ?? "", h: b.h });
+    }
+    if (\u843D\u3061\u305F.length === 0) continue;
+    const \u540D\u524D = \u843D\u3061\u305F.map((d) => `"${d.title}"`);
+    const \u898B\u305B\u308B = \u540D\u524D.slice(0, 5).join(" / ");
+    const \u6B8B\u308A = \u540D\u524D.length > 5 ? ` \u4ED6 ${\u540D\u524D.length - 5} \u4EF6` : "";
+    const \u4F4E = Math.min(...\u843D\u3061\u305F.map((d) => d.h)).toFixed(1);
+    const \u9AD8 = Math.max(...\u843D\u3061\u305F.map((d) => d.h)).toFixed(1);
+    push(
+      "box-line-dropped",
+      `node "${n.id}" (${n.kind}) \u306F\u7BB1\u304C\u4F4E\u304F\u3001 \u66F8\u3044\u305F\u88DC\u8DB3\u304C ${\u843D\u3061\u305F.length}/${\u5BFE\u8C61} \u7BB1\u3067\u63CF\u304B\u308C\u306A\u3044 (${\u898B\u305B\u308B}${\u6B8B\u308A}\u3001 \u7BB1\u306E\u9AD8\u3055 ${\u4F4E === \u9AD8 ? \u4F4E : `${\u4F4E}\u301C${\u9AD8}`})\u3002 \u56F3\u3092\u9AD8\u304F\u3059\u308B\u304B\u6BB5\u3092\u6E1B\u3089\u3059\u304B\u3001 \u88DC\u8DB3\u3092\u6D88\u3059`,
+      "warn"
+    );
+  }
   for (const e of laid.edges) {
     const segs = flattenPathSegments(extractPathSegments(e.d));
     if (segs.length === 0) continue;