Restore visual WorkflowsView mapping in App.tsx

Author: spearchucker667

docs/summary_of_work.md

@@ -112,6 +112,12 @@ remains. The current canonical roadmap is
 backlog files were removed.
 
 ### Latest Session Summary
+- **2026-06-18 visual workflow editor restoration (current session):**
+  - Investigated user report: "workflow tab only allows for add step... when using playground and selecting open in workflow, workflow is not transferred over".
+  - Identified that a recent commit accidentally remapped the `workflows` tab in `App.tsx` to the new `WorkflowTemplatesViewLazy` (a linear prompt chain editor) instead of the intended `WorkflowsViewLazy` (the ReactFlow visual nodes editor used by the Playground).
+  - Restored the `workflows` tab mapping to `WorkflowsView` in `App.tsx`, resolving the missing visual editor and restoring the Playground "Open in Workflow" handoff.
+  - Verified stability via the test matrix.
+
 - **2026-06-18 performance stress test repair (current session):**
   - Investigated user report: "app froze when selecting different menues for a speed stress test".
   - Identified massive DOM reconciliation overhead in `src/components/layout/sidebar.tsx` during rapid tab switches, caused by rendering all conversation history nodes when the search input was empty.

src/App.tsx

@@ -35,9 +35,9 @@ export function isShortcutTargetEditable(event: KeyboardEvent): boolean {
 // them. Each lazy wrapper preserves the existing React.lazy / Suspense
 // fallback contract used by Workflows / Playground / RP Studio (P2-008).
 
-const LazyWorkflowTemplatesView = lazy(() => import('./components/workflows/WorkflowTemplatesView').then((m) => ({ default: m.WorkflowTemplatesView })))
-function WorkflowTemplatesViewLazy() {
-  return <Suspense fallback={<div className="flex items-center justify-center h-full text-[12px] text-text-muted/50">Loading workflows…</div>}><LazyWorkflowTemplatesView /></Suspense>
+const LazyWorkflowsView = lazy(() => import('./components/workflows/workflows-view').then((m) => ({ default: m.WorkflowsView })))
+function WorkflowsViewLazy() {
+  return <Suspense fallback={<div className="flex items-center justify-center h-full text-[12px] text-text-muted/50">Loading workflows…</div>}><LazyWorkflowsView /></Suspense>
 }
 
 const LazyPlaygroundView = lazy(() => import('./components/playground/playground-view').then((m) => ({ default: m.PlaygroundView })))
@@ -136,7 +136,7 @@ const views: Record<TabId, React.ComponentType> = {
   music: MusicView,
   video: VideoView,
   embeddings: EmbeddingsView,
-  workflows: WorkflowTemplatesViewLazy,
+  workflows: WorkflowsViewLazy,
   privacy: StoragePrivacyDashboard,
   playground: PlaygroundView,
   status: StatusView,