feat: enrich plugin list rows with version, status badges, and download counts

Author: datlechin

CHANGELOG.md

@@ -9,7 +9,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
-- Redesigned Plugins settings tab with HSplitView master-detail layout: plugin list on the left, detail pane on the right, matching macOS conventions
+- Redesigned Plugins settings tab with HSplitView master-detail layout: plugin list on the left, detail pane on the right, matching macOS conventions. Plugin rows now show version, author/capability, and install status at a glance
+- Download counts in browse tab now always fetch latest from GitHub API (5-minute in-memory cooldown per session)
 - Replaced ~40 hardcoded `DatabaseType` switches across ~20 UI files with dynamic plugin property lookups via `PluginManager`, so third-party plugins get correct UI behavior (colors, labels, editor language, feature toggles) automatically
 - ConnectionFormView now fully dynamic: pgpass toggle, password visibility, and SSH/SSL tab visibility all driven by plugin metadata (`FieldSection`, `hidesPassword`, `supportsSSH`/`supportsSSL`) instead of hardcoded type checks
 - Replaced `AppState.isMongoDB`/`isRedis` booleans with `AppState.editorLanguage: EditorLanguage` for extensible editor language detection

TablePro/Core/Plugins/Registry/DownloadCountService.swift

@@ -11,12 +11,10 @@ final class DownloadCountService {
     static let shared = DownloadCountService()
 
     private var counts: [String: Int] = [:]
+    private var lastFetchDate: Date?
+    private static let cooldown: TimeInterval = 300 // 5 minutes
     private static let logger = Logger(subsystem: "com.TablePro", category: "DownloadCountService")
 
-    private static let cacheKey = "downloadCountsCache"
-    private static let cacheDateKey = "downloadCountsCacheDate"
-    private static let cacheTTL: TimeInterval = 3_600 // 1 hour
-
     // swiftlint:disable:next force_unwrapping
     private static let releasesURL = URL(string: "https://api.github.com/repos/datlechin/TablePro/releases?per_page=100")!
 
@@ -27,8 +25,6 @@ final class DownloadCountService {
         config.timeoutIntervalForRequest = 15
         config.timeoutIntervalForResource = 30
         self.session = URLSession(configuration: config)
-
-        loadCache()
     }
 
     // MARK: - Public
@@ -40,8 +36,7 @@ final class DownloadCountService {
     func fetchCounts(for manifest: RegistryManifest?) async {
         guard let manifest else { return }
 
-        if isCacheValid() {
-            Self.logger.debug("Using cached download counts")
+        if let lastFetchDate, Date().timeIntervalSince(lastFetchDate) < Self.cooldown {
             return
         }
 
@@ -60,7 +55,7 @@ final class DownloadCountService {
             }
 
             counts = totals
-            saveCache(totals)
+            lastFetchDate = Date()
             Self.logger.info("Fetched download counts for \(totals.count) plugin(s)")
         } catch {
             Self.logger.error("Failed to fetch download counts: \(error.localizedDescription)")
@@ -102,31 +97,6 @@ final class DownloadCountService {
         return map
     }
 
-    // MARK: - Cache
-
-    private func isCacheValid() -> Bool {
-        guard let cacheDate = UserDefaults.standard.object(forKey: Self.cacheDateKey) as? Date else {
-            return false
-        }
-        return Date().timeIntervalSince(cacheDate) < Self.cacheTTL
-    }
-
-    private func loadCache() {
-        guard isCacheValid(),
-              let data = UserDefaults.standard.data(forKey: Self.cacheKey),
-              let cached = try? JSONDecoder().decode([String: Int].self, from: data) else {
-            counts = [:]
-            return
-        }
-        counts = cached
-    }
-
-    private func saveCache(_ totals: [String: Int]) {
-        if let data = try? JSONEncoder().encode(totals) {
-            UserDefaults.standard.set(data, forKey: Self.cacheKey)
-            UserDefaults.standard.set(Date(), forKey: Self.cacheDateKey)
-        }
-    }
 }
 
 // MARK: - GitHub API Models

TablePro/Resources/Localizable.xcstrings

@@ -274,6 +274,16 @@
         }
       }
     },
+    "%@ %@" : {
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "new",
+            "value" : "%1$@ %2$@"
+          }
+        }
+      }
+    },
     "%@ cannot be empty" : {
       "localizations" : {
         "vi" : {
@@ -7636,6 +7646,9 @@
           }
         }
       }
