feat(client): deleting a file in code editor leaves the file structu…

[AJMADHAB]

Description

Deleting a file in Code editor should leave the file structure open.

Changes Made

1.Modified FileExplorer.tsx
2.Modified FileExplorerPanel.tsx

How to Test

1. Go to Apps -> open any App -> click edit -> delete any file you want
2. Expected outcomes:
   The file structure will remain open after deleting a file.

Notes

[github-actions]

@CodiumAI-Agent /describe

[CodiumAI-Agent]

Title

feat(client): deleting a file in code editor leaves the file structu…

---

User description

Description

Deleting a file in Code editor should leave the file structure open.

Changes Made

1.Modified FileExplorer.tsx
2.Modified FileExplorerPanel.tsx

How to Test

1. Go to Apps -> open any App -> click edit -> delete any file you want
2. Expected outcomes:
   The file structure will remain open after deleting a file.

Notes

---

PR Type

Enhancement

---

Description

• Add controlled expansion props for FileExplorer

• Remove internal expanded state hook

• Handle toggle events in parent panel

• Maintain expandedPaths in FileExplorerPanel

---

Changes walkthrough 📝

Relevant files

Enhancement

FileExplorer.tsx Externalize FileExplorer expansion state                                  packages/client/src/components/common/File/FileExplorer.tsx Introduce expandedPaths and onToggleExpand props Remove internal expanded state management Bind expandedPaths to TreeView expanded prop Call onToggleExpand on node toggle event +14/-9    FileExplorerPanel.tsx Manage file tree expansion in panel                                            packages/client/src/components/workspace/panels/FileExplorerPanel.tsx Add expandedPaths state hook in panel Implement handleToggleExpand toggle function Pass expandedPaths and onToggleExpand to FileExplorer +10/-1

---

Need help?

Type /help how to ... in the comments thread for any questions about PR-Agent usage.

Check out the documentation for more information.

[github-actions]

@CodiumAI-Agent /review

[CodiumAI-Agent]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Prop Type Mismatch The expanded prop passed to FileExplorerItem receives the entire expandedPaths array instead of a boolean indicating whether the item is expanded. This could lead to unexpected rendering or runtime errors. <FileExplorerItem key={n.path} type={type} space={space} name={n.name} path={n.path} isDirectory={n.type === 'directory'} lastModified={n.lastModified} expanded={expandedPaths} Toggle Logic The logic inside onNodeToggle only identifies a single toggled node and may not handle simultaneous expansion or collapse of multiple nodes correctly. Ensure multi-node toggles behave as expected. onNodeToggle={(e, nodeIds) => { const lastToggled = nodeIds.find((id) => !expandedPaths.includes(id)) || expandedPaths.find((id) => !nodeIds.includes(id)); if (lastToggled) { onToggleExpand(lastToggled); } }}

[github-actions]

@CodiumAI-Agent /improve

[CodiumAI-Agent]

PR Code Suggestions ✨

Category	Suggestion	Impact
General	Remove unused commented code Remove the commented-out local state since expansion is now fully controlled by props. This cleans up dead code and prevents confusion. packages/client/src/components/common/File/FileExplorer.tsx [78] -//const [expanded, setExpanded] = React.useState<string[]>([]); + Suggestion importance[1-10]: 3 __ Why: Removing the commented-out expanded state is a minor cleanup that improves readability and removes dead code.	Low

[github-actions]

@CodiumAI-Agent /update_changelog

[CodiumAI-Agent]

Changelog updates: 🔄

2025-05-30 *

Changed

• Keep file tree expanded after deleting a file in the code editor

to commit the new content to the CHANGELOG.md file, please type:
'/update_changelog --pr_update_changelog.push_changelog_changes=true'