@diagrammo/dgmo 0.53.0 → 0.55.0

package/dist/{chunk-Q7AH665U.js → chunk-PCVXXPYU.js}

@@ -1,12 +1,18 @@
 import {
+  isEmphasisToken,
+  parseEmphasisDirective
+} from "./chunk-2CW5ZTNH.js";
+import {
+  GLOBAL_BOOLEANS,
   collectIndentedValues,
+  detectBadChartTypeDeclaration,
   extractColor,
   fillModeFromToken,
   measureIndent,
   normalizeNumericToken,
   parseFirstLine,
   parseSeriesNames
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   RECOGNIZED_COLOR_NAMES,
   resolveColorWithDiagnostic
@@ -51,10 +57,16 @@ var KNOWN_BOOLEANS = /* @__PURE__ */ new Set([
   "fill-outline",
   "no-title",
   "no-legend",
+  "legend-inline",
   "no-auto-y",
   "fill",
   "hole"
 ]);
+var KNOWN_FIRST_TOKENS = /* @__PURE__ */ new Set([
+  ...KNOWN_OPTIONS,
+  ...KNOWN_BOOLEANS,
+  ...GLOBAL_BOOLEANS
+]);
 function rejectSeriesHeader(result, keyword, lineNumber) {
   if (result.type === "bar" && keyword === "series") {
     const diag = makeDgmoError(
@@ -141,9 +153,13 @@ function parseChart(content, palette) {
           return fail(lineNumber, msg2);
         }
       }
-      if (!trimmed.includes(" ") && !trimmed.includes(":") && !/\d/.test(trimmed)) {
-        let msg2 = `Unsupported chart type: ${trimmed}. Supported types: ${[...VALID_TYPES].join(", ")}.`;
-        const hint2 = suggest(trimmed.toLowerCase(), [...VALID_TYPES]);
+      const badType = detectBadChartTypeDeclaration(
+        trimmed,
+        KNOWN_FIRST_TOKENS
+      );
+      if (badType) {
+        let msg2 = `Unsupported chart type: ${badType}. Supported types: ${[...VALID_TYPES].join(", ")}.`;
+        const hint2 = suggest(badType.toLowerCase(), [...VALID_TYPES]);
         if (hint2) msg2 += ` ${hint2}`;
         return fail(lineNumber, msg2);
       }
@@ -187,6 +203,8 @@ function parseChart(content, palette) {
         result.noTitle = true;
       } else if (firstToken === "no-legend") {
         result.noLegend = true;
+      } else if (firstToken === "legend-inline") {
+        result.legendInline = true;
       } else if (firstToken === "no-auto-y") {
         result.noAutoY = true;
       } else if (firstToken === "fill") {
@@ -329,6 +347,14 @@ function parseChart(content, palette) {
       ...multiValue && { expectedValues: seriesCount }
     });
     if (dataValues) {
+      if (multiValue) {
+        const surplus = surplusValueDiagnostic(
+          dataValues,
+          seriesCount,
+          lineNumber
+        );
+        if (surplus) result.diagnostics.push(surplus);
+      }
       const { label: rawLabel, color: pointColor } = extractColor(
         dataValues.label,
         palette,
@@ -420,32 +446,72 @@ function parseChart(content, palette) {
   return result;
 }
 function parseDataRowValues(line, options) {
+  const quoted = line.match(/^(["'])(.*?)\1\s+(\S.*)$/);
+  if (quoted) {
+    const label2 = quoted[2].trim();
+    if (!label2) return null;
+    const valueTokens = quoted[3].trim().split(/\s+/);
+    const numeric2 = trailingNumerics(valueTokens, 0);
+    if (numeric2.length !== valueTokens.length) return null;
+    const limit = options?.multiValue ? options.expectedValues ?? Infinity : 1;
+    return {
+      label: label2,
+      values: numeric2.slice(0, limit),
+      bareLabel: label2,
+      trailingNumericCount: numeric2.length,
+      quotedLabel: true
+    };
+  }
   const tokens = line.split(/\s+/);
   if (tokens.length < 2) return null;
+  const numeric = trailingNumerics(tokens, 1);
+  if (numeric.length === 0) return null;
+  const bareLabel = tokens.slice(0, tokens.length - numeric.length).join(" ");
   if (options?.multiValue) {
     const limit = options.expectedValues ?? Infinity;
-    const values = [];
-    let idx = tokens.length - 1;
-    while (idx >= 1 && values.length < limit) {
-      const tok = tokens[idx];
-      const normTok = normalizeNumericToken(tok) ?? tok;
-      const num2 = parseFloat(normTok);
-      if (isNaN(num2) || !isFinite(Number(normTok))) break;
-      values.unshift(num2);
-      idx--;
-    }
-    if (values.length === 0) return null;
-    const label2 = tokens.slice(0, idx + 1).join(" ");
+    const take = Math.min(numeric.length, limit);
+    const values = numeric.slice(numeric.length - take);
+    const label2 = tokens.slice(0, tokens.length - take).join(" ");
     if (!label2) return null;
-    return { label: label2, values };
+    return {
+      label: label2,
+      values,
+      bareLabel,
+      trailingNumericCount: numeric.length,
+      quotedLabel: false
+    };
   }
-  const lastToken = tokens[tokens.length - 1];
-  const normalizedLast = normalizeNumericToken(lastToken) ?? lastToken;
-  const num = parseFloat(normalizedLast);
-  if (isNaN(num) || !isFinite(Number(normalizedLast))) return null;
   const label = tokens.slice(0, -1).join(" ");
   if (!label) return null;
-  return { label, values: [num] };
+  return {
+    label,
+    // numeric.length >= 1 by the guard above.
+    values: [numeric[numeric.length - 1]],
+    bareLabel,
+    trailingNumericCount: numeric.length,
+    quotedLabel: false
+  };
+}
+function surplusValueDiagnostic(row, expectedValues, lineNumber) {
+  if (row.quotedLabel || row.trailingNumericCount <= expectedValues)
+    return null;
+  const expectation = expectedValues === 1 ? "but only 1 value is expected" : `but ${expectedValues} series defined`;
+  return makeDgmoError(
+    lineNumber,
+    `Data point "${row.bareLabel}" has ${row.trailingNumericCount} value(s), ${expectation}. If the label ends in a number, quote it: "${row.label}" ${row.values.join(" ")}`,
+    "warning"
+  );
+}
+function trailingNumerics(tokens, minIndex) {
+  const values = [];
+  for (let idx = tokens.length - 1; idx >= minIndex; idx--) {
+    const tok = tokens[idx];
+    const normTok = normalizeNumericToken(tok) ?? tok;
+    const num = parseFloat(normTok);
+    if (isNaN(num) || !isFinite(Number(normTok))) break;
+    values.unshift(num);
+  }
+  return values;
 }
 
 // src/data-chart-parser.ts
@@ -470,7 +536,13 @@ var KNOWN_EXTENDED_OPTIONS = /* @__PURE__ */ new Set([
   "no-percent",
   "columns",
   "rows",
-  "x"
+  "x",
+  "highlight",
+  "dim"
+]);
+var KNOWN_EXTENDED_FIRST_TOKENS = /* @__PURE__ */ new Set([
+  ...KNOWN_EXTENDED_OPTIONS,
+  ...GLOBAL_BOOLEANS
 ]);
 function parseScatterRow(line, palette, currentCategory, lineNumber, diagnostics) {
   const dataRow = parseDataRowValues(line, { multiValue: true });
@@ -594,10 +666,14 @@ function parseExtendedChartFull(content, palette) {
           return result;
         }
       }
-      if (!trimmed.includes(" ") && !trimmed.includes(":") && !/\d/.test(trimmed)) {
+      const badType = detectBadChartTypeDeclaration(
+        trimmed,
+        KNOWN_EXTENDED_FIRST_TOKENS
+      );
+      if (badType) {
         const validTypes = [...VALID_EXTENDED_TYPES];
-        let msg = `Unsupported chart type: ${trimmed}. Supported types: ${validTypes.join(", ")}.`;
-        const hint = suggest(trimmed.toLowerCase(), validTypes);
+        let msg = `Unsupported chart type: ${badType}. Supported types: ${validTypes.join(", ")}.`;
+        const hint = suggest(badType.toLowerCase(), validTypes);
         if (hint) msg += ` ${hint}`;
         const diag = makeDgmoError(lineNumber, msg);
         result.diagnostics.push(diag);
@@ -625,7 +701,7 @@ function parseExtendedChartFull(content, palette) {
       continue;
     }
     const arrowMatch = trimmed.match(
-      /^(.+?)\s*(->|--)\s*(.+?)\s+(-?[\d_]+(?:\.[\d]+)?)(?:\s+(red|orange|yellow|green|blue|purple|teal|cyan|gray|black|white))?\s*$/
+      /^(.+?)\s*(->|--)\s*(.+?)\s+(-?[\d,_]+(?:\.[\d]+)?)(?:\s+([A-Za-z][A-Za-z0-9_-]*))?\s*$/
     );
     if (arrowMatch) {
       const [, rawSource, arrow, rawTarget, rawVal, rawLinkColor] = arrowMatch;
@@ -674,12 +750,9 @@ function parseExtendedChartFull(content, palette) {
         }
         if (sankeyStack.length > 0) {
           const valColorMatch = trimmed.match(
-            /(-?[\d_]+(?:\.[\d]+)?)\s+(red|orange|yellow|green|blue|purple|teal|cyan|gray|black|white)\s*$/
+            /(-?[\d,_]+(?:\.[\d]+)?)\s+([A-Za-z][A-Za-z0-9_-]*)\s*$/
           );
-          const strippedLine = valColorMatch ? trimmed.replace(
-            /\s+(red|orange|yellow|green|blue|purple|teal|cyan|gray|black|white)\s*$/,
-            ""
-          ) : trimmed;
+          const strippedLine = valColorMatch ? trimmed.replace(/\s+[A-Za-z][A-Za-z0-9_-]*\s*$/, "") : trimmed;
           const dataRow2 = parseDataRowValues(strippedLine);
           if (dataRow2?.values.length === 1) {
             const source = sankeyStack.at(-1).name;
@@ -717,11 +790,12 @@ function parseExtendedChartFull(content, palette) {
       const spaceIdx2 = trimmed.indexOf(" ");
       const lastTok = trimmed.substring(trimmed.lastIndexOf(" ") + 1);
       const hasNumericSuffix = spaceIdx2 >= 0 && !isNaN(parseFloat(normalizeNumericToken(lastTok) ?? lastTok));
-      const isBareKeywordOption = spaceIdx2 < 0 && /^(fill-tint|fill-solid|fill-outline|no-name|no-value|no-percent|shade|no-title)$/i.test(
+      const isBareKeywordOption = spaceIdx2 < 0 && /^(fill|fill-tint|fill-solid|fill-outline|no-name|no-value|no-percent|no-title)$/i.test(
         trimmed
       );
-      const isLayoutDirective = spaceIdx2 >= 0 && trimmed.substring(0, spaceIdx2).toLowerCase() === "layout";
-      if (!hasNumericSuffix && !isBareKeywordOption && !isLayoutDirective) {
+      const leadToken = spaceIdx2 >= 0 ? trimmed.substring(0, spaceIdx2).toLowerCase() : "";
+      const isValuedDirective = spaceIdx2 >= 0 && (leadToken === "layout" || isEmphasisToken(leadToken));
+      if (!hasNumericSuffix && !isBareKeywordOption && !isValuedDirective) {
         while (sankeyStack.length && sankeyStack.at(-1).indent >= indent) {
           sankeyStack.pop();
         }
@@ -760,6 +834,11 @@ function parseExtendedChartFull(content, palette) {
         }
         continue;
       }
+      if (isEmphasisToken(firstToken)) {
+        const directive = parseEmphasisDirective(trimmed, lineNumber);
+        if (directive) result.emphasis = directive;
+        continue;
+      }
       if (firstToken === "title") {
         result.diagnostics.push(emit(TITLE_DIRECTIVE_DX, lineNumber));
         continue;
@@ -843,8 +922,8 @@ function parseExtendedChartFull(content, palette) {
       result.noPercent = true;
       continue;
     }
-    if (firstToken === "shade") {
-      result.shade = true;
+    if (firstToken === "fill" && spaceIdx < 0) {
+      result.fill = true;
       continue;
     }
     const fillFamily = fillModeFromToken(firstToken);
@@ -861,6 +940,10 @@ function parseExtendedChartFull(content, palette) {
       result.noLegend = true;
       continue;
     }
+    if (firstToken === "legend-inline" && spaceIdx < 0) {
+      result.legendInline = true;
+      continue;
+    }
     if (firstToken.startsWith("no-") && spaceIdx < 0) {
       continue;
     }
@@ -1071,4 +1154,4 @@ export {
   getSimpleChartLegendGroups,
   getExtendedChartLegendGroups
 };
-//# sourceMappingURL=chunk-Q7AH665U.js.map
+//# sourceMappingURL=chunk-PCVXXPYU.js.map

package/dist/{chunk-W2DINCHL.js → chunk-PKUWYPI5.js}

@@ -1,12 +1,9 @@
-import {
-  renderInlineText
-} from "./chunk-3HDBAXF5.js";
-import {
-  wrapDescriptionLines
-} from "./chunk-BMR4CIEO.js";
 import {
   renderNodeCard
 } from "./chunk-H3HFC3SQ.js";
+import {
+  renderInlineText
+} from "./chunk-3HDBAXF5.js";
 import {
   CARD_RADIUS,
   HEADER_HEIGHT,
@@ -14,12 +11,21 @@ import {
   NODE_STROKE_WIDTH,
   SEPARATOR_GAP
 } from "./chunk-3CIOJ5YJ.js";
+import {
+  wrapDescriptionLines
+} from "./chunk-BMR4CIEO.js";
 import {
   formatDateLabel
-} from "./chunk-XQ4KN6JQ.js";
+} from "./chunk-ZP265ICS.js";
+import {
+  layoutInlineHeader
+} from "./chunk-US3P2DQO.js";
 import {
   renderIntegratedLegend
-} from "./chunk-W5KMNC5U.js";
+} from "./chunk-ASPS5O6F.js";
+import {
+  getLegendExtent
+} from "./chunk-GRXPFBYC.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -28,6 +34,13 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
+import {
+  parseTimelineDate
+} from "./chunk-ITXL2KU5.js";
+import {
+  CHAR_WIDTH_RATIO,
+  wrapTextToWidth
+} from "./chunk-4ASYQ347.js";
 import {
   contrastText,
   getSeriesColors,
@@ -35,14 +48,10 @@ import {
   shapeFill,
   themeBaseBg
 } from "./chunk-JYDMBWRP.js";
-import {
-  CHAR_WIDTH_RATIO,
-  wrapTextToWidth
-} from "./chunk-4ASYQ347.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   resolveColor
 } from "./chunk-ZKPPI6BF.js";
@@ -71,6 +80,8 @@ var DATE_SUBTITLE_H = 15;
 var DATE_SUBTITLE_FONT = 10;
 var SHELF_TINT = 13;
 var SHELF_EDGE = 4;
+var SHELF_EDGE_STYLE = "spine";
+var SHELF_LIP = 2;
 var ERA_BLOCK = 30;
 var ERA_BRACKET_CAP = 8;
 var ERA_BRACKET_PAD = 14;
@@ -87,7 +98,7 @@ var COLLAPSED = "dgmo-evt-collapsed";
 var OFF = "dgmo-evt-off";
 var HIDDEN_ATTR = "data-evt-hidden";
 var HOVER_CSS = `.dgmo-event-dot{transition:transform .12s ease;transform-box:fill-box;transform-origin:center}.dgmo-event-leader,.dgmo-event-card,.dgmo-event-era{transition:opacity .12s ease,filter .12s ease}.dgmo-event-dot,.dgmo-event-card,.dgmo-event-era{cursor:default}[data-legend-entry]{cursor:pointer}.${DIM}{opacity:.2}.dgmo-event-dot.${HL}{transform:scale(1.55)}.dgmo-event-leader.${HL}{stroke-opacity:1;stroke-width:2.5}.dgmo-event-card.${HL}{filter:drop-shadow(0 2px 5px rgba(0,0,0,.22))}.dgmo-event-era.${ERA_HL}{filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.dgmo-event-card.${COLLAPSED},.dgmo-event-leader.${COLLAPSED}{opacity:0;pointer-events:none}.dgmo-event-card.${COLLAPSED}.${HL},.dgmo-event-leader.${COLLAPSED}.${HL}{opacity:1;pointer-events:auto}[data-legend-entry].${OFF} text{opacity:.5}`;
-function renderEventLine(container, parsed, palette, isDark, onClickItem, exportDims, tagOverride) {
+function renderEventLine(container, parsed, palette, isDark, onClickItem, exportDims, tagOverride, nowDate) {
   if (parsed.events.length === 0) return;
   d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
   const width = exportDims?.width ?? container.clientWidth;
@@ -106,7 +117,32 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
   const hasLegend = parsed.tagGroups.length > 0 && activeGroup !== null && !parsed.options.noLegend;
   const titleH = showTitle ? TITLE_AREA : 0;
   const legendH = hasLegend ? LEGEND_BAND : 0;
-  const topUsed = titleH + legendH;
+  const inlineRequested = parsed.options.legendInline === true;
+  const legendExtent = inlineRequested && hasLegend ? getLegendExtent(
+    {
+      groups: parsed.tagGroups,
+      position: {
+        placement: "top-center",
+        titleRelation: "inline-with-title"
+      },
+      mode: exportMode ? "export" : "preview"
+    },
+    { activeGroup: activeGroup ?? null },
+    width
+  ) : { width: 0, height: 0 };
+  const header = layoutInlineHeader({
+    requested: inlineRequested,
+    title: parsed.title ?? "",
+    hasLegend,
+    legendWidth: legendExtent.width,
+    legendHeight: legendExtent.height,
+    containerWidth: width,
+    titleBandHeight: titleH,
+    legendReserve: legendH,
+    titleBaselineY: TITLE_Y,
+    titleFontSize: TITLE_FONT_SIZE
+  });
+  const topUsed = header.inline ? titleH : titleH + legendH;
   const eraByName = new Map(parsed.eras.map((e) => [e.name, e]));
   const collapsedSet = new Set(
     parsed.eras.filter((e) => e.collapsed).map((e) => e.name)
@@ -449,14 +485,17 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
   }
   if (!exportMode) svg.append("style").text(HOVER_CSS);
   if (showTitle) {
-    const t = svg.append("text").attr("class", "chart-title").attr("x", contentW / 2).attr("y", TITLE_Y).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).attr("data-line-number", parsed.titleLineNumber ?? 1).text(parsed.title);
+    const t = svg.append("text").attr("class", "chart-title").attr("x", header.inline ? header.titleX : contentW / 2).attr("y", TITLE_Y).attr("text-anchor", header.inline ? header.titleAnchor : "middle").attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).attr("data-line-number", parsed.titleLineNumber ?? 1).text(parsed.title);
     if (onClickItem && parsed.titleLineNumber) {
       const ln = parsed.titleLineNumber;
       t.style("cursor", "pointer").on("click", () => onClickItem(ln));
     }
   }
   if (hasLegend) {
-    const legendG = svg.append("g").attr("transform", `translate(0, ${titleH})`);
+    const legendG = svg.append("g").attr(
+      "transform",
+      header.inline ? `translate(${header.legendX}, ${header.legendY})` : `translate(0, ${titleH})`
+    );
     const groups = parsed.tagGroups.map((g) => ({
       name: g.name,
       entries: g.entries.map((e) => ({
@@ -470,7 +509,14 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
       isDark,
       width: contentW,
       mode: exportMode ? "export" : "preview",
-      activeGroup
+      activeGroup,
+      // Inline → left-origin so the wrapper's right-flush translate lands the
+      // legend at the header's right edge; stacked → centered below the title
+      // (== DEFAULT_POSITION, so the stacked output is byte-identical).
+      position: {
+        placement: "top-center",
+        titleRelation: header.inline ? "inline-with-title" : "below-title"
+      }
     });
     if (!exportMode) addLegendEntryHitAreas(legendG);
   }
@@ -535,8 +581,21 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
         "fill",
         parsed.options.fillMode ? p.color : mix(p.color, themeBaseBg(palette, isDark), SHELF_TINT)
       );
-      const edgeY = titleNearTop ? shelfTop : shelfTop + shelfH - SHELF_EDGE;
-      cardG.append("rect").attr("x", 0).attr("y", edgeY).attr("width", CARD_W).attr("height", SHELF_EDGE).attr("clip-path", `url(#${clipId})`).attr("fill", p.color).attr("fill-opacity", p.future ? 0.4 : 1);
+      if (SHELF_EDGE_STYLE !== "none" && !parsed.options.fillMode) {
+        const lip = SHELF_EDGE_STYLE === "left" ? {
+          // vertical lip on the spine-relative leading edge
+          x: 0,
+          y: shelfTop,
+          width: SHELF_LIP,
+          height: shelfH
+        } : {
+          x: 0,
+          y: titleNearTop ? shelfTop : shelfTop + shelfH - SHELF_LIP,
+          width: CARD_W,
+          height: SHELF_LIP
+        };
+        cardG.append("rect").attr("x", lip.x).attr("y", lip.y).attr("width", lip.width).attr("height", lip.height).attr("clip-path", `url(#${clipId})`).attr("fill", p.color).attr("fill-opacity", p.future ? 0.4 : 1);
+      }
       const shelfText = parsed.options.fillMode ? contrastText(p.color, palette.textOnFillLight, palette.textOnFillDark) : p.color;
       const titleMid = headBandTop + p.headerH / 2;
       const titleTop = titleMid - (p.titleLines.length - 1) * TITLE_LINE_H / 2;
@@ -683,6 +742,111 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
       }
     }
   }
+  if (parsed.now && scaled) {
+    let nowValue = parsed.now.dateValue;
+    if (parsed.now.computed) {
+      const d = nowDate ?? /* @__PURE__ */ new Date();
+      const iso = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+      const v = parseTimelineDate(iso);
+      nowValue = Number.isFinite(v) ? v : null;
+    }
+    const dated = placed.filter((p) => p.kind !== "era" && !p.future && p.dateValue !== null).sort((a, b) => a.dateValue - b.dateValue);
+    let nowX = nowValue === null ? null : valueToSpineX(nowValue, dated);
+    const lastReal = dated[dated.length - 1];
+    if (nowX !== null && nowValue !== null && lastReal && nowValue > lastReal.dateValue) {
+      const trailing = placed.filter((p) => p.future && !p.futureSpan).map((p) => p.x);
+      if (trailing.length) nowX = Math.min(...trailing);
+    }
+    if (nowX !== null) {
+      const base = themeBaseBg(palette, isDark);
+      const nowColor = palette.destructive;
+      const fillMode = parsed.options.fillMode;
+      const pillFill = shapeFill(palette, nowColor, isDark, { mode: fillMode });
+      const pillStroke = fillMode === "solid" ? "none" : fillMode === "outline" ? nowColor : mix(nowColor, base, 55);
+      const pillStrokeW = fillMode === "solid" ? 0 : fillMode === "outline" ? 1.3 : 1;
+      const pillText = fillMode === "solid" ? contrastText(
+        pillFill,
+        palette.textOnFillLight,
+        palette.textOnFillDark
+      ) : nowColor;
+      const label = parsed.now.label;
+      const pillH = 18;
+      const pillW = Math.max(28, label.length * 6.6 + 16);
+      const PIN_GAP = 6;
+      const xHalf = pillW / 2 + 4;
+      const xLo = nowX - xHalf;
+      const xHi = nowX + xHalf;
+      const boxes = geo.map((g) => ({
+        side: g.p.side,
+        top: g.top,
+        bot: g.top + g.p.cardH,
+        left: g.p.left,
+        right: g.p.left + CARD_W
+      }));
+      const overlapsX = (b) => b.left < xHi && b.right > xLo;
+      const cands = [];
+      const addAbove = (pillBottom) => {
+        const y0 = pillBottom - pillH;
+        if (y0 > topUsed + 1)
+          cands.push({ y0, y1: pillBottom, stem: spineY - pillBottom });
+      };
+      const addBelow = (pillTop) => {
+        const y1 = pillTop + pillH;
+        if (y1 < totalH - 1)
+          cands.push({ y0: pillTop, y1, stem: pillTop - spineY });
+      };
+      addAbove(spineY - LEADER_ABOVE / 2 + pillH / 2);
+      addBelow(spineY + LEADER_BELOW / 2 - pillH / 2);
+      for (const b of boxes) {
+        if (!overlapsX(b)) continue;
+        if (b.side === "above") addAbove(b.top - PIN_GAP);
+        else addBelow(b.bot + PIN_GAP);
+      }
+      const isClear = (c) => !boxes.some((b) => overlapsX(b) && b.bot > c.y0 && b.top < c.y1);
+      const byStem = (a, b) => a.stem - b.stem;
+      const slot = cands.filter(isClear).sort(byStem)[0] ?? cands.sort(byStem)[0] ?? {
+        y0: spineY - PIN_GAP - pillH,
+        y1: spineY - PIN_GAP,
+        stem: PIN_GAP + pillH
+      };
+      const above = slot.y1 <= spineY;
+      const stemFrom = above ? spineY - DOT_R : spineY + DOT_R;
+      const stemTo = above ? slot.y1 : slot.y0;
+      const pillCX = Math.max(
+        pillW / 2 + 2,
+        Math.min(nowX, contentW - pillW / 2 - 2)
+      );
+      const nowG = svg.append("g").attr("class", "evt-now").attr("data-now-x", nowX.toFixed(2));
+      const FADE_SPAN = Math.min(LEADER_ABOVE, LEADER_BELOW);
+      const ruleTop = spineY - FADE_SPAN;
+      const ruleBot = spineY + FADE_SPAN;
+      const gradId = `evt-now-fade-${nowX.toFixed(0)}`;
+      const grad = nowG.append("defs").append("linearGradient").attr("id", gradId).attr("gradientUnits", "userSpaceOnUse").attr("x1", 0).attr("y1", ruleTop).attr("x2", 0).attr("y2", ruleBot);
+      grad.append("stop").attr("offset", "0%").attr("stop-color", nowColor).attr("stop-opacity", 0);
+      grad.append("stop").attr("offset", "50%").attr("stop-color", nowColor).attr("stop-opacity", 0.9);
+      grad.append("stop").attr("offset", "100%").attr("stop-color", nowColor).attr("stop-opacity", 0);
+      nowG.append("line").attr("x1", nowX).attr("y1", ruleTop).attr("x2", nowX).attr("y2", ruleBot).attr("stroke", `url(#${gradId})`).attr("stroke-width", 1.6).attr("stroke-dasharray", "1 4").attr("stroke-linecap", "round");
+      nowG.append("path").attr("d", `M${nowX} ${spineY - 5} l5 5 l-5 5 l-5 -5 z`).attr("fill", nowColor);
+      nowG.append("line").attr("x1", nowX).attr("y1", stemFrom).attr("x2", nowX).attr("y2", stemTo).attr("stroke", nowColor).attr("stroke-width", 1.6);
+      nowG.append("rect").attr("x", pillCX - pillW / 2).attr("y", slot.y0).attr("width", pillW).attr("height", pillH).attr("rx", pillH / 2).attr("fill", pillFill).attr("stroke", pillStroke).attr("stroke-width", pillStrokeW);
+      nowG.append("text").attr("x", pillCX).attr("y", slot.y0 + pillH / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", 10.5).attr("font-weight", 600).attr("fill", pillText).text(label);
+      if (!exportMode) {
+        const hoverRule = nowG.append("line").attr("class", "evt-now-rule-full").attr("x1", nowX).attr("y1", Math.max(topUsed, 2)).attr("x2", nowX).attr("y2", totalH - 2).attr("stroke", nowColor).attr("stroke-width", 1.4).attr("stroke-dasharray", "1 4").attr("stroke-linecap", "round").attr("opacity", 0).style("transition", "opacity 120ms ease").style("pointer-events", "none");
+        hoverRule.lower();
+        const nowNode = nowG.node();
+        if (nowNode) {
+          nowNode.addEventListener(
+            "mouseenter",
+            () => hoverRule.attr("opacity", 0.5)
+          );
+          nowNode.addEventListener(
+            "mouseleave",
+            () => hoverRule.attr("opacity", 0)
+          );
+        }
+      }
+    }
+  }
   if (!exportMode) {
     const root = svg.node();
     wireEventLineHover(root);
@@ -697,7 +861,8 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
           isDark,
           onClickItem,
           exportDims,
-          tagOverride
+          tagOverride,
+          nowDate
         )
       );
       applyEvtHidden(container, root);
@@ -907,7 +1072,7 @@ function wireEventLineHover(root) {
     if (!to || !root.contains(to)) applyEvtFocus(root, readPin(root));
   });
 }
-function renderEventLineForExport(container, parsed, palette, isDark, exportDims, tagOverride) {
+function renderEventLineForExport(container, parsed, palette, isDark, exportDims, tagOverride, nowDate) {
   renderEventLine(
     container,
     parsed,
@@ -915,9 +1080,27 @@ function renderEventLineForExport(container, parsed, palette, isDark, exportDims
     isDark,
     void 0,
     exportDims,
-    tagOverride
+    tagOverride,
+    nowDate
   );
 }
+function valueToSpineX(v, dated) {
+  if (!dated.length) return null;
+  const first = dated[0];
+  const last = dated[dated.length - 1];
+  if (v <= first.dateValue) return first.x;
+  if (v >= last.dateValue) return last.x;
+  for (let i = 0; i < dated.length - 1; i++) {
+    const a = dated[i];
+    const b = dated[i + 1];
+    if (v >= a.dateValue && v <= b.dateValue) {
+      const span = b.dateValue - a.dateValue;
+      if (span <= 0) return a.x;
+      return a.x + (v - a.dateValue) / span * (b.x - a.x);
+    }
+  }
+  return last.x;
+}
 function axisBreakPaths(cx, cy) {
   const HUMPS = 2;
   const STEPS = 48;
@@ -982,4 +1165,4 @@ export {
   focusEventLine,
   renderEventLineForExport
 };
-//# sourceMappingURL=chunk-W2DINCHL.js.map
+//# sourceMappingURL=chunk-PKUWYPI5.js.map

package/dist/{chunk-PV2QO7QL.js → chunk-PSIDVCBA.js}

@@ -5,7 +5,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   RECOGNIZED_COLOR_NAMES,
   resolveColor
@@ -165,4 +165,4 @@ function parseRing(content) {
 export {
   parseRing
 };
-//# sourceMappingURL=chunk-PV2QO7QL.js.map
+//# sourceMappingURL=chunk-PSIDVCBA.js.map