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

package/dist/src/App.js

@@ -1,31 +1,33 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { useEffect, 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 { setAppTabs, TabLocation } from './stores/use-app-tabs-store';
+import { TabLocation, useAppTabsStore } from './stores/use-app-tabs-store';
 import { SystemViewMode } from './system-view-mode';
 const TAB_IDS = {
     FLOW: 'flow',
     LOGS: 'logs',
 };
-const registerDefaultTabs = () => {
-    const topTabs = [
-        {
-            id: TAB_IDS.FLOW,
-            tabLabel: FlowTabMenuItem,
-            content: FlowPage,
-        },
-    ];
-    const bottomTabs = [];
-    setAppTabs(TabLocation.TOP, topTabs);
-    setAppTabs(TabLocation.BOTTOM, bottomTabs);
-};
-registerDefaultTabs();
-registerPluginTabs();
+const topTabs = [
+    {
+        id: TAB_IDS.FLOW,
+        tabLabel: FlowTabMenuItem,
+        content: FlowPage,
+    },
+];
 export const App = () => {
+    const setTabs = useAppTabsStore((state) => state.setTabs);
+    const addTab = useAppTabsStore((state) => state.addTab);
+    useEffect(() => {
+        const timeout = setTimeout(() => {
+            setTabs(TabLocation.TOP, topTabs);
+            registerPluginTabs(addTab);
+        }, 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 +1,2 @@
-export declare const registerPluginTabs: () => void;
+import { type AppTab, TabLocation } from '@/stores/use-app-tabs-store';
+export declare const registerPluginTabs: (addTab: (position: TabLocation, tab: AppTab) => void) => void;

package/dist/src/lib/plugins.js

@@ -2,9 +2,9 @@ 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 { addAppTab, TabLocation } from '@/stores/use-app-tabs-store';
+import { TabLocation } from '@/stores/use-app-tabs-store';
 import { isValidTabLocation } from './utils';
-export const registerPluginTabs = () => {
+export const registerPluginTabs = (addTab) => {
     if (!Array.isArray(plugins)) {
         console.warn('[Motia] Invalid plugins configuration: expected array');
         return;
@@ -42,7 +42,7 @@ export const registerPluginTabs = () => {
                 return _jsx(Component, { ...props });
             });
             PluginContent.displayName = `${plugin.label}Content`;
-            addAppTab(tabLocation, {
+            addTab(tabLocation, {
                 id: plugin.label.toLowerCase(),
                 tabLabel: PluginTabLabel,
                 content: PluginContent,

package/dist/src/stores/use-app-tabs-store.d.ts

@@ -14,5 +14,3 @@ export interface AppTabsState {
     removeTab: (position: TabLocation, id: string) => void;
 }
 export declare const useAppTabsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AppTabsState>>;
-export declare const setAppTabs: (position: TabLocation, tabs: AppTab[]) => void;
-export declare const addAppTab: (position: TabLocation, tab: AppTab) => void;

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

@@ -29,9 +29,3 @@ export const useAppTabsStore = create((set) => ({
         },
     })),
 }));
-export const setAppTabs = (position, tabs) => {
-    useAppTabsStore.getState().setTabs(position, tabs);
-};
-export const addAppTab = (position, tab) => {
-    useAppTabsStore.getState().addTab(position, tab);
-};