@motiadev/workbench 0.8.4-beta.142-001319 → 0.8.5-beta.142

package/dist/middleware.js

@@ -58,6 +58,7 @@ const applyMiddleware = async ({ app, port, workbenchBase, plugins }) => {
                 allow: [
                     __dirname, // workbench root
                     path_1.default.join(process.cwd(), './steps'), // steps directory
+                    path_1.default.join(process.cwd(), './src'), // src directory
                     path_1.default.join(process.cwd(), './tutorial.tsx'), // tutorial file
                     path_1.default.join(process.cwd(), './node_modules'), // node_modules directory
                     path_1.default.join(__dirname, './node_modules'), // node_modules directory

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

@@ -3,7 +3,7 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigge
 import { ChevronsUpDown, Workflow } from 'lucide-react';
 import { useShallow } from 'zustand/react/shallow';
 import { useFetchFlows } from '@/hooks/use-fetch-flows';
-import { analytics } from '@/lib/analytics';
+import { motiaAnalytics } from '@/lib/motia-analytics';
 import { useFlowStore } from '@/stores/use-flow-store';
 export const FlowTabMenuItem = () => {
     useFetchFlows();
@@ -15,7 +15,7 @@ export const FlowTabMenuItem = () => {
     }
     const handleFlowSelect = (flowId) => {
         selectFlowId(flowId);
-        analytics.track('flow_selected', { flow: 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", { "data-testid": "flows-dropdown-trigger", className: "flex flex-row justify-center items-center gap-2 cursor-pointer", 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/header/deploy-button.js

@@ -2,26 +2,26 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@motiadev/ui';
 import { Rocket } from 'lucide-react';
 import { useState } from 'react';
-import { analytics } from '@/lib/analytics';
+import { motiaAnalytics } from '@/lib/motia-analytics';
 export const DeployButton = () => {
     const [isOpen, setIsOpen] = useState(false);
     const onDeployButtonClick = () => {
-        analytics.track('deploy_button_clicked');
+        motiaAnalytics.track('deploy_button_clicked');
     };
     const onDeployClick = () => {
         setIsOpen(false);
-        analytics.track('deploy_button_deploy_clicked');
+        motiaAnalytics.track('deploy_button_deploy_clicked');
     };
     const onClose = () => {
         setIsOpen(false);
-        analytics.track('deploy_button_closed');
+        motiaAnalytics.track('deploy_button_closed');
     };
     const onMotiaCloudClick = () => {
         setIsOpen(true);
-        analytics.track('deploy_button_motia_cloud_clicked');
+        motiaAnalytics.track('deploy_button_motia_cloud_clicked');
     };
     const onSelfHostedClick = () => {
-        analytics.track('deploy_button_self_hosted_clicked');
+        motiaAnalytics.track('deploy_button_self_hosted_clicked');
         window.open('https://www.motia.dev/docs/deployment-guide/self-hosted', '_blank');
     };
     return (_jsxs(_Fragment, { children: [isOpen && (_jsxs("div", { children: [_jsx("div", { className: "fixed inset-0 z-[9999] bg-black/20 backdrop-blur-sm", onClick: () => setIsOpen(false) }), _jsxs("div", { className: "driver-popover w-[600px]! fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-[10000] animate-in fade-in-0 zoom-in-95", children: [_jsx("img", { src: "https://oxhhfuuoqzsaqthfairn.supabase.co/storage/v1/object/public/public-images/preview.png", alt: "Motia Cloud", className: "driver-popover-image object-cover", style: { height: 393, width: '100%' } }), _jsx("div", { className: "driver-popover-title", children: _jsx("h2", { className: "popover-title", children: "Motia Cloud is Live!" }) }), _jsx("div", { className: "driver-popover-description", children: "Deploy to production in minutes, not hours. One click gets your Motia project live with enterprise-grade reliability. Seamlessly scale, rollback instantly, and monitor everything in real-time. Your code deserves infrastructure that just works." }), _jsx("a", { href: "https://www.motia.dev/docs/concepts/deployment/motia-cloud/features", target: "_blank", className: "text-foreground text-xs font-semibold px-4 hover:underline", rel: "noopener", children: "Learn more about Motia Cloud" }), _jsx("div", { className: "driver-popover-footer flex items-center justify-end", children: _jsxs("div", { className: "driver-popover-navigation-btns flex gap-6", children: [_jsx("button", { className: "tutorial-opt-out-button text-sm! font-semibold! text-muted-foreground!", onClick: onClose, children: "Close" }), _jsx("a", { href: "https://motia.cloud?utm_source=workbench&utm_medium=referral", target: "_blank", onClick: onDeployClick, rel: "noopener", children: _jsx("button", { className: "driver-popover-next-btn", children: "Deploy!" }) })] }) })] })] })), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "font-semibold text-sm dark:bg-white dark:text-black dark:hover:bg-white/90 bg-black/90 hover:bg-black/80 text-white", onClick: onDeployButtonClick, children: [_jsx(Rocket, {}), "Deploy"] }) }), _jsxs(DropdownMenuContent, { className: "bg-background text-foreground w-56", children: [_jsx(DropdownMenuItem, { className: "cursor-pointer h-10 font-semibold", onClick: onMotiaCloudClick, children: "Motia Cloud" }), _jsx(DropdownMenuItem, { className: "cursor-pointer h-10 font-semibold", onClick: onSelfHostedClick, children: "Self-Hosted (Docker)" })] })] })] }));

