bippy 0.2.5 → 0.2.6

package/dist/inspect.js

@@ -1,6 +1,6 @@
 import './chunk-6TJRMCM3.js';
-import { getNearestHostFiber, traverseFiber, getFiberStack, getDisplayName, getFiberId, getFiberFromHostInstance, isCompositeFiber, isInstrumentationActive, hasRDTHook, getRDTHook, detectReactBuildType } from './chunk-4TD4C62I.js';
-import React17, { createContext, memo, Children, useContext, useCallback, useState, useLayoutEffect, useEffect, useMemo } from 'react';
+import { getFiberId, HostRootTag, HostTextTag, getDisplayName, FragmentTag, isHostFiber, getNearestHostFiber, getFiberFromHostInstance, traverseFiber, getFiberStack, isCompositeFiber, isInstrumentationActive, hasRDTHook, getRDTHook, detectReactBuildType } from './chunk-DCVQB6TW.js';
+import React17, { createContext, memo, Children, useContext, useCallback, useState, useLayoutEffect, useRef, useMemo, useEffect } from 'react';
 
 /**
  * @license bippy
@@ -34,8 +34,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(!mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var require_is_object = __commonJS({
   "node_modules/is-object/index.js"(exports, module) {
-    module.exports = function isObject(x) {
-      return typeof x === "object" && x !== null;
+    module.exports = function isObject(x2) {
+      return typeof x2 === "object" && x2 !== null;
     };
   }
 });
@@ -157,40 +157,40 @@ var unselectable = {
   OUserSelect: "none",
   userSelect: "none"
 };
-var createTheme = (theme3) => ({
+var createTheme = (theme32) => ({
   DOMNodePreview: {
     htmlOpenTag: {
       base: {
-        color: theme3.HTML_TAG_COLOR
+        color: theme32.HTML_TAG_COLOR
       },
       tagName: {
-        color: theme3.HTML_TAGNAME_COLOR,
-        textTransform: theme3.HTML_TAGNAME_TEXT_TRANSFORM
+        color: theme32.HTML_TAGNAME_COLOR,
+        textTransform: theme32.HTML_TAGNAME_TEXT_TRANSFORM
       },
       htmlAttributeName: {
-        color: theme3.HTML_ATTRIBUTE_NAME_COLOR
+        color: theme32.HTML_ATTRIBUTE_NAME_COLOR
       },
       htmlAttributeValue: {
-        color: theme3.HTML_ATTRIBUTE_VALUE_COLOR
+        color: theme32.HTML_ATTRIBUTE_VALUE_COLOR
       }
     },
     htmlCloseTag: {
       base: {
-        color: theme3.HTML_TAG_COLOR
+        color: theme32.HTML_TAG_COLOR
       },
       offsetLeft: {
-        marginLeft: -theme3.TREENODE_PADDING_LEFT
+        marginLeft: -theme32.TREENODE_PADDING_LEFT
       },
       tagName: {
-        color: theme3.HTML_TAGNAME_COLOR,
-        textTransform: theme3.HTML_TAGNAME_TEXT_TRANSFORM
+        color: theme32.HTML_TAGNAME_COLOR,
+        textTransform: theme32.HTML_TAGNAME_TEXT_TRANSFORM
       }
     },
     htmlComment: {
-      color: theme3.HTML_COMMENT_COLOR
+      color: theme32.HTML_COMMENT_COLOR
     },
     htmlDoctype: {
-      color: theme3.HTML_DOCTYPE_COLOR
+      color: theme32.HTML_DOCTYPE_COLOR
     }
   },
   ObjectPreview: {
@@ -200,12 +200,12 @@ var createTheme = (theme3) => ({
     preview: {
       fontStyle: "italic"
     },
-    arrayMaxProperties: theme3.OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES,
-    objectMaxProperties: theme3.OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES
+    arrayMaxProperties: theme32.OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES,
+    objectMaxProperties: theme32.OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES
   },
   ObjectName: {
     base: {
-      color: theme3.OBJECT_NAME_COLOR
+      color: theme32.OBJECT_NAME_COLOR
     },
     dimmed: {
       opacity: 0.6
@@ -213,28 +213,28 @@ var createTheme = (theme3) => ({
   },
   ObjectValue: {
     objectValueNull: {
-      color: theme3.OBJECT_VALUE_NULL_COLOR
+      color: theme32.OBJECT_VALUE_NULL_COLOR
     },
     objectValueUndefined: {
-      color: theme3.OBJECT_VALUE_UNDEFINED_COLOR
+      color: theme32.OBJECT_VALUE_UNDEFINED_COLOR
     },
     objectValueRegExp: {
-      color: theme3.OBJECT_VALUE_REGEXP_COLOR
+      color: theme32.OBJECT_VALUE_REGEXP_COLOR
     },
     objectValueString: {
-      color: theme3.OBJECT_VALUE_STRING_COLOR
+      color: theme32.OBJECT_VALUE_STRING_COLOR
     },
     objectValueSymbol: {
-      color: theme3.OBJECT_VALUE_SYMBOL_COLOR
+      color: theme32.OBJECT_VALUE_SYMBOL_COLOR
     },
     objectValueNumber: {
-      color: theme3.OBJECT_VALUE_NUMBER_COLOR
+      color: theme32.OBJECT_VALUE_NUMBER_COLOR
     },
     objectValueBoolean: {
-      color: theme3.OBJECT_VALUE_BOOLEAN_COLOR
+      color: theme32.OBJECT_VALUE_BOOLEAN_COLOR
     },
     objectValueFunctionPrefix: {
-      color: theme3.OBJECT_VALUE_FUNCTION_PREFIX_COLOR,
+      color: theme32.OBJECT_VALUE_FUNCTION_PREFIX_COLOR,
       fontStyle: "italic"
     },
     objectValueFunctionName: {
@@ -250,30 +250,30 @@ var createTheme = (theme3) => ({
   },
   TreeNode: {
     treeNodeBase: {
-      color: theme3.BASE_COLOR,
-      backgroundColor: theme3.BASE_BACKGROUND_COLOR,
-      lineHeight: theme3.TREENODE_LINE_HEIGHT,
+      color: theme32.BASE_COLOR,
+      backgroundColor: theme32.BASE_BACKGROUND_COLOR,
+      lineHeight: theme32.TREENODE_LINE_HEIGHT,
       cursor: "default",
       boxSizing: "border-box",
       listStyle: "none",
-      fontFamily: theme3.TREENODE_FONT_FAMILY,
-      fontSize: theme3.TREENODE_FONT_SIZE
+      fontFamily: theme32.TREENODE_FONT_FAMILY,
+      fontSize: theme32.TREENODE_FONT_SIZE
     },
     treeNodePreviewContainer: {},
     treeNodePlaceholder: {
       whiteSpace: "pre",
-      fontSize: theme3.ARROW_FONT_SIZE,
-      marginRight: theme3.ARROW_MARGIN_RIGHT,
+      fontSize: theme32.ARROW_FONT_SIZE,
+      marginRight: theme32.ARROW_MARGIN_RIGHT,
       ...unselectable
     },
     treeNodeArrow: {
       base: {
-        color: theme3.ARROW_COLOR,
+        color: theme32.ARROW_COLOR,
         display: "inline-block",
-        fontSize: theme3.ARROW_FONT_SIZE,
-        marginRight: theme3.ARROW_MARGIN_RIGHT,
-        ...parseFloat(theme3.ARROW_ANIMATION_DURATION) > 0 ? {
-          transition: `transform ${theme3.ARROW_ANIMATION_DURATION} ease 0s`
+        fontSize: theme32.ARROW_FONT_SIZE,
+        marginRight: theme32.ARROW_MARGIN_RIGHT,
+        ...parseFloat(theme32.ARROW_ANIMATION_DURATION) > 0 ? {
+          transition: `transform ${theme32.ARROW_ANIMATION_DURATION} ease 0s`
         } : {},
         ...unselectable
       },
@@ -290,16 +290,16 @@ var createTheme = (theme3) => ({
     },
     treeNodeChildNodesContainer: {
       margin: 0,
-      paddingLeft: theme3.TREENODE_PADDING_LEFT
+      paddingLeft: theme32.TREENODE_PADDING_LEFT
     }
   },
   TableInspector: {
     base: {
-      color: theme3.BASE_COLOR,
+      color: theme32.BASE_COLOR,
       position: "relative",
-      border: `1px solid ${theme3.TABLE_BORDER_COLOR}`,
-      fontFamily: theme3.BASE_FONT_FAMILY,
-      fontSize: theme3.BASE_FONT_SIZE,
+      border: `1px solid ${theme32.TABLE_BORDER_COLOR}`,
+      fontFamily: theme32.BASE_FONT_FAMILY,
+      fontSize: theme32.BASE_FONT_SIZE,
       lineHeight: "120%",
       boxSizing: "border-box",
       cursor: "default"
@@ -356,13 +356,13 @@ var createTheme = (theme3) => ({
       bottom: 0,
       borderTop: "0 none transparent",
       margin: 0,
-      backgroundImage: theme3.TABLE_DATA_BACKGROUND_IMAGE,
-      backgroundSize: theme3.TABLE_DATA_BACKGROUND_SIZE,
+      backgroundImage: theme32.TABLE_DATA_BACKGROUND_IMAGE,
+      backgroundSize: theme32.TABLE_DATA_BACKGROUND_SIZE,
       tableLayout: "fixed",
       borderSpacing: 0,
       borderCollapse: "separate",
       width: "100%",
-      fontSize: theme3.BASE_FONT_SIZE,
+      fontSize: theme32.BASE_FONT_SIZE,
       lineHeight: "120%"
     }
   },
@@ -371,8 +371,8 @@ var createTheme = (theme3) => ({
       position: "relative",
       height: "auto",
       textAlign: "left",
-      backgroundColor: theme3.TABLE_TH_BACKGROUND_COLOR,
-      borderBottom: `1px solid ${theme3.TABLE_BORDER_COLOR}`,
+      backgroundColor: theme32.TABLE_TH_BACKGROUND_COLOR,
+      borderBottom: `1px solid ${theme32.TABLE_BORDER_COLOR}`,
       fontWeight: "normal",
       verticalAlign: "middle",
       padding: "0 4px",
@@ -381,14 +381,14 @@ var createTheme = (theme3) => ({
       overflow: "hidden",
       lineHeight: "14px",
       ":hover": {
-        backgroundColor: theme3.TABLE_TH_HOVER_COLOR
+        backgroundColor: theme32.TABLE_TH_HOVER_COLOR
       }
     },
     div: {
       whiteSpace: "nowrap",
       textOverflow: "ellipsis",
       overflow: "hidden",
-      fontSize: theme3.BASE_FONT_SIZE,
+      fontSize: theme32.BASE_FONT_SIZE,
       lineHeight: "120%"
     }
   },
@@ -397,7 +397,7 @@ var createTheme = (theme3) => ({
       borderLeft: "none"
     },
     solid: {
-      borderLeft: `1px solid ${theme3.TABLE_BORDER_COLOR}`
+      borderLeft: `1px solid ${theme32.TABLE_BORDER_COLOR}`
     }
   },
   TableInspectorSortIcon: {
@@ -406,7 +406,7 @@ var createTheme = (theme3) => ({
     width: 8,
     height: 7,
     marginTop: -7,
-    color: theme3.TABLE_SORT_ICON_COLOR,
+    color: theme32.TABLE_SORT_ICON_COLOR,
     fontSize: 12,
     ...unselectable
   }
@@ -418,17 +418,17 @@ var useStyles = (baseStylesKey) => {
   return themeStyles[baseStylesKey];
 };
 var themeAcceptor = (WrappedComponent) => {
-  const ThemeAcceptor = ({ theme: theme3 = DEFAULT_THEME_NAME, ...restProps }) => {
+  const ThemeAcceptor = ({ theme: theme32 = DEFAULT_THEME_NAME, ...restProps }) => {
     const themeStyles = useMemo(() => {
-      switch (Object.prototype.toString.call(theme3)) {
+      switch (Object.prototype.toString.call(theme32)) {
         case "[object String]":
-          return createTheme(themes_exports[theme3]);
+          return createTheme(themes_exports[theme32]);
         case "[object Object]":
-          return createTheme(theme3);
+          return createTheme(theme32);
         default:
           return createTheme(themes_exports[DEFAULT_THEME_NAME]);
       }
-    }, [theme3]);
+    }, [theme32]);
     return /* @__PURE__ */ React17.createElement(ThemeContext.Provider, {
       value: themeStyles
     }, /* @__PURE__ */ React17.createElement(WrappedComponent, {
@@ -453,7 +453,7 @@ var TreeNode = memo((props) => {
     shouldShowPlaceholder: true,
     ...props
   };
-  const { expanded, onClick, children, nodeRenderer, title, shouldShowArrow, shouldShowPlaceholder } = props;
+  const { expanded, onClick, children: children2, nodeRenderer, title, shouldShowArrow, shouldShowPlaceholder } = props;
   const styles = useStyles("TreeNode");
   const NodeRenderer = nodeRenderer;
   return /* @__PURE__ */ React17.createElement("li", {
@@ -464,7 +464,7 @@ var TreeNode = memo((props) => {
   }, /* @__PURE__ */ React17.createElement("div", {
     style: styles.treeNodePreviewContainer,
     onClick
-  }, shouldShowArrow || Children.count(children) > 0 ? /* @__PURE__ */ React17.createElement(Arrow, {
+  }, shouldShowArrow || Children.count(children2) > 0 ? /* @__PURE__ */ React17.createElement(Arrow, {
     expanded,
     styles: styles.treeNodeArrow
   }) : shouldShowPlaceholder && /* @__PURE__ */ React17.createElement("span", {
@@ -474,7 +474,7 @@ var TreeNode = memo((props) => {
   })), /* @__PURE__ */ React17.createElement("ol", {
     role: "group",
     style: styles.treeNodeChildNodesContainer
-  }, expanded ? children : void 0));
+  }, expanded ? children2 : void 0));
 });
 var DEFAULT_ROOT_PATH = "$";
 var WILDCARD = "*";
@@ -485,7 +485,7 @@ var wildcardPathsFromLevel = (level) => {
   return Array.from({ length: level }, (_, i) => [DEFAULT_ROOT_PATH].concat(Array.from({ length: i }, () => "*")).join("."));
 };
 var getExpandedPaths = (data, dataIterator, expandPaths, expandLevel, prevExpandedPaths) => {
-  const wildcardPaths = [].concat(wildcardPathsFromLevel(expandLevel)).concat(expandPaths).filter((path) => typeof path === "string");
+  const wildcardPaths = [].concat(wildcardPathsFromLevel(expandLevel)).concat(expandPaths).filter((path2) => typeof path2 === "string");
   const expandedPaths = [];
   wildcardPaths.forEach((wildcardPath) => {
     const keyPaths = wildcardPath.split(".");
@@ -516,20 +516,20 @@ var getExpandedPaths = (data, dataIterator, expandPaths, expandLevel, prevExpand
     };
     populatePaths(data, "", 0);
   });
-  return expandedPaths.reduce((obj, path) => {
-    obj[path] = true;
+  return expandedPaths.reduce((obj, path2) => {
+    obj[path2] = true;
     return obj;
   }, { ...prevExpandedPaths });
 };
 var ConnectedTreeNode = memo((props) => {
-  const { data, dataIterator, path, depth, nodeRenderer } = props;
+  const { data, dataIterator, path: path2, depth, nodeRenderer } = props;
   const [expandedPaths, setExpandedPaths] = useContext(ExpandedPathsContext);
   const nodeHasChildNodes = hasChildNodes(data, dataIterator);
-  const expanded = !!expandedPaths[path];
+  const expanded = !!expandedPaths[path2];
   const handleClick = useCallback(() => nodeHasChildNodes && setExpandedPaths((prevExpandedPaths) => ({
     ...prevExpandedPaths,
-    [path]: !expanded
-  })), [nodeHasChildNodes, setExpandedPaths, path, expanded]);
+    [path2]: !expanded
+  })), [nodeHasChildNodes, setExpandedPaths, path2, expanded]);
   return /* @__PURE__ */ React17.createElement(TreeNode, {
     expanded,
     onClick: handleClick,
@@ -542,7 +542,7 @@ var ConnectedTreeNode = memo((props) => {
       name,
       data: data2,
       depth: depth + 1,
-      path: `${path}.${name}`,
+      path: `${path2}.${name}`,
       key: name,
       dataIterator,
       nodeRenderer,
@@ -659,7 +659,7 @@ function intersperse(arr, sep) {
   if (arr.length === 0) {
     return [];
   }
-  return arr.slice(1).reduce((xs, x) => xs.concat([sep, x]), [arr[0]]);
+  return arr.slice(1).reduce((xs, x2) => xs.concat([sep, x2]), [arr[0]]);
 }
 var ObjectPreview = ({ data }) => {
   const styles = useStyles("ObjectPreview");
@@ -835,9 +835,9 @@ function getHeaders(data) {
       const row = data[rowHeader];
       if (typeof row === "object" && row !== null) {
         const cols = Object.keys(row);
-        cols.reduce((xs, x) => {
-          if (!xs.includes(x)) {
-            xs.push(x);
+        cols.reduce((xs, x2) => {
+          if (!xs.includes(x2)) {
+            xs.push(x2);
           }
           return xs;
         }, colHeaders2);
@@ -902,7 +902,7 @@ var TH = ({
   sorted = false,
   onClick = void 0,
   borderStyle = {},
-  children,
+  children: children2,
   ...thProps
 }) => {
   const styles = useStyles("TableInspectorTH");
@@ -921,7 +921,7 @@ var TH = ({
     onClick
   }, /* @__PURE__ */ React17.createElement("div", {
     style: styles.div
-  }, children), sorted && /* @__PURE__ */ React17.createElement(SortIconContainer, null, /* @__PURE__ */ React17.createElement(SortIcon, {
+  }, children2), sorted && /* @__PURE__ */ React17.createElement(SortIconContainer, null, /* @__PURE__ */ React17.createElement(SortIcon, {
     sortAscending
   })));
 };
@@ -1007,7 +1007,7 @@ var TableInspector = ({
     }
   }
   if (columnDataWithRowIndexes !== void 0) {
-    const comparator = (mapper, ascending) => {
+    const comparator = (mapper, ascending2) => {
       return (a, b) => {
         const v1 = mapper(a);
         const v2 = mapper(b);
@@ -1037,7 +1037,7 @@ var TableInspector = ({
           };
           result = lt(order[type1], order[type2]);
         }
-        if (!ascending)
+        if (!ascending2)
           result = -result;
         return result;
       };
@@ -1195,6 +1195,3386 @@ var Inspector = ({ table = false, data, ...rest }) => {
   });
 };
 
+// node_modules/.pnpm/d3-dispatch@3.0.1/node_modules/d3-dispatch/src/dispatch.js
+var noop = { value: () => {
+} };
+function dispatch() {
+  for (var i = 0, n = arguments.length, _ = {}, t; i < n; ++i) {
+    if (!(t = arguments[i] + "") || t in _ || /[\s.]/.test(t)) throw new Error("illegal type: " + t);
+    _[t] = [];
+  }
+  return new Dispatch(_);
+}
+function Dispatch(_) {
+  this._ = _;
+}
+function parseTypenames(typenames, types) {
+  return typenames.trim().split(/^|\s+/).map(function(t) {
+    var name = "", i = t.indexOf(".");
+    if (i >= 0) name = t.slice(i + 1), t = t.slice(0, i);
+    if (t && !types.hasOwnProperty(t)) throw new Error("unknown type: " + t);
+    return { type: t, name };
+  });
+}
+Dispatch.prototype = dispatch.prototype = {
+  constructor: Dispatch,
+  on: function(typename, callback) {
+    var _ = this._, T = parseTypenames(typename + "", _), t, i = -1, n = T.length;
+    if (arguments.length < 2) {
+      while (++i < n) if ((t = (typename = T[i]).type) && (t = get(_[t], typename.name))) return t;
+      return;
+    }
+    if (callback != null && typeof callback !== "function") throw new Error("invalid callback: " + callback);
+    while (++i < n) {
+      if (t = (typename = T[i]).type) _[t] = set(_[t], typename.name, callback);
+      else if (callback == null) for (t in _) _[t] = set(_[t], typename.name, null);
+    }
+    return this;
+  },
+  copy: function() {
+    var copy = {}, _ = this._;
+    for (var t in _) copy[t] = _[t].slice();
+    return new Dispatch(copy);
+  },
+  call: function(type2, that) {
+    if ((n = arguments.length - 2) > 0) for (var args = new Array(n), i = 0, n, t; i < n; ++i) args[i] = arguments[i + 2];
+    if (!this._.hasOwnProperty(type2)) throw new Error("unknown type: " + type2);
+    for (t = this._[type2], i = 0, n = t.length; i < n; ++i) t[i].value.apply(that, args);
+  },
+  apply: function(type2, that, args) {
+    if (!this._.hasOwnProperty(type2)) throw new Error("unknown type: " + type2);
+    for (var t = this._[type2], i = 0, n = t.length; i < n; ++i) t[i].value.apply(that, args);
+  }
+};
+function get(type2, name) {
+  for (var i = 0, n = type2.length, c; i < n; ++i) {
+    if ((c = type2[i]).name === name) {
+      return c.value;
+    }
+  }
+}
+function set(type2, name, callback) {
+  for (var i = 0, n = type2.length; i < n; ++i) {
+    if (type2[i].name === name) {
+      type2[i] = noop, type2 = type2.slice(0, i).concat(type2.slice(i + 1));
+      break;
+    }
+  }
+  if (callback != null) type2.push({ name, value: callback });
+  return type2;
+}
+var dispatch_default = dispatch;
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/namespaces.js
+var xhtml = "http://www.w3.org/1999/xhtml";
+var namespaces_default = {
+  svg: "http://www.w3.org/2000/svg",
+  xhtml,
+  xlink: "http://www.w3.org/1999/xlink",
+  xml: "http://www.w3.org/XML/1998/namespace",
+  xmlns: "http://www.w3.org/2000/xmlns/"
+};
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/namespace.js
+function namespace_default(name) {
+  var prefix = name += "", i = prefix.indexOf(":");
+  if (i >= 0 && (prefix = name.slice(0, i)) !== "xmlns") name = name.slice(i + 1);
+  return namespaces_default.hasOwnProperty(prefix) ? { space: namespaces_default[prefix], local: name } : name;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/creator.js
+function creatorInherit(name) {
+  return function() {
+    var document2 = this.ownerDocument, uri = this.namespaceURI;
+    return uri === xhtml && document2.documentElement.namespaceURI === xhtml ? document2.createElement(name) : document2.createElementNS(uri, name);
+  };
+}
+function creatorFixed(fullname) {
+  return function() {
+    return this.ownerDocument.createElementNS(fullname.space, fullname.local);
+  };
+}
+function creator_default(name) {
+  var fullname = namespace_default(name);
+  return (fullname.local ? creatorFixed : creatorInherit)(fullname);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selector.js
+function none() {
+}
+function selector_default(selector) {
+  return selector == null ? none : function() {
+    return this.querySelector(selector);
+  };
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/select.js
+function select_default(select) {
+  if (typeof select !== "function") select = selector_default(select);
+  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+    for (var group = groups[j], n = group.length, subgroup = subgroups[j] = new Array(n), node, subnode, i = 0; i < n; ++i) {
+      if ((node = group[i]) && (subnode = select.call(node, node.__data__, i, group))) {
+        if ("__data__" in node) subnode.__data__ = node.__data__;
+        subgroup[i] = subnode;
+      }
+    }
+  }
+  return new Selection(subgroups, this._parents);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/array.js
+function array(x2) {
+  return x2 == null ? [] : Array.isArray(x2) ? x2 : Array.from(x2);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selectorAll.js
+function empty() {
+  return [];
+}
+function selectorAll_default(selector) {
+  return selector == null ? empty : function() {
+    return this.querySelectorAll(selector);
+  };
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/selectAll.js
+function arrayAll(select) {
+  return function() {
+    return array(select.apply(this, arguments));
+  };
+}
+function selectAll_default(select) {
+  if (typeof select === "function") select = arrayAll(select);
+  else select = selectorAll_default(select);
+  for (var groups = this._groups, m = groups.length, subgroups = [], parents = [], j = 0; j < m; ++j) {
+    for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {
+      if (node = group[i]) {
+        subgroups.push(select.call(node, node.__data__, i, group));
+        parents.push(node);
+      }
+    }
+  }
+  return new Selection(subgroups, parents);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/matcher.js
+function matcher_default(selector) {
+  return function() {
+    return this.matches(selector);
+  };
+}
+function childMatcher(selector) {
+  return function(node) {
+    return node.matches(selector);
+  };
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/selectChild.js
+var find = Array.prototype.find;
+function childFind(match) {
+  return function() {
+    return find.call(this.children, match);
+  };
+}
+function childFirst() {
+  return this.firstElementChild;
+}
+function selectChild_default(match) {
+  return this.select(match == null ? childFirst : childFind(typeof match === "function" ? match : childMatcher(match)));
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/selectChildren.js
+var filter = Array.prototype.filter;
+function children() {
+  return Array.from(this.children);
+}
+function childrenFilter(match) {
+  return function() {
+    return filter.call(this.children, match);
+  };
+}
+function selectChildren_default(match) {
+  return this.selectAll(match == null ? children : childrenFilter(typeof match === "function" ? match : childMatcher(match)));
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/filter.js
+function filter_default(match) {
+  if (typeof match !== "function") match = matcher_default(match);
+  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+    for (var group = groups[j], n = group.length, subgroup = subgroups[j] = [], node, i = 0; i < n; ++i) {
+      if ((node = group[i]) && match.call(node, node.__data__, i, group)) {
+        subgroup.push(node);
+      }
+    }
+  }
+  return new Selection(subgroups, this._parents);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/sparse.js
+function sparse_default(update) {
+  return new Array(update.length);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/enter.js
+function enter_default() {
+  return new Selection(this._enter || this._groups.map(sparse_default), this._parents);
+}
+function EnterNode(parent, datum2) {
+  this.ownerDocument = parent.ownerDocument;
+  this.namespaceURI = parent.namespaceURI;
+  this._next = null;
+  this._parent = parent;
+  this.__data__ = datum2;
+}
+EnterNode.prototype = {
+  constructor: EnterNode,
+  appendChild: function(child) {
+    return this._parent.insertBefore(child, this._next);
+  },
+  insertBefore: function(child, next) {
+    return this._parent.insertBefore(child, next);
+  },
+  querySelector: function(selector) {
+    return this._parent.querySelector(selector);
+  },
+  querySelectorAll: function(selector) {
+    return this._parent.querySelectorAll(selector);
+  }
+};
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/constant.js
+function constant_default(x2) {
+  return function() {
+    return x2;
+  };
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/data.js
+function bindIndex(parent, group, enter, update, exit, data) {
+  var i = 0, node, groupLength = group.length, dataLength = data.length;
+  for (; i < dataLength; ++i) {
+    if (node = group[i]) {
+      node.__data__ = data[i];
+      update[i] = node;
+    } else {
+      enter[i] = new EnterNode(parent, data[i]);
+    }
+  }
+  for (; i < groupLength; ++i) {
+    if (node = group[i]) {
+      exit[i] = node;
+    }
+  }
+}
+function bindKey(parent, group, enter, update, exit, data, key) {
+  var i, node, nodeByKeyValue = /* @__PURE__ */ new Map(), groupLength = group.length, dataLength = data.length, keyValues = new Array(groupLength), keyValue;
+  for (i = 0; i < groupLength; ++i) {
+    if (node = group[i]) {
+      keyValues[i] = keyValue = key.call(node, node.__data__, i, group) + "";
+      if (nodeByKeyValue.has(keyValue)) {
+        exit[i] = node;
+      } else {
+        nodeByKeyValue.set(keyValue, node);
+      }
+    }
+  }
+  for (i = 0; i < dataLength; ++i) {
+    keyValue = key.call(parent, data[i], i, data) + "";
+    if (node = nodeByKeyValue.get(keyValue)) {
+      update[i] = node;
+      node.__data__ = data[i];
+      nodeByKeyValue.delete(keyValue);
+    } else {
+      enter[i] = new EnterNode(parent, data[i]);
+    }
+  }
+  for (i = 0; i < groupLength; ++i) {
+    if ((node = group[i]) && nodeByKeyValue.get(keyValues[i]) === node) {
+      exit[i] = node;
+    }
+  }
+}
+function datum(node) {
+  return node.__data__;
+}
+function data_default(value, key) {
+  if (!arguments.length) return Array.from(this, datum);
+  var bind = key ? bindKey : bindIndex, parents = this._parents, groups = this._groups;
+  if (typeof value !== "function") value = constant_default(value);
+  for (var m = groups.length, update = new Array(m), enter = new Array(m), exit = new Array(m), j = 0; j < m; ++j) {
+    var parent = parents[j], group = groups[j], groupLength = group.length, data = arraylike(value.call(parent, parent && parent.__data__, j, parents)), dataLength = data.length, enterGroup = enter[j] = new Array(dataLength), updateGroup = update[j] = new Array(dataLength), exitGroup = exit[j] = new Array(groupLength);
+    bind(parent, group, enterGroup, updateGroup, exitGroup, data, key);
+    for (var i0 = 0, i1 = 0, previous, next; i0 < dataLength; ++i0) {
+      if (previous = enterGroup[i0]) {
+        if (i0 >= i1) i1 = i0 + 1;
+        while (!(next = updateGroup[i1]) && ++i1 < dataLength) ;
+        previous._next = next || null;
+      }
+    }
+  }
+  update = new Selection(update, parents);
+  update._enter = enter;
+  update._exit = exit;
+  return update;
+}
+function arraylike(data) {
+  return typeof data === "object" && "length" in data ? data : Array.from(data);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/exit.js
+function exit_default() {
+  return new Selection(this._exit || this._groups.map(sparse_default), this._parents);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/join.js
+function join_default(onenter, onupdate, onexit) {
+  var enter = this.enter(), update = this, exit = this.exit();
+  if (typeof onenter === "function") {
+    enter = onenter(enter);
+    if (enter) enter = enter.selection();
+  } else {
+    enter = enter.append(onenter + "");
+  }
+  if (onupdate != null) {
+    update = onupdate(update);
+    if (update) update = update.selection();
+  }
+  if (onexit == null) exit.remove();
+  else onexit(exit);
+  return enter && update ? enter.merge(update).order() : update;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/merge.js
+function merge_default(context) {
+  var selection2 = context.selection ? context.selection() : context;
+  for (var groups0 = this._groups, groups1 = selection2._groups, m0 = groups0.length, m1 = groups1.length, m = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m; ++j) {
+    for (var group0 = groups0[j], group1 = groups1[j], n = group0.length, merge = merges[j] = new Array(n), node, i = 0; i < n; ++i) {
+      if (node = group0[i] || group1[i]) {
+        merge[i] = node;
+      }
+    }
+  }
+  for (; j < m0; ++j) {
+    merges[j] = groups0[j];
+  }
+  return new Selection(merges, this._parents);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/order.js
+function order_default() {
+  for (var groups = this._groups, j = -1, m = groups.length; ++j < m; ) {
+    for (var group = groups[j], i = group.length - 1, next = group[i], node; --i >= 0; ) {
+      if (node = group[i]) {
+        if (next && node.compareDocumentPosition(next) ^ 4) next.parentNode.insertBefore(node, next);
+        next = node;
+      }
+    }
+  }
+  return this;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/sort.js
+function sort_default(compare) {
+  if (!compare) compare = ascending;
+  function compareNode(a, b) {
+    return a && b ? compare(a.__data__, b.__data__) : !a - !b;
+  }
+  for (var groups = this._groups, m = groups.length, sortgroups = new Array(m), j = 0; j < m; ++j) {
+    for (var group = groups[j], n = group.length, sortgroup = sortgroups[j] = new Array(n), node, i = 0; i < n; ++i) {
+      if (node = group[i]) {
+        sortgroup[i] = node;
+      }
+    }
+    sortgroup.sort(compareNode);
+  }
+  return new Selection(sortgroups, this._parents).order();
+}
+function ascending(a, b) {
+  return a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/call.js
+function call_default() {
+  var callback = arguments[0];
+  arguments[0] = this;
+  callback.apply(null, arguments);
+  return this;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/nodes.js
+function nodes_default() {
+  return Array.from(this);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/node.js
+function node_default() {
+  for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
+    for (var group = groups[j], i = 0, n = group.length; i < n; ++i) {
+      var node = group[i];
+      if (node) return node;
+    }
+  }
+  return null;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/size.js
+function size_default() {
+  let size = 0;
+  for (const node of this) ++size;
+  return size;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/empty.js
+function empty_default() {
+  return !this.node();
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/each.js
+function each_default(callback) {
+  for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
+    for (var group = groups[j], i = 0, n = group.length, node; i < n; ++i) {
+      if (node = group[i]) callback.call(node, node.__data__, i, group);
+    }
+  }
+  return this;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/attr.js
+function attrRemove(name) {
+  return function() {
+    this.removeAttribute(name);
+  };
+}
+function attrRemoveNS(fullname) {
+  return function() {
+    this.removeAttributeNS(fullname.space, fullname.local);
+  };
+}
+function attrConstant(name, value) {
+  return function() {
+    this.setAttribute(name, value);
+  };
+}
+function attrConstantNS(fullname, value) {
+  return function() {
+    this.setAttributeNS(fullname.space, fullname.local, value);
+  };
+}
+function attrFunction(name, value) {
+  return function() {
+    var v = value.apply(this, arguments);
+    if (v == null) this.removeAttribute(name);
+    else this.setAttribute(name, v);
+  };
+}
+function attrFunctionNS(fullname, value) {
+  return function() {
+    var v = value.apply(this, arguments);
+    if (v == null) this.removeAttributeNS(fullname.space, fullname.local);
+    else this.setAttributeNS(fullname.space, fullname.local, v);
+  };
+}
+function attr_default(name, value) {
+  var fullname = namespace_default(name);
+  if (arguments.length < 2) {
+    var node = this.node();
+    return fullname.local ? node.getAttributeNS(fullname.space, fullname.local) : node.getAttribute(fullname);
+  }
+  return this.each((value == null ? fullname.local ? attrRemoveNS : attrRemove : typeof value === "function" ? fullname.local ? attrFunctionNS : attrFunction : fullname.local ? attrConstantNS : attrConstant)(fullname, value));
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/window.js
+function window_default(node) {
+  return node.ownerDocument && node.ownerDocument.defaultView || node.document && node || node.defaultView;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/style.js
+function styleRemove(name) {
+  return function() {
+    this.style.removeProperty(name);
+  };
+}
+function styleConstant(name, value, priority) {
+  return function() {
+    this.style.setProperty(name, value, priority);
+  };
+}
+function styleFunction(name, value, priority) {
+  return function() {
+    var v = value.apply(this, arguments);
+    if (v == null) this.style.removeProperty(name);
+    else this.style.setProperty(name, v, priority);
+  };
+}
+function style_default(name, value, priority) {
+  return arguments.length > 1 ? this.each((value == null ? styleRemove : typeof value === "function" ? styleFunction : styleConstant)(name, value, priority == null ? "" : priority)) : styleValue(this.node(), name);
+}
+function styleValue(node, name) {
+  return node.style.getPropertyValue(name) || window_default(node).getComputedStyle(node, null).getPropertyValue(name);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/property.js
+function propertyRemove(name) {
+  return function() {
+    delete this[name];
+  };
+}
+function propertyConstant(name, value) {
+  return function() {
+    this[name] = value;
+  };
+}
+function propertyFunction(name, value) {
+  return function() {
+    var v = value.apply(this, arguments);
+    if (v == null) delete this[name];
+    else this[name] = v;
+  };
+}
+function property_default(name, value) {
+  return arguments.length > 1 ? this.each((value == null ? propertyRemove : typeof value === "function" ? propertyFunction : propertyConstant)(name, value)) : this.node()[name];
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/classed.js
+function classArray(string) {
+  return string.trim().split(/^|\s+/);
+}
+function classList(node) {
+  return node.classList || new ClassList(node);
+}
+function ClassList(node) {
+  this._node = node;
+  this._names = classArray(node.getAttribute("class") || "");
+}
+ClassList.prototype = {
+  add: function(name) {
+    var i = this._names.indexOf(name);
+    if (i < 0) {
+      this._names.push(name);
+      this._node.setAttribute("class", this._names.join(" "));
+    }
+  },
+  remove: function(name) {
+    var i = this._names.indexOf(name);
+    if (i >= 0) {
+      this._names.splice(i, 1);
+      this._node.setAttribute("class", this._names.join(" "));
+    }
+  },
+  contains: function(name) {
+    return this._names.indexOf(name) >= 0;
+  }
+};
+function classedAdd(node, names) {
+  var list = classList(node), i = -1, n = names.length;
+  while (++i < n) list.add(names[i]);
+}
+function classedRemove(node, names) {
+  var list = classList(node), i = -1, n = names.length;
+  while (++i < n) list.remove(names[i]);
+}
+function classedTrue(names) {
+  return function() {
+    classedAdd(this, names);
+  };
+}
+function classedFalse(names) {
+  return function() {
+    classedRemove(this, names);
+  };
+}
+function classedFunction(names, value) {
+  return function() {
+    (value.apply(this, arguments) ? classedAdd : classedRemove)(this, names);
+  };
+}
+function classed_default(name, value) {
+  var names = classArray(name + "");
+  if (arguments.length < 2) {
+    var list = classList(this.node()), i = -1, n = names.length;
+    while (++i < n) if (!list.contains(names[i])) return false;
+    return true;
+  }
+  return this.each((typeof value === "function" ? classedFunction : value ? classedTrue : classedFalse)(names, value));
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/text.js
+function textRemove() {
+  this.textContent = "";
+}
+function textConstant(value) {
+  return function() {
+    this.textContent = value;
+  };
+}
+function textFunction(value) {
+  return function() {
+    var v = value.apply(this, arguments);
+    this.textContent = v == null ? "" : v;
+  };
+}
+function text_default(value) {
+  return arguments.length ? this.each(value == null ? textRemove : (typeof value === "function" ? textFunction : textConstant)(value)) : this.node().textContent;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/html.js
+function htmlRemove() {
+  this.innerHTML = "";
+}
+function htmlConstant(value) {
+  return function() {
+    this.innerHTML = value;
+  };
+}
+function htmlFunction(value) {
+  return function() {
+    var v = value.apply(this, arguments);
+    this.innerHTML = v == null ? "" : v;
+  };
+}
+function html_default(value) {
+  return arguments.length ? this.each(value == null ? htmlRemove : (typeof value === "function" ? htmlFunction : htmlConstant)(value)) : this.node().innerHTML;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/raise.js
+function raise() {
+  if (this.nextSibling) this.parentNode.appendChild(this);
+}
+function raise_default() {
+  return this.each(raise);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/lower.js
+function lower() {
+  if (this.previousSibling) this.parentNode.insertBefore(this, this.parentNode.firstChild);
+}
+function lower_default() {
+  return this.each(lower);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/append.js
+function append_default(name) {
+  var create2 = typeof name === "function" ? name : creator_default(name);
+  return this.select(function() {
+    return this.appendChild(create2.apply(this, arguments));
+  });
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/insert.js
+function constantNull() {
+  return null;
+}
+function insert_default(name, before) {
+  var create2 = typeof name === "function" ? name : creator_default(name), select = before == null ? constantNull : typeof before === "function" ? before : selector_default(before);
+  return this.select(function() {
+    return this.insertBefore(create2.apply(this, arguments), select.apply(this, arguments) || null);
+  });
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/remove.js
+function remove() {
+  var parent = this.parentNode;
+  if (parent) parent.removeChild(this);
+}
+function remove_default() {
+  return this.each(remove);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/clone.js
+function selection_cloneShallow() {
+  var clone = this.cloneNode(false), parent = this.parentNode;
+  return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
+}
+function selection_cloneDeep() {
+  var clone = this.cloneNode(true), parent = this.parentNode;
+  return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
+}
+function clone_default(deep) {
+  return this.select(deep ? selection_cloneDeep : selection_cloneShallow);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/datum.js
+function datum_default(value) {
+  return arguments.length ? this.property("__data__", value) : this.node().__data__;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/on.js
+function contextListener(listener) {
+  return function(event) {
+    listener.call(this, event, this.__data__);
+  };
+}
+function parseTypenames2(typenames) {
+  return typenames.trim().split(/^|\s+/).map(function(t) {
+    var name = "", i = t.indexOf(".");
+    if (i >= 0) name = t.slice(i + 1), t = t.slice(0, i);
+    return { type: t, name };
+  });
+}
+function onRemove(typename) {
+  return function() {
+    var on = this.__on;
+    if (!on) return;
+    for (var j = 0, i = -1, m = on.length, o; j < m; ++j) {
+      if (o = on[j], (!typename.type || o.type === typename.type) && o.name === typename.name) {
+        this.removeEventListener(o.type, o.listener, o.options);
+      } else {
+        on[++i] = o;
+      }
+    }
+    if (++i) on.length = i;
+    else delete this.__on;
+  };
+}
+function onAdd(typename, value, options) {
+  return function() {
+    var on = this.__on, o, listener = contextListener(value);
+    if (on) for (var j = 0, m = on.length; j < m; ++j) {
+      if ((o = on[j]).type === typename.type && o.name === typename.name) {
+        this.removeEventListener(o.type, o.listener, o.options);
+        this.addEventListener(o.type, o.listener = listener, o.options = options);
+        o.value = value;
+        return;
+      }
+    }
+    this.addEventListener(typename.type, listener, options);
+    o = { type: typename.type, name: typename.name, value, listener, options };
+    if (!on) this.__on = [o];
+    else on.push(o);
+  };
+}
+function on_default(typename, value, options) {
+  var typenames = parseTypenames2(typename + ""), i, n = typenames.length, t;
+  if (arguments.length < 2) {
+    var on = this.node().__on;
+    if (on) for (var j = 0, m = on.length, o; j < m; ++j) {
+      for (i = 0, o = on[j]; i < n; ++i) {
+        if ((t = typenames[i]).type === o.type && t.name === o.name) {
+          return o.value;
+        }
+      }
+    }
+    return;
+  }
+  on = value ? onAdd : onRemove;
+  for (i = 0; i < n; ++i) this.each(on(typenames[i], value, options));
+  return this;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/dispatch.js
+function dispatchEvent(node, type2, params) {
+  var window2 = window_default(node), event = window2.CustomEvent;
+  if (typeof event === "function") {
+    event = new event(type2, params);
+  } else {
+    event = window2.document.createEvent("Event");
+    if (params) event.initEvent(type2, params.bubbles, params.cancelable), event.detail = params.detail;
+    else event.initEvent(type2, false, false);
+  }
+  node.dispatchEvent(event);
+}
+function dispatchConstant(type2, params) {
+  return function() {
+    return dispatchEvent(this, type2, params);
+  };
+}
+function dispatchFunction(type2, params) {
+  return function() {
+    return dispatchEvent(this, type2, params.apply(this, arguments));
+  };
+}
+function dispatch_default2(type2, params) {
+  return this.each((typeof params === "function" ? dispatchFunction : dispatchConstant)(type2, params));
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/iterator.js
+function* iterator_default() {
+  for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
+    for (var group = groups[j], i = 0, n = group.length, node; i < n; ++i) {
+      if (node = group[i]) yield node;
+    }
+  }
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selection/index.js
+var root = [null];
+function Selection(groups, parents) {
+  this._groups = groups;
+  this._parents = parents;
+}
+function selection() {
+  return new Selection([[document.documentElement]], root);
+}
+function selection_selection() {
+  return this;
+}
+Selection.prototype = selection.prototype = {
+  constructor: Selection,
+  select: select_default,
+  selectAll: selectAll_default,
+  selectChild: selectChild_default,
+  selectChildren: selectChildren_default,
+  filter: filter_default,
+  data: data_default,
+  enter: enter_default,
+  exit: exit_default,
+  join: join_default,
+  merge: merge_default,
+  selection: selection_selection,
+  order: order_default,
+  sort: sort_default,
+  call: call_default,
+  nodes: nodes_default,
+  node: node_default,
+  size: size_default,
+  empty: empty_default,
+  each: each_default,
+  attr: attr_default,
+  style: style_default,
+  property: property_default,
+  classed: classed_default,
+  text: text_default,
+  html: html_default,
+  raise: raise_default,
+  lower: lower_default,
+  append: append_default,
+  insert: insert_default,
+  remove: remove_default,
+  clone: clone_default,
+  datum: datum_default,
+  on: on_default,
+  dispatch: dispatch_default2,
+  [Symbol.iterator]: iterator_default
+};
+var selection_default = selection;
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/select.js
+function select_default2(selector) {
+  return typeof selector === "string" ? new Selection([[document.querySelector(selector)]], [document.documentElement]) : new Selection([[selector]], root);
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/sourceEvent.js
+function sourceEvent_default(event) {
+  let sourceEvent;
+  while (sourceEvent = event.sourceEvent) event = sourceEvent;
+  return event;
+}
+
+// node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/pointer.js
+function pointer_default(event, node) {
+  event = sourceEvent_default(event);
+  if (node === void 0) node = event.currentTarget;
+  if (node) {
+    var svg = node.ownerSVGElement || node;
+    if (svg.createSVGPoint) {
+      var point = svg.createSVGPoint();
+      point.x = event.clientX, point.y = event.clientY;
+      point = point.matrixTransform(node.getScreenCTM().inverse());
+      return [point.x, point.y];
+    }
+    if (node.getBoundingClientRect) {
+      var rect = node.getBoundingClientRect();
+      return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
+    }
+  }
+  return [event.pageX, event.pageY];
+}
+
+// node_modules/.pnpm/d3-drag@3.0.0/node_modules/d3-drag/src/noevent.js
+var nonpassivecapture = { capture: true, passive: false };
+function noevent_default(event) {
+  event.preventDefault();
+  event.stopImmediatePropagation();
+}
+
+// node_modules/.pnpm/d3-drag@3.0.0/node_modules/d3-drag/src/nodrag.js
+function nodrag_default(view) {
+  var root2 = view.document.documentElement, selection2 = select_default2(view).on("dragstart.drag", noevent_default, nonpassivecapture);
+  if ("onselectstart" in root2) {
+    selection2.on("selectstart.drag", noevent_default, nonpassivecapture);
+  } else {
+    root2.__noselect = root2.style.MozUserSelect;
+    root2.style.MozUserSelect = "none";
+  }
+}
+function yesdrag(view, noclick) {
+  var root2 = view.document.documentElement, selection2 = select_default2(view).on("dragstart.drag", null);
+  if (noclick) {
+    selection2.on("click.drag", noevent_default, nonpassivecapture);
+    setTimeout(function() {
+      selection2.on("click.drag", null);
+    }, 0);
+  }
+  if ("onselectstart" in root2) {
+    selection2.on("selectstart.drag", null);
+  } else {
+    root2.style.MozUserSelect = root2.__noselect;
+    delete root2.__noselect;
+  }
+}
+
+// node_modules/.pnpm/d3-color@3.1.0/node_modules/d3-color/src/define.js
+function define_default(constructor, factory, prototype) {
+  constructor.prototype = factory.prototype = prototype;
+  prototype.constructor = constructor;
+}
+function extend(parent, definition) {
+  var prototype = Object.create(parent.prototype);
+  for (var key in definition) prototype[key] = definition[key];
+  return prototype;
+}
+
+// node_modules/.pnpm/d3-color@3.1.0/node_modules/d3-color/src/color.js
+function Color() {
+}
+var darker = 0.7;
+var brighter = 1 / darker;
+var reI = "\\s*([+-]?\\d+)\\s*";
+var reN = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*";
+var reP = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*";
+var reHex = /^#([0-9a-f]{3,8})$/;
+var reRgbInteger = new RegExp(`^rgb\\(${reI},${reI},${reI}\\)$`);
+var reRgbPercent = new RegExp(`^rgb\\(${reP},${reP},${reP}\\)$`);
+var reRgbaInteger = new RegExp(`^rgba\\(${reI},${reI},${reI},${reN}\\)$`);
+var reRgbaPercent = new RegExp(`^rgba\\(${reP},${reP},${reP},${reN}\\)$`);
+var reHslPercent = new RegExp(`^hsl\\(${reN},${reP},${reP}\\)$`);
+var reHslaPercent = new RegExp(`^hsla\\(${reN},${reP},${reP},${reN}\\)$`);
+var named = {
+  aliceblue: 15792383,
+  antiquewhite: 16444375,
+  aqua: 65535,
+  aquamarine: 8388564,
+  azure: 15794175,
+  beige: 16119260,
+  bisque: 16770244,
+  black: 0,
+  blanchedalmond: 16772045,
+  blue: 255,
+  blueviolet: 9055202,
+  brown: 10824234,
+  burlywood: 14596231,
+  cadetblue: 6266528,
+  chartreuse: 8388352,
+  chocolate: 13789470,
+  coral: 16744272,
+  cornflowerblue: 6591981,
+  cornsilk: 16775388,
+  crimson: 14423100,
+  cyan: 65535,
+  darkblue: 139,
+  darkcyan: 35723,
+  darkgoldenrod: 12092939,
+  darkgray: 11119017,
+  darkgreen: 25600,
+  darkgrey: 11119017,
+  darkkhaki: 12433259,
+  darkmagenta: 9109643,
+  darkolivegreen: 5597999,
+  darkorange: 16747520,
+  darkorchid: 10040012,
+  darkred: 9109504,
+  darksalmon: 15308410,
+  darkseagreen: 9419919,
+  darkslateblue: 4734347,
+  darkslategray: 3100495,
+  darkslategrey: 3100495,
+  darkturquoise: 52945,
+  darkviolet: 9699539,
+  deeppink: 16716947,
+  deepskyblue: 49151,
+  dimgray: 6908265,
+  dimgrey: 6908265,
+  dodgerblue: 2003199,
+  firebrick: 11674146,
+  floralwhite: 16775920,
+  forestgreen: 2263842,
+  fuchsia: 16711935,
+  gainsboro: 14474460,
+  ghostwhite: 16316671,
+  gold: 16766720,
+  goldenrod: 14329120,
+  gray: 8421504,
+  green: 32768,
+  greenyellow: 11403055,
+  grey: 8421504,
+  honeydew: 15794160,
+  hotpink: 16738740,
+  indianred: 13458524,
+  indigo: 4915330,
+  ivory: 16777200,
+  khaki: 15787660,
+  lavender: 15132410,
+  lavenderblush: 16773365,
+  lawngreen: 8190976,
+  lemonchiffon: 16775885,
+  lightblue: 11393254,
+  lightcoral: 15761536,
+  lightcyan: 14745599,
+  lightgoldenrodyellow: 16448210,
+  lightgray: 13882323,
+  lightgreen: 9498256,
+  lightgrey: 13882323,
+  lightpink: 16758465,
+  lightsalmon: 16752762,
+  lightseagreen: 2142890,
+  lightskyblue: 8900346,
+  lightslategray: 7833753,
+  lightslategrey: 7833753,
+  lightsteelblue: 11584734,
+  lightyellow: 16777184,
+  lime: 65280,
+  limegreen: 3329330,
+  linen: 16445670,
+  magenta: 16711935,
+  maroon: 8388608,
+  mediumaquamarine: 6737322,
+  mediumblue: 205,
+  mediumorchid: 12211667,
+  mediumpurple: 9662683,
+  mediumseagreen: 3978097,
+  mediumslateblue: 8087790,
+  mediumspringgreen: 64154,
+  mediumturquoise: 4772300,
+  mediumvioletred: 13047173,
+  midnightblue: 1644912,
+  mintcream: 16121850,
+  mistyrose: 16770273,
+  moccasin: 16770229,
+  navajowhite: 16768685,
+  navy: 128,
+  oldlace: 16643558,
+  olive: 8421376,
+  olivedrab: 7048739,
+  orange: 16753920,
+  orangered: 16729344,
+  orchid: 14315734,
+  palegoldenrod: 15657130,
+  palegreen: 10025880,
+  paleturquoise: 11529966,
+  palevioletred: 14381203,
+  papayawhip: 16773077,
+  peachpuff: 16767673,
+  peru: 13468991,
+  pink: 16761035,
+  plum: 14524637,
+  powderblue: 11591910,
+  purple: 8388736,
+  rebeccapurple: 6697881,
+  red: 16711680,
+  rosybrown: 12357519,
+  royalblue: 4286945,
+  saddlebrown: 9127187,
+  salmon: 16416882,
+  sandybrown: 16032864,
+  seagreen: 3050327,
+  seashell: 16774638,
+  sienna: 10506797,
+  silver: 12632256,
+  skyblue: 8900331,
+  slateblue: 6970061,
+  slategray: 7372944,
+  slategrey: 7372944,
+  snow: 16775930,
+  springgreen: 65407,
+  steelblue: 4620980,
+  tan: 13808780,
+  teal: 32896,
+  thistle: 14204888,
+  tomato: 16737095,
+  turquoise: 4251856,
+  violet: 15631086,
+  wheat: 16113331,
+  white: 16777215,
+  whitesmoke: 16119285,
+  yellow: 16776960,
+  yellowgreen: 10145074
+};
+define_default(Color, color, {
+  copy(channels) {
+    return Object.assign(new this.constructor(), this, channels);
+  },
+  displayable() {
+    return this.rgb().displayable();
+  },
+  hex: color_formatHex,
+  // Deprecated! Use color.formatHex.
+  formatHex: color_formatHex,
+  formatHex8: color_formatHex8,
+  formatHsl: color_formatHsl,
+  formatRgb: color_formatRgb,
+  toString: color_formatRgb
+});
+function color_formatHex() {
+  return this.rgb().formatHex();
+}
+function color_formatHex8() {
+  return this.rgb().formatHex8();
+}
+function color_formatHsl() {
+  return hslConvert(this).formatHsl();
+}
+function color_formatRgb() {
+  return this.rgb().formatRgb();
+}
+function color(format) {
+  var m, l;
+  format = (format + "").trim().toLowerCase();
+  return (m = reHex.exec(format)) ? (l = m[1].length, m = parseInt(m[1], 16), l === 6 ? rgbn(m) : l === 3 ? new Rgb(m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, (m & 15) << 4 | m & 15, 1) : l === 8 ? rgba(m >> 24 & 255, m >> 16 & 255, m >> 8 & 255, (m & 255) / 255) : l === 4 ? rgba(m >> 12 & 15 | m >> 8 & 240, m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, ((m & 15) << 4 | m & 15) / 255) : null) : (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) : (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) : (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) : (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) : (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) : (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) : named.hasOwnProperty(format) ? rgbn(named[format]) : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
+}
+function rgbn(n) {
+  return new Rgb(n >> 16 & 255, n >> 8 & 255, n & 255, 1);
+}
+function rgba(r, g, b, a) {
+  if (a <= 0) r = g = b = NaN;
+  return new Rgb(r, g, b, a);
+}
+function rgbConvert(o) {
+  if (!(o instanceof Color)) o = color(o);
+  if (!o) return new Rgb();
+  o = o.rgb();
+  return new Rgb(o.r, o.g, o.b, o.opacity);
+}
+function rgb(r, g, b, opacity) {
+  return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
+}
+function Rgb(r, g, b, opacity) {
+  this.r = +r;
+  this.g = +g;
+  this.b = +b;
+  this.opacity = +opacity;
+}
+define_default(Rgb, rgb, extend(Color, {
+  brighter(k) {
+    k = k == null ? brighter : Math.pow(brighter, k);
+    return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
+  },
+  darker(k) {
+    k = k == null ? darker : Math.pow(darker, k);
+    return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
+  },
+  rgb() {
+    return this;
+  },
+  clamp() {
+    return new Rgb(clampi(this.r), clampi(this.g), clampi(this.b), clampa(this.opacity));
+  },
+  displayable() {
+    return -0.5 <= this.r && this.r < 255.5 && (-0.5 <= this.g && this.g < 255.5) && (-0.5 <= this.b && this.b < 255.5) && (0 <= this.opacity && this.opacity <= 1);
+  },
+  hex: rgb_formatHex,
+  // Deprecated! Use color.formatHex.
+  formatHex: rgb_formatHex,
+  formatHex8: rgb_formatHex8,
+  formatRgb: rgb_formatRgb,
+  toString: rgb_formatRgb
+}));
+function rgb_formatHex() {
+  return `#${hex(this.r)}${hex(this.g)}${hex(this.b)}`;
+}
+function rgb_formatHex8() {
+  return `#${hex(this.r)}${hex(this.g)}${hex(this.b)}${hex((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
+}
+function rgb_formatRgb() {
+  const a = clampa(this.opacity);
+  return `${a === 1 ? "rgb(" : "rgba("}${clampi(this.r)}, ${clampi(this.g)}, ${clampi(this.b)}${a === 1 ? ")" : `, ${a})`}`;
+}
+function clampa(opacity) {
+  return isNaN(opacity) ? 1 : Math.max(0, Math.min(1, opacity));
+}
+function clampi(value) {
+  return Math.max(0, Math.min(255, Math.round(value) || 0));
+}
+function hex(value) {
+  value = clampi(value);
+  return (value < 16 ? "0" : "") + value.toString(16);
+}
+function hsla(h, s, l, a) {
+  if (a <= 0) h = s = l = NaN;
+  else if (l <= 0 || l >= 1) h = s = NaN;
+  else if (s <= 0) h = NaN;
+  return new Hsl(h, s, l, a);
+}
+function hslConvert(o) {
+  if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
+  if (!(o instanceof Color)) o = color(o);
+  if (!o) return new Hsl();
+  if (o instanceof Hsl) return o;
+  o = o.rgb();
+  var r = o.r / 255, g = o.g / 255, b = o.b / 255, min2 = Math.min(r, g, b), max2 = Math.max(r, g, b), h = NaN, s = max2 - min2, l = (max2 + min2) / 2;
+  if (s) {
+    if (r === max2) h = (g - b) / s + (g < b) * 6;
+    else if (g === max2) h = (b - r) / s + 2;
+    else h = (r - g) / s + 4;
+    s /= l < 0.5 ? max2 + min2 : 2 - max2 - min2;
+    h *= 60;
+  } else {
+    s = l > 0 && l < 1 ? 0 : h;
+  }
+  return new Hsl(h, s, l, o.opacity);
+}
+function hsl(h, s, l, opacity) {
+  return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
+}
+function Hsl(h, s, l, opacity) {
+  this.h = +h;
+  this.s = +s;
+  this.l = +l;
+  this.opacity = +opacity;
+}
+define_default(Hsl, hsl, extend(Color, {
+  brighter(k) {
+    k = k == null ? brighter : Math.pow(brighter, k);
+    return new Hsl(this.h, this.s, this.l * k, this.opacity);
+  },
+  darker(k) {
+    k = k == null ? darker : Math.pow(darker, k);
+    return new Hsl(this.h, this.s, this.l * k, this.opacity);
+  },
+  rgb() {
+    var h = this.h % 360 + (this.h < 0) * 360, s = isNaN(h) || isNaN(this.s) ? 0 : this.s, l = this.l, m2 = l + (l < 0.5 ? l : 1 - l) * s, m1 = 2 * l - m2;
+    return new Rgb(
+      hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2),
+      hsl2rgb(h, m1, m2),
+      hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2),
+      this.opacity
+    );
+  },
+  clamp() {
+    return new Hsl(clamph(this.h), clampt(this.s), clampt(this.l), clampa(this.opacity));
+  },
+  displayable() {
+    return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && (0 <= this.l && this.l <= 1) && (0 <= this.opacity && this.opacity <= 1);
+  },
+  formatHsl() {
+    const a = clampa(this.opacity);
+    return `${a === 1 ? "hsl(" : "hsla("}${clamph(this.h)}, ${clampt(this.s) * 100}%, ${clampt(this.l) * 100}%${a === 1 ? ")" : `, ${a})`}`;
+  }
+}));
+function clamph(value) {
+  value = (value || 0) % 360;
+  return value < 0 ? value + 360 : value;
+}
+function clampt(value) {
+  return Math.max(0, Math.min(1, value || 0));
+}
+function hsl2rgb(h, m1, m2) {
+  return (h < 60 ? m1 + (m2 - m1) * h / 60 : h < 180 ? m2 : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60 : m1) * 255;
+}
+
+// node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/constant.js
+var constant_default2 = (x2) => () => x2;
+
+// node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/color.js
+function linear(a, d) {
+  return function(t) {
+    return a + t * d;
+  };
+}
+function exponential(a, b, y2) {
+  return a = Math.pow(a, y2), b = Math.pow(b, y2) - a, y2 = 1 / y2, function(t) {
+    return Math.pow(a + t * b, y2);
+  };
+}
+function gamma(y2) {
+  return (y2 = +y2) === 1 ? nogamma : function(a, b) {
+    return b - a ? exponential(a, b, y2) : constant_default2(isNaN(a) ? b : a);
+  };
+}
+function nogamma(a, b) {
+  var d = b - a;
+  return d ? linear(a, d) : constant_default2(isNaN(a) ? b : a);
+}
+
+// node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/rgb.js
+var rgb_default = function rgbGamma(y2) {
+  var color2 = gamma(y2);
+  function rgb2(start2, end) {
+    var r = color2((start2 = rgb(start2)).r, (end = rgb(end)).r), g = color2(start2.g, end.g), b = color2(start2.b, end.b), opacity = nogamma(start2.opacity, end.opacity);
+    return function(t) {
+      start2.r = r(t);
+      start2.g = g(t);
+      start2.b = b(t);
+      start2.opacity = opacity(t);
+      return start2 + "";
+    };
+  }
+  rgb2.gamma = rgbGamma;
+  return rgb2;
+}(1);
+
+// node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/number.js
+function number_default(a, b) {
+  return a = +a, b = +b, function(t) {
+    return a * (1 - t) + b * t;
+  };
+}
+
+// node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/string.js
+var reA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g;
+var reB = new RegExp(reA.source, "g");
+function zero(b) {
+  return function() {
+    return b;
+  };
+}
+function one(b) {
+  return function(t) {
+    return b(t) + "";
+  };
+}
+function string_default(a, b) {
+  var bi = reA.lastIndex = reB.lastIndex = 0, am, bm, bs, i = -1, s = [], q = [];
+  a = a + "", b = b + "";
+  while ((am = reA.exec(a)) && (bm = reB.exec(b))) {
+    if ((bs = bm.index) > bi) {
+      bs = b.slice(bi, bs);
+      if (s[i]) s[i] += bs;
+      else s[++i] = bs;
+    }
+    if ((am = am[0]) === (bm = bm[0])) {
+      if (s[i]) s[i] += bm;
+      else s[++i] = bm;
+    } else {
+      s[++i] = null;
+      q.push({ i, x: number_default(am, bm) });
+    }
+    bi = reB.lastIndex;
+  }
+  if (bi < b.length) {
+    bs = b.slice(bi);
+    if (s[i]) s[i] += bs;
+    else s[++i] = bs;
+  }
+  return s.length < 2 ? q[0] ? one(q[0].x) : zero(b) : (b = q.length, function(t) {
+    for (var i2 = 0, o; i2 < b; ++i2) s[(o = q[i2]).i] = o.x(t);
+    return s.join("");
+  });
+}
+
+// node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/transform/decompose.js
+var degrees = 180 / Math.PI;
+var identity = {
+  translateX: 0,
+  translateY: 0,
+  rotate: 0,
+  skewX: 0,
+  scaleX: 1,
+  scaleY: 1
+};
+function decompose_default(a, b, c, d, e, f) {
+  var scaleX, scaleY, skewX;
+  if (scaleX = Math.sqrt(a * a + b * b)) a /= scaleX, b /= scaleX;
+  if (skewX = a * c + b * d) c -= a * skewX, d -= b * skewX;
+  if (scaleY = Math.sqrt(c * c + d * d)) c /= scaleY, d /= scaleY, skewX /= scaleY;
+  if (a * d < b * c) a = -a, b = -b, skewX = -skewX, scaleX = -scaleX;
+  return {
+    translateX: e,
+    translateY: f,
+    rotate: Math.atan2(b, a) * degrees,
+    skewX: Math.atan(skewX) * degrees,
+    scaleX,
+    scaleY
+  };
+}
+
+// node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/transform/parse.js
+var svgNode;
+function parseCss(value) {
+  const m = new (typeof DOMMatrix === "function" ? DOMMatrix : WebKitCSSMatrix)(value + "");
+  return m.isIdentity ? identity : decompose_default(m.a, m.b, m.c, m.d, m.e, m.f);
+}
+function parseSvg(value) {
+  if (value == null) return identity;
+  if (!svgNode) svgNode = document.createElementNS("http://www.w3.org/2000/svg", "g");
+  svgNode.setAttribute("transform", value);
+  if (!(value = svgNode.transform.baseVal.consolidate())) return identity;
+  value = value.matrix;
+  return decompose_default(value.a, value.b, value.c, value.d, value.e, value.f);
+}
+
+// node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/transform/index.js
+function interpolateTransform(parse, pxComma, pxParen, degParen) {
+  function pop(s) {
+    return s.length ? s.pop() + " " : "";
+  }
+  function translate(xa, ya, xb, yb, s, q) {
+    if (xa !== xb || ya !== yb) {
+      var i = s.push("translate(", null, pxComma, null, pxParen);
+      q.push({ i: i - 4, x: number_default(xa, xb) }, { i: i - 2, x: number_default(ya, yb) });
+    } else if (xb || yb) {
+      s.push("translate(" + xb + pxComma + yb + pxParen);
+    }
+  }
+  function rotate(a, b, s, q) {
+    if (a !== b) {
+      if (a - b > 180) b += 360;
+      else if (b - a > 180) a += 360;
+      q.push({ i: s.push(pop(s) + "rotate(", null, degParen) - 2, x: number_default(a, b) });
+    } else if (b) {
+      s.push(pop(s) + "rotate(" + b + degParen);
+    }
+  }
+  function skewX(a, b, s, q) {
+    if (a !== b) {
+      q.push({ i: s.push(pop(s) + "skewX(", null, degParen) - 2, x: number_default(a, b) });
+    } else if (b) {
+      s.push(pop(s) + "skewX(" + b + degParen);
+    }
+  }
+  function scale(xa, ya, xb, yb, s, q) {
+    if (xa !== xb || ya !== yb) {
+      var i = s.push(pop(s) + "scale(", null, ",", null, ")");
+      q.push({ i: i - 4, x: number_default(xa, xb) }, { i: i - 2, x: number_default(ya, yb) });
+    } else if (xb !== 1 || yb !== 1) {
+      s.push(pop(s) + "scale(" + xb + "," + yb + ")");
+    }
+  }
+  return function(a, b) {
+    var s = [], q = [];
+    a = parse(a), b = parse(b);
+    translate(a.translateX, a.translateY, b.translateX, b.translateY, s, q);
+    rotate(a.rotate, b.rotate, s, q);
+    skewX(a.skewX, b.skewX, s, q);
+    scale(a.scaleX, a.scaleY, b.scaleX, b.scaleY, s, q);
+    a = b = null;
+    return function(t) {
+      var i = -1, n = q.length, o;
+      while (++i < n) s[(o = q[i]).i] = o.x(t);
+      return s.join("");
+    };
+  };
+}
+var interpolateTransformCss = interpolateTransform(parseCss, "px, ", "px)", "deg)");
+var interpolateTransformSvg = interpolateTransform(parseSvg, ", ", ")", ")");
+
+// node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/zoom.js
+var epsilon2 = 1e-12;
+function cosh(x2) {
+  return ((x2 = Math.exp(x2)) + 1 / x2) / 2;
+}
+function sinh(x2) {
+  return ((x2 = Math.exp(x2)) - 1 / x2) / 2;
+}
+function tanh(x2) {
+  return ((x2 = Math.exp(2 * x2)) - 1) / (x2 + 1);
+}
+var zoom_default = function zoomRho(rho, rho2, rho4) {
+  function zoom(p0, p1) {
+    var ux0 = p0[0], uy0 = p0[1], w0 = p0[2], ux1 = p1[0], uy1 = p1[1], w1 = p1[2], dx = ux1 - ux0, dy = uy1 - uy0, d2 = dx * dx + dy * dy, i, S;
+    if (d2 < epsilon2) {
+      S = Math.log(w1 / w0) / rho;
+      i = function(t) {
+        return [
+          ux0 + t * dx,
+          uy0 + t * dy,
+          w0 * Math.exp(rho * t * S)
+        ];
+      };
+    } else {
+      var d1 = Math.sqrt(d2), b0 = (w1 * w1 - w0 * w0 + rho4 * d2) / (2 * w0 * rho2 * d1), b1 = (w1 * w1 - w0 * w0 - rho4 * d2) / (2 * w1 * rho2 * d1), r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0), r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
+      S = (r1 - r0) / rho;
+      i = function(t) {
+        var s = t * S, coshr0 = cosh(r0), u = w0 / (rho2 * d1) * (coshr0 * tanh(rho * s + r0) - sinh(r0));
+        return [
+          ux0 + u * dx,
+          uy0 + u * dy,
+          w0 * coshr0 / cosh(rho * s + r0)
+        ];
+      };
+    }
+    i.duration = S * 1e3 * rho / Math.SQRT2;
+    return i;
+  }
+  zoom.rho = function(_) {
+    var _1 = Math.max(1e-3, +_), _2 = _1 * _1, _4 = _2 * _2;
+    return zoomRho(_1, _2, _4);
+  };
+  return zoom;
+}(Math.SQRT2, 2, 4);
+
+// node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js
+var frame = 0;
+var timeout = 0;
+var interval = 0;
+var pokeDelay = 1e3;
+var taskHead;
+var taskTail;
+var clockLast = 0;
+var clockNow = 0;
+var clockSkew = 0;
+var clock = typeof performance === "object" && performance.now ? performance : Date;
+var setFrame = typeof window === "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(f) {
+  setTimeout(f, 17);
+};
+function now() {
+  return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);
+}
+function clearNow() {
+  clockNow = 0;
+}
+function Timer() {
+  this._call = this._time = this._next = null;
+}
+Timer.prototype = timer.prototype = {
+  constructor: Timer,
+  restart: function(callback, delay, time) {
+    if (typeof callback !== "function") throw new TypeError("callback is not a function");
+    time = (time == null ? now() : +time) + (delay == null ? 0 : +delay);
+    if (!this._next && taskTail !== this) {
+      if (taskTail) taskTail._next = this;
+      else taskHead = this;
+      taskTail = this;
+    }
+    this._call = callback;
+    this._time = time;
+    sleep();
+  },
+  stop: function() {
+    if (this._call) {
+      this._call = null;
+      this._time = Infinity;
+      sleep();
+    }
+  }
+};
+function timer(callback, delay, time) {
+  var t = new Timer();
+  t.restart(callback, delay, time);
+  return t;
+}
+function timerFlush() {
+  now();
+  ++frame;
+  var t = taskHead, e;
+  while (t) {
+    if ((e = clockNow - t._time) >= 0) t._call.call(void 0, e);
+    t = t._next;
+  }
+  --frame;
+}
+function wake() {
+  clockNow = (clockLast = clock.now()) + clockSkew;
+  frame = timeout = 0;
+  try {
+    timerFlush();
+  } finally {
+    frame = 0;
+    nap();
+    clockNow = 0;
+  }
+}
+function poke() {
+  var now2 = clock.now(), delay = now2 - clockLast;
+  if (delay > pokeDelay) clockSkew -= delay, clockLast = now2;
+}
+function nap() {
+  var t0, t1 = taskHead, t2, time = Infinity;
+  while (t1) {
+    if (t1._call) {
+      if (time > t1._time) time = t1._time;
+      t0 = t1, t1 = t1._next;
+    } else {
+      t2 = t1._next, t1._next = null;
+      t1 = t0 ? t0._next = t2 : taskHead = t2;
+    }
+  }
+  taskTail = t0;
+  sleep(time);
+}
+function sleep(time) {
+  if (frame) return;
+  if (timeout) timeout = clearTimeout(timeout);
+  var delay = time - clockNow;
+  if (delay > 24) {
+    if (time < Infinity) timeout = setTimeout(wake, time - clock.now() - clockSkew);
+    if (interval) interval = clearInterval(interval);
+  } else {
+    if (!interval) clockLast = clock.now(), interval = setInterval(poke, pokeDelay);
+    frame = 1, setFrame(wake);
+  }
+}
+
+// node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timeout.js
+function timeout_default(callback, delay, time) {
+  var t = new Timer();
+  delay = delay == null ? 0 : +delay;
+  t.restart((elapsed) => {
+    t.stop();
+    callback(elapsed + delay);
+  }, delay, time);
+  return t;
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/schedule.js
+var emptyOn = dispatch_default("start", "end", "cancel", "interrupt");
+var emptyTween = [];
+var CREATED = 0;
+var SCHEDULED = 1;
+var STARTING = 2;
+var STARTED = 3;
+var RUNNING = 4;
+var ENDING = 5;
+var ENDED = 6;
+function schedule_default(node, name, id2, index, group, timing) {
+  var schedules = node.__transition;
+  if (!schedules) node.__transition = {};
+  else if (id2 in schedules) return;
+  create(node, id2, {
+    name,
+    index,
+    // For context during callback.
+    group,
+    // For context during callback.
+    on: emptyOn,
+    tween: emptyTween,
+    time: timing.time,
+    delay: timing.delay,
+    duration: timing.duration,
+    ease: timing.ease,
+    timer: null,
+    state: CREATED
+  });
+}
+function init(node, id2) {
+  var schedule = get2(node, id2);
+  if (schedule.state > CREATED) throw new Error("too late; already scheduled");
+  return schedule;
+}
+function set2(node, id2) {
+  var schedule = get2(node, id2);
+  if (schedule.state > STARTED) throw new Error("too late; already running");
+  return schedule;
+}
+function get2(node, id2) {
+  var schedule = node.__transition;
+  if (!schedule || !(schedule = schedule[id2])) throw new Error("transition not found");
+  return schedule;
+}
+function create(node, id2, self) {
+  var schedules = node.__transition, tween;
+  schedules[id2] = self;
+  self.timer = timer(schedule, 0, self.time);
+  function schedule(elapsed) {
+    self.state = SCHEDULED;
+    self.timer.restart(start2, self.delay, self.time);
+    if (self.delay <= elapsed) start2(elapsed - self.delay);
+  }
+  function start2(elapsed) {
+    var i, j, n, o;
+    if (self.state !== SCHEDULED) return stop();
+    for (i in schedules) {
+      o = schedules[i];
+      if (o.name !== self.name) continue;
+      if (o.state === STARTED) return timeout_default(start2);
+      if (o.state === RUNNING) {
+        o.state = ENDED;
+        o.timer.stop();
+        o.on.call("interrupt", node, node.__data__, o.index, o.group);
+        delete schedules[i];
+      } else if (+i < id2) {
+        o.state = ENDED;
+        o.timer.stop();
+        o.on.call("cancel", node, node.__data__, o.index, o.group);
+        delete schedules[i];
+      }
+    }
+    timeout_default(function() {
+      if (self.state === STARTED) {
+        self.state = RUNNING;
+        self.timer.restart(tick, self.delay, self.time);
+        tick(elapsed);
+      }
+    });
+    self.state = STARTING;
+    self.on.call("start", node, node.__data__, self.index, self.group);
+    if (self.state !== STARTING) return;
+    self.state = STARTED;
+    tween = new Array(n = self.tween.length);
+    for (i = 0, j = -1; i < n; ++i) {
+      if (o = self.tween[i].value.call(node, node.__data__, self.index, self.group)) {
+        tween[++j] = o;
+      }
+    }
+    tween.length = j + 1;
+  }
+  function tick(elapsed) {
+    var t = elapsed < self.duration ? self.ease.call(null, elapsed / self.duration) : (self.timer.restart(stop), self.state = ENDING, 1), i = -1, n = tween.length;
+    while (++i < n) {
+      tween[i].call(node, t);
+    }
+    if (self.state === ENDING) {
+      self.on.call("end", node, node.__data__, self.index, self.group);
+      stop();
+    }
+  }
+  function stop() {
+    self.state = ENDED;
+    self.timer.stop();
+    delete schedules[id2];
+    for (var i in schedules) return;
+    delete node.__transition;
+  }
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/interrupt.js
+function interrupt_default(node, name) {
+  var schedules = node.__transition, schedule, active, empty2 = true, i;
+  if (!schedules) return;
+  name = name == null ? null : name + "";
+  for (i in schedules) {
+    if ((schedule = schedules[i]).name !== name) {
+      empty2 = false;
+      continue;
+    }
+    active = schedule.state > STARTING && schedule.state < ENDING;
+    schedule.state = ENDED;
+    schedule.timer.stop();
+    schedule.on.call(active ? "interrupt" : "cancel", node, node.__data__, schedule.index, schedule.group);
+    delete schedules[i];
+  }
+  if (empty2) delete node.__transition;
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/interrupt.js
+function interrupt_default2(name) {
+  return this.each(function() {
+    interrupt_default(this, name);
+  });
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/tween.js
+function tweenRemove(id2, name) {
+  var tween0, tween1;
+  return function() {
+    var schedule = set2(this, id2), tween = schedule.tween;
+    if (tween !== tween0) {
+      tween1 = tween0 = tween;
+      for (var i = 0, n = tween1.length; i < n; ++i) {
+        if (tween1[i].name === name) {
+          tween1 = tween1.slice();
+          tween1.splice(i, 1);
+          break;
+        }
+      }
+    }
+    schedule.tween = tween1;
+  };
+}
+function tweenFunction(id2, name, value) {
+  var tween0, tween1;
+  if (typeof value !== "function") throw new Error();
+  return function() {
+    var schedule = set2(this, id2), tween = schedule.tween;
+    if (tween !== tween0) {
+      tween1 = (tween0 = tween).slice();
+      for (var t = { name, value }, i = 0, n = tween1.length; i < n; ++i) {
+        if (tween1[i].name === name) {
+          tween1[i] = t;
+          break;
+        }
+      }
+      if (i === n) tween1.push(t);
+    }
+    schedule.tween = tween1;
+  };
+}
+function tween_default(name, value) {
+  var id2 = this._id;
+  name += "";
+  if (arguments.length < 2) {
+    var tween = get2(this.node(), id2).tween;
+    for (var i = 0, n = tween.length, t; i < n; ++i) {
+      if ((t = tween[i]).name === name) {
+        return t.value;
+      }
+    }
+    return null;
+  }
+  return this.each((value == null ? tweenRemove : tweenFunction)(id2, name, value));
+}
+function tweenValue(transition2, name, value) {
+  var id2 = transition2._id;
+  transition2.each(function() {
+    var schedule = set2(this, id2);
+    (schedule.value || (schedule.value = {}))[name] = value.apply(this, arguments);
+  });
+  return function(node) {
+    return get2(node, id2).value[name];
+  };
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/interpolate.js
+function interpolate_default(a, b) {
+  var c;
+  return (typeof b === "number" ? number_default : b instanceof color ? rgb_default : (c = color(b)) ? (b = c, rgb_default) : string_default)(a, b);
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/attr.js
+function attrRemove2(name) {
+  return function() {
+    this.removeAttribute(name);
+  };
+}
+function attrRemoveNS2(fullname) {
+  return function() {
+    this.removeAttributeNS(fullname.space, fullname.local);
+  };
+}
+function attrConstant2(name, interpolate, value1) {
+  var string00, string1 = value1 + "", interpolate0;
+  return function() {
+    var string0 = this.getAttribute(name);
+    return string0 === string1 ? null : string0 === string00 ? interpolate0 : interpolate0 = interpolate(string00 = string0, value1);
+  };
+}
+function attrConstantNS2(fullname, interpolate, value1) {
+  var string00, string1 = value1 + "", interpolate0;
+  return function() {
+    var string0 = this.getAttributeNS(fullname.space, fullname.local);
+    return string0 === string1 ? null : string0 === string00 ? interpolate0 : interpolate0 = interpolate(string00 = string0, value1);
+  };
+}
+function attrFunction2(name, interpolate, value) {
+  var string00, string10, interpolate0;
+  return function() {
+    var string0, value1 = value(this), string1;
+    if (value1 == null) return void this.removeAttribute(name);
+    string0 = this.getAttribute(name);
+    string1 = value1 + "";
+    return string0 === string1 ? null : string0 === string00 && string1 === string10 ? interpolate0 : (string10 = string1, interpolate0 = interpolate(string00 = string0, value1));
+  };
+}
+function attrFunctionNS2(fullname, interpolate, value) {
+  var string00, string10, interpolate0;
+  return function() {
+    var string0, value1 = value(this), string1;
+    if (value1 == null) return void this.removeAttributeNS(fullname.space, fullname.local);
+    string0 = this.getAttributeNS(fullname.space, fullname.local);
+    string1 = value1 + "";
+    return string0 === string1 ? null : string0 === string00 && string1 === string10 ? interpolate0 : (string10 = string1, interpolate0 = interpolate(string00 = string0, value1));
+  };
+}
+function attr_default2(name, value) {
+  var fullname = namespace_default(name), i = fullname === "transform" ? interpolateTransformSvg : interpolate_default;
+  return this.attrTween(name, typeof value === "function" ? (fullname.local ? attrFunctionNS2 : attrFunction2)(fullname, i, tweenValue(this, "attr." + name, value)) : value == null ? (fullname.local ? attrRemoveNS2 : attrRemove2)(fullname) : (fullname.local ? attrConstantNS2 : attrConstant2)(fullname, i, value));
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/attrTween.js
+function attrInterpolate(name, i) {
+  return function(t) {
+    this.setAttribute(name, i.call(this, t));
+  };
+}
+function attrInterpolateNS(fullname, i) {
+  return function(t) {
+    this.setAttributeNS(fullname.space, fullname.local, i.call(this, t));
+  };
+}
+function attrTweenNS(fullname, value) {
+  var t0, i0;
+  function tween() {
+    var i = value.apply(this, arguments);
+    if (i !== i0) t0 = (i0 = i) && attrInterpolateNS(fullname, i);
+    return t0;
+  }
+  tween._value = value;
+  return tween;
+}
+function attrTween(name, value) {
+  var t0, i0;
+  function tween() {
+    var i = value.apply(this, arguments);
+    if (i !== i0) t0 = (i0 = i) && attrInterpolate(name, i);
+    return t0;
+  }
+  tween._value = value;
+  return tween;
+}
+function attrTween_default(name, value) {
+  var key = "attr." + name;
+  if (arguments.length < 2) return (key = this.tween(key)) && key._value;
+  if (value == null) return this.tween(key, null);
+  if (typeof value !== "function") throw new Error();
+  var fullname = namespace_default(name);
+  return this.tween(key, (fullname.local ? attrTweenNS : attrTween)(fullname, value));
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/delay.js
+function delayFunction(id2, value) {
+  return function() {
+    init(this, id2).delay = +value.apply(this, arguments);
+  };
+}
+function delayConstant(id2, value) {
+  return value = +value, function() {
+    init(this, id2).delay = value;
+  };
+}
+function delay_default(value) {
+  var id2 = this._id;
+  return arguments.length ? this.each((typeof value === "function" ? delayFunction : delayConstant)(id2, value)) : get2(this.node(), id2).delay;
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/duration.js
+function durationFunction(id2, value) {
+  return function() {
+    set2(this, id2).duration = +value.apply(this, arguments);
+  };
+}
+function durationConstant(id2, value) {
+  return value = +value, function() {
+    set2(this, id2).duration = value;
+  };
+}
+function duration_default(value) {
+  var id2 = this._id;
+  return arguments.length ? this.each((typeof value === "function" ? durationFunction : durationConstant)(id2, value)) : get2(this.node(), id2).duration;
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/ease.js
+function easeConstant(id2, value) {
+  if (typeof value !== "function") throw new Error();
+  return function() {
+    set2(this, id2).ease = value;
+  };
+}
+function ease_default(value) {
+  var id2 = this._id;
+  return arguments.length ? this.each(easeConstant(id2, value)) : get2(this.node(), id2).ease;
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/easeVarying.js
+function easeVarying(id2, value) {
+  return function() {
+    var v = value.apply(this, arguments);
+    if (typeof v !== "function") throw new Error();
+    set2(this, id2).ease = v;
+  };
+}
+function easeVarying_default(value) {
+  if (typeof value !== "function") throw new Error();
+  return this.each(easeVarying(this._id, value));
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/filter.js
+function filter_default2(match) {
+  if (typeof match !== "function") match = matcher_default(match);
+  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+    for (var group = groups[j], n = group.length, subgroup = subgroups[j] = [], node, i = 0; i < n; ++i) {
+      if ((node = group[i]) && match.call(node, node.__data__, i, group)) {
+        subgroup.push(node);
+      }
+    }
+  }
+  return new Transition(subgroups, this._parents, this._name, this._id);
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/merge.js
+function merge_default2(transition2) {
+  if (transition2._id !== this._id) throw new Error();
+  for (var groups0 = this._groups, groups1 = transition2._groups, m0 = groups0.length, m1 = groups1.length, m = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m; ++j) {
+    for (var group0 = groups0[j], group1 = groups1[j], n = group0.length, merge = merges[j] = new Array(n), node, i = 0; i < n; ++i) {
+      if (node = group0[i] || group1[i]) {
+        merge[i] = node;
+      }
+    }
+  }
+  for (; j < m0; ++j) {
+    merges[j] = groups0[j];
+  }
+  return new Transition(merges, this._parents, this._name, this._id);
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/on.js
+function start(name) {
+  return (name + "").trim().split(/^|\s+/).every(function(t) {
+    var i = t.indexOf(".");
+    if (i >= 0) t = t.slice(0, i);
+    return !t || t === "start";
+  });
+}
+function onFunction(id2, name, listener) {
+  var on0, on1, sit = start(name) ? init : set2;
+  return function() {
+    var schedule = sit(this, id2), on = schedule.on;
+    if (on !== on0) (on1 = (on0 = on).copy()).on(name, listener);
+    schedule.on = on1;
+  };
+}
+function on_default2(name, listener) {
+  var id2 = this._id;
+  return arguments.length < 2 ? get2(this.node(), id2).on.on(name) : this.each(onFunction(id2, name, listener));
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/remove.js
+function removeFunction(id2) {
+  return function() {
+    var parent = this.parentNode;
+    for (var i in this.__transition) if (+i !== id2) return;
+    if (parent) parent.removeChild(this);
+  };
+}
+function remove_default2() {
+  return this.on("end.remove", removeFunction(this._id));
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/select.js
+function select_default3(select) {
+  var name = this._name, id2 = this._id;
+  if (typeof select !== "function") select = selector_default(select);
+  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+    for (var group = groups[j], n = group.length, subgroup = subgroups[j] = new Array(n), node, subnode, i = 0; i < n; ++i) {
+      if ((node = group[i]) && (subnode = select.call(node, node.__data__, i, group))) {
+        if ("__data__" in node) subnode.__data__ = node.__data__;
+        subgroup[i] = subnode;
+        schedule_default(subgroup[i], name, id2, i, subgroup, get2(node, id2));
+      }
+    }
+  }
+  return new Transition(subgroups, this._parents, name, id2);
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/selectAll.js
+function selectAll_default2(select) {
+  var name = this._name, id2 = this._id;
+  if (typeof select !== "function") select = selectorAll_default(select);
+  for (var groups = this._groups, m = groups.length, subgroups = [], parents = [], j = 0; j < m; ++j) {
+    for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {
+      if (node = group[i]) {
+        for (var children2 = select.call(node, node.__data__, i, group), child, inherit2 = get2(node, id2), k = 0, l = children2.length; k < l; ++k) {
+          if (child = children2[k]) {
+            schedule_default(child, name, id2, k, children2, inherit2);
+          }
+        }
+        subgroups.push(children2);
+        parents.push(node);
+      }
+    }
+  }
+  return new Transition(subgroups, parents, name, id2);
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/selection.js
+var Selection2 = selection_default.prototype.constructor;
+function selection_default2() {
+  return new Selection2(this._groups, this._parents);
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/style.js
+function styleNull(name, interpolate) {
+  var string00, string10, interpolate0;
+  return function() {
+    var string0 = styleValue(this, name), string1 = (this.style.removeProperty(name), styleValue(this, name));
+    return string0 === string1 ? null : string0 === string00 && string1 === string10 ? interpolate0 : interpolate0 = interpolate(string00 = string0, string10 = string1);
+  };
+}
+function styleRemove2(name) {
+  return function() {
+    this.style.removeProperty(name);
+  };
+}
+function styleConstant2(name, interpolate, value1) {
+  var string00, string1 = value1 + "", interpolate0;
+  return function() {
+    var string0 = styleValue(this, name);
+    return string0 === string1 ? null : string0 === string00 ? interpolate0 : interpolate0 = interpolate(string00 = string0, value1);
+  };
+}
+function styleFunction2(name, interpolate, value) {
+  var string00, string10, interpolate0;
+  return function() {
+    var string0 = styleValue(this, name), value1 = value(this), string1 = value1 + "";
+    if (value1 == null) string1 = value1 = (this.style.removeProperty(name), styleValue(this, name));
+    return string0 === string1 ? null : string0 === string00 && string1 === string10 ? interpolate0 : (string10 = string1, interpolate0 = interpolate(string00 = string0, value1));
+  };
+}
+function styleMaybeRemove(id2, name) {
+  var on0, on1, listener0, key = "style." + name, event = "end." + key, remove2;
+  return function() {
+    var schedule = set2(this, id2), on = schedule.on, listener = schedule.value[key] == null ? remove2 || (remove2 = styleRemove2(name)) : void 0;
+    if (on !== on0 || listener0 !== listener) (on1 = (on0 = on).copy()).on(event, listener0 = listener);
+    schedule.on = on1;
+  };
+}
+function style_default2(name, value, priority) {
+  var i = (name += "") === "transform" ? interpolateTransformCss : interpolate_default;
+  return value == null ? this.styleTween(name, styleNull(name, i)).on("end.style." + name, styleRemove2(name)) : typeof value === "function" ? this.styleTween(name, styleFunction2(name, i, tweenValue(this, "style." + name, value))).each(styleMaybeRemove(this._id, name)) : this.styleTween(name, styleConstant2(name, i, value), priority).on("end.style." + name, null);
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/styleTween.js
+function styleInterpolate(name, i, priority) {
+  return function(t) {
+    this.style.setProperty(name, i.call(this, t), priority);
+  };
+}
+function styleTween(name, value, priority) {
+  var t, i0;
+  function tween() {
+    var i = value.apply(this, arguments);
+    if (i !== i0) t = (i0 = i) && styleInterpolate(name, i, priority);
+    return t;
+  }
+  tween._value = value;
+  return tween;
+}
+function styleTween_default(name, value, priority) {
+  var key = "style." + (name += "");
+  if (arguments.length < 2) return (key = this.tween(key)) && key._value;
+  if (value == null) return this.tween(key, null);
+  if (typeof value !== "function") throw new Error();
+  return this.tween(key, styleTween(name, value, priority == null ? "" : priority));
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/text.js
+function textConstant2(value) {
+  return function() {
+    this.textContent = value;
+  };
+}
+function textFunction2(value) {
+  return function() {
+    var value1 = value(this);
+    this.textContent = value1 == null ? "" : value1;
+  };
+}
+function text_default2(value) {
+  return this.tween("text", typeof value === "function" ? textFunction2(tweenValue(this, "text", value)) : textConstant2(value == null ? "" : value + ""));
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/textTween.js
+function textInterpolate(i) {
+  return function(t) {
+    this.textContent = i.call(this, t);
+  };
+}
+function textTween(value) {
+  var t0, i0;
+  function tween() {
+    var i = value.apply(this, arguments);
+    if (i !== i0) t0 = (i0 = i) && textInterpolate(i);
+    return t0;
+  }
+  tween._value = value;
+  return tween;
+}
+function textTween_default(value) {
+  var key = "text";
+  if (arguments.length < 1) return (key = this.tween(key)) && key._value;
+  if (value == null) return this.tween(key, null);
+  if (typeof value !== "function") throw new Error();
+  return this.tween(key, textTween(value));
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/transition.js
+function transition_default() {
+  var name = this._name, id0 = this._id, id1 = newId();
+  for (var groups = this._groups, m = groups.length, j = 0; j < m; ++j) {
+    for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {
+      if (node = group[i]) {
+        var inherit2 = get2(node, id0);
+        schedule_default(node, name, id1, i, group, {
+          time: inherit2.time + inherit2.delay + inherit2.duration,
+          delay: 0,
+          duration: inherit2.duration,
+          ease: inherit2.ease
+        });
+      }
+    }
+  }
+  return new Transition(groups, this._parents, name, id1);
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/end.js
+function end_default() {
+  var on0, on1, that = this, id2 = that._id, size = that.size();
+  return new Promise(function(resolve, reject) {
+    var cancel = { value: reject }, end = { value: function() {
+      if (--size === 0) resolve();
+    } };
+    that.each(function() {
+      var schedule = set2(this, id2), on = schedule.on;
+      if (on !== on0) {
+        on1 = (on0 = on).copy();
+        on1._.cancel.push(cancel);
+        on1._.interrupt.push(cancel);
+        on1._.end.push(end);
+      }
+      schedule.on = on1;
+    });
+    if (size === 0) resolve();
+  });
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/transition/index.js
+var id = 0;
+function Transition(groups, parents, name, id2) {
+  this._groups = groups;
+  this._parents = parents;
+  this._name = name;
+  this._id = id2;
+}
+function newId() {
+  return ++id;
+}
+var selection_prototype = selection_default.prototype;
+Transition.prototype = {
+  constructor: Transition,
+  select: select_default3,
+  selectAll: selectAll_default2,
+  selectChild: selection_prototype.selectChild,
+  selectChildren: selection_prototype.selectChildren,
+  filter: filter_default2,
+  merge: merge_default2,
+  selection: selection_default2,
+  transition: transition_default,
+  call: selection_prototype.call,
+  nodes: selection_prototype.nodes,
+  node: selection_prototype.node,
+  size: selection_prototype.size,
+  empty: selection_prototype.empty,
+  each: selection_prototype.each,
+  on: on_default2,
+  attr: attr_default2,
+  attrTween: attrTween_default,
+  style: style_default2,
+  styleTween: styleTween_default,
+  text: text_default2,
+  textTween: textTween_default,
+  remove: remove_default2,
+  tween: tween_default,
+  delay: delay_default,
+  duration: duration_default,
+  ease: ease_default,
+  easeVarying: easeVarying_default,
+  end: end_default,
+  [Symbol.iterator]: selection_prototype[Symbol.iterator]
+};
+
+// node_modules/.pnpm/d3-ease@3.0.1/node_modules/d3-ease/src/cubic.js
+function cubicInOut(t) {
+  return ((t *= 2) <= 1 ? t * t * t : (t -= 2) * t * t + 2) / 2;
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/transition.js
+var defaultTiming = {
+  time: null,
+  // Set on use.
+  delay: 0,
+  duration: 250,
+  ease: cubicInOut
+};
+function inherit(node, id2) {
+  var timing;
+  while (!(timing = node.__transition) || !(timing = timing[id2])) {
+    if (!(node = node.parentNode)) {
+      throw new Error(`transition ${id2} not found`);
+    }
+  }
+  return timing;
+}
+function transition_default2(name) {
+  var id2, timing;
+  if (name instanceof Transition) {
+    id2 = name._id, name = name._name;
+  } else {
+    id2 = newId(), (timing = defaultTiming).time = now(), name = name == null ? null : name + "";
+  }
+  for (var groups = this._groups, m = groups.length, j = 0; j < m; ++j) {
+    for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {
+      if (node = group[i]) {
+        schedule_default(node, name, id2, i, group, timing || inherit(node, id2));
+      }
+    }
+  }
+  return new Transition(groups, this._parents, name, id2);
+}
+
+// node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js
+selection_default.prototype.interrupt = interrupt_default2;
+selection_default.prototype.transition = transition_default2;
+
+// node_modules/.pnpm/d3-path@3.1.0/node_modules/d3-path/src/path.js
+var pi = Math.PI;
+var tau = 2 * pi;
+var epsilon = 1e-6;
+var tauEpsilon = tau - epsilon;
+function append(strings) {
+  this._ += strings[0];
+  for (let i = 1, n = strings.length; i < n; ++i) {
+    this._ += arguments[i] + strings[i];
+  }
+}
+function appendRound(digits) {
+  let d = Math.floor(digits);
+  if (!(d >= 0)) throw new Error(`invalid digits: ${digits}`);
+  if (d > 15) return append;
+  const k = 10 ** d;
+  return function(strings) {
+    this._ += strings[0];
+    for (let i = 1, n = strings.length; i < n; ++i) {
+      this._ += Math.round(arguments[i] * k) / k + strings[i];
+    }
+  };
+}
+var Path = class {
+  constructor(digits) {
+    this._x0 = this._y0 = // start of current subpath
+    this._x1 = this._y1 = null;
+    this._ = "";
+    this._append = digits == null ? append : appendRound(digits);
+  }
+  moveTo(x2, y2) {
+    this._append`M${this._x0 = this._x1 = +x2},${this._y0 = this._y1 = +y2}`;
+  }
+  closePath() {
+    if (this._x1 !== null) {
+      this._x1 = this._x0, this._y1 = this._y0;
+      this._append`Z`;
+    }
+  }
+  lineTo(x2, y2) {
+    this._append`L${this._x1 = +x2},${this._y1 = +y2}`;
+  }
+  quadraticCurveTo(x1, y1, x2, y2) {
+    this._append`Q${+x1},${+y1},${this._x1 = +x2},${this._y1 = +y2}`;
+  }
+  bezierCurveTo(x1, y1, x2, y2, x3, y3) {
+    this._append`C${+x1},${+y1},${+x2},${+y2},${this._x1 = +x3},${this._y1 = +y3}`;
+  }
+  arcTo(x1, y1, x2, y2, r) {
+    x1 = +x1, y1 = +y1, x2 = +x2, y2 = +y2, r = +r;
+    if (r < 0) throw new Error(`negative radius: ${r}`);
+    let x0 = this._x1, y0 = this._y1, x21 = x2 - x1, y21 = y2 - y1, x01 = x0 - x1, y01 = y0 - y1, l01_2 = x01 * x01 + y01 * y01;
+    if (this._x1 === null) {
+      this._append`M${this._x1 = x1},${this._y1 = y1}`;
+    } else if (!(l01_2 > epsilon)) ;
+    else if (!(Math.abs(y01 * x21 - y21 * x01) > epsilon) || !r) {
+      this._append`L${this._x1 = x1},${this._y1 = y1}`;
+    } else {
+      let x20 = x2 - x0, y20 = y2 - y0, l21_2 = x21 * x21 + y21 * y21, l20_2 = x20 * x20 + y20 * y20, l21 = Math.sqrt(l21_2), l01 = Math.sqrt(l01_2), l = r * Math.tan((pi - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2), t01 = l / l01, t21 = l / l21;
+      if (Math.abs(t01 - 1) > epsilon) {
+        this._append`L${x1 + t01 * x01},${y1 + t01 * y01}`;
+      }
+      this._append`A${r},${r},0,0,${+(y01 * x20 > x01 * y20)},${this._x1 = x1 + t21 * x21},${this._y1 = y1 + t21 * y21}`;
+    }
+  }
+  arc(x2, y2, r, a0, a1, ccw) {
+    x2 = +x2, y2 = +y2, r = +r, ccw = !!ccw;
+    if (r < 0) throw new Error(`negative radius: ${r}`);
+    let dx = r * Math.cos(a0), dy = r * Math.sin(a0), x0 = x2 + dx, y0 = y2 + dy, cw = 1 ^ ccw, da = ccw ? a0 - a1 : a1 - a0;
+    if (this._x1 === null) {
+      this._append`M${x0},${y0}`;
+    } else if (Math.abs(this._x1 - x0) > epsilon || Math.abs(this._y1 - y0) > epsilon) {
+      this._append`L${x0},${y0}`;
+    }
+    if (!r) return;
+    if (da < 0) da = da % tau + tau;
+    if (da > tauEpsilon) {
+      this._append`A${r},${r},0,1,${cw},${x2 - dx},${y2 - dy}A${r},${r},0,1,${cw},${this._x1 = x0},${this._y1 = y0}`;
+    } else if (da > epsilon) {
+      this._append`A${r},${r},0,${+(da >= pi)},${cw},${this._x1 = x2 + r * Math.cos(a1)},${this._y1 = y2 + r * Math.sin(a1)}`;
+    }
+  }
+  rect(x2, y2, w, h) {
+    this._append`M${this._x0 = this._x1 = +x2},${this._y0 = this._y1 = +y2}h${w = +w}v${+h}h${-w}Z`;
+  }
+  toString() {
+    return this._;
+  }
+};
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/count.js
+function count(node) {
+  var sum = 0, children2 = node.children, i = children2 && children2.length;
+  if (!i) sum = 1;
+  else while (--i >= 0) sum += children2[i].value;
+  node.value = sum;
+}
+function count_default() {
+  return this.eachAfter(count);
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/each.js
+function each_default2(callback, that) {
+  let index = -1;
+  for (const node of this) {
+    callback.call(that, node, ++index, this);
+  }
+  return this;
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/eachBefore.js
+function eachBefore_default(callback, that) {
+  var node = this, nodes = [node], children2, i, index = -1;
+  while (node = nodes.pop()) {
+    callback.call(that, node, ++index, this);
+    if (children2 = node.children) {
+      for (i = children2.length - 1; i >= 0; --i) {
+        nodes.push(children2[i]);
+      }
+    }
+  }
+  return this;
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/eachAfter.js
+function eachAfter_default(callback, that) {
+  var node = this, nodes = [node], next = [], children2, i, n, index = -1;
+  while (node = nodes.pop()) {
+    next.push(node);
+    if (children2 = node.children) {
+      for (i = 0, n = children2.length; i < n; ++i) {
+        nodes.push(children2[i]);
+      }
+    }
+  }
+  while (node = next.pop()) {
+    callback.call(that, node, ++index, this);
+  }
+  return this;
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/find.js
+function find_default(callback, that) {
+  let index = -1;
+  for (const node of this) {
+    if (callback.call(that, node, ++index, this)) {
+      return node;
+    }
+  }
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/sum.js
+function sum_default(value) {
+  return this.eachAfter(function(node) {
+    var sum = +value(node.data) || 0, children2 = node.children, i = children2 && children2.length;
+    while (--i >= 0) sum += children2[i].value;
+    node.value = sum;
+  });
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/sort.js
+function sort_default2(compare) {
+  return this.eachBefore(function(node) {
+    if (node.children) {
+      node.children.sort(compare);
+    }
+  });
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/path.js
+function path_default(end) {
+  var start2 = this, ancestor = leastCommonAncestor(start2, end), nodes = [start2];
+  while (start2 !== ancestor) {
+    start2 = start2.parent;
+    nodes.push(start2);
+  }
+  var k = nodes.length;
+  while (end !== ancestor) {
+    nodes.splice(k, 0, end);
+    end = end.parent;
+  }
+  return nodes;
+}
+function leastCommonAncestor(a, b) {
+  if (a === b) return a;
+  var aNodes = a.ancestors(), bNodes = b.ancestors(), c = null;
+  a = aNodes.pop();
+  b = bNodes.pop();
+  while (a === b) {
+    c = a;
+    a = aNodes.pop();
+    b = bNodes.pop();
+  }
+  return c;
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/ancestors.js
+function ancestors_default() {
+  var node = this, nodes = [node];
+  while (node = node.parent) {
+    nodes.push(node);
+  }
+  return nodes;
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/descendants.js
+function descendants_default() {
+  return Array.from(this);
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/leaves.js
+function leaves_default() {
+  var leaves = [];
+  this.eachBefore(function(node) {
+    if (!node.children) {
+      leaves.push(node);
+    }
+  });
+  return leaves;
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/links.js
+function links_default() {
+  var root2 = this, links = [];
+  root2.each(function(node) {
+    if (node !== root2) {
+      links.push({ source: node.parent, target: node });
+    }
+  });
+  return links;
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/iterator.js
+function* iterator_default2() {
+  var node = this, current, next = [node], children2, i, n;
+  do {
+    current = next.reverse(), next = [];
+    while (node = current.pop()) {
+      yield node;
+      if (children2 = node.children) {
+        for (i = 0, n = children2.length; i < n; ++i) {
+          next.push(children2[i]);
+        }
+      }
+    }
+  } while (next.length);
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/index.js
+function hierarchy(data, children2) {
+  if (data instanceof Map) {
+    data = [void 0, data];
+    if (children2 === void 0) children2 = mapChildren;
+  } else if (children2 === void 0) {
+    children2 = objectChildren;
+  }
+  var root2 = new Node2(data), node, nodes = [root2], child, childs, i, n;
+  while (node = nodes.pop()) {
+    if ((childs = children2(node.data)) && (n = (childs = Array.from(childs)).length)) {
+      node.children = childs;
+      for (i = n - 1; i >= 0; --i) {
+        nodes.push(child = childs[i] = new Node2(childs[i]));
+        child.parent = node;
+        child.depth = node.depth + 1;
+      }
+    }
+  }
+  return root2.eachBefore(computeHeight);
+}
+function node_copy() {
+  return hierarchy(this).eachBefore(copyData);
+}
+function objectChildren(d) {
+  return d.children;
+}
+function mapChildren(d) {
+  return Array.isArray(d) ? d[1] : null;
+}
+function copyData(node) {
+  if (node.data.value !== void 0) node.value = node.data.value;
+  node.data = node.data.data;
+}
+function computeHeight(node) {
+  var height = 0;
+  do
+    node.height = height;
+  while ((node = node.parent) && node.height < ++height);
+}
+function Node2(data) {
+  this.data = data;
+  this.depth = this.height = 0;
+  this.parent = null;
+}
+Node2.prototype = hierarchy.prototype = {
+  constructor: Node2,
+  count: count_default,
+  each: each_default2,
+  eachAfter: eachAfter_default,
+  eachBefore: eachBefore_default,
+  find: find_default,
+  sum: sum_default,
+  sort: sort_default2,
+  path: path_default,
+  ancestors: ancestors_default,
+  descendants: descendants_default,
+  leaves: leaves_default,
+  links: links_default,
+  copy: node_copy,
+  [Symbol.iterator]: iterator_default2
+};
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/accessors.js
+function optional(f) {
+  return f == null ? null : required(f);
+}
+function required(f) {
+  if (typeof f !== "function") throw new Error();
+  return f;
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/stratify.js
+var preroot = { depth: -1 };
+var ambiguous = {};
+var imputed = {};
+function defaultId(d) {
+  return d.id;
+}
+function defaultParentId(d) {
+  return d.parentId;
+}
+function stratify_default() {
+  var id2 = defaultId, parentId = defaultParentId, path2;
+  function stratify(data) {
+    var nodes = Array.from(data), currentId = id2, currentParentId = parentId, n, d, i, root2, parent, node, nodeId, nodeKey, nodeByKey = /* @__PURE__ */ new Map();
+    if (path2 != null) {
+      const I = nodes.map((d2, i2) => normalize(path2(d2, i2, data)));
+      const P = I.map(parentof);
+      const S = new Set(I).add("");
+      for (const i2 of P) {
+        if (!S.has(i2)) {
+          S.add(i2);
+          I.push(i2);
+          P.push(parentof(i2));
+          nodes.push(imputed);
+        }
+      }
+      currentId = (_, i2) => I[i2];
+      currentParentId = (_, i2) => P[i2];
+    }
+    for (i = 0, n = nodes.length; i < n; ++i) {
+      d = nodes[i], node = nodes[i] = new Node2(d);
+      if ((nodeId = currentId(d, i, data)) != null && (nodeId += "")) {
+        nodeKey = node.id = nodeId;
+        nodeByKey.set(nodeKey, nodeByKey.has(nodeKey) ? ambiguous : node);
+      }
+      if ((nodeId = currentParentId(d, i, data)) != null && (nodeId += "")) {
+        node.parent = nodeId;
+      }
+    }
+    for (i = 0; i < n; ++i) {
+      node = nodes[i];
+      if (nodeId = node.parent) {
+        parent = nodeByKey.get(nodeId);
+        if (!parent) throw new Error("missing: " + nodeId);
+        if (parent === ambiguous) throw new Error("ambiguous: " + nodeId);
+        if (parent.children) parent.children.push(node);
+        else parent.children = [node];
+        node.parent = parent;
+      } else {
+        if (root2) throw new Error("multiple roots");
+        root2 = node;
+      }
+    }
+    if (!root2) throw new Error("no root");
+    if (path2 != null) {
+      while (root2.data === imputed && root2.children.length === 1) {
+        root2 = root2.children[0], --n;
+      }
+      for (let i2 = nodes.length - 1; i2 >= 0; --i2) {
+        node = nodes[i2];
+        if (node.data !== imputed) break;
+        node.data = null;
+      }
+    }
+    root2.parent = preroot;
+    root2.eachBefore(function(node2) {
+      node2.depth = node2.parent.depth + 1;
+      --n;
+    }).eachBefore(computeHeight);
+    root2.parent = null;
+    if (n > 0) throw new Error("cycle");
+    return root2;
+  }
+  stratify.id = function(x2) {
+    return arguments.length ? (id2 = optional(x2), stratify) : id2;
+  };
+  stratify.parentId = function(x2) {
+    return arguments.length ? (parentId = optional(x2), stratify) : parentId;
+  };
+  stratify.path = function(x2) {
+    return arguments.length ? (path2 = optional(x2), stratify) : path2;
+  };
+  return stratify;
+}
+function normalize(path2) {
+  path2 = `${path2}`;
+  let i = path2.length;
+  if (slash(path2, i - 1) && !slash(path2, i - 2)) path2 = path2.slice(0, -1);
+  return path2[0] === "/" ? path2 : `/${path2}`;
+}
+function parentof(path2) {
+  let i = path2.length;
+  if (i < 2) return "";
+  while (--i > 1) if (slash(path2, i)) break;
+  return path2.slice(0, i);
+}
+function slash(path2, i) {
+  if (path2[i] === "/") {
+    let k = 0;
+    while (i > 0 && path2[--i] === "\\") ++k;
+    if ((k & 1) === 0) return true;
+  }
+  return false;
+}
+
+// node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/tree.js
+function defaultSeparation(a, b) {
+  return a.parent === b.parent ? 1 : 2;
+}
+function nextLeft(v) {
+  var children2 = v.children;
+  return children2 ? children2[0] : v.t;
+}
+function nextRight(v) {
+  var children2 = v.children;
+  return children2 ? children2[children2.length - 1] : v.t;
+}
+function moveSubtree(wm, wp, shift) {
+  var change = shift / (wp.i - wm.i);
+  wp.c -= change;
+  wp.s += shift;
+  wm.c += change;
+  wp.z += shift;
+  wp.m += shift;
+}
+function executeShifts(v) {
+  var shift = 0, change = 0, children2 = v.children, i = children2.length, w;
+  while (--i >= 0) {
+    w = children2[i];
+    w.z += shift;
+    w.m += shift;
+    shift += w.s + (change += w.c);
+  }
+}
+function nextAncestor(vim, v, ancestor) {
+  return vim.a.parent === v.parent ? vim.a : ancestor;
+}
+function TreeNode2(node, i) {
+  this._ = node;
+  this.parent = null;
+  this.children = null;
+  this.A = null;
+  this.a = this;
+  this.z = 0;
+  this.m = 0;
+  this.c = 0;
+  this.s = 0;
+  this.t = null;
+  this.i = i;
+}
+TreeNode2.prototype = Object.create(Node2.prototype);
+function treeRoot(root2) {
+  var tree = new TreeNode2(root2, 0), node, nodes = [tree], child, children2, i, n;
+  while (node = nodes.pop()) {
+    if (children2 = node._.children) {
+      node.children = new Array(n = children2.length);
+      for (i = n - 1; i >= 0; --i) {
+        nodes.push(child = node.children[i] = new TreeNode2(children2[i], i));
+        child.parent = node;
+      }
+    }
+  }
+  (tree.parent = new TreeNode2(null, 0)).children = [tree];
+  return tree;
+}
+function tree_default() {
+  var separation = defaultSeparation, dx = 1, dy = 1, nodeSize = null;
+  function tree(root2) {
+    var t = treeRoot(root2);
+    t.eachAfter(firstWalk), t.parent.m = -t.z;
+    t.eachBefore(secondWalk);
+    if (nodeSize) root2.eachBefore(sizeNode);
+    else {
+      var left = root2, right = root2, bottom = root2;
+      root2.eachBefore(function(node) {
+        if (node.x < left.x) left = node;
+        if (node.x > right.x) right = node;
+        if (node.depth > bottom.depth) bottom = node;
+      });
+      var s = left === right ? 1 : separation(left, right) / 2, tx = s - left.x, kx = dx / (right.x + s + tx), ky = dy / (bottom.depth || 1);
+      root2.eachBefore(function(node) {
+        node.x = (node.x + tx) * kx;
+        node.y = node.depth * ky;
+      });
+    }
+    return root2;
+  }
+  function firstWalk(v) {
+    var children2 = v.children, siblings = v.parent.children, w = v.i ? siblings[v.i - 1] : null;
+    if (children2) {
+      executeShifts(v);
+      var midpoint = (children2[0].z + children2[children2.length - 1].z) / 2;
+      if (w) {
+        v.z = w.z + separation(v._, w._);
+        v.m = v.z - midpoint;
+      } else {
+        v.z = midpoint;
+      }
+    } else if (w) {
+      v.z = w.z + separation(v._, w._);
+    }
+    v.parent.A = apportion(v, w, v.parent.A || siblings[0]);
+  }
+  function secondWalk(v) {
+    v._.x = v.z + v.parent.m;
+    v.m += v.parent.m;
+  }
+  function apportion(v, w, ancestor) {
+    if (w) {
+      var vip = v, vop = v, vim = w, vom = vip.parent.children[0], sip = vip.m, sop = vop.m, sim = vim.m, som = vom.m, shift;
+      while (vim = nextRight(vim), vip = nextLeft(vip), vim && vip) {
+        vom = nextLeft(vom);
+        vop = nextRight(vop);
+        vop.a = v;
+        shift = vim.z + sim - vip.z - sip + separation(vim._, vip._);
+        if (shift > 0) {
+          moveSubtree(nextAncestor(vim, v, ancestor), v, shift);
+          sip += shift;
+          sop += shift;
+        }
+        sim += vim.m;
+        sip += vip.m;
+        som += vom.m;
+        sop += vop.m;
+      }
+      if (vim && !nextRight(vop)) {
+        vop.t = vim;
+        vop.m += sim - sop;
+      }
+      if (vip && !nextLeft(vom)) {
+        vom.t = vip;
+        vom.m += sip - som;
+        ancestor = v;
+      }
+    }
+    return ancestor;
+  }
+  function sizeNode(node) {
+    node.x *= dx;
+    node.y = node.depth * dy;
+  }
+  tree.separation = function(x2) {
+    return arguments.length ? (separation = x2, tree) : separation;
+  };
+  tree.size = function(x2) {
+    return arguments.length ? (nodeSize = false, dx = +x2[0], dy = +x2[1], tree) : nodeSize ? null : [dx, dy];
+  };
+  tree.nodeSize = function(x2) {
+    return arguments.length ? (nodeSize = true, dx = +x2[0], dy = +x2[1], tree) : nodeSize ? [dx, dy] : null;
+  };
+  return tree;
+}
+
+// node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/constant.js
+function constant_default4(x2) {
+  return function constant() {
+    return x2;
+  };
+}
+
+// node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/path.js
+function withPath(shape) {
+  let digits = 3;
+  shape.digits = function(_) {
+    if (!arguments.length) return digits;
+    if (_ == null) {
+      digits = null;
+    } else {
+      const d = Math.floor(_);
+      if (!(d >= 0)) throw new RangeError(`invalid digits: ${_}`);
+      digits = d;
+    }
+    return shape;
+  };
+  return () => new Path(digits);
+}
+
+// node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/array.js
+var slice = Array.prototype.slice;
+
+// node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/point.js
+function x(p) {
+  return p[0];
+}
+function y(p) {
+  return p[1];
+}
+
+// node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/curve/bump.js
+var Bump = class {
+  constructor(context, x2) {
+    this._context = context;
+    this._x = x2;
+  }
+  areaStart() {
+    this._line = 0;
+  }
+  areaEnd() {
+    this._line = NaN;
+  }
+  lineStart() {
+    this._point = 0;
+  }
+  lineEnd() {
+    if (this._line || this._line !== 0 && this._point === 1) this._context.closePath();
+    this._line = 1 - this._line;
+  }
+  point(x2, y2) {
+    x2 = +x2, y2 = +y2;
+    switch (this._point) {
+      case 0: {
+        this._point = 1;
+        if (this._line) this._context.lineTo(x2, y2);
+        else this._context.moveTo(x2, y2);
+        break;
+      }
+      case 1:
+        this._point = 2;
+      // falls through
+      default: {
+        if (this._x) this._context.bezierCurveTo(this._x0 = (this._x0 + x2) / 2, this._y0, this._x0, y2, x2, y2);
+        else this._context.bezierCurveTo(this._x0, this._y0 = (this._y0 + y2) / 2, x2, this._y0, x2, y2);
+        break;
+      }
+    }
+    this._x0 = x2, this._y0 = y2;
+  }
+};
+function bumpY(context) {
+  return new Bump(context, false);
+}
+
+// node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/link.js
+function linkSource(d) {
+  return d.source;
+}
+function linkTarget(d) {
+  return d.target;
+}
+function link(curve) {
+  let source = linkSource, target = linkTarget, x2 = x, y2 = y, context = null, output = null, path2 = withPath(link2);
+  function link2() {
+    let buffer;
+    const argv = slice.call(arguments);
+    const s = source.apply(this, argv);
+    const t = target.apply(this, argv);
+    if (context == null) output = curve(buffer = path2());
+    output.lineStart();
+    argv[0] = s, output.point(+x2.apply(this, argv), +y2.apply(this, argv));
+    argv[0] = t, output.point(+x2.apply(this, argv), +y2.apply(this, argv));
+    output.lineEnd();
+    if (buffer) return output = null, buffer + "" || null;
+  }
+  link2.source = function(_) {
+    return arguments.length ? (source = _, link2) : source;
+  };
+  link2.target = function(_) {
+    return arguments.length ? (target = _, link2) : target;
+  };
+  link2.x = function(_) {
+    return arguments.length ? (x2 = typeof _ === "function" ? _ : constant_default4(+_), link2) : x2;
+  };
+  link2.y = function(_) {
+    return arguments.length ? (y2 = typeof _ === "function" ? _ : constant_default4(+_), link2) : y2;
+  };
+  link2.context = function(_) {
+    return arguments.length ? (_ == null ? context = output = null : output = curve(context = _), link2) : context;
+  };
+  return link2;
+}
+function linkVertical() {
+  return link(bumpY);
+}
+
+// node_modules/.pnpm/d3-zoom@3.0.0/node_modules/d3-zoom/src/constant.js
+var constant_default5 = (x2) => () => x2;
+
+// node_modules/.pnpm/d3-zoom@3.0.0/node_modules/d3-zoom/src/event.js
+function ZoomEvent(type2, {
+  sourceEvent,
+  target,
+  transform: transform2,
+  dispatch: dispatch2
+}) {
+  Object.defineProperties(this, {
+    type: { value: type2, enumerable: true, configurable: true },
+    sourceEvent: { value: sourceEvent, enumerable: true, configurable: true },
+    target: { value: target, enumerable: true, configurable: true },
+    transform: { value: transform2, enumerable: true, configurable: true },
+    _: { value: dispatch2 }
+  });
+}
+
+// node_modules/.pnpm/d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js
+function Transform(k, x2, y2) {
+  this.k = k;
+  this.x = x2;
+  this.y = y2;
+}
+Transform.prototype = {
+  constructor: Transform,
+  scale: function(k) {
+    return k === 1 ? this : new Transform(this.k * k, this.x, this.y);
+  },
+  translate: function(x2, y2) {
+    return x2 === 0 & y2 === 0 ? this : new Transform(this.k, this.x + this.k * x2, this.y + this.k * y2);
+  },
+  apply: function(point) {
+    return [point[0] * this.k + this.x, point[1] * this.k + this.y];
+  },
+  applyX: function(x2) {
+    return x2 * this.k + this.x;
+  },
+  applyY: function(y2) {
+    return y2 * this.k + this.y;
+  },
+  invert: function(location) {
+    return [(location[0] - this.x) / this.k, (location[1] - this.y) / this.k];
+  },
+  invertX: function(x2) {
+    return (x2 - this.x) / this.k;
+  },
+  invertY: function(y2) {
+    return (y2 - this.y) / this.k;
+  },
+  rescaleX: function(x2) {
+    return x2.copy().domain(x2.range().map(this.invertX, this).map(x2.invert, x2));
+  },
+  rescaleY: function(y2) {
+    return y2.copy().domain(y2.range().map(this.invertY, this).map(y2.invert, y2));
+  },
+  toString: function() {
+    return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")";
+  }
+};
+var identity2 = new Transform(1, 0, 0);
+Transform.prototype;
+
+// node_modules/.pnpm/d3-zoom@3.0.0/node_modules/d3-zoom/src/noevent.js
+function nopropagation2(event) {
+  event.stopImmediatePropagation();
+}
+function noevent_default3(event) {
+  event.preventDefault();
+  event.stopImmediatePropagation();
+}
+
+// node_modules/.pnpm/d3-zoom@3.0.0/node_modules/d3-zoom/src/zoom.js
+function defaultFilter(event) {
+  return (!event.ctrlKey || event.type === "wheel") && !event.button;
+}
+function defaultExtent() {
+  var e = this;
+  if (e instanceof SVGElement) {
+    e = e.ownerSVGElement || e;
+    if (e.hasAttribute("viewBox")) {
+      e = e.viewBox.baseVal;
+      return [[e.x, e.y], [e.x + e.width, e.y + e.height]];
+    }
+    return [[0, 0], [e.width.baseVal.value, e.height.baseVal.value]];
+  }
+  return [[0, 0], [e.clientWidth, e.clientHeight]];
+}
+function defaultTransform() {
+  return this.__zoom || identity2;
+}
+function defaultWheelDelta(event) {
+  return -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 2e-3) * (event.ctrlKey ? 10 : 1);
+}
+function defaultTouchable() {
+  return navigator.maxTouchPoints || "ontouchstart" in this;
+}
+function defaultConstrain(transform2, extent, translateExtent) {
+  var dx0 = transform2.invertX(extent[0][0]) - translateExtent[0][0], dx1 = transform2.invertX(extent[1][0]) - translateExtent[1][0], dy0 = transform2.invertY(extent[0][1]) - translateExtent[0][1], dy1 = transform2.invertY(extent[1][1]) - translateExtent[1][1];
+  return transform2.translate(
+    dx1 > dx0 ? (dx0 + dx1) / 2 : Math.min(0, dx0) || Math.max(0, dx1),
+    dy1 > dy0 ? (dy0 + dy1) / 2 : Math.min(0, dy0) || Math.max(0, dy1)
+  );
+}
+function zoom_default2() {
+  var filter2 = defaultFilter, extent = defaultExtent, constrain = defaultConstrain, wheelDelta = defaultWheelDelta, touchable = defaultTouchable, scaleExtent = [0, Infinity], translateExtent = [[-Infinity, -Infinity], [Infinity, Infinity]], duration = 250, interpolate = zoom_default, listeners = dispatch_default("start", "zoom", "end"), touchstarting, touchfirst, touchending, touchDelay = 500, wheelDelay = 150, clickDistance2 = 0, tapDistance = 10;
+  function zoom(selection2) {
+    selection2.property("__zoom", defaultTransform).on("wheel.zoom", wheeled, { passive: false }).on("mousedown.zoom", mousedowned).on("dblclick.zoom", dblclicked).filter(touchable).on("touchstart.zoom", touchstarted).on("touchmove.zoom", touchmoved).on("touchend.zoom touchcancel.zoom", touchended).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+  }
+  zoom.transform = function(collection, transform2, point, event) {
+    var selection2 = collection.selection ? collection.selection() : collection;
+    selection2.property("__zoom", defaultTransform);
+    if (collection !== selection2) {
+      schedule(collection, transform2, point, event);
+    } else {
+      selection2.interrupt().each(function() {
+        gesture(this, arguments).event(event).start().zoom(null, typeof transform2 === "function" ? transform2.apply(this, arguments) : transform2).end();
+      });
+    }
+  };
+  zoom.scaleBy = function(selection2, k, p, event) {
+    zoom.scaleTo(selection2, function() {
+      var k0 = this.__zoom.k, k1 = typeof k === "function" ? k.apply(this, arguments) : k;
+      return k0 * k1;
+    }, p, event);
+  };
+  zoom.scaleTo = function(selection2, k, p, event) {
+    zoom.transform(selection2, function() {
+      var e = extent.apply(this, arguments), t0 = this.__zoom, p0 = p == null ? centroid(e) : typeof p === "function" ? p.apply(this, arguments) : p, p1 = t0.invert(p0), k1 = typeof k === "function" ? k.apply(this, arguments) : k;
+      return constrain(translate(scale(t0, k1), p0, p1), e, translateExtent);
+    }, p, event);
+  };
+  zoom.translateBy = function(selection2, x2, y2, event) {
+    zoom.transform(selection2, function() {
+      return constrain(this.__zoom.translate(
+        typeof x2 === "function" ? x2.apply(this, arguments) : x2,
+        typeof y2 === "function" ? y2.apply(this, arguments) : y2
+      ), extent.apply(this, arguments), translateExtent);
+    }, null, event);
+  };
+  zoom.translateTo = function(selection2, x2, y2, p, event) {
+    zoom.transform(selection2, function() {
+      var e = extent.apply(this, arguments), t = this.__zoom, p0 = p == null ? centroid(e) : typeof p === "function" ? p.apply(this, arguments) : p;
+      return constrain(identity2.translate(p0[0], p0[1]).scale(t.k).translate(
+        typeof x2 === "function" ? -x2.apply(this, arguments) : -x2,
+        typeof y2 === "function" ? -y2.apply(this, arguments) : -y2
+      ), e, translateExtent);
+    }, p, event);
+  };
+  function scale(transform2, k) {
+    k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], k));
+    return k === transform2.k ? transform2 : new Transform(k, transform2.x, transform2.y);
+  }
+  function translate(transform2, p0, p1) {
+    var x2 = p0[0] - p1[0] * transform2.k, y2 = p0[1] - p1[1] * transform2.k;
+    return x2 === transform2.x && y2 === transform2.y ? transform2 : new Transform(transform2.k, x2, y2);
+  }
+  function centroid(extent2) {
+    return [(+extent2[0][0] + +extent2[1][0]) / 2, (+extent2[0][1] + +extent2[1][1]) / 2];
+  }
+  function schedule(transition2, transform2, point, event) {
+    transition2.on("start.zoom", function() {
+      gesture(this, arguments).event(event).start();
+    }).on("interrupt.zoom end.zoom", function() {
+      gesture(this, arguments).event(event).end();
+    }).tween("zoom", function() {
+      var that = this, args = arguments, g = gesture(that, args).event(event), e = extent.apply(that, args), p = point == null ? centroid(e) : typeof point === "function" ? point.apply(that, args) : point, w = Math.max(e[1][0] - e[0][0], e[1][1] - e[0][1]), a = that.__zoom, b = typeof transform2 === "function" ? transform2.apply(that, args) : transform2, i = interpolate(a.invert(p).concat(w / a.k), b.invert(p).concat(w / b.k));
+      return function(t) {
+        if (t === 1) t = b;
+        else {
+          var l = i(t), k = w / l[2];
+          t = new Transform(k, p[0] - l[0] * k, p[1] - l[1] * k);
+        }
+        g.zoom(null, t);
+      };
+    });
+  }
+  function gesture(that, args, clean) {
+    return !clean && that.__zooming || new Gesture(that, args);
+  }
+  function Gesture(that, args) {
+    this.that = that;
+    this.args = args;
+    this.active = 0;
+    this.sourceEvent = null;
+    this.extent = extent.apply(that, args);
+    this.taps = 0;
+  }
+  Gesture.prototype = {
+    event: function(event) {
+      if (event) this.sourceEvent = event;
+      return this;
+    },
+    start: function() {
+      if (++this.active === 1) {
+        this.that.__zooming = this;
+        this.emit("start");
+      }
+      return this;
+    },
+    zoom: function(key, transform2) {
+      if (this.mouse && key !== "mouse") this.mouse[1] = transform2.invert(this.mouse[0]);
+      if (this.touch0 && key !== "touch") this.touch0[1] = transform2.invert(this.touch0[0]);
+      if (this.touch1 && key !== "touch") this.touch1[1] = transform2.invert(this.touch1[0]);
+      this.that.__zoom = transform2;
+      this.emit("zoom");
+      return this;
+    },
+    end: function() {
+      if (--this.active === 0) {
+        delete this.that.__zooming;
+        this.emit("end");
+      }
+      return this;
+    },
+    emit: function(type2) {
+      var d = select_default2(this.that).datum();
+      listeners.call(
+        type2,
+        this.that,
+        new ZoomEvent(type2, {
+          sourceEvent: this.sourceEvent,
+          target: zoom,
+          type: type2,
+          transform: this.that.__zoom,
+          dispatch: listeners
+        }),
+        d
+      );
+    }
+  };
+  function wheeled(event, ...args) {
+    if (!filter2.apply(this, arguments)) return;
+    var g = gesture(this, args).event(event), t = this.__zoom, k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], t.k * Math.pow(2, wheelDelta.apply(this, arguments)))), p = pointer_default(event);
+    if (g.wheel) {
+      if (g.mouse[0][0] !== p[0] || g.mouse[0][1] !== p[1]) {
+        g.mouse[1] = t.invert(g.mouse[0] = p);
+      }
+      clearTimeout(g.wheel);
+    } else if (t.k === k) return;
+    else {
+      g.mouse = [p, t.invert(p)];
+      interrupt_default(this);
+      g.start();
+    }
+    noevent_default3(event);
+    g.wheel = setTimeout(wheelidled, wheelDelay);
+    g.zoom("mouse", constrain(translate(scale(t, k), g.mouse[0], g.mouse[1]), g.extent, translateExtent));
+    function wheelidled() {
+      g.wheel = null;
+      g.end();
+    }
+  }
+  function mousedowned(event, ...args) {
+    if (touchending || !filter2.apply(this, arguments)) return;
+    var currentTarget = event.currentTarget, g = gesture(this, args, true).event(event), v = select_default2(event.view).on("mousemove.zoom", mousemoved, true).on("mouseup.zoom", mouseupped, true), p = pointer_default(event, currentTarget), x0 = event.clientX, y0 = event.clientY;
+    nodrag_default(event.view);
+    nopropagation2(event);
+    g.mouse = [p, this.__zoom.invert(p)];
+    interrupt_default(this);
+    g.start();
+    function mousemoved(event2) {
+      noevent_default3(event2);
+      if (!g.moved) {
+        var dx = event2.clientX - x0, dy = event2.clientY - y0;
+        g.moved = dx * dx + dy * dy > clickDistance2;
+      }
+      g.event(event2).zoom("mouse", constrain(translate(g.that.__zoom, g.mouse[0] = pointer_default(event2, currentTarget), g.mouse[1]), g.extent, translateExtent));
+    }
+    function mouseupped(event2) {
+      v.on("mousemove.zoom mouseup.zoom", null);
+      yesdrag(event2.view, g.moved);
+      noevent_default3(event2);
+      g.event(event2).end();
+    }
+  }
+  function dblclicked(event, ...args) {
+    if (!filter2.apply(this, arguments)) return;
+    var t0 = this.__zoom, p0 = pointer_default(event.changedTouches ? event.changedTouches[0] : event, this), p1 = t0.invert(p0), k1 = t0.k * (event.shiftKey ? 0.5 : 2), t1 = constrain(translate(scale(t0, k1), p0, p1), extent.apply(this, args), translateExtent);
+    noevent_default3(event);
+    if (duration > 0) select_default2(this).transition().duration(duration).call(schedule, t1, p0, event);
+    else select_default2(this).call(zoom.transform, t1, p0, event);
+  }
+  function touchstarted(event, ...args) {
+    if (!filter2.apply(this, arguments)) return;
+    var touches = event.touches, n = touches.length, g = gesture(this, args, event.changedTouches.length === n).event(event), started, i, t, p;
+    nopropagation2(event);
+    for (i = 0; i < n; ++i) {
+      t = touches[i], p = pointer_default(t, this);
+      p = [p, this.__zoom.invert(p), t.identifier];
+      if (!g.touch0) g.touch0 = p, started = true, g.taps = 1 + !!touchstarting;
+      else if (!g.touch1 && g.touch0[2] !== p[2]) g.touch1 = p, g.taps = 0;
+    }
+    if (touchstarting) touchstarting = clearTimeout(touchstarting);
+    if (started) {
+      if (g.taps < 2) touchfirst = p[0], touchstarting = setTimeout(function() {
+        touchstarting = null;
+      }, touchDelay);
+      interrupt_default(this);
+      g.start();
+    }
+  }
+  function touchmoved(event, ...args) {
+    if (!this.__zooming) return;
+    var g = gesture(this, args).event(event), touches = event.changedTouches, n = touches.length, i, t, p, l;
+    noevent_default3(event);
+    for (i = 0; i < n; ++i) {
+      t = touches[i], p = pointer_default(t, this);
+      if (g.touch0 && g.touch0[2] === t.identifier) g.touch0[0] = p;
+      else if (g.touch1 && g.touch1[2] === t.identifier) g.touch1[0] = p;
+    }
+    t = g.that.__zoom;
+    if (g.touch1) {
+      var p0 = g.touch0[0], l0 = g.touch0[1], p1 = g.touch1[0], l1 = g.touch1[1], dp = (dp = p1[0] - p0[0]) * dp + (dp = p1[1] - p0[1]) * dp, dl = (dl = l1[0] - l0[0]) * dl + (dl = l1[1] - l0[1]) * dl;
+      t = scale(t, Math.sqrt(dp / dl));
+      p = [(p0[0] + p1[0]) / 2, (p0[1] + p1[1]) / 2];
+      l = [(l0[0] + l1[0]) / 2, (l0[1] + l1[1]) / 2];
+    } else if (g.touch0) p = g.touch0[0], l = g.touch0[1];
+    else return;
+    g.zoom("touch", constrain(translate(t, p, l), g.extent, translateExtent));
+  }
+  function touchended(event, ...args) {
+    if (!this.__zooming) return;
+    var g = gesture(this, args).event(event), touches = event.changedTouches, n = touches.length, i, t;
+    nopropagation2(event);
+    if (touchending) clearTimeout(touchending);
+    touchending = setTimeout(function() {
+      touchending = null;
+    }, touchDelay);
+    for (i = 0; i < n; ++i) {
+      t = touches[i];
+      if (g.touch0 && g.touch0[2] === t.identifier) delete g.touch0;
+      else if (g.touch1 && g.touch1[2] === t.identifier) delete g.touch1;
+    }
+    if (g.touch1 && !g.touch0) g.touch0 = g.touch1, delete g.touch1;
+    if (g.touch0) g.touch0[1] = this.__zoom.invert(g.touch0[0]);
+    else {
+      g.end();
+      if (g.taps === 2) {
+        t = pointer_default(t, this);
+        if (Math.hypot(touchfirst[0] - t[0], touchfirst[1] - t[1]) < tapDistance) {
+          var p = select_default2(this).on("dblclick.zoom");
+          if (p) p.apply(this, arguments);
+        }
+      }
+    }
+  }
+  zoom.wheelDelta = function(_) {
+    return arguments.length ? (wheelDelta = typeof _ === "function" ? _ : constant_default5(+_), zoom) : wheelDelta;
+  };
+  zoom.filter = function(_) {
+    return arguments.length ? (filter2 = typeof _ === "function" ? _ : constant_default5(!!_), zoom) : filter2;
+  };
+  zoom.touchable = function(_) {
+    return arguments.length ? (touchable = typeof _ === "function" ? _ : constant_default5(!!_), zoom) : touchable;
+  };
+  zoom.extent = function(_) {
+    return arguments.length ? (extent = typeof _ === "function" ? _ : constant_default5([[+_[0][0], +_[0][1]], [+_[1][0], +_[1][1]]]), zoom) : extent;
+  };
+  zoom.scaleExtent = function(_) {
+    return arguments.length ? (scaleExtent[0] = +_[0], scaleExtent[1] = +_[1], zoom) : [scaleExtent[0], scaleExtent[1]];
+  };
+  zoom.translateExtent = function(_) {
+    return arguments.length ? (translateExtent[0][0] = +_[0][0], translateExtent[1][0] = +_[1][0], translateExtent[0][1] = +_[0][1], translateExtent[1][1] = +_[1][1], zoom) : [[translateExtent[0][0], translateExtent[0][1]], [translateExtent[1][0], translateExtent[1][1]]];
+  };
+  zoom.constrain = function(_) {
+    return arguments.length ? (constrain = _, zoom) : constrain;
+  };
+  zoom.duration = function(_) {
+    return arguments.length ? (duration = +_, zoom) : duration;
+  };
+  zoom.interpolate = function(_) {
+    return arguments.length ? (interpolate = _, zoom) : interpolate;
+  };
+  zoom.on = function() {
+    var value = listeners.on.apply(listeners, arguments);
+    return value === listeners ? zoom : value;
+  };
+  zoom.clickDistance = function(_) {
+    return arguments.length ? (clickDistance2 = (_ = +_) * _, zoom) : Math.sqrt(clickDistance2);
+  };
+  zoom.tapDistance = function(_) {
+    return arguments.length ? (tapDistance = +_, zoom) : tapDistance;
+  };
+  return zoom;
+}
+
 // src/inspect.tsx
 var FIBER_PROP_EXPLANATIONS = {
   tag: "Numeric type identifier for this fiber (e.g. 1=FunctionComponent, 5=HostComponent)",
@@ -1215,17 +4595,496 @@ var FIBER_PROP_EXPLANATIONS = {
   childLanes: "Priority lanes for child updates"
 };
 var throttle = (fn, wait) => {
-  let timeout = null;
+  let timeout2 = null;
   return function() {
-    if (!timeout) {
-      timeout = setTimeout(() => {
+    if (!timeout2) {
+      timeout2 = setTimeout(() => {
         fn.apply(this, arguments);
-        timeout = null;
+        timeout2 = null;
       }, wait);
     }
   };
 };
 var isMac = typeof navigator !== "undefined" && navigator.platform.toLowerCase().includes("mac");
+var theme3 = {
+  BASE_FONT_FAMILY: "Menlo, monospace",
+  BASE_FONT_SIZE: "12px",
+  BASE_LINE_HEIGHT: 1.2,
+  BASE_BACKGROUND_COLOR: "none",
+  BASE_COLOR: "#FFF",
+  OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES: 10,
+  OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES: 5,
+  OBJECT_NAME_COLOR: "#FFC799",
+  OBJECT_VALUE_NULL_COLOR: "#A0A0A0",
+  OBJECT_VALUE_UNDEFINED_COLOR: "#A0A0A0",
+  OBJECT_VALUE_REGEXP_COLOR: "#FF8080",
+  OBJECT_VALUE_STRING_COLOR: "#99FFE4",
+  OBJECT_VALUE_SYMBOL_COLOR: "#FFC799",
+  OBJECT_VALUE_NUMBER_COLOR: "#FFC799",
+  OBJECT_VALUE_BOOLEAN_COLOR: "#FFC799",
+  OBJECT_VALUE_FUNCTION_PREFIX_COLOR: "#FFC799",
+  HTML_TAG_COLOR: "#FFC799",
+  HTML_TAGNAME_COLOR: "#FFC799",
+  HTML_TAGNAME_TEXT_TRANSFORM: "lowercase",
+  HTML_ATTRIBUTE_NAME_COLOR: "#A0A0A0",
+  HTML_ATTRIBUTE_VALUE_COLOR: "#99FFE4",
+  HTML_COMMENT_COLOR: "#8b8b8b94",
+  HTML_DOCTYPE_COLOR: "#A0A0A0",
+  ARROW_COLOR: "#A0A0A0",
+  ARROW_MARGIN_RIGHT: 3,
+  ARROW_FONT_SIZE: 12,
+  ARROW_ANIMATION_DURATION: "0",
+  TREENODE_FONT_FAMILY: "Menlo, monospace",
+  TREENODE_FONT_SIZE: "11px",
+  TREENODE_LINE_HEIGHT: 1.2,
+  TREENODE_PADDING_LEFT: 12,
+  TABLE_BORDER_COLOR: "#282828",
+  TABLE_TH_BACKGROUND_COLOR: "#161616",
+  TABLE_TH_HOVER_COLOR: "#232323",
+  TABLE_SORT_ICON_COLOR: "#A0A0A0",
+  TABLE_DATA_BACKGROUND_IMAGE: "none",
+  TABLE_DATA_BACKGROUND_SIZE: "0"
+};
+var ControlButton = React17.memo(
+  ({ onClick, children: children2 }) => /* @__PURE__ */ React17.createElement(
+    "button",
+    {
+      type: "button",
+      onClick,
+      onMouseEnter: (e) => {
+        e.currentTarget.style.opacity = "1";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.opacity = "0.8";
+      },
+      style: {
+        padding: "0.5ch 0.75ch",
+        background: "transparent",
+        border: "1px solid #282828",
+        color: "#FFF",
+        borderRadius: "0.25rem",
+        cursor: "pointer",
+        fontSize: "0.75rem",
+        lineHeight: 1,
+        opacity: 0.8,
+        transition: "opacity 150ms"
+      }
+    },
+    children2
+  )
+);
+var Controls = React17.memo(
+  ({
+    onZoomIn,
+    onZoomOut,
+    onReset,
+    onFit
+  }) => /* @__PURE__ */ React17.createElement(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        right: "1ch",
+        bottom: "1ch",
+        display: "flex",
+        gap: "0.5ch",
+        zIndex: 1,
+        background: "#161616",
+        padding: "0.5ch",
+        borderRadius: "0.25rem",
+        border: "1px solid #282828"
+      }
+    },
+    /* @__PURE__ */ React17.createElement(ControlButton, { onClick: onZoomIn }, "+"),
+    /* @__PURE__ */ React17.createElement(ControlButton, { onClick: onZoomOut }, "-"),
+    /* @__PURE__ */ React17.createElement(ControlButton, { onClick: onReset }, "Reset"),
+    /* @__PURE__ */ React17.createElement(ControlButton, { onClick: onFit }, "Fit")
+  )
+);
+var BackButton = React17.memo(({ onClick }) => /* @__PURE__ */ React17.createElement(
+  "button",
+  {
+    type: "button",
+    onClick,
+    style: {
+      padding: "0.5ch 1ch",
+      background: "#161616",
+      border: "1px solid #282828",
+      color: "#FFF",
+      borderRadius: "0.25rem",
+      cursor: "pointer",
+      fontSize: "0.875rem",
+      opacity: 0.8,
+      transition: "opacity 150ms"
+    },
+    onMouseEnter: (e) => {
+      e.currentTarget.style.opacity = "1";
+    },
+    onMouseLeave: (e) => {
+      e.currentTarget.style.opacity = "0.8";
+    }
+  },
+  "\u2190 Back"
+));
+var BreadcrumbButton = React17.memo(
+  ({
+    name,
+    onClick,
+    onKeyDown
+  }) => /* @__PURE__ */ React17.createElement(
+    "button",
+    {
+      type: "button",
+      onClick,
+      onKeyDown,
+      style: {
+        cursor: "pointer",
+        textDecoration: "underline",
+        color: "#A0A0A0",
+        background: "none",
+        border: "none",
+        padding: 0,
+        font: "inherit"
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.backgroundColor = "#232323";
+        e.currentTarget.style.color = "#FFF";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.backgroundColor = "";
+        e.currentTarget.style.color = "#A0A0A0";
+      }
+    },
+    name
+  )
+);
+var CloseButton = React17.memo(({ onClick }) => /* @__PURE__ */ React17.createElement(
+  "button",
+  {
+    type: "button",
+    onClick,
+    style: {
+      border: "none",
+      background: "none",
+      cursor: "pointer",
+      padding: "0.5ch",
+      fontSize: "2ch",
+      opacity: 0.5,
+      color: "#FFF"
+    }
+  },
+  "\xD7"
+));
+var FiberGraph = React17.memo(
+  ({
+    fiber,
+    onFiberSelect,
+    isDialogMode = true
+  }) => {
+    const svgRef = useRef(null);
+    const [svgWidth, setSvgWidth] = useState(0);
+    const [svgHeight, setSvgHeight] = useState(0);
+    const svgGroupRef = useRef(null);
+    const zoomRef = useRef();
+    const linksGroupRef = useRef(null);
+    const nodesGroupRef = useRef(null);
+    const { nodes, links } = useMemo(() => {
+      const nodes2 = [];
+      const links2 = [];
+      const nodeMap = /* @__PURE__ */ new Map();
+      let nodeCounter = 0;
+      const baseId = getFiberId(fiber).toString();
+      const rootId = `${baseId}-${nodeCounter++}`;
+      const rootName = typeof fiber.type === "string" ? fiber.type : fiber.type === null && fiber.tag === HostRootTag ? "#root" : fiber.type === null && fiber.tag === HostTextTag ? "#text" : getDisplayName(fiber.type) || fiber.type?.name || fiber.type?.displayName || "Component";
+      const rootNode = {
+        id: rootId,
+        name: rootName,
+        fiber,
+        depth: 0
+      };
+      nodes2.push(rootNode);
+      nodeMap.set(rootId, rootNode);
+      if (fiber.child) {
+        const stack2 = [
+          {
+            fiber: fiber.child,
+            parentId: rootId,
+            depth: 1
+          }
+        ];
+        while (stack2.length > 0) {
+          const current = stack2.pop();
+          if (!current) continue;
+          const { fiber: currentFiber, parentId, depth } = current;
+          if (currentFiber.tag === FragmentTag) {
+            if (currentFiber.child) {
+              stack2.push({
+                fiber: currentFiber.child,
+                parentId,
+                depth
+              });
+            }
+            if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
+              stack2.push({
+                fiber: currentFiber.sibling,
+                parentId: currentFiber.return ? nodeMap.get(getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
+                depth
+              });
+            }
+            continue;
+          }
+          if (currentFiber.type === null && isHostFiber(currentFiber)) {
+            if (currentFiber.child) {
+              stack2.push({
+                fiber: currentFiber.child,
+                parentId,
+                depth
+              });
+            }
+            if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
+              stack2.push({
+                fiber: currentFiber.sibling,
+                parentId: currentFiber.return ? nodeMap.get(getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
+                depth
+              });
+            }
+            continue;
+          }
+          const childId = `${getFiberId(currentFiber)}-${nodeCounter++}`;
+          let name = "unknown";
+          if (typeof currentFiber.type === "string") {
+            name = currentFiber.type;
+          } else if (currentFiber.type === null && currentFiber.tag === HostTextTag) {
+            const text = currentFiber.stateNode?.nodeValue?.trim() || "";
+            if (text) {
+              name = text.length > 20 ? `"${text.slice(0, 20)}..."` : `"${text}"`;
+            } else {
+              name = "#text";
+            }
+          } else if (currentFiber.type === null && currentFiber.tag === HostRootTag) {
+            name = "#root";
+          } else {
+            name = getDisplayName(currentFiber.type) || currentFiber.type?.name || currentFiber.type?.displayName || "Component";
+          }
+          const node = {
+            id: childId,
+            name,
+            fiber: currentFiber,
+            depth
+          };
+          nodes2.push(node);
+          nodeMap.set(childId, node);
+          links2.push({
+            source: parentId,
+            target: childId
+          });
+          if (currentFiber.child) {
+            stack2.push({
+              fiber: currentFiber.child,
+              parentId: childId,
+              depth: depth + 1
+            });
+          }
+          if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
+            stack2.push({
+              fiber: currentFiber.sibling,
+              parentId: currentFiber.return ? nodeMap.get(getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
+              depth
+            });
+          }
+        }
+      }
+      return { nodes: nodes2, links: links2 };
+    }, [fiber]);
+    const { descendants, treeLinks } = useMemo(() => {
+      if (!svgWidth || !svgHeight || nodes.length === 0) {
+        return { descendants: [], treeLinks: [] };
+      }
+      const stratify = stratify_default().id((d) => d.id).parentId((d) => {
+        if (d.id === nodes[0].id) return null;
+        const parentLink = links.find((link2) => link2.target === d.id);
+        if (parentLink?.source && nodes.some((n) => n.id === parentLink.source)) {
+          return parentLink.source.toString();
+        }
+        return null;
+      });
+      try {
+        const root2 = stratify(nodes);
+        if (!root2) return { descendants: [], treeLinks: [] };
+        const treeLayout = tree_default().size([svgWidth - 200, svgHeight - 100]).nodeSize([180, 200]);
+        const treeData = treeLayout(root2);
+        return {
+          descendants: treeData.descendants(),
+          treeLinks: treeData.links()
+        };
+      } catch (e) {
+        console.error("Error creating tree layout:", e);
+        return { descendants: [], treeLinks: [] };
+      }
+    }, [nodes, links, svgWidth, svgHeight]);
+    useEffect(() => {
+      if (!svgRef.current || !svgGroupRef.current) return;
+      const zoom = zoom_default2().extent([
+        [0, 0],
+        [svgWidth, svgHeight]
+      ]).scaleExtent([0.2, 8]).on("zoom", ({ transform: transform2 }) => {
+        if (!svgGroupRef.current) return;
+        svgGroupRef.current.style.transform = `translate(${transform2.x}px, ${transform2.y}px) scale(${transform2.k})`;
+      });
+      zoomRef.current = zoom;
+      select_default2(svgRef.current).call(zoom);
+      if (!isDialogMode) {
+        const scale = 0.4;
+        const x2 = svgWidth / 2;
+        const y2 = svgHeight / 3;
+        select_default2(svgRef.current).call(
+          zoom.transform,
+          identity2.translate(x2, y2).scale(scale)
+        );
+      }
+      return () => {
+        if (svgRef.current) {
+          select_default2(svgRef.current).on(".zoom", null);
+        }
+      };
+    }, [svgWidth, svgHeight, isDialogMode]);
+    useEffect(() => {
+      if (!linksGroupRef.current || treeLinks.length === 0) return;
+      select_default2(linksGroupRef.current).selectAll("path").data(treeLinks).join("path").attr(
+        "d",
+        linkVertical().x((d) => d.x).y((d) => d.y)
+      ).attr("fill", "none").attr("stroke", "#404040").attr("stroke-width", "2");
+    }, [treeLinks]);
+    useEffect(() => {
+      if (!nodesGroupRef.current || descendants.length === 0) return;
+      const nodeElements = select_default2(nodesGroupRef.current).selectAll("g").data(descendants, (d) => d.data.id);
+      nodeElements.exit().remove();
+      const nodeEnter = nodeElements.enter().append("g").attr("transform", (d) => `translate(${d.x},${d.y})`).style("cursor", "pointer").on("click", (event, d) => {
+        event.stopPropagation();
+        const element = getNearestHostFiber(d.data.fiber)?.stateNode;
+        if (element instanceof HTMLElement) {
+          element.scrollIntoView({ behavior: "smooth", block: "center" });
+          const originalOutline = element.style.outline;
+          const originalTransition = element.style.transition;
+          element.style.outline = "2px solid #FFC799";
+          element.style.transition = "outline 0.1s ease-in-out";
+          setTimeout(() => {
+            element.style.outline = originalOutline;
+            element.style.transition = originalTransition;
+          }, 1e3);
+        }
+        onFiberSelect?.(d.data.fiber);
+      });
+      const nodeUpdate = nodeElements.merge(nodeEnter);
+      nodeUpdate.attr("transform", (d) => `translate(${d.x},${d.y})`);
+      const updateRect = (selection2) => {
+        selection2.each(function(d) {
+          const g = select_default2(this);
+          const isRoot = d.data.id === nodes[0].id;
+          const isPreview = !isDialogMode;
+          const scale = isRoot ? isPreview ? 2 : 1.75 : 1;
+          const rect = g.selectAll("rect").data([d]).join("rect").attr("x", -75 * scale).attr("y", -30 * scale).attr("width", 150 * scale).attr("height", 60 * scale).attr("rx", 6 * scale).attr("fill", isCompositeFiber(d.data.fiber) ? "#FFF" : "#232323").attr("stroke", "#505050").attr("stroke-width", isRoot ? "3" : "2");
+          rect.on("mouseover", function() {
+            select_default2(this).attr("stroke", "#808080").attr("stroke-width", isRoot ? "4" : "3");
+          }).on("mouseout", function() {
+            select_default2(this).attr("stroke", "#505050").attr("stroke-width", isRoot ? "3" : "2");
+          });
+          g.selectAll("text.name").data([d]).join("text").attr("class", "name").attr("text-anchor", "middle").attr("dy", `${-0.6 * scale}em`).attr("fill", isCompositeFiber(d.data.fiber) ? "#000" : "#FFF").attr("font-weight", "500").attr(
+            "font-size",
+            isRoot ? isPreview ? "1.75em" : "1.5em" : "1em"
+          ).text(d.data.name);
+          g.selectAll("text.props").data([d]).join("text").attr("class", "props").attr("text-anchor", "middle").attr("dy", `${0.9 * scale}em`).attr("fill", isCompositeFiber(d.data.fiber) ? "#666" : "#999").attr(
+            "font-size",
+            isRoot ? isPreview ? "1.25em" : "1.1em" : "0.75em"
+          ).text(() => {
+            const props = d.data.fiber.memoizedProps;
+            if (!props || typeof props !== "object") return "";
+            const propNames = Object.keys(props);
+            if (propNames.length === 0) return "";
+            const displayProps = propNames.slice(0, 3);
+            if (propNames.length > 3) {
+              return `${displayProps.join(", ")}...`;
+            }
+            return displayProps.join(", ");
+          });
+        });
+      };
+      updateRect(nodeUpdate);
+    }, [descendants, nodes, isDialogMode, onFiberSelect]);
+    const handleZoomIn = useCallback(() => {
+      if (!svgRef.current || !zoomRef.current) return;
+      select_default2(svgRef.current).transition().duration(200).call(zoomRef.current.scaleBy, 1.5);
+    }, []);
+    const handleZoomOut = useCallback(() => {
+      if (!svgRef.current || !zoomRef.current) return;
+      select_default2(svgRef.current).transition().duration(200).call(zoomRef.current.scaleBy, 0.75);
+    }, []);
+    const handleReset = useCallback(() => {
+      if (!svgRef.current || !zoomRef.current) return;
+      select_default2(svgRef.current).transition().duration(200).call(zoomRef.current.transform, identity2);
+    }, []);
+    const handleFit = useCallback(() => {
+      if (!svgRef.current || !svgGroupRef.current || !zoomRef.current) return;
+      const bounds = svgGroupRef.current.getBBox();
+      const fullWidth = svgWidth;
+      const fullHeight = svgHeight;
+      const width = bounds.width;
+      const height = bounds.height;
+      const midX = bounds.x + width / 2;
+      const midY = bounds.y + height / 2;
+      const scale = 0.9 / Math.max(width / fullWidth, height / fullHeight);
+      const translate = [
+        fullWidth / 2 - scale * midX,
+        fullHeight / 2 - scale * midY
+      ];
+      select_default2(svgRef.current).transition().duration(200).call(
+        zoomRef.current.transform,
+        identity2.translate(translate[0], translate[1]).scale(scale)
+      );
+    }, [svgWidth, svgHeight]);
+    useEffect(() => {
+      if (!svgRef.current) return;
+      const resizeObserver = new ResizeObserver(() => {
+        if (!svgRef.current) return;
+        setSvgWidth(svgRef.current.clientWidth);
+        setSvgHeight(svgRef.current.clientHeight);
+      });
+      resizeObserver.observe(svgRef.current);
+      return () => resizeObserver.disconnect();
+    }, []);
+    useEffect(() => {
+      if (nodes.length > 0) {
+        setTimeout(handleFit, 0);
+      }
+    }, [nodes.length, handleFit]);
+    return /* @__PURE__ */ React17.createElement("div", { style: { height: "50ch", marginTop: "2ch" } }, /* @__PURE__ */ React17.createElement(
+      Controls,
+      {
+        onZoomIn: handleZoomIn,
+        onZoomOut: handleZoomOut,
+        onReset: handleReset,
+        onFit: handleFit
+      }
+    ), /* @__PURE__ */ React17.createElement(
+      "svg",
+      {
+        ref: svgRef,
+        viewBox: `0 0 ${svgWidth} ${svgHeight}`,
+        xmlns: "http://www.w3.org/2000/svg",
+        style: {
+          width: "100%",
+          height: "100%",
+          background: "#101010",
+          borderRadius: "0.25rem",
+          cursor: "grab"
+        },
+        "aria-label": "Fiber Tree Visualization"
+      },
+      /* @__PURE__ */ React17.createElement("title", null, "Fiber Tree Visualization"),
+      /* @__PURE__ */ React17.createElement("g", { ref: svgGroupRef }, /* @__PURE__ */ React17.createElement("g", { ref: linksGroupRef, className: "links" }), /* @__PURE__ */ React17.createElement("g", { ref: nodesGroupRef, className: "nodes" }))
+    ));
+  }
+);
 var Inspector2 = React17.memo(
   ({ enabled = true, dangerouslyRunInProduction = false }) => {
     const [element, setElement] = useState(null);
@@ -1238,12 +5097,12 @@ var Inspector2 = React17.memo(
       top: 0,
       left: 0
     });
-    const getFiberForDisplay = () => {
+    const [fiberHistory, setFiberHistory] = useState([]);
+    const getFiberForDisplay = useCallback(() => {
       if (selectedFiber) return selectedFiber;
       const fiber2 = getFiberFromHostInstance(element);
-      if (!fiber2) return null;
-      return fiber2.return && isCompositeFiber(fiber2.return) ? fiber2.return : fiber2;
-    };
+      return fiber2;
+    }, [selectedFiber, element]);
     const handlePropertyHover = (_e, propName) => {
       if (!isDialogMode) return;
       const explanation = FIBER_PROP_EXPLANATIONS[propName];
@@ -1252,22 +5111,51 @@ var Inspector2 = React17.memo(
     const handlePropertyLeave = () => {
       setTooltip(null);
     };
+    const handleFiberSelect = (fiber2) => {
+      if (fiber2 !== selectedFiber) {
+        if (!isDialogMode) {
+          const currentFiber = getFiberForDisplay();
+          if (currentFiber) {
+            setFiberHistory([currentFiber]);
+          }
+          setIsDialogMode(true);
+        } else if (selectedFiber) {
+          setFiberHistory((prev) => [...prev, selectedFiber]);
+        }
+        setSelectedFiber(fiber2);
+      }
+    };
+    const handleClose = useCallback(() => {
+      setIsDialogMode(false);
+      setFiberHistory([]);
+      setTooltip(null);
+      setSelectedFiber(null);
+      setElement(null);
+      setRect(null);
+    }, []);
     useEffect(() => {
       const handleKeyDown = (e) => {
         if (e.key === "o" && (e.metaKey || e.ctrlKey) && rect) {
           e.preventDefault();
+          const currentFiber = getFiberForDisplay();
+          if (currentFiber) {
+            setFiberHistory([currentFiber]);
+          }
           setIsDialogMode(true);
-        } else if (e.key === "Escape" && isDialogMode) {
-          setIsDialogMode(false);
-          setTooltip(null);
+        } else if (e.key === "Escape") {
+          handleClose();
         }
       };
       window.addEventListener("keydown", handleKeyDown);
       return () => window.removeEventListener("keydown", handleKeyDown);
-    }, [rect, isDialogMode]);
+    }, [rect, getFiberForDisplay, handleClose]);
     useEffect(() => {
       if (!isDialogMode) {
         setTooltip(null);
+        setFiberHistory([]);
+        setSelectedFiber(null);
+        setElement(null);
+        setRect(null);
       }
     }, [isDialogMode]);
     useEffect(() => {
@@ -1294,11 +5182,16 @@ var Inspector2 = React17.memo(
           setSelectedFiber(null);
           return;
         }
-        const element2 = document.elementFromPoint(event.clientX, event.clientY);
-        if (!element2) return;
-        setElement(element2);
-        setRect(element2.getBoundingClientRect());
-        setSelectedFiber(null);
+        if (!isDialogMode) {
+          const element2 = document.elementFromPoint(
+            event.clientX,
+            event.clientY
+          );
+          if (!element2) return;
+          setElement(element2);
+          setRect(element2.getBoundingClientRect());
+          setSelectedFiber(null);
+        }
       };
       const throttledMouseMove = throttle(handleMouseMove, 16);
       document.addEventListener("mousemove", throttledMouseMove);
@@ -1344,7 +5237,14 @@ var Inspector2 = React17.memo(
         }
       }
     }, [selectedFiber]);
-    if (window.innerWidth < 800 || !rect || !isActive) return null;
+    const handleBack = () => {
+      const previousFiber = fiberHistory[fiberHistory.length - 1];
+      if (previousFiber) {
+        setFiberHistory((prev) => prev.slice(0, -1));
+        setSelectedFiber(previousFiber);
+      }
+    };
+    if (!rect || !isActive) return null;
     const fiber = getFiberForDisplay();
     if (!fiber) return null;
     let foundInspect = false;
@@ -1369,7 +5269,9 @@ var Inspector2 = React17.memo(
       maxWidth: "none",
       maxHeight: "none",
       padding: "2ch",
-      boxShadow: "0 0 0 5px rgba(0, 0, 0, 0.1)",
+      boxShadow: "0 0 0 5px rgba(0, 0, 0, 0.3)",
+      backgroundColor: "#1a1a1a",
+      border: "1px solid #333",
       zIndex: 1e3
     } : {};
     const overlayStyle = isDialogMode ? {
@@ -1378,7 +5280,7 @@ var Inspector2 = React17.memo(
       left: 0,
       right: 0,
       bottom: 0,
-      backgroundColor: "rgba(0, 0, 0, 0.5)",
+      backgroundColor: "rgba(0, 0, 0, 0.7)",
       zIndex: 999
     } : {};
     const fiberStack = fiber ? getFiberStack(fiber) : [];
@@ -1386,8 +5288,12 @@ var Inspector2 = React17.memo(
       "div",
       {
         style: overlayStyle,
-        onClick: () => setIsDialogMode(false),
-        onKeyDown: (e) => e.key === "Escape" && setIsDialogMode(false),
+        onClick: handleClose,
+        onKeyDown: (e) => {
+          if (e.key === "Escape") {
+            handleClose();
+          }
+        },
         role: "button",
         tabIndex: 0
       }
@@ -1396,15 +5302,16 @@ var Inspector2 = React17.memo(
       {
         style: {
           position: "fixed",
-          backgroundColor: "white",
+          backgroundColor: "#101010",
+          color: "#FFF",
           zIndex: 50,
           padding: "1ch",
           width: "50ch",
-          height: "40ch",
+          height: isDialogMode ? "80ch" : "40ch",
           transition: "all 150ms, z-index 0ms",
           overflow: "visible",
-          boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
-          border: "1px solid black",
+          boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.3)",
+          border: "1px solid #282828",
           top: position.top,
           left: position.left,
           opacity: rect ? 1 : 0,
@@ -1421,16 +5328,16 @@ var Inspector2 = React17.memo(
           style: {
             display: "flex",
             justifyContent: "space-between",
-            alignItems: "center",
-            marginBottom: "1ch"
+            alignItems: "center"
           }
         },
-        /* @__PURE__ */ React17.createElement(
+        /* @__PURE__ */ React17.createElement("div", { style: { display: "flex", alignItems: "center", gap: "1ch" } }, fiberHistory.length > 0 && /* @__PURE__ */ React17.createElement(BackButton, { onClick: handleBack }), /* @__PURE__ */ React17.createElement(
           "h3",
           {
             style: {
               fontSize: "0.875rem",
-              backgroundColor: "#f5f5f5",
+              backgroundColor: "#161616",
+              color: "#FFF",
               padding: "0 0.5ch",
               borderRadius: "0.125rem",
               width: "fit-content",
@@ -1449,124 +5356,33 @@ var Inspector2 = React17.memo(
             },
             `Press ${isMac ? "\u2318" : "ctrl"}O to expand`
           )
-        ),
-        isDialogMode && fiber.child && /* @__PURE__ */ React17.createElement(
-          "div",
-          {
-            style: {
-              marginTop: "1ch",
-              marginBottom: "1ch",
-              marginRight: "auto",
-              marginLeft: "1ch",
-              fontSize: "0.75rem",
-              display: "flex",
-              flexWrap: "wrap",
-              gap: "0.5ch"
-            }
-          },
-          /* @__PURE__ */ React17.createElement("span", { style: { opacity: 0.5 } }, "Children:"),
-          /* @__PURE__ */ React17.createElement(
-            "div",
-            {
-              style: { display: "flex", flexWrap: "wrap", gap: "0.5ch" }
-            },
-            (() => {
-              const children = [];
-              let currentChild = fiber.child;
-              while (currentChild !== null) {
-                children.push(currentChild);
-                currentChild = currentChild.sibling;
-              }
-              return children.map((child) => {
-                const name = typeof child.type === "string" ? child.type : getDisplayName(child.type) || "unknown";
-                return /* @__PURE__ */ React17.createElement(
-                  "button",
-                  {
-                    key: getFiberId(child),
-                    type: "button",
-                    onClick: () => {
-                      setSelectedFiber(child);
-                      const element2 = getNearestHostFiber(child)?.stateNode;
-                      if (element2) {
-                        setElement(element2);
-                        setRect(element2.getBoundingClientRect());
-                      }
-                    },
-                    onKeyDown: (e) => {
-                      if (e.key === "Enter" || e.key === " ") {
-                        setSelectedFiber(child);
-                        const element2 = getNearestHostFiber(child)?.stateNode;
-                        if (element2) {
-                          setElement(element2);
-                          setRect(element2.getBoundingClientRect());
-                        }
-                      }
-                    },
-                    style: {
-                      cursor: "pointer",
-                      padding: "0 0.5ch",
-                      background: "#f5f5f5",
-                      border: "1px solid #eee",
-                      borderRadius: "0.125rem",
-                      fontSize: "inherit",
-                      color: "#666"
-                    },
-                    onMouseEnter: (e) => {
-                      e.currentTarget.style.backgroundColor = "#000";
-                      e.currentTarget.style.color = "#fff";
-                      e.currentTarget.style.borderColor = "#000";
-                    },
-                    onMouseLeave: (e) => {
-                      e.currentTarget.style.backgroundColor = "#f5f5f5";
-                      e.currentTarget.style.color = "#666";
-                      e.currentTarget.style.borderColor = "#eee";
-                    }
-                  },
-                  name
-                );
-              });
-            })()
-          )
-        ),
-        isDialogMode && /* @__PURE__ */ React17.createElement(
-          "button",
-          {
-            type: "button",
-            onClick: () => setIsDialogMode(false),
-            style: {
-              border: "none",
-              background: "none",
-              cursor: "pointer",
-              padding: "0.5ch",
-              fontSize: "2ch",
-              opacity: 0.5
-            }
-          },
-          "\xD7"
-        )
+        )),
+        isDialogMode && /* @__PURE__ */ React17.createElement(CloseButton, { onClick: handleClose })
       ),
       isDialogMode && /* @__PURE__ */ React17.createElement(
         "div",
         {
           style: {
-            borderTop: "1px solid #eee",
+            borderTop: "1px solid #282828",
             padding: "0.5ch 0",
             fontSize: "0.75rem",
-            color: "#666",
+            color: "#A0A0A0",
             whiteSpace: "nowrap",
             overflow: "hidden",
-            textOverflow: "ellipsis",
-            marginBottom: "2ch"
+            textOverflow: "ellipsis"
           }
         },
         fiberStack.reverse().map((f, i, arr) => {
           const name = typeof f.type === "string" ? f.type : getDisplayName(f.type) || "unknown";
           if (!name) return null;
           return /* @__PURE__ */ React17.createElement(React17.Fragment, { key: getFiberId(f) }, /* @__PURE__ */ React17.createElement(
-            "button",
+            BreadcrumbButton,
             {
-              type: "button",
+              name,
               onClick: () => {
+                if (selectedFiber) {
+                  setFiberHistory((prev) => [...prev, selectedFiber]);
+                }
                 setSelectedFiber(f);
                 const element2 = getNearestHostFiber(f)?.stateNode;
                 if (element2) {
@@ -1576,6 +5392,9 @@ var Inspector2 = React17.memo(
               },
               onKeyDown: (e) => {
                 if (e.key === "Enter" || e.key === " ") {
+                  if (selectedFiber) {
+                    setFiberHistory((prev) => [...prev, selectedFiber]);
+                  }
                   setSelectedFiber(f);
                   const element2 = getNearestHostFiber(f)?.stateNode;
                   if (element2) {
@@ -1583,43 +5402,38 @@ var Inspector2 = React17.memo(
                     setRect(element2.getBoundingClientRect());
                   }
                 }
-              },
-              style: {
-                cursor: "pointer",
-                textDecoration: "underline",
-                color: "#666",
-                background: "none",
-                border: "none",
-                padding: 0,
-                font: "inherit"
-              },
-              onMouseEnter: (e) => {
-                e.currentTarget.style.backgroundColor = "#000";
-                e.currentTarget.style.color = "#fff";
-              },
-              onMouseLeave: (e) => {
-                e.currentTarget.style.backgroundColor = "";
-                e.currentTarget.style.color = "#666";
               }
-            },
-            name
+            }
           ), i < arr.length - 1 && " > ");
         })
       ),
+      fiber && /* @__PURE__ */ React17.createElement(
+        FiberGraph,
+        {
+          key: getFiberId(fiber),
+          fiber,
+          onFiberSelect: handleFiberSelect,
+          isDialogMode
+        }
+      ),
       /* @__PURE__ */ React17.createElement(
         "div",
         {
           onMouseLeave: handlePropertyLeave,
           style: {
-            flex: 1,
-            overflow: "auto"
+            flex: isDialogMode ? 1 : "none",
+            overflow: "auto",
+            marginTop: "1ch",
+            borderTop: "1px solid #282828",
+            paddingTop: "1ch"
           }
         },
         /* @__PURE__ */ React17.createElement(
           Inspector,
           {
+            theme: theme3,
             data: fiber,
-            expandLevel: 1,
+            expandLevel: isDialogMode ? 1 : 0,
             table: false,
             nodeRenderer: (props) => {
               const Component = props.depth === 0 ? ObjectRootLabel : ObjectLabel;
@@ -1654,14 +5468,16 @@ var Inspector2 = React17.memo(
           style: {
             position: "absolute",
             zIndex: 1001,
-            backgroundColor: "#000",
-            color: "white",
+            backgroundColor: "#161616",
+            color: "#FFF",
             bottom: "2ch",
             right: "2ch",
             pointerEvents: "none",
             overflowY: "auto",
             padding: "1ch",
-            fontSize: "1ch"
+            fontSize: "1ch",
+            border: "1px solid #282828",
+            borderRadius: "0.25ch"
           }
         },
         tooltip
@@ -1674,7 +5490,7 @@ var Inspector2 = React17.memo(
           zIndex: 40,
           pointerEvents: "none",
           transition: "all 150ms",
-          border: "1px dashed #a3a3a3",
+          border: "1px dashed #505050",
           left: rect.left,
           top: rect.top,
           width: rect.width,