diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
index f6a5947..7acac7a 100644
--- a/src/pages/Settings.tsx
+++ b/src/pages/Settings.tsx
@@ -453,7 +453,8 @@ function SshHostsSection() {
     try {
       const draft = drafts[host.id] ?? {}
       const { config, secrets } = buildPayload(fieldsWithJumpHost(), draft)
-      const { integration } = await api.updateIntegration(host.id, { config, secrets })
+      const name = draft.__name?.trim()
+      const { integration } = await api.updateIntegration(host.id, { ...(name ? { name } : {}), config, secrets })
       setHosts((prev) => (prev ?? []).map((h) => (h.id === integration.id ? integration : h)))
       setStatusMsg((prev) => ({ ...prev, [host.id]: 'Saved' }))
     } catch (err) {
@@ -597,7 +598,11 @@ function SshHostsSection() {
                     boxShadow: online ? '0 0 6px rgba(46,204,113,0.6)' : 'none',
                   }}
                 />
-                <span style={{ fontSize: '13px', color: '#E8E6E0', fontWeight: 600 }}>{host.name}</span>
+                <input
+                  value={draft.__name ?? host.name}
+                  onChange={(e) => setDraftField(host.id, '__name', e.target.value)}
+                  style={{ fontSize: '13px', color: '#E8E6E0', fontWeight: 600, backgroundColor: 'transparent', border: 'none', outline: 'none', padding: 0, width: '180px' }}
+                />
               </div>
               <div className="flex items-center gap-2">
                 {statusMsg[host.id] && <span style={{ fontSize: '11px', color: '#7A7D85' }}>{statusMsg[host.id]}</span>}