Add comprehensive frontend UI and distributed infrastructure

Frontend Enhancements:
- Complete React TypeScript frontend with modern UI components
- Distributed workflows management interface with real-time updates
- Socket.IO integration for live agent status monitoring
- Agent management dashboard with cluster visualization
- Project management interface with metrics and task tracking
- Responsive design with proper error handling and loading states

Backend Infrastructure:
- Distributed coordinator for multi-agent workflow orchestration
- Cluster management API with comprehensive agent operations
- Enhanced database models for agents and projects
- Project service for filesystem-based project discovery
- Performance monitoring and metrics collection
- Comprehensive API documentation and error handling

Documentation:
- Complete distributed development guide (README_DISTRIBUTED.md)
- Comprehensive development report with architecture insights
- System configuration templates and deployment guides

The platform now provides a complete web interface for managing the distributed AI cluster
with real-time monitoring, workflow orchestration, and agent coordination capabilities.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/node_modules/@reactflow/node-resizer/dist/esm/NodeResizer.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { NodeResizerProps } from './types';
+export default function NodeResizer({ nodeId, isVisible, handleClassName, handleStyle, lineClassName, lineStyle, color, minWidth, minHeight, maxWidth, maxHeight, keepAspectRatio, shouldResize, onResizeStart, onResize, onResizeEnd, }: NodeResizerProps): JSX.Element | null;
+//# sourceMappingURL=NodeResizer.d.ts.map

frontend/node_modules/@reactflow/node-resizer/dist/esm/NodeResizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeResizer.d.ts","sourceRoot":"","sources":["../../../packages/node-resizer/src/NodeResizer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAmB,gBAAgB,EAA6C,MAAM,SAAS,CAAC;AAKvG,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,SAAgB,EAChB,eAAe,EACf,WAAW,EACX,aAAa,EACb,SAAS,EACT,KAAK,EACL,QAAa,EACb,SAAc,EACd,QAA2B,EAC3B,SAA4B,EAC5B,eAAuB,EACvB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,GACZ,EAAE,gBAAgB,sBAgDlB"}

