@diagrammo/dgmo 0.95.0 → 0.97.0

package/dist/{chunk-C6G36F5S.js → chunk-H242TVAE.js}

@@ -7,12 +7,12 @@ import {
 } from "./chunk-2CW5ZTNH.js";
 import {
   layoutInlineHeader
-} from "./chunk-UIEKW4SG.js";
+} from "./chunk-REKLKGR6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   CARD_RADIUS,
   EDGE_DASH,
@@ -23,14 +23,14 @@ import {
   META_LINE_HEIGHT,
   NODE_STROKE_WIDTH,
   SEPARATOR_GAP
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -38,18 +38,18 @@ import {
   UNTAGGED_TAG_COLOR,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   mix,

package/dist/{chunk-5XBYLYYI.js → chunk-H7DZYHQF.js}

@@ -4,21 +4,21 @@ import {
 import {
   resolveNotes,
   tryCollectNote
-} from "./chunk-KLBTJEIK.js";
+} from "./chunk-4TK26YHH.js";
 import {
   displayName,
   normalizeName
 } from "./chunk-NOTA6TEI.js";
 import {
   isTagBlockHeading
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   AliasRegistry,
   OPTION_NOCOLON_RE,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-3J7O3CU6.js";

package/dist/{chunk-GLCMUTO5.js → chunk-HQNZJMNS.js}

@@ -1,6 +1,6 @@
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 
 // src/wireframe/layout.ts
 var DESKTOP_WIDTH = 1200;

package/dist/{chunk-IY62DXT2.js → chunk-IAM3IDL4.js}

@@ -7,7 +7,7 @@ import {
 import {
   resolveNotes,
   tryCollectNote
-} from "./chunk-KLBTJEIK.js";
+} from "./chunk-4TK26YHH.js";
 import {
   displayName,
   normalizeName
@@ -19,7 +19,7 @@ import {
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   emit,

package/dist/{chunk-IGJEKO2P.js → chunk-II6D6NWX.js}

@@ -7,34 +7,34 @@ import {
   mutedFill,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-CN4RDJDV.js";
+} from "./chunk-5TGZBHEJ.js";
 import {
   layoutInlineHeader
-} from "./chunk-UIEKW4SG.js";
+} from "./chunk-REKLKGR6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   getSeriesColors,

package/dist/{chunk-AULZD45V.js → chunk-IUFTAFGN.js}

@@ -9,7 +9,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   MAP_DIRECTIVE_KEY_SET,
   MAP_REGISTRY,
@@ -18,7 +18,7 @@ import {
   peelRampColors,
   splitNameAndMeta,
   withTagAliases
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   NEGATIVE_VALUE_DX,
   emit,

package/dist/{chunk-FWVE373X.js → chunk-IZEKHIV6.js}

@@ -1,9 +1,9 @@
 import {
   compactNumber
-} from "./chunk-CN4RDJDV.js";
+} from "./chunk-5TGZBHEJ.js";
 import {
   TITLE_FONT_WEIGHT
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   parseInlineMarkdown
 } from "./chunk-QKPOIJBT.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   getSeriesColors,
   mix,

package/dist/{chunk-BQMHJ6OW.js → chunk-J3YM6RA5.js}

@@ -1,20 +1,23 @@
+import {
+  isTitleRoot
+} from "./chunk-35A3J4Z5.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
 import {
   HEADER_HEIGHT
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
   injectDefaultTagMetadata,
   resolveTagColor
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   measureText,
   truncateText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 
 // src/mindmap/text-wrap.ts
 var H_PAD = 16;
@@ -188,17 +191,14 @@ function layoutMindmap(parsed, _palette, options) {
   collectAll(roots);
   injectDefaultTagMetadata(allNodes, parsed.tagGroups);
   const tagGroups = parsed.tagGroups;
-  if (roots.length === 1) {
-    return layoutSingleRoot(
-      roots[0],
-      hiddenCounts,
-      hideDescriptions,
-      tagGroups,
-      activeTagGroup,
-      sc
-    );
-  }
-  return layoutMultiRoot(
+  const result = roots.length === 1 ? layoutSingleRoot(
+    roots[0],
+    hiddenCounts,
+    hideDescriptions,
+    tagGroups,
+    activeTagGroup,
+    sc
+  ) : layoutMultiRoot(
     roots,
     parsed,
     hiddenCounts,
@@ -207,6 +207,14 @@ function layoutMindmap(parsed, _palette, options) {
     activeTagGroup,
     sc
   );
+  const titleRootId = roots.find(isTitleRoot)?.id;
+  if (titleRootId === void 0) return result;
+  return {
+    ...result,
+    nodes: result.nodes.map(
+      (n) => n.id === titleRootId ? { ...n, hasChildren: false } : n
+    )
+  };
 }
 function layoutSingleRoot(root, hiddenCounts, hideDescriptions, tagGroups = [], activeTagGroup = null, sc) {
   const positioned = [];

package/dist/{chunk-R6EGUTIV.js → chunk-J467QBZF.js}

@@ -7,11 +7,12 @@ import {
 } from "./chunk-NOTA6TEI.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
+  activeTagNoMatchMessage,
   finalizeAutoTagColors,
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   FAMILY_PERSON_REGISTRY,
   FAMILY_UNION_REGISTRY,
@@ -26,13 +27,14 @@ import {
   tokenizeQuoteAware,
   tryParseSharedOption,
   withTagAliases
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   nord,
   resolveColor
 } from "./chunk-3J7O3CU6.js";
 import {
-  emit
+  emit,
+  makeDgmoError
 } from "./chunk-BYU54C3S.js";
 
 // src/family/diagnostics.ts
@@ -148,6 +150,8 @@ function matchFamilyOption(line) {
   const h = line.match(/^highlight\s+(.+)$/i);
   if (h) return { key: "highlight", value: h[1].trim() };
   if (/^generations$/i.test(line)) return { key: "generations", value: "true" };
+  const at = line.match(/^active-tag\s+(.+)$/i);
+  if (at) return { key: "active-tag", value: at[1].trim() };
   if (/^no-daggers$/i.test(line)) return { key: "no-daggers", value: "true" };
   return null;
 }
@@ -157,6 +161,7 @@ function parseFamily(content, palette) {
   const unions = [];
   const tagGroups = [];
   const options = {};
+  let activeTagLine = 0;
   const rawLines = content.split("\n");
   let title;
   let titleLineNumber;
@@ -244,6 +249,7 @@ function parseFamily(content, palette) {
       const fam = matchFamilyOption(trimmed);
       if (fam) {
         options[fam.key] = fam.value;
+        if (fam.key === "active-tag") activeTagLine = lineNum;
         continue;
       }
     }
@@ -548,6 +554,20 @@ function parseFamily(content, palette) {
       delete options["highlight"];
     }
   }
+  const activeTagWarning = activeTagNoMatchMessage(
+    options["active-tag"],
+    tagGroups
+  );
+  if (activeTagWarning) {
+    diagnostics.push(
+      makeDgmoError(
+        activeTagLine || 1,
+        activeTagWarning,
+        "warning",
+        "W_ACTIVE_TAG_NO_MATCH"
+      )
+    );
+  }
   let error = null;
   const quotient = buildCoupleQuotient(frozenPersons, unions);
   if (quotient.cycle) {

package/dist/{chunk-JJ7RGTAU.js → chunk-J7JF4QKA.js}

@@ -1,27 +1,27 @@
-import {
-  renderNodeCard
-} from "./chunk-R2K5L4UA.js";
 import {
   placeEdgeLabels
-} from "./chunk-IN7XI6NO.js";
+} from "./chunk-4NMRS6HW.js";
 import {
   serializeSvg
-} from "./chunk-CYRB2JTN.js";
+} from "./chunk-YLKPRT6U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderCollapseBar,
+  renderNodeCard
+} from "./chunk-LRTSTDJ6.js";
 import {
   layoutInlineHeader
-} from "./chunk-UIEKW4SG.js";
+} from "./chunk-REKLKGR6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
   CARD_RADIUS,
-  COLLAPSE_BAR_HEIGHT,
   CONTAINER_HEADER_HEIGHT,
   CONTAINER_LABEL_FONT_SIZE,
   CONTAINER_META_FONT_SIZE,
@@ -35,14 +35,14 @@ import {
   META_LINE_HEIGHT,
   NODE_STROKE_WIDTH,
   SEPARATOR_GAP
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
@@ -54,12 +54,12 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   EYE_CLOSED_PATH,
   EYE_OPEN_PATH,
@@ -67,10 +67,10 @@ import {
   LEGEND_EYE_SIZE,
   LEGEND_GROUP_GAP,
   LEGEND_HEIGHT
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   mix,
@@ -170,7 +170,6 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
   const sContainerHeaderHeight = ctx.structural(CONTAINER_HEADER_HEIGHT);
   const sTitleFontSize = ctx.text(TITLE_FONT_SIZE);
   const sTitleHeight = ctx.structural(TITLE_HEIGHT);
-  const sCollapseBarHeight = ctx.structural(COLLAPSE_BAR_HEIGHT);
   const sLegendFixedGap = ctx.aesthetic(LEGEND_FIXED_GAP);
   const noLegend = legendSuppressed(parsed.options);
   const hasLegend = layout.legend.length > 0 && !noLegend;
@@ -319,10 +318,17 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
         cG.append("text").attr("x", valueX).attr("y", rowY).attr("fill", valColor).attr("font-size", sContainerMetaFontSize).text(value);
       }
     }
-    if (!exportDims && c.hiddenCount && c.hiddenCount > 0) {
-      const clipId = `clip-${c.nodeId}`;
-      cG.append("clipPath").attr("id", clipId).append("rect").attr("width", c.width).attr("height", c.height).attr("rx", CONTAINER_RADIUS);
-      cG.append("rect").attr("y", c.height - sCollapseBarHeight).attr("width", c.width).attr("height", sCollapseBarHeight).attr("fill", stroke).attr("clip-path", `url(#${clipId})`).attr("class", "sitemap-collapse-bar");
+    if (c.hasChildren) {
+      renderCollapseBar(cG, {
+        expanded: !c.hiddenCount,
+        width: c.width,
+        height: c.height,
+        rx: CONTAINER_RADIUS,
+        fill: stroke,
+        clipId: `clip-${c.nodeId}`,
+        prefix: "sitemap",
+        scale: ctx
+      });
     }
   }
   const labelCentres = placeSitemapEdgeLabels(layout, sEdgeLabelFontSize);
@@ -347,7 +353,7 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
   for (const node of layout.nodes) {
     const nodeG = contentG.append("g").attr("transform", `translate(${node.x - node.width / 2}, ${node.y})`).attr("class", "sitemap-node").attr("data-line-number", String(node.lineNumber)).attr("data-node-id", node.id);
     if (node.hasChildren) {
-      nodeG.attr("data-node-toggle", node.id).attr("role", "button").attr("aria-expanded", String(!node.hiddenCount));
+      nodeG.attr("data-node-toggle", node.id).attr("role", "button").attr("aria-expanded", String(!node.hiddenCount)).attr("aria-label", node.label);
     }
     if (onClickItem) {
       nodeG.style("cursor", "pointer").on("click", () => onClickItem(node.lineNumber));
@@ -410,13 +416,17 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
         renderInlineText(textEl, processed, palette, sMetaFontSize);
       }
     }
-    if (!exportDims && node.hiddenCount && node.hiddenCount > 0) {
-      const clipId = `clip-${node.id}`;
-      nodeG.append("clipPath").attr("id", clipId).append("rect").attr("width", node.width).attr("height", node.height).attr("rx", CARD_RADIUS);
-      nodeG.append("rect").attr("y", node.height - sCollapseBarHeight).attr("width", node.width).attr("height", sCollapseBarHeight).attr(
-        "fill",
-        fillMode === "solid" ? labelColor : node.color ?? palette.primary
-      ).attr("opacity", 0.5).attr("clip-path", `url(#${clipId})`);
+    if (node.hasChildren) {
+      renderCollapseBar(nodeG, {
+        expanded: !node.hiddenCount,
+        width: node.width,
+        height: node.height,
+        rx: CARD_RADIUS,
+        fill: fillMode === "solid" ? labelColor : stroke,
+        clipId: `clip-${node.id}`,
+        prefix: "sitemap",
+        scale: ctx
+      });
     }
   }
   if (exportDims && hasLegend) {
@@ -507,8 +517,8 @@ function renderLegend(parent, legendGroups, palette, isDark, activeTagGroup, fix
   }
 }
 async function renderSitemapForExport(content, theme, palette) {
-  const { parseSitemap } = await import("./parser-6TDWUKM5.js");
-  const { layoutSitemap } = await import("./layout-ND26WVX2.js");
+  const { parseSitemap } = await import("./parser-BA43YPIQ.js");
+  const { layoutSitemap } = await import("./layout-ZCCABSV7.js");
   const { getPalette, DEFAULT_PALETTE_ID } = await import("./palettes-4Y7CL2QL.js");
   const isDark = theme === "dark";
   const defaultCfg = getPalette(DEFAULT_PALETTE_ID);

package/dist/{chunk-E7F76M3U.js → chunk-JULBDTNU.js}

@@ -1,34 +1,35 @@
 import {
   drawCylinderCard,
   drawQueueCard
-} from "./chunk-IHN6WDEY.js";
+} from "./chunk-74XR7Z3I.js";
 import {
   CYLINDER_RY,
+  FILE_WAVE,
   QUEUE_CAP
-} from "./chunk-5KKZXA44.js";
+} from "./chunk-V3ICBS2O.js";
 import {
   WHITEBOARD_COLORS,
   WHITEBOARD_NOTE_COLOR
-} from "./chunk-R46N5KR4.js";
+} from "./chunk-SQBCNEJB.js";
 import {
   renderChartTitle
-} from "./chunk-6XLMTAEX.js";
+} from "./chunk-YIHRLY55.js";
 import {
   TITLE_FONT_SIZE
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   mix,
@@ -68,6 +69,32 @@ function roundedRect(x, y, w, h, radius) {
     ...ellipse(x + w - r, y + h - r, r, r)
   ];
 }
+function whiteboardFileWave(h) {
+  return Math.max(0, Math.min(FILE_WAVE, h / 4));
+}
+var FILE_WAVE_STEPS = 16;
+function whiteboardFileWavePoints(x, y, w, h, steps = FILE_WAVE_STEPS) {
+  const wave = whiteboardFileWave(h);
+  const b = y + h - wave;
+  const xs = [x + w, x + w * 0.75, x + w * 0.25, x];
+  const ys = [b, b + 2 * wave, b - wave, b];
+  const out = [];
+  for (let i = 0; i <= steps; i++) {
+    const t = i / steps;
+    const u = 1 - t;
+    const k = [u * u * u, 3 * u * u * t, 3 * u * t * t, t * t * t];
+    out.push({
+      x: k[0] * xs[0] + k[1] * xs[1] + k[2] * xs[2] + k[3] * xs[3],
+      y: k[0] * ys[0] + k[1] * ys[1] + k[2] * ys[2] + k[3] * ys[3]
+    });
+  }
+  return out;
+}
+function whiteboardFilePath(x, y, w, h) {
+  const wave = whiteboardFileWave(h);
+  const b = y + h - wave;
+  return `M ${x} ${y} L ${x + w} ${y} L ${x + w} ${b} C ${x + w * 0.75} ${b + 2 * wave}, ${x + w * 0.25} ${b - wave}, ${x} ${b} Z`;
+}
 function piecesOf(s) {
   const { x, y, width: w, height: h } = s;
   if (s.kind === "note") {
@@ -105,6 +132,26 @@ function piecesOf(s) {
         ...ellipse(x + w - cap, cy, cap, h / 2)
       ];
     }
+    case "file": {
+      const pts = whiteboardFileWavePoints(x, y, w, h);
+      const top = Math.min(...pts.map((p) => p.y));
+      const strips = [];
+      for (let i = pts.length - 1; i > 0; i--) {
+        const a = pts[i];
+        const b = pts[i - 1];
+        if (b.x - a.x < EPS || Math.max(a.y, b.y) - top < EPS) continue;
+        strips.push({
+          kind: "poly",
+          pts: [
+            { x: a.x, y: top },
+            { x: b.x, y: top },
+            { x: b.x, y: Math.max(b.y, top) },
+            { x: a.x, y: Math.max(a.y, top) }
+          ]
+        });
+      }
+      return [...rect(x, y, x + w, top), ...strips];
+    }
   }
 }
 function halfPlanes(pts) {
@@ -398,7 +445,7 @@ function whiteboardLabelHeight(box) {
     return Math.max(box.height - 2 * WHITEBOARD_NOTE_PAD, 0);
   }
   const shape = "shape" in box ? box.shape : "rectangle";
-  const inset = shape === "ellipse" ? box.height * ELLIPSE_INSET : shape === "database" ? 2 * CYLINDER_RY : 0;
+  const inset = shape === "ellipse" ? box.height * ELLIPSE_INSET : shape === "database" ? 2 * CYLINDER_RY : shape === "file" ? whiteboardFileWave(box.height) / 2 : 0;
   return Math.max(box.height - 2 * (LABEL_PAD + inset), 0);
 }
 function wrapWhiteboardLabel(label, box) {
@@ -928,6 +975,8 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
           g.append("rect").attr("x", el.x).attr("y", el.y).attr("width", el.width).attr("height", el.height).attr("rx", Math.min(RECT_RADIUS, el.width / 2, el.height / 2)).attr("fill", fill).attr("stroke", stroke).attr("stroke-width", SHAPE_STROKE);
         } else if (el.shape === "ellipse") {
           g.append("ellipse").attr("cx", cx).attr("cy", cy).attr("rx", el.width / 2).attr("ry", el.height / 2).attr("fill", fill).attr("stroke", stroke).attr("stroke-width", SHAPE_STROKE);
+        } else if (el.shape === "file") {
+          g.append("path").attr("d", whiteboardFilePath(el.x, el.y, el.width, el.height)).attr("fill", fill).attr("stroke", stroke).attr("stroke-width", SHAPE_STROKE);
         } else {
           const inner = g.append("g").attr("transform", `translate(${round2(cx)},${round2(cy)})`);
           if (el.shape === "database") {
@@ -1050,6 +1099,9 @@ function round2(n) {
 
 export {
   whiteboardNoteFold,
+  whiteboardFileWave,
+  whiteboardFileWavePoints,
+  whiteboardFilePath,
   whiteboardShapeContains,
   whiteboardLabelPosition,
   whiteboardShapeAt,

package/dist/{chunk-EPDBWATV.js → chunk-K7RRXZHS.js}

@@ -1,16 +1,18 @@
 // src/utils/fit-canvas.ts
 var MIN_CANVAS_WIDTH = 480;
+var MIN_DRAWN_TEXT_PX = 7;
 function fitDiagramToCanvas(p) {
   const scaleX = (p.width - p.padding * 2) / p.diagramW;
   let scale;
   let canvasHeight;
   let canvasWidth;
   if (p.exportMode) {
-    scale = Math.min(p.maxScale, scaleX, 1);
+    const minScale = p.smallestTextPx ? MIN_DRAWN_TEXT_PX / p.smallestTextPx : 0;
+    scale = Math.max(Math.min(p.maxScale, scaleX, 1), minScale);
     canvasHeight = p.titleHeight + p.diagramH * scale + p.padding * 2;
     canvasWidth = Math.round(
       Math.min(
-        p.width,
+        scale > scaleX ? Infinity : p.width,
         Math.max(MIN_CANVAS_WIDTH, p.diagramW * scale + p.padding * 2)
       )
     );