feat(ui): add spatial clipping scale and compact record actions

apps/catalog/src/CatalogApp.tsx

@@ -216,7 +216,7 @@ const iconGroups: Array<{ title: string; note: string; icons: IconName[] }> = [
   {
     title: "Состояние и доступ",
     note: "Вся платформа",
-    icons: ["check", "alert", "activity", "lock", "key", "shield", "circle", "eye", "eye-off"],
+    icons: ["check", "alert", "info", "activity", "lock", "key", "shield", "circle", "eye", "eye-off"],
   },
   {
     title: "Сущности",
@@ -257,6 +257,7 @@ const iconLabels: Record<IconName, string> = {
   grid: "Обзор",
   image: "Изображение",
   inbox: "Уведомления",
+  info: "Информация",
   key: "Ключ",
   layers: "Слои",
   list: "Список задач",
@@ -1294,6 +1295,8 @@ export function CatalogApp() {
         <>
           <ControlRow label="Цвет"><ColorField value={lightColor} onChange={setLightColor} /></ControlRow>
           <RangeControl label="Яркость" value={brightness} min={0} max={100} formatValue={(value) => `${value}%`} onChange={setBrightness} />
+          <div style={{ height: 180 }} title="Тонкая шкала: границы справа; подпись и значение закреплены в центре, контраст следует заливке"><RangeControl orientation="vertical" label="Срез" value={brightness / 100 * 52.7 - 1.2} min={-1.2} max={51.5} step="any" formatValue={(value) => `${value.toFixed(1).replace('.', ',')} м`} formatLimit={(value) => value.toFixed(1).replace('.', ',')} onChange={(value) => setBrightness((value + 1.2) / 52.7 * 100)} /></div>
+          <div style={{ height: 180, display: 'flex', justifyContent: 'flex-end' }} title="Шкала справа: границы слева; без контура при drag и фокусе, фокус подчёркивает подпись"><RangeControl orientation="vertical" limitSide="left" label="Срез" value={brightness / 100 * 52.7 - 1.2} min={-1.2} max={51.5} step="any" formatValue={(value) => `${value.toFixed(1).replace('.', ',')} м`} formatLimit={(value) => value.toFixed(1).replace('.', ',')} onChange={(value) => setBrightness((value + 1.2) / 52.7 * 100)} /></div>
           <RangeControl label="Дистанция свечения" value={glowDistance} min={0} max={200} exactValueBounds={{ min: 0 }} formatValue={(value) => `${value}%`} onChange={setGlowDistance} />
         </>
       ),
@@ -1345,6 +1348,14 @@ export function CatalogApp() {
                 <FieldFrame label="Hub / integrated select">
                   <Select label="Статус" value={selectedStatus} options={[...selectOptions]} searchable onChange={setSelectedStatus} />
                 </FieldFrame>
+                <FieldFrame label="Select / независимое действие строки">
+                  <Select label="Записи" value={selectedStatus} searchable onChange={setSelectedStatus}
+                    options={selectOptions.map(option => ({ ...option, action: {
+                      label: `Удалить ${option.label}`, icon: <Icon name="trash" />, tone: 'danger' as const,
+                      disabled: option.value === 'active',
+                      onAction: () => setConfirmOpen(true),
+                    } }))} />
+                </FieldFrame>
                 <FieldFrame label="Engine / split select">
                   <Select
                     variant="split"
@@ -1415,7 +1426,7 @@ export function CatalogApp() {
             <Preview title="Загрузка содержимого" note="в центре собственной области">
               <LoadingRegion loading label="Ожидаем содержимое" />
             </Preview>
-            <Preview title="Лампы состояния" note="один индикатор без дублирующего значка"><StatusBadge variant="indicator" tone="success" aria-label="Готово" title="Готово" /><StatusBadge variant="indicator" aria-label="Недоступно" title="Недоступно" /></Preview>
+            <Preview title="Лампы состояния" note="один индикатор без дублирующего значка"><StatusBadge variant="indicator" tone="success" aria-label="Готово" title="Готово" /><StatusBadge variant="indicator" aria-label="Недоступно" title="Недоступно" /><StatusBadge tone="danger" pulse>Требуется внимание</StatusBadge></Preview>
             <Preview title="Линейный прогресс" note="измеренный / неизвестный / завершённый">
               <ProgressBar label="Подготовка" value={0.6} valueText="Три этапа из пяти" />
               <ProgressBar label="Получение сведений" />