frontend/node_modules/@reactflow/node-resizer/dist/esm/ResizeControl.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ResizeControlProps, ResizeControlLineProps } from './types';
+declare function ResizeControl({ nodeId, position, variant, className, style, children, color, minWidth, minHeight, maxWidth, maxHeight, keepAspectRatio, shouldResize, onResizeStart, onResize, onResizeEnd, }: ResizeControlProps): JSX.Element;
+export declare function ResizeControlLine(props: ResizeControlLineProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ResizeControl>;
+export default _default;
+//# sourceMappingURL=ResizeControl.d.ts.map

frontend/node_modules/@reactflow/node-resizer/dist/esm/ResizeControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeControl.d.ts","sourceRoot":"","sources":["../../../packages/node-resizer/src/ResizeControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAcvD,OAAO,EAAmB,kBAAkB,EAAE,sBAAsB,EAAwB,MAAM,SAAS,CAAC;AAY5G,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,QAAQ,EACR,OAAqC,EACrC,SAAS,EACT,KAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAa,EACb,SAAc,EACd,QAA2B,EAC3B,SAA4B,EAC5B,eAAuB,EACvB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,GACZ,EAAE,kBAAkB,eA+MpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAE9D;;AAED,wBAAmC"}

frontend/node_modules/@reactflow/node-resizer/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+export { default as NodeResizer } from './NodeResizer';
+export { default as NodeResizeControl } from './ResizeControl';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

frontend/node_modules/@reactflow/node-resizer/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/node-resizer/src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE/D,cAAc,SAAS,CAAC"}

frontend/node_modules/@reactflow/node-resizer/dist/esm/index.js

@@ -0,0 +1,209 @@
+import React, { memo, useRef, useEffect } from 'react';
+import cc from 'classcat';
+import { drag } from 'd3-drag';
+import { select } from 'd3-selection';
+import { useNodeId, useStoreApi, useGetPointerPosition, clamp } from '@reactflow/core';
+
+var ResizeControlVariant;
+(function (ResizeControlVariant) {
+    ResizeControlVariant["Line"] = "line";
+    ResizeControlVariant["Handle"] = "handle";
+})(ResizeControlVariant || (ResizeControlVariant = {}));
+
+// returns an array of two numbers (0, 1 or -1) representing the direction of the resize
+// 0 = no change, 1 = increase, -1 = decrease
+function getDirection({ width, prevWidth, height, prevHeight, invertX, invertY }) {
+    const deltaWidth = width - prevWidth;
+    const deltaHeight = height - prevHeight;
+    const direction = [deltaWidth > 0 ? 1 : deltaWidth < 0 ? -1 : 0, deltaHeight > 0 ? 1 : deltaHeight < 0 ? -1 : 0];
+    if (deltaWidth && invertX) {
+        direction[0] = direction[0] * -1;
+    }
+    if (deltaHeight && invertY) {
+        direction[1] = direction[1] * -1;
+    }
+    return direction;
+}
+
+const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
+const initStartValues = {
+    ...initPrevValues,
+    pointerX: 0,
+    pointerY: 0,
+    aspectRatio: 1,
+};
+function ResizeControl({ nodeId, position, variant = ResizeControlVariant.Handle, className, style = {}, children, color, minWidth = 10, minHeight = 10, maxWidth = Number.MAX_VALUE, maxHeight = Number.MAX_VALUE, keepAspectRatio = false, shouldResize, onResizeStart, onResize, onResizeEnd, }) {
+    const contextNodeId = useNodeId();
+    const id = typeof nodeId === 'string' ? nodeId : contextNodeId;
+    const store = useStoreApi();
+    const resizeControlRef = useRef(null);
+    const startValues = useRef(initStartValues);
+    const prevValues = useRef(initPrevValues);
+    const getPointerPosition = useGetPointerPosition();
+    const defaultPosition = variant === ResizeControlVariant.Line ? 'right' : 'bottom-right';
+    const controlPosition = position ?? defaultPosition;
+    useEffect(() => {
+        if (!resizeControlRef.current || !id) {
+            return;
+        }
+        const selection = select(resizeControlRef.current);
+        const enableX = controlPosition.includes('right') || controlPosition.includes('left');
+        const enableY = controlPosition.includes('bottom') || controlPosition.includes('top');
+        const invertX = controlPosition.includes('left');
+        const invertY = controlPosition.includes('top');
+        const dragHandler = drag()
+            .on('start', (event) => {
+            const node = store.getState().nodeInternals.get(id);
+            const { xSnapped, ySnapped } = getPointerPosition(event);
+            prevValues.current = {
+                width: node?.width ?? 0,
+                height: node?.height ?? 0,
+                x: node?.position.x ?? 0,
+                y: node?.position.y ?? 0,
+            };
+            startValues.current = {
+                ...prevValues.current,
+                pointerX: xSnapped,
+                pointerY: ySnapped,
+                aspectRatio: prevValues.current.width / prevValues.current.height,
+            };
+            onResizeStart?.(event, { ...prevValues.current });
+        })
+            .on('drag', (event) => {
+            const { nodeInternals, triggerNodeChanges } = store.getState();
+            const { xSnapped, ySnapped } = getPointerPosition(event);
+            const node = nodeInternals.get(id);
+            if (node) {
+                const changes = [];
+                const { pointerX: startX, pointerY: startY, width: startWidth, height: startHeight, x: startNodeX, y: startNodeY, aspectRatio, } = startValues.current;
+                const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues.current;
+                const distX = Math.floor(enableX ? xSnapped - startX : 0);
+                const distY = Math.floor(enableY ? ySnapped - startY : 0);
+                let width = clamp(startWidth + (invertX ? -distX : distX), minWidth, maxWidth);
+                let height = clamp(startHeight + (invertY ? -distY : distY), minHeight, maxHeight);
+                if (keepAspectRatio) {
+                    const nextAspectRatio = width / height;
+                    const isDiagonal = enableX && enableY;
+                    const isHorizontal = enableX && !enableY;
+                    const isVertical = enableY && !enableX;
+                    width = (nextAspectRatio <= aspectRatio && isDiagonal) || isVertical ? height * aspectRatio : width;
+                    height = (nextAspectRatio > aspectRatio && isDiagonal) || isHorizontal ? width / aspectRatio : height;
+                    if (width >= maxWidth) {
+                        width = maxWidth;
+                        height = maxWidth / aspectRatio;
+                    }
+                    else if (width <= minWidth) {
+                        width = minWidth;
+                        height = minWidth / aspectRatio;
+                    }
+                    if (height >= maxHeight) {
+                        height = maxHeight;
+                        width = maxHeight * aspectRatio;
+                    }
+                    else if (height <= minHeight) {
+                        height = minHeight;
+                        width = minHeight * aspectRatio;
+                    }
+                }
+                const isWidthChange = width !== prevWidth;
+                const isHeightChange = height !== prevHeight;
+                if (invertX || invertY) {
+                    const x = invertX ? startNodeX - (width - startWidth) : startNodeX;
+                    const y = invertY ? startNodeY - (height - startHeight) : startNodeY;
+                    // only transform the node if the width or height changes
+                    const isXPosChange = x !== prevX && isWidthChange;
+                    const isYPosChange = y !== prevY && isHeightChange;
+                    if (isXPosChange || isYPosChange) {
+                        const positionChange = {
+                            id: node.id,
+                            type: 'position',
+                            position: {
+                                x: isXPosChange ? x : prevX,
+                                y: isYPosChange ? y : prevY,
+                            },
+                        };
+                        changes.push(positionChange);
+                        prevValues.current.x = positionChange.position.x;
+                        prevValues.current.y = positionChange.position.y;
+                    }
+                }
+                if (isWidthChange || isHeightChange) {
+                    const dimensionChange = {
+                        id: id,
+                        type: 'dimensions',
+                        updateStyle: true,
+                        resizing: true,
+                        dimensions: {
+                            width: width,
+                            height: height,
+                        },
+                    };
+                    changes.push(dimensionChange);
+                    prevValues.current.width = width;
+                    prevValues.current.height = height;
+                }
+                if (changes.length === 0) {
+                    return;
+                }
+                const direction = getDirection({
+                    width: prevValues.current.width,
+                    prevWidth,
+                    height: prevValues.current.height,
+                    prevHeight,
+                    invertX,
+                    invertY,
+                });
+                const nextValues = { ...prevValues.current, direction };
+                const callResize = shouldResize?.(event, nextValues);
+                if (callResize === false) {
+                    return;
+                }
+                onResize?.(event, nextValues);
+                triggerNodeChanges(changes);
+            }
+        })
+            .on('end', (event) => {
+            const dimensionChange = {
+                id: id,
+                type: 'dimensions',
+                resizing: false,
+            };
+            onResizeEnd?.(event, { ...prevValues.current });
+            store.getState().triggerNodeChanges([dimensionChange]);
+        });
+        selection.call(dragHandler);
+        return () => {
+            selection.on('.drag', null);
+        };
+    }, [
+        id,
+        controlPosition,
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+        keepAspectRatio,
+        getPointerPosition,
+        onResizeStart,
+        onResize,
+        onResizeEnd,
+    ]);
+    const positionClassNames = controlPosition.split('-');
+    const colorStyleProp = variant === ResizeControlVariant.Line ? 'borderColor' : 'backgroundColor';
+    const controlStyle = color ? { ...style, [colorStyleProp]: color } : style;
+    return (React.createElement("div", { className: cc(['react-flow__resize-control', 'nodrag', ...positionClassNames, variant, className]), ref: resizeControlRef, style: controlStyle }, children));
+}
+var ResizeControl$1 = memo(ResizeControl);
+
+const handleControls = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+const lineControls = ['top', 'right', 'bottom', 'left'];
+function NodeResizer({ nodeId, isVisible = true, handleClassName, handleStyle, lineClassName, lineStyle, color, minWidth = 10, minHeight = 10, maxWidth = Number.MAX_VALUE, maxHeight = Number.MAX_VALUE, keepAspectRatio = false, shouldResize, onResizeStart, onResize, onResizeEnd, }) {
+    if (!isVisible) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        lineControls.map((c) => (React.createElement(ResizeControl$1, { key: c, className: lineClassName, style: lineStyle, nodeId: nodeId, position: c, variant: ResizeControlVariant.Line, color: color, minWidth: minWidth, minHeight: minHeight, maxWidth: maxWidth, maxHeight: maxHeight, onResizeStart: onResizeStart, keepAspectRatio: keepAspectRatio, shouldResize: shouldResize, onResize: onResize, onResizeEnd: onResizeEnd }))),
+        handleControls.map((c) => (React.createElement(ResizeControl$1, { key: c, className: handleClassName, style: handleStyle, nodeId: nodeId, position: c, color: color, minWidth: minWidth, minHeight: minHeight, maxWidth: maxWidth, maxHeight: maxHeight, onResizeStart: onResizeStart, keepAspectRatio: keepAspectRatio, shouldResize: shouldResize, onResize: onResize, onResizeEnd: onResizeEnd })))));
+}
+
+export { ResizeControl$1 as NodeResizeControl, NodeResizer, ResizeControlVariant };

