Fixed bug: flow not showing

src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx

@@ -363,7 +363,7 @@ export default function Page({
 
   return (
     <div className="flex h-full overflow-hidden">
-      {view && <ExtraSidebar />}
+      {!view && <ExtraSidebar />}
       {/* Main area */}
       <main className="flex flex-1">
         {/* Primary column */}
@@ -372,21 +372,6 @@ export default function Page({
             {Object.keys(templates).length > 0 &&
             Object.keys(types).length > 0 ? (
               <div className="h-full w-full">
-                {view ? (
-                  <ReactFlow
-                    nodes={nodes}
-                    edges={edges}
-                    className="theme-attribution"
-                    minZoom={0.01}
-                    maxZoom={8}
-                  >
-                    <Background className="" />
-                    <Controls
-                      className="bg-muted fill-foreground stroke-foreground text-primary
-                 [&>button]:border-b-border hover:[&>button]:bg-border"
-                    ></Controls>
-                  </ReactFlow>
-                ) : (
                 <ReactFlow
                   nodes={nodes}
                   onMove={() => {
@@ -427,8 +412,7 @@ export default function Page({
                    [&>button]:border-b-border hover:[&>button]:bg-border"
                   ></Controls>
                 </ReactFlow>
-                )}
+                {!view && (
-                {view && (
                   <Chat flow={flow} reactFlowInstance={reactFlowInstance} />
                 )}
               </div>

src/frontend/src/pages/FlowPage/index.tsx

@@ -29,7 +29,7 @@ export default function FlowPage() {
         {flows.length > 0 &&
           tabId !== "" &&
           flows.findIndex((flow) => flow.id === tabId) !== -1 && (
-            <Page view flow={flows.find((flow) => flow.id === tabId)} />
+            <Page flow={flows.find((flow) => flow.id === tabId)} />
           )}
         <a
           target={"_blank"}

src/frontend/src/pages/ViewPage/index.tsx

@@ -26,7 +26,7 @@ export default function ViewPage() {
       {flows.length > 0 &&
         tabId !== "" &&
         flows.findIndex((flow) => flow.id === tabId) !== -1 && (
-          <Page flow={flows.find((flow) => flow.id === tabId)} />
+          <Page view flow={flows.find((flow) => flow.id === tabId)} />
         )}
     </div>
   );