Feat : Various features

vps-monitor/frontend/src/components/AddVpsModal.jsx

@@ -1,7 +1,8 @@
 import { useState, useEffect } from 'react'
 import { X } from 'lucide-react'
+import TagInput from './TagInput'
 
-const DEFAULTS = { id: '', name: '', host: '', port: '8001', api_key: '', description: '' }
+const DEFAULTS = { id: '', name: '', host: '', port: '8001', api_key: '', description: '', tags: [] }
 
 const FIELDS = [
   { key: 'name',        label: 'Nom affiché',       placeholder: 'Mon VPS 1',        required: true,  type: 'text' },
@@ -73,6 +74,12 @@ export default function AddVpsModal({ onSave, onClose }) {
             </p>
           )}
 
+          <div>
+            <label className="block text-xs text-gray-400 mb-1">Tags</label>
+            <TagInput tags={form.tags} onChange={tags => setForm(f => ({ ...f, tags }))} />
+            <p className="text-xs text-gray-600 mt-1">Entrée ou virgule pour valider</p>
+          </div>
+
           <div className="flex gap-2 pt-1">
             <button
               type="button"