Manage group members UI + backend implemented.

src/main/java/org/to/telegramfinalproject/UI/AddMembersController.java

@@ -35,6 +35,13 @@ public class AddMembersController {
     private String groupDisplayId;
     private File groupImageFile;
 
+    public enum Mode {
+        CREATE,   // from New Group
+        ADD       // from Group Info
+    }
+
+    private Mode mode = Mode.CREATE; // default
+
     // انتخاب‌ها
     private final Set<Contact> selectedContacts = new HashSet<>();
     // همه‌ی کانتکت‌ها
@@ -42,7 +49,7 @@ public class AddMembersController {
 
     @FXML
     public void initialize() {
-        // اسکرول نرم
+        // Smooth scroll feel
         contactsScroll.getStylesheets().add(
                 getClass().getResource("/org/to/telegramfinalproject/CSS/scrollpane.css").toExternalForm()
         );
@@ -81,21 +88,28 @@ public class AddMembersController {
         renderContacts(allContacts);
     }
 
-    // این متد را NewGroupController بعد از ساخت گروه صدا بزند
+    // Called when creating a new group from sidebar
     public void setGroupInfo(UUID internalId, String groupName, String displayId, File groupImageFile) {
         this.groupInternalId = internalId;
         this.groupName = groupName;
         this.groupDisplayId = displayId;
         this.groupImageFile = groupImageFile;
+        this.mode = Mode.CREATE;
+        updateActionButtonText();
     }
 
-    // — اگر هنوز امضای قدیمی را صدا می‌زنی، موقتاً این اوِرلود هست (displayId را می‌گیرد اما internal_id لازم است) —
+    // Called when adding to an existing group
-    public void setGroupInfo(String groupName, String groupId, File groupImageFile) {
+    public void setGroupForAdd(UUID internalId, String groupName) {
-        // ⚠️ فقط برای سازگاری موقت؛ حتماً NewGroupController را طوری به‌روزرسانی کن
+        this.groupInternalId = internalId;
-        // که internal_id را بدهد (امضای بالایی).
         this.groupName = groupName;
-        this.groupDisplayId = groupId;
+        this.mode = Mode.ADD;
-        this.groupImageFile = groupImageFile;
+        updateActionButtonText();
+    }
+
+    private void updateActionButtonText() {
+        if (createButton != null) {
+            createButton.setText(mode == Mode.CREATE ? "Create" : "Add");
+        }
     }
 
     private void loadContactsFromSession() {

src/main/java/org/to/telegramfinalproject/UI/ManageMembersController.java

@@ -0,0 +1,188 @@
+package org.to.telegramfinalproject.UI;
+
+import javafx.application.Platform;
+import javafx.fxml.FXML;
+import javafx.fxml.FXMLLoader;
+import javafx.geometry.Pos;
+import javafx.scene.Node;
+import javafx.scene.control.*;
+import javafx.scene.image.Image;
+import javafx.scene.image.ImageView;
+import javafx.scene.layout.*;
+import org.json.JSONArray;
+import org.json.JSONObject;
+import org.to.telegramfinalproject.Client.ActionHandler;
+import org.to.telegramfinalproject.Client.AvatarLocalResolver;
+
+import java.io.IOException;
+import java.util.Comparator;
+import java.util.UUID;
+
+public class ManageMembersController {
+
+    @FXML private VBox membersCard;
+    @FXML private Pane overlayBackground;
+    @FXML private Button closeButton;
+    @FXML private Button closeFooterButton;
+    @FXML private Button addMembersButton;
+    @FXML private ScrollPane membersScroll;
+    @FXML private VBox membersList;
+
+    private String groupId;
+
+    @FXML
+    private void initialize() {
+        closeButton.setOnAction(e -> MainController.getInstance().closeOverlay(membersCard.getParent()));
+        closeFooterButton.setOnAction(e -> MainController.getInstance().closeOverlay(membersCard.getParent()));
+        overlayBackground.setOnMouseClicked(e -> MainController.getInstance().closeOverlay(membersCard.getParent()));
+
+        addMembersButton.setOnAction(e -> {
+            // open add members overlay
+            openAddMembersOverlay(groupId);
+        });
+
+        // Smooth scroll feel
+        membersScroll.getStylesheets().add(getClass().getResource("/org/to/telegramfinalproject/CSS/scrollpane.css").toExternalForm());
+        membersScroll.setPannable(true);
+        membersScroll.setFitToWidth(true);
+        membersScroll.setFitToHeight(false);
+        membersScroll.getContent().setOnScroll(event -> {
+            double deltaY = event.getDeltaY() * 0.003;
+            membersScroll.setVvalue(membersScroll.getVvalue() - deltaY);
+        });
+
+    }
+
+    public void setGroupData(String groupId, JSONArray members) {
+        this.groupId = groupId;
+        membersList.getChildren().clear();
+
+        // Convert safely into JSONObject list
+        java.util.List<JSONObject> parsed = new java.util.ArrayList<>();
+
+        for (int i = 0; i < members.length(); i++) {
+            Object raw = members.get(i);
+
+            if (raw instanceof JSONObject obj) {
+                parsed.add(obj);
+            } else if (raw instanceof java.util.Map<?, ?> map) {
+                parsed.add(new JSONObject(map));
+            } else {
+                System.err.println("Skipping invalid member element at index " + i + ": " + raw);
+            }
+        }
+
+        // Sort: owners first, then others
+        parsed.sort((a, b) -> {
+            boolean aOwner = "owner".equalsIgnoreCase(a.optString("role"));
+            boolean bOwner = "owner".equalsIgnoreCase(b.optString("role"));
+            return Boolean.compare(!aOwner, !bOwner); // false < true → owner first
+        });
+
+        // Add rows
+        for (JSONObject m : parsed) {
+            addMemberRow(m);
+        }
+    }
+
+    private void addMemberRow(JSONObject m) {
+        HBox row = new HBox(10);
+        row.getStyleClass().add("member-row");
+        row.setAlignment(Pos.CENTER_LEFT);
+
+        // Avatar
+        ImageView avatar = new ImageView();
+        avatar.setFitWidth(36);
+        avatar.setFitHeight(36);
+        avatar.setPreserveRatio(true);
+
+        String imgUrl = m.optString("image_url", "");
+        if (!imgUrl.isBlank()) {
+            Image img = AvatarLocalResolver.load(imgUrl);
+            if (img != null) avatar.setImage(img);
+        } else {
+            avatar.setImage(new Image(getClass().getResourceAsStream(
+                    "/org/to/telegramfinalproject/Avatars/default_user_profile.png"
+            )));
+        }
+
+        // Name + Status
+        VBox details = new VBox(2);
+        Label name = new Label(m.optString("profile_name", "Unknown"));
+        name.getStyleClass().add("member-name");
+
+        Label status = new Label(
+                m.optBoolean("is_online", false) ? "online"
+                        : "last seen recently"
+        );
+        status.getStyleClass().add("member-status");
+
+        details.getChildren().addAll(name, status);
+
+        Region spacer = new Region();
+        HBox.setHgrow(spacer, Priority.ALWAYS);
+
+        row.getChildren().addAll(avatar, details, spacer);
+
+        // Only non-owners can be removed
+        String role = m.optString("role", "member");
+        if (!"owner".equalsIgnoreCase(role)) {
+            Button removeBtn = new Button("Remove");
+            removeBtn.getStyleClass().add("link-btn");
+            removeBtn.setOnAction(e -> removeMember(m.optString("user_id"), row));
+            row.getChildren().add(removeBtn);
+        }
+
+        membersList.getChildren().add(row);
+    }
+
+    private void removeMember(String userId, HBox row) {
+        JSONObject req = new JSONObject()
+                .put("action", "remove_member_from_group")
+                .put("group_id", groupId)   // must be the group's internal_uuid
+                .put("user_id", userId);    // target user's internal_uuid
+
+        // Disable the button while request is in progress
+        row.setDisable(true);
+
+        new Thread(() -> {
+            JSONObject resp = ActionHandler.sendWithResponse(req);
+
+            if (resp != null && "success".equalsIgnoreCase(resp.optString("status"))) {
+                Platform.runLater(() -> {
+                    membersList.getChildren().remove(row);
+                });
+            } else {
+                Platform.runLater(() -> {
+                    row.setDisable(false); // re-enable on error
+                    Alert a = new Alert(Alert.AlertType.ERROR,
+                            resp != null ? resp.optString("message", "Failed to remove member.")
+                                    : "No response from server.",
+                            ButtonType.OK);
+                    a.show();
+                });
+            }
+        }).start();
+    }
+
+    public void openAddMembersOverlay(String groupId) {
+        try {
+            FXMLLoader loader = new FXMLLoader(getClass().getResource(
+                    "/org/to/telegramfinalproject/Fxml/add_member.fxml"));
+            Node overlay = loader.load();
+
+            AddMembersController controller = loader.getController();
+            // Pass the groupId as UUID
+            controller.setGroupForAdd(UUID.fromString(groupId), "");
+
+            MainController.getInstance().showOverlay(overlay);
+        } catch (IOException e) {
+            e.printStackTrace();
+            MainController.getInstance().showAlert(
+                    "Error",
+                    "Could not load Add Members scene.",
+                    Alert.AlertType.ERROR
+            );
+        }
+    }
+}

src/main/resources/org/to/telegramfinalproject/Fxml/manage_members.fxml

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.layout.*?>
+<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.control.*?>
+<?import javafx.geometry.Insets?>
+
+<StackPane xmlns:fx="http://javafx.com/fxml"
+           fx:controller="org.to.telegramfinalproject.UI.ManageMembersController"
+           styleClass="overlay-root">
+
+    <!-- Background -->
+    <Pane fx:id="overlayBackground" styleClass="overlay-background"/>
+
+    <!-- Card -->
+    <VBox fx:id="membersCard" styleClass="profile-card" spacing="12"
+          prefWidth="360" maxWidth="360"
+          prefHeight="520" maxHeight="520">
+
+        <!-- ===== Header ===== -->
+        <HBox alignment="CENTER_LEFT" spacing="10">
+            <Label text="Members" styleClass="profile-title" HBox.hgrow="ALWAYS"/>
+            <Pane HBox.hgrow="ALWAYS"/>
+            <Button fx:id="closeButton" styleClass="icon-button" text="✕"/>
+        </HBox>
+
+        <Separator styleClass="section-separator"/>
+
+        <!-- ===== Members List ===== -->
+        <ScrollPane fx:id="membersScroll" fitToWidth="true" styleClass="member-scroll" VBox.vgrow="ALWAYS">
+            <content>
+                <VBox fx:id="membersList" spacing="10"/>
+            </content>
+        </ScrollPane>
+
+        <Separator styleClass="section-separator"/>
+
+        <!-- ===== Footer ===== -->
+        <HBox spacing="12" alignment="CENTER_RIGHT">
+            <Button fx:id="addMembersButton" text="Add members" styleClass="secondary-btn"/>
+            <Button fx:id="closeFooterButton" text="Close" styleClass="primary-btn"/>
+        </HBox>
+
+    </VBox>
+</StackPane>