feat: Add context menu filtering and auto-scroll for filter panel

- Add 'Filter with column' option to column header context menu
- Implement addFilterForColumn method in FilterStateManager to pre-populate filter with selected column
- Add onFilterColumn callback to DataGridView for context menu integration
- Wire up filter creation from column header to FilterStateManager in MainContentView
- Add auto-scroll functionality using ScrollViewReader to show newly added filters
- Filters now automatically scroll into view with smooth animation when added
- Improve UX by reducing manual steps in filter creation workflow

Author: datlechin

OpenTable.xcodeproj/project.pbxproj

@@ -253,7 +253,7 @@
 				AUTOMATION_APPLE_EVENTS = NO;
 				"CODE_SIGN_IDENTITY[sdk=macosx*]" = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 1;
+				CURRENT_PROJECT_VERSION = 3;
 				DEVELOPMENT_TEAM = D7HJ5TFYCU;
 				ENABLE_APP_SANDBOX = NO;
 				ENABLE_HARDENED_RUNTIME = YES;
@@ -331,7 +331,7 @@
 				AUTOMATION_APPLE_EVENTS = NO;
 				"CODE_SIGN_IDENTITY[sdk=macosx*]" = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 1;
+				CURRENT_PROJECT_VERSION = 3;
 				DEVELOPMENT_TEAM = D7HJ5TFYCU;
 				ENABLE_APP_SANDBOX = NO;
 				ENABLE_HARDENED_RUNTIME = YES;

OpenTable.xcodeproj/project.xcworkspace/xcuserdata/ngoquocdat.xcuserdatad/UserInterfaceState.xcuserstate

@@ -66,6 +66,29 @@ final class FilterStateManager: ObservableObject {
         focusedFilterId = newFilter.id
     }
 
