feat(ui): Polish empty states with ContextualEmptyState component#212
Conversation
- Replace inline emoji/text empty states with ContextualEmptyState - Add contextual icons, descriptions, and action buttons - Fix 11 views with poor empty state implementations: - FeatureFlags.tsx - ExperimentDashboard.tsx - ContentModerationQueue.tsx - ChaosEngineeringDashboard.tsx (FindingsTab + ActiveRunsTab) - EnvironmentManager.tsx - DiscoveryRunHistory.tsx - DatabaseSchemaViewer.tsx (SearchTab) - MessageQueueManager.tsx - OpenAPIExplorer.tsx - KnowledgeBase.tsx - PromptLibrary.tsx Co-authored-by: Wes <wes@openclaw.ai>
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: dcce67754c
ℹ️ About Codex in GitHub
Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".
| setSearch(""); | ||
| setScopeFilter("global"); | ||
| }, |
There was a problem hiding this comment.
Reset all filters in empty-state "Clear Filters" action
The new empty-state secondary action in EnvironmentManager is labeled "Clear Filters", but it only clears search and forces scopeFilter to "global" while leaving typeFilter and agentFilter unchanged; this can leave users stuck in an empty state after clicking the CTA. In this same view, the existing filter-bar clear button resets all filters to "all", so this new behavior is inconsistent and makes the empty-state recovery path unreliable when type/agent filters are active.
Useful? React with 👍 / 👎.
Summary
Fixed 11 views with poor empty state implementations by replacing inline text/emoji empty states with the
ContextualEmptyStatecomponent.Changes
Each empty state was improved to include:
Views Fixed
FlagFlaskConicalShieldCheckBug,AlertTriangleVariableCompassSearch,FileSearch2InboxFileCode2BookOpenMessageSquareTextDocumentation
See
apps/web-next/EMPTY_STATES_AUDIT.mdfor detailed documentation of all changes.Testing
🧱 Generated by Wes