likec4 1.56.0 → 1.58.0

package/react/index.d.mts

@@ -9,6 +9,7 @@ import { Color } from '@likec4/core/types';
 import { ComputedNodeStyle } from '@likec4/core/types';
 import { ComputedNodeStyle as ComputedNodeStyle_2 } from '@likec4/core';
 import { Context as Context_4 } from 'react';
+import { ControlButton } from '@xyflow/react';
 import { CSSProperties } from 'react';
 import { DependencyList } from 'react';
 import { DeploymentFqn } from '@likec4/core/types';
@@ -41,8 +42,9 @@ import { FunctionComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { HTMLMotionProps } from 'motion/react';
 import { IconUrl } from '@likec4/core/types';
-import { JSX } from 'react/jsx-runtime';
-import { JsxStyleProps } from '@likec4/styles/types';
+import { JSX } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JsxStyleProps } from '../../styled-system/types';
 import { LayoutedProjectsView } from '@likec4/core/compute-view';
 import { LayoutedView } from '@likec4/core/types';
 import { LayoutType } from '@likec4/core/types';
@@ -50,13 +52,16 @@ import { LikeC4Model } from '@likec4/core/model';
 import { LikeC4Project } from '@likec4/core/types';
 import { LikeC4Styles } from '@likec4/core/styles';
 import { LikeC4ViewModel } from '@likec4/core/model';
+import { MantineProviderProps } from '@mantine/core';
 import { MarkdownOrString } from '@likec4/core/types';
 import { MarkdownOrString as MarkdownOrString_2 } from '@likec4/core';
 import { MemoExoticComponent } from 'react';
+import { MiniMapNodeProps } from '@xyflow/react';
+import { MiniMapProps } from '@xyflow/react';
 import { MotionNodeLayoutOptions } from 'motion/react';
 import { MotionStyle } from 'motion/react';
 import { MouseEvent as MouseEvent_2 } from 'react';
-import { NavigationPanelRecipe } from '@likec4/styles/recipes';
+import { NavigationPanelRecipe } from '../../styled-system/recipes';
 import { Node as Node_2 } from '@xyflow/react';
 import { NodeChange } from '@xyflow/system';
 import { NodeChange as NodeChange_2 } from '@xyflow/react';
@@ -65,12 +70,15 @@ import { NodeId as NodeId_3 } from '@likec4/core';
 import { NodeModel } from '@likec4/core/model';
 import { NodeNotation } from '@likec4/core/types';
 import { NodeProps } from '@xyflow/react';
+import { NodeToolbar } from '@xyflow/react';
 import { NodeToolbarProps } from '@xyflow/react';
 import { NonEmptyArray } from '@likec4/core/types';
 import { NonEmptyObject } from 'type-fest';
 import { NonEmptyReadonlyArray } from '@likec4/core/types';
 import { OptionalKeysOf } from 'type-fest';
+import { PanelPosition } from '@xyflow/system';
 import { PartialDeep } from 'type-fest';
+import { Position } from '@xyflow/react';
 import { ProjectId } from '@likec4/core/types';
 import { ProjectId as ProjectId_2 } from '@likec4/core';
 import { PropsWithChildren } from 'react';
@@ -89,8 +97,8 @@ import { SetRequired } from 'type-fest';
 import { Simplify } from 'type-fest';
 import { SimplifyDeep } from 'type-fest';
 import { StepEdgeId } from '@likec4/core/types';
-import { StyleContextConsumer } from '@likec4/styles/jsx';
-import { StyleContextProvider } from '@likec4/styles/jsx';
+import { StyleContextConsumer } from '../../styled-system/jsx';
+import { StyleContextProvider } from '../../styled-system/jsx';
 import type * as t from '@likec4/core/types';
 import { UnknownLayouted as UnknownLayouted_2 } from '@likec4/core/types';
 import { UnstyledButtonProps } from '@mantine/core';
@@ -98,6 +106,7 @@ import { ViewChange } from '@likec4/core/types';
 import { ViewId } from '@likec4/core/types';
 import { ViewId as ViewId_3 } from '@likec4/core';
 import { Viewport } from '@xyflow/system';
