fix(form): break drawer counter/dirty infinite-loop + add GlobeLoader + AppErrorBoundary

Maximum update depth exceeded showed на /dictionaries/$name когда RecordDrawer
открывался в create mode. Root cause:
  1. SchemaDrivenForm useEffect deps включал onCounterChange/onDirtyChange.
  2. Parent route передавал inline arrow (() => setDrawerCount({...})) —
     новая identity каждый render.
  3. setDrawerCount({visible, total}) создавал новый object literal даже
     при тех же значениях → React re-render → effect fires → loop.

Fix:
- SchemaDrivenForm: ref-pattern для callback. useEffect subscribed только
  на value deps (visibleFieldCount/totalFieldCount/dirtyCount), latest
  callback хранится в ref.
- dataValues — useMemo с frozen EMPTY_DATA default чтобы не invalidate'ить
  isFieldVisible memo каждый render.

Plus:
- GlobeLoader component — orbital globe spinner per Downloads/Globe loader
  prototype. Pure SVG + CSS animations, без d3/topojson.
- LoadingBlock переключен с Loader2 на GlobeLoader (все usage обновляется
  автоматически: RecordHistoryDrawer, dictionaries.$name editor loading,
  search results, webhooks list, etc).
- AppErrorBoundary — friendly fallback вместо TanStack DefaultErrorComponent.
  GlobeLoader (paused/dimmed) + 'Что-то пошло не так' + [Обновить][На главную].
  Dev-only collapsible с raw stack trace.

This commit is contained in:

Zimin A.N.

2026-05-11 22:31:57 +03:00

parent 7429cff009

commit ca53322b14

7 changed files with 308 additions and 18 deletions

									
										ordinis-admin-ui/src/ui/index.ts
									
		+1
		
												View File
												
				@@ -78,6 +78,7 @@ export { Panel, type PanelProps } from './components/panel'

				export { PageHeader, type PageHeaderProps } from './components/page-header'

				export { EmptyState, type EmptyStateProps } from './components/empty-state'

				export { LoadingBlock, type LoadingBlockProps } from './components/loading-block'

				export { GlobeLoader, type GlobeLoaderProps } from './components/globe-loader'

				// === Tables ===

				export {