flowstudio 0.0.5 → 0.0.7

package/dist/components/dock_panel.jsx

@@ -0,0 +1,56 @@
+import { Button, Card, Flex, SegmentedControl, TextField, Link } from "@radix-ui/themes";
+import { BiHome } from "react-icons/bi";
+// import { IoIosCog } from "react-icons/io";
+// import NextLink from 'next/link'
+// import DataSources from "./app_settings/data_sources";
+// import ServiceProviders from "./app_settings/service_providers";
+// import Simulator from "./app_settings/simulator";
+// import Deploy from "./app_settings/deploy";
+// import { FaDatabase } from "react-icons/fa";
+// import Link from "next/link";
+import { useState } from "react";
+import { useConfigStore } from "../zustand/store";
+import AppSettings from "./app_settings";
+import { IoSave } from "react-icons/io5";
+import { useQuery } from "@tanstack/react-query";
+const DockPanel = ({ projectIdentifier }) => {
+    const [dataSourcesOpen, setDataSourcesOpen] = useState(false);
+    const [serviceProvidersOpen, setServiceProvidersOpen] = useState(false);
+    const [simulatorOpen, setSimulatorOpen] = useState(false);
+    const [deployOpen, setDeployOpen] = useState(false);
+    const { stateType, setStateType } = useConfigStore();
+    // const { isOpen: isFunctionsDrawerOpen, onOpen: onFunctionsDrawerOpen, onClose: onFunctionsDrawerClose } = useDisclosure()
+    // const { isOpen: isServiceProvidersDrawerOpen, onOpen: onServiceProvidersDrawerOpen, onClose: onServiceProvidersDrawerClose } = useDisclosure()
+    // const { isOpen: isSimulatorDrawerOpen, onOpen: onSimulatorDrawerOpen, onClose: onSimulatorDrawerClose } = useDisclosure()
+    // const { isOpen: isDeployModalOpen, onOpen: onDeployModalOpen, onClose: onDeployModalClose } = useDisclosure()
+    const { data: project, status: projectStatus } = useQuery({
+        queryKey: [`project_${projectIdentifier}`, projectIdentifier],
+        queryFn: async () => {
+            const res = await fetch(`/api/projects/${projectIdentifier}`);
+            return (res === null || res === void 0 ? void 0 : res.ok) ? res.json() : [];
+        },
+        ...{ enabled: !!projectIdentifier },
+    });
+    return (<>            
+            <Flex width={'100%'} justify={'center'} align={'center'}>
+                <Card size={'1'} style={{ padding: 7 }}>                        
+                    <Flex gap={'2'}>
+                        <Link href={'/app'} aria-label='Home'><Button variant={'soft'}><BiHome /></Button></Link>
+                        <TextField.Root placeholder="Project Title" defaultValue={(project === null || project === void 0 ? void 0 : project.title) || ''}>
+                            <TextField.Slot side={'right'} pr={'1'}>
+                                <Button size={'1'} variant={'soft'}><IoSave /></Button>
+                            </TextField.Slot>
+                        </TextField.Root>                            
+                        <SegmentedControl.Root defaultValue="build" variant={'surface'}>
+                            <SegmentedControl.Item onClick={() => setStateType('build')} value="build">Build</SegmentedControl.Item>
+                            <SegmentedControl.Item onClick={() => setStateType('analytics')} value="analytics">Analytics</SegmentedControl.Item>
+                        </SegmentedControl.Root>
+                        <AppSettings />
+                    </Flex>
+                    
+                </Card>
+            </Flex>
+        </>);
+};
+export default DockPanel;
+//# sourceMappingURL=dock_panel.jsx.map