frontend/node_modules/@reactflow/node-resizer/dist/esm/index.mjs

@@ -0,0 +1,209 @@
+import React, { memo, useRef, useEffect } from 'react';
+import cc from 'classcat';
+import { drag } from 'd3-drag';
+import { select } from 'd3-selection';
+import { useNodeId, useStoreApi, useGetPointerPosition, clamp } from '@reactflow/core';
+
+var ResizeControlVariant;
+(function (ResizeControlVariant) {
+    ResizeControlVariant["Line"] = "line";
+    ResizeControlVariant["Handle"] = "handle";
+})(ResizeControlVariant || (ResizeControlVariant = {}));
+
+// returns an array of two numbers (0, 1 or -1) representing the direction of the resize
+// 0 = no change, 1 = increase, -1 = decrease
+function getDirection({ width, prevWidth, height, prevHeight, invertX, invertY }) {
+    const deltaWidth = width - prevWidth;
+    const deltaHeight = height - prevHeight;
+    const direction = [deltaWidth > 0 ? 1 : deltaWidth < 0 ? -1 : 0, deltaHeight > 0 ? 1 : deltaHeight < 0 ? -1 : 0];
+    if (deltaWidth && invertX) {
+        direction[0] = direction[0] * -1;
+    }
+    if (deltaHeight && invertY) {
+        direction[1] = direction[1] * -1;
+    }
+    return direction;
+}
+
+const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
+const initStartValues = {
+    ...initPrevValues,
+    pointerX: 0,
+    pointerY: 0,
+    aspectRatio: 1,
+};
+function ResizeControl({ nodeId, position, variant = ResizeControlVariant.Handle, className, style = {}, children, color, minWidth = 10, minHeight = 10, maxWidth = Number.MAX_VALUE, maxHeight = Number.MAX_VALUE, keepAspectRatio = false, shouldResize, onResizeStart, onResize, onResizeEnd, }) {
+    const contextNodeId = useNodeId();
+    const id = typeof nodeId === 'string' ? nodeId : contextNodeId;
+    const store = useStoreApi();
+    const resizeControlRef = useRef(null);
+    const startValues = useRef(initStartValues);
+    const prevValues = useRef(initPrevValues);
+    const getPointerPosition = useGetPointerPosition();
+    const defaultPosition = variant === ResizeControlVariant.Line ? 'right' : 'bottom-right';
+    const controlPosition = position ?? defaultPosition;
+    useEffect(() => {
+        if (!resizeControlRef.current || !id) {
+            return;
+        }
+        const selection = select(resizeControlRef.current);
+        const enableX = controlPosition.includes('right') || controlPosition.includes('left');
+        const enableY = controlPosition.includes('bottom') || controlPosition.includes('top');
+        const invertX = controlPosition.includes('left');
+        const invertY = controlPosition.includes('top');
+        const dragHandler = drag()
+            .on('start', (event) => {
+            const node = store.getState().nodeInternals.get(id);
+            const { xSnapped, ySnapped } = getPointerPosition(event);
+            prevValues.current = {
+                width: node?.width ?? 0,
+                height: node?.height ?? 0,
+                x: node?.position.x ?? 0,
+                y: node?.position.y ?? 0,
+            };
+            startValues.current = {
+                ...prevValues.current,
+                pointerX: xSnapped,
+                pointerY: ySnapped,
+                aspectRatio: prevValues.current.width / prevValues.current.height,
+            };
+            onResizeStart?.(event, { ...prevValues.current });
+        })
+            .on('drag', (event) => {
+            const { nodeInternals, triggerNodeChanges } = store.getState();
+            const { xSnapped, ySnapped } = getPointerPosition(event);
+            const node = nodeInternals.get(id);
+            if (node) {
+                const changes = [];
+                const { pointerX: startX, pointerY: startY, width: startWidth, height: startHeight, x: startNodeX, y: startNodeY, aspectRatio, } = startValues.current;
+                const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues.current;
+                const distX = Math.floor(enableX ? xSnapped - startX : 0);
+                const distY = Math.floor(enableY ? ySnapped - startY : 0);
+                let width = clamp(startWidth + (invertX ? -distX : distX), minWidth, maxWidth);
+                let height = clamp(startHeight + (invertY ? -distY : distY), minHeight, maxHeight);
+                if (keepAspectRatio) {
+                    const nextAspectRatio = width / height;
+                    const isDiagonal = enableX && enableY;
+                    const isHorizontal = enableX && !enableY;
+                    const isVertical = enableY && !enableX;
+                    width = (nextAspectRatio <= aspectRatio && isDiagonal) || isVertical ? height * aspectRatio : width;
+                    height = (nextAspectRatio > aspectRatio && isDiagonal) || isHorizontal ? width / aspectRatio : height;
+                    if (width >= maxWidth) {
+                        width = maxWidth;
+                        height = maxWidth / aspectRatio;
+                    }
+                    else if (width <= minWidth) {
+                        width = minWidth;
+                        height = minWidth / aspectRatio;
+                    }
+                    if (height >= maxHeight) {
+                        height = maxHeight;
+                        width = maxHeight * aspectRatio;
+                    }
+                    else if (height <= minHeight) {
+                        height = minHeight;
+                        width = minHeight * aspectRatio;
+                    }
+                }
+                const isWidthChange = width !== prevWidth;
+                const isHeightChange = height !== prevHeight;
+                if (invertX || invertY) {
+                    const x = invertX ? startNodeX - (width - startWidth) : startNodeX;
+                    const y = invertY ? startNodeY - (height - startHeight) : startNodeY;
+                    // only transform the node if the width or height changes
+                    const isXPosChange = x !== prevX && isWidthChange;
+                    const isYPosChange = y !== prevY && isHeightChange;
+                    if (isXPosChange || isYPosChange) {
+                        const positionChange = {
+                            id: node.id,
+                            type: 'position',
+                            position: {
+                                x: isXPosChange ? x : prevX,
+                                y: isYPosChange ? y : prevY,
+                            },
+                        };
+                        changes.push(positionChange);
+                        prevValues.current.x = positionChange.position.x;
+                        prevValues.current.y = positionChange.position.y;
+                    }
+                }
+                if (isWidthChange || isHeightChange) {
+                    const dimensionChange = {
+                        id: id,
+                        type: 'dimensions',
+                        updateStyle: true,
+                        resizing: true,
+                        dimensions: {
+                            width: width,
+                            height: height,
+                        },
+                    };
+                    changes.push(dimensionChange);
+                    prevValues.current.width = width;
+                    prevValues.current.height = height;
+                }
+                if (changes.length === 0) {
+                    return;
+                }
+                const direction = getDirection({
+                    width: prevValues.current.width,
+                    prevWidth,
+                    height: prevValues.current.height,
+                    prevHeight,
+                    invertX,
+                    invertY,
+                });
+                const nextValues = { ...prevValues.current, direction };
+                const callResize = shouldResize?.(event, nextValues);
+                if (callResize === false) {
+                    return;
+                }
+                onResize?.(event, nextValues);
+                triggerNodeChanges(changes);
+            }
+        })
+            .on('end', (event) => {
+            const dimensionChange = {
+                id: id,
+                type: 'dimensions',
+                resizing: false,
+            };
+            onResizeEnd?.(event, { ...prevValues.current });
+            store.getState().triggerNodeChanges([dimensionChange]);
+        });
+        selection.call(dragHandler);
+        return () => {
+            selection.on('.drag', null);
+        };
+    }, [
+        id,
+        controlPosition,
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+        keepAspectRatio,
+        getPointerPosition,
+        onResizeStart,
+        onResize,
+        onResizeEnd,
+    ]);
+    const positionClassNames = controlPosition.split('-');
+    const colorStyleProp = variant === ResizeControlVariant.Line ? 'borderColor' : 'backgroundColor';
+    const controlStyle = color ? { ...style, [colorStyleProp]: color } : style;
+    return (React.createElement("div", { className: cc(['react-flow__resize-control', 'nodrag', ...positionClassNames, variant, className]), ref: resizeControlRef, style: controlStyle }, children));
+}
+var ResizeControl$1 = memo(ResizeControl);
+
+const handleControls = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+const lineControls = ['top', 'right', 'bottom', 'left'];
+function NodeResizer({ nodeId, isVisible = true, handleClassName, handleStyle, lineClassName, lineStyle, color, minWidth = 10, minHeight = 10, maxWidth = Number.MAX_VALUE, maxHeight = Number.MAX_VALUE, keepAspectRatio = false, shouldResize, onResizeStart, onResize, onResizeEnd, }) {
+    if (!isVisible) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        lineControls.map((c) => (React.createElement(ResizeControl$1, { key: c, className: lineClassName, style: lineStyle, nodeId: nodeId, position: c, variant: ResizeControlVariant.Line, color: color, minWidth: minWidth, minHeight: minHeight, maxWidth: maxWidth, maxHeight: maxHeight, onResizeStart: onResizeStart, keepAspectRatio: keepAspectRatio, shouldResize: shouldResize, onResize: onResize, onResizeEnd: onResizeEnd }))),
+        handleControls.map((c) => (React.createElement(ResizeControl$1, { key: c, className: handleClassName, style: handleStyle, nodeId: nodeId, position: c, color: color, minWidth: minWidth, minHeight: minHeight, maxWidth: maxWidth, maxHeight: maxHeight, onResizeStart: onResizeStart, keepAspectRatio: keepAspectRatio, shouldResize: shouldResize, onResize: onResize, onResizeEnd: onResizeEnd })))));
+}
+
+export { ResizeControl$1 as NodeResizeControl, NodeResizer, ResizeControlVariant };

