@umodeapporg/ui 0.23.0 → 0.23.1

package/dist/components/UI/Flow/FlowResizablePanel.js

@@ -1,117 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useCallback, useState, useRef, useEffect } from "react";
-import classNames from "classnames";
-import { useTranslation } from "react-i18next";
-import { twMerge } from "tailwind-merge";
-import ControlledButton from "../../Form/ControlledButton.js";
-import ControlledTooltip from "../ControlledTooltip.js";
-import { writeUiPreference, readUiPreference } from "../../../helpers/uiPreferences.js";
-const PANEL_WIDTHS_KEY = "umode-flow-panel-widths";
-const KEYBOARD_RESIZE_STEP = 24;
-const readStoredWidths = () => readUiPreference(PANEL_WIDTHS_KEY) ?? {};
-const FlowResizablePanel = ({
-  handleSide,
-  defaultWidth,
-  minWidth,
-  maxWidth,
-  storageKey,
-  className,
-  children
-}) => {
-  const { t } = useTranslation("ui");
-  const clampWidth = useCallback(
-    (width2) => Math.min(maxWidth, Math.max(minWidth, Math.round(width2))),
-    [minWidth, maxWidth]
-  );
-  const [width, setWidth] = useState(() => {
-    const stored = storageKey ? readStoredWidths()[storageKey] : void 0;
-    return clampWidth(typeof stored === "number" ? stored : defaultWidth);
-  });
-  const [isResizing, setIsResizing] = useState(false);
-  const resizeStartRef = useRef(null);
-  const widthRef = useRef(width);
-  widthRef.current = width;
-  const persistWidth = useCallback(
-    (nextWidth) => {
-      if (!storageKey) return;
-      writeUiPreference(PANEL_WIDTHS_KEY, { ...readStoredWidths(), [storageKey]: nextWidth });
-    },
-    [storageKey]
-  );
-  useEffect(() => setWidth((current) => clampWidth(current)), [clampWidth]);
-  const handlePointerDown = (event) => {
-    event.preventDefault();
-    resizeStartRef.current = { pointerX: event.clientX, width: widthRef.current };
-    setIsResizing(true);
-    event.currentTarget.setPointerCapture(event.pointerId);
-  };
-  const handlePointerMove = (event) => {
-    const resizeStart = resizeStartRef.current;
-    if (!resizeStart) return;
-    const pointerDelta = event.clientX - resizeStart.pointerX;
-    setWidth(clampWidth(resizeStart.width + (handleSide === "right" ? pointerDelta : -pointerDelta)));
-  };
-  const handlePointerEnd = (event) => {
-    if (!resizeStartRef.current) return;
-    resizeStartRef.current = null;
-    setIsResizing(false);
-    persistWidth(widthRef.current);
-    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
-      event.currentTarget.releasePointerCapture(event.pointerId);
-    }
-  };
-  const handleKeyDown = (event) => {
-    if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
-    event.preventDefault();
-    const pointerDirection = event.key === "ArrowRight" ? 1 : -1;
-    const nextWidth = clampWidth(
-      widthRef.current + (handleSide === "right" ? pointerDirection : -pointerDirection) * KEYBOARD_RESIZE_STEP
-    );
-    setWidth(nextWidth);
-    persistWidth(nextWidth);
-  };
-  const handleReset = () => {
-    const nextWidth = clampWidth(defaultWidth);
-    setWidth(nextWidth);
-    persistWidth(nextWidth);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: twMerge("relative w-full shrink-0 lg:w-[var(--flow-panel-width)]", className),
-      style: { "--flow-panel-width": `${width}px` },
-      children: [
-        children,
-        /* @__PURE__ */ jsx(ControlledTooltip, { content: t("flow.resizePanel"), placement: handleSide === "right" ? "right" : "left", children: /* @__PURE__ */ jsx(
-          ControlledButton,
-          {
-            defaultHtmlButton: true,
-            onPointerDown: handlePointerDown,
-            onPointerMove: handlePointerMove,
-            onPointerUp: handlePointerEnd,
-            onPointerCancel: handlePointerEnd,
-            onKeyDown: handleKeyDown,
-            onDoubleClick: handleReset,
-            className: classNames(
-              "group/resize absolute inset-y-0 z-10 hidden w-3 cursor-col-resize touch-none select-none items-center justify-center focus:outline-none lg:flex",
-              handleSide === "right" ? "-right-3" : "-left-3"
-            ),
-            children: /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: classNames(
-                  "h-full w-0.5 rounded-full transition-colors duration-base",
-                  isResizing ? "bg-brand-hover" : "bg-transparent group-hover/resize:bg-brand-hover"
-                )
-              }
-            )
-          }
-        ) })
-      ]
-    }
-  );
-};
-export {
-  FlowResizablePanel as default
-};
-//# sourceMappingURL=FlowResizablePanel.js.map