package/dist/components/dock_panel.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock_panel.jsx","sourceRoot":"","sources":["../../src/components/dock_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAc,IAAI,EAAW,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACzH,OAAO,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACvC,6CAA6C;AAC7C,mCAAmC;AACnC,yDAAyD;AACzD,mEAAmE;AACnE,oDAAoD;AACpD,8CAA8C;AAC9C,+CAA+C;AAC/C,gCAAgC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,SAAS,GAAG,CAAC,EAAC,iBAAiB,EAAK,EAAE,EAAE;IAC1C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,EAAC,SAAS,EAAE,YAAY,EAAC,GAAG,cAAc,EAAE,CAAA;IAClD,4HAA4H;IAC5H,iJAAiJ;IACjJ,4HAA4H;IAC5H,gHAAgH;IAEhH,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,QAAQ,CAAC;QACtD,QAAQ,EAAE,CAAC,WAAW,iBAAiB,EAAE,EAAE,iBAAiB,CAAC;QAC7D,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,iBAAiB,iBAAiB,EAAE,CAAC,CAAC;YAC9D,OAAO,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,EAAE,EAAC,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACnC,CAAC;QACD,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC,iBAAiB,EAAE;KACpC,CAAC,CAAC;IAGL,OAAO,CACH,EACI;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CACpD;gBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAQ,CAAC,CACvC;oBAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACX;wBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,MAAM,CAAE,CAAC,MAAM,CAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,AAAD,EAAG,EAAE,MAAM,CAAC,EAAE,IAAI,CAC1F;wBAAA,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,EAAE,CAAC,CAC3E;4BAAA,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CACnC;gCAAA,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA,EAAE,EAAE,MAAM,CACzD;4BAAA,EAAE,SAAS,CAAC,IAAI,CACpB;wBAAA,EAAE,SAAS,CAAC,IAAI,CAChB;wBAAA,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAC3D;4BAAA,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CACvG;4BAAA,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,gBAAgB,CAAC,IAAI,CACvH;wBAAA,EAAE,gBAAgB,CAAC,IAAI,CACvB;wBAAA,CAAC,WAAW,CAAC,AAAD,EAChB;oBAAA,EAAE,IAAI,CAEV;;gBAAA,EAAE,IAAI,CACV;YAAA,EAAE,IAAI,CACV;QAAA,GAAG,CACN,CAAA;AACL,CAAC,CAAA;AAED,eAAe,SAAS,CAAC"}

package/dist/components/end.d.ts

@@ -0,0 +1 @@
+export default function EndNode({ data }: any): import("react").JSX.Element;

package/dist/components/end.jsx

@@ -0,0 +1,5 @@
+import XNode from "./xnode";
+export default function EndNode({ data }) {
+    return (<XNode id={data.id} type={'end'} data={{ message: data.message }} inputs={data.inputs}/>);
+}
+//# sourceMappingURL=end.jsx.map

package/dist/components/end.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"end.jsx","sourceRoot":"","sources":["../../src/components/end.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAC,IAAI,EAAK;IACtC,OAAO,CACH,CAAC,KAAK,CACF,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACZ,IAAI,CAAC,CAAC,KAAK,CAAC,CACZ,IAAI,CAAC,CAAC,EAAC,OAAO,EAAC,IAAI,CAAC,OAAO,EAAC,CAAC,CAC7B,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EACjB,CAAC,CAAA;AAEhB,CAAC"}

package/dist/components/input.d.ts

@@ -0,0 +1 @@
+export default function InputNode({ id, y, data }: any): import("react").JSX.Element;

package/dist/components/input.jsx

@@ -0,0 +1,20 @@
+import { Button, Flex, TextField, } from "@radix-ui/themes";
+import { useState } from "react";
+import { LiaTimesSolid } from "react-icons/lia";
+import { Handle, Position } from "@xyflow/react";
+export default function InputNode({ id = 'i', y = 100, data }) {
+    const [show, setShow] = useState(false);
+    const handleClick = () => setShow(!show);
+    return (<Flex position={'relative'}>
+            <TextField.Root type={'text'} id={'text_value'} placeholder={'Option Text'} autoComplete={'off'} className="nodrag">
+                <TextField.Slot>
+                    <Button aria-label={'close'} size={'1'} variant={'outline'} onClick={handleClick}><LiaTimesSolid /></Button>
+                </TextField.Slot>
+                
+            </TextField.Root>
+
+            {/* <Input size={'1'} type={'text'} textAlign={'end'} className="nodrag" placeholder={'Option Text'} /> */}
+            <Handle type="source" position={Position.Right} id={id} style={{ right: -15, background: '#009688', borderColor: '#fff', borderWidth: 1, width: 10, height: 15, borderRadius: 3, position: 'absolute', top: 16 }}/>
+        </Flex>);
+}
+//# sourceMappingURL=input.jsx.map

