@diagrammo/dgmo 0.89.0 → 0.90.0

package/dist/block.d.ts

@@ -1,4 +1,4 @@
-import { M as MapDataSource } from './d3-B6524aaP.js';
+import { M as MapDataSource } from './d3-2S3PrXik.js';
 import './tag-groups-fgxWTyyB.js';
 
 /**

package/dist/block.js

@@ -4,102 +4,108 @@ import {
 } from "./chunk-D3K4U3ZM.js";
 import {
   render
-} from "./chunk-M2BCY7H3.js";
+} from "./chunk-RCBHL2B5.js";
 import "./chunk-ABP5BUD6.js";
 import {
   docsLink,
   renderErrorCard
-} from "./chunk-DDPGEGHB.js";
-import "./chunk-Q6SQISHT.js";
+} from "./chunk-POBNN5DP.js";
+import {
+  choosePalette,
+  extractPaletteDirective
+} from "./chunk-HIVJBESO.js";
 import "./chunk-EOYPX6SF.js";
-import "./chunk-WP2RLGDI.js";
+import "./chunk-ZJ4PYTCK.js";
+import {
+  monthIndex,
+  weekdayIndex
+} from "./chunk-WFA6IULY.js";
+import "./chunk-3DPOIW3W.js";
+import "./chunk-TCX5PMEY.js";
 import "./chunk-A2RUBBVT.js";
-import "./chunk-ZUCXFXLD.js";
-import "./chunk-47E5UTXE.js";
-import "./chunk-3AQJNY65.js";
+import "./chunk-X3WYJ5T7.js";
+import "./chunk-SMEVBJJJ.js";
+import "./chunk-BDXC7MDK.js";
+import "./chunk-EEYQFJVK.js";
 import "./chunk-KMU65FYM.js";
 import "./chunk-EPDBWATV.js";
-import "./chunk-7UDAIP6W.js";
+import "./chunk-WHRIN7N3.js";
 import "./chunk-2CW5ZTNH.js";
 import {
   escapeAttr,
   escapeHtml
-} from "./chunk-UWKRPQZO.js";
+} from "./chunk-3BQCSQQJ.js";
 import "./chunk-YRYKTYMQ.js";
 import "./chunk-24YPR5EH.js";
+import "./chunk-NJYA4QSN.js";
 import "./chunk-XCKNFFKM.js";
-import "./chunk-UKJLPA7R.js";
+import "./chunk-X6IZP2BD.js";
 import "./chunk-SEKNYIMO.js";
 import "./chunk-CNUN5GO6.js";
 import "./chunk-OOCVGX4W.js";
-import "./chunk-VLC6WNRD.js";
-import "./chunk-BDXC7MDK.js";
-import "./chunk-7SX4IY6T.js";
 import "./chunk-NS7L7YKH.js";
+import "./chunk-VLC6WNRD.js";
 import "./chunk-ICLB27PZ.js";
-import "./chunk-WQ6G6FFM.js";
-import "./chunk-B3S76BZO.js";
-import "./chunk-PIXJL77H.js";
-import "./chunk-3C2FWS2J.js";
-import "./chunk-P3SKSKJI.js";
-import "./chunk-MY6GUH26.js";
+import "./chunk-MKFQ5E7J.js";
+import "./chunk-NFWRIC2V.js";
+import "./chunk-COPSI54O.js";
+import "./chunk-M6J25PAZ.js";
+import "./chunk-EWERNTOX.js";
+import "./chunk-RNXX2GOQ.js";
+import "./chunk-JX4RCC6B.js";
 import "./chunk-XSVWUOUZ.js";
-import "./chunk-BOO24UMJ.js";
-import "./chunk-JQ57AWDL.js";
-import {
-  monthIndex,
-  weekdayIndex
-} from "./chunk-WFA6IULY.js";
-import "./chunk-3DPOIW3W.js";
-import "./chunk-HTWH2XQL.js";
-import "./chunk-MHAYUS65.js";
-import "./chunk-RU725VCJ.js";
-import "./chunk-DV2VEJCC.js";
-import "./chunk-C7QRRTAW.js";
-import "./chunk-FKZ2Y3Q5.js";
+import "./chunk-4YO7VJTP.js";
+import "./chunk-YE7D2S75.js";
+import "./chunk-GXP344YZ.js";
+import "./chunk-NMKLX57Y.js";
+import "./chunk-NWSPPGIE.js";
+import "./chunk-IHK3Y2HG.js";
+import "./chunk-PNCKZFPE.js";
+import "./chunk-C4W62JZO.js";
 import "./chunk-QQJUTGQH.js";
-import "./chunk-NGC3IZRY.js";
-import "./chunk-6K7RODXG.js";
-import "./chunk-66YFDTT6.js";
-import "./chunk-GDJW64XE.js";
-import "./chunk-QFHWYWQL.js";
-import "./chunk-DPSMX4EY.js";
-import "./chunk-GSYZZFI5.js";
-import "./chunk-GUTZCRBT.js";
-import "./chunk-ITSBBQTH.js";
+import "./chunk-DNMICILX.js";
+import "./chunk-RJYFHEP4.js";
+import "./chunk-OYKNMFUY.js";
+import "./chunk-SVQDLYX7.js";
+import "./chunk-IRVQT4GR.js";
+import "./chunk-LC5LY5V2.js";
+import "./chunk-CUY56BK4.js";
+import "./chunk-NUYWNKHH.js";
 import {
   encodeDiagramUrl
 } from "./chunk-RE27AX7O.js";
-import "./chunk-K5XT7NHD.js";
-import "./chunk-3RYBTEF5.js";
-import "./chunk-JVZ7KFAX.js";
+import "./chunk-YWRZG6GN.js";
+import "./chunk-I74AQRVD.js";
+import "./chunk-AAC3XQWV.js";
 import "./chunk-2SKMEL7V.js";
-import "./chunk-7WGCQE2E.js";
+import "./chunk-2ZVLI6GQ.js";
 import "./chunk-EQW6HOP4.js";
 import {
   scanMonthNameDates
 } from "./chunk-DAOFNU6J.js";
 import {
+  getPalette,
   resolvePaletteOrFallback
-} from "./chunk-NIUO2TNR.js";
-import "./chunk-LFKSHDVI.js";
+} from "./chunk-4HG4PYHM.js";
+import "./chunk-62VWZ3SE.js";
 import "./chunk-C3Z4DX3V.js";
-import "./chunk-JRUEIRJB.js";
+import "./chunk-SLO22FPS.js";
 import "./chunk-7TF3QOOD.js";
-import "./chunk-AYOVY75O.js";
+import "./chunk-NY56FM55.js";
 import "./chunk-NXMESY4J.js";
-import "./chunk-MFW6P7WH.js";
-import "./chunk-WPL5PFXE.js";
-import "./chunk-J64NZ6NF.js";
+import "./chunk-OSIUWQ3N.js";
+import "./chunk-5TZPIKNV.js";
+import "./chunk-KSZHIAI2.js";
 import "./chunk-O753JUEZ.js";
 import "./chunk-N7VMGZCU.js";
-import "./chunk-FJNXXGTR.js";
-import "./chunk-UG2XG57E.js";
+import "./chunk-FS2LZBHG.js";
+import "./chunk-5M52RPAS.js";
 import "./chunk-IYULMRBE.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-HSRQDWV7.js";
+import "./chunk-CYF2X3CG.js";
 import "./chunk-4WW3SGMH.js";
-import "./chunk-L5AFONQU.js";
+import "./chunk-3UR4F7FE.js";
+import "./chunk-HX2KJEPD.js";
 import {
   CHART_TYPE_IDS,
   REGISTRY_COLON_KEY_TOKENS,
@@ -107,7 +113,7 @@ import {
   REGISTRY_DIRECTIVE_TOKENS,
   REGISTRY_MODIFIER_TOKENS,
   REGISTRY_STATUS_TOKENS
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import "./chunk-5NU7NII2.js";
 import "./chunk-I6GGMCTV.js";
 import "./chunk-KAO7JL4I.js";
@@ -1068,6 +1074,24 @@ async function renderDgmoBlock(source, options = {}) {
   const palette = resolvePaletteOrFallback(opts.palette, opts.onWarn);
   const diagnostics = [];
   let chartType;
+  const directive = extractPaletteDirective(trimmed);
+  const drawnIn = (theme) => {
+    const chosen = choosePalette(directive, { palette: palette.id, theme });
+    const config = chosen.palette ?? (chosen.paletteId === palette.id ? palette : getPalette(chosen.paletteId));
+    return {
+      config,
+      theme: chosen.theme,
+      bg: config[chosen.theme === "dark" ? "dark" : "light"].bg,
+      // Drawn in another mode than the slot asked for: its colours were
+      // picked against its own ground, so stripping that ground would put
+      // dark-mode text on a light page.
+      pinned: chosen.theme !== theme
+    };
+  };
+  const backgroundFor = (theme) => {
+    if (opts.background !== "auto") return opts.background;
+    return drawnIn(theme).pinned ? "opaque" : defaultEmbedBackground(chartType);
+  };
   const renderTheme = async (theme) => {
     const r = await render(trimmed, {
       palette: palette.id,
@@ -1077,7 +1101,8 @@ async function renderDgmoBlock(source, options = {}) {
     chartType = r.chartType;
     diagnostics.push(...r.diagnostics);
     const errors = r.diagnostics.filter((d) => d.severity === "error");
-    return errors.length ? renderErrorCard(errors, trimmed, palette, theme) : r.svg;
+    const drawn = drawnIn(theme);
+    return errors.length ? renderErrorCard(errors, trimmed, drawn.config, drawn.theme) : r.svg;
   };
   let svgsHtml;
   if (opts.colorMode === "auto") {
@@ -1085,13 +1110,11 @@ async function renderDgmoBlock(source, options = {}) {
       renderTheme("light"),
       renderTheme("dark")
     ]);
-    const background = opts.background === "auto" ? defaultEmbedBackground(chartType) : opts.background;
-    svgsHtml = `<div class="${escapeAttr(innerClasses(opts, "dgmo-light"))}" data-dgmo-bg="${escapeAttr(palette.light.bg)}">${normalizeSvgForEmbed(light, { background })}</div><div class="${escapeAttr(innerClasses(opts, "dgmo-dark"))}" data-dgmo-bg="${escapeAttr(palette.dark.bg)}" style="display:none">${normalizeSvgForEmbed(dark, { background })}</div>`;
+    svgsHtml = `<div class="${escapeAttr(innerClasses(opts, "dgmo-light"))}" data-dgmo-bg="${escapeAttr(drawnIn("light").bg)}">${normalizeSvgForEmbed(light, { background: backgroundFor("light") })}</div><div class="${escapeAttr(innerClasses(opts, "dgmo-dark"))}" data-dgmo-bg="${escapeAttr(drawnIn("dark").bg)}" style="display:none">${normalizeSvgForEmbed(dark, { background: backgroundFor("dark") })}</div>`;
   } else {
     const svg = await renderTheme(opts.colorMode);
-    const background = opts.background === "auto" ? defaultEmbedBackground(chartType) : opts.background;
-    const paletteBg = palette[opts.colorMode === "dark" ? "dark" : "light"].bg;
-    svgsHtml = `<div class="${escapeAttr(innerClasses(opts, "dgmo-svg"))}" data-dgmo-bg="${escapeAttr(paletteBg)}">${normalizeSvgForEmbed(svg, { background })}</div>`;
+    const paletteBg = drawnIn(opts.colorMode).bg;
+    svgsHtml = `<div class="${escapeAttr(innerClasses(opts, "dgmo-svg"))}" data-dgmo-bg="${escapeAttr(paletteBg)}">${normalizeSvgForEmbed(svg, { background: backgroundFor(opts.colorMode) })}</div>`;
   }
   return { html: assembleBlock(trimmed, svgsHtml, opts), diagnostics };
 }

package/dist/{calculator-35YVW4QO.js → calculator-PX3JHKAS.js}

@@ -1,9 +1,9 @@
 import {
   calculateSchedule
-} from "./chunk-LCJURK7L.js";
+} from "./chunk-Y6GQQ4Y2.js";
 import "./chunk-EQW6HOP4.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-44GP7PD5.js";
+import "./chunk-MPJQMMBZ.js";
 import "./chunk-2M4IGSCY.js";
 import "./chunk-BYU54C3S.js";
 import "./chunk-5WRI5ZAA.js";

package/dist/{chart-meta-Bev5Ebjr.d.ts → chart-meta-B_WTMP0y.d.ts}

@@ -1,4 +1,4 @@
-import './chart-types-Bf8C5QQW.js';
+import './chart-types-V2NcgN5O.js';
 import { a as PaletteColors, T as TagGroup, D as DgmoError } from './tag-groups-fgxWTyyB.js';
 
 /** Convert hex (#RRGGBB or #RGB) to { h, s, l } with h in degrees, s/l as percentages. */