package/dist/components/UI/Flow/FlowResizablePanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowResizablePanel.js","sources":["../../../../src/components/UI/Flow/FlowResizablePanel.tsx"],"sourcesContent":["import { CSSProperties, ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport { twMerge } from 'tailwind-merge';\n\nimport ControlledButton from '@/components/Form/ControlledButton';\nimport ControlledTooltip from '@/components/UI/ControlledTooltip';\nimport { readUiPreference, writeUiPreference } from '@/helpers/uiPreferences';\n\nconst PANEL_WIDTHS_KEY = 'umode-flow-panel-widths';\nconst KEYBOARD_RESIZE_STEP = 24;\n\nexport interface IFlowResizablePanelProps {\n  /** Which edge carries the drag handle: the one that faces the canvas. */\n  handleSide: 'left' | 'right';\n  /** Widths in px, like any pointer-driven geometry. */\n  defaultWidth: number;\n  minWidth: number;\n  maxWidth: number;\n  /** Remembers the width the user chose, per panel, across visits. */\n  storageKey?: string;\n  className?: string;\n  children: ReactNode;\n}\n\nconst readStoredWidths = (): Record<string, number> => readUiPreference<Record<string, number>>(PANEL_WIDTHS_KEY) ?? {};\n\n/**\n * A side panel of the flow editor that the user can widen or narrow by dragging the edge facing\n * the canvas (arrow keys on the focused handle, double click resets). Below `lg` it takes the full\n * width and the handle hides: stacked under the canvas there is nothing to resize against.\n */\nconst FlowResizablePanel: React.FC<IFlowResizablePanelProps> = ({\n  handleSide,\n  defaultWidth,\n  minWidth,\n  maxWidth,\n  storageKey,\n  className,\n  children,\n}) => {\n  const { t } = useTranslation('ui');\n  const clampWidth = useCallback(\n    (width: number) => Math.min(maxWidth, Math.max(minWidth, Math.round(width))),\n    [minWidth, maxWidth],\n  );\n  const [width, setWidth] = useState(() => {\n    const stored = storageKey ? readStoredWidths()[storageKey] : undefined;\n    return clampWidth(typeof stored === 'number' ? stored : defaultWidth);\n  });\n  const [isResizing, setIsResizing] = useState(false);\n  const resizeStartRef = useRef<{ pointerX: number; width: number } | null>(null);\n  const widthRef = useRef(width);\n  widthRef.current = width;\n\n  const persistWidth = useCallback(\n    (nextWidth: number) => {\n      if (!storageKey) return;\n      writeUiPreference(PANEL_WIDTHS_KEY, { ...readStoredWidths(), [storageKey]: nextWidth });\n    },\n    [storageKey],\n  );\n\n  useEffect(() => setWidth((current) => clampWidth(current)), [clampWidth]);\n\n  const handlePointerDown = (event: React.PointerEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    resizeStartRef.current = { pointerX: event.clientX, width: widthRef.current };\n    setIsResizing(true);\n    event.currentTarget.setPointerCapture(event.pointerId);\n  };\n\n  const handlePointerMove = (event: React.PointerEvent<HTMLButtonElement>) => {\n    const resizeStart = resizeStartRef.current;\n    if (!resizeStart) return;\n    const pointerDelta = event.clientX - resizeStart.pointerX;\n    setWidth(clampWidth(resizeStart.width + (handleSide === 'right' ? pointerDelta : -pointerDelta)));\n  };\n\n  const handlePointerEnd = (event: React.PointerEvent<HTMLButtonElement>) => {\n    if (!resizeStartRef.current) return;\n    resizeStartRef.current = null;\n    setIsResizing(false);\n    persistWidth(widthRef.current);\n    if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n      event.currentTarget.releasePointerCapture(event.pointerId);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n    event.preventDefault();\n    const pointerDirection = event.key === 'ArrowRight' ? 1 : -1;\n    const nextWidth = clampWidth(\n      widthRef.current + (handleSide === 'right' ? pointerDirection : -pointerDirection) * KEYBOARD_RESIZE_STEP,\n    );\n    setWidth(nextWidth);\n    persistWidth(nextWidth);\n  };\n\n  const handleReset = () => {\n    const nextWidth = clampWidth(defaultWidth);\n    setWidth(nextWidth);\n    persistWidth(nextWidth);\n  };\n\n  return (\n    <div\n      className={twMerge('relative w-full shrink-0 lg:w-[var(--flow-panel-width)]', className)}\n      style={{ '--flow-panel-width': `${width}px` } as CSSProperties}\n    >\n      {children}\n      <ControlledTooltip content={t('flow.resizePanel')} placement={handleSide === 'right' ? 'right' : 'left'}>\n        <ControlledButton\n          defaultHtmlButton\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerEnd}\n          onPointerCancel={handlePointerEnd}\n          onKeyDown={handleKeyDown}\n          onDoubleClick={handleReset}\n          className={classNames(\n            'group/resize absolute inset-y-0 z-10 hidden w-3 cursor-col-resize touch-none select-none items-center justify-center focus:outline-none lg:flex',\n            handleSide === 'right' ? '-right-3' : '-left-3',\n          )}\n        >\n          <span\n            className={classNames(\n              'h-full w-0.5 rounded-full transition-colors duration-base',\n              isResizing ? 'bg-brand-hover' : 'bg-transparent group-hover/resize:bg-brand-hover',\n            )}\n          />\n        </ControlledButton>\n      </ControlledTooltip>\n    </div>\n  );\n};\n\nexport default FlowResizablePanel;\n"],"names":["width"],"mappings":"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"}

package/dist/components/UI/Flow/FlowZoomControls.d.ts

@@ -1,12 +0,0 @@
-import { PanelPosition } from '@xyflow/react';
-interface IFlowZoomControlsProps {
-    onUndo?: () => void;
-    onRedo?: () => void;
-    canUndo?: boolean;
-    canRedo?: boolean;
-    onLayout?: () => void;
-    position?: PanelPosition;
-}
-/** Zoom, fit and history controls drawn with the library's own buttons. */
-declare const FlowZoomControls: React.FC<IFlowZoomControlsProps>;
-export default FlowZoomControls;

package/dist/components/UI/Flow/FlowZoomControls.js

@@ -1,53 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import ControlledButton from "../../Form/ControlledButton.js";
-import ControlledTooltip from "../ControlledTooltip.js";
-import { MaterialSymbol } from "../MaterialSymbol/index.js";
-import { useReactFlow, Panel } from "@xyflow/react";
-const ControlButton = ({ icon, label, onClick, disabled }) => /* @__PURE__ */ jsx(ControlledTooltip, { content: label, placement: "right", children: /* @__PURE__ */ jsx(
-  ControlledButton,
-  {
-    defaultHtmlButton: true,
-    onClick,
-    disabled,
-    className: "interactive flex size-8 items-center justify-center rounded-lg text-foreground-muted hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40",
-    children: /* @__PURE__ */ jsx(MaterialSymbol, { icon, size: 18, "aria-hidden": true })
-  }
-) });
-const FlowZoomControls = ({
-  onUndo,
-  onRedo,
-  canUndo,
-  canRedo,
-  onLayout,
-  position = "top-left"
-}) => {
-  const { t } = useTranslation("ui");
-  const { zoomIn, zoomOut, fitView } = useReactFlow();
-  return /* @__PURE__ */ jsxs(
-    Panel,
-    {
-      position,
-      className: "flex flex-col gap-y-1 rounded-xl border border-border bg-surface p-1 shadow-sm",
-      children: [
-        /* @__PURE__ */ jsx(ControlButton, { icon: "add", label: t("flow.controls.zoomIn"), onClick: () => void zoomIn() }),
-        /* @__PURE__ */ jsx(ControlButton, { icon: "remove", label: t("flow.controls.zoomOut"), onClick: () => void zoomOut() }),
-        /* @__PURE__ */ jsx(
-          ControlButton,
-          {
-            icon: "fit_screen",
-            label: t("flow.controls.fitView"),
-            onClick: () => void fitView({ padding: 0.2 })
-          }
-        ),
-        onLayout && /* @__PURE__ */ jsx(ControlButton, { icon: "account_tree", label: t("flow.controls.layout"), onClick: onLayout }),
-        onUndo && /* @__PURE__ */ jsx(ControlButton, { icon: "undo", label: t("flow.controls.undo"), onClick: onUndo, disabled: !canUndo }),
-        onRedo && /* @__PURE__ */ jsx(ControlButton, { icon: "redo", label: t("flow.controls.redo"), onClick: onRedo, disabled: !canRedo })
-      ]
-    }
-  );
-};
-export {
-  FlowZoomControls as default
-};
-//# sourceMappingURL=FlowZoomControls.js.map

