likec4 1.33.0 → 1.34.0

package/__app__/src/main.js

@@ -4,7 +4,7 @@ import React__default, { useState, Fragment, createContext, useContext, useRef,
 import { createRoot } from "react-dom/client";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal, flushSync } from "react-dom";
-import { ComponentName, useHashHistory, withOverviewGraph, krokiPumlSvgUrl, isDevelopment, krokiD2SvgUrl, basepath } from "./const.js";
+import { pageTitle, ComponentName, useHashHistory, withOverviewGraph, krokiPumlSvgUrl, isDevelopment, krokiD2SvgUrl, basepath } from "./const.js";
 import { projects, isSingleProject } from "likec4:projects";
 import { $likec4model, $likec4data, IconRenderer as IconRenderer$1, projectId } from "likec4:single-project";
 import { isTagColorSpecified, invariant as invariant$2, hasAtLeast, nonexhaustive, isStepEdgeId, extractStep, nameFromFqn, nonNullable, defaultTheme, ElementShapes, toArray, RichText, ifind, DefaultMap, ancestorsFqn, isAncestor, sortParentsFirst, ifilter, Queue, whereOperatorAsPredicate, GroupElementKind, delay as delay$1, BBox, getParallelStepsPrefix, isDeploymentView, compareNatural as compareNatural$1, isDescendantOf } from "@likec4/core";
