Начал переводить на consta UI

src/EdgeInspector.tsx

@@ -1,3 +1,7 @@
+import { Button } from '@consta/uikit/Button';
+import { TextField } from '@consta/uikit/TextField';
+import { Text } from '@consta/uikit/Text';
+
 interface EdgeInspectorProps {
   edgeId: string;
   label: string;
@@ -18,29 +22,24 @@ export function EdgeInspector({
   return (
     <div className="node-inspector">
       <div className="node-inspector__header">
-        <span className="node-inspector__type">Связь</span>
-        <code className="node-inspector__id">{edgeId}</code>
+        <Text size="s" weight="semibold">
+          Связь
+        </Text>
+        <Text size="xs" view="secondary" font="mono">
+          {edgeId}
+        </Text>
       </div>
 
       <div className="node-inspector__toolbar">
-        <button type="button" onClick={onDelete}>
-          Удалить
-        </button>
+        <Button size="s" view="secondary" label="Удалить" onClick={onDelete} />
       </div>
 
       <div className="node-inspector__toolbar">
-        <button type="button" onClick={onBringToFront}>
-          На передний план
-        </button>
-        <button type="button" onClick={onSendToBack}>
-          На задний план
-        </button>
+        <Button size="s" view="secondary" label="На передний план" onClick={onBringToFront} />
+        <Button size="s" view="secondary" label="На задний план" onClick={onSendToBack} />
       </div>
 
-      <label className="node-inspector__field">
-        Подпись
-        <input type="text" value={label} onChange={(e) => onChange(e.target.value)} />
-      </label>
+      <TextField label="Подпись" size="s" value={label} onChange={(value) => onChange(value ?? '')} />
     </div>
   );
 }