frontend/node_modules/@reactflow/node-resizer/dist/esm/types.d.ts

@@ -0,0 +1,53 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { D3DragEvent, SubjectPosition } from 'd3-drag';
+export type ResizeParams = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type ResizeParamsWithDirection = ResizeParams & {
+    direction: number[];
+};
+type OnResizeHandler<Params = ResizeParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
+export type ShouldResize = OnResizeHandler<ResizeParamsWithDirection, boolean>;
+export type OnResizeStart = OnResizeHandler;
+export type OnResize = OnResizeHandler<ResizeParamsWithDirection>;
+export type OnResizeEnd = OnResizeHandler;
+export type NodeResizerProps = {
+    nodeId?: string;
+    color?: string;
+    handleClassName?: string;
+    handleStyle?: CSSProperties;
+    lineClassName?: string;
+    lineStyle?: CSSProperties;
+    isVisible?: boolean;
+    minWidth?: number;
+    minHeight?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    keepAspectRatio?: boolean;
+    shouldResize?: ShouldResize;
+    onResizeStart?: OnResizeStart;
+    onResize?: OnResize;
+    onResizeEnd?: OnResizeEnd;
+};
+export type ControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
+export type ControlPosition = ControlLinePosition | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export declare enum ResizeControlVariant {
+    Line = "line",
+    Handle = "handle"
+}
+export type ResizeControlProps = Pick<NodeResizerProps, 'nodeId' | 'color' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight' | 'keepAspectRatio' | 'shouldResize' | 'onResizeStart' | 'onResize' | 'onResizeEnd'> & {
+    position?: ControlPosition;
+    variant?: ResizeControlVariant;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+};
+export type ResizeControlLineProps = ResizeControlProps & {
+    position?: ControlLinePosition;
+};
+export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
+export {};
+//# sourceMappingURL=types.d.ts.map