package/dist/components/UI/Flow/FlowZoomControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowZoomControls.js","sources":["../../../../src/components/UI/Flow/FlowZoomControls.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\nimport ControlledButton from '@/components/Form/ControlledButton';\nimport ControlledTooltip from '@/components/UI/ControlledTooltip';\nimport { MaterialSymbol, SymbolCodepoints } from '@/components/UI/MaterialSymbol';\nimport { Panel, type PanelPosition, useReactFlow } from '@xyflow/react';\n\ninterface IFlowZoomControlsProps {\n  onUndo?: () => void;\n  onRedo?: () => void;\n  canUndo?: boolean;\n  canRedo?: boolean;\n  onLayout?: () => void;\n  position?: PanelPosition;\n}\n\ninterface IControlButtonProps {\n  icon: SymbolCodepoints;\n  label: string;\n  onClick: () => void;\n  disabled?: boolean;\n}\n\nconst ControlButton: React.FC<IControlButtonProps> = ({ icon, label, onClick, disabled }) => (\n  <ControlledTooltip content={label} placement=\"right\">\n    <ControlledButton\n      defaultHtmlButton\n      onClick={onClick}\n      disabled={disabled}\n      className=\"interactive flex size-8 items-center justify-center rounded-lg text-foreground-muted hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40\"\n    >\n      <MaterialSymbol icon={icon} size={18} aria-hidden />\n    </ControlledButton>\n  </ControlledTooltip>\n);\n\n/** Zoom, fit and history controls drawn with the library's own buttons. */\nconst FlowZoomControls: React.FC<IFlowZoomControlsProps> = ({\n  onUndo,\n  onRedo,\n  canUndo,\n  canRedo,\n  onLayout,\n  position = 'top-left',\n}) => {\n  const { t } = useTranslation('ui');\n  const { zoomIn, zoomOut, fitView } = useReactFlow();\n\n  return (\n    <Panel\n      position={position}\n      className=\"flex flex-col gap-y-1 rounded-xl border border-border bg-surface p-1 shadow-sm\"\n    >\n      <ControlButton icon=\"add\" label={t('flow.controls.zoomIn')} onClick={() => void zoomIn()} />\n      <ControlButton icon=\"remove\" label={t('flow.controls.zoomOut')} onClick={() => void zoomOut()} />\n      <ControlButton\n        icon=\"fit_screen\"\n        label={t('flow.controls.fitView')}\n        onClick={() => void fitView({ padding: 0.2 })}\n      />\n      {onLayout && <ControlButton icon=\"account_tree\" label={t('flow.controls.layout')} onClick={onLayout} />}\n      {onUndo && <ControlButton icon=\"undo\" label={t('flow.controls.undo')} onClick={onUndo} disabled={!canUndo} />}\n      {onRedo && <ControlButton icon=\"redo\" label={t('flow.controls.redo')} onClick={onRedo} disabled={!canRedo} />}\n    </Panel>\n  );\n};\n\nexport default FlowZoomControls;\n"],"names":[],"mappings":";;;;;;AAuBA,MAAM,gBAA+C,CAAC,EAAE,MAAM,OAAO,SAAS,SAAA,MAC5E,oBAAC,mBAAA,EAAkB,SAAS,OAAO,WAAU,SAC3C,UAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,mBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA,WAAU;AAAA,IAEV,8BAAC,gBAAA,EAAe,MAAY,MAAM,IAAI,eAAW,KAAA,CAAC;AAAA,EAAA;AACpD,GACF;AAIF,MAAM,mBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAM;AACJ,QAAM,EAAE,EAAA,IAAM,eAAe,IAAI;AACjC,QAAM,EAAE,QAAQ,SAAS,QAAA,IAAY,aAAA;AAErC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,eAAA,EAAc,MAAK,OAAM,OAAO,EAAE,sBAAsB,GAAG,SAAS,MAAM,KAAK,OAAA,EAAO,CAAG;AAAA,QAC1F,oBAAC,eAAA,EAAc,MAAK,UAAS,OAAO,EAAE,uBAAuB,GAAG,SAAS,MAAM,KAAK,QAAA,EAAQ,CAAG;AAAA,QAC/F;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO,EAAE,uBAAuB;AAAA,YAChC,SAAS,MAAM,KAAK,QAAQ,EAAE,SAAS,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAE7C,YAAY,oBAAC,eAAA,EAAc,MAAK,gBAAe,OAAO,EAAE,sBAAsB,GAAG,SAAS,SAAA,CAAU;AAAA,QACpG,UAAU,oBAAC,eAAA,EAAc,MAAK,QAAO,OAAO,EAAE,oBAAoB,GAAG,SAAS,QAAQ,UAAU,CAAC,QAAA,CAAS;AAAA,QAC1G,UAAU,oBAAC,eAAA,EAAc,MAAK,QAAO,OAAO,EAAE,oBAAoB,GAAG,SAAS,QAAQ,UAAU,CAAC,QAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjH;"}

package/dist/components/UI/Flow/flowBlockRegistry.d.ts

@@ -1,12 +0,0 @@
-import { IFlowBlockDefinition, TFlowBlockCategory } from './flowTypes';
-export interface IFlowBlockRegistry {
-    list: Array<IFlowBlockDefinition>;
-    get: (type: string) => IFlowBlockDefinition | undefined;
-    byCategory: (category: TFlowBlockCategory) => Array<IFlowBlockDefinition>;
-}
-/**
- * Erases the config type so blocks with different configs live in one registry. The
- * canvas only hands each block the config it created, so the cast never crosses blocks.
- */
-export declare const defineFlowBlock: <TConfig>(definition: IFlowBlockDefinition<TConfig>) => IFlowBlockDefinition;
-export declare const createFlowBlockRegistry: (definitions: Array<IFlowBlockDefinition>) => IFlowBlockRegistry;

package/dist/components/UI/Flow/flowBlockRegistry.js

@@ -1,15 +0,0 @@
-const defineFlowBlock = (definition) => definition;
-const createFlowBlockRegistry = (definitions) => {
-  const safeDefinitions = Array.isArray(definitions) ? definitions : [];
-  const byType = new Map(safeDefinitions.map((definition) => [definition.type, definition]));
-  return {
-    list: safeDefinitions,
-    get: (type) => byType.get(type),
-    byCategory: (category) => safeDefinitions.filter((definition) => definition.category === category)
-  };
-};
-export {
-  createFlowBlockRegistry,
-  defineFlowBlock
-};
-//# sourceMappingURL=flowBlockRegistry.js.map