package/dist/chart-meta.d.ts

@@ -1,3 +1,3 @@
-export { C as ChartTypeId, a as ChartTypeMeta, c as chartTypes, b as getAvailablePalettes, g as getPalette } from './chart-types-Bf8C5QQW.js';
-export { A as ALL_CHART_TYPES, O as OrgNode, P as ParsedOrg, l as hexToHSLString, o as normalizePertSourceForShare, p as parseDgmoChartType, q as parseFirstLine, r as parseOrg, s as parseRaci, t as resolveOrgImports } from './chart-meta-Bev5Ebjr.js';
+export { C as ChartTypeId, a as ChartTypeMeta, c as chartTypes, b as getAvailablePalettes, g as getPalette } from './chart-types-V2NcgN5O.js';
+export { A as ALL_CHART_TYPES, O as OrgNode, P as ParsedOrg, l as hexToHSLString, o as normalizePertSourceForShare, p as parseDgmoChartType, q as parseFirstLine, r as parseOrg, s as parseRaci, t as resolveOrgImports } from './chart-meta-B_WTMP0y.js';
 export { C as CompactViewState, h as DecodedDiagramUrl, i as EncodeDiagramUrlOptions, j as EncodeDiagramUrlResult, a as PaletteColors, l as decodeDiagramUrl, m as decodeViewState, n as encodeDiagramUrl, o as encodeViewState } from './tag-groups-fgxWTyyB.js';