@@ -2873,6 +2873,7 @@ function extractStyleProps(others) {
     pe,
     ps,
     bd,
+    bdrs,
     bg,
     c: c2,
     opacity,
@@ -2960,6 +2961,7 @@ function extractStyleProps(others) {
     inset: inset2,
     display,
     flex,
+    bdrs,
     hiddenFrom,
     visibleFrom,
     lightHidden,
@@ -6888,9 +6890,24 @@ function usePopover(options) {
     strategy: options.strategy,
     placement: options.preventPositionChangeWhenVisible ? options.positionRef.current : options.position,
     middleware: getPopoverMiddlewares(options, () => floating, env),
-    whileElementsMounted: autoUpdate
+    // Only use whileElementsMounted when elements are conditionally rendered (not keepMounted)
+    // When keepMounted=true, elements are hidden with CSS and we need manual autoUpdate control
+    whileElementsMounted: options.keepMounted ? void 0 : autoUpdate
   });
-  return useDidUpdate(() => {
+  return useEffect(() => {
+    if (!(!options.keepMounted || !floating.refs.reference.current || !floating.refs.floating.current) && _opened)
+      return autoUpdate(
+        floating.refs.reference.current,
+        floating.refs.floating.current,
+        floating.update
+      );
+  }, [
+    options.keepMounted,
+    _opened,
+    floating.refs.reference,
+    floating.refs.floating,
+    floating.update
+  ]), useDidUpdate(() => {
     options.onPositionChange?.(floating.placement), options.positionRef.current = floating.placement;
   }, [floating.placement]), useDidUpdate(() => {
     _opened !== previouslyOpened.current && (_opened ? options.onOpen?.() : options.onClose?.()), previouslyOpened.current = _opened;
@@ -7016,7 +7033,8 @@ function Popover(_props) {
     setDropdownVisible,
     positionRef,
     disabled,
-    preventPositionChangeWhenVisible
+    preventPositionChangeWhenVisible,
+    keepMounted
   });
   useClickOutside(
     () => {
@@ -15665,6 +15683,20 @@ class BaseRootRoute extends BaseRoute {
     super(options);
   }
 }
+function stripSearchParams(input2) {
+  return ({ search, next }) => {
+    if (input2 === !0)
+      return {};
+    const result = next(search);
+    return Array.isArray(input2) ? input2.forEach((key2) => {
+      delete result[key2];
+    }) : Object.entries(input2).forEach(
+      ([key2, value]) => {
+        deepEqual$1(result[key2], value) && delete result[key2];
+      }
+    ), result;
+  };
+}
 function CatchBoundary(props2) {
   const errorComponent = props2.errorComponent ?? ErrorComponent;
   return /* @__PURE__ */ jsx(
@@ -16797,8 +16829,7 @@ function Fallback$1({ error, resetErrorBoundary }) {
       {
         onClick: () => {
           resetErrorBoundary(), router.navigate({
-            to: "/",
-            search: !0
+            to: "/"
           });
         },
         variant: "light",
@@ -17177,10 +17208,9 @@ function NotFound() {
 }
 const asTheme = (v) => {
   if (typeof v != "string")
-    return;
+    return "auto";
   const vlower = v.toLowerCase();
-  if (vlower === "light" || vlower === "dark")
-    return vlower;
+  return vlower === "light" || vlower === "dark" ? vlower : "auto";
 }, asPadding = (v) => {
   switch (!0) {
     case typeof v == "number":
@@ -17188,17 +17218,38 @@ const asTheme = (v) => {
     case typeof v == "string":
       return Math.round(parseFloat(v));
   }
+  return 20;
 }, Route$m = createRootRouteWithContext()({
-  // component: RootComponent,
+  component: RootComponent,
   validateSearch: (search) => ({
     padding: asPadding(search.padding),
     theme: asTheme(search.theme)
-  })
-}), Route$l = createFileRoute("/projects")({
+  }),
+  search: {
+    middlewares: [
+      stripSearchParams({
+        padding: 20,
+        theme: "auto"
+      })
+    ]
+  }
+});
+function RootComponent() {
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(Outlet, {}),
+    /* @__PURE__ */ jsx(ThemeSync, {})
+  ] });
+}
+const ThemeSync = () => {
+  const { theme: theme2 } = Route$m.useSearch(), mantineColorScheme = useMantineColorScheme();
+  return useEffect(() => {
+    theme2 && theme2 !== mantineColorScheme.colorScheme && mantineColorScheme.setColorScheme(theme2);
+  }, [theme2]), null;
+}, Route$l = createFileRoute("/projects")({
   component: RouteComponent$3
 });
 function RouteComponent$3() {
-  return useDocumentTitle("LikeC4 Projects"), /* @__PURE__ */ jsx(Container, { size: "xs", py: "lg", children: /* @__PURE__ */ jsxs(Stack, { children: [
+  return useDocumentTitle(`Projects - ${pageTitle}`), /* @__PURE__ */ jsx(Container, { size: "xs", py: "lg", children: /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(Text, { fz: "lg", children: "Select a project" }),
     projects.map((v) => /* @__PURE__ */ jsx(
       Button,
@@ -28938,7 +28989,7 @@ function useCustomCompareEffect(callback, deps, comparator = basicDepsComparator
 function useDebouncedEffect(callback, deps, delay2, maxWait = 0) {
   useEffect(useDebouncedCallback(callback, deps, delay2, maxWait), deps);
 }
-const { valueOf, toString: toString$1 } = Object.prototype, isEqual = (a2, b2) => {
+const { valueOf, toString } = Object.prototype, isEqual = (a2, b2) => {
   const visited = /* @__PURE__ */ new WeakMap(), inner2 = (a3, b3) => {
     if (a3 === b3)
       return !0;
@@ -28987,7 +29038,7 @@ const { valueOf, toString: toString$1 } = Object.prototype, isEqual = (a2, b2) =
     }
     if (a3.valueOf !== valueOf && typeof a3.valueOf == "function" && typeof b3.valueOf == "function")
       return a3.valueOf() === b3.valueOf();
-    if (a3.toString !== toString$1 && typeof a3.toString == "function" && typeof b3.toString == "function")
+    if (a3.toString !== toString && typeof a3.toString == "function" && typeof b3.toString == "function")
       return a3.toString() === b3.toString();
     const aKeys = Object.keys(a3);
     let key2;
@@ -31372,7 +31423,7 @@ const cssTransparentBg = css({
   const square = useStore$1(selectDimensions);
   return useUpdateEffect(onViewportResize, [square]), null;
 };
-var xstateReact_cjs = {}, xstate_cjs = {}, xstateActors_cjs = {}, raiseCbaedcda_cjs = {}, xstateDev_cjs = {}, hasRequiredXstateDev_cjs;
+var xstateReact_cjs = {}, xstate_cjs = {}, xstateActors_cjs = {}, raise5872b9e8_cjs = {}, xstateDev_cjs = {}, hasRequiredXstateDev_cjs;
 function requireXstateDev_cjs() {
   if (hasRequiredXstateDev_cjs) return xstateDev_cjs;
   hasRequiredXstateDev_cjs = 1, Object.defineProperty(xstateDev_cjs, "__esModule", { value: !0 });
@@ -31405,10 +31456,10 @@ function requireXstateDev_cjs() {
   };
   return xstateDev_cjs.devToolsAdapter = devToolsAdapter, xstateDev_cjs.getGlobal = getGlobal, xstateDev_cjs.registerService = registerService, xstateDev_cjs;
 }
-var hasRequiredRaiseCbaedcda_cjs;
-function requireRaiseCbaedcda_cjs() {
-  if (hasRequiredRaiseCbaedcda_cjs) return raiseCbaedcda_cjs;
-  hasRequiredRaiseCbaedcda_cjs = 1;
+var hasRequiredRaise5872b9e8_cjs;
+function requireRaise5872b9e8_cjs() {
+  if (hasRequiredRaise5872b9e8_cjs) return raise5872b9e8_cjs;
+  hasRequiredRaise5872b9e8_cjs = 1;
   var dev_dist_xstateDev = requireXstateDev_cjs();
   class Mailbox {
     constructor(_process) {
@@ -33081,13 +33132,13 @@ ${err.message}`);
     }
     return raise3.type = "xstate.raise", raise3.event = eventOrExpr, raise3.id = options?.id, raise3.delay = options?.delay, raise3.resolve = resolveRaise, raise3.execute = executeRaise, raise3;
   }
-  return raiseCbaedcda_cjs.$$ACTOR_TYPE = $$ACTOR_TYPE, raiseCbaedcda_cjs.Actor = Actor, raiseCbaedcda_cjs.NULL_EVENT = NULL_EVENT, raiseCbaedcda_cjs.ProcessingStatus = ProcessingStatus, raiseCbaedcda_cjs.STATE_DELIMITER = STATE_DELIMITER, raiseCbaedcda_cjs.XSTATE_ERROR = XSTATE_ERROR, raiseCbaedcda_cjs.XSTATE_STOP = XSTATE_STOP, raiseCbaedcda_cjs.and = and, raiseCbaedcda_cjs.cancel = cancel, raiseCbaedcda_cjs.cloneMachineSnapshot = cloneMachineSnapshot, raiseCbaedcda_cjs.createActor = createActor, raiseCbaedcda_cjs.createErrorActorEvent = createErrorActorEvent, raiseCbaedcda_cjs.createInitEvent = createInitEvent, raiseCbaedcda_cjs.createInvokeId = createInvokeId, raiseCbaedcda_cjs.createMachineSnapshot = createMachineSnapshot, raiseCbaedcda_cjs.evaluateGuard = evaluateGuard, raiseCbaedcda_cjs.formatInitialTransition = formatInitialTransition, raiseCbaedcda_cjs.formatTransition = formatTransition, raiseCbaedcda_cjs.formatTransitions = formatTransitions, raiseCbaedcda_cjs.getAllOwnEventDescriptors = getAllOwnEventDescriptors, raiseCbaedcda_cjs.getAllStateNodes = getAllStateNodes, raiseCbaedcda_cjs.getCandidates = getCandidates, raiseCbaedcda_cjs.getDelayedTransitions = getDelayedTransitions, raiseCbaedcda_cjs.getInitialStateNodes = getInitialStateNodes, raiseCbaedcda_cjs.getPersistedSnapshot = getPersistedSnapshot, raiseCbaedcda_cjs.getStateNodeByPath = getStateNodeByPath, raiseCbaedcda_cjs.getStateNodes = getStateNodes, raiseCbaedcda_cjs.interpret = interpret, raiseCbaedcda_cjs.isInFinalState = isInFinalState, raiseCbaedcda_cjs.isMachineSnapshot = isMachineSnapshot, raiseCbaedcda_cjs.isStateId = isStateId, raiseCbaedcda_cjs.macrostep = macrostep, raiseCbaedcda_cjs.mapValues = mapValues, raiseCbaedcda_cjs.matchesState = matchesState, raiseCbaedcda_cjs.microstep = microstep, raiseCbaedcda_cjs.not = not, raiseCbaedcda_cjs.or = or, raiseCbaedcda_cjs.pathToStateValue = pathToStateValue, raiseCbaedcda_cjs.raise = raise2, raiseCbaedcda_cjs.resolveActionsAndContext = resolveActionsAndContext, raiseCbaedcda_cjs.resolveReferencedActor = resolveReferencedActor, raiseCbaedcda_cjs.resolveStateValue = resolveStateValue, raiseCbaedcda_cjs.spawnChild = spawnChild, raiseCbaedcda_cjs.stateIn = stateIn, raiseCbaedcda_cjs.stop = stop, raiseCbaedcda_cjs.stopChild = stopChild, raiseCbaedcda_cjs.toArray = toArray2, raiseCbaedcda_cjs.toObserver = toObserver, raiseCbaedcda_cjs.toStatePath = toStatePath, raiseCbaedcda_cjs.toTransitionConfigArray = toTransitionConfigArray, raiseCbaedcda_cjs.transitionNode = transitionNode, raiseCbaedcda_cjs;
+  return raise5872b9e8_cjs.$$ACTOR_TYPE = $$ACTOR_TYPE, raise5872b9e8_cjs.Actor = Actor, raise5872b9e8_cjs.NULL_EVENT = NULL_EVENT, raise5872b9e8_cjs.ProcessingStatus = ProcessingStatus, raise5872b9e8_cjs.STATE_DELIMITER = STATE_DELIMITER, raise5872b9e8_cjs.XSTATE_ERROR = XSTATE_ERROR, raise5872b9e8_cjs.XSTATE_STOP = XSTATE_STOP, raise5872b9e8_cjs.and = and, raise5872b9e8_cjs.cancel = cancel, raise5872b9e8_cjs.cloneMachineSnapshot = cloneMachineSnapshot, raise5872b9e8_cjs.createActor = createActor, raise5872b9e8_cjs.createErrorActorEvent = createErrorActorEvent, raise5872b9e8_cjs.createInitEvent = createInitEvent, raise5872b9e8_cjs.createInvokeId = createInvokeId, raise5872b9e8_cjs.createMachineSnapshot = createMachineSnapshot, raise5872b9e8_cjs.evaluateGuard = evaluateGuard, raise5872b9e8_cjs.formatInitialTransition = formatInitialTransition, raise5872b9e8_cjs.formatTransition = formatTransition, raise5872b9e8_cjs.formatTransitions = formatTransitions, raise5872b9e8_cjs.getAllOwnEventDescriptors = getAllOwnEventDescriptors, raise5872b9e8_cjs.getAllStateNodes = getAllStateNodes, raise5872b9e8_cjs.getCandidates = getCandidates, raise5872b9e8_cjs.getDelayedTransitions = getDelayedTransitions, raise5872b9e8_cjs.getInitialStateNodes = getInitialStateNodes, raise5872b9e8_cjs.getPersistedSnapshot = getPersistedSnapshot, raise5872b9e8_cjs.getStateNodeByPath = getStateNodeByPath, raise5872b9e8_cjs.getStateNodes = getStateNodes, raise5872b9e8_cjs.interpret = interpret, raise5872b9e8_cjs.isInFinalState = isInFinalState, raise5872b9e8_cjs.isMachineSnapshot = isMachineSnapshot, raise5872b9e8_cjs.isStateId = isStateId, raise5872b9e8_cjs.macrostep = macrostep, raise5872b9e8_cjs.mapValues = mapValues, raise5872b9e8_cjs.matchesState = matchesState, raise5872b9e8_cjs.microstep = microstep, raise5872b9e8_cjs.not = not, raise5872b9e8_cjs.or = or, raise5872b9e8_cjs.pathToStateValue = pathToStateValue, raise5872b9e8_cjs.raise = raise2, raise5872b9e8_cjs.resolveActionsAndContext = resolveActionsAndContext, raise5872b9e8_cjs.resolveReferencedActor = resolveReferencedActor, raise5872b9e8_cjs.resolveStateValue = resolveStateValue, raise5872b9e8_cjs.spawnChild = spawnChild, raise5872b9e8_cjs.stateIn = stateIn, raise5872b9e8_cjs.stop = stop, raise5872b9e8_cjs.stopChild = stopChild, raise5872b9e8_cjs.toArray = toArray2, raise5872b9e8_cjs.toObserver = toObserver, raise5872b9e8_cjs.toStatePath = toStatePath, raise5872b9e8_cjs.toTransitionConfigArray = toTransitionConfigArray, raise5872b9e8_cjs.transitionNode = transitionNode, raise5872b9e8_cjs;
 }
 var hasRequiredXstateActors_cjs;
 function requireXstateActors_cjs() {
   if (hasRequiredXstateActors_cjs) return xstateActors_cjs;
   hasRequiredXstateActors_cjs = 1, Object.defineProperty(xstateActors_cjs, "__esModule", { value: !0 });
-  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseCbaedcda_cjs();
+  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaise5872b9e8_cjs();
   requireXstateDev_cjs();
   function fromTransition(transition, initialContext) {
     return {
@@ -33394,11 +33445,11 @@ function requireXstateActors_cjs() {
   }
   return xstateActors_cjs.createEmptyActor = createEmptyActor, xstateActors_cjs.fromCallback = fromCallback, xstateActors_cjs.fromEventObservable = fromEventObservable, xstateActors_cjs.fromObservable = fromObservable, xstateActors_cjs.fromPromise = fromPromise, xstateActors_cjs.fromTransition = fromTransition, xstateActors_cjs;
 }
-var log179b5431_cjs = {}, hasRequiredLog179b5431_cjs;
-function requireLog179b5431_cjs() {
-  if (hasRequiredLog179b5431_cjs) return log179b5431_cjs;
-  hasRequiredLog179b5431_cjs = 1;
-  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseCbaedcda_cjs();
+var StateMachine1cda96d3_cjs = {}, assignE9c344ea_cjs = {}, hasRequiredAssignE9c344ea_cjs;
+function requireAssignE9c344ea_cjs() {
+  if (hasRequiredAssignE9c344ea_cjs) return assignE9c344ea_cjs;
+  hasRequiredAssignE9c344ea_cjs = 1;
+  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaise5872b9e8_cjs();
   function createSpawner(actorScope, {
     machine,
     context: context2
@@ -33472,177 +33523,13 @@ function requireLog179b5431_cjs() {
     }
     return assign3.type = "xstate.assign", assign3.assignment = assignment, assign3.resolve = resolveAssign, assign3;
   }
-  function resolveEmit(_, snapshot, args, actionParams, {
-    event: eventOrExpr
-  }) {
-    const resolvedEvent = typeof eventOrExpr == "function" ? eventOrExpr(args, actionParams) : eventOrExpr;
-    return [snapshot, {
-      event: resolvedEvent
-    }, void 0];
-  }
-  function executeEmit(actorScope, {
-    event
-  }) {
-    actorScope.defer(() => actorScope.emit(event));
-  }
-  function emit2(eventOrExpr) {
-    function emit3(_args, _params) {
-    }
-    return emit3.type = "xstate.emit", emit3.event = eventOrExpr, emit3.resolve = resolveEmit, emit3.execute = executeEmit, emit3;
-  }
-  let SpecialTargets = /* @__PURE__ */ function(SpecialTargets2) {
-    return SpecialTargets2.Parent = "#_parent", SpecialTargets2.Internal = "#_internal", SpecialTargets2;
-  }({});
-  function resolveSendTo(actorScope, snapshot, args, actionParams, {
-    to,
-    event: eventOrExpr,
-    id: id2,
-    delay: delay2
-  }, extra) {
-    const delaysMap = snapshot.machine.implementations.delays;
-    if (typeof eventOrExpr == "string")
-      throw new Error(
-        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-        `Only event objects may be used with sendTo; use sendTo({ type: "${eventOrExpr}" }) instead`
-      );
-    const resolvedEvent = typeof eventOrExpr == "function" ? eventOrExpr(args, actionParams) : eventOrExpr;
-    let resolvedDelay;
-    if (typeof delay2 == "string") {
-      const configDelay = delaysMap && delaysMap[delay2];
-      resolvedDelay = typeof configDelay == "function" ? configDelay(args, actionParams) : configDelay;
-    } else
-      resolvedDelay = typeof delay2 == "function" ? delay2(args, actionParams) : delay2;
-    const resolvedTarget = typeof to == "function" ? to(args, actionParams) : to;
-    let targetActorRef;
-    if (typeof resolvedTarget == "string") {
-      if (resolvedTarget === SpecialTargets.Parent ? targetActorRef = actorScope.self._parent : resolvedTarget === SpecialTargets.Internal ? targetActorRef = actorScope.self : resolvedTarget.startsWith("#_") ? targetActorRef = snapshot.children[resolvedTarget.slice(2)] : targetActorRef = extra.deferredActorIds?.includes(resolvedTarget) ? resolvedTarget : snapshot.children[resolvedTarget], !targetActorRef)
-        throw new Error(`Unable to send event to actor '${resolvedTarget}' from machine '${snapshot.machine.id}'.`);
-    } else
-      targetActorRef = resolvedTarget || actorScope.self;
-    return [snapshot, {
-      to: targetActorRef,
-      targetId: typeof resolvedTarget == "string" ? resolvedTarget : void 0,
-      event: resolvedEvent,
-      id: id2,
-      delay: resolvedDelay
-    }, void 0];
-  }
-  function retryResolveSendTo(_, snapshot, params) {
-    typeof params.to == "string" && (params.to = snapshot.children[params.to]);
-  }
-  function executeSendTo(actorScope, params) {
-    actorScope.defer(() => {
-      const {
-        to,
-        event,
-        delay: delay2,
-        id: id2
-      } = params;
-      if (typeof delay2 == "number") {
-        actorScope.system.scheduler.schedule(actorScope.self, to, event, delay2, id2);
-        return;
-      }
-      actorScope.system._relay(
-        actorScope.self,
-        // at this point, in a deferred task, it should already be mutated by retryResolveSendTo
-        // if it initially started as a string
-        to,
-        event.type === guards_dist_xstateGuards.XSTATE_ERROR ? guards_dist_xstateGuards.createErrorActorEvent(actorScope.self.id, event.data) : event
-      );
-    });
-  }
-  function sendTo(to, eventOrExpr, options) {
-    function sendTo2(_args, _params) {
-    }
-    return sendTo2.type = "xstate.sendTo", sendTo2.to = to, sendTo2.event = eventOrExpr, sendTo2.id = options?.id, sendTo2.delay = options?.delay, sendTo2.resolve = resolveSendTo, sendTo2.retryResolve = retryResolveSendTo, sendTo2.execute = executeSendTo, sendTo2;
-  }
-  function sendParent(event, options) {
-    return sendTo(SpecialTargets.Parent, event, options);
-  }
-  function forwardTo(target, options) {
-    return sendTo(target, ({
-      event
-    }) => event, options);
-  }
-  function resolveEnqueueActions(actorScope, snapshot, args, actionParams, {
-    collect
-  }) {
-    const actions = [], enqueue = function(action) {
-      actions.push(action);
-    };
-    return enqueue.assign = (...args2) => {
-      actions.push(assign2(...args2));
-    }, enqueue.cancel = (...args2) => {
-      actions.push(guards_dist_xstateGuards.cancel(...args2));
-    }, enqueue.raise = (...args2) => {
-      actions.push(guards_dist_xstateGuards.raise(...args2));
-    }, enqueue.sendTo = (...args2) => {
-      actions.push(sendTo(...args2));
-    }, enqueue.sendParent = (...args2) => {
-      actions.push(sendParent(...args2));
-    }, enqueue.spawnChild = (...args2) => {
-      actions.push(guards_dist_xstateGuards.spawnChild(...args2));
-    }, enqueue.stopChild = (...args2) => {
-      actions.push(guards_dist_xstateGuards.stopChild(...args2));
-    }, enqueue.emit = (...args2) => {
-      actions.push(emit2(...args2));
-    }, collect({
-      context: args.context,
-      event: args.event,
-      enqueue,
-      check: (guard) => guards_dist_xstateGuards.evaluateGuard(guard, snapshot.context, args.event, snapshot),
-      self: actorScope.self,
-      system: actorScope.system
-    }, actionParams), [snapshot, void 0, actions];
-  }
-  function enqueueActions(collect) {
-    function enqueueActions2(_args, _params) {
-    }
-    return enqueueActions2.type = "xstate.enqueueActions", enqueueActions2.collect = collect, enqueueActions2.resolve = resolveEnqueueActions, enqueueActions2;
-  }
-  function resolveLog(_, snapshot, actionArgs, actionParams, {
-    value,
-    label: label2
-  }) {
-    return [snapshot, {
-      value: typeof value == "function" ? value(actionArgs, actionParams) : value,
-      label: label2
-    }, void 0];
-  }
-  function executeLog({
-    logger
-  }, {
-    value,
-    label: label2
-  }) {
-    label2 ? logger(label2, value) : logger(value);
-  }
-  function log(value = ({
-    context: context2,
-    event
-  }) => ({
-    context: context2,
-    event
-  }), label2) {
-    function log2(_args, _params) {
-    }
-    return log2.type = "xstate.log", log2.value = value, log2.label = label2, log2.resolve = resolveLog, log2.execute = executeLog, log2;
-  }
-  return log179b5431_cjs.SpecialTargets = SpecialTargets, log179b5431_cjs.assign = assign2, log179b5431_cjs.emit = emit2, log179b5431_cjs.enqueueActions = enqueueActions, log179b5431_cjs.forwardTo = forwardTo, log179b5431_cjs.log = log, log179b5431_cjs.sendParent = sendParent, log179b5431_cjs.sendTo = sendTo, log179b5431_cjs;
+  return assignE9c344ea_cjs.assign = assign2, assignE9c344ea_cjs;
 }
-var hasRequiredXstate_cjs;
-function requireXstate_cjs() {
-  if (hasRequiredXstate_cjs) return xstate_cjs;
-  hasRequiredXstate_cjs = 1, Object.defineProperty(xstate_cjs, "__esModule", { value: !0 });
-  var actors_dist_xstateActors = requireXstateActors_cjs(), guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseCbaedcda_cjs(), log = /* @__PURE__ */ requireLog179b5431_cjs();
-  requireXstateDev_cjs();
-  function assertEvent(event, type) {
-    const types = guards_dist_xstateGuards.toArray(type);
-    if (!types.includes(event.type)) {
-      const typesText = types.length === 1 ? `type "${types[0]}"` : `one of types "${types.join('", "')}"`;
-      throw new Error(`Expected event ${JSON.stringify(event)} to have ${typesText}`);
-    }
-  }
+var hasRequiredStateMachine1cda96d3_cjs;
+function requireStateMachine1cda96d3_cjs() {
+  if (hasRequiredStateMachine1cda96d3_cjs) return StateMachine1cda96d3_cjs;
+  hasRequiredStateMachine1cda96d3_cjs = 1;
+  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaise5872b9e8_cjs(), assign2 = /* @__PURE__ */ requireAssignE9c344ea_cjs();
   const cache = /* @__PURE__ */ new WeakMap();
   function memo2(object, key2, fn) {
     let memoizedData = cache.get(object);
@@ -33744,7 +33631,7 @@ function requireXstate_cjs() {
     }
     /** The mapping of events to transitions. */
     get on() {
-      return memo2(this, "on", () => [...this.transitions].flatMap(([descriptor, t2]) => t2.map((t3) => [descriptor, t3])).reduce((map, [descriptor, transition2]) => (map[descriptor] = map[descriptor] || [], map[descriptor].push(transition2), map), {}));
+      return memo2(this, "on", () => [...this.transitions].flatMap(([descriptor, t2]) => t2.map((t3) => [descriptor, t3])).reduce((map, [descriptor, transition]) => (map[descriptor] = map[descriptor] || [], map[descriptor].push(transition), map), {}));
     }
     get after() {
       return memo2(this, "delayedTransitions", () => guards_dist_xstateGuards.getDelayedTransitions(this));
@@ -33798,7 +33685,7 @@ ${err.message}`);
      * Excludes any inert events.
      */
     get ownEvents() {
-      const events = new Set([...this.transitions.keys()].filter((descriptor) => this.transitions.get(descriptor).some((transition2) => !(!transition2.target && !transition2.actions.length && !transition2.reenter))));
+      const events = new Set([...this.transitions.keys()].filter((descriptor) => this.transitions.get(descriptor).some((transition) => !(!transition.target && !transition.actions.length && !transition.reenter))));
       return Array.from(events);
     }
   }
@@ -33816,11 +33703,10 @@ ${err.message}`);
       }), this.root._initialize(), this.states = this.root.states, this.events = this.root.events;
     }
     /**
-     * Clones this state machine with the provided implementations and merges the
-     * `context` (if provided).
+     * Clones this state machine with the provided implementations.
      *
-     * @param implementations Options (`actions`, `guards`, `actors`, `delays`,
-     *   `context`) to recursively merge with the existing options.
+     * @param implementations Options (`actions`, `guards`, `actors`, `delays`) to
+     *   recursively merge with the existing options.
      * @returns A new `StateMachine` instance with the provided implementations.
      */
     provide(implementations) {
@@ -33907,7 +33793,7 @@ ${err.message}`);
           input: event.input,
           self: self2
         });
-        return guards_dist_xstateGuards.resolveActionsAndContext(preInitial, initEvent, actorScope, [log.assign(assignment)], internalQueue, void 0);
+        return guards_dist_xstateGuards.resolveActionsAndContext(preInitial, initEvent, actorScope, [assign2.assign(assignment)], internalQueue, void 0);
       }
       return preInitial;
     }
@@ -33965,33 +33851,28 @@ ${err.message}`);
         });
         children2[actorId] = actorRef;
       });
-      function resolveStateNodeFromIdOrPath(idOrPath, root2) {
+      function resolveHistoryReferencedState(root2, referenced) {
+        if (referenced instanceof StateNode)
+          return referenced;
         try {
-          return root2.machine.getStateNodeById(idOrPath);
+          return root2.machine.getStateNodeById(referenced.id);
         } catch {
-          try {
-            return guards_dist_xstateGuards.getStateNodeByPath(root2, idOrPath.split("."));
-          } catch {
-            return idOrPath;
-          }
         }
       }
-      function reviveHistoryValue(historyValue, root2) {
-        if (!historyValue || typeof historyValue != "object") return {};
+      function reviveHistoryValue(root2, historyValue) {
+        if (!historyValue || typeof historyValue != "object")
+          return {};
         const revived = {};
         for (const key2 in historyValue) {
           const arr = historyValue[key2];
-          revived[key2] = arr.map((item) => {
-            if (item instanceof StateNode) return item;
-            if (typeof item == "object" && "id" in item && typeof item.id == "string") {
-              const resolved = resolveStateNodeFromIdOrPath(item.id, root2);
-              if (resolved instanceof StateNode) return resolved;
-            }
-          }).filter((item) => item !== void 0), revived[key2].length === 0 && delete revived[key2];
+          for (const item of arr) {
+            const resolved = resolveHistoryReferencedState(root2, item);
+            resolved && (revived[key2] ??= [], revived[key2].push(resolved));
+          }
         }
         return revived;
       }
-      const revivedHistoryValue = reviveHistoryValue(snapshot.historyValue, this.root), restoredSnapshot = guards_dist_xstateGuards.createMachineSnapshot({
+      const revivedHistoryValue = reviveHistoryValue(this.root, snapshot.historyValue), restoredSnapshot = guards_dist_xstateGuards.createMachineSnapshot({
         ...snapshot,
         children: children2,
         _nodes: Array.from(guards_dist_xstateGuards.getAllStateNodes(guards_dist_xstateGuards.getStateNodes(this.root, snapshot.value))),
@@ -34015,8 +33896,186 @@ ${err.message}`);
       return reviveContext(restoredSnapshot.context, children2), restoredSnapshot;
     }
   }
+  return StateMachine1cda96d3_cjs.StateMachine = StateMachine, StateMachine1cda96d3_cjs.StateNode = StateNode, StateMachine1cda96d3_cjs;
+}
+var log215998b6_cjs = {}, hasRequiredLog215998b6_cjs;
+function requireLog215998b6_cjs() {
+  if (hasRequiredLog215998b6_cjs) return log215998b6_cjs;
+  hasRequiredLog215998b6_cjs = 1;
+  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaise5872b9e8_cjs(), assign2 = /* @__PURE__ */ requireAssignE9c344ea_cjs();
+  function resolveEmit(_, snapshot, args, actionParams, {
+    event: eventOrExpr
+  }) {
+    const resolvedEvent = typeof eventOrExpr == "function" ? eventOrExpr(args, actionParams) : eventOrExpr;
+    return [snapshot, {
+      event: resolvedEvent
+    }, void 0];
+  }
+  function executeEmit(actorScope, {
+    event
+  }) {
+    actorScope.defer(() => actorScope.emit(event));
+  }
+  function emit2(eventOrExpr) {
+    function emit3(_args, _params) {
+    }
+    return emit3.type = "xstate.emit", emit3.event = eventOrExpr, emit3.resolve = resolveEmit, emit3.execute = executeEmit, emit3;
+  }
+  let SpecialTargets = /* @__PURE__ */ function(SpecialTargets2) {
+    return SpecialTargets2.Parent = "#_parent", SpecialTargets2.Internal = "#_internal", SpecialTargets2;
+  }({});
+  function resolveSendTo(actorScope, snapshot, args, actionParams, {
+    to,
+    event: eventOrExpr,
+    id: id2,
+    delay: delay2
+  }, extra) {
+    const delaysMap = snapshot.machine.implementations.delays;
+    if (typeof eventOrExpr == "string")
+      throw new Error(
+        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+        `Only event objects may be used with sendTo; use sendTo({ type: "${eventOrExpr}" }) instead`
+      );
+    const resolvedEvent = typeof eventOrExpr == "function" ? eventOrExpr(args, actionParams) : eventOrExpr;
+    let resolvedDelay;
+    if (typeof delay2 == "string") {
+      const configDelay = delaysMap && delaysMap[delay2];
+      resolvedDelay = typeof configDelay == "function" ? configDelay(args, actionParams) : configDelay;
+    } else
+      resolvedDelay = typeof delay2 == "function" ? delay2(args, actionParams) : delay2;
+    const resolvedTarget = typeof to == "function" ? to(args, actionParams) : to;
+    let targetActorRef;
+    if (typeof resolvedTarget == "string") {
+      if (resolvedTarget === SpecialTargets.Parent ? targetActorRef = actorScope.self._parent : resolvedTarget === SpecialTargets.Internal ? targetActorRef = actorScope.self : resolvedTarget.startsWith("#_") ? targetActorRef = snapshot.children[resolvedTarget.slice(2)] : targetActorRef = extra.deferredActorIds?.includes(resolvedTarget) ? resolvedTarget : snapshot.children[resolvedTarget], !targetActorRef)
+        throw new Error(`Unable to send event to actor '${resolvedTarget}' from machine '${snapshot.machine.id}'.`);
+    } else
+      targetActorRef = resolvedTarget || actorScope.self;
+    return [snapshot, {
+      to: targetActorRef,
+      targetId: typeof resolvedTarget == "string" ? resolvedTarget : void 0,
+      event: resolvedEvent,
+      id: id2,
+      delay: resolvedDelay
+    }, void 0];
+  }
+  function retryResolveSendTo(_, snapshot, params) {
+    typeof params.to == "string" && (params.to = snapshot.children[params.to]);
+  }
+  function executeSendTo(actorScope, params) {
+    actorScope.defer(() => {
+      const {
+        to,
+        event,
+        delay: delay2,
+        id: id2
+      } = params;
+      if (typeof delay2 == "number") {
+        actorScope.system.scheduler.schedule(actorScope.self, to, event, delay2, id2);
+        return;
+      }
+      actorScope.system._relay(
+        actorScope.self,
+        // at this point, in a deferred task, it should already be mutated by retryResolveSendTo
+        // if it initially started as a string
+        to,
+        event.type === guards_dist_xstateGuards.XSTATE_ERROR ? guards_dist_xstateGuards.createErrorActorEvent(actorScope.self.id, event.data) : event
+      );
+    });
+  }
+  function sendTo(to, eventOrExpr, options) {
+    function sendTo2(_args, _params) {
+    }
+    return sendTo2.type = "xstate.sendTo", sendTo2.to = to, sendTo2.event = eventOrExpr, sendTo2.id = options?.id, sendTo2.delay = options?.delay, sendTo2.resolve = resolveSendTo, sendTo2.retryResolve = retryResolveSendTo, sendTo2.execute = executeSendTo, sendTo2;
+  }
+  function sendParent(event, options) {
+    return sendTo(SpecialTargets.Parent, event, options);
+  }
+  function forwardTo(target, options) {
+    return sendTo(target, ({
+      event
+    }) => event, options);
+  }
+  function resolveEnqueueActions(actorScope, snapshot, args, actionParams, {
+    collect
+  }) {
+    const actions = [], enqueue = function(action) {
+      actions.push(action);
+    };
+    return enqueue.assign = (...args2) => {
+      actions.push(assign2.assign(...args2));
+    }, enqueue.cancel = (...args2) => {
+      actions.push(guards_dist_xstateGuards.cancel(...args2));
+    }, enqueue.raise = (...args2) => {
+      actions.push(guards_dist_xstateGuards.raise(...args2));
+    }, enqueue.sendTo = (...args2) => {
+      actions.push(sendTo(...args2));
+    }, enqueue.sendParent = (...args2) => {
+      actions.push(sendParent(...args2));
+    }, enqueue.spawnChild = (...args2) => {
+      actions.push(guards_dist_xstateGuards.spawnChild(...args2));
+    }, enqueue.stopChild = (...args2) => {
+      actions.push(guards_dist_xstateGuards.stopChild(...args2));
+    }, enqueue.emit = (...args2) => {
+      actions.push(emit2(...args2));
+    }, collect({
+      context: args.context,
+      event: args.event,
+      enqueue,
+      check: (guard) => guards_dist_xstateGuards.evaluateGuard(guard, snapshot.context, args.event, snapshot),
+      self: actorScope.self,
+      system: actorScope.system
+    }, actionParams), [snapshot, void 0, actions];
+  }
+  function enqueueActions(collect) {
+    function enqueueActions2(_args, _params) {
+    }
+    return enqueueActions2.type = "xstate.enqueueActions", enqueueActions2.collect = collect, enqueueActions2.resolve = resolveEnqueueActions, enqueueActions2;
+  }
+  function resolveLog(_, snapshot, actionArgs, actionParams, {
+    value,
+    label: label2
+  }) {
+    return [snapshot, {
+      value: typeof value == "function" ? value(actionArgs, actionParams) : value,
+      label: label2
+    }, void 0];
+  }
+  function executeLog({
+    logger
+  }, {
+    value,
+    label: label2
+  }) {
+    label2 ? logger(label2, value) : logger(value);
+  }
+  function log(value = ({
+    context: context2,
+    event
+  }) => ({
+    context: context2,
+    event
+  }), label2) {
+    function log2(_args, _params) {
+    }
+    return log2.type = "xstate.log", log2.value = value, log2.label = label2, log2.resolve = resolveLog, log2.execute = executeLog, log2;
+  }
+  return log215998b6_cjs.SpecialTargets = SpecialTargets, log215998b6_cjs.emit = emit2, log215998b6_cjs.enqueueActions = enqueueActions, log215998b6_cjs.forwardTo = forwardTo, log215998b6_cjs.log = log, log215998b6_cjs.sendParent = sendParent, log215998b6_cjs.sendTo = sendTo, log215998b6_cjs;
+}
+var hasRequiredXstate_cjs;
+function requireXstate_cjs() {
+  if (hasRequiredXstate_cjs) return xstate_cjs;
+  hasRequiredXstate_cjs = 1, Object.defineProperty(xstate_cjs, "__esModule", { value: !0 });
+  var actors_dist_xstateActors = requireXstateActors_cjs(), guards_dist_xstateGuards = /* @__PURE__ */ requireRaise5872b9e8_cjs(), StateMachine = /* @__PURE__ */ requireStateMachine1cda96d3_cjs(), log = /* @__PURE__ */ requireLog215998b6_cjs(), assign2 = /* @__PURE__ */ requireAssignE9c344ea_cjs();
+  requireXstateDev_cjs();
+  function assertEvent(event, type) {
+    const types = guards_dist_xstateGuards.toArray(type);
+    if (!types.includes(event.type)) {
+      const typesText = types.length === 1 ? `type "${types[0]}"` : `one of types "${types.join('", "')}"`;
+      throw new Error(`Expected event ${JSON.stringify(event)} to have ${typesText}`);
+    }
+  }
   function createMachine(config, implementations) {
-    return new StateMachine(config, implementations);
+    return new StateMachine.StateMachine(config, implementations);
   }
   function createInertActorScope(actorLogic) {
     const self2 = guards_dist_xstateGuards.createActor(actorLogic);
@@ -34176,7 +34235,7 @@ ${err.message}`);
       }), done && sub.unsubscribe());
     });
   }
-  return xstate_cjs.createEmptyActor = actors_dist_xstateActors.createEmptyActor, xstate_cjs.fromCallback = actors_dist_xstateActors.fromCallback, xstate_cjs.fromEventObservable = actors_dist_xstateActors.fromEventObservable, xstate_cjs.fromObservable = actors_dist_xstateActors.fromObservable, xstate_cjs.fromPromise = actors_dist_xstateActors.fromPromise, xstate_cjs.fromTransition = actors_dist_xstateActors.fromTransition, xstate_cjs.Actor = guards_dist_xstateGuards.Actor, xstate_cjs.__unsafe_getAllOwnEventDescriptors = guards_dist_xstateGuards.getAllOwnEventDescriptors, xstate_cjs.and = guards_dist_xstateGuards.and, xstate_cjs.cancel = guards_dist_xstateGuards.cancel, xstate_cjs.createActor = guards_dist_xstateGuards.createActor, xstate_cjs.getStateNodes = guards_dist_xstateGuards.getStateNodes, xstate_cjs.interpret = guards_dist_xstateGuards.interpret, xstate_cjs.isMachineSnapshot = guards_dist_xstateGuards.isMachineSnapshot, xstate_cjs.matchesState = guards_dist_xstateGuards.matchesState, xstate_cjs.not = guards_dist_xstateGuards.not, xstate_cjs.or = guards_dist_xstateGuards.or, xstate_cjs.pathToStateValue = guards_dist_xstateGuards.pathToStateValue, xstate_cjs.raise = guards_dist_xstateGuards.raise, xstate_cjs.spawnChild = guards_dist_xstateGuards.spawnChild, xstate_cjs.stateIn = guards_dist_xstateGuards.stateIn, xstate_cjs.stop = guards_dist_xstateGuards.stop, xstate_cjs.stopChild = guards_dist_xstateGuards.stopChild, xstate_cjs.toObserver = guards_dist_xstateGuards.toObserver, xstate_cjs.SpecialTargets = log.SpecialTargets, xstate_cjs.assign = log.assign, xstate_cjs.emit = log.emit, xstate_cjs.enqueueActions = log.enqueueActions, xstate_cjs.forwardTo = log.forwardTo, xstate_cjs.log = log.log, xstate_cjs.sendParent = log.sendParent, xstate_cjs.sendTo = log.sendTo, xstate_cjs.SimulatedClock = SimulatedClock, xstate_cjs.StateMachine = StateMachine, xstate_cjs.StateNode = StateNode, xstate_cjs.assertEvent = assertEvent, xstate_cjs.createMachine = createMachine, xstate_cjs.getInitialSnapshot = getInitialSnapshot, xstate_cjs.getNextSnapshot = getNextSnapshot, xstate_cjs.initialTransition = initialTransition, xstate_cjs.setup = setup, xstate_cjs.toPromise = toPromise, xstate_cjs.transition = transition, xstate_cjs.waitFor = waitFor, xstate_cjs;
+  return xstate_cjs.createEmptyActor = actors_dist_xstateActors.createEmptyActor, xstate_cjs.fromCallback = actors_dist_xstateActors.fromCallback, xstate_cjs.fromEventObservable = actors_dist_xstateActors.fromEventObservable, xstate_cjs.fromObservable = actors_dist_xstateActors.fromObservable, xstate_cjs.fromPromise = actors_dist_xstateActors.fromPromise, xstate_cjs.fromTransition = actors_dist_xstateActors.fromTransition, xstate_cjs.Actor = guards_dist_xstateGuards.Actor, xstate_cjs.__unsafe_getAllOwnEventDescriptors = guards_dist_xstateGuards.getAllOwnEventDescriptors, xstate_cjs.and = guards_dist_xstateGuards.and, xstate_cjs.cancel = guards_dist_xstateGuards.cancel, xstate_cjs.createActor = guards_dist_xstateGuards.createActor, xstate_cjs.getStateNodes = guards_dist_xstateGuards.getStateNodes, xstate_cjs.interpret = guards_dist_xstateGuards.interpret, xstate_cjs.isMachineSnapshot = guards_dist_xstateGuards.isMachineSnapshot, xstate_cjs.matchesState = guards_dist_xstateGuards.matchesState, xstate_cjs.not = guards_dist_xstateGuards.not, xstate_cjs.or = guards_dist_xstateGuards.or, xstate_cjs.pathToStateValue = guards_dist_xstateGuards.pathToStateValue, xstate_cjs.raise = guards_dist_xstateGuards.raise, xstate_cjs.spawnChild = guards_dist_xstateGuards.spawnChild, xstate_cjs.stateIn = guards_dist_xstateGuards.stateIn, xstate_cjs.stop = guards_dist_xstateGuards.stop, xstate_cjs.stopChild = guards_dist_xstateGuards.stopChild, xstate_cjs.toObserver = guards_dist_xstateGuards.toObserver, xstate_cjs.StateMachine = StateMachine.StateMachine, xstate_cjs.StateNode = StateMachine.StateNode, xstate_cjs.SpecialTargets = log.SpecialTargets, xstate_cjs.emit = log.emit, xstate_cjs.enqueueActions = log.enqueueActions, xstate_cjs.forwardTo = log.forwardTo, xstate_cjs.log = log.log, xstate_cjs.sendParent = log.sendParent, xstate_cjs.sendTo = log.sendTo, xstate_cjs.assign = assign2.assign, xstate_cjs.SimulatedClock = SimulatedClock, xstate_cjs.assertEvent = assertEvent, xstate_cjs.createMachine = createMachine, xstate_cjs.getInitialSnapshot = getInitialSnapshot, xstate_cjs.getNextSnapshot = getNextSnapshot, xstate_cjs.initialTransition = initialTransition, xstate_cjs.setup = setup, xstate_cjs.toPromise = toPromise, xstate_cjs.transition = transition, xstate_cjs.waitFor = waitFor, xstate_cjs;
 }
 var hasRequiredXstateReact_cjs;
 function requireXstateReact_cjs() {
@@ -40219,10 +40278,8 @@ function requireUtil$1() {
     zipObject
   };
   function addDummyNode(g, type, attrs, name) {
-    let v;
-    do
+    for (var v = name; g.hasNode(v); )
       v = uniqueId(name);
-    while (g.hasNode(v));
     return attrs.dummy = type, g.setNode(v, attrs), v;
   }
   function simplify(g) {
@@ -40346,7 +40403,7 @@ function requireUtil$1() {
   let idCounter2 = 0;
   function uniqueId(prefix2) {
     var id2 = ++idCounter2;
-    return toString(prefix2) + id2;
+    return prefix2 + ("" + id2);
   }
   function range(start2, limit, step = 1) {
     limit == null && (limit = start2, start2 = 0);
@@ -40587,6 +40644,9 @@ function requireRank() {
   var rankUtil = requireUtil(), longestPath = rankUtil.longestPath, feasibleTree = requireFeasibleTree(), networkSimplex = requireNetworkSimplex();
   rank_1 = rank;
   function rank(g) {
+    var ranker = g.graph().ranker;
+    if (ranker instanceof Function)
+      return ranker(g);
     switch (g.graph().ranker) {
       case "network-simplex":
         networkSimplexRanker(g);
@@ -40597,6 +40657,8 @@ function requireRank() {
       case "longest-path":
         longestPathRanker(g);
         break;
+      case "none":
+        break;
       default:
         networkSimplexRanker(g);
     }
@@ -41293,7 +41355,7 @@ function requireLayout() {
       inputLabel.points = layoutLabel.points, Object.hasOwn(layoutLabel, "x") && (inputLabel.x = layoutLabel.x, inputLabel.y = layoutLabel.y);
     }), inputGraph.graph().width = layoutGraph.graph().width, inputGraph.graph().height = layoutGraph.graph().height;
   }
-  let graphNumAttrs = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], graphDefaults = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "tb" }, graphAttrs = ["acyclicer", "ranker", "rankdir", "align"], nodeNumAttrs = ["width", "height"], nodeDefaults = { width: 0, height: 0 }, edgeNumAttrs = ["minlen", "weight", "width", "height", "labeloffset"], edgeDefaults = {
+  let graphNumAttrs = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], graphDefaults = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "tb" }, graphAttrs = ["acyclicer", "ranker", "rankdir", "align"], nodeNumAttrs = ["width", "height", "rank"], nodeDefaults = { width: 0, height: 0 }, edgeNumAttrs = ["minlen", "weight", "width", "height", "labeloffset"], edgeDefaults = {
     minlen: 1,
     weight: 1,
     width: 0,
@@ -41482,7 +41544,7 @@ function requireDebug() {
 }
 var version, hasRequiredVersion;
 function requireVersion() {
-  return hasRequiredVersion || (hasRequiredVersion = 1, version = "1.1.4"), version;
+  return hasRequiredVersion || (hasRequiredVersion = 1, version = "1.1.5"), version;
 }
 var dagre$1, hasRequiredDagre;
 function requireDagre() {
@@ -50298,7 +50360,7 @@ const previewBg = css({
   component: RouteComponent$1
 });
 function RouteComponent$1() {
-  useDocumentTitle("LikeC4");
+  useDocumentTitle(pageTitle);
   const views = [...useLikeC4Model$1("layouted").views()];
   return /* @__PURE__ */ jsx(Container, { size: "xl", children: /* @__PURE__ */ jsx(
     SimpleGrid,
@@ -51481,7 +51543,8 @@ const cssExportView = css({
   margin: 0,
   marginRight: "auto",
   marginBottom: "auto",
-  background: "transparent"
+  background: "transparent",
+  overflow: "hidden"
 });
 css({
   position: "fixed",
@@ -51533,7 +51596,7 @@ function ExportPage() {
       if (!viewportRef.current)
         return;
       [...viewportRef.current.querySelectorAll(".react-flow__viewport")].forEach((el) => {
-        el.style.transform = "";
+        el.style.transform = "translate(" + padding + "px, " + padding + "px)";
       });
     }
   ), useDebouncedEffect(
@@ -51559,7 +51622,6 @@ function ExportPage() {
       "data-testid": "export-page",
       className: cx(cssExportView),
       style: {
-        padding,
         minWidth: width,
         width,
         minHeight: height,
@@ -51570,7 +51632,14 @@ function ExportPage() {
         /* @__PURE__ */ jsx(
           StaticLikeC4Diagram,
           {
-            view: diagram,
+            view: {
+              ...diagram,
+              bounds: {
+                ...diagram.bounds,
+                x: padding,
+                y: padding
+              }
+            },
             fitView: !1,
             fitViewPadding: 0,
             background: "transparent",
@@ -51643,7 +51712,7 @@ function ViewReact() {
       search: !0
     });
   }), title2 = view ? view.title ?? view.id : "View not found";
-  if (useDocumentTitle(title2 + " - LikeC4"), !view)
+  if (console.log(pageTitle), useDocumentTitle(`${title2} - ${pageTitle}`), !view)
     return /* @__PURE__ */ jsx(NotFound, {});
   const hasNotations = (view.notation?.nodes ?? []).length > 0;
   return /* @__PURE__ */ jsx(