+import { ViewportPortal } from '@xyflow/react';
 import { WhereOperator } from '@likec4/core/types';
 import { Without } from 'type-fest/source/merge-exclusive';
 import { XYPosition } from '@xyflow/system';
@@ -525,7 +534,7 @@ declare interface ActorSystem<T extends ActorSystemInfo> {
     get: <K extends keyof T['actors']>(key: K) => T['actors'][K] | undefined;
     getAll: () => Partial<T['actors']>;
     inspect: (observer: Observer<InspectionEvent> | ((inspectionEvent: InspectionEvent) => void)) => Subscription;
-    scheduler: Scheduler;
+    scheduler: Scheduler_2;
     getSnapshot: () => {
         _scheduledEvents: Record<string, ScheduledEvent>;
     };
@@ -856,6 +865,8 @@ export declare function DefaultHandles({ direction }: {
     direction?: AutoLayoutDirection | undefined;
 }): JSX.Element;
 
+export declare function DefaultMantineProvider({ children, theme, ...props }: MantineProviderProps): JSX.Element;
+
 declare type Delay<TDelay extends string> = TDelay | number;
 
 declare type DelayConfig<TContext extends MachineContext, TExpressionEvent extends EventObject, TParams extends ParameterizedObject['params'] | undefined, TEvent extends EventObject> = number | DelayExpr<TContext, TExpressionEvent, TParams, TEvent>;
@@ -991,7 +1002,21 @@ export declare interface DiagramApi<A extends Any_3 = Unknown_2> {
      * @warning Do not use in render phase
      */
     readonly currentView: t.DiagramView<A>;
+    /**
+     * Editor actor reference
+     * @warning Do not use in render phase
+     */
+    editorActor(): EditorActorRef;
+    /**
+     * Overlays actor reference
+     * @warning Do not use in render phase
+     */
     overlays(): OverlaysActorRef;
+    /**
+     * Search actor reference
+     * @warning Do not use in render phase
+     */
+    searchActor(): SearchActorRef;
     /**
      * Send event to diagram actor
      */
@@ -1425,16 +1450,20 @@ declare type EdgeId_3 = t.aux.EdgeId;
 
 declare interface EditorActorContext {
     viewId: t.ViewId;
-    pendingChanges: t.ViewChange[];
-    history: ReadonlyArray<HistorySnapshot>;
-    /**
-     * The state before editing started
-     */
-    beforeEditing: HistorySnapshot | null;
-    /**
-     * The subject of the edit
-     */
-    editing: 'node' | 'edge' | null;
+    history: LinkedSnapshot | null;
+    redo: LinkedSnapshot | null;
+    editing: null | {
+        /**
+         * The subject of the edit
+         */
+        subject: 'node' | 'edge';
+        /**
+         * The state before editing started
+         */
+        before: Snapshot_2;
+    };
+    syncQueue: Array<SyncOp>;
+    processing: Exclude<SyncOp, 'sync-snapshot'> | null;
 }
 
 declare type EditorActorEmitedEvent = {
@@ -1442,31 +1471,39 @@ declare type EditorActorEmitedEvent = {
 };
 
 declare type EditorActorEvent = {
-    type: 'sync';
-} | {
-    type: 'change';
+    type: 'change.view';
     change: t.ViewChange;
 } | {
-    type: 'edit.start';
-    subject: 'node' | 'edge';
+    type: 'change.semantic-layout';
+} | {
+    type: 'change.latest-to-manual';
 } | {
-    type: 'edit.finish';
-    wasChanged?: boolean;
+    type: 'change.sync-snapshot';
 } | {
-    type: 'applyLatestToManual';
+    type: 'delete.nodes-edges';
+    nodeIds: t.NodeId[];
+    edgeIds: t.EdgeId[];
 } | {
-    type: 'synced';
+    type: 'view.synched';
 } | {
     type: 'cancel';
 } | {
-    type: 'reset';
+    type: 'edit.move.start';
+    subject: 'node' | 'edge';
+} | {
+    type: 'edit.move.end';
+} | {
+    type: 'edit.move.cancel';
 } | HotKeyEvent_2;
 
 declare interface EditorActorInput {
     viewId: t.ViewId;
 }
 
-declare interface EditorActorLogic extends StateMachine<EditorActorContext, EditorActorEvent, any, any, any, any, any, 'idle' | 'editing' | 'pending' | 'afterEdit' | 'applyLatestToManual' | 'executeChanges', any, EditorActorInput, any, EditorActorEmitedEvent, any, any> {
+declare interface EditorActorLogic extends StateMachine<EditorActorContext, EditorActorEvent, any, any, any, any, any, {
+    editor: 'idle' | 'moving';
+    syncQueue: 'idle' | 'pending' | 'suspended' | 'process';
+}, EditorActorStateTag, EditorActorInput, any, EditorActorEmitedEvent, any, any> {
 }
 
 declare interface EditorActorRef extends ActorRef<EditorActorSnapshot, EditorActorEvent, EditorActorEmitedEvent> {
@@ -1474,6 +1511,8 @@ declare interface EditorActorRef extends ActorRef<EditorActorSnapshot, EditorAct
 
 declare type EditorActorSnapshot = SnapshotFrom<EditorActorLogic>;
 
+declare type EditorActorStateTag = 'pending' | 'busy' | 'ai-semantic-layout';
+
 declare type EffectCallback_2 = (...args: any[]) => any;
 
 declare type EffectHook<Callback extends EffectCallback_2 = EffectCallback_2, Deps extends DependencyList | undefined = DependencyList | undefined, RestArgs extends any[] = any[]> = ((...args: [Callback, Deps, ...RestArgs]) => void) | ((...args: [Callback, Deps]) => void);
@@ -1912,19 +1951,19 @@ declare type ExtractEvent<TEvent extends EventObject, TDescriptor extends EventD
 
 export declare type FeatureName = typeof FeatureNames[number];
 
-declare const FeatureNames: readonly ["Controls", "Editor", "ReadOnly", "FocusMode", "NavigateTo", "ElementDetails", "RelationshipDetails", "RelationshipBrowser", "Search", "NavigationButtons", "Notations", "DynamicViewWalkthrough", "FitView", "CompareWithLatest", "Notes", "Vscode", "ElementTags"];
+declare const FeatureNames: readonly ["Controls", "Editor", "AISemanticLayout", "ReadOnly", "FocusMode", "NavigateTo", "ElementDetails", "RelationshipDetails", "RelationshipBrowser", "Search", "NavigationButtons", "Notations", "DynamicViewWalkthrough", "FitView", "CompareWithLatest", "Notes", "Vscode", "ElementTags"];
 
 declare type Fqn_2<A> = t.aux.Fqn<A>;
 
 declare type Fqn_4<A> = t.aux.Fqn<A>;
 
-export declare const FramerMotionConfig: ({ reducedMotion, children, }: PropsWithChildren<{
+export declare function FramerMotionConfig({ reducedMotion, children, }: PropsWithChildren<{
     /**
      * If true, will respect the device prefersReducedMotion setting by switching
      * transform animations off.
      */
-    reducedMotion?: "always" | "never" | "user" | undefined;
-}>) => JSX.Element;
+    reducedMotion?: 'always' | 'never' | 'user' | undefined;
+}>): JSX.Element;
 
 declare type GetConcreteByKey<T, TKey extends keyof T, TValue extends T[TKey]> = T & Record<TKey, TValue>;
 
@@ -1950,14 +1989,6 @@ declare type GuardPredicate<TContext extends MachineContext, TExpressionEvent ex
     _out_TGuard?: TGuard;
 };
 
-declare type HistorySnapshot = {
-    view: t.LayoutedView;
-    change: t.ViewChange.SaveViewSnapshot;
-    xynodes: Types.Node[];
-    xyedges: Types.Edge[];
-    synched: boolean;
-};
-
 declare type HistoryValue<TContext extends MachineContext, TEvent extends EventObject> = Record<string, Array<StateNode<TContext, TEvent>>>;
 
 declare type HotKeyEvent = {
@@ -1965,7 +1996,7 @@ declare type HotKeyEvent = {
 };
 
 declare type HotKeyEvent_2 = {
-    type: 'undo';
+    type: 'undo' | 'redo';
 };
 
 declare type IconProps = {
@@ -2008,15 +2039,15 @@ export declare function IconRendererProvider({ value, children, }: PropsWithChil
 export declare function IfEnabled({ feature, children, and, }: PropsWithChildren<{
     feature: FeatureName;
     and?: boolean;
-}>): JSX.Element | null;
+}>): JSX_2.Element | null;
 
 export declare function IfNotEnabled({ feature, children }: PropsWithChildren<{
     feature: FeatureName;
-}>): JSX.Element | null;
+}>): JSX_2.Element | null;
 
-export declare function IfNotReadOnly({ children }: PropsWithChildren): JSX.Element | null;
+export declare function IfNotReadOnly({ children }: PropsWithChildren): JSX_2.Element | null;
 
-export declare function IfReadOnly({ children }: PropsWithChildren): JSX.Element | null;
+export declare function IfReadOnly({ children }: PropsWithChildren): JSX_2.Element | null;
 
 declare type InitialContext<TContext extends MachineContext, TActor extends ProvidedActor, TInput, TEvent extends EventObject> = TContext | ContextFactory<TContext, TActor, TInput, TEvent>;
 
@@ -2106,7 +2137,13 @@ declare interface InspectedSnapshotEvent extends BaseInspectionEventProperties {
     snapshot: Snapshot<unknown>;
 }
 
-declare type InspectionEvent = InspectedSnapshotEvent | InspectedEventEvent | InspectedActorEvent | InspectedMicrostepEvent | InspectedActionEvent;
+declare interface InspectedTransitionEvent extends BaseInspectionEventProperties {
+    type: '@xstate.transition';
+    event: AnyEventObject;
+    snapshot: Snapshot<unknown>;
+}
+
+declare type InspectionEvent = InspectedSnapshotEvent | InspectedEventEvent | InspectedActorEvent | InspectedTransitionEvent | InspectedMicrostepEvent | InspectedActionEvent;
 
 declare type InternalMachineImplementations<TTypes extends StateMachineTypes> = {
     actions?: MachineImplementationsActions<TTypes>;
@@ -2325,7 +2362,7 @@ export declare type LikeC4ColorScheme = 'light' | 'dark';
  *
  * Use {@link ReactLikeC4} or {@link LikeC4View} for ready-to-use component
  */
-export declare function LikeC4Diagram<A extends Any = Any>({ onCanvasClick, onCanvasContextMenu, onCanvasDblClick, onEdgeClick, onEdgeContextMenu, onNavigateTo, onNodeClick, onNodeContextMenu, onOpenSource, onLogoClick, onLayoutTypeChange, onInitialized, view, className, controls, fitView, fitViewPadding: _fitViewPadding, pannable, zoomable, background, enableElementTags, enableFocusMode, enableElementDetails, enableRelationshipDetails, enableRelationshipBrowser, enableCompareWithLatest, nodesSelectable, enableNotations, showNavigationButtons, enableDynamicViewWalkthrough, dynamicViewVariant, enableSearch, enableNotes, initialWidth, initialHeight, reduceGraphics, renderIcon, where, reactFlowProps, renderNodes, children, }: LikeC4DiagramProps<A>): JSX.Element;
+export declare function LikeC4Diagram<A extends Any = Any>({ onCanvasClick, onCanvasContextMenu, onCanvasDblClick, onEdgeClick, onEdgeContextMenu, onNavigateTo, onNodeClick, onNodeContextMenu, onOpenSource, onLogoClick, onLayoutTypeChange, onInitialized, view, className, controls, fitView, fitViewPadding: _fitViewPadding, pannable, zoomable, background, enableElementTags, enableFocusMode, enableElementDetails, enableRelationshipDetails, enableRelationshipBrowser, enableCompareWithLatest, nodesSelectable, enableNotations, showNavigationButtons, enableDynamicViewWalkthrough, dynamicViewVariant, enableSearch, enableNotes, initialWidth, initialHeight, reduceGraphics, renderIcon, where, reactFlowProps, renderNodes, children, }: LikeC4DiagramProps<A>): JSX_2.Element;
 
 export declare interface LikeC4DiagramEventHandlers<A extends Any_2 = Unknown> {
     onNavigateTo?: OnNavigateTo<A> | null | undefined;
@@ -2518,6 +2555,11 @@ export declare type LikeC4DiagramProps<A extends Any = Any> = PropsWithChildren<
  * Callbacks from LikeC4 Editor.
  */
 export declare interface LikeC4EditorCallbacks {
+    /**
+     * Apply semantic layout to a view (if AI is available)
+     * See vite-plugin settings for more details
+     */
+    applySemanticLayout?: undefined | ((viewId: t.ViewId) => Promise<void>);
     /**
      * Fetch a view by its ID and layout type.
      *
@@ -2561,7 +2603,7 @@ export declare type LikeC4EditorProviderProps = PropsWithChildren<{
 /**
  * Ensures LikeC4Model context
  */
-export declare function LikeC4ModelProvider({ children, likec4model, }: PropsWithChildren<LikeC4ModelProviderProps>): JSX.Element;
+export declare function LikeC4ModelProvider({ children, likec4model, }: PropsWithChildren<LikeC4ModelProviderProps>): JSX_2.Element;
 
 export declare interface LikeC4ModelProviderProps {
     likec4model: LikeC4Model<any>;
@@ -2572,7 +2614,7 @@ declare type LikeC4ProjectsContext = {
     onProjectChange: (id: ProjectId) => void;
 };
 
-export declare function LikeC4ProjectsOverview({ view, className, onNavigateToProject, ...props }: LikeC4ProjectsOverviewProps): JSX.Element;
+export declare function LikeC4ProjectsOverview({ view, className, onNavigateToProject, ...props }: LikeC4ProjectsOverviewProps): JSX_2.Element;
 
 export declare type LikeC4ProjectsOverviewProps = Simplify<ProjectsOverviewProps & {
     className?: string;
@@ -2582,7 +2624,7 @@ export declare type LikeC4ProjectsOverviewProps = Simplify<ProjectsOverviewProps
 /**
  * Ensures LikeC4Projects context
  */
-export declare function LikeC4ProjectsProvider({ children, projects, onProjectChange: _onProjectChange, }: PropsWithChildren<LikeC4ProjectsProviderProps>): JSX.Element;
+export declare function LikeC4ProjectsProvider({ children, projects, onProjectChange: _onProjectChange, }: PropsWithChildren<LikeC4ProjectsProviderProps>): JSX_2.Element;
 
 export declare interface LikeC4ProjectsProviderProps {
     /**
@@ -2604,7 +2646,7 @@ export declare interface LikeC4ProjectsProviderProps {
  *
  * Component is wrapped in ShadowRoot to isolate styles.
  */
-export declare function LikeC4View<A extends t.aux.Any = t.aux.UnknownLayouted>({ viewId, className, pannable, zoomable, keepAspectRatio, colorScheme, injectFontCss, controls, layoutType: initialLayoutType, background, browser, showNavigationButtons, enableNotations, enableFocusMode, enableDynamicViewWalkthrough, enableElementDetails, enableRelationshipDetails, enableRelationshipBrowser, enableNotes, reduceGraphics, mantineTheme, styleNonce, style, reactFlowProps, renderNodes, children, ...props }: LikeC4ViewProps<A>): JSX.Element;
+export declare function LikeC4View<A extends t.aux.Any = t.aux.UnknownLayouted>({ viewId, className, pannable, zoomable, keepAspectRatio, colorScheme, injectFontCss, controls, layoutType: initialLayoutType, background, browser, showNavigationButtons, enableNotations, enableFocusMode, enableDynamicViewWalkthrough, enableElementDetails, enableRelationshipDetails, enableRelationshipBrowser, enableNotes, reduceGraphics, mantineTheme, styleNonce, style, reactFlowProps, renderNodes, children, ...props }: LikeC4ViewProps<A>): JSX_2.Element;
 
 export declare interface LikeC4ViewProps<A extends t.aux.Any = t.aux.UnknownLayouted> {
     /**
@@ -2783,6 +2825,11 @@ export declare interface LikeC4ViewProps<A extends t.aux.Any = t.aux.UnknownLayo
 
 declare type LinearAlignmentMode = 'Left' | 'Center' | 'Right' | 'Top' | 'Middle' | 'Bottom';
 
+declare type LinkedSnapshot = {
+    head: Snapshot_2;
+    tail: LinkedSnapshot | null;
+};
+
 declare type LowInfer<T> = T & NonNullable<unknown>;
 
 declare type MachineConfig<TContext extends MachineContext, TEvent extends EventObject, TActor extends ProvidedActor = ProvidedActor, TAction extends ParameterizedObject = ParameterizedObject, TGuard extends ParameterizedObject = ParameterizedObject, TDelay extends string = string, TTag extends string = string, TInput = any, TOutput = unknown, TEmitted extends EventObject = EventObject, TMeta extends MetaObject = MetaObject> = (Omit<StateNodeConfig<DoNotInfer<TContext>, DoNotInfer<TEvent>, DoNotInfer<TActor>, DoNotInfer<TAction>, DoNotInfer<TGuard>, DoNotInfer<TDelay>, DoNotInfer<TTag>, DoNotInfer<TOutput>, DoNotInfer<TEmitted>, DoNotInfer<TMeta>>, 'output'> & {
@@ -2790,6 +2837,8 @@ declare type MachineConfig<TContext extends MachineContext, TEvent extends Event
     /** The machine's own version. */
     version?: string;
     output?: Mapper<TContext, DoneStateEvent, TOutput, TEvent> | TOutput;
+    /** Runtime options for machine execution. */
+    options?: MachineOptions;
 }) & (MachineContext extends TContext ? {
     context?: InitialContext<LowInfer<TContext>, TActor, TInput, TEvent>;
 } : {
@@ -2825,6 +2874,32 @@ declare interface MachineImplementationsSimplified<TContext extends MachineConte
     delays: DelayFunctionMap<TContext, TEvent, TAction>;
 }
 
+/**
+ * Runtime options for state machine execution.
+ *
+ * @example
+ *
+ * ```ts
+ * const machine = createMachine({
+ *   // ... machine config
+ *   options: {
+ *     maxIterations: 5000
+ *     // other runtime options can be added here
+ *   }
+ * });
+ * ```
+ */
+declare interface MachineOptions {
+    /**
+     * Maximum number of microsteps allowed before throwing an infinite loop
+     * error. Defaults to `Infinity` (no limit). Set to a finite number to enable
+     * infinite loop detection.
+     *
+     * @default Infinity
+     */
+    maxIterations?: number;
+}
+
 declare type MachineSnapshot<TContext extends MachineContext, TEvent extends EventObject, TChildren extends Record<string, AnyActorRef | undefined>, TStateValue extends StateValue, TTag extends string, TOutput, TMeta extends MetaObject, TStateSchema extends StateSchema> = ActiveMachineSnapshot<TContext, TEvent, TChildren, TStateValue, TTag, TOutput, TMeta, TStateSchema> | DoneMachineSnapshot<TContext, TEvent, TChildren, TStateValue, TTag, TOutput, TMeta, TStateSchema> | ErrorMachineSnapshot<TContext, TEvent, TChildren, TStateValue, TTag, TOutput, TMeta, TStateSchema> | StoppedMachineSnapshot<TContext, TEvent, TChildren, TStateValue, TTag, TOutput, TMeta, TStateSchema>;
 
 declare interface MachineSnapshotBase<TContext extends MachineContext, TEvent extends EventObject, TChildren extends Record<string, AnyActorRef | undefined>, TStateValue extends StateValue, TTag extends string, TOutput, TMeta, TStateSchema extends StateSchema = StateSchema> {
@@ -3089,7 +3164,15 @@ export declare const Overlay: ForwardRefExoticComponent<{
     backdrop?: {
         opacity?: number;
     };
+    /**
+     * Delay before showing the overlay content (in milliseconds) - helps to avoid flickering
+     * Default: `130ms`
+     * If set to `0`, the content will be shown immediately
+     */
     openDelay?: number;
+    /**
+     * Called when the overlay is closed by outside click or escape key
+     */
     onClose: () => void;
     onClick?: never;
 } & {
@@ -3131,7 +3214,15 @@ export declare type OverlayProps = PropsWithChildren<{
     backdrop?: {
         opacity?: number;
     };
+    /**
+     * Delay before showing the overlay content (in milliseconds) - helps to avoid flickering
+     * Default: `130ms`
+     * If set to `0`, the content will be shown immediately
+     */
     openDelay?: number;
+    /**
+     * Called when the overlay is closed by outside click or escape key
+     */
     onClose: () => void;
     onClick?: never;
 }>;
@@ -3252,7 +3343,7 @@ declare interface ProvidedActor {
  *
  * Component is wrapped in ShadowRoot to isolate styles.
  */
-export declare function ReactLikeC4<A extends t.aux.Any = t.aux.UnknownLayouted>({ viewId, layoutType: initialLayoutType, className, colorScheme, injectFontCss, enableNotations, keepAspectRatio, style, mantineTheme, styleNonce, ...props }: ReactLikeC4Props<A>): JSX.Element;
+export declare function ReactLikeC4<A extends t.aux.Any = t.aux.UnknownLayouted>({ viewId, layoutType: initialLayoutType, className, colorScheme, injectFontCss, enableNotations, keepAspectRatio, style, mantineTheme, styleNonce, ...props }: ReactLikeC4Props<A>): JSX_2.Element;
 
 export declare type ReactLikeC4Props<A extends t.aux.Any = t.aux.UnknownLayouted> = {
     viewId: t.aux.ViewId<A>;
@@ -3503,7 +3594,7 @@ declare interface ScheduledEvent {
     target: AnyActorRef;
 }
 
-declare interface Scheduler {
+declare interface Scheduler_2 {
     schedule(source: AnyActorRef, target: AnyActorRef, event: EventObject, delay: number, id: string | undefined): void;
     cancel(source: AnyActorRef, id: string): void;
     cancelAll(actorRef: AnyActorRef): void;
@@ -3567,7 +3658,7 @@ export declare interface SearchContextValue {
 
 export declare function SearchControl({ className, ...others }: SearchControlProps): JSX.Element;
 
-declare interface SearchControlProps extends UnstyledButtonProps, ElementProps<'button'> {
+declare interface SearchControlProps extends Omit<UnstyledButtonProps, 'className'>, ElementProps<'button'> {
 }
 
 export declare const searchDialogCss: string;
@@ -3576,7 +3667,7 @@ export declare const searchDialogCss: string;
  * The shared search panel content used by both diagram and overview search.
  * Must be rendered inside a SearchContext.Provider.
  */
-export declare const SearchPanelContent: MemoExoticComponent<() => JSX.Element>;
+export declare const SearchPanelContent: ForwardRefExoticComponent<RefAttributes<HTMLDivElement>>;
 
 export declare function SequenceActorNode(props: Types.NodeProps<'seq-actor'>): JSX.Element;
 
@@ -3601,24 +3692,6 @@ declare function setHovered<T extends WithHovered>(value: T, hovered: boolean):
 
 declare function setHovered(hovered: boolean): <T extends WithHovered>(value: T) => T;
 
-declare const ShadowRoot_2: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    injectFontCss?: boolean | undefined;
-    styleNonce?: string | (() => string) | undefined;
-    mode?: "open" | "closed";
-    delegatesFocus?: boolean;
-    colorScheme?: "light" | "dark" | undefined;
-    keepAspectRatio?: false | undefined | {
-        width: number;
-        height: number;
-    };
-    /**
-     * Mantine theme override to apply within the shadow root
-     * @see https://mantine.dev/theming/mantine-provider/#theme-prop
-     */
-    theme?: any;
-} & RefAttributes<HTMLDivElement>>;
-export { ShadowRoot_2 as ShadowRoot }
-
 declare type SingleOrArray<T> = readonly T[] | T;
 
 declare type SlotProps = {
@@ -3646,6 +3719,13 @@ declare type Snapshot<TOutput> = {
     error: undefined;
 };
 
+declare type Snapshot_2 = {
+    view: t.LayoutedView;
+    change: t.ViewChange.SaveViewSnapshot;
+    xynodes: Types.Node[];
+    xyedges: Types.Edge[];
+};
+
 declare interface SnapshotEvent<TSnapshot extends Snapshot<unknown> = Snapshot<unknown>> extends EventObject {
     type: `xstate.snapshot.${string}`;
     snapshot: TSnapshot;
@@ -3707,6 +3787,8 @@ declare class StateMachine<TContext extends MachineContext, TEvent extends Event
     version?: string;
     schemas: unknown;
     implementations: MachineImplementationsSimplified<TContext, TEvent>;
+    /** Runtime options for machine execution. */
+    options: MachineOptions;
     root: StateNode<TContext, TEvent>;
     id: string;
     states: StateNode<TContext, TEvent>['states'];
@@ -4079,6 +4161,8 @@ declare interface Subscription {
 
 declare const symbolObservable: typeof Symbol.observable;
 
+declare type SyncOp = t.ViewChange | 'sync-snapshot' | 'apply-semantic-layout' | 'apply-latest-to-manual';
+
 declare type System = ActorSystem<{
     actors: {
         diagram: DiagramMachineRef;
@@ -4262,12 +4346,14 @@ export declare namespace Types {
     export type RelationshipEdgeData = Simplify<BaseEdgeData & NonOptional<Pick<DiagramEdge, 'id' | 'label' | 'labelBBox' | 'technology' | 'points' | 'dir' | 'color' | 'line' | 'head' | 'tail' | 'navigateTo' | 'astPath' | 'drifts'>> & {
         notes: MarkdownOrString | null;
         labelXY: XYPosition | null;
+        isLabelCustomized?: boolean | undefined;
         controlPoints: XYPosition[] | undefined | null;
     }>;
     export type SequenceStepEdgeData = Simplify<BaseEdgeData & NonOptional<Pick<DiagramEdge, 'id' | 'label' | 'technology' | 'points' | 'dir' | 'color' | 'line' | 'head' | 'tail' | 'navigateTo' | 'astPath' | 'drifts'>> & {
         notes: MarkdownOrString | null;
         labelXY: XYPosition | null;
         labelBBox: BBox;
+        isLabelCustomized?: boolean | undefined;
         controlPoints: XYPosition[] | undefined | null;
     }>;
     export type RelationshipEdge = BaseEdge<RelationshipEdgeData, 'relationship'>;
@@ -4543,6 +4629,21 @@ declare type WithHovered = {
     };
 };
 
+export declare const xyflow: {
+    readonly ControlButton: typeof ControlButton;
+    readonly MiniMap: {
+        ({ style, className, nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent, bgColor, maskColor, maskStrokeColor, maskStrokeWidth, position, onClick, onNodeClick, pannable, zoomable, ariaLabel, inversePan, zoomStep, offsetScale, }: MiniMapProps<Types.AnyNode>): JSX.Element;
+        displayName: string;
+    };
+    readonly MiniMapNode: MemoExoticComponent<({ id, x, y, width, height, style, color, strokeColor, strokeWidth, className, borderRadius, shapeRendering, selected, onClick, }: MiniMapNodeProps) => JSX.Element>;
+    readonly NodeToolbar: typeof NodeToolbar;
+    readonly Panel: ForwardRefExoticComponent< HTMLAttributes<HTMLDivElement> & {
+        position?: PanelPosition;
+    } & RefAttributes<HTMLDivElement>>;
+    readonly Position: typeof Position;
+    readonly ViewportPortal: typeof ViewportPortal;
+};
+
 declare type XYFLowInstance = ReactFlowInstance<RelationshipsBrowserTypes.AnyNode, RelationshipsBrowserTypes.Edge>;
 
 declare type XYFlowInstance = ReactFlowInstance<Types.AnyNode, Types.AnyEdge>;
@@ -4564,7 +4665,7 @@ declare type XYStoreApi_3 = {
     getState: () => XYStoreState_3;
 };
 
-declare type XYStoreState = ReactFlowState<Types.AnyNode, Types.AnyEdge>;
+export declare type XYStoreState = ReactFlowState<Types.AnyNode, Types.AnyEdge>;
 
 declare type XYStoreState_2 = ReactFlowState<RelationshipsBrowserTypes.AnyNode, RelationshipsBrowserTypes.Edge>;