Добавление нового функционала

src/EdgeInspector.tsx

@@ -0,0 +1,28 @@
+interface EdgeInspectorProps {
+  edgeId: string;
+  label: string;
+  onChange: (label: string) => void;
+  onDelete: () => void;
+}
+
+export function EdgeInspector({ edgeId, label, onChange, onDelete }: EdgeInspectorProps) {
+  return (
+    <div className="node-inspector">
+      <div className="node-inspector__header">
+        <span className="node-inspector__type">Связь</span>
+        <code className="node-inspector__id">{edgeId}</code>
+      </div>
+
+      <div className="node-inspector__toolbar">
+        <button type="button" onClick={onDelete}>
+          Удалить
+        </button>
+      </div>
+
+      <label className="node-inspector__field">
+        Подпись
+        <input type="text" value={label} onChange={(e) => onChange(e.target.value)} />
+      </label>
+    </div>
+  );
+}