frontend/node_modules/@reactflow/node-resizer/dist/esm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/node-resizer/src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,YAAY,GAAG;IACrD,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,KAAK,eAAe,CAAC,MAAM,GAAG,YAAY,EAAE,MAAM,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;AAEhH,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC,yBAAyB,EAAE,OAAO,CAAC,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,eAAe,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAClE,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAE9G,oBAAY,oBAAoB;IAC9B,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,gBAAgB,EACd,QAAQ,GACR,OAAO,GACP,UAAU,GACV,WAAW,GACX,UAAU,GACV,WAAW,GACX,iBAAiB,GACjB,cAAc,GACd,eAAe,GACf,UAAU,GACV,aAAa,CAChB,GAAG;IACF,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,kBAAkB,GAAG;IACxD,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,cAAc,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC"}

frontend/node_modules/@reactflow/node-resizer/dist/esm/utils.d.ts

@@ -0,0 +1,11 @@
+type GetDirectionParams = {
+    width: number;
+    prevWidth: number;
+    height: number;
+    prevHeight: number;
+    invertX: boolean;
+    invertY: boolean;
+};
+export declare function getDirection({ width, prevWidth, height, prevHeight, invertX, invertY }: GetDirectionParams): number[];
+export {};
+//# sourceMappingURL=utils.d.ts.map

