fix(ui): enforce canonical inspector selects

apps/catalog/src/CatalogApp.tsx

@@ -26,6 +26,7 @@ import {
   Icon,
   IconButton,
   Inspector,
+  InspectorSelectField,
   MediaSourceField,
   RangeControl,
   SegmentedControl,
@@ -1161,19 +1162,16 @@ export function CatalogApp() {
       tone: "accent" as const,
       content: (
         <>
-          <ControlRow label="Позиция">
-            <Select
-              variant="split"
-              label="Позиция Toolbar"
-              value={toolbarPlacement}
-              options={[
-                { value: "left", label: "Слева" },
-                { value: "right", label: "Справа" },
-                { value: "bottom", label: "Снизу" },
-              ]}
-              onChange={(value) => setToolbarPlacement(value as ToolbarPlacement)}
-            />
-          </ControlRow>
+          <InspectorSelectField
+            label="Позиция Toolbar"
+            value={toolbarPlacement}
+            options={[
+              { value: "left", label: "Слева" },
+              { value: "right", label: "Справа" },
+              { value: "bottom", label: "Снизу" },
+            ]}
+            onChange={(value) => setToolbarPlacement(value as ToolbarPlacement)}
+          />
           <ControlRow label="Фон"><ColorField value={toolbarBg} onChange={setToolbarBg} /></ControlRow>
           <ControlRow label="Border"><ColorField value={toolbarBorder} onChange={setToolbarBorder} /></ControlRow>
           <ControlRow label="Outline"><ColorField value={toolbarOutline} onChange={setToolbarOutline} /></ControlRow>
@@ -1206,19 +1204,16 @@ export function CatalogApp() {
       tone: "accent" as const,
       content: (
         <>
-          <ControlRow label="Связи по умолчанию">
-            <Select
-              variant="split"
-              label="Тип связи"
-              value={connectionType}
-              options={[
-                { value: "spline", label: "Сплайн" },
-                { value: "straight", label: "Прямая" },
-                { value: "step", label: "Ступенчатая" },
-              ]}
-              onChange={setConnectionType}
-            />
-          </ControlRow>
+          <InspectorSelectField
+            label="Связи по умолчанию"
+            value={connectionType}
+            options={[
+              { value: "spline", label: "Сплайн" },
+              { value: "straight", label: "Прямая" },
+              { value: "step", label: "Ступенчатая" },
+            ]}
+            onChange={setConnectionType}
+          />
           <Checker checked={usePortColors} label="Использовать цвет портов" onChange={setUsePortColors} />
           <ControlRow label="Цвет связей по умолчанию"><ColorField value={connectionColor} onChange={setConnectionColor} /></ControlRow>
           <ControlRow label="Применить ко всем"><Button variant="primary" shape="pill" width="full">Применить</Button></ControlRow>