@cardenelabs/cdl 0.108.0 → 0.109.0

package/CHANGELOG.md

@@ -5,6 +5,30 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.109.0] - 2026-09-30
+
+### Fixed
+
+- **頭の帯が、図の描いた題と同じ字をもう 1 度出していた** (#955)
+
+  `CdlDiagramView` は既定で頭の帯を出し、その左上に図の話題 (`topic`) を小さな字で置く。
+  0.96.0 (#930) から図表 15 種が自分の題を箱の上に描くようになったため、話題と題が同じ
+  文字列の図では同じ字が 2 か所に並んでいた。
+
+  実測は `chart-bar` 1 つの図で 2 件 (帯の `div` と図の `text`)。 `hideHeader` を渡す側
+  (見本帳) には出ず、**engine の既定で描く側** に出る。 この repo の `thumbnail.tsx` も
+  `hideHeader={false}` を渡している。
+
+  図が話題と同じ字を既に描いているなら、帯は話題を出さない。 判定は 0.103.0 (#943) で
+  出した `drawsFigureTitle` から導く = 種別の一覧を手で持つと、図表が増えた日にずれる。
+
+  落とすのは話題の 1 行だけで、帯そのものと段の印は残る。 印は `ml-auto` で右へ寄せてある
+  ので並びも動かない。 話題は図の代替文 (`buildDiagramAltText`) に入るため、読み上げでは
+  引き続き届く。
+
+  箱の題 (`node-label`) が話題と同じ場合は出し続ける。 図表と違い箱は図の中の 1 つに
+  すぎず、話題を名乗る場所が他に無い。
+
 ## [0.108.0] - 2026-09-30
 
 ### Fixed
@@ -4359,7 +4383,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.108.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.109.0...HEAD
+[0.109.0]: https://github.com/cardene777/cdl/compare/v0.108.0...v0.109.0
 [0.108.0]: https://github.com/cardene777/cdl/compare/v0.107.0...v0.108.0
 [0.107.0]: https://github.com/cardene777/cdl/compare/v0.106.0...v0.107.0
 [0.106.0]: https://github.com/cardene777/cdl/compare/v0.105.0...v0.106.0

package/dist/index.cjs

@@ -23476,12 +23476,13 @@ function CdlHeader({
   stateValues,
   states,
   onJumpPhase,
-  headingLevel = 3
+  headingLevel = 3,
+  showTopic = true
 }) {
   const HeadingTag = `h${headingLevel}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-[var(--cdl-divider,#d4d4d8)]/35 px-7 py-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] font-bold uppercase tracking-[0.2em]", style: { color: "var(--cdl-text-accent, #2d6a8f)" }, children: topic }),
+      showTopic && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] font-bold uppercase tracking-[0.2em]", style: { color: "var(--cdl-text-accent, #2d6a8f)" }, children: topic }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-1.5", children: [
         phases.map((p, idx) => {
           const active = idx === phaseIdx;
@@ -33587,6 +33588,11 @@ function CdlDiagramView({ diagram: diagram2, laid: laidProp, hideHeader = false,
     return mergeStateValues(baseStateValues, interactive.stateOverrides);
   }, [isInteractive, baseStateValues, interactive.stateOverrides]);
   const \u5024\u306E\u540D\u524D = react.useMemo(() => \u5024\u306E\u540D\u524D\u306E\u8868\u3092\u4F5C\u308B(diagram2.inputs), [diagram2.inputs]);
+  const \u56F3\u304C\u8A71\u984C\u3092\u63CF\u304F = react.useMemo(() => {
+    const \u8A71\u984C = laid.topic.trim();
+    if (\u8A71\u984C === "") return false;
+    return laid.nodes.some((n) => drawsFigureTitle(n.kind) && (n.title ?? "").trim() === \u8A71\u984C);
+  }, [laid.nodes, laid.topic]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -33611,7 +33617,8 @@ function CdlDiagramView({ diagram: diagram2, laid: laidProp, hideHeader = false,
               timeline.goto(idx);
               timeline.play();
             },
-            headingLevel
+            headingLevel,
+            showTopic: !\u56F3\u304C\u8A71\u984C\u3092\u63CF\u304F
           }
         ),
         isInteractive && interactive.panel,