@motiadev/workbench 0.17.6-beta.188-784886 → 0.17.7-beta.188

package/dist/middleware.js

@@ -664,33 +664,13 @@ const applyMiddleware = async ({ app, port, workbenchBase, plugins }) => {
 				path.join(__dirname, "./node_modules")
 			] }
 		},
-		resolve: {
-			dedupe: [
-				"react",
-				"react-dom",
-				"react/jsx-runtime",
-				"@motiadev/stream-client-react",
-				"@motiadev/stream-client-browser",
-				"@motiadev/stream-client"
-			],
-			alias: {
-				"@": path.resolve(__dirname, "./src"),
-				"@/assets": path.resolve(__dirname, "./src/assets"),
-				"lucide-react/dynamic": "lucide-react/dynamic.mjs",
-				"lucide-react": "lucide-react/dist/cjs/lucide-react.js"
-			}
-		},
-		optimizeDeps: {
-			exclude: ["@motiadev/workbench"],
-			include: [
-				"@motiadev/stream-client-react",
-				"@motiadev/stream-client-browser",
-				"@motiadev/stream-client",
-				"react/jsx-runtime",
-				"react",
-				"react-dom"
-			]
-		},
+		resolve: { alias: {
+			"@": path.resolve(__dirname, "./src"),
+			"@/assets": path.resolve(__dirname, "./src/assets"),
+			"lucide-react/dynamic": "lucide-react/dynamic.mjs",
+			"lucide-react": "lucide-react/dist/cjs/lucide-react.js"
+		} },
+		optimizeDeps: { exclude: ["@motiadev/workbench"] },
 		plugins: [
 			react({ babel: { plugins: ["babel-plugin-react-compiler"] } }),
 			processCwdPlugin(),

package/dist/src/components/bottom-panel.tsx

@@ -3,7 +3,6 @@ import { memo } from 'react'
 import { useShallow } from 'zustand/react/shallow'
 import { type AppTabsState, TabLocation, useAppTabsStore } from '../stores/use-app-tabs-store'
 import { useTabsStore } from '../stores/use-tabs-store'
-import { TabErrorBoundary } from './tab-error-boundary'
 
 const bottomTabsSelector = (state: AppTabsState) => state.tabs[TabLocation.BOTTOM]
 const bottomPanelId = 'bottom-panel'
@@ -31,9 +30,7 @@ export const BottomPanel = memo(() => {
     >
       {tabs.map(({ id, content: Element }) => (
         <TabsContent key={id} value={id} className="h-full">
-          <TabErrorBoundary tabId={id}>
-            <Element />
-          </TabErrorBoundary>
+          <Element />
         </TabsContent>
       ))}
     </CollapsiblePanel>

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

@@ -3,7 +3,6 @@ import { memo } from 'react'
 import { useShallow } from 'zustand/react/shallow'
 import { type AppTabsState, TabLocation, useAppTabsStore } from '../stores/use-app-tabs-store'
 import { useTabsStore } from '../stores/use-tabs-store'
-import { TabErrorBoundary } from './tab-error-boundary'
 
 const topTabsSelector = (state: AppTabsState) => state.tabs[TabLocation.TOP]
 const topPanelId = 'top-panel'
@@ -32,9 +31,7 @@ export const TopPanel = memo(() => {
     >
       {tabs.map(({ id, content: Element }) => (
         <TabsContent key={id} value={id} className="h-full">
-          <TabErrorBoundary tabId={id}>
-            <Element />
-          </TabErrorBoundary>
+          <Element />
         </TabsContent>
       ))}
     </CollapsiblePanel>

package/dist/src/project-view-mode.tsx

@@ -1,7 +1,6 @@
 import { APP_SIDEBAR_CONTAINER_ID, Panel } from '@motiadev/ui'
 import { memo } from 'react'
 import { useShallow } from 'zustand/react/shallow'
-import { TabErrorBoundary } from './components/tab-error-boundary'
 import { type AppTabsState, TabLocation, useAppTabsStore } from './stores/use-app-tabs-store'
 
 const topTabs = (state: AppTabsState) => state.tabs[TabLocation.TOP]
@@ -20,11 +19,7 @@ export const ProjectViewMode = memo(() => {
             return {
               label: tab.id,
               labelComponent: <LabelComponent />,
-              content: (
-                <TabErrorBoundary tabId={tab.id}>
-                  <Element />
-                </TabErrorBoundary>
-              ),
+              content: <Element />,
               'data-testid': tab.id,
             }
           })}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@motiadev/workbench",
   "description": "A web-based interface for building and managing Motia workflows.",
-  "version": "0.17.6-beta.188-784886",
+  "version": "0.17.7-beta.188",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -23,10 +23,10 @@
     "dagre": "^0.8.5",
     "fast-deep-equal": "^3.1.3",
     "json-schema": "^0.4.0",
-    "lucide-react": "^0.555.0",
+    "lucide-react": "^0.554.0",
     "postcss": "^8.5.6",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "react-router-dom": "^7.9.6",
     "react-syntax-highlighter": "^16.1.0",
     "react18-json-view": "^0.2.9",
@@ -38,10 +38,10 @@
     "babel-plugin-react-compiler": "^1.0.0",
     "vite": "^7.2.4",
     "zod": "^4.1.13",
-    "zustand": "^5.0.9",
-    "@motiadev/core": "0.17.6-beta.188-784886",
-    "@motiadev/stream-client-react": "0.17.6-beta.188-784886",
-    "@motiadev/ui": "0.17.6-beta.188-784886"
+    "zustand": "^5.0.8",
+    "@motiadev/core": "0.17.7-beta.188",
+    "@motiadev/stream-client-react": "0.17.7-beta.188",
+    "@motiadev/ui": "0.17.7-beta.188"
   },
   "devDependencies": {
     "@rollup/plugin-babel": "^6.1.0",

package/dist/src/components/tab-error-boundary.tsx

@@ -1,119 +0,0 @@
-import { AlertTriangle, ChevronDown, ChevronRight, RefreshCw } from 'lucide-react'
-import { Component, type ErrorInfo, type ReactNode } from 'react'
-
-interface TabErrorBoundaryProps {
-  tabId: string
-  children: ReactNode
-}
-
-interface TabErrorBoundaryState {
-  hasError: boolean
-  error: Error | null
-  errorInfo: ErrorInfo | null
-  isDetailsExpanded: boolean
-}
-
-export class TabErrorBoundary extends Component<TabErrorBoundaryProps, TabErrorBoundaryState> {
-  constructor(props: TabErrorBoundaryProps) {
-    super(props)
-    this.state = {
-      hasError: false,
-      error: null,
-      errorInfo: null,
-      isDetailsExpanded: false,
-    }
-  }
-
-  static getDerivedStateFromError(error: Error): Partial<TabErrorBoundaryState> {
-    return { hasError: true, error }
-  }
-
-  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {
-    this.setState({ errorInfo })
-    console.error(`Error in tab "${this.props.tabId}":`, error, errorInfo)
-  }
-
-  handleRetry = (): void => {
-    this.setState({
-      hasError: false,
-      error: null,
-      errorInfo: null,
-      isDetailsExpanded: false,
-    })
-  }
-
-  toggleDetails = (): void => {
-    this.setState((prev) => ({ isDetailsExpanded: !prev.isDetailsExpanded }))
-  }
-
-  render(): ReactNode {
-    if (this.state.hasError) {
-      const { error, errorInfo, isDetailsExpanded } = this.state
-      const { tabId } = this.props
-
-      return (
-        <div className="flex flex-col items-center justify-center h-full p-6 text-foreground">
-          <div className="flex flex-col items-center gap-4 max-w-lg w-full">
-            <div className="flex items-center gap-3 text-destructive">
-              <AlertTriangle className="w-8 h-8" />
-              <h2 className="text-xl font-semibold">Something went wrong</h2>
-            </div>
-
-            <p className="text-sm text-muted-foreground text-center">
-              An error occurred in the <span className="font-mono text-foreground">{tabId}</span> tab.
-            </p>
-
-            <button
-              onClick={this.handleRetry}
-              className="flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors"
-            >
-              <RefreshCw className="w-4 h-4" />
-              Retry
-            </button>
-
-            <div className="w-full mt-4 border border-border rounded-lg overflow-hidden">
-              <button
-                onClick={this.toggleDetails}
-                className="flex items-center gap-2 w-full px-4 py-3 bg-muted/50 hover:bg-muted transition-colors text-left"
-              >
-                {isDetailsExpanded ? <ChevronDown className="w-4 h-4" /> : <ChevronRight className="w-4 h-4" />}
-                <span className="text-sm font-medium">Error Details</span>
-              </button>
-
-              {isDetailsExpanded && (
-                <div className="p-4 bg-card text-sm space-y-4 overflow-auto max-h-80">
-                  <div>
-                    <h4 className="font-semibold text-destructive mb-1">Error Message</h4>
-                    <pre className="whitespace-pre-wrap break-words font-mono text-xs bg-muted p-2 rounded">
-                      {error?.message || 'Unknown error'}
-                    </pre>
-                  </div>
-
-                  {error?.stack && (
-                    <div>
-                      <h4 className="font-semibold text-muted-foreground mb-1">Stack Trace</h4>
-                      <pre className="whitespace-pre-wrap break-words font-mono text-xs bg-muted p-2 rounded overflow-x-auto">
-                        {error.stack}
-                      </pre>
-                    </div>
-                  )}
-
-                  {errorInfo?.componentStack && (
-                    <div>
-                      <h4 className="font-semibold text-muted-foreground mb-1">Component Stack</h4>
-                      <pre className="whitespace-pre-wrap break-words font-mono text-xs bg-muted p-2 rounded overflow-x-auto">
-                        {errorInfo.componentStack}
-                      </pre>
-                    </div>
-                  )}
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-      )
-    }
-
-    return this.props.children
-  }
-}