package/dist/components/UI/Flow/flowBlockRegistry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flowBlockRegistry.js","sources":["../../../../src/components/UI/Flow/flowBlockRegistry.ts"],"sourcesContent":["import type { IFlowBlockDefinition, TFlowBlockCategory } from './flowTypes';\n\nexport interface IFlowBlockRegistry {\n  list: Array<IFlowBlockDefinition>;\n  get: (type: string) => IFlowBlockDefinition | undefined;\n  byCategory: (category: TFlowBlockCategory) => Array<IFlowBlockDefinition>;\n}\n\n/**\n * Erases the config type so blocks with different configs live in one registry. The\n * canvas only hands each block the config it created, so the cast never crosses blocks.\n */\nexport const defineFlowBlock = <TConfig>(definition: IFlowBlockDefinition<TConfig>): IFlowBlockDefinition =>\n  definition as unknown as IFlowBlockDefinition;\n\nexport const createFlowBlockRegistry = (definitions: Array<IFlowBlockDefinition>): IFlowBlockRegistry => {\n  const safeDefinitions = Array.isArray(definitions) ? definitions : [];\n  const byType = new Map(safeDefinitions.map((definition) => [definition.type, definition]));\n\n  return {\n    list: safeDefinitions,\n    get: (type) => byType.get(type),\n    byCategory: (category) => safeDefinitions.filter((definition) => definition.category === category),\n  };\n};\n"],"names":[],"mappings":"AAYO,MAAM,kBAAkB,CAAU,eACvC;AAEK,MAAM,0BAA0B,CAAC,gBAAiE;AACvG,QAAM,kBAAkB,MAAM,QAAQ,WAAW,IAAI,cAAc,CAAA;AACnE,QAAM,SAAS,IAAI,IAAI,gBAAgB,IAAI,CAAC,eAAe,CAAC,WAAW,MAAM,UAAU,CAAC,CAAC;AAEzF,SAAO;AAAA,IACL,MAAM;AAAA,IACN,KAAK,CAAC,SAAS,OAAO,IAAI,IAAI;AAAA,IAC9B,YAAY,CAAC,aAAa,gBAAgB,OAAO,CAAC,eAAe,WAAW,aAAa,QAAQ;AAAA,EAAA;AAErG;"}

package/dist/components/UI/Flow/flowConstants.d.ts

@@ -1,2 +0,0 @@
-/** The MIME type a palette item puts on the drag so the canvas knows which block was dropped. */
-export declare const FLOW_BLOCK_DRAG_TYPE = "application/x-umode-flow-block";

package/dist/components/UI/Flow/flowConstants.js

@@ -1,5 +0,0 @@
-const FLOW_BLOCK_DRAG_TYPE = "application/x-umode-flow-block";
-export {
-  FLOW_BLOCK_DRAG_TYPE
-};
-//# sourceMappingURL=flowConstants.js.map

package/dist/components/UI/Flow/flowConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flowConstants.js","sources":["../../../../src/components/UI/Flow/flowConstants.ts"],"sourcesContent":["/** The MIME type a palette item puts on the drag so the canvas knows which block was dropped. */\nexport const FLOW_BLOCK_DRAG_TYPE = 'application/x-umode-flow-block';\n"],"names":[],"mappings":"AACO,MAAM,uBAAuB;"}

package/dist/components/UI/Flow/flowEditorStore.d.ts

@@ -1,44 +0,0 @@
-import { StoreApi } from 'zustand/vanilla';
-import { IFlowBlockRegistry } from './flowBlockRegistry';
-import { IFlowGraph, IFlowNode, IFlowPosition, TFlowPortId } from './flowTypes';
-export interface IFlowEditorState {
-    graph: IFlowGraph;
-    selectedNodeIds: Array<string>;
-    selectedEdgeIds: Array<string>;
-    past: Array<IFlowGraph>;
-    future: Array<IFlowGraph>;
-    clipboard: Array<IFlowNode>;
-    isDirty: boolean;
-    replaceGraph: (graph: IFlowGraph, options?: {
-        keepHistory?: boolean;
-    }) => void;
-    markClean: () => void;
-    /** Snapshot before a gesture that changes the graph in many small steps (a drag). */
-    recordHistory: () => void;
-    addNode: (type: string, position?: IFlowPosition) => string | null;
-    /** Adds a block right of `sourceNodeId` and wires `sourcePort` to it in one undo step. */
-    addNodeFromPort: (type: string, sourceNodeId: string, sourcePort: TFlowPortId) => string | null;
-    updateNodeConfig: (nodeId: string, config: unknown) => void;
-    updateNodeLabel: (nodeId: string, label: string) => void;
-    moveNodes: (positions: Record<string, IFlowPosition>) => void;
-    connect: (source: string, sourcePort: TFlowPortId, target: string) => boolean;
-    removeEdges: (edgeIds: Array<string>) => void;
-    removeSelected: () => void;
-    duplicateSelected: () => void;
-    copySelected: () => void;
-    paste: () => void;
-    setSelection: (selection: {
-        nodeIds?: Array<string>;
-        edgeIds?: Array<string>;
-    }) => void;
-    undo: () => void;
-    redo: () => void;
-    /** The host may rebuild its registry (labels after a language switch); gestures always read the latest. */
-    setRegistry: (registry: IFlowBlockRegistry) => void;
-}
-export type TFlowEditorStore = StoreApi<IFlowEditorState>;
-/**
- * One store per editor instance (two canvases on a page never share state). The graph
- * is the source of truth; the canvas only renders it and reports gestures back.
- */
-export declare const createFlowEditorStore: (initialGraph: IFlowGraph, registry: IFlowBlockRegistry) => TFlowEditorStore;

package/dist/components/UI/Flow/flowEditorStore.js