+    },
+    "Filter..." : {
+
     },
     "Filters" : {
       "localizations" : {
@@ -14124,6 +14137,7 @@
       }
     },
     "Search plugins..." : {
+      "extractionState" : "stale",
       "localizations" : {
         "vi" : {
           "stringUnit" : {
@@ -17156,7 +17170,6 @@
       }
     },
     "User" : {
-      "extractionState" : "stale",
       "localizations" : {
         "vi" : {
           "stringUnit" : {
@@ -17237,7 +17250,6 @@
       }
     },
     "v%@" : {
-      "extractionState" : "stale",
       "localizations" : {
         "vi" : {
           "stringUnit" : {

TablePro/Views/Settings/Plugins/BrowsePluginsView.swift

@@ -111,18 +111,81 @@ struct BrowsePluginsView: View {
 
     @ViewBuilder
     private func browseRow(_ plugin: RegistryPlugin) -> some View {
-        HStack(spacing: 6) {
+        HStack(spacing: 8) {
             pluginIcon(plugin.iconName ?? "puzzlepiece")
-                .frame(width: 16)
+                .font(.title3)
+                .frame(width: 24, height: 24)
+                .foregroundStyle(.secondary)
+
+            VStack(alignment: .leading, spacing: 2) {
+                HStack(spacing: 4) {
+                    Text(plugin.name)
+                        .lineLimit(1)
+                    if plugin.isVerified {
+                        Image(systemName: "checkmark.seal.fill")
+                            .foregroundStyle(.blue)
+                            .font(.caption2)
+                    }
+                }
+
+                HStack(spacing: 4) {
+                    Text("v\(plugin.version)")
+                    Text("·")
+                    Text(plugin.author.name)
+                        .lineLimit(1)
+                    if let count = downloadCountService.downloadCount(for: plugin.id) {
+                        Text("·")
+                        Text("\(Image(systemName: "arrow.down.circle")) \(formattedCount(count))")
+                    }
+                }
+                .font(.caption)
                 .foregroundStyle(.secondary)
-            Text(plugin.name)
-                .lineLimit(1)
-            if plugin.isVerified {
-                Image(systemName: "checkmark.seal.fill")
-                    .foregroundStyle(.blue)
-                    .font(.caption2)
             }
+
+            Spacer()
+
+            rowStatusBadge(for: plugin)
+        }
+        .padding(.vertical, 2)
+    }
+
+    // MARK: - Row Status Badge
+
+    @ViewBuilder
+    private func rowStatusBadge(for plugin: RegistryPlugin) -> some View {
+        if isPluginInstalled(plugin.id) {
+            Text("Installed")
+                .font(.caption2)
+                .foregroundStyle(.secondary)
+        } else if let progress = installTracker.state(for: plugin.id) {
+            switch progress.phase {
+            case .downloading(let fraction):
+                ProgressView(value: fraction)
+                    .frame(width: 40)
+                    .progressViewStyle(.linear)
+            case .installing:
+                ProgressView()
+                    .controlSize(.mini)
+            case .completed:
+                Image(systemName: "checkmark.circle.fill")
+                    .foregroundStyle(.green)
+                    .font(.caption)
+            case .failed:
+                Button("Retry") { installPlugin(plugin) }
+                    .controlSize(.mini)
+            }
+        } else {
+            Button("Install") { installPlugin(plugin) }
+                .buttonStyle(.bordered)
+                .controlSize(.mini)
+        }
+    }
+
+    private func formattedCount(_ count: Int) -> String {
+        if count >= 1000 {
+            return String(format: "%.1fk", Double(count) / 1000.0)
         }
+        return "\(count)"
     }
 
     // MARK: - Detail

TablePro/Views/Settings/Plugins/InstalledPluginsView.swift

@@ -32,7 +32,6 @@ struct InstalledPluginsView: View {
                 pluginList
                     .frame(minWidth: 200, idealWidth: 240, maxWidth: 280)
 
-
                 detailPane
                     .frame(minWidth: 340)
             }
@@ -146,14 +145,35 @@ struct InstalledPluginsView: View {
 
     @ViewBuilder
     private func pluginRow(_ plugin: PluginEntry) -> some View {
-        HStack(spacing: 6) {
+        HStack(spacing: 8) {
             pluginIcon(plugin.iconName)
-                .frame(width: 16)
-                .foregroundStyle(plugin.isEnabled ? .primary : .tertiary)
-            Text(plugin.name)
-                .lineLimit(1)
-                .foregroundStyle(plugin.isEnabled ? .primary : .secondary)
+                .font(.title3)
+                .frame(width: 24, height: 24)
+                .foregroundStyle(plugin.isEnabled ? .secondary : .tertiary)
+
+            VStack(alignment: .leading, spacing: 2) {
+                Text(plugin.name)
+                    .lineLimit(1)
+                    .foregroundStyle(plugin.isEnabled ? .primary : .secondary)
+
+                HStack(spacing: 4) {
+                    Text("v\(plugin.version)")
+                    if let capability = plugin.capabilities.first {
+                        Text("·")
+                        Text(capability.displayName)
+                    }
+                }
+                .font(.caption)
+                .foregroundStyle(.secondary)
+            }
+
+            Spacer()
+
+            Text(plugin.source == .builtIn ? String(localized: "Built-in") : String(localized: "User"))
+                .font(.caption2)
+                .foregroundStyle(.secondary)
         }
+        .padding(.vertical, 2)
     }
 
     @ViewBuilder