package/dist/src/components/root-motia.js

@@ -1,4 +1,4 @@
-import { useAnalytics } from '@/lib/analytics';
+import { useAnalytics } from '@/lib/motia-analytics';
 export const RootMotia = ({ children }) => {
     useAnalytics();
     return children;

package/dist/src/components/tutorial/tutorial-button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '@motiadev/ui';
 import { Book } from 'lucide-react';
-import { analytics } from '@/lib/analytics';
+import { motiaAnalytics } from '@/lib/motia-analytics';
 import { Tooltip } from '../ui/tooltip';
 import { useTutorial } from './hooks/use-tutorial';
 export const TutorialButton = () => {
@@ -11,7 +11,7 @@ export const TutorialButton = () => {
         if (!isTutorialFlowMissing) {
             open();
         }
-        analytics.track('tutorial_button_clicked', { isTutorialFlowMissing });
+        motiaAnalytics.track('tutorial_button_clicked', { isTutorialFlowMissing });
     };
     const trigger = (_jsxs(Button, { "data-testid": "tutorial-trigger", variant: "default", onClick: () => onTutorialButtonClick(), children: [_jsx(Book, { className: "h-4 w-4" }), "Tutorial"] }));
     if (isTutorialFlowMissing) {

package/dist/src/components/tutorial/tutorial.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { analytics } from '@/lib/analytics';
+import { motiaAnalytics } from '@/lib/motia-analytics';
 import { useTutorialEngine } from './hooks/use-tutorial-engine';
 import { TutorialStep } from './tutorial-step';
 import './tutorial.css';
@@ -10,19 +10,19 @@ export const Tutorial = () => {
         const nextStep = currentStep + 1;
         engine.moveStep(nextStep);
         if (engine.currentStep === engine.totalSteps) {
-            analytics.track('tutorial_completed', {
+            motiaAnalytics.track('tutorial_completed', {
                 manualOpen: engine.manualOpenRef.current,
             });
         }
         else {
-            analytics.track('tutorial_next_step', {
+            motiaAnalytics.track('tutorial_next_step', {
                 step: nextStep,
                 manualOpen: engine.manualOpenRef.current,
             });
         }
     };
     const onClose = () => {
-        analytics.track('tutorial_closed', {
+        motiaAnalytics.track('tutorial_closed', {
             step: engine.currentStepRef.current,
             manualOpen: engine.manualOpenRef.current,
         });

package/dist/src/lib/{analytics.d.ts → motia-analytics.d.ts}

@@ -27,7 +27,7 @@ declare class WorkbenchAnalytics {
     };
     track(eventName: string, properties?: Record<string, any>): void;
 }
-export declare const analytics: WorkbenchAnalytics;
+export declare const motiaAnalytics: WorkbenchAnalytics;
 export declare const useAnalytics: () => {
     track: (eventName: string, properties?: Record<string, any>) => void;
     getAnalyticsIds: () => {

package/dist/src/lib/{analytics.js → motia-analytics.js}

@@ -117,13 +117,13 @@ class WorkbenchAnalytics {
         }
     }
 }
-export const analytics = new WorkbenchAnalytics();
+export const motiaAnalytics = new WorkbenchAnalytics();
 export const useAnalytics = () => {
     const track = useCallback((eventName, properties) => {
-        analytics.track(eventName, properties);
+        motiaAnalytics.track(eventName, properties);
     }, []);
     const getAnalyticsIds = useCallback(() => {
-        return analytics.getAnalyticsIds();
+        return motiaAnalytics.getAnalyticsIds();
     }, []);
     return {
         track,

package/dist/src/system-view-mode.js

@@ -3,7 +3,7 @@ import { APP_SIDEBAR_CONTAINER_ID, CollapsiblePanel, CollapsiblePanelGroup, Tabs
 import { useCallback, useMemo } from 'react';
 import { useShallow } from 'zustand/react/shallow';
 import { Header } from './components/header/header';
-import { analytics } from './lib/analytics';
+import { motiaAnalytics } from './lib/motia-analytics';
 import { TabLocation, useAppTabsStore } from './stores/use-app-tabs-store';
 import { useTabsStore } from './stores/use-tabs-store';
 const topTabs = (state) => state.tabs;
@@ -17,7 +17,7 @@ export const SystemViewMode = () => {
         [TabLocation.BOTTOM]: setBottomTab,
     }), [setTopTab, setBottomTab]);
     const onTabChange = useCallback((location) => (newTab) => {
-        analytics.track(`${location} tab changed`, { [`new.${location}`]: newTab, tab });
+        motiaAnalytics.track(`${location} tab changed`, { [`new.${location}`]: newTab, tab });
         tabChangeCallbacks[location](newTab);
     }, [tabChangeCallbacks, tab]);
     return (_jsxs("div", { className: "grid grid-rows-[auto_1fr] grid-cols-[1fr_auto] bg-background text-foreground h-screen", children: [_jsx("div", { className: "col-span-2", children: _jsx(Header, {}) }), _jsx("main", { className: "m-2 overflow-hidden", role: "main", children: _jsxs(CollapsiblePanelGroup, { autoSaveId: "app-panel", direction: "vertical", className: "gap-1 h-full", "aria-label": "Workbench panels", children: [_jsx(CollapsiblePanel, { id: "top-panel", variant: 'tabs', defaultTab: tab.top, onTabChange: onTabChange(TabLocation.TOP), header: _jsx(TabsList, { children: tabs[TabLocation.TOP].map((tab) => {