package/dist/components/input.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.jsx","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAG,MAAM,EAAE,IAAI,EAAE,SAAS,GAAI,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,IAAI,EAAO;IAC9D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;IAExC,OAAO,CACH,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CACvB;YAAA,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,CAAC,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAE,SAAS,CAAC,QAAQ,CAChH;gBAAA,CAAC,SAAS,CAAC,IAAK,AAAD,CACX;oBAAA,CAAC,MAAM,CAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAE,CAAC,aAAa,CAAC,AAAD,EAAG,EAAE,MAAM,CAClH;gBAAA,EAAE,SAAS,CAAC,IAAI,CAEpB;;YAAA,EAAE,SAAS,CAAC,IAAI,CAEhB;;YAAA,CAAC,yGAAyG,CAC1G;YAAA,CAAC,MAAM,CACH,IAAI,CAAC,QAAQ,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CACzB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAEzK;QAAA,EAAE,IAAI,CAAC,CACV,CAAA;AACL,CAAC"}

package/dist/components/normal.d.ts

@@ -0,0 +1 @@
+export default function NormalNode({ data }: any): import("react").JSX.Element;

package/dist/components/normal.jsx

@@ -0,0 +1,5 @@
+import XNode from "./xnode";
+export default function NormalNode({ data }) {
+    return (<XNode id={data.id} type={'normal'} data={{ message: data.message }} inputs={data.inputs}/>);
+}
+//# sourceMappingURL=normal.jsx.map

package/dist/components/normal.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"normal.jsx","sourceRoot":"","sources":["../../src/components/normal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAC,IAAI,EAAK;IACzC,OAAO,CACH,CAAC,KAAK,CACF,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACZ,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,IAAI,CAAC,CAAC,EAAC,OAAO,EAAC,IAAI,CAAC,OAAO,EAAC,CAAC,CAC7B,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EACjB,CAAC,CAAA;AAEhB,CAAC"}

package/dist/components/sheet/index.d.ts

@@ -0,0 +1 @@
+export default function Sheet({ children, open, setOpen, onClose, title, showCloseBtn, maxWidth, side, ...rest }: any): import("react").JSX.Element;

package/dist/components/sheet/index.jsx

@@ -0,0 +1,33 @@
+'use client';
+import { useEffect, useState } from 'react';
+import { Dialog, IconButton, Flex, Text, Separator } from '@radix-ui/themes';
+import { Cross1Icon } from '@radix-ui/react-icons';
+// import './style.css'
+export default function Sheet({ children, open, setOpen, onClose, title = '', showCloseBtn = true, maxWidth = '500px', side = 'right', ...rest }) {
+    const [animationClass, setAnimationClass] = useState('');
+    useEffect(() => {
+        if (open) {
+            setAnimationClass(`slide-in-${side}`);
+        }
+        else {
+            setAnimationClass(`slide-out-${side}`);
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+    }, [open, side]);
+    return (<Dialog.Root open={open} onOpenChange={setOpen}>
+            <Dialog.Content className={`dialog-content ${animationClass}`} width={'100%'} maxWidth={maxWidth} style={{ padding: 4 }} {...rest}>
+                <Flex direction={'column'} height={'100%'} overflow={'hidden'}>                    
+                    <Flex flexShrink={'0'} justify={'between'} align={'center'} p={(title || showCloseBtn) ? '4' : '0'}>
+                        <Dialog.Title style={{ fontWeight: 'normal', marginBottom: 0 }}>{title && <Text>{title}</Text>}</Dialog.Title>
+                        {showCloseBtn && <Dialog.Close><IconButton highContrast size={'1'}><Cross1Icon /></IconButton></Dialog.Close>}
+                    </Flex>
+                    {title && <Separator size={'4'}/>}
+                    
+                    <Flex flexGrow={'1'} overflow={'auto'} p={'5'}>
+                        {children}
+                    </Flex>
+                </Flex>
+            </Dialog.Content>
+        </Dialog.Root>);
+}
+//# sourceMappingURL=index.jsx.map

package/dist/components/sheet/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/sheet/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/start.d.ts

@@ -0,0 +1 @@
+export default function StartNode({ data }: any): import("react").JSX.Element;

package/dist/components/start.jsx

@@ -0,0 +1,38 @@
+import { Button, Card, TextArea, Flex, Badge, Text, Popover, Box, } from "@radix-ui/themes";
+import InputNode from "./input";
+import { CiMenuKebab } from "react-icons/ci";
+import XNode from "./xnode";
+export default function StartNode({ data }) {
+    return (<XNode id={data.id} type={'start'} data={{ message: data.message }} inputs={data.inputs} fns={[
+            { type: 'system', functions: ['Source Finder', 'Session GET'] },
+            { type: 'custom', functions: ['Account Checker'] }
+        ]}/>);
+    return (<Card>
+            <Box>
+                <Flex width={'100%'} align={'center'} justify={'between'}>
+                    <Text>Start</Text>
+                    <Popover.Root>
+                        <Popover.Trigger>
+                            <Button size={'1'} aria-label='Options' variant={'outline'}><CiMenuKebab /></Button>
+                        </Popover.Trigger>
+                        <Popover.Content maxWidth={'150px'}>
+                            
+                        </Popover.Content>
+                    </Popover.Root>
+                </Flex>
+            </Box>
+            <Box>
+                <Flex direction={'column'}>
+                    <TextArea rows={6} size={'1'} className="nodrag" placeholder={'Message'} defaultValue={data.message}></TextArea>
+                    <Flex direction={'column'}>
+                        <InputNode id={1} y={50}/>
+                        <InputNode id={2} y={130}/>
+                    </Flex>
+                    <Flex wrap={'wrap'}>
+                        <Badge size={'1'} color={'green'}>fn (1)</Badge>
+                    </Flex>
+                </Flex>
+            </Box>
+        </Card>);
+}
+//# sourceMappingURL=start.jsx.map

package/dist/components/start.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"start.jsx","sourceRoot":"","sources":["../../src/components/start.tsx"],"names":[],"mappings":"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"}