@@ -1,258 +0,0 @@
-import { createStore } from "zustand/vanilla";
-import { generateUUID } from "../../../helpers/utilityHelpers.js";
-import { canConnect, FLOW_SIBLING_GAP, FLOW_LEVEL_GAP, layoutFlowByLevels } from "./flowGraph.js";
-const HISTORY_LIMIT = 50;
-const PASTE_OFFSET = 32;
-const COALESCE_WINDOW_MS = 1e3;
-const isPosition = (position) => typeof position?.x === "number" && typeof position?.y === "number";
-const normalizeGraph = (graph, registry) => {
-  const normalized = {
-    nodes: Array.isArray(graph?.nodes) ? graph.nodes : [],
-    edges: Array.isArray(graph?.edges) ? graph.edges : []
-  };
-  if (normalized.nodes.every((node) => isPosition(node.position))) return normalized;
-  const layout = layoutFlowByLevels(normalized, registry);
-  return {
-    ...normalized,
-    nodes: normalized.nodes.map(
-      (node) => isPosition(node.position) ? node : { ...node, position: layout[node.nodeId] ?? { x: 0, y: 0 } }
-    )
-  };
-};
-const withoutNodes = (graph, nodeIds) => ({
-  nodes: graph.nodes.filter((node) => !nodeIds.has(node.nodeId)),
-  edges: graph.edges.filter((edge) => !nodeIds.has(edge.source) && !nodeIds.has(edge.target))
-});
-const isPositionTaken = (graph, position) => graph.nodes.some(
-  (node) => Math.abs(node.position.x - position.x) < FLOW_LEVEL_GAP && Math.abs(node.position.y - position.y) < FLOW_SIBLING_GAP
-);
-const nextFreePosition = (graph, selectedNodeIds) => {
-  if (graph.nodes.length === 0) return { x: 0, y: 0 };
-  const anchor = graph.nodes.find((node) => node.nodeId === selectedNodeIds[0]) ?? graph.nodes.reduce((current, node) => node.position.x > current.position.x ? node : current);
-  let candidate = { x: anchor.position.x + FLOW_LEVEL_GAP, y: anchor.position.y };
-  while (isPositionTaken(graph, candidate)) candidate = { x: candidate.x, y: candidate.y + FLOW_SIBLING_GAP };
-  return candidate;
-};
-const createFlowEditorStore = (initialGraph, registry) => createStore()((set, get) => {
-  let currentRegistry = registry;
-  let lastCoalesce = null;
-  const commit = (next, selection, coalesceKey) => {
-    const { graph, past } = get();
-    const now = Date.now();
-    const extendsLastStep = coalesceKey !== void 0 && lastCoalesce?.key === coalesceKey && now - lastCoalesce.at < COALESCE_WINDOW_MS;
-    lastCoalesce = coalesceKey === void 0 ? null : { key: coalesceKey, at: now };
-    set({
-      graph: next,
-      past: extendsLastStep ? past : [...past, graph].slice(-HISTORY_LIMIT),
-      future: [],
-      isDirty: true,
-      ...selection?.nodeIds ? { selectedNodeIds: selection.nodeIds } : {},
-      ...selection?.edgeIds ? { selectedEdgeIds: selection.edgeIds } : {}
-    });
-  };
-  const cloneNodes = (nodes, offset) => {
-    const instancesByType = /* @__PURE__ */ new Map();
-    get().graph.nodes.forEach((node) => instancesByType.set(node.type, (instancesByType.get(node.type) ?? 0) + 1));
-    return nodes.filter((node) => {
-      const definition = currentRegistry.get(node.type);
-      if (!definition || definition.category === "trigger") return false;
-      const instances = instancesByType.get(node.type) ?? 0;
-      if (definition.maxInstances !== void 0 && instances >= definition.maxInstances) return false;
-      instancesByType.set(node.type, instances + 1);
-      return true;
-    }).map((node) => ({
-      ...node,
-      nodeId: generateUUID(),
-      config: structuredClone(node.config),
-      position: { x: node.position.x + offset, y: node.position.y + offset }
-    }));
-  };
-  return {
-    graph: normalizeGraph(initialGraph, registry),
-    selectedNodeIds: [],
-    selectedEdgeIds: [],
-    past: [],
-    future: [],
-    clipboard: [],
-    isDirty: false,
-    replaceGraph: (graph, options) => {
-      set((state) => ({
-        graph: normalizeGraph(graph, currentRegistry),
-        past: options?.keepHistory ? [...state.past, state.graph].slice(-HISTORY_LIMIT) : [],
-        future: [],
-        selectedNodeIds: [],
-        selectedEdgeIds: [],
-        isDirty: Boolean(options?.keepHistory)
-      }));
-    },
-    markClean: () => set({ isDirty: false }),
-    recordHistory: () => {
-      const { graph, past } = get();
-      set({ past: [...past, graph].slice(-HISTORY_LIMIT), future: [] });
-    },
-    addNode: (type, position) => {
-      const definition = currentRegistry.get(type);
-      if (!definition) return null;
-      const { graph, selectedNodeIds } = get();
-      const instances = graph.nodes.filter((node2) => node2.type === type).length;
-      if (definition.maxInstances !== void 0 && instances >= definition.maxInstances) return null;
-      const node = {
-        nodeId: generateUUID(),
-        type,
-        typeVersion: definition.typeVersion,
-        config: definition.createDefaultConfig(),
-        position: position ?? nextFreePosition(graph, selectedNodeIds)
-      };
-      commit({ ...graph, nodes: [...graph.nodes, node] }, { nodeIds: [node.nodeId], edgeIds: [] });
-      return node.nodeId;
-    },
-    addNodeFromPort: (type, sourceNodeId, sourcePort) => {
-      const definition = currentRegistry.get(type);
-      const { graph } = get();
-      const source = graph.nodes.find((node2) => node2.nodeId === sourceNodeId);
-      if (!definition || !source) return null;
-      const instances = graph.nodes.filter((node2) => node2.type === type).length;
-      if (definition.maxInstances !== void 0 && instances >= definition.maxInstances) return null;
-      if (graph.edges.some((edge) => edge.source === sourceNodeId && edge.sourcePort === sourcePort)) return null;
-      const outputs = currentRegistry.get(source.type)?.outputs ?? [];
-      const portIndex = Math.max(0, outputs.indexOf(sourcePort));
-      let position = {
-        x: source.position.x + FLOW_LEVEL_GAP,
-        y: source.position.y + (portIndex - (outputs.length - 1) / 2) * FLOW_SIBLING_GAP
-      };
-      while (isPositionTaken(graph, position)) position = { x: position.x, y: position.y + FLOW_SIBLING_GAP };
-      const node = {
-        nodeId: generateUUID(),
-        type,
-        typeVersion: definition.typeVersion,
-        config: definition.createDefaultConfig(),
-        position
-      };
-      const nodes = [...graph.nodes, node];
-      const wires = canConnect({ ...graph, nodes }, currentRegistry, { source: sourceNodeId, sourcePort, target: node.nodeId });
-      const edges = wires ? [...graph.edges, { edgeId: generateUUID(), source: sourceNodeId, sourcePort, target: node.nodeId }] : graph.edges;
-      commit({ nodes, edges }, { nodeIds: [node.nodeId], edgeIds: [] });
-      return node.nodeId;
-    },
-    updateNodeConfig: (nodeId, config) => {
-      const { graph } = get();
-      commit(
-        { ...graph, nodes: graph.nodes.map((node) => node.nodeId === nodeId ? { ...node, config } : node) },
-        void 0,
-        `config:${nodeId}`
-      );
-    },
-    updateNodeLabel: (nodeId, label) => {
-      const { graph } = get();
-      const hasText = label.trim().length > 0;
-      commit(
-        {
-          ...graph,
-          nodes: graph.nodes.map(
-            (node) => node.nodeId === nodeId ? { ...node, label: hasText ? label : void 0 } : node
-          )
-        },
-        void 0,
-        `label:${nodeId}`
-      );
-    },
-    moveNodes: (positions) => {
-      const { graph } = get();
-      set({
-        graph: {
-          ...graph,
-          nodes: graph.nodes.map(
-            (node) => positions[node.nodeId] ? { ...node, position: positions[node.nodeId] } : node
-          )
-        },
-        isDirty: true
-      });
-    },
-    connect: (source, sourcePort, target) => {
-      const { graph } = get();
-      if (!canConnect(graph, currentRegistry, { source, sourcePort, target })) return false;
-      const edge = { edgeId: generateUUID(), source, sourcePort, target };
-      commit({ ...graph, edges: [...graph.edges, edge] });
-      return true;
-    },
-    removeEdges: (edgeIds) => {
-      if (edgeIds.length === 0) return;
-      const { graph } = get();
-      const removed = new Set(edgeIds);
-      commit({ ...graph, edges: graph.edges.filter((edge) => !removed.has(edge.edgeId)) }, { edgeIds: [] });
-    },
-    removeSelected: () => {
-      const { graph, selectedNodeIds, selectedEdgeIds } = get();
-      if (selectedNodeIds.length === 0 && selectedEdgeIds.length === 0) return;
-      const removedEdges = new Set(selectedEdgeIds);
-      const next = withoutNodes(
-        { ...graph, edges: graph.edges.filter((edge) => !removedEdges.has(edge.edgeId)) },
-        new Set(selectedNodeIds)
-      );
-      commit(next, { nodeIds: [], edgeIds: [] });
-    },
-    duplicateSelected: () => {
-      const { graph, selectedNodeIds } = get();
-      const selected = graph.nodes.filter((node) => selectedNodeIds.includes(node.nodeId));
-      const copies = cloneNodes(selected, PASTE_OFFSET);
-      if (copies.length === 0) return;
-      commit(
-        { ...graph, nodes: [...graph.nodes, ...copies] },
-        { nodeIds: copies.map((node) => node.nodeId), edgeIds: [] }
-      );
-    },
-    copySelected: () => {
-      const { graph, selectedNodeIds } = get();
-      set({ clipboard: graph.nodes.filter((node) => selectedNodeIds.includes(node.nodeId)) });
-    },
-    paste: () => {
-      const { graph, clipboard } = get();
-      const copies = cloneNodes(clipboard, PASTE_OFFSET);
-      if (copies.length === 0) return;
-      commit(
-        { ...graph, nodes: [...graph.nodes, ...copies] },
-        { nodeIds: copies.map((node) => node.nodeId), edgeIds: [] }
-      );
-      set({ clipboard: copies });
-    },
-    setSelection: ({ nodeIds, edgeIds }) => {
-      set((state) => ({
-        selectedNodeIds: nodeIds ?? state.selectedNodeIds,
-        selectedEdgeIds: edgeIds ?? state.selectedEdgeIds
-      }));
-    },
-    undo: () => {
-      const { graph, past, future } = get();
-      const previous = past[past.length - 1];
-      if (!previous) return;
-      set({
-        graph: previous,
-        past: past.slice(0, -1),
-        future: [graph, ...future].slice(0, HISTORY_LIMIT),
-        selectedNodeIds: [],
-        selectedEdgeIds: [],
-        isDirty: true
-      });
-    },
-    redo: () => {
-      const { graph, past, future } = get();
-      const following = future[0];
-      if (!following) return;
-      set({
-        graph: following,
-        past: [...past, graph].slice(-HISTORY_LIMIT),
-        future: future.slice(1),
-        selectedNodeIds: [],
-        selectedEdgeIds: [],
-        isDirty: true
-      });
-    },
-    setRegistry: (nextRegistry) => {
-      currentRegistry = nextRegistry;
-    }
-  };
-});
-export {
-  createFlowEditorStore
-};
-//# sourceMappingURL=flowEditorStore.js.map

