Unified pipeline studio view component

apps/design-system/src/pages/view-preview/root-view-wrapper.tsx

@@ -59,7 +59,7 @@ const RootViewWrapper: FC<PropsWithChildren<{ asChild?: boolean }>> = ({ childre
                 items={settingsMenu}
               />
             </SandboxLayout.LeftPanel>
-            <div className="flex flex-col">
+            <div className="flex flex-col overflow-hidden">
               <div className="bg-background-1 sticky top-0 z-40">
                 <Topbar.Root>
                   <Topbar.Left>

apps/design-system/src/pages/view-preview/view-preview.tsx

@@ -10,7 +10,6 @@ import ExecutionListWrapper from '@subjects/views/execution-list/execution-list'
 import { LabelsForm } from '@subjects/views/labels/labels-form'
 import { ProjectLabelsList } from '@subjects/views/labels/project-labels-list'
 import { RepoLabelsList } from '@subjects/views/labels/repo-labels-list'
-import PipelineStudioWrapper from '@subjects/views/pipeline-edit/pipeline-edit'
 import PipelineGraphWrapper from '@subjects/views/pipeline-graph/pipeline-graph'
 import PipelineGraphMinimalWrapper from '@subjects/views/pipeline-graph/pipeline-graph-minimal'
 import PipelineListWrapper from '@subjects/views/pipeline-list/pipeline-list'
@@ -41,6 +40,7 @@ import { RepoWebhooksList } from '@subjects/views/repo-webhooks-list/repo-webhoo
 import { SignInView } from '@subjects/views/signin'
 import { SignUpView } from '@subjects/views/signup'
 import { SpaceSettingsMembers } from '@subjects/views/space-settings-members/space-settings-members'
+import UnifiedPipelineStudioWrapper from '@subjects/views/unified-pipeline-studio/unified-pipeline-studio'
 import { useTranslationStore } from '@utils/viewUtils'
 
 import { ChatEmptyPreviewWrapper, ChatPreviewWrapper } from '@harnessio/ui/components'
@@ -276,9 +276,13 @@ export const viewPreviews: Record<string, ViewPreviewGroup> = {
           </RepoViewWrapper>
         )
       },
-      'pipeline-studio': {
-        label: 'Pipeline Studio',
-        element: <PipelineStudioWrapper />
+      'unified-pipeline-studio': {
+        label: 'Unified Pipeline Studio',
+        element: (
+          <RepoViewWrapper>
+            <UnifiedPipelineStudioWrapper />
+          </RepoViewWrapper>
+        )
       },
       'pipeline-graph': {
         label: 'Pipeline Graph',

apps/design-system/src/subjects/views/execution/pipeline-execution-graph.tsx

@@ -69,7 +69,7 @@ export function StepNodeComponent({
   node: LeafNodeInternalType<StepNodeDataType>
 } & NodeProps) {
   const { name, icon, logs } = node.data
-  const stepNode = <PipelineNodes.StepNode name={name} icon={icon} onEllipsisClick={() => undefined} mode={mode} />
+  const stepNode = <PipelineNodes.StepNode name={name} icon={icon} onEllipsisClick={() => undefined} />
 
   if (mode === 'Edit') {
     return stepNode
@@ -162,8 +162,7 @@ export interface SerialGroupNodeDataType {
 
 export function SerialGroupNodeComponent({
   node,
-  children,
-  mode
+  children
 }: {
   node: SerialNodeInternalType<SerialGroupNodeDataType>
   children: React.ReactElement
@@ -177,7 +176,6 @@ export function SerialGroupNodeComponent({
       onAddClick={() => undefined}
       onHeaderClick={() => undefined}
       onAddInClick={() => undefined}
-      mode={mode}
     >
       {children}
     </PipelineNodes.SerialGroupNode>
@@ -192,8 +190,7 @@ export interface ParallelGroupNodeDataType {
 
 export function ParallelGroupNodeComponent({
   node,
-  children,
-  mode
+  children
 }: {
   node: ParallelNodeInternalType<ParallelGroupNodeDataType>
   children: React.ReactElement
@@ -207,7 +204,6 @@ export function ParallelGroupNodeComponent({
       onAddClick={() => undefined}
       onHeaderClick={() => undefined}
       onAddInClick={() => undefined}
-      mode={mode}
     >
       {children}
     </PipelineNodes.ParallelGroupNode>