package/dist/components/studio/index.d.ts

@@ -0,0 +1 @@
+export default function Studio({ theme, accent }: any): import("react").JSX.Element;

package/dist/components/studio/index.jsx

@@ -0,0 +1,90 @@
+import { Box } from '@radix-ui/themes';
+// import ThemeLayout from '../layouts/ThemeLayout'
+import { ReactFlow, useNodesState, useEdgesState, addEdge, MiniMap, Controls, Background, Panel, SmoothStepEdge } from '@xyflow/react';
+import DockPanel from '../../components/dock_panel';
+import StartNode from '../../components/start';
+import EndNode from '../../components/end';
+import NormalNode from '../../components/normal';
+import InputNode from '../../components/input';
+import { useConfigStore } from '../../zustand/store';
+import AppLayout from "../app_layout";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+export default function Studio({ theme, accent }) {
+    const identifier = '987654321';
+    const { appTheme } = useConfigStore();
+    ////////////////// Nodes Management (React Flow) /////////////////////////////
+    const { nodesData, setNodesData, edgesData, setEdgesData } = useConfigStore();
+    const nodeTypes = useMemo(() => ({ startNode: StartNode, normalNode: NormalNode, endNode: EndNode, inputNode: InputNode }), []);
+    const [nodes, setNodes, onNodesChange] = useNodesState(nodesData);
+    const [edges, setEdges, onEdgesChange] = useEdgesState(edgesData);
+    const onConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
+    const CustomSmoothstepEdge = ({ data, ...props }) => {
+        return <SmoothStepEdge {...props} data={data}/>;
+    };
+    const edgeUpdateSuccessful = useRef(true);
+    const onEdgeUpdateStart = useCallback(() => {
+        edgeUpdateSuccessful.current = false;
+    }, []);
+    const onEdgeUpdate = useCallback((oldEdge, newConnection) => {
+        edgeUpdateSuccessful.current = true;
+        // setEdges((els:any) => updateEdge(oldEdge, newConnection, els));
+    }, []);
+    const onEdgeUpdateEnd = useCallback((_, edge) => {
+        if (!edgeUpdateSuccessful.current) {
+            setEdges((eds) => eds.filter((e) => e.id !== edge.id));
+        }
+        edgeUpdateSuccessful.current = true;
+    }, []);
+    useEffect(() => {
+        if (nodes) {
+            setNodesData(nodes);
+        }
+    }, [onNodesChange]);
+    useEffect(() => {
+        if (edges) {
+            setEdgesData(edges);
+        }
+    }, [onEdgesChange]);
+    // const getNodeId = () => `randomnode_${+new Date()}`;
+    // const onAdd = useCallback(() => {
+    //   const newNode = {
+    //     id: getNodeId(),
+    //     data: { label: 'Added node' },
+    //     position: {
+    //       x: Math.random() * window.innerWidth - 100,
+    //       y: Math.random() * window.innerHeight,
+    //     },
+    //   };
+    //   setNodes((nds) => nds.concat(newNode));
+    // }, [setNodes]);
+    ////////////////// For Context Menu /////////////////////////////
+    const [showContextMenu, setShowContextMenu] = useState(false);
+    const [contextMenuPosition, setContextMenuPosition] = useState({ x: 0, y: 0 });
+    const handleContextMenu = (event) => {
+        event.preventDefault(); // Prevent default context menu
+        const clickX = event.clientX;
+        const clickY = event.clientY;
+        setContextMenuPosition({ x: clickX, y: clickY });
+        setShowContextMenu(true);
+    };
+    // const cardBackground = useColorModeValue('rgba(255,255,255,.8)', 'hsla(0,0%,0%,.80)')
+    return (<AppLayout theme={theme} accent={accent}>
+    <Box position={'absolute'} top={'0'} right={'0'} bottom={'0'} left={'0'} style={{}}>
+    <Box position={'relative'} style={{ width: '100%', height: '100%', contain: 'paint', willChange: 'transform', transform: 'translate(0)' }}>
+        
+    <ReactFlow nodes={nodes} edges={edges} onNodesChange={onNodesChange} onEdgesChange={onEdgesChange} onConnect={onConnect} nodeTypes={nodeTypes} snapToGrid={true} 
+    // onEdgeUpdate={onEdgeUpdate}
+    // onEdgeUpdateStart={onEdgeUpdateStart}
+    // onEdgeUpdateEnd={onEdgeUpdateEnd}
+    attributionPosition={"top-right"} edgeTypes={{ default: CustomSmoothstepEdge }} fitView minZoom={0.2} maxZoom={1} colorMode={appTheme}>
+        <Controls />
+        <MiniMap />
+        <Background gap={12} size={1}/>
+        <Panel position="top-center"> <DockPanel projectIdentifier={identifier}/></Panel>
+      </ReactFlow>
+
+    </Box>
+    </Box>
+    </AppLayout>);
+}
+//# sourceMappingURL=index.jsx.map

