refactor(FoldersInput): improve folder display and cleanup code

Updated folder display logic to show folder names directly and
enhanced styling for better readability. Cleaned up unused
dependencies in the component.

Author: trae-op

package.json

@@ -1,7 +1,7 @@
 {
   "name": "electron-agent-prompts",
   "private": true,
-  "version": "0.21.46",
+  "version": "0.22.47",
   "type": "module",
   "main": "dist-main/app.js",
   "author": "traeop",

src/renderer/components/FoldersInput/FoldersInput.tsx

@@ -53,7 +53,7 @@ export const FoldersInput = ({ defaultFolders }: TFoldersInputProps) => {
     (folder: string) => () => {
       setFolders((current) => current.filter((item) => item !== folder));
     },
-    []
+    [],
   );
 
   return (
@@ -98,12 +98,10 @@ export const FoldersInput = ({ defaultFolders }: TFoldersInputProps) => {
                   </Avatar>
                 </ListItemAvatar>
                 <ListItemText
-                  primary={folderName}
-                  secondary={folder}
+                  primary={folder}
                   slotProps={{
-                    secondary: {
-                      noWrap: true,
-                      sx: { textOverflow: "ellipsis", overflow: "hidden" },
+                    primary: {
+                      sx: { wordBreak: "break-word" },
                     },
                   }}
                 />

src/renderer/conceptions/UpdateProject/components/UpdateProjectModal.test.tsx

@@ -17,7 +17,7 @@ import { UpdateProjectModal } from "./UpdateProjectModal";
 
 const createProject = (
   id: string,
-  overrides?: Partial<TProject>
+  overrides?: Partial<TProject>,
 ): TProject => ({
   id,
   name: `Project ${id}`,
@@ -67,7 +67,7 @@ describe("UpdateProjectModal", () => {
     render(
       <Provider>
         <UpdateProjectModal onSuccess={vi.fn()} />
-      </Provider>
+      </Provider>,
     );
 
     expect(screen.queryByTestId("update-project-form")).toBeNull();
@@ -81,7 +81,7 @@ describe("UpdateProjectModal", () => {
         <OpenModalWithProjectOnMount project={project}>
           <UpdateProjectModal onSuccess={vi.fn()} />
         </OpenModalWithProjectOnMount>
-      </Provider>
+      </Provider>,
     );
 
     await waitFor(() => {
@@ -103,12 +103,12 @@ describe("UpdateProjectModal", () => {
         </OpenModalWithProjectOnMount>
         <ModalStateProbe />
         <ProjectProbe />
-      </Provider>
+      </Provider>,
     );
 
     const form = await screen.findByTestId("update-project-form");
     const nameField = within(
-      screen.getByTestId("update-project-name")
+      screen.getByTestId("update-project-name"),
     ).getByRole("textbox");
 
     fireEvent.change(nameField, { target: { value: "  Updated Name  " } });
@@ -118,7 +118,6 @@ describe("UpdateProjectModal", () => {
       expect(updateProjectMock).toHaveBeenCalledWith({
         id: initialProject.id,
         name: "Updated Name",
-        isGeneral: false,
       });
     });
 
@@ -129,10 +128,10 @@ describe("UpdateProjectModal", () => {
     await waitFor(() => {
       expect(screen.queryByTestId("update-project-form")).toBeNull();
       expect(
-        screen.getByTestId("update-project-modal-state")
+        screen.getByTestId("update-project-modal-state"),
       ).toHaveTextContent("false");
       expect(
-        screen.getByTestId("update-project-modal-project")
+        screen.getByTestId("update-project-modal-project"),
       ).toHaveTextContent("none");
     });
   });
@@ -148,12 +147,12 @@ describe("UpdateProjectModal", () => {
         <OpenModalWithProjectOnMount project={project}>
           <UpdateProjectModal onSuccess={onSuccess} />
         </OpenModalWithProjectOnMount>
-      </Provider>
+      </Provider>,
     );
 
     const form = await screen.findByTestId("update-project-form");
     const nameField = within(
-      screen.getByTestId("update-project-name")
+      screen.getByTestId("update-project-name"),
     ).getByRole("textbox");
 
     fireEvent.change(nameField, { target: { value: "New Name" } });
@@ -163,13 +162,12 @@ describe("UpdateProjectModal", () => {
       expect(updateProjectMock).toHaveBeenCalledWith({
         id: project.id,
         name: "New Name",
-        isGeneral: false,
       });
     });
 
     expect(onSuccess).not.toHaveBeenCalled();
     expect(
-      await screen.findByTestId("update-project-form")
+      await screen.findByTestId("update-project-form"),
     ).toBeInTheDocument();
   });
 
@@ -181,7 +179,7 @@ describe("UpdateProjectModal", () => {
         <OpenModalWithProjectOnMount project={project}>
           <UpdateProjectModal onSuccess={vi.fn()} />
         </OpenModalWithProjectOnMount>
-      </Provider>
+      </Provider>,
     );
 
     await waitFor(() => {