- {/* Connected connectors first */}
- {filteredConnectedConnectors.length > 0 && (
- <>
- {filteredConnectedConnectors.map((connector) => (
-
-
-
- {getConnectorIcon(connector.connector_type, "size-5")}
-
-
{connector.name}
-
-
-
- ))}
- {filteredAvailableConnectors.length > 0 && (
-
- )}
- >
- )}
-
- {/* Available connectors */}
- {filteredAvailableConnectors.length > 0 ? (
- filteredAvailableConnectors.map((connector) => (
-
+
+ Connected Sources ({connectors.length})
+
+
+ {connectors.map((connector) => (
+
-
-
- {connector.icon}
-
-
{connector.title}
-
-
-
- ))
- ) : filteredConnectedConnectors.length === 0 ? (
-
- No connectors found
-
- ) : null}
+ {getConnectorIcon(connector.connector_type, "size-3")}
+
{connector.name}
+
+ ))}
+
+
+ Manage connectors →
+