@diagrammo/dgmo 0.88.0 → 0.90.0

package/dist/{analyzer-R5UBTRO2.js → analyzer-7ZGAZIE6.js}

@@ -1,8 +1,8 @@
 import {
   analyzePert,
   buildProjectSubtitle
-} from "./chunk-MGBV4JEI.js";
-import "./chunk-3TYUXC7D.js";
+} from "./chunk-EDXGEQW3.js";
+import "./chunk-2SKMEL7V.js";
 import "./chunk-EQW6HOP4.js";
 import "./chunk-BYU54C3S.js";
 import "./chunk-5WRI5ZAA.js";

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,101 +4,108 @@ import {
 } from "./chunk-D3K4U3ZM.js";
 import {
   render
-} from "./chunk-VW52W5F6.js";
+} from "./chunk-RCBHL2B5.js";
 import "./chunk-ABP5BUD6.js";
 import {
   docsLink,
   renderErrorCard
-} from "./chunk-D4M25W6R.js";
-import "./chunk-MSXRNVHB.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-H2GEIFUF.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-JLETTWUJ.js";
+} from "./chunk-3BQCSQQJ.js";
 import "./chunk-YRYKTYMQ.js";
 import "./chunk-24YPR5EH.js";
+import "./chunk-NJYA4QSN.js";
 import "./chunk-XCKNFFKM.js";
-import "./chunk-RE6TVIAV.js";
-import "./chunk-QFIXL3OK.js";
-import "./chunk-3DOQOXXI.js";
-import "./chunk-LD2JSKU3.js";
+import "./chunk-X6IZP2BD.js";
+import "./chunk-SEKNYIMO.js";
+import "./chunk-CNUN5GO6.js";
+import "./chunk-OOCVGX4W.js";
+import "./chunk-NS7L7YKH.js";
 import "./chunk-VLC6WNRD.js";
-import "./chunk-BDXC7MDK.js";
-import "./chunk-LHL6HDUL.js";
-import "./chunk-FM3WAVB6.js";
 import "./chunk-ICLB27PZ.js";
-import "./chunk-WQ6G6FFM.js";
-import "./chunk-NF5YKFRH.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-GUYVKGFN.js";
-import "./chunk-GSYZZFI5.js";
-import "./chunk-GUTZCRBT.js";
-import "./chunk-BAZT6CIF.js";
-import "./chunk-RH2PROYG.js";
-import "./chunk-KAO7JL4I.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-AQIBKTPG.js";
-import "./chunk-3RYBTEF5.js";
-import "./chunk-UNNJCSSQ.js";
-import "./chunk-3TYUXC7D.js";
-import "./chunk-7WGCQE2E.js";
+import "./chunk-YWRZG6GN.js";
+import "./chunk-I74AQRVD.js";
+import "./chunk-AAC3XQWV.js";
+import "./chunk-2SKMEL7V.js";
+import "./chunk-2ZVLI6GQ.js";
 import "./chunk-EQW6HOP4.js";
 import {
   scanMonthNameDates
 } from "./chunk-DAOFNU6J.js";