package/dist/chart-meta.js

@@ -1,7 +1,7 @@
 import {
   normalizePertSourceForShare,
   resolveOrgImports
-} from "./chunk-SLQT3JP3.js";
+} from "./chunk-EK7JYFCL.js";
 import {
   decodeDiagramUrl,
   decodeViewState,
@@ -10,43 +10,44 @@ import {
 } from "./chunk-RE27AX7O.js";
 import {
   parseDgmoChartType
-} from "./chunk-K5XT7NHD.js";
+} from "./chunk-YWRZG6GN.js";
 import {
   parseRaci
-} from "./chunk-3RYBTEF5.js";
-import "./chunk-JVZ7KFAX.js";
+} from "./chunk-I74AQRVD.js";
+import "./chunk-AAC3XQWV.js";
 import "./chunk-2SKMEL7V.js";
-import "./chunk-7WGCQE2E.js";
+import "./chunk-2ZVLI6GQ.js";
 import "./chunk-EQW6HOP4.js";
 import "./chunk-DAOFNU6J.js";
 import {
   getAvailablePalettes,
   getPalette
-} from "./chunk-NIUO2TNR.js";
-import "./chunk-LFKSHDVI.js";
+} from "./chunk-4HG4PYHM.js";
+import "./chunk-62VWZ3SE.js";
 import "./chunk-C3Z4DX3V.js";
