Danny/docs connect app configuration (#14611)

* First commit

* Adding app config info

* Update customize-your-app.mdx

* Update docs-v2/pages/connect/use-cases.mdx

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

Author: dannyroosevelt

docs-v2/pages/connect/_meta.json

@@ -3,7 +3,7 @@
     "title": "Overview"
   },
   "use-cases": {
-    "title": "Use cases"
+    "title": "Use Cases"
   },
   "quickstart": {
     "title": "Quickstart"
@@ -12,7 +12,7 @@
     "title": "API & SDK Reference"
   },
   "tokens": {
-    "title": "Connect tokens"
+    "title": "Connect Tokens"
   },
   "environments": {
     "title": "Environments"
@@ -26,6 +26,9 @@
   "connect-link": {
     "title": "Connect Link"
   },
+  "customize-your-app": {
+    "title": "Customize Your App"
+  },
   "migrating-from-project-keys-to-oauth": {
     "display": "hidden"
   }

docs-v2/pages/connect/api.mdx

@@ -140,7 +140,7 @@ const pd = createBackendClient({
 
 await pd.invokeWorkflowForExternalUser(
   "enabc123", // pass the endpoint ID or full URL here
-  "external_user_id" // The end user's ID in your system
+  "external_user_id", // The end user's ID in your system
   {
     method: "POST",
     body: {
@@ -165,7 +165,7 @@ const pd = createBackendClient({
 
 await pd.invokeWorkflowForExternalUser(
   "enabc123", // pass the endpoint ID or full URL here
-  "external_user_id" // The end user's ID in your system
+  "external_user_id", // The end user's ID in your system
   {
     method: "POST",
     body: {

docs-v2/pages/connect/customize-your-app.mdx

@@ -0,0 +1,39 @@
+import ArcadeEmbed from '@/components/ArcadeEmbed'
+import Callout from '@/components/Callout'
+
+# Customizing Your Application
+
+<ArcadeEmbed
+    src="https://demo.arcade.software/b3aw8YEPFavVpOrXRvca?embed"
+    title="Pipedream Connect Auth Flow">
+</ArcadeEmbed>
+
+<Callout type="info">
+By default, your end users will see a primarly Pipedream branded experience when they connect their account. To customize this screen to highlight your application, you can configure your [app's name](#application-name), [support email](#support-email), and [logo](#logo) in the Pipedream UI.
+</Callout>
+
+## Customizing your application details
+
+Open your project in the Pipedream UI: [https://pipedream.com/projects](https://pipedream.com/projects)
+
+1. Once you've opened your project, click the **Connect** tab in the left sidebar
+2. From there, select the **Configuration** tab
+
+![Pipedream Connect Configuration](https://res.cloudinary.com/pipedreamin/image/upload/v1731045468/connect-app-config_th9fqo.png)
+
+### Application name
+By default, your end users will see:
+>We use Pipedream to connect your account
+
+Enter the name of your application that you'd like to show instead, so it reads:
+>\{Application Name\} uses Pipedream to connect your account
+
+### Support email
+In the case of any errors during the account connection flow, by default your users will see:
+>Connection failed. Please retry or contact support.
+
+To give your end users an email address to seek support, enter your support email. We'll display it:
+>Connection failed. Please retry or contact support [help@example.com](mailto:help@example.com).
+
+### Logo
+By default we'll show Pipedream's logo alongside the app your user is connecting to. If you'd like to show your own logo instead, upload it here.

docs-v2/pages/connect/tokens.mdx

@@ -1,4 +1,4 @@
-# Connect tokens
+# Connect Tokens
 
 When you initiate account connection for your end users, you must either:
 

docs-v2/pages/connect/use-cases.mdx

@@ -1,4 +1,4 @@
-# Pipedream Connect use cases
+# Pipedream Connect Use Cases
 
 Developers use Pipedream Connect to build customer-facing API integrations into their products. It lets you build [in-app messaging](#in-app-messaging), [CRM syncs](#crm-syncs), [AI-driven products](#ai-products), and much more, all in a few minutes.