package/dist/components/UI/Flow/flowEditorStore.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flowEditorStore.js","sources":["../../../../src/components/UI/Flow/flowEditorStore.ts"],"sourcesContent":["import { createStore, type StoreApi } from 'zustand/vanilla';\n\nimport { generateUUID } from '@/helpers/utilityHelpers';\n\nimport type { IFlowBlockRegistry } from './flowBlockRegistry';\nimport { canConnect, FLOW_LEVEL_GAP, FLOW_SIBLING_GAP, layoutFlowByLevels } from './flowGraph';\nimport type { IFlowEdge, IFlowGraph, IFlowNode, IFlowPosition, TFlowPortId } from './flowTypes';\n\nconst HISTORY_LIMIT = 50;\nconst PASTE_OFFSET = 32;\n/** Edits to the same field within this window share one undo step (typing a name is one change). */\nconst COALESCE_WINDOW_MS = 1000;\n\nexport interface IFlowEditorState {\n  graph: IFlowGraph;\n  selectedNodeIds: Array<string>;\n  selectedEdgeIds: Array<string>;\n  past: Array<IFlowGraph>;\n  future: Array<IFlowGraph>;\n  clipboard: Array<IFlowNode>;\n  isDirty: boolean;\n\n  replaceGraph: (graph: IFlowGraph, options?: { keepHistory?: boolean }) => void;\n  markClean: () => void;\n  /** Snapshot before a gesture that changes the graph in many small steps (a drag). */\n  recordHistory: () => void;\n  addNode: (type: string, position?: IFlowPosition) => string | null;\n  /** Adds a block right of `sourceNodeId` and wires `sourcePort` to it in one undo step. */\n  addNodeFromPort: (type: string, sourceNodeId: string, sourcePort: TFlowPortId) => string | null;\n  updateNodeConfig: (nodeId: string, config: unknown) => void;\n  updateNodeLabel: (nodeId: string, label: string) => void;\n  moveNodes: (positions: Record<string, IFlowPosition>) => void;\n  connect: (source: string, sourcePort: TFlowPortId, target: string) => boolean;\n  removeEdges: (edgeIds: Array<string>) => void;\n  removeSelected: () => void;\n  duplicateSelected: () => void;\n  copySelected: () => void;\n  paste: () => void;\n  setSelection: (selection: { nodeIds?: Array<string>; edgeIds?: Array<string> }) => void;\n  undo: () => void;\n  redo: () => void;\n  /** The host may rebuild its registry (labels after a language switch); gestures always read the latest. */\n  setRegistry: (registry: IFlowBlockRegistry) => void;\n}\n\nexport type TFlowEditorStore = StoreApi<IFlowEditorState>;\n\nconst isPosition = (position: unknown): position is IFlowPosition =>\n  typeof (position as IFlowPosition | undefined)?.x === 'number' &&\n  typeof (position as IFlowPosition | undefined)?.y === 'number';\n\n/** Coerces a stored graph; a block saved without a position is placed by the automatic layout. */\nconst normalizeGraph = (graph: IFlowGraph | null | undefined, registry: IFlowBlockRegistry): IFlowGraph => {\n  const normalized: IFlowGraph = {\n    nodes: Array.isArray(graph?.nodes) ? graph.nodes : [],\n    edges: Array.isArray(graph?.edges) ? graph.edges : [],\n  };\n  if (normalized.nodes.every((node) => isPosition(node.position))) return normalized;\n\n  const layout = layoutFlowByLevels(normalized, registry);\n  return {\n    ...normalized,\n    nodes: normalized.nodes.map((node) =>\n      isPosition(node.position) ? node : { ...node, position: layout[node.nodeId] ?? { x: 0, y: 0 } },\n    ),\n  };\n};\n\nconst withoutNodes = (graph: IFlowGraph, nodeIds: Set<string>): IFlowGraph => ({\n  nodes: graph.nodes.filter((node) => !nodeIds.has(node.nodeId)),\n  edges: graph.edges.filter((edge) => !nodeIds.has(edge.source) && !nodeIds.has(edge.target)),\n});\n\nconst isPositionTaken = (graph: IFlowGraph, position: IFlowPosition): boolean =>\n  graph.nodes.some(\n    (node) =>\n      Math.abs(node.position.x - position.x) < FLOW_LEVEL_GAP &&\n      Math.abs(node.position.y - position.y) < FLOW_SIBLING_GAP,\n  );\n\n/** Right of the selected block (or the rightmost one), stepping down the column until the slot is free. */\nconst nextFreePosition = (graph: IFlowGraph, selectedNodeIds: Array<string>): IFlowPosition => {\n  if (graph.nodes.length === 0) return { x: 0, y: 0 };\n  const anchor =\n    graph.nodes.find((node) => node.nodeId === selectedNodeIds[0]) ??\n    graph.nodes.reduce((current, node) => (node.position.x > current.position.x ? node : current));\n  let candidate = { x: anchor.position.x + FLOW_LEVEL_GAP, y: anchor.position.y };\n  while (isPositionTaken(graph, candidate)) candidate = { x: candidate.x, y: candidate.y + FLOW_SIBLING_GAP };\n  return candidate;\n};\n\n/**\n * One store per editor instance (two canvases on a page never share state). The graph\n * is the source of truth; the canvas only renders it and reports gestures back.\n */\nexport const createFlowEditorStore = (initialGraph: IFlowGraph, registry: IFlowBlockRegistry): TFlowEditorStore =>\n  createStore<IFlowEditorState>()((set, get) => {\n    let currentRegistry = registry;\n    let lastCoalesce: { key: string; at: number } | null = null;\n\n    const commit = (\n      next: IFlowGraph,\n      selection?: { nodeIds?: Array<string>; edgeIds?: Array<string> },\n      coalesceKey?: string,\n    ) => {\n      const { graph, past } = get();\n      const now = Date.now();\n      const extendsLastStep =\n        coalesceKey !== undefined && lastCoalesce?.key === coalesceKey && now - lastCoalesce.at < COALESCE_WINDOW_MS;\n      lastCoalesce = coalesceKey === undefined ? null : { key: coalesceKey, at: now };\n      set({\n        graph: next,\n        past: extendsLastStep ? past : [...past, graph].slice(-HISTORY_LIMIT),\n        future: [],\n        isDirty: true,\n        ...(selection?.nodeIds ? { selectedNodeIds: selection.nodeIds } : {}),\n        ...(selection?.edgeIds ? { selectedEdgeIds: selection.edgeIds } : {}),\n      });\n    };\n\n    const cloneNodes = (nodes: Array<IFlowNode>, offset: number): Array<IFlowNode> => {\n      const instancesByType = new Map<string, number>();\n      get().graph.nodes.forEach((node) => instancesByType.set(node.type, (instancesByType.get(node.type) ?? 0) + 1));\n      return nodes\n        .filter((node) => {\n          const definition = currentRegistry.get(node.type);\n          if (!definition || definition.category === 'trigger') return false;\n          const instances = instancesByType.get(node.type) ?? 0;\n          if (definition.maxInstances !== undefined && instances >= definition.maxInstances) return false;\n          instancesByType.set(node.type, instances + 1);\n          return true;\n        })\n        .map((node) => ({\n          ...node,\n          nodeId: generateUUID(),\n          config: structuredClone(node.config),\n          position: { x: node.position.x + offset, y: node.position.y + offset },\n        }));\n    };\n\n    return {\n      graph: normalizeGraph(initialGraph, registry),\n      selectedNodeIds: [],\n      selectedEdgeIds: [],\n      past: [],\n      future: [],\n      clipboard: [],\n      isDirty: false,\n\n      replaceGraph: (graph, options) => {\n        set((state) => ({\n          graph: normalizeGraph(graph, currentRegistry),\n          past: options?.keepHistory ? [...state.past, state.graph].slice(-HISTORY_LIMIT) : [],\n          future: [],\n          selectedNodeIds: [],\n          selectedEdgeIds: [],\n          isDirty: Boolean(options?.keepHistory),\n        }));\n      },\n\n      markClean: () => set({ isDirty: false }),\n\n      recordHistory: () => {\n        const { graph, past } = get();\n        set({ past: [...past, graph].slice(-HISTORY_LIMIT), future: [] });\n      },\n\n      addNode: (type, position) => {\n        const definition = currentRegistry.get(type);\n        if (!definition) return null;\n\n        const { graph, selectedNodeIds } = get();\n        const instances = graph.nodes.filter((node) => node.type === type).length;\n        if (definition.maxInstances !== undefined && instances >= definition.maxInstances) return null;\n\n        const node: IFlowNode = {\n          nodeId: generateUUID(),\n          type,\n          typeVersion: definition.typeVersion,\n          config: definition.createDefaultConfig(),\n          position: position ?? nextFreePosition(graph, selectedNodeIds),\n        };\n        commit({ ...graph, nodes: [...graph.nodes, node] }, { nodeIds: [node.nodeId], edgeIds: [] });\n        return node.nodeId;\n      },\n\n      addNodeFromPort: (type, sourceNodeId, sourcePort) => {\n        const definition = currentRegistry.get(type);\n        const { graph } = get();\n        const source = graph.nodes.find((node) => node.nodeId === sourceNodeId);\n        if (!definition || !source) return null;\n\n        const instances = graph.nodes.filter((node) => node.type === type).length;\n        if (definition.maxInstances !== undefined && instances >= definition.maxInstances) return null;\n        if (graph.edges.some((edge) => edge.source === sourceNodeId && edge.sourcePort === sourcePort)) return null;\n\n        const outputs = currentRegistry.get(source.type)?.outputs ?? [];\n        const portIndex = Math.max(0, outputs.indexOf(sourcePort));\n        let position = {\n          x: source.position.x + FLOW_LEVEL_GAP,\n          y: source.position.y + (portIndex - (outputs.length - 1) / 2) * FLOW_SIBLING_GAP,\n        };\n        while (isPositionTaken(graph, position)) position = { x: position.x, y: position.y + FLOW_SIBLING_GAP };\n\n        const node: IFlowNode = {\n          nodeId: generateUUID(),\n          type,\n          typeVersion: definition.typeVersion,\n          config: definition.createDefaultConfig(),\n          position,\n        };\n        const nodes = [...graph.nodes, node];\n        const wires = canConnect({ ...graph, nodes }, currentRegistry, { source: sourceNodeId, sourcePort, target: node.nodeId });\n        const edges = wires\n          ? [...graph.edges, { edgeId: generateUUID(), source: sourceNodeId, sourcePort, target: node.nodeId }]\n          : graph.edges;\n        commit({ nodes, edges }, { nodeIds: [node.nodeId], edgeIds: [] });\n        return node.nodeId;\n      },\n\n      updateNodeConfig: (nodeId, config) => {\n        const { graph } = get();\n        commit(\n          { ...graph, nodes: graph.nodes.map((node) => (node.nodeId === nodeId ? { ...node, config } : node)) },\n          undefined,\n          `config:${nodeId}`,\n        );\n      },\n\n      updateNodeLabel: (nodeId, label) => {\n        const { graph } = get();\n        const hasText = label.trim().length > 0;\n        commit(\n          {\n            ...graph,\n            nodes: graph.nodes.map((node) =>\n              node.nodeId === nodeId ? { ...node, label: hasText ? label : undefined } : node,\n            ),\n          },\n          undefined,\n          `label:${nodeId}`,\n        );\n      },\n\n      moveNodes: (positions) => {\n        const { graph } = get();\n        set({\n          graph: {\n            ...graph,\n            nodes: graph.nodes.map((node) =>\n              positions[node.nodeId] ? { ...node, position: positions[node.nodeId] } : node,\n            ),\n          },\n          isDirty: true,\n        });\n      },\n\n      connect: (source, sourcePort, target) => {\n        const { graph } = get();\n        if (!canConnect(graph, currentRegistry, { source, sourcePort, target })) return false;\n        const edge: IFlowEdge = { edgeId: generateUUID(), source, sourcePort, target };\n        commit({ ...graph, edges: [...graph.edges, edge] });\n        return true;\n      },\n\n      removeEdges: (edgeIds) => {\n        if (edgeIds.length === 0) return;\n        const { graph } = get();\n        const removed = new Set(edgeIds);\n        commit({ ...graph, edges: graph.edges.filter((edge) => !removed.has(edge.edgeId)) }, { edgeIds: [] });\n      },\n\n      removeSelected: () => {\n        const { graph, selectedNodeIds, selectedEdgeIds } = get();\n        if (selectedNodeIds.length === 0 && selectedEdgeIds.length === 0) return;\n        const removedEdges = new Set(selectedEdgeIds);\n        const next = withoutNodes(\n          { ...graph, edges: graph.edges.filter((edge) => !removedEdges.has(edge.edgeId)) },\n          new Set(selectedNodeIds),\n        );\n        commit(next, { nodeIds: [], edgeIds: [] });\n      },\n\n      duplicateSelected: () => {\n        const { graph, selectedNodeIds } = get();\n        const selected = graph.nodes.filter((node) => selectedNodeIds.includes(node.nodeId));\n        const copies = cloneNodes(selected, PASTE_OFFSET);\n        if (copies.length === 0) return;\n        commit(\n          { ...graph, nodes: [...graph.nodes, ...copies] },\n          { nodeIds: copies.map((node) => node.nodeId), edgeIds: [] },\n        );\n      },\n\n      copySelected: () => {\n        const { graph, selectedNodeIds } = get();\n        set({ clipboard: graph.nodes.filter((node) => selectedNodeIds.includes(node.nodeId)) });\n      },\n\n      paste: () => {\n        const { graph, clipboard } = get();\n        const copies = cloneNodes(clipboard, PASTE_OFFSET);\n        if (copies.length === 0) return;\n        commit(\n          { ...graph, nodes: [...graph.nodes, ...copies] },\n          { nodeIds: copies.map((node) => node.nodeId), edgeIds: [] },\n        );\n        set({ clipboard: copies });\n      },\n\n      setSelection: ({ nodeIds, edgeIds }) => {\n        set((state) => ({\n          selectedNodeIds: nodeIds ?? state.selectedNodeIds,\n          selectedEdgeIds: edgeIds ?? state.selectedEdgeIds,\n        }));\n      },\n\n      undo: () => {\n        const { graph, past, future } = get();\n        const previous = past[past.length - 1];\n        if (!previous) return;\n        set({\n          graph: previous,\n          past: past.slice(0, -1),\n          future: [graph, ...future].slice(0, HISTORY_LIMIT),\n          selectedNodeIds: [],\n          selectedEdgeIds: [],\n          isDirty: true,\n        });\n      },\n\n      redo: () => {\n        const { graph, past, future } = get();\n        const following = future[0];\n        if (!following) return;\n        set({\n          graph: following,\n          past: [...past, graph].slice(-HISTORY_LIMIT),\n          future: future.slice(1),\n          selectedNodeIds: [],\n          selectedEdgeIds: [],\n          isDirty: true,\n        });\n      },\n\n      setRegistry: (nextRegistry) => {\n        currentRegistry = nextRegistry;\n      },\n    };\n  });\n"],"names":["node"],"mappings":"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"}