-import "./chunk-VPASQOR3.js";
+import {
+  getPalette,
+  resolvePaletteOrFallback
+} 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-A4XPI4YN.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,
@@ -106,12 +113,11 @@ import {
   REGISTRY_DIRECTIVE_TOKENS,
   REGISTRY_MODIFIER_TOKENS,
   REGISTRY_STATUS_TOKENS
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import "./chunk-5NU7NII2.js";
-import {
-  resolvePaletteOrFallback
-} from "./chunk-IDJGV6VM.js";
-import "./chunk-7HWY4QAJ.js";
+import "./chunk-I6GGMCTV.js";
+import "./chunk-KAO7JL4I.js";
+import "./chunk-L24LESXF.js";
 import "./chunk-2M4IGSCY.js";
 import "./chunk-BYU54C3S.js";
 import "./chunk-5WRI5ZAA.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-PbgpGwYo.d.ts → chart-meta-B_WTMP0y.d.ts}

@@ -1,4 +1,4 @@
-import './chart-types-Db_EGf1o.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-Db_EGf1o.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-PbgpGwYo.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-FPXMCGS5.js";
+} from "./chunk-EK7JYFCL.js";
 import {
   decodeDiagramUrl,
   decodeViewState,
@@ -10,47 +10,48 @@ import {
 } from "./chunk-RE27AX7O.js";
 import {
   parseDgmoChartType
-} from "./chunk-AQIBKTPG.js";
+} from "./chunk-YWRZG6GN.js";
 import {
   parseRaci
-} from "./chunk-3RYBTEF5.js";
-import "./chunk-UNNJCSSQ.js";
-import "./chunk-3TYUXC7D.js";
-import "./chunk-7WGCQE2E.js";
+} from "./chunk-I74AQRVD.js";
+import "./chunk-AAC3XQWV.js";
+import "./chunk-2SKMEL7V.js";
+import "./chunk-2ZVLI6GQ.js";
 import "./chunk-EQW6HOP4.js";
 import "./chunk-DAOFNU6J.js";
-import "./chunk-VPASQOR3.js";
+import {
+  getAvailablePalettes,
+  getPalette
+} 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-A4XPI4YN.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 {
-  getAvailablePalettes,
-  getPalette
-} from "./chunk-IDJGV6VM.js";
 import {
   hexToHSLString
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 import "./chunk-2M4IGSCY.js";
 import "./chunk-BYU54C3S.js";
 import "./chunk-5WRI5ZAA.js";

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

@@ -4,7 +4,7 @@ import { P as PaletteConfig } from './tag-groups-fgxWTyyB.js';
 declare function isValidHex(value: string): boolean;
 /**
  * Register a palette. Called at module initialization.
- * Validates that all 19 color fields per mode are present and valid hex.
+ * Validates that all 23 color fields per mode are present and valid hex.
  * Throws on malformed palettes to catch errors at startup, not at render time.
  */
 declare function registerPalette(palette: PaletteConfig): void;
@@ -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-3BZRSZV6.js → charts-d3-QW4ERNUE.js}

@@ -2,24 +2,25 @@ import {
   D3_DATA_CHART_TYPES,
   renderDataChartD3,
   supportsD3DataChart
-} from "./chunk-H2GEIFUF.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-RE6TVIAV.js";
-import "./chunk-QFIXL3OK.js";
-import "./chunk-3DOQOXXI.js";
-import "./chunk-LD2JSKU3.js";
+import "./chunk-X6IZP2BD.js";
+import "./chunk-SEKNYIMO.js";
+import "./chunk-CNUN5GO6.js";
+import "./chunk-OOCVGX4W.js";
+import "./chunk-NS7L7YKH.js";
 import "./chunk-VLC6WNRD.js";
-import "./chunk-FM3WAVB6.js";
 import "./chunk-ICLB27PZ.js";
-import "./chunk-RH2PROYG.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-L5AFONQU.js";
-import "./chunk-44GP7PD5.js";
-import "./chunk-IDJGV6VM.js";
-import "./chunk-7HWY4QAJ.js";
+import "./chunk-L24LESXF.js";
 import "./chunk-2M4IGSCY.js";
 import "./chunk-BYU54C3S.js";
 import "./chunk-5WRI5ZAA.js";

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

