diff --git a/packages/app/src/renderer/components/SettingsPanel.tsx b/packages/app/src/renderer/components/SettingsPanel.tsx
index 87579f5..de1c8c1 100644
--- a/packages/app/src/renderer/components/SettingsPanel.tsx
+++ b/packages/app/src/renderer/components/SettingsPanel.tsx
@@ -729,43 +729,37 @@ function ConnectorsTab({ claudeCount, codexCount, geminiCount }: { claudeCount:
         {!registryLoading && !registryError && discoverPackages.length === 0 && (
           <p className="text-[11px] text-warm-faint dark:text-dark-muted">All connectors installed</p>
         )}
-        {!registryLoading && !registryError && discoverPackages.map(pkg => (
-          <div
-            key={pkg.name}
-            className="flex items-center gap-3 py-2.5"
-          >
-            <span
-              className="w-2 h-2 rounded-full flex-none opacity-50"
-              style={{ background: pkg.color }}
-            />
-            <div className="flex-1 min-w-0 leading-4">
-              <span className="text-xs text-warm-muted dark:text-dark-muted">{pkg.label}</span>
-              {pkg.subs.length > 1 ? (
-                <div className="mt-1 space-y-0.5">
-                  {pkg.subs.map((sub, i) => (
-                    <div key={i} className="flex items-baseline gap-1.5 text-[11px]">
-                      <span className="text-warm-faint dark:text-dark-faint">·</span>
-                      <span className="text-warm-muted dark:text-dark-muted">{stripLabelPrefix(sub.label, pkg.label)}</span>
-                      <span className="text-warm-faint dark:text-dark-faint">{sub.description}</span>
-                    </div>
-                  ))}
+        {!registryLoading && !registryError && discoverPackages.map(pkg => {
+          const meta = pkg.subs.length > 1
+            ? pkg.subs.map(s => stripLabelPrefix(s.label, pkg.label)).join(', ')
+            : pkg.description
+          return (
+            <div key={pkg.name} className="flex items-center gap-3 py-2.5">
+              <span
+                className="w-2 h-2 rounded-full flex-none opacity-50"
+                style={{ background: pkg.color }}
+              />
+              <div className="flex-1 min-w-0 leading-4">
+                <div className="flex items-baseline gap-2 min-w-0">
+                  <span className="text-xs text-warm-muted dark:text-dark-muted flex-none">{pkg.label}</span>
+                  {meta && (
+                    <span className="text-[11px] text-warm-faint dark:text-dark-muted truncate min-w-0" title={meta}>{meta}</span>
+                  )}
                 </div>
-              ) : (
-                <span className="text-[11px] text-warm-faint dark:text-dark-faint ml-2">{pkg.description}</span>
-              )}
-              {installErrors[pkg.name] && installingPackage !== pkg.name && (
-                <div className="text-[10px] text-red-400 mt-0.5">{installErrors[pkg.name]}</div>
-              )}
+                {installErrors[pkg.name] && installingPackage !== pkg.name && (
+                  <div className="text-[10px] text-red-400 mt-0.5">{installErrors[pkg.name]}</div>
+                )}
+              </div>
+              <button
+                onClick={() => handleInstall(pkg.name)}
+                disabled={installingPackage === pkg.name}
+                className="text-[11px] font-medium text-accent dark:text-accent-dark hover:underline disabled:opacity-50 flex-none"
+              >
+                {installingPackage === pkg.name ? 'Installing…' : 'Install'}
+              </button>
             </div>
-            <button
-              onClick={() => handleInstall(pkg.name)}
-              disabled={installingPackage === pkg.name}
-              className="text-[11px] font-medium text-accent dark:text-accent-dark hover:underline disabled:opacity-50 flex-none"
-            >
-              {installingPackage === pkg.name ? 'Installing…' : 'Install'}
-            </button>
-          </div>
-        ))}
+          )
+        })}
       </Section>
 
       {syncError && (