flowstudio 0.0.12 → 0.0.13

package/dist/components/app_settings/index.js

@@ -1,15 +1,14 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Flex, Tabs } from "@radix-ui/themes";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Card, Flex, Grid, Select, Separator, Table, Text, TextArea, TextField } from "@radix-ui/themes";
 import { useState } from "react";
 import { IoIosCog } from "react-icons/io";
 import Sheet from "../sheet";
-import DataSources from "./data_sources";
-import ServiceProviders from "./service_providers";
-import Simulator from "./simulator";
-import Deploy from "./deploy";
+import * as Collapsible from '@radix-ui/react-collapsible';
+import { FaCopy, FaPlus } from "react-icons/fa";
+import { FaChevronDown } from "react-icons/fa6";
 export default function AppSettings() {
     const [open, setOpen] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { "aria-label": 'Settings', variant: 'soft', onClick: () => { setOpen(true); }, children: _jsx(IoIosCog, {}) }), _jsx(Sheet, { title: 'Settings', open: open, setOpen: setOpen, maxWidth: '550px', children: _jsx(Flex, { direction: 'column', gap: '5', height: '100%', width: '100%', children: _jsxs(Tabs.Root, { defaultValue: "data_sources", style: { width: "100%", height: "100%" }, children: [_jsxs(Tabs.List, { mb: "3", children: [_jsx(Tabs.Trigger, { value: "data_sources", children: "Data Sources" }), _jsx(Tabs.Trigger, { value: "service_providers", children: "Service Providers" }), _jsx(Tabs.Trigger, { value: "simulator", children: "Simulator" }), _jsx(Tabs.Trigger, { value: "deployment", children: "Deployment" })] }), _jsx(Tabs.Content, { value: "data_sources", children: _jsx(DataSources, {}) }), _jsx(Tabs.Content, { value: "service_providers", children: _jsx(ServiceProviders, {}) }), _jsx(Tabs.Content, { value: "simulator", children: _jsx(Simulator, {}) }), _jsx(Tabs.Content, { value: "deployment", children: _jsx(Deploy, {}) })] }) }) })] }));