@@ -4,7 +4,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-HAH5X345.js";
+} from "./chunk-KATED53P.js";
 import {
   appendArrowheadMarkers,
   appendReverseArrowheadMarkers
@@ -19,6 +19,9 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderIntegratedLegend
+} from "./chunk-NJYA4QSN.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -31,36 +34,33 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-3DOQOXXI.js";
+} 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-LHL6HDUL.js";
-import {
-  getLegendExtent,
-  getMaxLegendReservedHeight
-} from "./chunk-FM3WAVB6.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
-import {
-  CHAR_WIDTH_RATIO,
-  measureText,
-  truncateText
-} from "./chunk-KAO7JL4I.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,
+  truncateText
+} from "./chunk-KAO7JL4I.js";
 import {
   contrastText,
   groupFill,
@@ -70,7 +70,7 @@ import {
   shapeFill,
   themeBaseBg,
   valueRampColor
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 import {
   resolveColor
 } from "./chunk-2M4IGSCY.js";

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-JLETTWUJ.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,16 +20,21 @@ import {
   hideTooltip,
   renderChartTitle,
   showTooltip
-} from "./chunk-RE6TVIAV.js";
-import {
-  renderIntegratedLegend
-} from "./chunk-LHL6HDUL.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-4HG4PYHM.js";
+import {
+  resolveTagColor,
+  tagAttrKey
+} from "./chunk-HX2KJEPD.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -37,22 +47,14 @@ import {
   legendChromeColors,
   measureLegendText,
   truncateLegendText
-} from "./chunk-RH2PROYG.js";
-import {
-  resolveTagColor,
-  tagAttrKey
-} from "./chunk-L5AFONQU.js";
-import {
-  DEFAULT_PALETTE_ID,
-  getPalette
-} from "./chunk-IDJGV6VM.js";
+} from "./chunk-I6GGMCTV.js";
 import {
   getEraColors,
   getSeriesColors,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/embed/escape.ts
 var HTML_ENTITIES = {
@@ -354,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();
@@ -623,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;
@@ -652,7 +657,7 @@ function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setu
       };
       const centralCallbacks = viewMode ? {} : {
         onGroupToggle: (groupName) => {
-          currentActiveGroup = currentActiveGroup === groupName.toLowerCase() ? null : groupName.toLowerCase();
+          currentActiveGroup = currentActiveGroup?.toLowerCase() === groupName.toLowerCase() ? null : groupName.toLowerCase();
           drawLegend2();
           recolorEvents2();
           onTagStateChange?.(currentActiveGroup, currentSwimlaneGroup);
@@ -680,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;
@@ -691,15 +696,21 @@ function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setu
               iconY,
               isSwimActive
             );
-            iconEl.attr("data-swimlane-toggle", groupKey).on("click", (event) => {
-              event.stopPropagation();
-              currentSwimlaneGroup = currentSwimlaneGroup === groupKey ? null : groupKey;
-              onTagStateChange?.(
-                currentActiveGroup,
-                currentSwimlaneGroup
-              );
-              relayout2();
-            });
+            iconEl.attr("data-swimlane-toggle", groupKey);
+            wireSwimlaneToggle(
+              iconEl,
+              groupName,
+              isSwimActive,
+              !exportDims,
+              () => {
+                currentSwimlaneGroup = currentSwimlaneGroup != null && tagAttrKey(currentSwimlaneGroup) === groupKey ? null : groupKey;
+                onTagStateChange?.(
+                  currentActiveGroup,
+                  currentSwimlaneGroup
+                );
+                relayout2();
+              }
+            );
           }
         }
       };
@@ -1586,6 +1597,24 @@ function renderTimelineVertical(container, parsed, palette, isDark, setup, hover
 var timelineCollapseState = /* @__PURE__ */ new WeakMap();
 var tlBandClipCounter = 0;
 function renderTimeline(container, parsed, palette, isDark, onClickItem, exportDims, activeTagGroup, swimlaneTagGroup, onTagStateChange, viewMode, exportMode) {
+  keepSwimlaneToggleFocus(
+    container,
+    () => drawTimeline(
+      container,
+      parsed,
+      palette,
+      isDark,
+      onClickItem,
+      exportDims,
+      activeTagGroup,
+      swimlaneTagGroup,
+      onTagStateChange,
+      viewMode,
+      exportMode
+    )
+  );
+}
+function drawTimeline(container, parsed, palette, isDark, onClickItem, exportDims, activeTagGroup, swimlaneTagGroup, onTagStateChange, viewMode, exportMode) {
   const setup = setupTimeline(
     container,
     parsed,