-import "./chunk-JRUEIRJB.js";
+import "./chunk-SLO22FPS.js";
 import "./chunk-7TF3QOOD.js";
-import "./chunk-AYOVY75O.js";
+import "./chunk-NY56FM55.js";
 import "./chunk-NXMESY4J.js";
-import "./chunk-MFW6P7WH.js";
-import "./chunk-WPL5PFXE.js";
-import "./chunk-J64NZ6NF.js";
+import "./chunk-OSIUWQ3N.js";
+import "./chunk-5TZPIKNV.js";
+import "./chunk-KSZHIAI2.js";
 import "./chunk-O753JUEZ.js";
 import "./chunk-N7VMGZCU.js";
 import {
   parseOrg
-} from "./chunk-FJNXXGTR.js";
-import "./chunk-UG2XG57E.js";
+} from "./chunk-FS2LZBHG.js";
+import "./chunk-5M52RPAS.js";
 import "./chunk-IYULMRBE.js";
 import "./chunk-NOTA6TEI.js";
 import "./chunk-4WW3SGMH.js";
-import "./chunk-L5AFONQU.js";
+import "./chunk-3UR4F7FE.js";
+import "./chunk-HX2KJEPD.js";
 import {
   ALL_CHART_TYPES,
   chartTypes,
   parseFirstLine
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import "./chunk-5NU7NII2.js";
 import {
   hexToHSLString

package/dist/{chart-types-Bf8C5QQW.d.ts → chart-types-V2NcgN5O.d.ts}

@@ -159,6 +159,10 @@ declare const chartTypesData: readonly [{
     readonly id: "sketch";
     readonly description: "GUI-first constrained canvas: uniformly-sized shapes placed freely on a snap grid, arrows between them, meaning through tags — the markup is generated by the canvas editor";
     readonly beta: true;
+}, {
+    readonly id: "whiteboard";
+    readonly description: "Free-form whiteboard on an infinite canvas: rectangles, ellipses, databases, queues, free arrows, text, pasted images and freehand ink at pixel positions — drawn in the canvas; AI writes shapes, arrows and text, never ink";
+    readonly beta: true;
 }, {
     readonly id: "goal";
     readonly description: "Single progress-toward-a-target value (now vs target) as a progress bar, thermometer, or gauge — KPIs, fundraising, quotas, completion";

package/dist/{charts-d3-KEQSUWKP.js → charts-d3-QW4ERNUE.js}

@@ -2,21 +2,22 @@ import {
   D3_DATA_CHART_TYPES,
   renderDataChartD3,
   supportsD3DataChart
-} from "./chunk-3AQJNY65.js";
+} from "./chunk-EEYQFJVK.js";
 import "./chunk-KMU65FYM.js";
 import "./chunk-EPDBWATV.js";
-import "./chunk-7UDAIP6W.js";
+import "./chunk-WHRIN7N3.js";
 import "./chunk-2CW5ZTNH.js";
-import "./chunk-UKJLPA7R.js";
+import "./chunk-X6IZP2BD.js";
 import "./chunk-SEKNYIMO.js";
 import "./chunk-CNUN5GO6.js";
 import "./chunk-OOCVGX4W.js";
-import "./chunk-VLC6WNRD.js";
 import "./chunk-NS7L7YKH.js";
+import "./chunk-VLC6WNRD.js";
 import "./chunk-ICLB27PZ.js";
-import "./chunk-NIUO2TNR.js";
-import "./chunk-L5AFONQU.js";
-import "./chunk-44GP7PD5.js";
+import "./chunk-4HG4PYHM.js";
+import "./chunk-3UR4F7FE.js";
+import "./chunk-HX2KJEPD.js";
+import "./chunk-MPJQMMBZ.js";
 import "./chunk-I6GGMCTV.js";
 import "./chunk-KAO7JL4I.js";
 import "./chunk-L24LESXF.js";

package/dist/{chunk-ECMA6XE2.js → chunk-2EDJPHXQ.js}

@@ -19,6 +19,9 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderIntegratedLegend
+} from "./chunk-NJYA4QSN.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -32,30 +35,27 @@ import {
 import {
   layoutInlineHeader
 } from "./chunk-CNUN5GO6.js";
+import {
+  getLegendExtent,
+  getMaxLegendReservedHeight
+} from "./chunk-NS7L7YKH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
 } from "./chunk-VLC6WNRD.js";
-import {
-  renderIntegratedLegend
-} from "./chunk-7SX4IY6T.js";
-import {
-  getLegendExtent,
-  getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   resolveGroupTagColor,
   resolveTagColor
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,

package/dist/{chunk-7WGCQE2E.js → chunk-2ZVLI6GQ.js}

@@ -1,6 +1,6 @@
 import {
   parseFirstLine
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   parseCloudReferenceFence,
   parseCloudReferenceUrl

package/dist/{chunk-UWKRPQZO.js → chunk-3BQCSQQJ.js}

@@ -5,6 +5,11 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  keepSwimlaneToggleFocus,
+  renderIntegratedLegend,
+  wireSwimlaneToggle
+} from "./chunk-NJYA4QSN.js";
 import {
   EDGE_DASH,
   GRID_DASH,
@@ -15,26 +20,21 @@ import {
   hideTooltip,
   renderChartTitle,
   showTooltip
-} from "./chunk-UKJLPA7R.js";
-import {
-  keepSwimlaneToggleFocus,
-  renderIntegratedLegend,
-  wireSwimlaneToggle
-} from "./chunk-7SX4IY6T.js";
+} from "./chunk-X6IZP2BD.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   parseTimelineDate
-} from "./chunk-GDJW64XE.js";
+} from "./chunk-OYKNMFUY.js";
 import {
   DEFAULT_PALETTE_ID,
   getPalette
-} from "./chunk-NIUO2TNR.js";
+} from "./chunk-4HG4PYHM.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -356,7 +356,7 @@ function setupTimeline(container, parsed, palette, isDark, exportDims, activeTag
   if (resolvedSwimlaneTG) {
     const tagKey = tagAttrKey(resolvedSwimlaneTG);
     const tagGroup = parsed.timelineTagGroups.find(
-      (g) => g.name.toLowerCase() === tagKey
+      (g) => tagAttrKey(g.name) === tagKey
     );
     if (tagGroup) {
       const buckets = /* @__PURE__ */ new Map();
@@ -625,7 +625,10 @@ function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setu
     }, drawLegend2 = function() {
       mainSvg.selectAll(".tl-tag-legend-group").remove();
       mainSvg.selectAll(".tl-tag-legend-container").remove();
-      const effectiveColorKey = (currentActiveGroup ?? currentSwimlaneGroup)?.toLowerCase() ?? null;
+      const effectiveSource = currentActiveGroup ?? currentSwimlaneGroup;
+      const effectiveColorKey = effectiveSource == null ? null : legendGroups.find(
+        (lg) => tagAttrKey(lg.group.name) === tagAttrKey(effectiveSource)
+      )?.group.name.toLowerCase() ?? effectiveSource.toLowerCase();
       const visibleGroups = viewMode ? legendGroups.filter(
         (lg) => effectiveColorKey != null && lg.group.name.toLowerCase() === effectiveColorKey
       ) : legendGroups;
@@ -682,7 +685,7 @@ function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setu
           const groupKey = tagAttrKey(groupName);
           groupEl.attr("data-tag-group", groupKey);
           if (isActive && !viewMode) {
-            const isSwimActive = currentSwimlaneGroup?.toLowerCase() === groupKey;
+            const isSwimActive = currentSwimlaneGroup != null && tagAttrKey(currentSwimlaneGroup) === groupKey;
             const pillWidth = measureLegendText(groupName, LG_PILL_FONT_SIZE) + LG_PILL_PAD;
             const pillXOff = LG_CAPSULE_PAD;
             const iconX = pillXOff + pillWidth + 5;
@@ -700,7 +703,7 @@ function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setu
               isSwimActive,
               !exportDims,
               () => {
-                currentSwimlaneGroup = currentSwimlaneGroup === groupKey ? null : groupKey;
+                currentSwimlaneGroup = currentSwimlaneGroup != null && tagAttrKey(currentSwimlaneGroup) === groupKey ? null : groupKey;
                 onTagStateChange?.(
                   currentActiveGroup,
                   currentSwimlaneGroup

package/dist/{chunk-7C2RAGPT.js → chunk-3HBR3YAN.js}

@@ -5,6 +5,11 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  keepSwimlaneToggleFocus,
+  renderIntegratedLegend,
+  wireSwimlaneToggle
+} from "./chunk-NJYA4QSN.js";
 import {
   EDGE_DASH,
   GRID_DASH,
@@ -14,21 +19,16 @@ import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
 } from "./chunk-CNUN5GO6.js";
-import {
-  TITLE_FONT_SIZE,
-  TITLE_FONT_WEIGHT,
-  TITLE_Y
-} from "./chunk-VLC6WNRD.js";
-import {
-  keepSwimlaneToggleFocus,
-  renderIntegratedLegend,
-  wireSwimlaneToggle
-} from "./chunk-7SX4IY6T.js";
 import {
   controlsGroupCapsuleWidth,
   getLegendExtent,
   getMaxLegendReservedHeight
 } from "./chunk-NS7L7YKH.js";
+import {
+  TITLE_FONT_SIZE,
+  TITLE_FONT_WEIGHT,
+  TITLE_Y
+} from "./chunk-VLC6WNRD.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -40,7 +40,7 @@ import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -1251,7 +1251,7 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
     const showIcon = !legendViewMode && tagGroups.length > 0;
     const iconReserve = showIcon ? LEGEND_ICON_W : 0;
     const legendGroups = visibleGroups.map((g) => {
-      const key = g.name.toLowerCase();
+      const key = tagAttrKey(g.name);
       const entries = filteredEntries.get(key) ?? g.entries;
       return {
         name: g.name,

package/dist/chunk-3UR4F7FE.js

@@ -0,0 +1,14 @@
+// src/palettes/built-in-ids.ts
+var BUILT_IN_PALETTE_IDS = /* @__PURE__ */ new Set([
+  "atlas",
+  "blueprint",
+  "catppuccin",
+  "nord",
+  "slate",
+  "tidewater",
+  "tokyo-night"
+]);
+
+export {
+  BUILT_IN_PALETTE_IDS
+};