frontend/node_modules/@reactflow/node-resizer/dist/esm/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../packages/node-resizer/src/utils.ts"],"names":[],"mappings":"AAAA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAIF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,kBAAkB,YAc1G"}

frontend/node_modules/@reactflow/node-resizer/dist/style.css

@@ -0,0 +1,114 @@
+.react-flow__resize-control {
+  position: absolute;
+}
+
+.react-flow__resize-control.left,
+.react-flow__resize-control.right {
+  cursor: ew-resize;
+}
+
+.react-flow__resize-control.top,
+.react-flow__resize-control.bottom {
+  cursor: ns-resize;
+}
+
+.react-flow__resize-control.top.left,
+.react-flow__resize-control.bottom.right {
+  cursor: nwse-resize;
+}
+
+.react-flow__resize-control.bottom.left,
+.react-flow__resize-control.top.right {
+  cursor: nesw-resize;
+}
+
+/* handle styles */
+
+.react-flow__resize-control.handle {
+  width: 4px;
+  height: 4px;
+  border: 1px solid #fff;
+  border-radius: 1px;
+  background-color: #3367d9;
+  transform: translate(-50%, -50%);
+}
+
+.react-flow__resize-control.handle.left {
+  left: 0;
+  top: 50%;
+}
+
+.react-flow__resize-control.handle.right {
+  left: 100%;
+  top: 50%;
+}
+
+.react-flow__resize-control.handle.top {
+  left: 50%;
+  top: 0;
+}
+
+.react-flow__resize-control.handle.bottom {
+  left: 50%;
+  top: 100%;
+}
+
+.react-flow__resize-control.handle.top.left {
+  left: 0;
+}
+
+.react-flow__resize-control.handle.bottom.left {
+  left: 0;
+}
+
+.react-flow__resize-control.handle.top.right {
+  left: 100%;
+}
+
+.react-flow__resize-control.handle.bottom.right {
+  left: 100%;
+}
+
+/* line styles */
+
+.react-flow__resize-control.line {
+  border-color: #3367d9;
+  border-width: 0;
+  border-style: solid;
+}
+
+.react-flow__resize-control.line.left,
+.react-flow__resize-control.line.right {
+  width: 1px;
+  transform: translate(-50%, 0);
+  top: 0;
+  height: 100%;
+}
+
+.react-flow__resize-control.line.left {
+  left: 0;
+  border-left-width: 1px;
+}
+
+.react-flow__resize-control.line.right {
+  left: 100%;
+  border-right-width: 1px;
+}
+
+.react-flow__resize-control.line.top,
+.react-flow__resize-control.line.bottom {
+  height: 1px;
+  transform: translate(0, -50%);
+  left: 0;
+  width: 100%;
+}
+
+.react-flow__resize-control.line.top {
+  top: 0;
+  border-top-width: 1px;
+}
+
+.react-flow__resize-control.line.bottom {
+  border-bottom-width: 1px;
+  top: 100%;
+}

