@motiadev/workbench 0.9.4-beta.151-930104 → 0.9.4-beta.151-160668

package/dist/middleware.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.applyMiddleware = void 0;
-const plugin_react_swc_1 = __importDefault(require("@vitejs/plugin-react-swc"));
+const plugin_react_1 = __importDefault(require("@vitejs/plugin-react"));
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const vite_1 = require("vite");
@@ -74,7 +74,7 @@ const applyMiddleware = async ({ app, port, workbenchBase, plugins }) => {
             },
         },
         plugins: [
-            (0, plugin_react_swc_1.default)(),
+            (0, plugin_react_1.default)(),
             processCwdPlugin(),
             reoPlugin(),
             (0, motia_plugin_1.default)(plugins),

package/dist/motia-plugin/validator.js

@@ -27,7 +27,7 @@ const WorkbenchPluginSchema = zod_1.z.object({
     label: zod_1.z.string().optional(),
     labelIcon: zod_1.z.string().optional(),
     cssImports: zod_1.z.array(zod_1.z.string()).optional(),
-    props: zod_1.z.record(zod_1.z.any()).optional(),
+    props: zod_1.z.record(zod_1.z.any(), zod_1.z.any()).optional(),
 });
 /**
  * Validates a single plugin configuration.
@@ -49,7 +49,7 @@ function validatePluginConfig(plugin, index) {
     try {
         const result = WorkbenchPluginSchema.safeParse(plugin);
         if (!result.success) {
-            result.error.errors.forEach((err) => {
+            result.error.issues.forEach((err) => {
                 const path = err.path.join('.');
                 errors.push(`Plugin at index ${index}, field "${path}": ${err.message}`);
             });

package/dist/src/components/flow/flow-tab-menu-item.js

@@ -17,5 +17,5 @@ export const FlowTabMenuItem = () => {
         selectFlowId(flowId);
         motiaAnalytics.track('flow_selected', { flow: flowId });
     };
-    return (_jsxs("div", { className: "flex flex-row justify-center items-center gap-2 cursor-pointer", children: [_jsx(Workflow, {}), selectedFlowId ?? 'No flow selected', _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("div", { className: "flex flex-row justify-center items-center gap-2 cursor-pointer", children: _jsx(ChevronsUpDown, { className: "size-4", "data-testid": "flows-dropdown-trigger" }) }) }), _jsx(DropdownMenuContent, { className: "bg-background text-foreground flows-dropdown", children: flows.map((item) => (_jsx(DropdownMenuItem, { "data-testid": `dropdown-${item}`, className: "cursor-pointer gap-2 flow-link", onClick: () => handleFlowSelect(item), children: item }, `dropdown-${item}`))) })] })] }));
+    return (_jsxs("div", { className: "flex flex-row justify-center items-center gap-2 cursor-pointer", children: [_jsx(Workflow, {}), selectedFlowId ?? 'No flow selected', _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("div", { className: "flex flex-row justify-center items-center gap-2 cursor-pointer", "data-testid": "flows-dropdown-trigger", children: _jsx(ChevronsUpDown, { className: "size-4" }) }) }), _jsx(DropdownMenuContent, { className: "bg-background text-foreground flows-dropdown", children: flows.map((item) => (_jsx(DropdownMenuItem, { "data-testid": `dropdown-${item}`, className: "cursor-pointer gap-2 flow-link", onClick: () => handleFlowSelect(item), children: item }, `dropdown-${item}`))) })] })] }));
 };

package/dist/src/components/top-panel.js

@@ -10,6 +10,6 @@ export const TopPanel = memo(() => {
     const setTopTab = useTabsStore((state) => state.setTopTab);
     const tabs = useAppTabsStore(useShallow(topTabsSelector));
     const topPanelId = useId();
-    return (_jsx(CollapsiblePanel, { id: topPanelId, variant: 'tabs', defaultTab: defaultTab, onTabChange: setTopTab, header: _jsx(TabsList, { children: tabs.map(({ id, tabLabel: Label }) => (_jsx(TabsTrigger, { value: id, "data-testid": `${id.toLowerCase()}-link`, className: "cursor-pointer", children: _jsx(Label, {}) }, id))) }), children: tabs.map(({ id, content: Element }) => (_jsx(TabsContent, { value: id, className: "h-full", children: _jsx(Element, {}) }, id))) }));
+    return (_jsx(CollapsiblePanel, { id: topPanelId, variant: 'tabs', defaultTab: defaultTab, onTabChange: setTopTab, withResizeHandle: true, header: _jsx(TabsList, { children: tabs.map(({ id, tabLabel: Label }) => (_jsx(TabsTrigger, { value: id, "data-testid": `${id.toLowerCase()}-link`, className: "cursor-pointer", children: _jsx(Label, {}) }, id))) }), children: tabs.map(({ id, content: Element }) => (_jsx(TabsContent, { value: id, className: "h-full", children: _jsx(Element, {}) }, id))) }));
 });
 TopPanel.displayName = 'TopPanel';