Editor Redesign Cleanup: main layout, toolbar, and rail (#31031)

* feat: integrate  main layout, toolbar, and rail from redesign into main ide-react folder

* feat: remove additional files no longer used after ide redesign

GitOrigin-RevId: 8fd77f63cb9c67be91995a9dde13b0fe2376d80f

services/web/frontend/js/features/ide-react/components/editor/editor-pane.tsx

@@ -1,62 +0,0 @@
-import { Panel, PanelGroup } from 'react-resizable-panels'
-import React, { FC, lazy, Suspense } from 'react'
-import SourceEditor from '@/features/source-editor/components/source-editor'
-import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
-import { useEditorOpenDocContext } from '@/features/ide-react/context/editor-open-doc-context'
-import classNames from 'classnames'
-import { EditorLoadingPane } from '@/features/ide-react/components/editor/editor-loading-pane'
-import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
-import { VerticalResizeHandle } from '@/features/ide-react/components/resize/vertical-resize-handle'
-import { useFileTreeOpenContext } from '@/features/ide-react/context/file-tree-open-context'
-import { useEditorPropertiesContext } from '@/features/ide-react/context/editor-properties-context'
-
-const SymbolPalettePane = lazy(
-  () => import('@/features/ide-react/components/editor/symbol-palette-pane')
-)
-
-export const EditorPane: FC = () => {
-  const { showSymbolPalette } = useEditorPropertiesContext()
-  const { selectedEntityCount, openEntity } = useFileTreeOpenContext()
-  const { isLoading } = useEditorManagerContext()
-  const { currentDocumentId } = useEditorOpenDocContext()
-
-  if (!currentDocumentId) {
-    return null
-  }
-
-  return (
-    <div
-      className={classNames('ide-react-editor-content', 'full-size', {
-        hidden: openEntity?.type !== 'doc' || selectedEntityCount !== 1,
-      })}
-    >
-      <PanelGroup autoSaveId="ide-editor-layout" direction="vertical">
-        <Panel
-          id="panel-source-editor"
-          order={1}
-          className="ide-react-editor-panel"
-        >
-          <SourceEditor />
-          {isLoading && <EditorLoadingPane />}
-        </Panel>
-
-        {showSymbolPalette && (
-          <>
-            <VerticalResizeHandle id="editor-symbol-palette" />
-            <Panel
-              id="panel-symbol-palette"
-              order={2}
-              defaultSize={25}
-              minSize={10}
-              maxSize={50}
-            >
-              <Suspense fallback={<FullSizeLoadingSpinner delay={500} />}>
-                <SymbolPalettePane />
-              </Suspense>
-            </Panel>
-          </>
-        )}
-      </PanelGroup>
-    </div>
-  )
-}

services/web/frontend/js/features/ide-react/components/editor/editor-panel.tsx

@@ -0,0 +1,26 @@
+import NoSelectionPane from '@/features/ide-react/components/editor/no-selection-pane'
+import { Editor } from '@/features/ide-redesign/components/editor'
+import { useFileTreeOpenContext } from '@/features/ide-react/context/file-tree-open-context'
+import FileView from '@/features/file-view/components/file-view'
+import { fileViewFile } from '@/features/ide-react/util/file-view'
+import MultipleSelectionPane from '@/features/ide-react/components/editor/multiple-selection-pane'
+
+export default function EditorPanel() {
+  const { selectedEntityCount, openEntity } = useFileTreeOpenContext()
+
+  return (
+    <div className="ide-redesign-editor-container">
+      {selectedEntityCount === 0 && <NoSelectionPane />}
+      {selectedEntityCount === 1 && openEntity?.type === 'fileRef' && (
+        <FileView
+          file={fileViewFile(openEntity.entity)}
+          key={openEntity.entity._id}
+        />
+      )}
+      {selectedEntityCount > 1 && (
+        <MultipleSelectionPane selectedEntityCount={selectedEntityCount} />
+      )}
+      <Editor />
+    </div>
+  )
+}