package/dist/components/studio/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/studio/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/xnode.d.ts

@@ -0,0 +1,2 @@
+export default function XNode({ id, data, fns, inputs, type }: any): import("react").JSX.Element;
+export declare function InputNode({ identifier, id, parentType, type, text, inputType, allowDrag, allowInsert }: any): import("react").JSX.Element;

package/dist/components/xnode.jsx

@@ -0,0 +1,85 @@
+import { useState } from "react";
+import { Button, Card, Flex, Badge, Text, Popover, TextField, TextArea, Inset, } from "@radix-ui/themes";
+import { CiMenuKebab } from "react-icons/ci";
+import { Handle, Position } from "@xyflow/react";
+import { BiPlus, BiTrash } from "react-icons/bi";
+import { useConfigStore } from "../zustand/store";
+// Constants
+const color_start = '#009688';
+const color_normal = '#2196f3';
+const color_end = '#ff5c4d';
+export default function XNode({ id = 0, data, fns = [], inputs = [], type = 'normal' }) {
+    const { stateType, setStateType } = useConfigStore();
+    return (<Card style={{ overflow: 'unset', contain: 'layout' }}>
+            <Inset style={{ overflow: 'unset' }}>
+            <Flex direction={'column'} gap={'3'}>
+                <Flex width={'100%'} align={'center'} justify={'between'} p={'1'} className="drag-handle" style={{ backgroundColor: type == 'start' ? color_start : type == 'normal' ? color_normal : type == 'end' ? color_end : color_normal, borderTopLeftRadius: 7, borderTopRightRadius: 7 }}>
+                    <Text size={'2'} ml={'1'}>{type == 'start' ? 'Start' : type == 'normal' ? 'Normal' : type == 'end' ? 'End' : 'Normal'}</Text>
+                    <Popover.Root>
+                        <Popover.Trigger>
+                            <Button size={'1'} variant={'soft'} aria-label='Options'><CiMenuKebab /></Button>
+                        </Popover.Trigger>
+                        <Popover.Content size={'1'} align="end">                            
+                            <Flex direction={'column'} gap={'3'}>
+                                <Button variant={'ghost'} size={'1'} onClick={() => { }}>Change Node</Button>
+                                <Button variant={'ghost'} size={'1'} onClick={() => { }} color={'red'}>Delete Node</Button>
+                            </Flex>
+                        </Popover.Content>
+                    </Popover.Root>
+                </Flex>
+            
+                <Flex direction={'column'} gap={'3'} px={'3'}>
+                    {stateType == 'build' ?
+            <TextArea size={'1'} className="nodrag" placeholder={'Message'} defaultValue={(data === null || data === void 0 ? void 0 : data.message) || ''}></TextArea>
+            : <Text size={'1'} color={'gray'} style={{ maxWidth: '180px', textWrap: 'wrap' }}>{data === null || data === void 0 ? void 0 : data.message}</Text>}
+                    {/* <TextArea  size={'1'} className="nodrag" placeholder={'Message'} defaultValue={data?.message || ''}></TextArea> */}
+                    {type != 'end' && inputs.length > 0 &&
+            <Flex direction={'column'} gap={'2'}>
+                            {inputs.map((val, ind) => (<InputNode key={ind} identifier={ind} id={val.id} parentType={type} type={val.type} text={val.text} inputType={val.inputType} allowDrag={inputs.length > 1} allowInsert={inputs.length == (ind + 1)}/>))}
+                        </Flex>}
+                </Flex>    
+            
+                <Flex width={'100%'} align={'center'} px={'2'} pb={'2'}>
+                    <Flex flexGrow={'1'}>
+                {fns.length > 0 &&
+            <Flex wrap={'wrap'} gap={'2'}>
+                        {fns.map((val, ind) => (<Badge key={ind} size={'1'} color={val.type == 'system' ? 'green' : 'purple'}>fn ({val.functions.length})</Badge>))}
+                    </Flex>}
+                </Flex>
+                <Flex flexShrink={'0'}>
+                    <Text size={'1'}>1pg (50)</Text>
+                </Flex>
+                </Flex>
+            
+                {type != 'start' &&
+            <Handle type="target" position={Position.Left} id="g" style={{ left: -6, background: type == 'normal' ? color_normal : type == 'end' ? color_end : color_normal, borderColor: '#fff', borderWidth: 1, width: 10, height: 15, borderRadius: 3, zIndex: 10 }}/>}
+                </Flex>
+            </Inset>
+        </Card>);
+}
+export function InputNode({ identifier, id = 0, parentType, type = 'choice', text = '', inputType = 'text', allowDrag = false, allowInsert = false }) {
+    const [show, setShow] = useState(false);
+    const handleClick = () => setShow(!show);
+    return (<Flex position={'relative'} gap={'0'} align={'center'} style={{ zIndex: 20 }}>
+            <Flex width={'100%'} direction={'column'} align={'end'}>
+                <Flex width={'100%'} align={'center'}>
+                {allowDrag && <Flex gap={'1'}>
+                    {/* <Button  aria-label={'Drag'} color={parentType == 'start'?'green':parentType == 'normal'?'blue':'blue'}  size={'1'} ><AiOutlineDrag/></Button> */}
+                    <Button size={'1'} variant={'soft'} style={{ borderTopRightRadius: 0, borderBottomRightRadius: 0 }}>{id}</Button>
+                    </Flex>}
+                    <TextField.Root type={inputType} defaultValue={text} id={'text_value'} placeholder={type == 'choice' ? 'Option Text' : inputType == 'number' ? '0' : 'User Input'} autoComplete={'off'} style={{ width: '100%' }}>
+                        {identifier != 0 &&
+            <TextField.Slot side={'right'} pr={'1'}>
+                                <Button color={'red'} aria-label={'close'} size={'1'} variant={'soft'} onClick={handleClick} style={{ width: 20, padding: 4 }}><BiTrash size={20}/></Button>
+                            </TextField.Slot>}
+                       
+                    </TextField.Root>
+                </Flex>
+                {allowInsert &&
+            <Button aria-label={'Add'} size={'1'} style={{ borderTopLeftRadius: 0, borderTopRightRadius: 0, marginRight: 5 }}><BiPlus /></Button>}
+            </Flex>
+            
+            <Handle type="source" position={Position.Right} isConnectable={true} id={id} style={{ right: -19, background: parentType == 'start' ? color_start : parentType == 'normal' ? color_normal : parentType == 'end' ? color_end : color_normal, borderColor: '#fff', borderWidth: 1, width: 10, height: 15, borderRadius: 3, position: 'absolute', top: 16, zIndex: 20 }}/>
+        </Flex>);
+}
+//# sourceMappingURL=xnode.jsx.map

package/dist/components/xnode.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"xnode.jsx","sourceRoot":"","sources":["../../src/components/xnode.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import Studio from './components/studio';
+export { Studio };

package/dist/index.js

@@ -0,0 +1,4 @@
+// import Simulator from './components/simulator';
+import Studio from './components/studio';
+export { Studio };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,CAAC"}