feat: UI rework — Hub, command palette, workspace persistence, query handover to Explorer#30
Merged
Conversation
- Introduced HubPage for improved user navigation and account management. - Updated routing to redirect to HubPage on login. - Refactored DataExplorerPage and QueryGeneratorPage to support embedded mode. - Enhanced QueryGeneratorPageWrapper and DataExplorerPageWrapper to utilize AppLayout. - Updated LoginPage to redirect to HubPage after authentication. - Added design tokens for consistent styling across the application.
… improved styling and functionality - Refactored ShareQueryDialog for better accessibility and user experience, including new animations and input handling. - Updated ShortcutCheatsheet to improve layout and styling, ensuring consistency with design tokens. - Introduced new design tokens for status indicators and drawer animations in design-tokens.css. - Enhanced NotebookStepCard and NotebookPanel components for better visual consistency and usability. - Added URL parameter handling for opening the saved queries panel in QueryGeneratorPage.
…nt and improved navigation - Added session storage for connection state in DataExplorerPageWrapper and QueryGeneratorPage. - Implemented active collection management and reset on database/account change. - Enhanced HubPage with direct navigation to Data Explorer for the first database of an account. - Updated QueryGeneratorPage to restore previous connection state and handle connection changes. - Improved UI components for better user experience during loading and error states.
- Renamed handleRunQuery to executeCode for clarity and updated its logic to accept a code parameter. - Improved error handling for query execution by checking the trimmed code. - Updated notebook step creation to use the executed code instead of editableCode. - Added a new function handleLoadAndRunSavedQuery to load and execute saved queries in one step. - Enhanced the SavedQueriesPanel to include a new onLoadAndRun prop for loading and executing queries. - Introduced dbReady state to manage database readiness for the saved queries panel.
- Refactor AnalysisResultDisplay component for improved chart options and layout. - Introduce CommandPalette component for keyboard navigation and command execution. - Update AppLayout to integrate CommandPalette and handle keyboard shortcuts. - Enhance AppSidebar to show loading states and improve connection feedback. - Modify AppTopBar to trigger CommandPalette. - Implement caching mechanism in dbService for account and database data. - Optimize DataExplorerPageWrapper and QueryGeneratorPage for better session handling and account switching.
…ate and handover functionality
…ate management and UI consistency
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
|
🎉 This PR is included in version 2.10.0 🎉 The release is available on GitHub release Your semantic-release bot 📦🚀 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
AppLayout,AppSidebar,AppTopBarextracted as shared components across all authenticated routes; sidebar connection chip always rendered (placeholder prevents layout shift during loading)⌘K) — fuzzy search across navigate, actions, switch DB/account, and jump-to-collection commands; global keyboard shortcuts wired (⌘⇧1-4,⌘N,⌘⇧S)userInput,editableCode,querySourceCollection,executionResult, and_queryResultsaved tosessionStorage['qp_workspace']scoped to active connection; survives sidebar tab switches without clearing on auto-reconnectQueryDisplay(disabled with tooltip for non-find()queries);parseQueryForHandover()extracts collection + filters from generated code, mapping MongoDB operators ($ne,$gt,$lt,$exists,$regex, multi-op objects) to Explorer filter rowsinitialFiltersthreaded throughDataExplorerPageWrapper→DataExplorerPage; applied once via ref-guardeduseEffectafter collection selection; fast-path (session cache hit) now also forwardsinitialFiltersAnalyticsPage+AnalyticsPageWrapperadded to routingTest plan
find()query, run it, click "Open in Explorer" — collection selected, filters pre-applied, result list matches workspaceaggregatequery — "Open in Explorer" button is visible but disabled with tooltip⌘Kopens palette; arrow keys + Enter navigate; Esc closes; jump-to-collection worksnpm run test:run— 67/67 pass🤖 Generated with Claude Code