Motivation & Problem
Currently, ConnectionsPanel only tracks selectedConnectionId.
- When a user selects a table (e.g. PostgreSQL
public.users, MySQL orders, SQLite table), routine, or MongoDB collection, the tree node in the sidebar has no selected visual indicator (isSelected: false).
- Only the top-level connection header has active border and tint styling.
- As a result, the sidebar fails to communicate current location within the schema, leaving users disoriented when switching between multiple tables or databases.
Proposed Scope & Fluid Motion
- Pass Selected Object to Tree Nodes:
- Forward
selectedPostgresObject, selectedMysqlObject, selectedSqliteObject, selectedMongoDb, and selectedRedisDb to tree tiles.
- Visual Selection Feedback:
- Apply active row background tint (
primary.withValues(alpha: 0.12)) and subtle left indicator / accent color to the currently active tree row.
- Smoothly animate selection highlight movement using
AnimatedContainer with QueryaMotion.fast (120ms) duration.
- Auto-reveal / Focus Sync:
- When a table is opened via external triggers (like quick switcher or breadcrumb navigation), ensure parent schema and database folders in the tree remain expanded.
Acceptance Criteria
Motivation & Problem
Currently,
ConnectionsPanelonly tracksselectedConnectionId.public.users, MySQLorders, SQLite table), routine, or MongoDB collection, the tree node in the sidebar has no selected visual indicator (isSelected: false).Proposed Scope & Fluid Motion
selectedPostgresObject,selectedMysqlObject,selectedSqliteObject,selectedMongoDb, andselectedRedisDbto tree tiles.primary.withValues(alpha: 0.12)) and subtle left indicator / accent color to the currently active tree row.AnimatedContainerwithQueryaMotion.fast(120ms) duration.Acceptance Criteria
QueryaMotion.fast.