@diagrammo/dgmo 0.7.0 → 0.7.2

package/dist/index.cjs

@@ -1517,24 +1517,26 @@ function parseSeriesNames(value, lines, lineIndex, palette) {
   }
   return { series, names, nameColors, newIndex };
 }
-function parsePipeMetadata(segments, aliasMap = /* @__PURE__ */ new Map()) {
+function parsePipeMetadata(segments, aliasMap = /* @__PURE__ */ new Map(), warnMultiplePipes) {
+  if (segments.length > 2 && warnMultiplePipes) {
+    warnMultiplePipes();
+  }
   const metadata = {};
-  for (let j = 1; j < segments.length; j++) {
-    for (const part of segments[j].split(",")) {
-      const trimmedPart = part.trim();
-      if (!trimmedPart) continue;
-      const colonIdx = trimmedPart.indexOf(":");
-      if (colonIdx > 0) {
-        const rawKey = trimmedPart.substring(0, colonIdx).trim().toLowerCase();
-        const key = aliasMap.get(rawKey) ?? rawKey;
-        const value = trimmedPart.substring(colonIdx + 1).trim();
-        metadata[key] = value;
-      }
+  const raw = segments.slice(1).join(",");
+  for (const part of raw.split(",")) {
+    const trimmedPart = part.trim();
+    if (!trimmedPart) continue;
+    const colonIdx = trimmedPart.indexOf(":");
+    if (colonIdx > 0) {
+      const rawKey = trimmedPart.substring(0, colonIdx).trim().toLowerCase();
+      const key = aliasMap.get(rawKey) ?? rawKey;
+      const value = trimmedPart.substring(colonIdx + 1).trim();
+      metadata[key] = value;
     }
   }
   return metadata;
 }
-var COLOR_SUFFIX_RE, CHART_TYPE_RE, TITLE_RE, OPTION_RE;
+var COLOR_SUFFIX_RE, CHART_TYPE_RE, TITLE_RE, OPTION_RE, MULTIPLE_PIPE_WARNING;
 var init_parsing = __esm({
   "src/utils/parsing.ts"() {
     "use strict";
@@ -1543,6 +1545,7 @@ var init_parsing = __esm({
     CHART_TYPE_RE = /^chart\s*:\s*(.+)/i;
     TITLE_RE = /^title\s*:\s*(.+)/i;
     OPTION_RE = /^([a-z][a-z0-9-]*)\s*:\s*(.+)$/i;
+    MULTIPLE_PIPE_WARNING = 'Use a single "|" to start metadata, then separate items with commas.';
   }
 });
 
@@ -2043,12 +2046,13 @@ function parseSequenceDgmo(content) {
   const participantGroupMap = /* @__PURE__ */ new Map();
   let currentTagGroup = null;
   const aliasMap = /* @__PURE__ */ new Map();
-  const splitPipe = (text) => {
+  const splitPipe = (text, ln) => {
     const idx = text.indexOf("|");
     if (idx < 0) return { core: text };
     const core = text.substring(0, idx).trimEnd();
     const segments = text.substring(idx).split("|");
-    const meta = parsePipeMetadata(segments, aliasMap);
+    const warnFn = ln != null ? () => pushWarning(ln, MULTIPLE_PIPE_WARNING) : void 0;
+    const meta = parsePipeMetadata(segments, aliasMap, warnFn);
     return Object.keys(meta).length > 0 ? { core, meta } : { core };
   };
   const blockStack = [];
@@ -2077,7 +2081,7 @@ function parseSequenceDgmo(content) {
       if (gpipeIdx >= 0) {
         const nameAndColor = groupName.substring(0, gpipeIdx).trimEnd();
         const segments = groupName.substring(gpipeIdx).split("|");
-        const meta = parsePipeMetadata(segments, aliasMap);
+        const meta = parsePipeMetadata(segments, aliasMap, () => pushWarning(lineNumber, MULTIPLE_PIPE_WARNING));
         if (Object.keys(meta).length > 0) groupMeta = meta;
         const colorSuffix = nameAndColor.match(/^(.+?)\(([^)]+)\)$/);
         if (colorSuffix) {
@@ -2200,7 +2204,7 @@ function parseSequenceDgmo(content) {
         continue;
       }
     }
-    const { core: isACore, meta: isAMeta } = splitPipe(trimmed);
+    const { core: isACore, meta: isAMeta } = splitPipe(trimmed, lineNumber);
     const isAMatch = isACore.match(IS_A_PATTERN);
     if (isAMatch) {
       contentStarted = true;
@@ -2237,7 +2241,7 @@ function parseSequenceDgmo(content) {
       }
       continue;
     }
-    const { core: posCore, meta: posMeta } = splitPipe(trimmed);
+    const { core: posCore, meta: posMeta } = splitPipe(trimmed, lineNumber);
     const posOnlyMatch = posCore.match(POSITION_ONLY_PATTERN);
     if (posOnlyMatch) {
       contentStarted = true;
@@ -2264,7 +2268,7 @@ function parseSequenceDgmo(content) {
       }
       continue;
     }
-    const { core: colorCore, meta: colorMeta } = splitPipe(trimmed);
+    const { core: colorCore, meta: colorMeta } = splitPipe(trimmed, lineNumber);
     const coloredMatch = colorCore.match(COLORED_PARTICIPANT_PATTERN);
     if (coloredMatch && !ARROW_PATTERN.test(colorCore)) {
       const id = coloredMatch[1];
@@ -2292,7 +2296,7 @@ function parseSequenceDgmo(content) {
       continue;
     }
     {
-      const { core: bareCore, meta: bareMeta } = splitPipe(trimmed);
+      const { core: bareCore, meta: bareMeta } = splitPipe(trimmed, lineNumber);
       const inGroup = activeGroup && measureIndent(raw) > 0;
       if (/^\S+$/.test(bareCore) && !ARROW_PATTERN.test(bareCore) && (inGroup || !contentStarted || bareMeta)) {
         contentStarted = true;
@@ -2328,7 +2332,7 @@ function parseSequenceDgmo(content) {
       }
       blockStack.pop();
     }
-    const { core: arrowCore, meta: arrowMeta } = splitPipe(trimmed);
+    const { core: arrowCore, meta: arrowMeta } = splitPipe(trimmed, lineNumber);
     const asyncPrefixMatch = arrowCore.match(/^async\s+(.+)$/i);
     if (asyncPrefixMatch && ARROW_PATTERN.test(asyncPrefixMatch[1])) {
       pushError(lineNumber, "Use ~> for async messages: A ~> B: message");
@@ -3779,7 +3783,12 @@ function parseERDiagram(content, palette) {
       table.lineNumber = lineNumber;
       const pipeStr = tableDecl[3]?.trim();
       if (pipeStr) {
-        const meta = parsePipeMetadata(["", pipeStr], aliasMap);
+        const pipeSegments = pipeStr.split("|");
+        const meta = parsePipeMetadata(
+          ["", ...pipeSegments],
+          aliasMap,
+          () => result.diagnostics.push(makeDgmoError(lineNumber, MULTIPLE_PIPE_WARNING, "warning"))
+        );
         Object.assign(table.metadata, meta);
       }
       currentTable = table;
@@ -5716,13 +5725,13 @@ function parseOrg(content, palette) {
       }
     } else if (metadataMatch && indentStack.length === 0) {
       if (indent === 0) {
-        const node = parseNodeLabel(trimmed, indent, lineNumber, palette, ++nodeCounter, aliasMap);
+        const node = parseNodeLabel(trimmed, indent, lineNumber, palette, ++nodeCounter, aliasMap, pushWarning);
         attachNode(node, indent, indentStack, result);
       } else {
         pushError(lineNumber, "Metadata has no parent node");
       }
     } else {
-      const node = parseNodeLabel(trimmed, indent, lineNumber, palette, ++nodeCounter, aliasMap);
+      const node = parseNodeLabel(trimmed, indent, lineNumber, palette, ++nodeCounter, aliasMap, pushWarning);
       attachNode(node, indent, indentStack, result);
     }
   }
@@ -5744,11 +5753,11 @@ function parseOrg(content, palette) {
   }
   return result;
 }
-function parseNodeLabel(trimmed, _indent, lineNumber, palette, counter, aliasMap = /* @__PURE__ */ new Map()) {
+function parseNodeLabel(trimmed, _indent, lineNumber, palette, counter, aliasMap = /* @__PURE__ */ new Map(), warnFn) {
   const segments = trimmed.split("|").map((s) => s.trim());
   let rawLabel = segments[0];
   const { label, color } = extractColor(rawLabel, palette);
-  const metadata = parsePipeMetadata(segments, aliasMap);
+  const metadata = parsePipeMetadata(segments, aliasMap, warnFn ? () => warnFn(lineNumber, MULTIPLE_PIPE_WARNING) : void 0);
   return {
     id: `node-${counter}`,
     label,
@@ -6290,7 +6299,7 @@ function parseC4(content, palette) {
         }
         const segments = trimmed.split("|").map((s) => s.trim());
         const nodeName = segments[0];
-        const metadata = parsePipeMetadata(segments, aliasMap);
+        const metadata = parsePipeMetadata(segments, aliasMap, () => pushError(lineNumber, MULTIPLE_PIPE_WARNING, "warning"));
         const shape = inferC4Shape(nodeName, metadata.tech ?? metadata.technology);
         const dNode = {
           name: nodeName,
@@ -6443,7 +6452,7 @@ function parseC4(content, palette) {
         }
         namePart = namePart.substring(0, isAMatch.index).trim();
       }
-      const metadata = parsePipeMetadata(segments, aliasMap);
+      const metadata = parsePipeMetadata(segments, aliasMap, () => pushError(lineNumber, MULTIPLE_PIPE_WARNING, "warning"));
       const shape = explicitShape ?? inferC4Shape(namePart, metadata.tech ?? metadata.technology);
       const element = {
         name: namePart,
@@ -7230,14 +7239,14 @@ function parseSitemap(content, palette) {
       }
     } else if (metadataMatch && indentStack.length === 0) {
       if (indent === 0) {
-        const node = parseNodeLabel2(trimmed, lineNumber, palette, ++nodeCounter, aliasMap);
+        const node = parseNodeLabel2(trimmed, lineNumber, palette, ++nodeCounter, aliasMap, pushWarning);
         attachNode2(node, indent, indentStack, result);
         labelToNode.set(node.label.toLowerCase(), node);
       } else {
         pushError(lineNumber, "Metadata has no parent node");
       }
     } else {
-      const node = parseNodeLabel2(trimmed, lineNumber, palette, ++nodeCounter, aliasMap);
+      const node = parseNodeLabel2(trimmed, lineNumber, palette, ++nodeCounter, aliasMap, pushWarning);
       attachNode2(node, indent, indentStack, result);
       labelToNode.set(node.label.toLowerCase(), node);
     }
@@ -7279,11 +7288,11 @@ function parseSitemap(content, palette) {
   }
   return result;
 }
-function parseNodeLabel2(trimmed, lineNumber, palette, counter, aliasMap = /* @__PURE__ */ new Map()) {
+function parseNodeLabel2(trimmed, lineNumber, palette, counter, aliasMap = /* @__PURE__ */ new Map(), warnFn) {
   const segments = trimmed.split("|").map((s) => s.trim());
   const rawLabel = segments[0];
   const { label, color } = extractColor(rawLabel, palette);
-  const metadata = parsePipeMetadata(segments, aliasMap);
+  const metadata = parsePipeMetadata(segments, aliasMap, warnFn ? () => warnFn(lineNumber, MULTIPLE_PIPE_WARNING) : void 0);
   return {
     id: `node-${counter}`,
     label,
@@ -7977,7 +7986,9 @@ function parseGantt(content, palette) {
       criticalPath: false,
       dependencies: false,
       sort: "default",
-      defaultSwimlaneGroup: null
+      defaultSwimlaneGroup: null,
+      optionLineNumbers: {},
+      holidaysLineNumber: null
     },
     diagnostics,
     error: null
@@ -7991,6 +8002,9 @@ function parseGantt(content, palette) {
   const warn = (line10, message) => {
     diagnostics.push(makeDgmoError(line10, message, "warning"));
   };
+  const softError = (line10, message) => {
+    diagnostics.push(makeDgmoError(line10, message, "error"));
+  };
   const aliasMap = /* @__PURE__ */ new Map();
   const blockStack = [];
   const currentContainer = () => {
@@ -8124,10 +8138,10 @@ function parseGantt(content, palette) {
         const targetName = depParts[0].trim();
         let offset;
         if (depParts.length > 1) {
-          const meta = parsePipeMetadata(["", ...depParts.slice(1)], aliasMap);
+          const meta = parsePipeMetadata(["", ...depParts.slice(1)], aliasMap, () => warn(lineNumber, MULTIPLE_PIPE_WARNING));
           if (meta.lag || meta.lead) {
             const key = meta.lag ? "lag" : "lead";
-            return fail(lineNumber, `Unknown keyword "${key}". Use "offset: ${meta[key]}" instead.`);
+            softError(lineNumber, `Unknown keyword "${key}". Use "offset: ${meta[key]}" instead.`);
           }
           if (meta.offset) {
             const raw = meta.offset;
@@ -8159,6 +8173,7 @@ function parseGantt(content, palette) {
       inHolidaysBlock = true;
       holidaysBlockIndent = indent;
       inHeaderBlock = false;
+      result.options.holidaysLineNumber = lineNumber;
       continue;
     }
     const tagMatch = matchTagBlockHeading(line10);
@@ -8185,7 +8200,8 @@ function parseGantt(content, palette) {
         startDate: eraMatch[1],
         endDate: eraMatch[2],
         label: eraExtracted.label,
-        color: eraExtracted.color || null
+        color: eraExtracted.color || null,
+        lineNumber
       });
       inHeaderBlock = false;
       continue;
@@ -8207,6 +8223,7 @@ function parseGantt(content, palette) {
     if (optMatch && isKnownOption(optMatch[1].toLowerCase())) {
       const key = optMatch[1].toLowerCase();
       const value = optMatch[2].trim();
+      result.options.optionLineNumbers[key] = lineNumber;
       switch (key) {
         case "start":
           result.options.start = value;
@@ -8266,16 +8283,18 @@ function parseGantt(content, palette) {
     const groupMatch = line10.match(GROUP_RE2);
     if (groupMatch) {
       if (blockStack.length > 0 && blockStack[blockStack.length - 1].containerType === "task") {
-        return fail(lineNumber, `Cannot nest a group inside a task. Groups must be inside other groups or parallel blocks.`);
+        softError(lineNumber, `Cannot nest a group inside a task. Groups must be inside other groups or parallel blocks.`);
+        continue;
       }
       const afterBrackets = groupMatch[2].trim();
       const segments = afterBrackets ? afterBrackets.split("|") : [];
       let metadata = {};
       let color = null;
+      const pipeWarn = () => warn(lineNumber, MULTIPLE_PIPE_WARNING);
       if (segments.length > 0 && segments[0].trim()) {
-        metadata = parsePipeMetadata(["", ...segments], aliasMap);
+        metadata = parsePipeMetadata(["", ...segments], aliasMap, pipeWarn);
       } else if (segments.length > 1) {
-        metadata = parsePipeMetadata(["", ...segments.slice(1)], aliasMap);
+        metadata = parsePipeMetadata(["", ...segments.slice(1)], aliasMap, pipeWarn);
       }
       const nameExtracted = extractColor(groupMatch[1], palette);
       if (nameExtracted.color) {
@@ -8306,7 +8325,6 @@ function parseGantt(content, palette) {
       const uncertain = !!timelineDurMatch[4];
       const labelRaw = timelineDurMatch[5];
       const task = makeTask(labelRaw, { amount, unit }, uncertain, lineNumber, startDate);
-      if (result.error) return result;
       const taskNode = { kind: "task", ...task };
       currentContainer().push(taskNode);
       lastTaskNode = taskNode;
@@ -8320,7 +8338,6 @@ function parseGantt(content, palette) {
       const uncertain = !!durMatch[3];
       const labelRaw = durMatch[4];
       const task = makeTask(labelRaw, { amount, unit }, uncertain, lineNumber);
-      if (result.error) return result;
       const taskNode = { kind: "task", ...task };
       currentContainer().push(taskNode);
       lastTaskNode = taskNode;
@@ -8337,7 +8354,6 @@ function parseGantt(content, palette) {
         lineNumber,
         explicitDateMatch[1]
       );
-      if (result.error) return result;
       const taskNode = { kind: "task", ...task };
       currentContainer().push(taskNode);
       lastTaskNode = taskNode;
@@ -8347,13 +8363,14 @@ function parseGantt(content, palette) {
     const depMatch = line10.match(DEPENDENCY_RE);
     if (depMatch) {
       if (!lastTaskNode) {
-        return fail(lineNumber, `Dependency "-> ${depMatch[1]}" must be indented under a task.`);
+        softError(lineNumber, `Dependency "-> ${depMatch[1]}" must be indented under a task.`);
+        continue;
       }
       const depParts = depMatch[1].split("|");
       const targetName = depParts[0].trim();
       let offset;
       if (depParts.length > 1) {
-        const meta = parsePipeMetadata(["", ...depParts.slice(1)], aliasMap);
+        const meta = parsePipeMetadata(["", ...depParts.slice(1)], aliasMap, () => warn(lineNumber, MULTIPLE_PIPE_WARNING));
         if (meta.lag || meta.lead) {
           const key = meta.lag ? "lag" : "lead";
           warn(lineNumber, `"${key}" is deprecated \u2014 use "offset: ${meta[key]}" instead.${key === "lead" ? ' Negate the value for lead behavior: "offset: -...".' : ""}`);
@@ -8373,7 +8390,8 @@ function parseGantt(content, palette) {
       lastTaskNode.dependencies.push({ targetName, offset, lineNumber });
       continue;
     }
-    return fail(lineNumber, `Expected duration (e.g., "10d: Task"), group brackets (e.g., "[Group]"), or keyword. Got: "${line10}"`);
+    softError(lineNumber, `Expected duration (e.g., "10d: Task"), group brackets (e.g., "[Group]"), or keyword. Got: "${line10}"`);
+    continue;
   }
   if (currentTagGroup) {
     result.tagGroups.push(currentTagGroup);
@@ -8387,16 +8405,16 @@ function parseGantt(content, palette) {
     const segments = labelRaw.split("|");
     const label = segments[0].trim();
     if (label.toLowerCase() === "parallel") {
-      fail(ln, `"parallel" is a reserved keyword and cannot be used as a task name.`);
+      softError(ln, `"parallel" is a reserved keyword and cannot be used as a task name.`);
     }
-    const metadata = segments.length > 1 ? parsePipeMetadata(segments, aliasMap) : {};
+    const metadata = segments.length > 1 ? parsePipeMetadata(segments, aliasMap, () => warn(ln, MULTIPLE_PIPE_WARNING)) : {};
     let progress = null;
     if (metadata.progress) {
       progress = parseFloat(metadata.progress);
       delete metadata.progress;
     }
-    for (let j = 1; j < segments.length; j++) {
-      const seg = segments[j].trim();
+    for (const part of segments.slice(1).join(",").split(",")) {
+      const seg = part.trim();
       const progressMatch = seg.match(/^(\d+)%$/);
       if (progressMatch) {
         progress = parseInt(progressMatch[1], 10);
@@ -8404,7 +8422,7 @@ function parseGantt(content, palette) {
     }
     if (metadata.lag || metadata.lead) {
       const key = metadata.lag ? "lag" : "lead";
-      fail(ln, `Unknown keyword "${key}". Use "offset: ${metadata[key]}" instead.`);
+      softError(ln, `Unknown keyword "${key}". Use "offset: ${metadata[key]}" instead.`);
     }
     let taskOffset;
     if (metadata.offset) {
@@ -8491,7 +8509,7 @@ var init_parser10 = __esm({
     DEPENDENCY_RE = /^->\s*(.+)$/;
     COMMENT_RE = /^\/\//;
     ERA_RE = /^era\s+(\d{4}(?:-\d{2}(?:-\d{2})?)?)\s*->\s*(\d{4}(?:-\d{2}(?:-\d{2})?)?)\s*:\s*(.+)$/i;
-    MARKER_RE = /^marker\s+(\d{4}(?:-\d{2}(?:-\d{2})?)?)\s*:\s*(.+)$/i;
+    MARKER_RE = /^marker:\s+(\d{4}(?:-\d{2}(?:-\d{2})?)?)\s+(.+)$/i;
     HOLIDAY_DATE_RE = /^(\d{4}-\d{2}-\d{2}):\s*(.+)$/;
     HOLIDAY_RANGE_RE = /^(\d{4}-\d{2}-\d{2})\s*->\s*(\d{4}-\d{2}-\d{2}):\s*(.+)$/;
     WORKWEEK_RE = /^workweek:\s*(.+)$/i;
@@ -16116,7 +16134,7 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
   }
   const contentG = svg.append("g").attr("transform", `translate(${offsetX}, ${offsetY}) scale(${scale})`);
   const LABEL_CHAR_W = 7;
-  const LABEL_PAD = 8;
+  const LABEL_PAD2 = 8;
   const LABEL_H = 16;
   const PERP_OFFSET = 10;
   const labelPositions = [];
@@ -16125,7 +16143,7 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
     if (!edge.label || edge.points.length < 2) continue;
     const midIdx = Math.floor(edge.points.length / 2);
     const midPt = edge.points[midIdx];
-    const bgW = edge.label.length * LABEL_CHAR_W + LABEL_PAD;
+    const bgW = edge.label.length * LABEL_CHAR_W + LABEL_PAD2;
     const prev = edge.points[Math.max(0, midIdx - 1)];
     const next = edge.points[Math.min(edge.points.length - 1, midIdx + 1)];
     const dx = next.x - prev.x;
@@ -18904,11 +18922,8 @@ function calculateSchedule(parsed) {
     for (const dep of task.dependencies) {
       const resolved = resolveTaskName(dep.targetName, allTasks);
       if (isResolverError(resolved)) {
-        if (resolved.kind === "ambiguous") {
-          return fail(dep.lineNumber, `\`-> ${dep.targetName}\` \u2014 ${resolved.message}`);
-        } else {
-          return fail(dep.lineNumber, `\`-> ${dep.targetName}\` \u2014 ${resolved.message}`);
-        }
+        warn(dep.lineNumber, `\`-> ${dep.targetName}\` \u2014 ${resolved.message}`);
+        continue;
       }
       const targetNode = taskMap.get(resolved.task.id);
       if (targetNode) {
@@ -18923,14 +18938,26 @@ function calculateSchedule(parsed) {
       }
     }
   }
-  const sortedIds = topologicalSort(taskMap);
+  let sortedIds = topologicalSort(taskMap);
   if (!sortedIds) {
     const cycle = findCycle(taskMap);
     const cycleStr = cycle.map((id) => taskMap.get(id).task.label).join(" \u2192 ");
-    return fail(
+    warn(
       taskMap.get(cycle[0]).task.lineNumber,
-      `Circular dependency detected: ${cycleStr}`
+      `Circular dependency detected: ${cycleStr}. The cycle-creating dependency was dropped.`
     );
+    breakCycle(cycle, taskMap, depOffsetMap);
+    sortedIds = topologicalSort(taskMap);
+    let safety = 10;
+    while (!sortedIds && safety-- > 0) {
+      const nextCycle = findCycle(taskMap);
+      if (nextCycle.length === 0) break;
+      breakCycle(nextCycle, taskMap, depOffsetMap);
+      sortedIds = topologicalSort(taskMap);
+    }
+    if (!sortedIds) {
+      sortedIds = [...taskMap.keys()];
+    }
   }
   for (const taskId of sortedIds) {
     const node = taskMap.get(taskId);
@@ -19214,6 +19241,19 @@ function findCycle(taskMap) {
     return null;
   }
 }
+function breakCycle(cycle, taskMap, depOffsetMap) {
+  if (cycle.length < 3) return;
+  const fromId = cycle[cycle.length - 2];
+  const toId = cycle[0];
+  const toNode = taskMap.get(toId);
+  if (toNode) {
+    const idx = toNode.predecessors.indexOf(fromId);
+    if (idx !== -1) {
+      toNode.predecessors.splice(idx, 1);
+      depOffsetMap.delete(`${fromId}->${toId}`);
+    }
+  }
+}
 function computeCriticalPath(sortedIds, taskMap, depOffsetMap, holidays, holidaySet) {
   if (sortedIds.length === 0) return /* @__PURE__ */ new Set();
   const latestEnd = /* @__PURE__ */ new Map();
@@ -19302,10 +19342,10 @@ function buildResolvedGroups(nodes, taskMap, groups, depth) {
         if (!resolved?.startDate || !resolved?.endDate) continue;
         if (resolved.startDate.getTime() < minStart) minStart = resolved.startDate.getTime();
         if (resolved.endDate.getTime() > maxEnd) maxEnd = resolved.endDate.getTime();
+        const dur = resolved.endDate.getTime() - resolved.startDate.getTime();
+        totalDuration += dur;
         if (task.progress !== null) {
-          const dur = resolved.endDate.getTime() - resolved.startDate.getTime();
           totalProgress += task.progress * dur;
-          totalDuration += dur;
           hasProgress = true;
         }
       }
@@ -19346,9 +19386,47 @@ __export(renderer_exports9, {
   buildTagLaneRowList: () => buildTagLaneRowList,
   renderGantt: () => renderGantt
 });
+function computeBarLabel(label, x1, barWidth, innerWidth, textColor) {
+  const textWidth = label.length * CHAR_W;
+  const x2 = x1 + barWidth;
+  if (textWidth < barWidth - LABEL_PAD) {
+    return { x: x1 + 6, anchor: "start", fill: textColor, text: label };
+  }
+  if (x2 + LABEL_GAP + textWidth <= innerWidth) {
+    return { x: x2 + LABEL_GAP, anchor: "start", fill: textColor, text: label };
+  }
+  if (x1 - LABEL_GAP - textWidth >= 0) {
+    return { x: x1 - LABEL_GAP, anchor: "end", fill: textColor, text: label };
+  }
+  const availWidth = x1 - LABEL_GAP;
+  if (availWidth > CHAR_W * 3) {
+    const maxChars = Math.floor(availWidth / CHAR_W) - 1;
+    return { x: x1 - LABEL_GAP, anchor: "end", fill: textColor, text: label.slice(0, maxChars) + "\u2026" };
+  }
+  return null;
+}
+function renderLabelBand(svg, y, leftMargin, color, palette, cssPrefix, dataAttr) {
+  const bandX = 5;
+  const bandW = leftMargin - 7;
+  const bandY = y - BAR_H / 2;
+  const clipId = `gantt-band-clip-${bandClipCounter++}`;
+  svg.append("clipPath").attr("id", clipId).append("rect").attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", BAR_H).attr("rx", BAND_RADIUS);
+  const tint2 = svg.append("rect").attr("class", `gantt-${cssPrefix}-band-bg`).attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", BAR_H).attr("rx", BAND_RADIUS).attr("fill", mix(color, palette.bg, 20)).style("pointer-events", "none");
+  const accent = svg.append("rect").attr("class", `gantt-${cssPrefix}-band-accent`).attr("x", bandX).attr("y", bandY).attr("width", BAND_ACCENT_W).attr("height", BAR_H).attr("fill", color).attr("clip-path", `url(#${clipId})`).style("pointer-events", "none");
+  if (dataAttr) {
+    tint2.attr(dataAttr.key, dataAttr.value);
+    accent.attr(dataAttr.key, dataAttr.value);
+  }
+}
+function appendTaskIcon(textEl, label, isMilestone, iconColor, textColor) {
+  const icon = isMilestone ? "\u25C6" : "\u25CF";
+  textEl.append("tspan").attr("fill", iconColor).text(icon);
+  textEl.append("tspan").attr("fill", textColor).text(" " + label);
+}
 function renderGantt(container, resolved, palette, isDark, options, exportDims) {
   container.innerHTML = "";
-  if (resolved.error || resolved.tasks.length === 0) return;
+  bandClipCounter = 0;
+  if (resolved.tasks.length === 0) return;
   const onClickItem = options?.onClickItem;
   const collapsedGroups = options?.collapsedGroups;
   const onToggleGroup = options?.onToggleGroup;
@@ -19366,10 +19444,13 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   const isTagMode = tagRows !== null;
   const allLabels = isTagMode ? [
     ...rows.filter((r) => r.type === "lane-header").map((r) => r.laneName),
-    ...rows.filter((r) => r.type === "task").map((r) => r.task.task.label)
+    ...rows.filter((r) => r.type === "task").map((r) => "\u25CF " + r.task.task.label)
   ] : [
-    ...resolved.tasks.map((t) => t.task.label),
-    ...resolved.groups.map((g2) => "  ".repeat(g2.depth) + g2.name)
+    ...resolved.tasks.map((t) => "\u25CF " + t.task.label),
+    ...resolved.groups.map((g2) => {
+      const px = g2.depth <= 2 ? g2.depth * 14 : 2 * 14 + (g2.depth - 2) * 8;
+      return " ".repeat(Math.ceil(px / 7)) + g2.name;
+    })
   ];
   const maxLabelLen = Math.max(...allLabels.map((l) => l.length), 10);
   const leftMargin = Math.max(MIN_LEFT_MARGIN, maxLabelLen * 7 + 30);
@@ -19378,9 +19459,12 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   const titleHeight = title ? 50 : 20;
   const tagLegendReserve = resolved.tagGroups.length > 0 ? LEGEND_HEIGHT + 8 : 0;
   const topDateLabelReserve = 22;
-  const marginTop = titleHeight + tagLegendReserve + topDateLabelReserve;
+  const hasOverheadLabels = resolved.markers.length > 0 || resolved.eras.length > 0;
+  const markerLabelReserve = hasOverheadLabels ? 18 : 0;
+  const CONTENT_TOP_PAD = 16;
+  const marginTop = titleHeight + tagLegendReserve + topDateLabelReserve + markerLabelReserve;
   const contentH = isTagMode ? totalRows * (BAR_H + ROW_GAP) : totalRows * (BAR_H + ROW_GAP) + GROUP_GAP2 * resolved.groups.length;
-  const innerHeight = contentH;
+  const innerHeight = CONTENT_TOP_PAD + contentH;
   const outerHeight = marginTop + innerHeight + BOTTOM_MARGIN;
   const containerWidth = exportDims?.width ?? (container.clientWidth || 800);
   const innerWidth = containerWidth - leftMargin - RIGHT_MARGIN;
@@ -19406,6 +19490,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         isDark,
         hasCriticalPath,
         criticalPathActive,
+        resolved.options.optionLineNumbers,
         (groupName) => {
           currentActiveGroup = currentActiveGroup?.toLowerCase() === groupName.toLowerCase() ? null : groupName;
           if (onActiveGroupChange) onActiveGroupChange(currentActiveGroup);
@@ -19418,7 +19503,8 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         },
         currentSwimlaneGroup,
         onSwimlaneChange,
-        viewMode
+        viewMode,
+        resolved.tasks
       );
     }
   }
@@ -19443,7 +19529,25 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   renderTimeScaleHorizontal(g, xScale, innerWidth, innerHeight, palette.text);
   renderWeekendBands(g, resolved, xScale, innerHeight, palette, isDark);
   renderHolidayBands(g, svg, resolved, xScale, innerHeight, palette, isDark, marginTop - 4, leftMargin, onClickItem);
-  renderErasAndMarkers(g, resolved, xScale, innerHeight, palette);
+  renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette);
+  let todayDate = null;
+  let todayX = -1;
+  const todayColor = palette.accent || "#e74c3c";
+  const todayMarkerLineNum = resolved.options.optionLineNumbers["today-marker"];
+  if (resolved.options.todayMarker !== "off") {
+    if (resolved.options.todayMarker === "on") {
+      todayDate = /* @__PURE__ */ new Date();
+    } else {
+      todayDate = /* @__PURE__ */ new Date(resolved.options.todayMarker + "T00:00:00");
+    }
+    todayX = xScale(dateToFractionalYear(todayDate));
+    if (todayX >= 0 && todayX <= innerWidth) {
+      const todayLine = g.append("line").attr("class", "gantt-today").attr("x1", todayX).attr("y1", 0).attr("x2", todayX).attr("y2", innerHeight + 10).attr("stroke", todayColor).attr("stroke-width", 2).attr("stroke-dasharray", "6 4").attr("opacity", 0.7).attr("pointer-events", "none");
+      if (todayMarkerLineNum) todayLine.attr("data-line-number", String(todayMarkerLineNum));
+      const todayLabel = g.append("text").attr("class", "gantt-today").attr("x", todayX).attr("y", innerHeight + 24).attr("text-anchor", "middle").attr("font-size", "10px").attr("fill", todayColor).attr("opacity", 0.7).attr("pointer-events", "none").text("Today");
+      if (todayMarkerLineNum) todayLabel.attr("data-line-number", String(todayMarkerLineNum));
+    }
+  }
   const taskPositions = /* @__PURE__ */ new Map();
   const groupPositions = /* @__PURE__ */ new Map();
   const lanePositions = /* @__PURE__ */ new Map();
@@ -19464,7 +19568,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
       }
     }
   }
-  let yOffset = 0;
+  let yOffset = CONTENT_TOP_PAD;
   for (const row of rows) {
     if (row.type === "lane-header") {
       const laneColor = row.laneColor === "#999999" ? palette.textMuted : row.laneColor;
@@ -19479,6 +19583,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         laneBarWidth = Math.max(lx2 - lx1, 2);
       }
       lanePositions.set(row.laneName, { x1: lx1, x2: lx1 + laneBarWidth, y: yOffset + BAR_H / 2 });
+      renderLabelBand(svg, marginTop + yOffset + BAR_H / 2, leftMargin, laneColor, palette, "lane", { key: "data-lane", value: row.laneName });
       const labelG = svg.append("g").attr("class", "gantt-lane-header").attr(`data-tag-${row.tagKey}`, row.laneName.toLowerCase()).attr("data-lane", row.laneName).style("cursor", onToggleLane ? "pointer" : "default").on("click", () => {
         if (onToggleLane) onToggleLane(row.laneName);
       }).on("mouseenter", () => {
@@ -19504,7 +19609,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         });
         laneBandG.append("rect").attr("class", "gantt-lane-band").attr("x", lx1).attr("y", yOffset).attr("width", laneBarWidth).attr("height", BAR_H).attr("rx", 4).attr("fill", barFill).attr("stroke", laneColor).attr("stroke-width", 2);
         if (row.aggregateProgress !== null && row.aggregateProgress > 0) {
-          laneBandG.append("rect").attr("class", "gantt-lane-progress").attr("x", lx1).attr("y", yOffset).attr("width", laneBarWidth * Math.min(row.aggregateProgress / 100, 1)).attr("height", BAR_H).attr("rx", 4).attr("fill", laneColor).attr("opacity", 0.5).attr("pointer-events", "none");
+          laneBandG.append("rect").attr("class", "gantt-lane-progress").attr("x", lx1).attr("y", yOffset).attr("width", laneBarWidth * Math.min(row.aggregateProgress / 100, 1)).attr("height", BAR_H).attr("fill", laneColor).attr("opacity", 0.5).attr("pointer-events", "none");
         }
       }
       yOffset += BAR_H + ROW_GAP;
@@ -19513,7 +19618,9 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
       const isCollapsed = collapsedGroups?.has(group.name) ?? false;
       const indent = "  ".repeat(group.depth);
       const toggleIcon = isCollapsed ? "\u25BA" : "\u25BC";
-      const groupColor = group.color || palette.textMuted;
+      const tagColor = resolveTagColor(group.metadata, resolved.tagGroups, currentActiveGroup, true);
+      const groupColor = tagColor && tagColor !== "#999999" ? tagColor : group.color || palette.textMuted;
+      renderLabelBand(svg, marginTop + yOffset + BAR_H / 2, leftMargin, groupColor, palette, "group", { key: "data-group", value: group.name });
       const labelG = svg.append("g").attr("class", "gantt-group-label").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).style("cursor", onToggleGroup ? "pointer" : "default").on("click", () => {
         if (onToggleGroup) onToggleGroup(group.name);
       }).on("mouseenter", () => {
@@ -19523,7 +19630,8 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         resetHighlight(g, svg);
         hideGanttDateIndicators(g);
       });
-      const labelX = 10 + group.depth * 14;
+      const groupIndent = group.depth <= 2 ? group.depth * 14 : 2 * 14 + (group.depth - 2) * 8;
+      const labelX = 10 + groupIndent;
       labelG.append("text").attr("x", labelX).attr("y", marginTop + yOffset + BAR_H / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", "11px").attr("font-weight", "bold").attr("fill", palette.text).text(toggleIcon + " " + group.name + (group.progress !== null ? ` ${Math.round(group.progress)}%` : ""));
       const gStart = dateToFractionalYear(group.startDate);
       const gEnd = dateToFractionalYear(group.endDate);
@@ -19541,7 +19649,12 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
           });
           summaryG.append("rect").attr("x", gx1).attr("y", yOffset).attr("width", barWidth).attr("height", BAR_H).attr("rx", 4).attr("fill", mix(groupColor, palette.bg, 30)).attr("stroke", groupColor).attr("stroke-width", 2);
           if (group.progress !== null && group.progress > 0) {
-            summaryG.append("rect").attr("x", gx1).attr("y", yOffset).attr("width", barWidth * Math.min(group.progress / 100, 1)).attr("height", BAR_H).attr("rx", 4).attr("fill", groupColor).attr("opacity", 0.5);
+            summaryG.append("rect").attr("x", gx1).attr("y", yOffset).attr("width", barWidth * Math.min(group.progress / 100, 1)).attr("height", BAR_H).attr("fill", groupColor).attr("opacity", 0.5);
+          }
+          const summaryLabel = group.name + (group.progress !== null ? ` ${Math.round(group.progress)}%` : "");
+          const summaryPlacement = computeBarLabel(summaryLabel, gx1, barWidth, innerWidth, palette.text);
+          if (summaryPlacement) {
+            summaryG.append("text").attr("x", summaryPlacement.x).attr("y", yOffset + BAR_H / 2).attr("dy", "0.35em").attr("font-size", "10px").attr("font-weight", "bold").attr("text-anchor", summaryPlacement.anchor).attr("fill", summaryPlacement.fill).attr("pointer-events", "none").text(summaryPlacement.text);
           }
           groupPositions.set(group.name, { x1: gx1, x2: gx1 + barWidth, y: yOffset + BAR_H / 2 });
         } else {
@@ -19556,7 +19669,12 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
           });
           groupBarG.append("rect").attr("x", gx1).attr("y", yOffset).attr("width", groupBarWidth).attr("height", BAR_H).attr("rx", 4).attr("fill", bandFill).attr("stroke", groupColor).attr("stroke-width", 2);
           if (group.progress !== null && group.progress > 0) {
-            groupBarG.append("rect").attr("class", "gantt-group-progress").attr("x", gx1).attr("y", yOffset).attr("width", groupBarWidth * Math.min(group.progress / 100, 1)).attr("height", BAR_H).attr("rx", 4).attr("fill", groupColor).attr("opacity", 0.5);
+            groupBarG.append("rect").attr("class", "gantt-group-progress").attr("x", gx1).attr("y", yOffset).attr("width", groupBarWidth * Math.min(group.progress / 100, 1)).attr("height", BAR_H).attr("fill", groupColor).attr("opacity", 0.5);
+          }
+          const expandedLabel = group.name + (group.progress !== null ? ` ${Math.round(group.progress)}%` : "");
+          const expandedPlacement = computeBarLabel(expandedLabel, gx1, groupBarWidth, innerWidth, palette.text);
+          if (expandedPlacement) {
+            groupBarG.append("text").attr("x", expandedPlacement.x).attr("y", yOffset + BAR_H / 2).attr("dy", "0.35em").attr("font-size", "10px").attr("font-weight", "bold").attr("text-anchor", expandedPlacement.anchor).attr("fill", expandedPlacement.fill).attr("pointer-events", "none").text(expandedPlacement.text);
           }
         }
       }
@@ -19564,33 +19682,40 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
     } else if (row.type === "task") {
       const rt = row.task;
       const task = rt.task;
-      const taskLabelX = isTagMode ? 20 : 6 + rt.groupPath.length * 14;
+      const barColor = resolveTaskColor(rt, currentActiveGroup, resolved, seriesColors2, palette);
+      const depth = rt.groupPath.length;
+      const indent = depth <= 2 ? depth * 14 : 2 * 14 + (depth - 2) * 8;
+      const taskLabelX = isTagMode ? 20 : 6 + indent;
       const topGroup = rt.groupPath.length > 0 ? rt.groupPath[0] : null;
-      const taskLabel = svg.append("text").attr("class", "gantt-task-label").attr("x", taskLabelX).attr("y", marginTop + yOffset + BAR_H / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", "11px").attr("fill", palette.text).attr("data-line-number", String(task.lineNumber)).attr("data-task-id", task.id).attr("data-group", topGroup).style("cursor", onClickItem ? "pointer" : "default").text(task.label).on("click", () => {
+      const taskLabel = svg.append("text").attr("class", "gantt-task-label").attr("x", taskLabelX).attr("y", marginTop + yOffset + BAR_H / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", "11px").attr("fill", palette.text).attr("data-line-number", String(task.lineNumber)).attr("data-task-id", task.id).attr("data-group", topGroup).style("cursor", onClickItem ? "pointer" : "default").on("click", () => {
         if (onClickItem) onClickItem(task.lineNumber);
       }).on("mouseenter", () => {
-        highlightTask(g, svg, task.id);
+        if (rt.isMilestone) {
+          highlightMilestone(g, svg, task.id);
+        } else {
+          highlightTask(g, svg, task.id);
+        }
       }).on("mouseleave", () => {
         resetHighlight(g, svg);
       });
+      appendTaskIcon(taskLabel, task.label, rt.isMilestone, barColor, palette.text);
       for (const [key, value] of Object.entries(rt.effectiveMetadata)) {
         taskLabel.attr(`data-tag-${key}`, value.toLowerCase());
       }
       if (rt.isCriticalPath) {
         taskLabel.attr("data-critical-path", "true");
       }
-      let barColor = resolveTaskColor(rt, currentActiveGroup, resolved, seriesColors2, palette);
       if (rt.isMilestone) {
         const mx = xScale(dateToFractionalYear(rt.startDate));
         const my = yOffset + BAR_H / 2;
-        g.append("polygon").attr("class", "gantt-milestone").attr("points", diamondPoints(mx, my, MILESTONE_SIZE)).attr("fill", barColor).attr("stroke", barColor).attr("stroke-width", 1.5).attr("data-line-number", String(task.lineNumber)).attr("data-task-name", task.label).attr("data-group", topGroup).style("cursor", onClickItem ? "pointer" : "default").on("click", () => {
+        g.append("polygon").attr("class", "gantt-milestone").attr("points", diamondPoints(mx, my, MILESTONE_SIZE)).attr("fill", barColor).attr("stroke", barColor).attr("stroke-width", 1.5).attr("data-line-number", String(task.lineNumber)).attr("data-task-name", task.label).attr("data-task-id", task.id).attr("data-group", topGroup).style("cursor", onClickItem ? "pointer" : "default").on("click", () => {
           if (onClickItem) onClickItem(task.lineNumber);
         }).on("mouseenter", () => {
-          highlightTaskLabel(svg, task.lineNumber);
+          highlightMilestone(g, svg, task.id);
           showGanttDateIndicators(g, xScale, rt.startDate, null, innerHeight, barColor);
           g.append("text").attr("class", "gantt-milestone-hover-label").attr("x", mx - MILESTONE_SIZE - 4).attr("y", my).attr("dy", "0.35em").attr("text-anchor", "end").attr("font-size", "10px").attr("fill", barColor).attr("font-weight", "600").text(task.label);
         }).on("mouseleave", () => {
-          resetTaskLabels(svg);
+          resetHighlight(g, svg);
           hideGanttDateIndicators(g);
           g.selectAll(".gantt-milestone-hover-label").remove();
         });
@@ -19657,32 +19782,40 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
             progGrad.append("stop").attr("offset", "100%").attr("stop-color", barColor).attr("stop-opacity", 0);
             progressFill = `url(#${progGradId})`;
           }
-          taskG.append("rect").attr("class", "gantt-progress").attr("x", x1).attr("y", yOffset).attr("width", progressWidth).attr("height", BAR_H).attr("rx", 4).attr("fill", progressFill).attr("opacity", 0.5);
+          taskG.append("rect").attr("class", "gantt-progress").attr("x", x1).attr("y", yOffset).attr("width", progressWidth).attr("height", BAR_H).attr("fill", progressFill).attr("opacity", 0.5);
         }
         if (rt.isCriticalPath) {
           taskG.attr("data-critical-path", "true");
         }
-        const textWidth = task.label.length * 6.5;
-        if (textWidth < barWidth - 8) {
-          taskG.append("text").attr("x", x1 + 6).attr("y", yOffset + BAR_H / 2).attr("dy", "0.35em").attr("font-size", "10px").attr("fill", palette.text).attr("pointer-events", "none").text(task.label);
+        const labelPlacement = computeBarLabel(task.label, x1, barWidth, innerWidth, palette.text);
+        if (labelPlacement) {
+          taskG.append("text").attr("x", labelPlacement.x).attr("y", yOffset + BAR_H / 2).attr("dy", "0.35em").attr("font-size", "10px").attr("text-anchor", labelPlacement.anchor).attr("fill", labelPlacement.fill).attr("pointer-events", "none").text(labelPlacement.text);
         }
         taskPositions.set(task.id, { x1, x2: x1 + barWidth, y: yOffset + BAR_H / 2 });
       }
       yOffset += BAR_H + ROW_GAP;
     }
   }
-  if (resolved.options.todayMarker !== "off") {
-    let todayDate;
-    if (resolved.options.todayMarker === "on") {
-      todayDate = /* @__PURE__ */ new Date();
-    } else {
-      todayDate = /* @__PURE__ */ new Date(resolved.options.todayMarker + "T00:00:00");
-    }
-    const todayX = xScale(dateToFractionalYear(todayDate));
-    if (todayX >= 0 && todayX <= innerWidth) {
-      g.append("line").attr("class", "gantt-today").attr("x1", todayX).attr("y1", 0).attr("x2", todayX).attr("y2", innerHeight + 10).attr("stroke", palette.accent || "#e74c3c").attr("stroke-width", 2).attr("stroke-dasharray", "6 4").attr("opacity", 0.7);
-      g.append("text").attr("class", "gantt-today").attr("x", todayX + 4).attr("y", innerHeight + 24).attr("text-anchor", "start").attr("font-size", "10px").attr("fill", palette.accent || "#e74c3c").attr("opacity", 0.7).text("Today");
-    }
+  if (todayDate && todayX >= 0 && todayX <= innerWidth) {
+    const todayHoverG = g.append("g").attr("class", "gantt-today-hover").style("cursor", "pointer");
+    todayHoverG.append("rect").attr("x", todayX - 10).attr("y", -6).attr("width", 20).attr("height", innerHeight + 16).attr("fill", "transparent").attr("pointer-events", "all");
+    const todayDateObj = todayDate;
+    todayHoverG.on("mouseenter", () => {
+      g.selectAll(".gantt-task").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-milestone").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-task-label").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-lane-band, .gantt-lane-accent, .gantt-lane-band-group").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-dep-arrow, .gantt-dep-arrowhead").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-era-group").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-marker-group").attr("opacity", FADE_OPACITY);
+      showGanttDateIndicators(g, xScale, todayDateObj, null, innerHeight, todayColor);
+    }).on("mouseleave", () => {
+      resetHighlight(g, svg);
+      hideGanttDateIndicators(g);
+    });
   }
   if (resolved.options.dependencies) {
     renderDependencyArrows(g, resolved, taskPositions, groupPositions, collapsedGroups, palette, isDark, isTagMode, lanePositions, collapsedLanes, taskLaneMap);
@@ -19799,10 +19932,10 @@ function renderDependencyArrows(g, resolved, taskPositions, groupPositions, coll
       const path = `M ${sx} ${sy} C ${sx + cpOffset} ${sy}, ${tx - cpOffset} ${ty}, ${tx} ${ty}`;
       const arrowColor = mix(palette.text, palette.bg, 50);
       const isCpArrow = rt.isCriticalPath && targetTask.isCriticalPath;
-      g.append("path").attr("class", "gantt-dep-arrow").attr("data-dep-from", rt.task.id).attr("data-dep-to", targetTask.task.id).attr("data-critical-path", isCpArrow ? "true" : null).attr("d", path).attr("fill", "none").attr("stroke", arrowColor).attr("stroke-width", 1.5).attr("opacity", 0.5);
+      g.append("path").attr("class", "gantt-dep-arrow").attr("data-dep-from", rt.task.id).attr("data-dep-to", targetTask.task.id).attr("data-line-number", String(dep.lineNumber)).attr("data-critical-path", isCpArrow ? "true" : null).attr("d", path).attr("fill", "none").attr("stroke", arrowColor).attr("stroke-width", 1.5).attr("opacity", 0.5);
       const headSize = 5;
       const angle = 0;
-      g.append("polygon").attr("class", "gantt-dep-arrowhead").attr("data-dep-from", rt.task.id).attr("data-dep-to", targetTask.task.id).attr("data-critical-path", isCpArrow ? "true" : null).attr("points", arrowheadPoints(tx, ty, headSize, angle)).attr("fill", arrowColor).attr("opacity", 0.5);
+      g.append("polygon").attr("class", "gantt-dep-arrowhead").attr("data-dep-from", rt.task.id).attr("data-dep-to", targetTask.task.id).attr("data-line-number", String(dep.lineNumber)).attr("data-critical-path", isCpArrow ? "true" : null).attr("points", arrowheadPoints(tx, ty, headSize, angle)).attr("fill", arrowColor).attr("opacity", 0.5);
     }
   }
 }
@@ -19823,7 +19956,9 @@ function applyCriticalPathHighlight(svg, chartG) {
     el.attr("opacity", el.attr("data-critical-path") === "true" ? 1 : FADE_OPACITY);
   });
   svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY);
   svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY);
   chartG.selectAll(".gantt-lane-band, .gantt-lane-accent").attr("opacity", FADE_OPACITY);
   chartG.selectAll(".gantt-dep-arrow, .gantt-dep-arrowhead").each(function() {
     const el = d3Selection10.select(this);
@@ -19835,7 +19970,9 @@ function resetHighlightAll(svg, chartG) {
   chartG.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", 1);
   svg.selectAll(".gantt-task-label").attr("opacity", 1);
   svg.selectAll(".gantt-group-label").attr("opacity", 1);
+  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", 1);
   svg.selectAll(".gantt-lane-header").attr("opacity", 1);
+  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", 1);
   chartG.selectAll(".gantt-lane-band, .gantt-lane-accent").attr("opacity", 1);
   chartG.selectAll(".gantt-dep-arrow, .gantt-dep-arrowhead").attr("opacity", 0.5);
 }
@@ -19851,7 +19988,7 @@ function drawSwimlaneIcon(parent, x, y, isActive, palette) {
   }
   return iconG;
 }
-function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargin, chartInnerWidth, legendY, palette, isDark, hasCriticalPath, criticalPathActive, onToggle, onToggleCriticalPath, currentSwimlaneGroup, onSwimlaneChange, legendViewMode) {
+function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargin, chartInnerWidth, legendY, palette, isDark, hasCriticalPath, criticalPathActive, optionLineNumbers, onToggle, onToggleCriticalPath, currentSwimlaneGroup, onSwimlaneChange, legendViewMode, resolvedTasks) {
   const groupBg = isDark ? mix(palette.surface, palette.bg, 50) : mix(palette.surface, palette.bg, 30);
   let visibleGroups;
   if (activeGroupName) {
@@ -19861,6 +19998,28 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
   } else {
     visibleGroups = tagGroups;
   }
+  const usedValues = /* @__PURE__ */ new Map();
+  if (resolvedTasks) {
+    for (const group of visibleGroups) {
+      const key = group.name.toLowerCase();
+      const used = /* @__PURE__ */ new Set();
+      for (const rt of resolvedTasks) {
+        const val = rt.effectiveMetadata[key];
+        if (val) used.add(val.toLowerCase());
+      }
+      usedValues.set(key, used);
+    }
+  }
+  const filteredEntries = /* @__PURE__ */ new Map();
+  for (const group of visibleGroups) {
+    const key = group.name.toLowerCase();
+    const used = usedValues.get(key);
+    if (used && used.size > 0) {
+      filteredEntries.set(key, group.entries.filter((e) => used.has(e.value.toLowerCase())));
+    } else {
+      filteredEntries.set(key, group.entries);
+    }
+  }
   const groupWidths = [];
   let totalW = 0;
   for (const group of visibleGroups) {
@@ -19871,8 +20030,9 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
     const pillW = group.name.length * LEGEND_PILL_FONT_W + LEGEND_PILL_PAD + iconReserve;
     let groupW = pillW;
     if (isActive) {
+      const entries = filteredEntries.get(group.name.toLowerCase()) ?? group.entries;
       let entriesW = 0;
-      for (const entry of group.entries) {
+      for (const entry of entries) {
         entriesW += LEGEND_DOT_R * 2 + LEGEND_ENTRY_DOT_GAP + entry.value.length * LEGEND_ENTRY_FONT_W + LEGEND_ENTRY_TRAIL;
       }
       groupW = LEGEND_CAPSULE_PAD * 2 + pillW + 4 + entriesW;
@@ -19889,7 +20049,8 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
     if (visibleGroups.length > 0) totalW += LEGEND_GROUP_GAP;
     totalW += cpPillW;
   }
-  const legendX = chartLeftMargin + (chartInnerWidth - totalW) / 2;
+  const containerWidth = chartLeftMargin + chartInnerWidth + RIGHT_MARGIN;
+  const legendX = (containerWidth - totalW) / 2;
   const legendRow = svg.append("g").attr("class", "gantt-tag-legend-container").attr("transform", `translate(${legendX}, ${legendY})`);
   let cursorX = 0;
   for (let i = 0; i < visibleGroups.length; i++) {
@@ -19901,7 +20062,7 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
     const pillW = group.name.length * LEGEND_PILL_FONT_W + LEGEND_PILL_PAD + iconReserve;
     const pillH = isActive ? LEGEND_HEIGHT - LEGEND_CAPSULE_PAD * 2 : LEGEND_HEIGHT;
     const groupW = groupWidths[i];
-    const gEl = legendRow.append("g").attr("transform", `translate(${cursorX}, 0)`).attr("class", "gantt-tag-legend-group").attr("data-tag-group", group.name).style("cursor", "pointer").on("click", () => {
+    const gEl = legendRow.append("g").attr("transform", `translate(${cursorX}, 0)`).attr("class", "gantt-tag-legend-group").attr("data-tag-group", group.name).attr("data-line-number", String(group.lineNumber)).style("cursor", "pointer").on("click", () => {
       if (onToggle) onToggle(group.name);
     });
     if (isActive) {
@@ -19931,10 +20092,11 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
     }
     if (isActive) {
       const tagKey = group.name.toLowerCase();
+      const entries = filteredEntries.get(tagKey) ?? group.entries;
       let ex = pillXOff + pillW + LEGEND_CAPSULE_PAD + 4;
-      for (const entry of group.entries) {
+      for (const entry of entries) {
         const entryValue = entry.value.toLowerCase();
-        const entryG = gEl.append("g").attr("class", "gantt-legend-entry").style("cursor", "pointer");
+        const entryG = gEl.append("g").attr("class", "gantt-legend-entry").attr("data-line-number", String(entry.lineNumber)).style("cursor", "pointer");
         entryG.append("circle").attr("cx", ex + LEGEND_DOT_R).attr("cy", LEGEND_HEIGHT / 2).attr("r", LEGEND_DOT_R).attr("fill", entry.color);
         entryG.append("text").attr("x", ex + LEGEND_DOT_R * 2 + LEGEND_ENTRY_DOT_GAP).attr("y", LEGEND_HEIGHT / 2 + LEGEND_ENTRY_FONT_SIZE / 2 - 2).attr("text-anchor", "start").attr("font-size", `${LEGEND_ENTRY_FONT_SIZE}px`).attr("fill", palette.textMuted).text(entry.value);
         entryG.on("mouseenter", () => {
@@ -19970,9 +20132,11 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
     cursorX += groupW + LEGEND_GROUP_GAP;
   }
   if (hasCriticalPath) {
+    const cpLineNum = optionLineNumbers["critical-path"];
     const cpG = legendRow.append("g").attr("transform", `translate(${cursorX}, 0)`).attr("class", "gantt-legend-critical-path").style("cursor", "pointer").on("click", () => {
       if (onToggleCriticalPath) onToggleCriticalPath();
     });
+    if (cpLineNum) cpG.attr("data-line-number", String(cpLineNum));
     cpG.append("rect").attr("width", cpPillW).attr("height", LEGEND_HEIGHT).attr("rx", LEGEND_HEIGHT / 2).attr("fill", criticalPathActive ? palette.bg : groupBg);
     if (criticalPathActive) {
       cpG.append("rect").attr("width", cpPillW).attr("height", LEGEND_HEIGHT).attr("rx", LEGEND_HEIGHT / 2).attr("fill", "none").attr("stroke", mix(palette.textMuted, palette.bg, 50)).attr("stroke-width", 0.75);
@@ -19990,7 +20154,7 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
     });
   }
 }
-function renderErasAndMarkers(g, resolved, xScale, innerHeight, palette) {
+function renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette) {
   for (let i = 0; i < resolved.eras.length; i++) {
     const era = resolved.eras[i];
     const color = era.color || ERA_COLORS[i % ERA_COLORS.length];
@@ -20001,13 +20165,23 @@ function renderErasAndMarkers(g, resolved, xScale, innerHeight, palette) {
     const hoverEraOpacity = 0.16;
     const eraStartDate = parseDateStringToDate(era.startDate);
     const eraEndDate = parseDateStringToDate(era.endDate);
-    const eraG = g.append("g").attr("class", "gantt-era-group");
+    const eraG = g.append("g").attr("class", "gantt-era-group").attr("data-line-number", String(era.lineNumber));
     const eraRect = eraG.append("rect").attr("class", "gantt-era").attr("x", sx).attr("y", 0).attr("width", ex - sx).attr("height", innerHeight).attr("fill", color).attr("opacity", baseEraOpacity);
-    eraG.append("text").attr("class", "gantt-era-label").attr("x", (sx + ex) / 2).attr("y", 12).attr("text-anchor", "middle").attr("font-size", "10px").attr("fill", color).attr("opacity", 0.7).attr("pointer-events", "none").text(era.label);
+    eraG.append("text").attr("class", "gantt-era-label").attr("x", (sx + ex) / 2).attr("y", -24).attr("text-anchor", "middle").attr("font-size", "10px").attr("fill", color).attr("opacity", 0.7).style("cursor", "pointer").text(era.label);
     eraG.on("mouseenter", () => {
+      g.selectAll(".gantt-task").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-milestone").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-task-label").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-lane-band, .gantt-lane-accent, .gantt-lane-band-group").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-dep-arrow, .gantt-dep-arrowhead").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-marker-group").attr("opacity", FADE_OPACITY);
       eraRect.attr("opacity", hoverEraOpacity);
       showGanttDateIndicators(g, xScale, eraStartDate, eraEndDate, innerHeight, color);
     }).on("mouseleave", () => {
+      resetHighlight(g, svg);
       eraRect.attr("opacity", baseEraOpacity);
       hideGanttDateIndicators(g);
     });
@@ -20016,13 +20190,35 @@ function renderErasAndMarkers(g, resolved, xScale, innerHeight, palette) {
     const color = marker.color || palette.accent || "#d08770";
     const mx = xScale(parseDateToFractionalYear(marker.date));
     const markerDate = parseDateStringToDate(marker.date);
-    const markerG = g.append("g").attr("class", "gantt-marker-group");
-    markerG.append("line").attr("class", "gantt-marker").attr("x1", mx).attr("y1", 0).attr("x2", mx).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", "6 3").attr("opacity", 0.5);
-    markerG.append("polygon").attr("points", diamondPoints(mx, 6, 8)).attr("fill", color).attr("opacity", 0.5);
-    markerG.append("text").attr("class", "gantt-marker-label").attr("x", mx + 8).attr("y", 10).attr("font-size", "9px").attr("fill", color).attr("opacity", 0.7).attr("pointer-events", "none").text(marker.label);
+    const diamondSize = 5;
+    const labelY = -24;
+    const diamondY = labelY + 14;
+    const markerG = g.append("g").attr("class", "gantt-marker-group").attr("data-line-number", String(marker.lineNumber)).style("cursor", "pointer");
+    markerG.append("rect").attr("x", mx - 40).attr("y", labelY - 12).attr("width", 80).attr("height", innerHeight - labelY + 12).attr("fill", "transparent").attr("pointer-events", "all");
+    markerG.append("text").attr("class", "gantt-marker-label").attr("x", mx).attr("y", labelY).attr("text-anchor", "middle").attr("font-size", "11px").attr("font-weight", "600").attr("fill", color).text(marker.label);
+    markerG.append("path").attr("d", `M${mx},${diamondY - diamondSize} l${diamondSize},${diamondSize} l-${diamondSize},${diamondSize} l-${diamondSize},-${diamondSize} Z`).attr("fill", color).attr("opacity", 0.9);
+    markerG.append("line").attr("class", "gantt-marker").attr("x1", mx).attr("y1", diamondY + diamondSize).attr("x2", mx).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", "6 4").attr("opacity", 0.5);
+    const markerLine = markerG.select(".gantt-marker");
+    const markerDiamond = markerG.select("path");
     markerG.on("mouseenter", () => {
-      showGanttDateIndicators(g, xScale, markerDate, null, innerHeight, color);
+      g.selectAll(".gantt-task").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-milestone").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-task-label").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-lane-band, .gantt-lane-accent, .gantt-lane-band-group").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-dep-arrow, .gantt-dep-arrowhead").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-era-group").attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-marker-group").attr("opacity", FADE_OPACITY);
+      markerG.attr("opacity", 1);
+      markerLine.attr("opacity", 0.8);
+      markerDiamond.attr("opacity", 0);
+      showGanttDateIndicators(g, xScale, markerDate, null, innerHeight, color, { skipStartLine: true });
     }).on("mouseleave", () => {
+      resetHighlight(g, svg);
+      markerLine.attr("opacity", 0.5);
+      markerDiamond.attr("opacity", 0.9);
       hideGanttDateIndicators(g);
     });
   }
@@ -20035,11 +20231,7 @@ function parseDateStringToDate(s) {
   return new Date(year, month, day);
 }
 function parseDateToFractionalYear(s) {
-  const parts = s.split("-").map((p) => parseInt(p, 10));
-  const year = parts[0];
-  const month = parts.length >= 2 ? parts[1] : 1;
-  const day = parts.length >= 3 ? parts[2] : 1;
-  return year + (month - 1) / 12 + (day - 1) / 365;
+  return dateToFractionalYear(parseDateStringToDate(s));
 }
 function highlightDeps(g, svg, taskId, resolved) {
   const related = /* @__PURE__ */ new Set([taskId]);
@@ -20073,6 +20265,7 @@ function highlightDeps(g, svg, taskId, resolved) {
     const isRelated = from && related.has(from) || to && related.has(to);
     el.attr("opacity", isRelated ? 0.5 : FADE_OPACITY);
   });
+  g.selectAll(".gantt-marker-group").attr("opacity", FADE_OPACITY);
 }
 function highlightGroup(g, svg, groupName) {
   g.selectAll(".gantt-task").each(function() {
@@ -20095,8 +20288,14 @@ function highlightGroup(g, svg, groupName) {
     const el = d3Selection10.select(this);
     el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY);
   });
+  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").each(function() {
+    const el = d3Selection10.select(this);
+    el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY);
+  });
   svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY);
   g.selectAll(".gantt-lane-band, .gantt-lane-accent").attr("opacity", FADE_OPACITY);
+  g.selectAll(".gantt-marker-group").attr("opacity", FADE_OPACITY);
 }
 function highlightLane(g, svg, tagKey, laneName) {
   const tagAttr = `data-tag-${tagKey}`;
@@ -20121,8 +20320,14 @@ function highlightLane(g, svg, tagKey, laneName) {
     const el = d3Selection10.select(this);
     el.attr("opacity", el.attr("data-lane") === laneName ? 1 : FADE_OPACITY);
   });
+  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").each(function() {
+    const el = d3Selection10.select(this);
+    el.attr("opacity", el.attr("data-lane") === laneName ? 1 : FADE_OPACITY);
+  });
   g.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", FADE_OPACITY);
   svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY);
+  g.selectAll(".gantt-marker-group").attr("opacity", FADE_OPACITY);
 }
 function highlightTask(g, svg, taskId) {
   g.selectAll(".gantt-task").each(function() {
@@ -20136,9 +20341,31 @@ function highlightTask(g, svg, taskId) {
   });
   g.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", FADE_OPACITY);
   svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY);
   svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY);
   g.selectAll(".gantt-lane-band, .gantt-lane-accent, .gantt-lane-band-group").attr("opacity", FADE_OPACITY);
   g.selectAll(".gantt-dep-arrow, .gantt-dep-arrowhead").attr("opacity", FADE_OPACITY);
+  g.selectAll(".gantt-marker-group").attr("opacity", FADE_OPACITY);
+}
+function highlightMilestone(g, svg, taskId) {
+  g.selectAll(".gantt-task").attr("opacity", FADE_OPACITY);
+  g.selectAll(".gantt-milestone").each(function() {
+    const el = d3Selection10.select(this);
+    el.attr("opacity", el.attr("data-task-id") === taskId ? 1 : FADE_OPACITY);
+  });
+  svg.selectAll(".gantt-task-label").each(function() {
+    const el = d3Selection10.select(this);
+    el.attr("opacity", el.attr("data-task-id") === taskId ? 1 : FADE_OPACITY);
+  });
+  g.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY);
+  g.selectAll(".gantt-lane-band, .gantt-lane-accent, .gantt-lane-band-group").attr("opacity", FADE_OPACITY);
+  g.selectAll(".gantt-dep-arrow, .gantt-dep-arrowhead").attr("opacity", FADE_OPACITY);
+  g.selectAll(".gantt-marker-group").attr("opacity", FADE_OPACITY);
 }
 function highlightTaskLabel(svg, lineNumber) {
   const ln = String(lineNumber);
@@ -20154,10 +20381,14 @@ function resetHighlight(g, svg) {
   g.selectAll(".gantt-task, .gantt-milestone").attr("opacity", 1);
   g.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", 1);
   svg.selectAll(".gantt-group-label").attr("opacity", 1);
+  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", 1);
   svg.selectAll(".gantt-task-label").attr("opacity", 1);
   svg.selectAll(".gantt-lane-header").attr("opacity", 1);
+  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", 1);
   g.selectAll(".gantt-lane-band, .gantt-lane-accent, .gantt-lane-band-group").attr("opacity", 1);
   g.selectAll(".gantt-dep-arrow, .gantt-dep-arrowhead").attr("opacity", 0.5);
+  g.selectAll(".gantt-marker-group").attr("opacity", 1);
+  g.selectAll(".gantt-era-group").attr("opacity", 1);
 }
 function buildRowList(resolved, collapsedGroups) {
   const rows = [];
@@ -20236,9 +20467,9 @@ function buildTagLaneRowList(resolved, swimlaneGroup, collapsedLanes) {
   for (const entry of tagGroup.entries) {
     const entryKey = entry.value.toLowerCase();
     const tasks = buckets.get(entryKey) ?? [];
+    if (tasks.length === 0) continue;
     tasks.sort((a, b) => a.startDate.getTime() - b.startDate.getTime());
-    const progressValues = tasks.map((t) => t.task.progress).filter((p) => p !== null);
-    const aggregateProgress = progressValues.length > 0 ? progressValues.reduce((a, b) => a + b, 0) / progressValues.length : null;
+    const aggregateProgress = durationWeightedProgress(tasks);
     const laneStartDate = tasks.length > 0 ? new Date(Math.min(...tasks.map((t) => t.startDate.getTime()))) : null;
     const laneEndDate = tasks.length > 0 ? new Date(Math.max(...tasks.map((t) => t.endDate.getTime()))) : null;
     const isCollapsed = collapsedLanes?.has(entry.value) ?? false;
@@ -20260,8 +20491,7 @@ function buildTagLaneRowList(resolved, swimlaneGroup, collapsedLanes) {
   }
   if (unbucketed.length > 0) {
     unbucketed.sort((a, b) => a.startDate.getTime() - b.startDate.getTime());
-    const progressValues = unbucketed.map((t) => t.task.progress).filter((p) => p !== null);
-    const aggregateProgress = progressValues.length > 0 ? progressValues.reduce((a, b) => a + b, 0) / progressValues.length : null;
+    const aggregateProgress = durationWeightedProgress(unbucketed);
     const noLaneStartDate = unbucketed.length > 0 ? new Date(Math.min(...unbucketed.map((t) => t.startDate.getTime()))) : null;
     const noLaneEndDate = unbucketed.length > 0 ? new Date(Math.max(...unbucketed.map((t) => t.endDate.getTime()))) : null;
     const noLaneName = `No ${tagGroup.name}`;
@@ -20284,6 +20514,20 @@ function buildTagLaneRowList(resolved, swimlaneGroup, collapsedLanes) {
   }
   return rows;
 }
+function durationWeightedProgress(tasks) {
+  let totalDuration = 0;
+  let totalProgress = 0;
+  let hasProgress = false;
+  for (const rt of tasks) {
+    const dur = rt.endDate.getTime() - rt.startDate.getTime();
+    totalDuration += dur;
+    if (rt.task.progress !== null) {
+      totalProgress += rt.task.progress * dur;
+      hasProgress = true;
+    }
+  }
+  return hasProgress && totalDuration > 0 ? totalProgress / totalDuration : null;
+}
 function dateToFractionalYear(d) {
   const y = d.getFullYear();
   const startOfYear = new Date(y, 0, 1);
@@ -20298,21 +20542,43 @@ function diamondPoints(cx, cy, size) {
 function formatGanttDate(d) {
   return `${MONTH_ABBR[d.getMonth()]} ${d.getDate()}, ${d.getFullYear()}`;
 }
-function showGanttDateIndicators(g, xScale, startDate, endDate, innerHeight, color) {
+function showGanttDateIndicators(g, xScale, startDate, endDate, innerHeight, color, options) {
   g.selectAll(".gantt-scale-tick").attr("opacity", 0.05);
   g.selectAll(".gantt-today").attr("opacity", 0.05);
+  const hg = g.append("g").attr("class", "gantt-hover-date").attr("pointer-events", "none");
   const tickLen = 6;
   const startPos = xScale(dateToFractionalYear(startDate));
   const startLabel = formatGanttDate(startDate);
-  g.append("line").attr("class", "gantt-hover-date").attr("x1", startPos).attr("y1", -tickLen).attr("x2", startPos).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4").attr("opacity", 0.6);
-  g.append("text").attr("class", "gantt-hover-date").attr("x", startPos).attr("y", -tickLen - 4).attr("text-anchor", "middle").attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(startLabel);
-  g.append("text").attr("class", "gantt-hover-date").attr("x", startPos).attr("y", innerHeight + tickLen + 12).attr("text-anchor", "middle").attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(startLabel);
+  if (!options?.skipStartLine) {
+    hg.append("line").attr("class", "gantt-hover-date").attr("x1", startPos).attr("y1", -tickLen).attr("x2", startPos).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4").attr("opacity", 0.6);
+  }
+  hg.append("text").attr("class", "gantt-hover-date").attr("x", startPos).attr("y", -tickLen - 4).attr("text-anchor", "middle").attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(startLabel);
+  hg.append("text").attr("class", "gantt-hover-date").attr("x", startPos).attr("y", innerHeight + tickLen + 12).attr("text-anchor", "middle").attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(startLabel);
   if (endDate && endDate.getTime() !== startDate.getTime()) {
     const endPos = xScale(dateToFractionalYear(endDate));
     const endLabel = formatGanttDate(endDate);
-    g.append("line").attr("class", "gantt-hover-date").attr("x1", endPos).attr("y1", -tickLen).attr("x2", endPos).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4").attr("opacity", 0.6);
-    g.append("text").attr("class", "gantt-hover-date").attr("x", endPos).attr("y", -tickLen - 4).attr("text-anchor", "middle").attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(endLabel);
-    g.append("text").attr("class", "gantt-hover-date").attr("x", endPos).attr("y", innerHeight + tickLen + 12).attr("text-anchor", "middle").attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(endLabel);
+    const minLabelGap = 90;
+    const gap = endPos - startPos;
+    let startLabelX = startPos;
+    let endLabelX = endPos;
+    let startAnchor = "middle";
+    let endAnchor = "middle";
+    if (gap < minLabelGap) {
+      const mid = (startPos + endPos) / 2;
+      startLabelX = mid - minLabelGap / 2;
+      endLabelX = mid + minLabelGap / 2;
+      startAnchor = "middle";
+      endAnchor = "middle";
+    }
+    hg.append("line").attr("class", "gantt-hover-date").attr("x1", endPos).attr("y1", -tickLen).attr("x2", endPos).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4").attr("opacity", 0.6);
+    hg.selectAll("text.gantt-hover-date").each(function() {
+      const el = d3Selection10.select(this);
+      if (el.text() === startLabel) {
+        el.attr("x", startLabelX).attr("text-anchor", startAnchor);
+      }
+    });
+    hg.append("text").attr("class", "gantt-hover-date").attr("x", endLabelX).attr("y", -tickLen - 4).attr("text-anchor", endAnchor).attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(endLabel);
+    hg.append("text").attr("class", "gantt-hover-date").attr("x", endLabelX).attr("y", innerHeight + tickLen + 12).attr("text-anchor", endAnchor).attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(endLabel);
   }
 }
 function hideGanttDateIndicators(g) {
@@ -20357,7 +20623,7 @@ function renderTimeScaleHorizontal(g, scale, innerWidth, innerHeight, textColor)
     g.append("text").attr("class", "gantt-scale-tick").attr("x", tick.pos).attr("y", innerHeight + tickLen + 12).attr("text-anchor", "middle").attr("font-size", "10px").attr("fill", textColor).attr("opacity", opacity).text(tick.label);
   }
 }
-var d3Scale, d3Selection10, BAR_H, ROW_GAP, GROUP_GAP2, MILESTONE_SIZE, MIN_LEFT_MARGIN, BOTTOM_MARGIN, RIGHT_MARGIN, JS_DAY_TO_WEEKDAY2, ERA_COLORS, FADE_OPACITY, MONTH_ABBR;
+var d3Scale, d3Selection10, BAR_H, ROW_GAP, GROUP_GAP2, MILESTONE_SIZE, MIN_LEFT_MARGIN, BOTTOM_MARGIN, RIGHT_MARGIN, CHAR_W, LABEL_PAD, LABEL_GAP, BAND_ACCENT_W, BAND_RADIUS, bandClipCounter, JS_DAY_TO_WEEKDAY2, ERA_COLORS, FADE_OPACITY, MONTH_ABBR;
 var init_renderer9 = __esm({
   "src/gantt/renderer.ts"() {
     "use strict";
@@ -20376,6 +20642,12 @@ var init_renderer9 = __esm({
     MIN_LEFT_MARGIN = 120;
     BOTTOM_MARGIN = 40;
     RIGHT_MARGIN = 20;
+    CHAR_W = 6.5;
+    LABEL_PAD = 8;
+    LABEL_GAP = 5;
+    BAND_ACCENT_W = 4;
+    BAND_RADIUS = 4;
+    bandClipCounter = 0;
     JS_DAY_TO_WEEKDAY2 = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];
     ERA_COLORS = ["#5e81ac", "#a3be8c", "#ebcb8b", "#d08770", "#b48ead"];
     FADE_OPACITY = 0.1;
@@ -20476,14 +20748,14 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
     nodePositionMap.set(node.id, node);
   }
   const LABEL_CHAR_W = 7;
-  const LABEL_PAD = 8;
+  const LABEL_PAD2 = 8;
   const LABEL_H = 16;
   const PERP_OFFSET = 10;
   const labelPositions = [];
   for (let ei = 0; ei < layout.edges.length; ei++) {
     const edge = layout.edges[ei];
     if (!edge.label) continue;
-    const bgW = edge.label.length * LABEL_CHAR_W + LABEL_PAD;
+    const bgW = edge.label.length * LABEL_CHAR_W + LABEL_PAD2;
     let lx, ly;
     if (edge.source === edge.target) {
       const node = nodePositionMap.get(edge.source);
@@ -22365,7 +22637,7 @@ function parseVisualization(content, palette) {
         continue;
       }
       const markerMatch = line10.match(
-        /^marker\s+(\d{4}(?:-\d{2})?(?:-\d{2})?)\s*:\s*(.+?)(?:\s*\(([^)]+)\))?\s*$/
+        /^marker:\s+(\d{4}(?:-\d{2})?(?:-\d{2})?)\s+(.+?)(?:\s*\(([^)]+)\))?\s*$/
       );
       if (markerMatch) {
         const colorAnnotation = markerMatch[3]?.trim() || null;
@@ -22389,7 +22661,7 @@ function parseVisualization(content, palette) {
         const unit = durationMatch[3];
         const endDate = addDurationToDate(startDate, amount, unit);
         const segments = durationMatch[5].split("|");
-        const metadata = segments.length > 1 ? parsePipeMetadata(["", ...segments.slice(1)], timelineAliasMap) : {};
+        const metadata = segments.length > 1 ? parsePipeMetadata(["", ...segments.slice(1)], timelineAliasMap, () => warn(lineNumber, MULTIPLE_PIPE_WARNING)) : {};
         result.timelineEvents.push({
           date: startDate,
           endDate,
@@ -22406,7 +22678,7 @@ function parseVisualization(content, palette) {
       );
       if (rangeMatch) {
         const segments = rangeMatch[4].split("|");
-        const metadata = segments.length > 1 ? parsePipeMetadata(["", ...segments.slice(1)], timelineAliasMap) : {};
+        const metadata = segments.length > 1 ? parsePipeMetadata(["", ...segments.slice(1)], timelineAliasMap, () => warn(lineNumber, MULTIPLE_PIPE_WARNING)) : {};
         result.timelineEvents.push({
           date: rangeMatch[1],
           endDate: rangeMatch[2],
@@ -22423,7 +22695,7 @@ function parseVisualization(content, palette) {
       );
       if (pointMatch) {
         const segments = pointMatch[2].split("|");
-        const metadata = segments.length > 1 ? parsePipeMetadata(["", ...segments.slice(1)], timelineAliasMap) : {};
+        const metadata = segments.length > 1 ? parsePipeMetadata(["", ...segments.slice(1)], timelineAliasMap, () => warn(lineNumber, MULTIPLE_PIPE_WARNING)) : {};
         result.timelineEvents.push({
           date: pointMatch[1],
           endDate: null,
@@ -24983,12 +25255,12 @@ function renderQuadrant(container, parsed, palette, isDark, onClickItem, exportD
   };
   const LABEL_MAX_FONT = 48;
   const LABEL_MIN_FONT = 14;
-  const LABEL_PAD = 40;
+  const LABEL_PAD2 = 40;
   const CHAR_WIDTH_RATIO3 = 0.6;
   const estTextWidth = (text, fontSize) => text.length * fontSize * CHAR_WIDTH_RATIO3;
   const quadrantLabelLayout = (text, qw2, qh2) => {
-    const availW = qw2 - LABEL_PAD;
-    const availH = qh2 - LABEL_PAD;
+    const availW = qw2 - LABEL_PAD2;
+    const availH = qh2 - LABEL_PAD2;
     const words = text.split(/\s+/);
     if (estTextWidth(text, LABEL_MAX_FONT) <= availW) {
       const fs = Math.min(LABEL_MAX_FONT, availH);
@@ -25375,9 +25647,8 @@ async function renderForExport(content, theme, palette, orgExportState, options)
     const { renderGantt: renderGantt2 } = await Promise.resolve().then(() => (init_renderer9(), renderer_exports9));
     const effectivePalette2 = await resolveExportPalette(theme, palette);
     const ganttParsed = parseGantt2(content, effectivePalette2);
-    if (ganttParsed.error) return "";
     const resolved = calculateSchedule2(ganttParsed);
-    if (resolved.error || resolved.tasks.length === 0) return "";
+    if (resolved.tasks.length === 0) return "";
     const EXPORT_W = 1200;
     const EXPORT_H = 800;
     const container2 = createExportContainer(EXPORT_W, EXPORT_H);