+    return (_jsxs(Box, { position: 'relative', width: '100%', height: '100%', children: [_jsx(Button, { "aria-label": 'Settings', variant: 'soft', onClick: () => { setOpen(true); }, children: _jsx(IoIosCog, {}) }), _jsx(Sheet, { title: 'Configuration', open: open, setOpen: setOpen, maxWidth: '550px', children: _jsxs(Flex, { direction: 'column', gap: '5', height: '100%', width: '100%', children: [_jsxs(Flex, { direction: 'column', children: [_jsx(Text, { children: "Flow Title" }), _jsx(TextField.Root, { id: 'title', placeholder: 'Enter Title' })] }), _jsxs(Grid, { columns: { initial: '1', md: '2' }, gap: '5', children: [_jsxs(Flex, { direction: 'column', children: [_jsx(Text, { color: "gray", children: "IP Whitelists" }), _jsx(TextField.Root, { type: 'text', placeholder: 'Enter Domain/IPAddress' })] }), _jsxs(Flex, { direction: 'column', children: [_jsx(Text, { color: "gray", children: "Sources Types" }), _jsx(TextField.Root, { type: 'text', placeholder: 'Select Types' })] })] }), _jsx(Card, { children: _jsx(Collapsible.Root, { defaultOpen: false, children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsx(Collapsible.Trigger, { children: _jsxs(Flex, { justify: 'between', align: 'center', children: [_jsx(Text, { weight: 'bold', children: "Access Points" }), _jsx(FaChevronDown, {})] }) }), _jsx(Collapsible.Content, { children: _jsxs(Flex, { direction: 'column', gap: '5', children: [_jsx(Separator, { size: '4' }), _jsx(Card, { children: _jsx(Collapsible.Root, { defaultOpen: false, children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsx(Collapsible.Trigger, { children: _jsxs(Flex, { justify: 'between', align: 'center', children: [_jsx(Text, { weight: 'bold', children: "Access Point 1" }), _jsx(FaChevronDown, {})] }) }), _jsx(Collapsible.Content, { children: _jsxs(Flex, { direction: 'column', gap: '5', children: [_jsx(Separator, { size: '4' }), _jsxs(Flex, { direction: 'column', children: [_jsx(Text, { color: "gray", children: "Endpoint URL" }), _jsxs(TextField.Root, { type: 'text', placeholder: 'Enter URL', children: [_jsx(TextField.Slot, { pl: '1', children: _jsxs(Select.Root, { size: '1', children: [_jsx(Select.Trigger, { placeholder: 'Provider' }), _jsxs(Select.Content, { position: 'popper', children: [_jsx(Select.Item, { value: 'africas_talking', children: "Africas Talking" }), _jsx(Select.Item, { value: 'itc_ghana', children: "ITC Ghana" }), _jsx(Select.Item, { value: 'wigal_ghana', children: "Wigal Ghana" }), _jsx(Select.Item, { value: 'hubtel_ghana', children: "Hubtel Ghana" }), _jsx(Select.Item, { value: 'twilio', children: "Twilio" })] })] }) }), _jsx(TextField.Slot, { side: 'right', pr: '1', children: _jsxs(Button, { size: '1', variant: 'soft', children: [_jsx(FaCopy, {}), " Copy"] }) })] })] }), _jsxs(Table.Root, { children: [_jsx(Table.Header, { children: _jsxs(Table.Row, { children: [_jsx(Table.ColumnHeaderCell, { children: "Key" }), _jsx(Table.ColumnHeaderCell, { children: "Your Values" })] }) }), _jsxs(Table.Body, { children: [_jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: _jsx(TextField.Root, { type: 'text', value: 'id', readOnly: true }) }), _jsx(Table.Cell, { children: _jsx(TextField.Root, { type: 'text', placeholder: 'Enter Value' }) })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: _jsx(TextField.Root, { type: 'text', value: 'mode', readOnly: true }) }), _jsx(Table.Cell, { children: _jsx(TextField.Root, { type: 'text', placeholder: 'Enter Value' }) })] }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: _jsx(TextField.Root, { type: 'text', value: 'user_input', readOnly: true }) }), _jsx(Table.Cell, { children: _jsx(TextField.Root, { type: 'text', placeholder: 'Enter Value' }) })] }), _jsx(Table.Row, { children: _jsx(Table.Cell, { colSpan: 2, children: _jsx(Text, { color: 'gray', children: "Your Custom Keys" }) }) }), _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: _jsx(TextField.Root, { type: 'text', placeholder: 'Enter your Key' }) }), _jsx(Table.Cell, { children: _jsx(TextField.Root, { type: 'text', placeholder: 'Enter your Value' }) })] })] })] }), _jsx(Flex, { justify: 'end', children: _jsx(Button, { highContrast: true, children: "Save" }) })] }) })] }) }) }), _jsx(Flex, { justify: 'end', children: _jsxs(Button, { variant: 'soft', children: [_jsx(FaPlus, {}), " Add New Access Point"] }) })] }) })] }) }) }), _jsx(Card, { children: _jsx(Collapsible.Root, { defaultOpen: true, children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsx(Collapsible.Trigger, { children: _jsxs(Flex, { justify: 'between', align: 'center', children: [_jsx(Text, { weight: 'bold', children: "Functions" }), _jsx(FaChevronDown, {})] }) }), _jsx(Collapsible.Content, { children: _jsxs(Flex, { direction: 'column', gap: '5', children: [_jsx(Separator, { size: '4' }), _jsxs(Table.Root, { children: [_jsx(Table.Header, { children: _jsxs(Table.Row, { children: [_jsx(Table.ColumnHeaderCell, { children: "Name" }), _jsx(Table.ColumnHeaderCell, { children: "Properties" })] }) }), _jsx(Table.Body, { children: _jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: _jsx(TextField.Root, { type: 'text', placeholder: 'Enter Name' }) }), _jsx(Table.Cell, { children: _jsxs(Box, { position: "relative", children: [_jsx(TextArea, { rows: 3, placeholder: 'Enter Code Here' }), _jsxs(Select.Root, { size: '1', defaultValue: "js", children: [_jsx(Select.Trigger, { placeholder: 'Lang', style: { position: 'absolute', top: 2, right: 2 } }), _jsxs(Select.Content, { position: 'popper', children: [_jsx(Select.Item, { value: 'js', children: "Js" }), _jsx(Select.Item, { value: 'py', children: "Py" })] })] })] }) })] }) })] }), _jsx(Flex, { justify: 'end', children: _jsx(Button, { highContrast: true, children: "Save Functions" }) })] }) })] }) }) }), _jsx(Card, { children: _jsx(Collapsible.Root, { defaultOpen: true, children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsx(Collapsible.Trigger, { children: _jsxs(Flex, { justify: 'between', align: 'center', children: [_jsx(Text, { weight: 'bold', children: "Extra" }), _jsx(FaChevronDown, {})] }) }), _jsx(Collapsible.Content, { children: _jsxs(Flex, { direction: 'column', gap: '5', children: [_jsx(Separator, { size: '4' }), _jsxs(Grid, { columns: { initial: '1', md: '2' }, gap: '5', children: [_jsxs(Flex, { direction: 'column', children: [_jsx(Text, { color: "gray", children: "Pagination Prev. Char." }), _jsx(TextField.Root, { type: 'text', placeholder: 'Enter Character' })] }), _jsxs(Flex, { direction: 'column', children: [_jsx(Text, { color: "gray", children: "Pagination Next Char." }), _jsx(TextField.Root, { type: 'text', placeholder: 'Enter Character' })] })] }), _jsx(Grid, { columns: { initial: '1', md: '2' }, gap: '5', children: _jsxs(Flex, { direction: 'column', children: [_jsx(Text, { color: "gray", children: "New Line Char." }), _jsx(TextField.Root, { type: 'text', placeholder: 'Enter Character' })] }) }), _jsx(Flex, { justify: 'end', children: _jsx(Button, { highContrast: true, children: "Save Extra" }) })] }) })] }) }) })] }) })] }));
 }
 //# sourceMappingURL=index.js.map

