@motiadev/workbench 0.0.5 → 0.0.7

package/dist/README.md

@@ -0,0 +1,50 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```

package/dist/index.d.ts

@@ -7,4 +7,3 @@ export { Position } from '@xyflow/react';
 export type { EventNodeData, ApiNodeData } from './src/views/flow/nodes/nodes.types';
 export * from './src/publicComponents/node-props';
 export { Button } from './src/components/ui/button';
-//# sourceMappingURL=index.d.ts.map

package/dist/middleware.d.ts

@@ -1,2 +1,2 @@
-export declare const applyMiddleware: (app: any) => Promise<void>;
-//# sourceMappingURL=middleware.d.ts.map
+import type { Express } from 'express';
+export declare const applyMiddleware: (app: Express) => Promise<void>;

package/dist/middleware.js

@@ -4,16 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.applyMiddleware = void 0;
+const autoprefixer_1 = __importDefault(require("autoprefixer"));
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
+const tailwindcss_1 = __importDefault(require("tailwindcss"));
+const vite_1 = require("vite");
 const tailwind_config_1 = __importDefault(require("./tailwind.config"));
 const applyMiddleware = async (app) => {
-    // NOTE: this is needed since vite is an ESM https://vite.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated
-    const { default: Express } = await import('express');
-    const { createServer } = await import('vite');
-    const { default: autoprefixer } = await import('autoprefixer');
-    const { default: tailwindcss } = await import('tailwindcss');
-    const vite = await createServer({
+    const vite = await (0, vite_1.createServer)({
         appType: 'spa',
         root: __dirname,
         server: {
@@ -27,7 +25,7 @@ const applyMiddleware = async (app) => {
         },
         css: {
             postcss: {
-                plugins: [autoprefixer(), tailwindcss(tailwind_config_1.default)],
+                plugins: [(0, autoprefixer_1.default)(), (0, tailwindcss_1.default)(tailwind_config_1.default)],
             },
         },
     });

package/dist/src/components/app-sidebar.d.ts

@@ -1,2 +1 @@
 export declare const AppSidebar: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=app-sidebar.d.ts.map

package/dist/src/components/app-sidebar.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useListFlows } from '@/hooks/use-list-flows';
-import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from './ui/sidebar';
 import { Workflow } from 'lucide-react';
-import { Link, useMatchRoute } from '@tanstack/react-router';
+import { Link } from 'react-router-dom';
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from './ui/sidebar';
 export const AppSidebar = () => {
     const { flows } = useListFlows();
-    const matchRoute = useMatchRoute();
-    const isActive = (flowId) => {
-        return !!matchRoute({ to: '/flow/$id', params: { id: flowId } });
+    const isActive = (_flowId) => {
+        return false; // TODO: Implement this
     };
-    return (_jsxs(Sidebar, { children: [_jsx(SidebarHeader, {}), _jsx(SidebarContent, { children: _jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { children: "Flows" }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: flows.map((flow) => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, className: "cursor-pointer", isActive: isActive(flow.id), children: _jsxs(Link, { to: "/flow/$id", params: { id: flow.id }, className: "flex items-center gap-2", "data-testid": `flow-link-${flow.id}`, children: [_jsx(Workflow, {}), _jsx("span", { children: flow.name })] }) }) }, flow.id))) }) })] }) }), _jsx(SidebarFooter, {})] }));
+    return (_jsxs(Sidebar, { children: [_jsx(SidebarHeader, {}), _jsx(SidebarContent, { children: _jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { children: "Flows" }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: flows.map((flow) => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, className: "cursor-pointer", isActive: isActive(flow.id), children: _jsxs(Link, { to: `/flow/${flow.id}`, className: "flex items-center gap-2", "data-testid": `flow-link-${flow.id}`, children: [_jsx(Workflow, {}), _jsx("span", { children: flow.name })] }) }) }, flow.id))) }) })] }) }), _jsx(SidebarFooter, {})] }));
 };

package/dist/src/components/log-console.d.ts

@@ -1,2 +1 @@
 export declare const LogConsole: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=log-console.d.ts.map

package/dist/src/components/log-level-badge.d.ts

@@ -1,4 +1,3 @@
 export declare const LogLevelBadge: React.FC<{
     level: string;
 }>;
-//# sourceMappingURL=log-level-badge.d.ts.map

package/dist/src/components/ui/badge.d.ts

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "error" | "info" | "warning" | null | undefined;
+    variant?: "default" | "secondary" | "info" | "error" | "warning" | "destructive" | "outline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
 declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 export { Badge, badgeVariants };
-//# sourceMappingURL=badge.d.ts.map

package/dist/src/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "none" | null | undefined;
+    variant?: "link" | "none" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -9,4 +9,3 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };
-//# sourceMappingURL=button.d.ts.map

package/dist/src/components/ui/collapsible.d.ts

@@ -3,4 +3,3 @@ declare const Collapsible: import("react").ForwardRefExoticComponent<Collapsible
 declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };
-//# sourceMappingURL=collapsible.d.ts.map

package/dist/src/components/ui/dialog.d.ts

@@ -17,4 +17,3 @@ declare const DialogFooter: {
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
-//# sourceMappingURL=dialog.d.ts.map

package/dist/src/components/ui/input.d.ts

@@ -1,4 +1,3 @@
 import * as React from 'react';
 declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { Input };
-//# sourceMappingURL=input.d.ts.map

package/dist/src/components/ui/label.d.ts

@@ -3,4 +3,3 @@ import * as LabelPrimitive from "@radix-ui/react-label";
 import { type VariantProps } from "class-variance-authority";
 declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
 export { Label };
-//# sourceMappingURL=label.d.ts.map

package/dist/src/components/ui/select.d.ts

@@ -11,4 +11,3 @@ declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.
 declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
-//# sourceMappingURL=select.d.ts.map

package/dist/src/components/ui/separator.d.ts

@@ -2,4 +2,3 @@ import * as React from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Separator };
-//# sourceMappingURL=separator.d.ts.map

package/dist/src/components/ui/sheet.d.ts

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
@@ -23,4 +23,3 @@ declare const SheetFooter: {
 declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
-//# sourceMappingURL=sheet.d.ts.map

package/dist/src/components/ui/sidebar.d.ts

@@ -64,4 +64,3 @@ declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.C
     isActive?: boolean;
 }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
-//# sourceMappingURL=sidebar.d.ts.map

package/dist/src/components/ui/skeleton.d.ts

@@ -1,3 +1,2 @@
 declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export { Skeleton };
-//# sourceMappingURL=skeleton.d.ts.map

package/dist/src/components/ui/switch.d.ts

@@ -2,4 +2,3 @@ import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };
-//# sourceMappingURL=switch.d.ts.map

package/dist/src/components/ui/table.d.ts

@@ -8,4 +8,3 @@ declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<
 declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
-//# sourceMappingURL=table.d.ts.map

package/dist/src/components/ui/textarea.d.ts

@@ -1,4 +1,3 @@
 import * as React from "react";
 declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };
-//# sourceMappingURL=textarea.d.ts.map

package/dist/src/components/ui/tooltip.d.ts

@@ -5,4 +5,3 @@ declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
-//# sourceMappingURL=tooltip.d.ts.map

package/dist/src/hooks/use-list-flows.d.ts

@@ -7,4 +7,3 @@ export declare const useListFlows: () => {
     isLoading: boolean;
 };
 export {};
-//# sourceMappingURL=use-list-flows.d.ts.map

package/dist/src/hooks/use-log-listener.d.ts

@@ -3,4 +3,3 @@ type UseWebSocketReturn = {
 };
 export declare const useLogListener: () => UseWebSocketReturn;
 export {};
-//# sourceMappingURL=use-log-listener.d.ts.map

package/dist/src/hooks/use-mobile.d.ts

@@ -1,2 +1 @@
 export declare function useIsMobile(): boolean;
-//# sourceMappingURL=use-mobile.d.ts.map

package/dist/src/lib/utils.d.ts

@@ -1,3 +1,2 @@
 import { type ClassValue } from 'clsx';
 export declare function cn(...inputs: ClassValue[]): string;
-//# sourceMappingURL=utils.d.ts.map

package/dist/src/main.d.ts

@@ -1,9 +1 @@
 import './index.css';
-declare const router: import("@tanstack/react-router").Router<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/react-router").AnyContext, import("@tanstack/react-router").AnyContext, {}, undefined, import("./routeTree.gen").RootRouteChildren, import("./routeTree.gen").FileRouteTypes>, import("@tanstack/react-router").TrailingSlashOption, boolean, import("@tanstack/history").RouterHistory, Record<string, any>, Record<string, any>>;
-declare module '@tanstack/react-router' {
-    interface Register {
-        router: typeof router;
-    }
-}
-export {};
-//# sourceMappingURL=main.d.ts.map

package/dist/src/main.js

@@ -1,15 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import './index.css';
-import { RouterProvider, createRouter } from '@tanstack/react-router';
-// Import the generated route tree
-import { routeTree } from './routeTree.gen';
-// Create a new router instance
-const router = createRouter({ routeTree });
+import { Index } from './routes';
+import { Flow } from './routes/flow';
+import { RouteWrapper } from './route-wrapper';
 // Render the app
 const rootElement = document.getElementById('root');
 if (!rootElement.innerHTML) {
     const root = createRoot(rootElement);
-    root.render(_jsx(StrictMode, { children: _jsx(RouterProvider, { router: router }) }));
+    root.render(_jsx(StrictMode, { children: _jsx(BrowserRouter, { children: _jsx(RouteWrapper, { children: _jsxs(Routes, { children: [_jsx(Route, { path: "/", element: _jsx(Index, {}) }), _jsx(Route, { path: "/flow/:id", element: _jsx(Flow, {}) })] }) }) }) }));
 }

package/dist/src/publicComponents/api-node.d.ts

@@ -5,4 +5,3 @@ type Props = PropsWithChildren<ApiNodeProps & {
 }>;
 export declare const ApiNode: ({ data, children, excludePubsub }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=api-node.d.ts.map

package/dist/src/publicComponents/base-handle.d.ts

@@ -5,4 +5,3 @@ type Props = HandleProps & Omit<HTMLAttributes<HTMLDivElement>, 'id'> & {
 };
 export declare const BaseHandle: React.FC<Props>;
 export {};
-//# sourceMappingURL=base-handle.d.ts.map

package/dist/src/publicComponents/base-node.d.ts

@@ -13,4 +13,3 @@ type Props = PropsWithChildren<{
 }>;
 export declare const BaseNode: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=base-node.d.ts.map

package/dist/src/publicComponents/emits.d.ts

@@ -2,4 +2,3 @@ import { EventNodeData } from '../views/flow/nodes/nodes.types';
 export declare const Emits: React.FC<{
     emits: EventNodeData['emits'];
 }>;
-//# sourceMappingURL=emits.d.ts.map

package/dist/src/publicComponents/event-node.d.ts

@@ -6,4 +6,3 @@ type Props = PropsWithChildren<EventNodeProps & {
 }>;
 export declare const EventNode: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=event-node.d.ts.map

package/dist/src/publicComponents/node-props.d.ts

@@ -9,4 +9,3 @@ export type NoopNodeProps = {
 export type ApiNodeProps = {
     data: ApiNodeData;
 };
-//# sourceMappingURL=node-props.d.ts.map

package/dist/src/publicComponents/noop-node.d.ts

@@ -5,4 +5,3 @@ type Props = PropsWithChildren<{
 }>;
 export declare const NoopNode: ({ data, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=noop-node.d.ts.map

package/dist/src/publicComponents/subscribe.d.ts

@@ -2,4 +2,3 @@ import { EventNodeData } from '../views/flow/nodes/nodes.types';
 export declare const Subscribe: React.FC<{
     data: EventNodeData;
 }>;
-//# sourceMappingURL=subscribe.d.ts.map

package/dist/src/route-wrapper.d.ts

@@ -1,4 +1,3 @@
 export declare const RouteWrapper: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=route-wrapper.d.ts.map

package/dist/src/routes/flow.d.ts

@@ -0,0 +1 @@
+export declare const Flow: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/routes/flow.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FlowView } from '@/views/flow/flow-view';
+import { useEffect, useState } from 'react';
+import { useParams } from 'react-router-dom';
+export const Flow = () => {
+    const { id } = useParams();
+    const [flow, setFlow] = useState(null);
+    useEffect(() => {
+        fetch(`/flows/${id}`)
+            .then((res) => res.json())
+            .then((flow) => setFlow(flow));
+    }, [id]);
+    if (!flow)
+        return null;
+    return (_jsx("div", { className: "w-screen h-screen", children: _jsx(FlowView, { flow: flow }) }));
+};

package/dist/src/routes/index.d.ts

@@ -1,2 +1 @@
-export declare const Route: import("@tanstack/react-router").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/react-router").AnyContext, import("@tanstack/react-router").AnyContext, {}, undefined, unknown, unknown>, "/", "/", "/", "/", undefined, Record<never, string>, import("@tanstack/react-router").AnyContext, import("@tanstack/react-router").AnyContext, import("@tanstack/react-router").AnyContext, {}, undefined, unknown>;
-//# sourceMappingURL=index.d.ts.map
+export declare const Index: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/routes/index.js

@@ -1,8 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createFileRoute } from '@tanstack/react-router';
-export const Route = createFileRoute('/')({
-    component: Index,
-});
-function Index() {
+export const Index = () => {
     return (_jsx("div", { className: "flex items-center justify-center w-full h-screen", children: _jsx("p", { className: "text-gray-500", children: "Select a flow" }) }));
-}
+};

package/dist/src/stores/use-logs.d.ts

@@ -12,4 +12,3 @@ export type LogsState = {
     resetLogs: () => void;
 };
 export declare const useLogs: import("zustand").UseBoundStore<import("zustand").StoreApi<LogsState>>;
-//# sourceMappingURL=use-logs.d.ts.map

package/dist/src/views/flow/arrow-head.d.ts

@@ -5,4 +5,3 @@ type Props = {
 };
 export declare const ArrowHead: React.FC<Props>;
 export {};
-//# sourceMappingURL=arrow-head.d.ts.map

package/dist/src/views/flow/base-edge.d.ts

@@ -1,4 +1,3 @@
 import { EdgeProps } from '@xyflow/react';
 import React from 'react';
 export declare const BaseEdge: React.FC<EdgeProps>;
-//# sourceMappingURL=base-edge.d.ts.map

package/dist/src/views/flow/flow-loader.d.ts

@@ -1,2 +1 @@
 export declare const FlowLoader: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=flow-loader.d.ts.map

package/dist/src/views/flow/flow-view.d.ts

@@ -5,4 +5,3 @@ type Props = {
 };
 export declare const FlowView: React.FC<Props>;
 export {};
-//# sourceMappingURL=flow-view.d.ts.map

package/dist/src/views/flow/hooks/use-get-flow-state.d.ts

@@ -37,4 +37,3 @@ export declare const useGetFlowState: (flow: FlowResponse) => {
     nodeTypes: Record<string, import("react").ComponentType<any>> | undefined;
 };
 export {};
-//# sourceMappingURL=use-get-flow-state.d.ts.map

package/dist/src/views/flow/hooks/use-organize-nodes.d.ts

@@ -1,4 +1,3 @@
 import { Edge, Node } from '@xyflow/react';
 import { EventNodeData, EdgeData, ApiNodeData } from '../nodes/nodes.types';
 export declare const useOrganizeNodes: (nodes: Node<EventNodeData | ApiNodeData>[], edges: Edge<EdgeData>[], setNodes: (nodes: Node<EventNodeData | ApiNodeData>[]) => void) => void;
-//# sourceMappingURL=use-organize-nodes.d.ts.map

package/dist/src/views/flow/legend.d.ts

@@ -1,4 +1,3 @@
 export declare const Legend: ({ onHover }: {
     onHover: (type: string | null) => void;
 }) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=legend.d.ts.map

package/dist/src/views/flow/node-organizer.d.ts

@@ -3,4 +3,3 @@ type Props = {
 };
 export declare const NodeOrganizer: React.FC<Props>;
 export {};
-//# sourceMappingURL=node-organizer.d.ts.map

package/dist/src/views/flow/nodes/api-flow-node.d.ts

@@ -2,4 +2,3 @@ import { ApiNodeData } from './nodes.types';
 export declare const ApiFlowNode: ({ data }: {
     data: ApiNodeData;
 }) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=api-flow-node.d.ts.map

package/dist/src/views/flow/nodes/event-flow-node.d.ts

@@ -1,3 +1,2 @@
 import { EventNodeProps } from '../../../publicComponents/node-props';
 export declare const EventFlowNode: ({ data }: EventNodeProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=event-flow-node.d.ts.map

package/dist/src/views/flow/nodes/json-schema-form.d.ts

@@ -6,4 +6,3 @@ interface JsonSchemaFormProps {
 }
 export declare const JsonSchemaForm: React.FC<JsonSchemaFormProps>;
 export {};
-//# sourceMappingURL=json-schema-form.d.ts.map

package/dist/src/views/flow/nodes/language-indicator.d.ts

@@ -5,4 +5,3 @@ type Props = {
 };
 export declare const LanguageIndicator: FC<Props>;
 export {};
-//# sourceMappingURL=language-indicator.d.ts.map

package/dist/src/views/flow/nodes/nodes.types.d.ts

@@ -34,4 +34,3 @@ export type EdgeData = {
     label?: string;
     variant: 'event' | 'virtual';
 };
-//# sourceMappingURL=nodes.types.d.ts.map

package/dist/src/views/flow/nodes/noop-flow-node.d.ts

@@ -2,4 +2,3 @@ import { NoopNodeData } from './nodes.types';
 export declare const NoopFlowNode: ({ data }: {
     data: NoopNodeData;
 }) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=noop-flow-node.d.ts.map

package/dist/tailwind.config.d.ts

@@ -1,4 +1,3 @@
 import { Config } from 'tailwindcss';
 declare const config: Config;
 export default config;
-//# sourceMappingURL=tailwind.config.d.ts.map

package/dist/vite.config.d.ts

@@ -1,11 +1,2 @@
-/** @type {import('vite').UserConfig} */
-declare const _default: {
-    plugins: any[];
-    resolve: {
-        alias: {
-            '@': string;
-        };
-    };
-};
+declare const _default: import("vite").UserConfig;
 export default _default;
-//# sourceMappingURL=vite.config.d.ts.map

package/dist/vite.config.js

@@ -3,16 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const vite_1 = require("vite");
 const plugin_react_1 = __importDefault(require("@vitejs/plugin-react"));
 const path_1 = __importDefault(require("path"));
-const vite_1 = require("@tanstack/router-plugin/vite");
 // https://vite.dev/config/
-/** @type {import('vite').UserConfig} */
-exports.default = {
-    plugins: [(0, vite_1.TanStackRouterVite)(), (0, plugin_react_1.default)()],
+exports.default = (0, vite_1.defineConfig)({
+    plugins: [(0, plugin_react_1.default)()],
     resolve: {
         alias: {
             '@': path_1.default.resolve(__dirname, './src'),
         },
     },
-};
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motiadev/workbench",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "main": "dist/index.js",
   "dependencies": {
     "@radix-ui/react-collapsible": "^1.1.2",
@@ -26,6 +26,7 @@
     "postcss": "^8.4.49",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-router-dom": "^7.1.3",
     "socket.io-client": "^4.8.1",
     "tailwind-merge": "^2.6.0",
     "tailwindcss": "^3.4.17",
@@ -52,7 +53,6 @@
   },
   "scripts": {
     "lint": "eslint .",
-    "build": "rm -rf dist && tsc --build",
-    "old": "rm -rf dist && vite build"
+    "build": "rm -rf dist && tsc --build && sh post-build.sh"
   }
 }

package/components.json

@@ -1,21 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.js",
-    "css": "src/index.css",
-    "baseColor": "gray",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "iconLibrary": "lucide"
-}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAA;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAA;AACpF,cAAc,mCAAmC,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/middleware.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"middleware.d.ts","sourceRoot":"","sources":["../middleware.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,QAAe,GAAG,kBA2C7C,CAAA"}

package/dist/src/components/app-sidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/app-sidebar.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,UAAU,+CAsCtB,CAAA"}

package/dist/src/components/log-console.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"log-console.d.ts","sourceRoot":"","sources":["../../../src/components/log-console.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU,+CA6DtB,CAAA"}

package/dist/src/components/log-level-badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"log-level-badge.d.ts","sourceRoot":"","sources":["../../../src/components/log-level-badge.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CASrD,CAAA"}

package/dist/src/components/ui/badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;8EAkBlB,CAAA;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAE/G,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAE1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}