feat: add table search filter for PostgreSQL schema mode

[midasism]

Summary

PostgreSQL schema mode lacks table search/filter functionality, while MySQL multi-database mode and flat layouts already have it. This creates an inconsistent user experience when working with large PostgreSQL schemas.

Changes

Frontend (React/TypeScript)

src/components/layout/sidebar/SidebarSchemaItem.tsx:

• Add Search and X icon imports from lucide-react
• Add tableFilter state for search input
• Implement filteredTables with case-insensitive filtering logic
• Add search input UI (search icon + input + clear button)
• Update table rendering to use filtered results
• Show contextual empty states: "No tables" vs "No tables match your search"

The search box matches the UX pattern already present in:

• SidebarDatabaseItem.tsx (MySQL multi-database mode)
• ExplorerSidebar.tsx flat layout (MySQL/SQLite single database)

Screenshots

Before (no search box)

After (with search functionality)

Test plan

• Connect to PostgreSQL database
• Expand any schema in the sidebar
• Verify search input appears above table list (with search icon)
• Type keywords to filter tables (case-insensitive)
• Verify filtered results update in real-time
• Click X button to clear search
• Verify empty state shows "No tables match your search" when no results
• Verify search doesn't affect Views or Routines sections
• Verify UX consistency with MySQL database search

[kilo-code-bot]

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (1 file)

• src/components/layout/sidebar/SidebarSchemaItem.tsx

Review Notes

The PR adds table search/filter functionality for PostgreSQL schema mode, matching the existing UX pattern used in MySQL multi-database mode (SidebarDatabaseItem.tsx) and flat layouts (ExplorerSidebar.tsx).

Changes verified:

• ✅ Search and X icons imported from lucide-react
• ✅ tableFilter state added with proper initialization
• ✅ Case-insensitive filtering logic: t.name.toLowerCase().includes(tableFilter.toLowerCase())
• ✅ Search input UI with search icon, input field, and clear button
• ✅ stopPropagation on input and button clicks to prevent accordion toggle
• ✅ Contextual empty states: noTablesMatch vs noTables
• ✅ Uses filteredTables for rendering table list
• ✅ Translation keys (filterTables, noTablesMatch) exist in all locale files
• ✅ Consistent styling with existing search implementations

---

_{Reviewed by kimi-k2.5-0127 · 129,438 tokens}

[debba]

It works as expected, thanks a lot for your contribution, I will merge it.
Feel free to add new pull requests or provide issues.