package/dist/components/app_settings/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/app_settings/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,OAAO,UAAU,WAAW;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CAAC,8BACJ,KAAC,MAAM,kBAAY,UAAU,EAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAE,EAAE,GAAC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA,CAAC,YAAE,KAAC,QAAQ,KAAG,GAAS,EAElG,KAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,YACzE,KAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAClE,MAAC,IAAI,CAAC,IAAI,IACR,YAAY,EAAC,cAAc,EAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAExC,MAAC,IAAI,CAAC,IAAI,IAAC,EAAE,EAAE,GAAG,aAChB,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,cAAc,6BAA6B,EAEhE,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,mBAAmB,kCAAkC,EAC1E,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,WAAW,0BAA0B,EAC1D,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,YAAY,2BAA2B,IAClD,EACZ,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,cAAc,YACjC,KAAC,WAAW,KAAE,GACC,EACf,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,mBAAmB,YACxC,KAAC,gBAAgB,KAAE,GACJ,EACf,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,WAAW,YAChC,KAAC,SAAS,KAAE,GACG,EACf,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,YAAY,YACjC,KAAC,MAAM,KAAE,GACM,IACH,GACL,GACC,IACT,CACN,CAAA;AACL,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/app_settings/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/dock_panel.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Card, Popover, Flex, SegmentedControl, TextField } from "@radix-ui/themes";
 // import { IoIosCog } from "react-icons/io";
 // import NextLink from 'next/link'
@@ -32,7 +32,7 @@ const DockPanel = ({ projectIdentifier }) => {
         },
         ...{ enabled: !!projectIdentifier },
     });
-    return (_jsx(_Fragment, { children: _jsx(Flex, { width: '100%', justify: 'center', align: 'center', children: _jsx(Card, { size: '1', style: { padding: 7 }, children: _jsxs(Flex, { gap: '2', children: [_jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { children: _jsxs(Button, { "aria-label": 'Options', variant: 'outline', children: [_jsx(FaPlus, {}), " Projects"] }) }), _jsx(Popover.Content, { maxWidth: '150px' })] }), _jsx(TextField.Root, { placeholder: "Project Title", defaultValue: (project === null || project === void 0 ? void 0 : project.title) || '', children: _jsx(TextField.Slot, { side: 'right', pr: '1', children: _jsx(Button, { size: '1', variant: 'soft', children: _jsx(IoSave, {}) }) }) }), _jsxs(SegmentedControl.Root, { defaultValue: "build", variant: 'surface', children: [_jsx(SegmentedControl.Item, { onClick: () => setStateType('build'), value: "build", children: "Build" }), _jsx(SegmentedControl.Item, { onClick: () => setStateType('analytics'), value: "analytics", children: "Analytics" })] }), _jsx(AppSettings, {})] }) }) }) }));
+    return (_jsx(Card, { size: '1', style: { padding: 7 }, children: _jsxs(Flex, { gap: '2', children: [_jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { children: _jsxs(Button, { "aria-label": 'Options', variant: 'outline', children: [_jsx(FaPlus, {}), " Projects"] }) }), _jsx(Popover.Content, { maxWidth: '150px' })] }), _jsx(TextField.Root, { placeholder: "Project Title", defaultValue: (project === null || project === void 0 ? void 0 : project.title) || '', children: _jsx(TextField.Slot, { side: 'right', pr: '1', children: _jsx(Button, { size: '1', variant: 'soft', children: _jsx(IoSave, {}) }) }) }), _jsxs(SegmentedControl.Root, { defaultValue: "build", variant: 'surface', children: [_jsx(SegmentedControl.Item, { onClick: () => setStateType('build'), value: "build", children: "Build" }), _jsx(SegmentedControl.Item, { onClick: () => setStateType('analytics'), value: "analytics", children: "Analytics" })] }), _jsx(AppSettings, {})] }) }));
 };
 export default DockPanel;
 //# sourceMappingURL=dock_panel.js.map

