feat(ui): add activity indicator governance

apps/catalog/src/CatalogApp.tsx

@@ -2,6 +2,7 @@ import { useCallback, useEffect, useMemo, useRef, useState, type CSSProperties,
 import { applyGlassMaterial, applyNodedcTheme, defaultGlassMaterial, type GlassMaterialSettings, type NodedcTheme, type RgbTuple } from "@nodedc/ui-core";
 import { createTemplateFeatures, getPageTemplate, pageTemplates, type PageTemplateDefinition } from "@nodedc/page-patterns";
 import {
+  ActivityIndicator,
   AdminNavigationPanel,
   AppHeader,
   ApplicationPanel,
@@ -1372,6 +1373,20 @@ export function CatalogApp() {
                 <IconButton label="Добавить"><Icon name="plus" /></IconButton>
               </div>
             </Preview>
+            <Preview title="Активность" note="default / compact" className="catalog-preview--compact">
+              <div className="catalog-inline catalog-inline--wrap">
+                <span className="catalog-inline">
+                  <ActivityIndicator label="Загружаем данные" />
+                  <span>Загружаем данные</span>
+                </span>
+                <Button
+                  aria-busy="true"
+                  disabled
+                  icon={<ActivityIndicator size="compact" />}
+                >Подключаем…</Button>
+              </div>
+              <p className="catalog-preview__explanation">При reduced motion кольцо остаётся видимым без вращения; процесс и его завершение принадлежат приложению.</p>
+            </Preview>
             <Preview title="Оконные действия" note="круг `46 px`" className="catalog-preview--compact">
               <div className="catalog-window-actions-demo">
                 <Button shape="pill" icon={<Icon name="refresh" />}>Обновить источник</Button>