feat: Filter connect page by connector config display name

apps/web/app/connect/page.tsx

@@ -1,6 +1,5 @@
 import {clerkClient} from '@clerk/nextjs'
 import Image from 'next/image'
-
 import {defConnectors} from '@usevenice/app-config/connectors/connectors.def'
 import {kAccessToken} from '@usevenice/app-config/constants'
 import {env} from '@usevenice/app-config/env'
@@ -14,11 +13,9 @@ import {
 } from '@usevenice/cdk'
 import {zConnectPageParams} from '@usevenice/engine-backend/router/endUserRouter'
 import {makeUlid, z} from '@usevenice/util'
-
 import {ClientRoot} from '@/components/ClientRoot'
 import {SuperHydrate} from '@/components/SuperHydrate'
 import {createServerComponentHelpers} from '@/lib-server/server-component-helpers'
-
 import ConnectPage from './ConnectPage'
 import {SetCookieAndRedirect} from './SetCookieAndRedirect'
 
@@ -65,9 +62,14 @@ export default async function ConnectPageContainer({
   // Implement shorthand for specifying only connectorConfigId by connectorName
   let connectorConfigId = params.connectorConfigId
   if (!connectorConfigId && params.connectorName) {
-    const ints = await ssg.listConnectorConfigInfos.fetch({
+    let ints = await ssg.listConnectorConfigInfos.fetch({
       connectorName: params.connectorName,
     })
+    if (params.connectorConfigDisplayName) {
+      ints = ints.filter(
+        (int) => int.displayName === params.connectorConfigDisplayName,
+      )
+    }
     if (ints.length === 1 && ints[0]?.id) {
       connectorConfigId = ints[0]?.id
     } else if (ints.length < 1) {

packages/engine-backend/router/endUserRouter.ts

@@ -44,7 +44,14 @@ export const zConnectPageParams = z.object({
       'Where to send user to after connect / if they press back button',
     ),
   // TODO: How to make sure we actually have a typed api here and can use zProviderName
-  connectorName: z.string().nullish().describe('Which provider to use'),
+  connectorName: z
+    .string()
+    .nullish()
+    .describe('Filter connector config by connector name'),
+  connectorConfigDisplayName: z
+    .string()
+    .nullish()
+    .describe('Filter connector config by displayName '),
   /** Launch the conector with config right away */
   connectorConfigId: zId('ccfg').optional(),
   /** Whether to show existing resources */