frontend/node_modules/@reactflow/node-resizer/dist/umd/NodeResizer.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { NodeResizerProps } from './types';
+export default function NodeResizer({ nodeId, isVisible, handleClassName, handleStyle, lineClassName, lineStyle, color, minWidth, minHeight, maxWidth, maxHeight, keepAspectRatio, shouldResize, onResizeStart, onResize, onResizeEnd, }: NodeResizerProps): JSX.Element | null;
+//# sourceMappingURL=NodeResizer.d.ts.map

frontend/node_modules/@reactflow/node-resizer/dist/umd/NodeResizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeResizer.d.ts","sourceRoot":"","sources":["../../../packages/node-resizer/src/NodeResizer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAmB,gBAAgB,EAA6C,MAAM,SAAS,CAAC;AAKvG,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,SAAgB,EAChB,eAAe,EACf,WAAW,EACX,aAAa,EACb,SAAS,EACT,KAAK,EACL,QAAa,EACb,SAAc,EACd,QAA2B,EAC3B,SAA4B,EAC5B,eAAuB,EACvB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,GACZ,EAAE,gBAAgB,sBAgDlB"}

frontend/node_modules/@reactflow/node-resizer/dist/umd/ResizeControl.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ResizeControlProps, ResizeControlLineProps } from './types';
+declare function ResizeControl({ nodeId, position, variant, className, style, children, color, minWidth, minHeight, maxWidth, maxHeight, keepAspectRatio, shouldResize, onResizeStart, onResize, onResizeEnd, }: ResizeControlProps): JSX.Element;
+export declare function ResizeControlLine(props: ResizeControlLineProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ResizeControl>;
+export default _default;
+//# sourceMappingURL=ResizeControl.d.ts.map

frontend/node_modules/@reactflow/node-resizer/dist/umd/ResizeControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeControl.d.ts","sourceRoot":"","sources":["../../../packages/node-resizer/src/ResizeControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAcvD,OAAO,EAAmB,kBAAkB,EAAE,sBAAsB,EAAwB,MAAM,SAAS,CAAC;AAY5G,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,QAAQ,EACR,OAAqC,EACrC,SAAS,EACT,KAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAa,EACb,SAAc,EACd,QAA2B,EAC3B,SAA4B,EAC5B,eAAuB,EACvB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,GACZ,EAAE,kBAAkB,eA+MpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAE9D;;AAED,wBAAmC"}

frontend/node_modules/@reactflow/node-resizer/dist/umd/index.d.ts

@@ -0,0 +1,4 @@
+export { default as NodeResizer } from './NodeResizer';
+export { default as NodeResizeControl } from './ResizeControl';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

frontend/node_modules/@reactflow/node-resizer/dist/umd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/node-resizer/src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE/D,cAAc,SAAS,CAAC"}

frontend/node_modules/@reactflow/node-resizer/dist/umd/types.d.ts

@@ -0,0 +1,53 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { D3DragEvent, SubjectPosition } from 'd3-drag';
+export type ResizeParams = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type ResizeParamsWithDirection = ResizeParams & {
+    direction: number[];
+};
+type OnResizeHandler<Params = ResizeParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
+export type ShouldResize = OnResizeHandler<ResizeParamsWithDirection, boolean>;
+export type OnResizeStart = OnResizeHandler;
+export type OnResize = OnResizeHandler<ResizeParamsWithDirection>;
+export type OnResizeEnd = OnResizeHandler;
+export type NodeResizerProps = {
+    nodeId?: string;
+    color?: string;
+    handleClassName?: string;
+    handleStyle?: CSSProperties;
+    lineClassName?: string;
+    lineStyle?: CSSProperties;
+    isVisible?: boolean;
+    minWidth?: number;
+    minHeight?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    keepAspectRatio?: boolean;
+    shouldResize?: ShouldResize;
+    onResizeStart?: OnResizeStart;
+    onResize?: OnResize;
+    onResizeEnd?: OnResizeEnd;
+};
+export type ControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
+export type ControlPosition = ControlLinePosition | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export declare enum ResizeControlVariant {
+    Line = "line",
+    Handle = "handle"
+}
+export type ResizeControlProps = Pick<NodeResizerProps, 'nodeId' | 'color' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight' | 'keepAspectRatio' | 'shouldResize' | 'onResizeStart' | 'onResize' | 'onResizeEnd'> & {
+    position?: ControlPosition;
+    variant?: ResizeControlVariant;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+};
+export type ResizeControlLineProps = ResizeControlProps & {
+    position?: ControlLinePosition;
+};
+export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
+export {};
+//# sourceMappingURL=types.d.ts.map

