Port ProcessTreeView to GTK4

po/POTFILES

@@ -6,8 +6,9 @@ src/Indicator/Widgets/PopoverWidget.vala
 src/Views/ProcessView/ProcessInfoView/ProcessInfoHeader.vala
 src/Views/ProcessView/ProcessInfoView/ProcessInfoIOStats.vala
 src/Views/ProcessView/ProcessInfoView/ProcessInfoView.vala
-src/Views/ProcessView/ProcessTreeView/CPUProcessTreeView.vala
 src/Views/ProcessView/ProcessInfoView/ProcessInfoCPURAM.vala
+src/Views/ProcessView/ProcessTreeView/ProcessTreeView.vala
+src/Views/ProcessView/ProcessTreeView/ProcessTreeViewNameCell.vala
 src/Views/PreferencesView.vala
 src/Views/SystemView/SystemCPUView.vala
 src/Views/SystemView/SystemCPUInfoPopover.vala

src/MainWindow.vala

@@ -112,22 +112,10 @@ public class Monitor.MainWindow : Gtk.ApplicationWindow {
         MonitorApp.settings.bind ("opened-view", stack, "visible-child-name", DEFAULT);
 
         search_entry.search_changed.connect (() => {
-            // collapse tree only when search is focused and changed
-            if (search_entry.is_focus ()) {
-                process_view.process_tree_view.collapse_all ();
-            }
-
-            process_view.needle = search_entry.text;
-
-            // focus on child row to avoid the app crashes by clicking "Kill/End Process" buttons in headerbar
-            process_view.process_tree_view.focus_on_child_row ();
+            process_view.treeview_model.filtered.needle = search_entry.text;
             search_entry.grab_focus ();
         });
 
-        search_entry.activate.connect (() => {
-            process_view.process_tree_view.focus_on_first_row ();
-        });
-
         var search_action = new GLib.SimpleAction ("search", null);
         search_action.activate.connect (() => {
             search_entry.text = "";

src/Models/ProcessRowData.vala

@@ -0,0 +1,15 @@
+/*
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ * SPDX-FileCopyrightText: 2026 elementary, Inc. (https://elementary.io)
+ */
+
+/* This class holds data from Process class to use in the ColumnView */
+public class Monitor.ProcessRowData : GLib.Object {
+    public Icon icon { get; set; }
+    public string name { get; set; }
+    public int cpu { get; set; }
+    public uint64 memory { get; set; }
+    public int pid { get; set; }
+    public string cmd { get; set; }
+    public Gee.HashMap<string, Binding> bindings = new Gee.HashMap<string, Binding> ();
+}

src/Models/TreeViewFilter.vala

@@ -0,0 +1,41 @@
+/*
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ * SPDX-FileCopyrightText: 2026 elementary, Inc. (https://elementary.io)
+ */
+
+public class Monitor.TreeViewFilter : GLib.Object {
+    public string needle { get; set; }
+    public Gtk.FilterListModel model_out;
+
+    public TreeViewFilter (GLib.ListModel? model) {
+        var name_filter = build_str_filter ("name");
+        var cmd_filter = build_str_filter ("cmd");
+
+        // since the pid property is an int, we need to use a custom filter to convert it to a string
+        var pid_filter = new Gtk.CustomFilter ((obj) => {
+            var item = (ProcessRowData) obj;
+            bool pid_found = item.pid.to_string ().contains (needle.casefold ());
+            return pid_found;
+        });
+
+        var any_filter = new Gtk.AnyFilter ();
+        any_filter.append (name_filter);
+        any_filter.append (cmd_filter);
+        any_filter.append (pid_filter);
+
+        model_out = new Gtk.FilterListModel (model, any_filter);
+
+        bind_property ("needle", name_filter, "search", SYNC_CREATE);
+        bind_property ("needle", cmd_filter, "search", SYNC_CREATE);
+    }
+
+    private Gtk.StringFilter build_str_filter (string column_name) {
+        var expression = new Gtk.PropertyExpression (typeof (ProcessRowData), null, column_name);
+        return new Gtk.StringFilter (expression) {
+            ignore_case = true,
+            match_mode = SUBSTRING,
+            search = needle
+        };
+    }
+
+}

src/Models/TreeViewModel.vala

@@ -3,30 +3,49 @@
  * SPDX-FileCopyrightText: 2025 elementary, Inc. (https://elementary.io)
  */
 
-public enum Monitor.Column {
-    ICON,
-    NAME,
-    CPU,
-    MEMORY,
-    PID,
-    CMD
-}
+public class Monitor.TreeViewModel : GLib.Object {
 
-public class Monitor.TreeViewModel : Gtk.TreeStore {
     public ProcessManager process_manager;
-    private Gee.Map<int, Gtk.TreeIter ? > process_rows;
+
+    public TreeViewFilter filtered { get; private set; }
+    public Gtk.SingleSelection selection_model { get; private set; }
+
     public signal void added_first_row ();
+    public signal void process_selected (Process process);
+
+    public Gtk.Sorter sorter {
+        get {
+            return sorted.sorter;
+        }
+        set {
+            sorted.sorter = value;
+        }
+    }
+
+    private GLib.ListStore store;
+    private Gtk.SortListModel sorted;
+
+    private Gee.Map<int, ProcessRowData ?> process_rows;
 
     construct {
-        process_rows = new Gee.HashMap<int, Gtk.TreeIter ? > ();
-
-        set_column_types (new Type[] {
-            typeof (string),
-            typeof (string),
-            typeof (double),
-            typeof (int64),
-            typeof (int),
-            typeof (string),
+        process_rows = new Gee.HashMap<int, ProcessRowData ?> ();
+        store = new GLib.ListStore (typeof (ProcessRowData));
+        sorted = new Gtk.SortListModel (store, null);
+
+        filtered = new TreeViewFilter (sorted);
+
+        selection_model = new Gtk.SingleSelection (filtered.model_out) {
+            autoselect = true
+        };
+
+        selection_model.notify["selected-item"].connect ((sender, property) => {
+            var row_data = (ProcessRowData) selection_model.get_selected_item ();
+            // prevent passing null when there is no more processes left after filtering
+            if (row_data == null) {
+                return;
+            }
+            Process process = process_manager.get_process (row_data.pid);
+            process_selected (process);
         });
 
         process_manager = ProcessManager.get_default ();
@@ -37,6 +56,16 @@ public class Monitor.TreeViewModel : Gtk.TreeStore {
         Idle.add (() => { add_running_processes (); return false; });
     }
 
+    public Gtk.StringSorter str_sorter (string column_name) {
+        return new Gtk.StringSorter (new Gtk.PropertyExpression (typeof (ProcessRowData), null, column_name));
+    }
+
+    public Gtk.NumericSorter num_sorter (string column_name) {
+        return new Gtk.NumericSorter (new Gtk.PropertyExpression (typeof (ProcessRowData), null, column_name)) {
+            sort_order = Gtk.SortType.DESCENDING
+        };
+    }
+
     private void add_running_processes () {
         debug ("add_running_processes");
         var running_processes = process_manager.get_process_list ();
@@ -49,24 +78,22 @@ public class Monitor.TreeViewModel : Gtk.TreeStore {
         if (process != null && !process_rows.has_key (process.stat.pid)) {
             debug ("Add process %d Parent PID: %d", process.stat.pid, process.stat.ppid);
             // add the process to the model
-            Gtk.TreeIter iter;
-            append (out iter, null); // null means top-level
-
-            // donno what is going on, but maybe just use a string instead of Icon ??
-            // coz it lagz
-            // string icon_name = process.icon.to_string ();
-
-            set (iter,
-                 Column.NAME, process.application_name,
-                 Column.ICON, process.icon.to_string (),
-                 Column.PID, process.stat.pid,
-                 Column.CMD, process.command,
-                 -1);
+            var row = new ProcessRowData () {
+                icon = process.icon,
+                name = process.application_name,
+                cpu = (int) process.cpu_percentage,
+                memory = process.mem_usage,
+                pid = process.stat.pid,
+                cmd = process.command
+            };
+
+            store.append (row);
+
             if (process_rows.size < 1) {
                 added_first_row ();
             }
             // add the process to our cache of process_rows
-            process_rows.set (process.stat.pid, iter);
+            process_rows.set (process.stat.pid, row);
             return true;
         }
         return false;
@@ -75,20 +102,29 @@ public class Monitor.TreeViewModel : Gtk.TreeStore {
     private void update_model () {
         foreach (int pid in process_rows.keys) {
             Process process = process_manager.get_process (pid);
-            Gtk.TreeIter iter = process_rows[pid];
-            set (iter,
-                 Column.CPU, process.cpu_percentage,
-                 Column.MEMORY, process.mem_usage,
-                 -1);
+            var process_row = process_rows.get (pid);
+
+            uint pos;
+            if (!store.find (process_row, out pos)) {
+                return;
+            }
+
+            var item = (ProcessRowData) store.get_item (pos);
+            item.cpu = (int) process.cpu_percentage;
+            item.memory = process.mem_usage;
+            sorter.changed (DIFFERENT);
         }
     }
 
     private void remove_process (int pid) {
         debug ("remove process %d from model".printf (pid));
         // if process rows has pid
         if (process_rows.has_key (pid)) {
-            var cached_iter = process_rows.get (pid);
-            remove (ref cached_iter);
+            uint pos;
+            var process_row = process_rows.get (pid);
+            if (store.find (process_row, out pos)) {
+                store.remove (pos);
+            }
             process_rows.unset (pid);
         }
     }

src/Monitor.vala

@@ -127,8 +127,6 @@ namespace Monitor {
             }
 
             settings.bind ("is-maximized", window, "maximized", SettingsBindFlags.SET);
-
-            window.process_view.process_tree_view.focus_on_first_row ();
         }
 
         public static int main (string[] args) {