package/dist/components/dock_panel.js.map

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

package/dist/components/sheet/index.js

@@ -15,6 +15,6 @@ export default function Sheet({ children, open, setOpen, onClose, title = '', sh
             onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     }, [open, side]);
-    return (_jsx(Dialog.Root, { open: open, onOpenChange: setOpen, children: _jsx(Dialog.Content, { className: `dialog-content ${animationClass}`, width: '100%', maxWidth: maxWidth, style: { padding: 4 }, ...rest, children: _jsxs(Flex, { direction: 'column', height: '100%', overflow: 'hidden', children: [_jsxs(Flex, { flexShrink: '0', justify: 'between', align: 'center', p: (title || showCloseBtn) ? '4' : '0', children: [_jsx(Dialog.Title, { style: { fontWeight: 'normal', marginBottom: 0 }, children: title && _jsx(Text, { children: title }) }), showCloseBtn && _jsx(Dialog.Close, { children: _jsx(IconButton, { highContrast: true, size: '1', children: _jsx(Cross1Icon, {}) }) })] }), title && _jsx(Separator, { size: '4' }), _jsx(Flex, { flexGrow: '1', overflow: 'auto', p: '5', children: children })] }) }) }));
+    return (_jsx(Dialog.Root, { open: open, onOpenChange: setOpen, children: _jsx(Dialog.Content, { className: `dialog-content ${animationClass}`, width: '100%', maxWidth: maxWidth, style: { padding: 0 }, ...rest, children: _jsxs(Flex, { direction: 'column', height: '100%', overflow: 'hidden', children: [_jsxs(Flex, { flexShrink: '0', justify: 'between', align: 'center', p: (title || showCloseBtn) ? '4' : '0', children: [_jsx(Dialog.Title, { style: { fontWeight: 'normal', marginBottom: 0 }, children: title && _jsx(Text, { children: title }) }), showCloseBtn && _jsx(Dialog.Close, { children: _jsx(IconButton, { highContrast: true, size: '1', children: _jsx(Cross1Icon, {}) }) })] }), title && _jsx(Separator, { size: '4' }), _jsx(Flex, { flexGrow: '1', overflow: 'auto', p: '5', children: children })] }) }) }));
 }
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/studio/index.js

