@motiadev/workbench 0.8.2-beta.140-364012 → 0.8.2-beta.140-930160

package/dist/src/App.js

@@ -1,36 +1,31 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useMemo } from 'react';
+import { useMemo } from 'react';
 import { FlowPage } from './components/flow/flow-page';
 import { FlowTabMenuItem } from './components/flow/flow-tab-menu-item';
 import { registerPluginTabs } from './lib/plugins';
 import { getViewModeFromURL } from './lib/utils';
 import { ProjectViewMode } from './project-view-mode';
-import { TabLocation, useAppTabsStore } from './stores/use-app-tabs-store';
+import { setAppTabs, TabLocation } from './stores/use-app-tabs-store';
 import { SystemViewMode } from './system-view-mode';
 const TAB_IDS = {
     FLOW: 'flow',
     LOGS: 'logs',
 };
-const topTabs = [
-    {
-        id: TAB_IDS.FLOW,
-        tabLabel: FlowTabMenuItem,
-        content: FlowPage,
-    },
-];
+const registerDefaultTabs = () => {
+    const topTabs = [
+        {
+            id: TAB_IDS.FLOW,
+            tabLabel: FlowTabMenuItem,
+            content: FlowPage,
+        },
+    ];
+    const bottomTabs = [];
+    setAppTabs(TabLocation.TOP, topTabs);
+    setAppTabs(TabLocation.BOTTOM, bottomTabs);
+};
+registerDefaultTabs();
+registerPluginTabs();
 export const App = () => {
-    const setTabs = useAppTabsStore((state) => state.setTabs);
-    const addTab = useAppTabsStore((state) => state.addTab);
-    useEffect(() => {
-        const timeout = setTimeout(() => {
-            console.log('registering default tabs');
-            setTabs(TabLocation.TOP, topTabs);
-            console.log('registering plugin tabs');
-            registerPluginTabs(addTab);
-            console.log('registered tabs');
-        }, 10);
-        return () => clearTimeout(timeout);
-    }, [setTabs, addTab]);
     const viewMode = useMemo(getViewModeFromURL, []);
     const ViewComponent = viewMode === 'project' ? ProjectViewMode : SystemViewMode;
     return _jsx(ViewComponent, {});

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

@@ -1,2 +1 @@
-import { type AppTab, TabLocation } from '@/stores/use-app-tabs-store';
-export declare const registerPluginTabs: (addTab: (position: TabLocation, tab: AppTab) => void) => void;
+export declare const registerPluginTabs: () => void;

package/dist/src/lib/plugins.js

@@ -2,14 +2,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { plugins } from 'virtual:motia-plugins';
 import { DynamicIcon, dynamicIconImports } from 'lucide-react/dynamic';
 import { memo } from 'react';
-import { TabLocation } from '@/stores/use-app-tabs-store';
+import { addAppTab, TabLocation } from '@/stores/use-app-tabs-store';
 import { isValidTabLocation } from './utils';
-export const registerPluginTabs = (addTab) => {
+export const registerPluginTabs = () => {
     if (!Array.isArray(plugins)) {
         console.warn('[Motia] Invalid plugins configuration: expected array');
         return;
     }
-    console.log('[Motia] Registering plugins:', plugins);
     plugins.forEach((plugin, index) => {
         try {
             if (!plugin.label) {
@@ -43,7 +42,7 @@ export const registerPluginTabs = (addTab) => {
                 return _jsx(Component, { ...props });
             });
             PluginContent.displayName = `${plugin.label}Content`;
-            addTab(tabLocation, {
+            addAppTab(tabLocation, {
                 id: plugin.label.toLowerCase(),
                 tabLabel: PluginTabLabel,
                 content: PluginContent,

package/dist/src/stores/use-app-tabs-store.js

@@ -30,10 +30,8 @@ export const useAppTabsStore = create((set) => ({
     })),
 }));
 export const setAppTabs = (position, tabs) => {
-    console.log('[Motia] Setting tabs:', position, tabs);
     useAppTabsStore.getState().setTabs(position, tabs);
 };
 export const addAppTab = (position, tab) => {
-    console.log('[Motia] Adding tab:', position, tab);
     useAppTabsStore.getState().addTab(position, tab);
 };