+    /// Add a new filter with a specific column pre-selected (for context menu "Filter with column")
+    func addFilterForColumn(_ columnName: String) {
+        let settings = settingsStorage.loadSettings()
+        var newFilter = TableFilter()
+        
+        // Set the specified column
+        newFilter.columnName = columnName
+        
+        // Apply default operator setting
+        newFilter.filterOperator = settings.defaultOperator.toFilterOperator()
+        
+        // New filters should be selected by default for "Apply All"
+        newFilter.isSelected = true
+        
+        filters.append(newFilter)
+        focusedFilterId = newFilter.id
+        
+        // Show panel if hidden
+        if !isVisible {
+            show()
+        }
+    }
+
     /// Duplicate a filter
     func duplicateFilter(_ filter: TableFilter) {
         var copy = filter

OpenTable/Models/FilterState.swift

@@ -437,6 +437,9 @@ struct MainContentView: View {
                     onUndoInsert: { rowIndex in
                         undoInsertRow(at: rowIndex)
                     },
+                    onFilterColumn: { columnName in
+                        filterStateManager.addFilterForColumn(columnName)
+                    },
                     selectedRowIndices: $selectedRowIndices,
                     sortState: sortStateBinding,
                     editingCell: $editingCell
@@ -470,6 +473,47 @@ struct MainContentView: View {
         .frame(minHeight: 150)
         .animation(.easeInOut(duration: 0.2), value: filterStateManager.isVisible)
     }
+    
+    // MARK: - Data Grid Section
+    
+    @ViewBuilder
+    private func dataGridSection(tab: QueryTab) -> some View {
+        if tab.showStructure, let tableName = tab.tableName {
+            TableStructureView(tableName: tableName, connection: connection)
+                .frame(maxHeight: .infinity)
+        } else {
+            DataGridView(
+                rowProvider: InMemoryRowProvider(
+                    rows: sortedRows(for: tab),
+                    columns: tab.resultColumns,
+                    columnDefaults: tab.columnDefaults
+                ),
+                changeManager: changeManager,
+                isEditable: tab.isEditable,
+                onCommit: { sql in
+                    executeCommitSQL(sql)
+                },
+                onRefresh: { runQuery() },
+                onCellEdit: { rowIndex, colIndex, newValue in
+                    updateCellInTab(rowIndex: rowIndex, columnIndex: colIndex, value: newValue)
+                },
+                onSort: { columnIndex, ascending in
+                    handleSort(columnIndex: columnIndex, ascending: ascending)
+                },
+                onAddRow: { addNewRow() },
+                onUndoInsert: { rowIndex in
+                    undoInsertRow(at: rowIndex)
+                },
+                onFilterColumn: { columnName in
+                    filterStateManager.addFilterForColumn(columnName)
+                },
+                selectedRowIndices: $selectedRowIndices,
+                sortState: sortStateBinding,
+                editingCell: $editingCell
+            )
+            .frame(maxHeight: .infinity, alignment: .top)
+        }
+    }
 
     // MARK: - Status Bar
 

OpenTable/Views/MainContentView.swift

@@ -40,6 +40,7 @@ struct DataGridView: NSViewRepresentable {
     var onSort: ((Int, Bool) -> Void)?  // Called when column header clicked (columnIndex, ascending)
     var onAddRow: (() -> Void)?  // Called when user triggers add row (Cmd+N)
     var onUndoInsert: ((Int) -> Void)?  // Called when user undoes row insertion (rowIndex)
+    var onFilterColumn: ((String) -> Void)?  // Called when user selects "Filter with column" from header context menu
 
     @Binding var selectedRowIndices: Set<Int>
     @Binding var sortState: SortState
@@ -168,6 +169,7 @@ struct DataGridView: NSViewRepresentable {
         coordinator.onSort = onSort
         coordinator.onAddRow = onAddRow
         coordinator.onUndoInsert = onUndoInsert
+        coordinator.onFilterColumn = onFilterColumn
 
         // PERF: Rebuild visual state cache once per update cycle
         // Cells read from this cache instead of calling changeManager directly
@@ -411,6 +413,9 @@ final class TableViewCoordinator: NSObject, NSTableViewDelegate, NSTableViewData
 
     /// Callback when user undoes row insertion
     var onUndoInsert: ((Int) -> Void)?
+    
+    /// Callback when user selects "Filter with column" from header context menu
+    var onFilterColumn: ((String) -> Void)?
 
     // MARK: - NSTableViewDataSource
 
@@ -481,13 +486,27 @@ final class TableViewCoordinator: NSObject, NSTableViewDelegate, NSTableViewData
         copyItem.representedObject = column.title
         copyItem.target = self
         menu.addItem(copyItem)
+        
+        // Add "Filter with column" menu item
+        let filterItem = NSMenuItem(
+            title: "Filter with column",
+            action: #selector(filterWithColumn(_:)),
+            keyEquivalent: "")
+        filterItem.representedObject = column.title
+        filterItem.target = self
+        menu.addItem(filterItem)
     }
 
     @objc private func copyColumnName(_ sender: NSMenuItem) {
         guard let columnName = sender.representedObject as? String else { return }
         NSPasteboard.general.clearContents()
         NSPasteboard.general.setString(columnName, forType: .string)
     }
+    
+    @objc private func filterWithColumn(_ sender: NSMenuItem) {
+        guard let columnName = sender.representedObject as? String else { return }
+        onFilterColumn?(columnName)
+    }
 
     // MARK: - NSTableViewDelegate
 

OpenTable/Views/Results/DataGridView.swift

@@ -231,25 +231,36 @@ struct FilterPanelView: View {
     // MARK: - Filter List
 
     private var filterList: some View {
-        ScrollView {
-            LazyVStack(spacing: 2) {
-                ForEach(filterState.filters) { filter in
-                    FilterRowView(
-                        filter: filterState.binding(for: filter),
-                        columns: columns,
-                        isFocused: filterState.focusedFilterId == filter.id,
-                        onDuplicate: { filterState.duplicateFilter(filter) },
-                        onRemove: { filterState.removeFilter(filter) },
-                        onApply: { applySingleFilter(filter) },
-                        onFocus: { filterState.focusedFilterId = filter.id }
-                    )
+        ScrollViewReader { proxy in
+            ScrollView {
+                LazyVStack(spacing: 2) {
+                    ForEach(filterState.filters) { filter in
+                        FilterRowView(
+                            filter: filterState.binding(for: filter),
+                            columns: columns,
+                            isFocused: filterState.focusedFilterId == filter.id,
+                            onDuplicate: { filterState.duplicateFilter(filter) },
+                            onRemove: { filterState.removeFilter(filter) },
+                            onApply: { applySingleFilter(filter) },
+                            onFocus: { filterState.focusedFilterId = filter.id }
+                        )
+                        .id(filter.id)  // Make each row identifiable for scrollTo
+                    }
+                }
+                .padding(.horizontal, 8)
+                .padding(.vertical, 4)
+            }
+            // Dynamic height: ~40pt per row, max 4 rows visible before scrolling
+            .frame(maxHeight: min(CGFloat(filterState.filters.count) * 40 + 8, 160))
+            .onChange(of: filterState.focusedFilterId) { _, newFocusedId in
+                // Auto-scroll to the focused filter (newly added or explicitly focused)
+                if let focusedId = newFocusedId {
+                    withAnimation(.easeInOut(duration: 0.25)) {
+                        proxy.scrollTo(focusedId, anchor: .bottom)
+                    }
                 }
             }
-            .padding(.horizontal, 8)
-            .padding(.vertical, 4)
         }
-        // Dynamic height: ~40pt per row, max 4 rows visible before scrolling
-        .frame(maxHeight: min(CGFloat(filterState.filters.count) * 40 + 8, 160))
     }
 
     // MARK: - Footer