frontend/node_modules/@reactflow/node-resizer/dist/umd/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/node-resizer/src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,YAAY,GAAG;IACrD,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,KAAK,eAAe,CAAC,MAAM,GAAG,YAAY,EAAE,MAAM,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;AAEhH,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC,yBAAyB,EAAE,OAAO,CAAC,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,eAAe,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAClE,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAE9G,oBAAY,oBAAoB;IAC9B,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,gBAAgB,EACd,QAAQ,GACR,OAAO,GACP,UAAU,GACV,WAAW,GACX,UAAU,GACV,WAAW,GACX,iBAAiB,GACjB,cAAc,GACd,eAAe,GACf,UAAU,GACV,aAAa,CAChB,GAAG;IACF,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,kBAAkB,GAAG;IACxD,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,cAAc,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC"}

frontend/node_modules/@reactflow/node-resizer/dist/umd/utils.d.ts

@@ -0,0 +1,11 @@
+type GetDirectionParams = {
+    width: number;
+    prevWidth: number;
+    height: number;
+    prevHeight: number;
+    invertX: boolean;
+    invertY: boolean;
+};
+export declare function getDirection({ width, prevWidth, height, prevHeight, invertX, invertY }: GetDirectionParams): number[];
+export {};
+//# sourceMappingURL=utils.d.ts.map

frontend/node_modules/@reactflow/node-resizer/dist/umd/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../packages/node-resizer/src/utils.ts"],"names":[],"mappings":"AAAA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAIF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,kBAAkB,YAc1G"}