@@ -10,7 +10,7 @@ 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 }) {
+export default function Studio({ apiKey, theme, accent }) {
     const identifier = '987654321';
     const { appTheme } = useConfigStore();
     ////////////////// Nodes Management (React Flow) /////////////////////////////
@@ -69,7 +69,7 @@ export default function Studio({ theme, accent }) {
         setShowContextMenu(true);
     };
     // const cardBackground = useColorModeValue('rgba(255,255,255,.8)', 'hsla(0,0%,0%,.80)')
-    return (_jsx(AppLayout, { theme: theme, accent: accent, children: _jsx(Box, { position: 'absolute', top: '0', right: '0', bottom: '0', left: '0', style: {}, children: _jsx(Box, { position: 'relative', style: { width: '100%', height: '100%', contain: 'paint', willChange: 'transform', transform: 'translate(0)' }, children: _jsxs(ReactFlow, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onConnect: onConnect, nodeTypes: nodeTypes, snapToGrid: true, 
+    return (_jsx(AppLayout, { theme: theme, accent: accent, children: _jsx(Box, { position: 'absolute', top: '0', right: '0', bottom: '0', left: '0', style: {}, children: _jsx(Box, { position: 'relative', style: { width: '100%', height: '100%', contain: 'paint', willChange: 'transform', transform: 'translate(0)', position: 'relative' }, children: _jsxs(ReactFlow, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onConnect: onConnect, nodeTypes: nodeTypes, snapToGrid: true, 
                     // onEdgeUpdate={onEdgeUpdate}
                     // onEdgeUpdateStart={onEdgeUpdateStart}
                     // onEdgeUpdateEnd={onEdgeUpdateEnd}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/studio/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAQ,MAAM,kBAAkB,CAAA;AAC5C,mDAAmD;AACnD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AACtI,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAAC,cAAc,EAAC,MAAO,qBAAqB,CAAC;AAEpD,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAC,KAAK,EAAE,MAAM,EAAK;IAE9C,MAAM,UAAU,GAAC,WAAW,CAAA;IAC5B,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAGxC,8EAA8E;IAC9E,MAAM,EAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAC,GAAG,cAAc,EAAE,CAAA;IAC3E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAC,UAAU,EAAE,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7H,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,MAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,GAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAG,CAAC;IAE1G,MAAM,oBAAoB,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAM,EAAE,EAAE;QACtD,OAAO,KAAC,cAAc,OAAK,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IACrD,CAAC,CAAC;IAEA,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE1C,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,oBAAoB,CAAC,OAAO,GAAG,KAAK,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,OAAW,EAAE,aAAiB,EAAE,EAAE;QAClE,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAC;QACpC,kEAAkE;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,CAAK,EAAE,IAAQ,EAAE,EAAE;QACtD,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC;YAClC,QAAQ,CAAC,CAAC,GAAO,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAK,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QACjE,CAAC;QAED,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAE,EAAE;QACZ,IAAG,KAAK,EAAC,CAAC;YACR,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EAAC,CAAC,aAAa,CAAC,CAAC,CAAA;IAElB,SAAS,CAAC,GAAE,EAAE;QACZ,IAAG,KAAK,EAAC,CAAC;YACR,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EAAC,CAAC,aAAa,CAAC,CAAC,CAAA;IAElB,uDAAuD;IAEvD,oCAAoC;IACpC,sBAAsB;IACtB,uBAAuB;IACvB,qCAAqC;IACrC,kBAAkB;IAClB,oDAAoD;IACpD,+CAA+C;IAC/C,SAAS;IACT,OAAO;IACP,4CAA4C;IAC5C,kBAAkB;IAGlB,iEAAiE;IACjE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IAC9E,MAAM,iBAAiB,GAAG,CAAC,KAAS,EAAE,EAAE;QACtC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,+BAA+B;QACvD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,sBAAsB,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;QACjD,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,wFAAwF;IAGtF,OAAO,CACP,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YACvC,KAAC,GAAG,IAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,YAClF,KAAC,GAAG,IAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAC,KAAK,EAAC,MAAM,EAAE,MAAM,EAAC,MAAM,EAAE,OAAO,EAAC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAC,YAEpI,MAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,IAAI;oBAChB,8BAA8B;oBAC9B,wCAAwC;oBACxC,oCAAoC;oBACpC,mBAAmB,EAAE,WAAW,EAChC,SAAS,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,EAC5C,OAAO,QACP,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,CAAC,EACV,SAAS,EAAE,QAAQ,aAEnB,KAAC,QAAQ,KAAG,EACZ,KAAC,OAAO,KAAG,EACX,KAAC,UAAU,IAAC,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,GAAI,EAChC,MAAC,KAAK,IAAC,QAAQ,EAAC,YAAY,kBAAE,KAAC,SAAS,IAAC,iBAAiB,EAAE,UAAU,GAAI,IAAQ,IACxE,GAEZ,GACI,GACM,CACf,CAAA;AACD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/studio/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowstudio",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "private": false,
   "description": "Enterprise Flow Designer",
   "license": "MIT",
@@ -15,21 +15,23 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "react": "latest",
-    "react-dom": "latest",
-    "@tanstack/react-query": "latest",
-    "yup": "latest",
-    "react-hook-form": "latest",
     "@hookform/resolvers": "latest",
-    "@xyflow/react": "latest",
+    "@radix-ui/react-collapsible": "^1.1.3",
     "@radix-ui/react-form": "latest",
     "@radix-ui/react-icons": "latest",
     "@radix-ui/themes": "latest",
+    "@tanstack/react-query": "latest",
+    "@xyflow/react": "latest",
     "html-react-parser": "^5.2.2",
     "lucide-react": "latest",
-    "react-icons": "latest"
+    "react": "latest",
+    "react-dom": "latest",
+    "react-hook-form": "latest",
+    "react-icons": "latest",
+    "yup": "latest"
   },
   "devDependencies": {
+    "@radix-ui/react-accordion": "^1.2.3",
     "@types/node": "latest",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",