Skip to content

Dashboard: one error and retry component - #403

Merged
smb merged 4 commits into
mainfrom
feat/issue-393
Oct 10, 2026
Merged

smb merged 4 commits into
mainfrom
feat/issue-393

Conversation

@smb

@smb smb commented Oct 10, 2026

Copy link
Copy Markdown
Contributor

One error and retry component for the dashboard (epic #389).

  • 🔄 Refactor:
    • QueryErrorState, the ListToolbar status-row retry and LoadState with onRetry are merged into one component/pattern in src/dashboard/ui with a reserved slot
    • Covers initial errors without data and background refresh errors with cached data; all call sites migrated, duplicate removed, one catalog entry for the bilingual texts
  • 🎨 Style:
    • Member list skeletons use the control radius token instead of 4px

Closes #393

smb added 4 commits October 10, 2026 22:16
Shared query recovery
- Unify initial and background-refresh errors in the reserved-slot component.
- Centralize bilingual retry copy and migrate dashboard and module call sites.

Coverage
- Update error, retry, and stable-layout tests for issue #393.
- #393: unify query loading and retry states in caller-sized compact rows and panels.
- Migrate dashboard and module call sites while keeping bilingual retry copy centralized.
- Verify toolbar, text-command editor, and module settings recovery at desktop and narrow widths.
- Shared query state
  - Consolidate list, panel, and settings retries in fixed LoadState variants.
  - Keep bilingual retry copy in the dashboard common catalog.

- Stable layout
  - Fix ListToolbar wrapper layout and contain warnings feed errors.
  - Add responsive regression coverage for #393 with containment and pointer hit testing.
@sonarqubecloud

Copy link
Copy Markdown

@smb
smb merged commit 2a189bc into main Oct 10, 2026
7 checks passed
@smb
smb deleted the feat/issue-393 branch October 10, 2026 22:27
smb added a commit that referenced this pull request Oct 11, 2026
Dashboard error handling
- Route failed lazy module imports through the shared error and retry component.
- Reserve the error UI with the caller-selected panel-320 variant.

Issue context
- Completes #388 preloading alignment with #403 shared error handling.
smb added a commit that referenced this pull request Oct 11, 2026
* 🚀 perf(dashboard): preload module chunks

Dashboard loading
- Memoize module panel, settings editor, and immediate action imports.
- Preload enabled modules on idle and sidebar hover or focus.
- Keep the current module view visible while a destination chunk resolves.

Stable editor layouts
- Reserve sized skeleton slots for module views and overlay element editors.
- Cover preload and layout behavior with repeated browser specs.

Issue reference
- Implements #388.

* 🐛 fix(dashboard): recoverable preloads, stable fallbacks

- Recoverable module loading (#388)
  - Memoize panel, settings, action, and overlay editor imports, evict rejected promises, and recreate lazy views on retry.
  - Preload eligible chunks on sidebar hover/focus and idle using the shared visibility predicate.
- Stable module layouts (#388)
  - Keep the reserved route height outside Suspense and reserve enough space for overlay editors.
  - Keep route transitions on the previous view until the new panel is ready.
- Regression coverage (#388)
  - Verify failed imports recover and all lazy views/editors preserve their layout during delayed imports.
  - Measure responsive-hidden event cells as zero-size in the stable-layout assertion.

* 🐛 fix(dashboard): recoverable preloads, stable fallbacks

- Recoverable chunk loading (#388)
  - Evict rejected loader promises and recover failed lazy views from a fresh module map.
  - Keep lazy component identities stable across route Suspense retries.
- Permission-aware preloading (#388)
  - Reuse the sidebar visibility filter for hover, focus, and idle preloads.
- Stable panel layouts (#388)
  - Hold module and overlay editor reservations steady during delayed imports.
  - Cover every lazy module view and overlay editor with ten-repeat browser checks.

* 🔧 chore(dashboard): align preloading with error component

Dashboard error handling
- Route failed lazy module imports through the shared error and retry component.
- Reserve the error UI with the caller-selected panel-320 variant.

Issue context
- Completes #388 preloading alignment with #403 shared error handling.

* 🐛 fix(dashboard): handle loader rejections, stable route test

Loader promise recovery
- Route synchronous throws and promise rejections through the eviction handler.
- Preserve synchronous chunk loading and verify failure then success recovery.

Navigation test stability
- Hold the idle preload callback so pre-navigation assertions stay deterministic in CI.
- Covers the #388 CI blockers.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Dashboard: one error and retry component

1 participant