PromucFlow_constructor/app/client/cypress/e2e/Regression/ClientSide/AppNavigation
Hetu Nandu e0d0ee1046
chore: Reorganise IDE Panels (#35114)
## Description

By re organising the panels in the IDE, we are creating a new Code
Editor only panel which is separate from the main / canvas and the
explorer panel. This ensures that the Code Editor is not remounted when
switching between Split screen and Full screen. This PR is also
improving the Preview mode by not changing urls when entering and
exiting preview modes.

EE PR: https://github.com/appsmithorg/appsmith-ee/pull/4760

Fixes #31707
Fixes #31387
Fixes #34545
Fixes #34546

## Automation

/ok-to-test tags="@tag.All"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/10177085462>
> Commit: 26688b0fde7e797d88996ef569d9fc06e3942958
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=10177085462&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.All`
> Spec:
> <hr>Wed, 31 Jul 2024 09:42:50 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [ ] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

## Summary by CodeRabbit

- **New Features**
- Introduced `EditorPaneExplorer` and `QueryExplorer` components for
enhanced navigation and query management within the IDE.
- Added visual enhancements to `ListJSObjects` and `AddWidgets`
components with new style properties.

- **Improvements**
- Implemented clamping in the `useDynamicAppLayout` hook to prevent
negative width values, enhancing layout stability.
- Updated layout management to ensure a responsive user experience based
on IDE view modes.

- **Style**
- Enhanced visual clarity by adding borders to various components,
improving UI separation and organization.

- **Bug Fixes**
- Streamlined test cases in the `Postgres2_Spec.ts` to maintain coherent
sequencing after removing unnecessary tests.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-07-31 21:23:35 +05:30
..
AppNavigation_spec.ts test:PartialExport_Widgets spec file updated and import app method updated with validations (#33343) 2024-05-10 19:20:40 +05:30
AppNavigationWithAutoLayout_spec.ts fix: Context Switching fixes for Copy and Delete (#29841) 2023-12-27 14:17:35 +05:30
AppNavigationWithGit_spec.ts chore: Reorganise IDE Panels (#35114) 2024-07-31 21:23:35 +05:30
AppNavigationWithMultiplePages_spec.ts test: Cypress | Replace static with Dynamic waits - Part III (#29582) 2023-12-14 22:03:20 +05:30
NavigationSettings_spec.ts test: Cypress - Added Tags to test cases - @tag.GSheet, @tag.Datasource, @tag.JS, @tag.IDE, @tag.Settings, @tag.Binding (#29471) 2023-12-11 15:19:44 +05:30
Sidebar_spec.ts test:PartialExport_Widgets spec file updated and import app method updated with validations (#33343) 2024-05-10 19:20:40 +05:30
SidebarCollapse_spec.ts test: Cypress - Added Tags to test cases - @tag.GSheet, @tag.Datasource, @tag.JS, @tag.IDE, @tag.Settings, @tag.Binding (#29471) 2023-12-11 15:19:44 +05:30
TopInline_spec.ts test:PartialExport_Widgets spec file updated and import app method updated with validations (#33343) 2024-05-10 19:20:40 +05:30
TopStacked_spec.ts test:PartialExport_Widgets spec file updated and import app method updated with validations (#33343) 2024-05-10 19:20:40 +05:30