@motiadev/workbench 0.4.2-beta.95 → 0.4.4-beta.97

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@motiadev/workbench",
   "description": "A web-based interface for building and managing Motia workflows.",
-  "version": "0.4.2-beta.95",
+  "version": "0.4.4-beta.97",
   "main": "dist/index.js",
   "dependencies": {
     "@monaco-editor/react": "^4.6.1",
@@ -40,8 +40,8 @@
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.32.1",
     "vite": "^6.3.5",
-    "@motiadev/stream-client-react": "0.4.2-beta.95",
-    "@motiadev/ui": "0.4.2-beta.95"
+    "@motiadev/stream-client-react": "0.4.4-beta.97",
+    "@motiadev/ui": "0.4.4-beta.97"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",

package/dist/src/components/states/state-detail.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Sidebar } from '@/components/sidebar/sidebar';
-import { Braces, X } from 'lucide-react';
-import { useState } from 'react';
-import JsonView from 'react18-json-view';
-import { StateValue } from './state-value';
-export const StateDetail = ({ state, onClose }) => {
-    const [isCodeEnabled, setIsCodeEnabled] = useState(false);
-    return (_jsx(Sidebar, { onClose: onClose, title: "State details", subtitle: `${state.groupId} ${state.key}`, actions: [
-            {
-                active: isCodeEnabled,
-                icon: _jsx(Braces, {}),
-                onClick: () => setIsCodeEnabled(!isCodeEnabled),
-                label: 'Code',
-            },
-            { icon: _jsx(X, {}), onClick: onClose, label: 'Close' },
-        ], children: _jsx("div", { className: "flex flex-col gap-2", children: isCodeEnabled ? _jsx(JsonView, { src: state.value }) : _jsx(StateValue, { value: state.value, isRoot: true }) }) }));
-};

package/dist/src/components/states/state-value.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-type Props = {
-    value: unknown;
-    isRoot?: boolean;
-    label?: string;
-};
-export declare const StateValue: React.FC<Props>;
-export {};

package/dist/src/components/states/state-value.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@/lib/utils';
-import { cva } from 'class-variance-authority';
-import { SquareMinus, SquarePlus } from 'lucide-react';
-import React, { useState } from 'react';
-const valueVariants = cva('text-muted-foreground text-sm', {
-    variants: {
-        variant: {
-            boolean: 'text-sky-400 font-mono font-bold',
-            number: 'text-teal-400 font-mono font-bold',
-            undefined: 'text-muted-foreground',
-            string: 'text-muted-foreground font-mono font-medium',
-            object: 'text-gray-800',
-        },
-    },
-    defaultVariants: {
-        variant: 'string',
-    },
-});
-const Value = ({ value, variant, label, }) => {
-    const displayValue = typeof value === 'string' ? value : JSON.stringify(value);
-    return (_jsxs("div", { className: "flex flex-col gap-1", children: [label && _jsx("div", { className: "text-md font-bold", children: label }), _jsx("div", { className: valueVariants({ variant }), children: displayValue })] }));
-};
-export const StateValue = ({ value, label, isRoot = false }) => {
-    const [isOpen, setIsOpen] = useState(true);
-    const toggle = () => setIsOpen(!isOpen);
-    if (React.isValidElement(value)) {
-        return value;
-    }
-    if (typeof value === 'boolean') {
-        return _jsx(Value, { label: label, variant: "boolean", value: value ? 'true' : 'false' });
-    }
-    if (typeof value === 'number') {
-        return _jsx(Value, { label: label, variant: "number", value: value });
-    }
-    if (typeof value === 'undefined') {
-        return _jsx(Value, { label: label, variant: "undefined", value: value });
-    }
-    if (typeof value === 'string') {
-        return _jsx(Value, { label: label, variant: "string", value: value });
-    }
-    const isArray = Array.isArray(value);
-    const [openBracket, closeBracket] = isRoot ? [] : isArray ? ['[', ']'] : ['{', '}'];
-    if (typeof value === 'object' && !!value) {
-        const valueObject = value;
-        return (_jsxs("div", { className: "flex flex-col gap-2", children: [(label || openBracket) && (_jsxs("div", { className: "flex gap-1 items-center text-md font-bold hover:bg-muted-foreground/10 rounded-md py-2 cursor-pointer", onClick: toggle, children: [isOpen ? (_jsx(SquareMinus, { className: "w-4 h-4 text-muted-foreground" })) : (_jsx(SquarePlus, { className: "w-4 h-4 text-muted-foreground" })), label, ' ', !isRoot && (_jsxs("span", { className: "text-muted-foreground text-sm", children: [openBracket, !isOpen && ` ... ${closeBracket}`] }))] })), isOpen &&
-                    !!valueObject &&
-                    Object.keys(valueObject).map((key) => (_jsx("div", { className: cn('flex flex-col gap-2', !isRoot && 'ml-4'), children: _jsx("span", { className: "text-md", children: _jsx(StateValue, { label: isArray ? undefined : key, value: valueObject[key] }) }) }, key))), !isRoot && isOpen && _jsx("span", { className: "text-muted-foreground text-sm", children: closeBracket })] }));
-    }
-    return _jsx(Value, { value: undefined, variant: "object" });
-};