@cardenelabs/cdl 0.13.1 → 0.14.0

package/dist/react.js

@@ -6646,20 +6646,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 = [];
@@ -6704,9 +6704,9 @@ function ChartLineNode({
       /* @__PURE__ */ 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,
@@ -6717,7 +6717,7 @@ function ChartLineNode({
       /* @__PURE__ */ jsx(
         "text",
         {
-          x: PAD_LEFT - 8,
+          x: PAD_LEFT2 - 8,
           y: t.y + 4,
           fontSize: 11,
           textAnchor: "end",
@@ -6729,9 +6729,9 @@ function ChartLineNode({
     /* @__PURE__ */ 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
@@ -6740,9 +6740,9 @@ function ChartLineNode({
     /* @__PURE__ */ 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
@@ -6810,7 +6810,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)",
@@ -6833,13 +6833,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) => {
@@ -6863,7 +6863,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__ */ jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
     /* @__PURE__ */ jsx(
       "rect",
@@ -6955,26 +6955,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__ */ jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
     /* @__PURE__ */ jsx(
       "rect",
@@ -6994,9 +6994,9 @@ function ChartBarNode({
       /* @__PURE__ */ 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,
@@ -7007,7 +7007,7 @@ function ChartBarNode({
       /* @__PURE__ */ jsx(
         "text",
         {
-          x: PAD_LEFT - 8,
+          x: PAD_LEFT2 - 8,
           y: t.y + 4,
           fontSize: 11,
           textAnchor: "end",
@@ -7019,10 +7019,10 @@ function ChartBarNode({
     /* @__PURE__ */ 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
       }
@@ -7030,7 +7030,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__ */ jsx(
         "rect",
@@ -7063,7 +7063,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)",
@@ -7084,12 +7084,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);
@@ -7116,8 +7116,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);
@@ -7162,9 +7162,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",
@@ -7176,7 +7176,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)",
@@ -7188,9 +7188,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
@@ -7199,7 +7199,7 @@ function GanttNode({
     \u6574\u3048\u305F.map((t, row) => /* @__PURE__ */ jsx(
       "text",
       {
-        x: PAD_LEFT - 12,
+        x: PAD_LEFT2 - 12,
         y: yAt(row) + rowH / 2 + 4,
         fontSize: 12,
         textAnchor: "end",
@@ -7356,6 +7356,24 @@ function \u7BB1\u306B\u7A4D\u3080(\u884C, \u7BB1\u306E\u5E45, \u7BB1\u306E\u9AD8
 }
 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,
@@ -7365,14 +7383,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__ */ 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__ */ 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;
@@ -7410,16 +7422,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 \u53CE\u3081\u305F\u540D\u524D = \u88DC\u8DB3\u3042\u308A ? void 0 : \u5E45\u306B\u53CE\u3081\u308B(n.title, n.isRoot ? 15 : 13, \u4F7F\u3048\u308B\u5E45(n.w));
+      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__ */ jsxs("g", { "data-cdl-unresolved": n.unresolved ? "true" : void 0, children: [
         /* @__PURE__ */ jsx(
@@ -7698,13 +7705,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;
@@ -7724,15 +7731,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__ */ jsxs("g", { children: [
       /* @__PURE__ */ jsx(
         "polygon",
@@ -7796,7 +7803,7 @@ function FunnelNode({
         strokeWidth: active ? 3 : 1.25
       }
     ),
-    drawing && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: \u5207\u308A\u629C\u304Did, children: /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: node.w, height: PAD_TOP + canvasH * \u4F38\u3073 }) }) }),
+    drawing && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: \u5207\u308A\u629C\u304Did, children: /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: node.w, height: PAD_TOP2 + canvasH * \u4F38\u3073 }) }) }),
     drawing ? /* @__PURE__ */ jsx("g", { clipPath: `url(#${\u5207\u308A\u629C\u304Did})`, children: \u6BB5 }) : \u6BB5
   ] });
 }
@@ -7821,8 +7828,8 @@ function QuadrantNode({
   const raw = node.quadrantData;
   if (!raw) return /* @__PURE__ */ 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;
@@ -7834,12 +7841,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 = {
@@ -7875,16 +7882,16 @@ function QuadrantNode({
         strokeWidth: active ? 3 : 1.25
       }
     ),
-    /* @__PURE__ */ jsx("rect", { "data-cdl-role": "quadrant-bg", x: PAD_LEFT, y: PAD_TOP, width: halfW, height: halfH, ...quadrantColor.topLeft }),
-    /* @__PURE__ */ jsx("rect", { "data-cdl-role": "quadrant-bg", x: cx, y: PAD_TOP, width: halfW, height: halfH, ...quadrantColor.topRight }),
-    /* @__PURE__ */ jsx("rect", { "data-cdl-role": "quadrant-bg", x: PAD_LEFT, y: cy, width: halfW, height: halfH, ...quadrantColor.bottomLeft }),
+    /* @__PURE__ */ jsx("rect", { "data-cdl-role": "quadrant-bg", x: PAD_LEFT2, y: PAD_TOP2, width: halfW, height: halfH, ...quadrantColor.topLeft }),
+    /* @__PURE__ */ jsx("rect", { "data-cdl-role": "quadrant-bg", x: cx, y: PAD_TOP2, width: halfW, height: halfH, ...quadrantColor.topRight }),
+    /* @__PURE__ */ jsx("rect", { "data-cdl-role": "quadrant-bg", x: PAD_LEFT2, y: cy, width: halfW, height: halfH, ...quadrantColor.bottomLeft }),
     /* @__PURE__ */ jsx("rect", { "data-cdl-role": "quadrant-bg", x: cx, y: cy, width: halfW, height: halfH, ...quadrantColor.bottomRight }),
     /* @__PURE__ */ 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",
@@ -7893,25 +7900,25 @@ function QuadrantNode({
         rx: 8
       }
     ),
-    /* @__PURE__ */ jsx("line", { x1: cx, y1: PAD_TOP, x2: cx, y2: PAD_TOP + canvasH, stroke: "var(--cdl-text-mute, #8a8678)", strokeWidth: 1.5 }),
-    /* @__PURE__ */ jsx("line", { x1: PAD_LEFT, y1: cy, x2: PAD_LEFT + canvasW, y2: cy, stroke: "var(--cdl-text-mute, #8a8678)", strokeWidth: 1.5 }),
-    /* @__PURE__ */ 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__ */ jsx("text", { x: cx + halfW / 2, y: PAD_TOP + 22, fontSize: 13, fontWeight: 700, textAnchor: "middle", fill: quadrantAccent.topRight, children: data.quadrantLabels.topRight }),
-    /* @__PURE__ */ 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__ */ 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__ */ jsxs("text", { x: cx, y: PAD_TOP - 12, fontSize: 12, fontWeight: 700, textAnchor: "middle", fill: "var(--cdl-text-dim, #5a6270)", children: [
+    /* @__PURE__ */ jsx("line", { x1: cx, y1: PAD_TOP2, x2: cx, y2: PAD_TOP2 + canvasH, stroke: "var(--cdl-text-mute, #8a8678)", strokeWidth: 1.5 }),
+    /* @__PURE__ */ jsx("line", { x1: PAD_LEFT2, y1: cy, x2: PAD_LEFT2 + canvasW, y2: cy, stroke: "var(--cdl-text-mute, #8a8678)", strokeWidth: 1.5 }),
+    /* @__PURE__ */ 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__ */ jsx("text", { x: cx + halfW / 2, y: PAD_TOP2 + 22, fontSize: 13, fontWeight: 700, textAnchor: "middle", fill: quadrantAccent.topRight, children: data.quadrantLabels.topRight }),
+    /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("text", { x: cx, y: PAD_TOP + canvasH + 24, fontSize: 12, fontWeight: 700, textAnchor: "middle", fill: "var(--cdl-text-dim, #5a6270)", children: [
+    /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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"
     ] }),
@@ -7920,8 +7927,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;
@@ -7980,6 +7987,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,
@@ -7989,15 +8014,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;
@@ -8050,16 +8068,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 \u53CE\u3081\u305F\u540D\u524D = \u88DC\u8DB3\u3042\u308A ? void 0 : \u5E45\u306B\u53CE\u3081\u308B(n.title, isRoot ? 13 : 12, \u4F7F\u3048\u308B\u5E45(n.w));
+      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__ */ jsx(
         "g",
         {
@@ -8265,12 +8278,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,
@@ -8295,8 +8308,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) => {
@@ -8330,8 +8343,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],
@@ -8341,8 +8354,8 @@ function UserJourneyNode({
       /* @__PURE__ */ 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]
@@ -8351,8 +8364,8 @@ function UserJourneyNode({
       /* @__PURE__ */ 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",
@@ -8366,9 +8379,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"
       },
@@ -8432,7 +8445,7 @@ function UserJourneyNode({
             "text",
             {
               x: xAt(idx),
-              y: PAD_TOP + canvasH + 24,
+              y: PAD_TOP2 + canvasH + 24,
               fontSize: 12,
               fontWeight: 700,
               textAnchor: "middle",
@@ -8446,7 +8459,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,
@@ -8461,7 +8474,7 @@ function UserJourneyNode({
               "text",
               {
                 x: xAt(idx),
-                y: PAD_TOP + canvasH + 48,
+                y: PAD_TOP2 + canvasH + 48,
                 fontSize: 10,
                 fontWeight: 600,
                 textAnchor: "middle",
@@ -8475,7 +8488,7 @@ function UserJourneyNode({
               "rect",
               {
                 x: xAt(idx) - 55,
-                y: PAD_TOP + canvasH + 62,
+                y: PAD_TOP2 + canvasH + 62,
                 width: 110,
                 height: 26,
                 rx: 13,
@@ -8488,7 +8501,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)",
@@ -21752,6 +21765,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,
@@ -21769,6 +21783,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;
@@ -22671,6 +22691,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;