feat: edge edit mode + proxmox container mode toggle

- Double-click any link to open Edit Link modal (type, label, VLAN ID, delete)
- Add updateEdge / deleteEdge actions to canvasStore
- Add container_mode field to proxmox nodes (backend model, schemas, migration)
- NodeModal shows container toggle for proxmox type (defaults ON)
- ProxmoxGroupNode renders as regular BaseNode when container_mode is OFF
- setProxmoxContainerMode store action handles structural changes atomically
  (children parentId/extent, node dimensions)
- CanvasContainer filters edges between container proxmox and its children
- Canvas load respects container_mode when assigning parentId/extent

frontend/src/components/modals/EdgeModal.tsx

@@ -12,12 +12,15 @@ interface EdgeModalProps {
   open: boolean
   onClose: () => void
   onSubmit: (data: EdgeData) => void
+  onDelete?: () => void
+  initial?: Partial<EdgeData>
+  title?: string
 }
 
-export function EdgeModal({ open, onClose, onSubmit }: EdgeModalProps) {
-  const [type, setType] = useState<EdgeType>('ethernet')
-  const [label, setLabel] = useState('')
-  const [vlanId, setVlanId] = useState('')
+export function EdgeModal({ open, onClose, onSubmit, onDelete, initial, title = 'Connect Nodes' }: EdgeModalProps) {
+  const [type, setType] = useState<EdgeType>(initial?.type ?? 'ethernet')
+  const [label, setLabel] = useState(initial?.label ?? '')
+  const [vlanId, setVlanId] = useState(initial?.vlan_id?.toString() ?? '')
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault()
@@ -27,16 +30,18 @@ export function EdgeModal({ open, onClose, onSubmit }: EdgeModalProps) {
       vlan_id: type === 'vlan' && vlanId ? parseInt(vlanId) : undefined,
     })
     onClose()
-    setType('ethernet')
-    setLabel('')
-    setVlanId('')
+  }
+
+  const handleDelete = () => {
+    onDelete?.()
+    onClose()
   }
 
   return (
     <Dialog open={open} onOpenChange={(o) => !o && onClose()}>
       <DialogContent className="bg-[#161b22] border-[#30363d] text-foreground max-w-xs">
         <DialogHeader>
-          <DialogTitle className="text-sm font-semibold">Connect Nodes</DialogTitle>
+          <DialogTitle className="text-sm font-semibold">{title}</DialogTitle>
         </DialogHeader>
 
         <form onSubmit={handleSubmit} className="flex flex-col gap-3 mt-2">
@@ -79,11 +84,18 @@ export function EdgeModal({ open, onClose, onSubmit }: EdgeModalProps) {
             />
           </div>
 
-          <div className="flex justify-end gap-2 pt-1">
-            <Button type="button" variant="ghost" size="sm" onClick={onClose}>Cancel</Button>
-            <Button type="submit" size="sm" className="bg-[#00d4ff] text-[#0d1117] hover:bg-[#00d4ff]/90">
-              Connect
-            </Button>
+          <div className="flex justify-between gap-2 pt-1">
+            {onDelete ? (
+              <Button type="button" variant="ghost" size="sm" className="text-[#f85149] hover:text-[#f85149] hover:bg-[#f85149]/10" onClick={handleDelete}>
+                Delete
+              </Button>
+            ) : <span />}
+            <div className="flex gap-2">
+              <Button type="button" variant="ghost" size="sm" onClick={onClose}>Cancel</Button>
+              <Button type="submit" size="sm" className="bg-[#00d4ff] text-[#0d1117] hover:bg-[#00d4ff]/90">
+                {onDelete ? 'Save' : 'Connect'}
+              </Button>
+            </div>
           </div>
         </form>
       </DialogContent>

frontend/src/components/modals/NodeModal.tsx

@@ -18,6 +18,7 @@ const DEFAULT_DATA: Partial<NodeData> = {
   status: 'unknown',
   check_method: 'ping',
   services: [],
+  container_mode: true,
 }
 
 interface NodeModalProps {
@@ -153,6 +154,29 @@ export function NodeModal({ open, onClose, onSubmit, initial, title = 'Add Node'
               </div>
             )}
 
+            {/* Container mode (proxmox only) */}
+            {form.type === 'proxmox' && (
+              <div className="flex items-center justify-between col-span-2 py-1">
+                <div className="flex flex-col gap-0.5">
+                  <Label className="text-xs text-muted-foreground">Container Mode</Label>
+                  <span className="text-[10px] text-muted-foreground/60">Show VM/LXC nodes nested inside</span>
+                </div>
+                <button
+                  type="button"
+                  role="switch"
+                  aria-checked={!!form.container_mode}
+                  onClick={() => set('container_mode', !form.container_mode)}
+                  className="relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus:outline-none"
+                  style={{ background: form.container_mode ? '#ff6e00' : '#30363d' }}
+                >
+                  <span
+                    className="pointer-events-none inline-block h-4 w-4 rounded-full bg-white shadow-sm transition-transform"
+                    style={{ transform: form.container_mode ? 'translateX(16px)' : 'translateX(0)' }}
+                  />
+                </button>
+              </div>
+            )}
+
             {/* Notes */}
             <div className="flex flex-col gap-1.5 col-span-2">
               <Label className="text-xs text-muted-foreground">Notes</Label>