Pre-flight Checks
Problem Description
El campo capacity_mbps existe en el schema de backend (NetworkEdgeSchema) pero en el PropertiesPanel es solo lectura y no editable. Ademas, al seleccionar un enlace no hay forma de definir:
- El numero de puerto fisico (ej: Gi0/0/1, Fa0/1, eth2)
- El modo de operacion del puerto: L1 (capa fisica), L2 (switching), L3 (routing)
- La velocidad/capacidad del enlace en Mbps o Gbps
Un operador de red necesita documentar "este enlace va por el puerto Gi0/1 del Core INT en modo L3 a 1Gbps".
Proposed Solution
En el panel de propiedades del enlace (edge panel en PropertiesPanel), agregar los campos editables:
- Capacidad: input numerico con unidad seleccionable (Mbps / Gbps) — mapeado a
capacity_mbps en el backend
- Puerto origen: input texto libre (ej: Gi0/0/1, eth0, Te1/0/1)
- Puerto destino: input texto libre
- Modo de enlace: select con opciones L1 / L2 / L3
Agregar a NetworkEdgeSchema (types/api.ts) y backend:
source_port: string | null
target_port: string | null
link_mode: 'L1' | 'L2' | 'L3' | null
El campo capacity_mbps ya existe en el schema — solo necesita volverse editable en la UI.
Affected Area
Frontend — GraphBuilder PropertiesPanel (edge panel), types/api.ts, backend models/schemas, backend routers/graph.py
Pre-flight Checks
Problem Description
El campo
capacity_mbpsexiste en el schema de backend (NetworkEdgeSchema) pero en el PropertiesPanel es solo lectura y no editable. Ademas, al seleccionar un enlace no hay forma de definir:Un operador de red necesita documentar "este enlace va por el puerto Gi0/1 del Core INT en modo L3 a 1Gbps".
Proposed Solution
En el panel de propiedades del enlace (edge panel en PropertiesPanel), agregar los campos editables:
capacity_mbpsen el backendAgregar a
NetworkEdgeSchema(types/api.ts) y backend:source_port: string | nulltarget_port: string | nulllink_mode: 'L1' | 'L2' | 'L3' | nullEl campo
capacity_mbpsya existe en el schema — solo necesita volverse editable en la UI.Affected Area
Frontend — GraphBuilder PropertiesPanel (edge panel), types/api.ts, backend models/schemas, backend routers/graph.py