feat: show all database types in connection form with install status badge (#418)

Author: datlechin

CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Keyboard focus navigation (Tab, Ctrl+J/K/N/P, arrow keys) for connection list, quick switcher, and database switcher
 - MongoDB `mongodb+srv://` URI support with SRV toggle, Auth Mechanism dropdown, and Replica Set field (#419)
+- Show all available database types in connection form with install status badge (#418)
 
 ### Changed
 

TablePro/Core/Plugins/PluginManager.swift

@@ -647,6 +647,14 @@ final class PluginManager {
         return types.sorted { $0.rawValue < $1.rawValue }
     }
 
+    var allAvailableDatabaseTypes: [DatabaseType] {
+        var types = Set(availableDatabaseTypes)
+        for type in DatabaseType.allKnownTypes {
+            types.insert(type)
+        }
+        return types.sorted { $0.rawValue < $1.rawValue }
+    }
+
     // MARK: - Driver Availability
 
     func isDriverAvailable(for databaseType: DatabaseType) -> Bool {

TablePro/Views/Connection/ConnectionFormView.swift

@@ -27,7 +27,7 @@ struct ConnectionFormView: View { // swiftlint:disable:this type_body_length
     private var isNew: Bool { connectionId == nil }
 
     private var availableDatabaseTypes: [DatabaseType] {
-        PluginManager.shared.availableDatabaseTypes
+        PluginManager.shared.allAvailableDatabaseTypes
     }
 
     private var additionalConnectionFields: [ConnectionField] {
@@ -237,9 +237,12 @@ struct ConnectionFormView: View { // swiftlint:disable:this type_body_length
                             HStack {
                                 Text(t.rawValue)
                                 if t.isDownloadablePlugin && !PluginManager.shared.isDriverLoaded(for: t) {
-                                    Image(systemName: "arrow.down.circle")
-                                        .foregroundStyle(.secondary)
+                                    Text("Not Installed")
                                         .font(.caption)
+                                        .foregroundStyle(.secondary)
+                                        .padding(.horizontal, 4)
+                                        .padding(.vertical, 1)
+                                        .background(.quaternary, in: RoundedRectangle(cornerRadius: 3))
                                 }
                             }
                         } icon: {