Redesign right sidebar with compact layout and type-aware editors

[datlechin]

Summary

• Compact two-line field layout (field name + type badge pill, then full-width editor) replacing the verbose three-line layout
• Type-aware editors: boolean picker, enum picker, multi-line vertical TextField for long text, default single-line TextField
• Enhanced context menu with Set EMPTY, Pretty Print (JSON), and Copy Value actions
• Inline search field replacing .searchable() modifier, with empty state for no matches
• Chevron menu overlaid inside the text field trailing edge, shown on hover only
• All native SwiftUI components: TextField(.roundedBorder), Picker(.menu), List(.sidebar)
• Type badges with capsule background for quick scanning
• NULL fields show "NULL" placeholder in disabled TextField
• Field value changes only marked as modified when value actually differs from original

Test plan

• Open a table, select a row, verify compact two-line field layout in right sidebar
• Connect to MySQL/PostgreSQL with boolean columns, verify dropdown picker
• Test enum columns show picker with values
• Test JSON fields use same TextField style as string fields; Pretty Print works from menu
• Test long text (LONGTEXT/MEDIUMTEXT) fields expand vertically with consistent border
• Test Set NULL, Set DEFAULT, Set EMPTY, Copy Value, SQL Functions, Clear
• Hover over field row to see chevron menu appear; verify it hides when not hovering
• Verify chevron aligns to top-right for multi-line fields
• Select multiple rows, verify "Multiple values" placeholder still works
• Use field search, verify filtering works and empty state shows "No matching fields"
• Edit fields, Save Changes, verify data persisted correctly
• Focus a field without changing value, verify no blue modified dot appears
• Test NULL fields (like shippedAt) show "NULL" placeholder text
• Open a query result (not table), verify read-only mode with compact layout
• Verify light/dark mode: chevron button color adapts correctly
• Select table without row, verify metadata view unchanged

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.