improvement(org): show an account's sites and confirm connections in the organization view

#9762 added both to the legacy integration page, which the organization view replaced:
an account lists the sites its grant reaches (a count when several accounts are listed),
and a finished connect or reconnect says so. Both data layers carry sites and take an
onSuccess for a completed connection. The Slack custom-bot Request URL helper moves to
lib/integrations/slack-manifest, so its callers no longer load the block registry.

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/integrations/components/connect-slack-bot-modal/connect-slack-bot-modal.tsx

@@ -20,6 +20,7 @@ import { resourceScopeFields, resourceScopeFromOwner } from '@/lib/core/resource
 import { getBaseUrl } from '@/lib/core/utils/urls'
 import {
   buildSlackAppCreationUrl,
+  buildSlackCustomBotRequestUrl,
   getSlackAppNameError,
   SLACK_APP_CREATION_URL_MAX_LENGTH,
 } from '@/lib/integrations/slack-manifest'
@@ -35,7 +36,6 @@ import {
   SLACK_MANAGED_USER_AUTHORIZATION_CAPABILITY,
   type SlackSlashCommand,
 } from '@/triggers/slack/capabilities'
-import { buildSlackCustomBotRequestUrl } from '@/triggers/webhook-url'
 
 const logger = createLogger('ConnectSlackBotModal')
 

apps/sim/lib/integrations/slack-manifest.ts

@@ -1,3 +1,5 @@
+import { getBaseUrl } from '@/lib/core/utils/urls'
+
 const SLACK_APP_NAME_MAX_LENGTH = 35
 export const SLACK_APP_CREATION_URL_MAX_LENGTH = 30_000
 
@@ -6,6 +8,16 @@ export function buildSlackAppCreationUrl(manifest: string): string {
   return `https://api.slack.com/apps?new_app=1&manifest_json=${encodeURIComponent(manifest)}`
 }
 
+/**
+ * The Request URL a Slack custom-bot app posts events to. One URL per
+ * credential (not per workflow): the endpoint verifies with the credential's
+ * signing secret and fans out to every workflow whose trigger routes by this
+ * credential id. Uses the app's public base so Slack's servers can reach it.
+ */
+export function buildSlackCustomBotRequestUrl(credentialId: string): string {
+  return `${getBaseUrl()}/api/webhooks/slack/custom/${credentialId}`
+}
+
 /** Validates a name used for both the Slack app and its bot user. */
 export function getSlackAppNameError(name: string): string | null {
   const trimmedName = name.trim()

apps/sim/lib/mothership/tools/handlers/connect-slack-bot.ts

@@ -1,11 +1,11 @@
 import { createLogger } from '@sim/logger'
 import { createServiceAccountCredentialUseCase } from '@/lib/credentials/application/service-account'
+import { buildSlackCustomBotRequestUrl } from '@/lib/integrations/slack-manifest'
 import { messageForCopilotApplicationError } from '@/lib/mothership/application/errors'
 import { executeCopilotCredentialUseCase } from '@/lib/mothership/application/execute-credential-use-case'
 import { ConnectSlackBotInputSchema } from '@/lib/mothership/generated/protocol'
 import type { ToolHandler } from '@/lib/mothership/tool-executor/types'
 import { requireCopilotWorkspace } from '@/lib/mothership/tools/server/workspace-scope'
-import { buildSlackCustomBotRequestUrl } from '@/triggers/webhook-url'
 
 const logger = createLogger('ConnectSlackBot')
 

apps/sim/lib/webhooks/deployed-urls.test.ts

@@ -5,7 +5,7 @@ import { afterAll, beforeEach, describe, expect, it, vi } from 'vitest'
 vi.mock('@/lib/webhooks/trigger-url', () => ({
   buildWebhookTriggerUrl: (path: string) => `https://sim.test/api/webhooks/trigger/${path}`,
 }))
-vi.mock('@/triggers/webhook-url', () => ({
+vi.mock('@/lib/integrations/slack-manifest', () => ({
   buildSlackCustomBotRequestUrl: (credentialId: string) =>
     `https://sim.test/api/webhooks/slack/custom/${credentialId}`,
 }))

apps/sim/lib/webhooks/deployed-urls.ts

@@ -3,9 +3,9 @@ import { webhook } from '@sim/db/schema'
 import { isRecordLike } from '@sim/utils/object'
 import { and, eq, isNull } from 'drizzle-orm'
 import type { DbOrTx } from '@/lib/db/types'
+import { buildSlackCustomBotRequestUrl } from '@/lib/integrations/slack-manifest'
 import { LEGACY_SLACK_CUSTOM_BOT_INGRESS_MODE } from '@/lib/webhooks/slack-custom-ingress-constants'
 import { buildWebhookTriggerUrl } from '@/lib/webhooks/trigger-url'
-import { buildSlackCustomBotRequestUrl } from '@/triggers/webhook-url'
 
 /** The public URL one live webhook registration receives events on, and the block it feeds. */
 export interface DeployedWebhookUrl {

apps/sim/platform/embedded/app/(shell)/integrations/_components/connected-credential/connected-credential.module.css

@@ -14,6 +14,13 @@
   justify-content: space-between;
   gap: var(--ui-row-gap);
 }
+.sites {
+  display: grid;
+  gap: var(--ui-stack-gap);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
 .muted {
   color: var(--ui-secondary);
 }

apps/sim/platform/embedded/app/(shell)/integrations/_components/connected-credential/connected-credential.tsx

@@ -51,6 +51,16 @@ export function ConnectedCredential({
             <p className={styles.muted} data-type='T050'>
               {account.statusLabel}
             </p>
+            {accounts.length === 1 && account.sites.length > 0 && (
+              <ul aria-label={`Sites ${account.label} reaches`} className={styles.sites}>
+                {account.sites.map((site) => (
+                  <li key={site.url} data-type='T050'>
+                    {site.name}{' '}
+                    <span className={styles.muted}>{site.url.replace(/^https:\/\//, '')}</span>
+                  </li>
+                ))}
+              </ul>
+            )}
           </div>
           <div className={styles.actions}>
             {account.status === 'needs_reauth' && account.canReconnect && (

apps/sim/platform/embedded/app/(shell)/integrations/_components/integration-details/integration-details.tsx

@@ -75,7 +75,10 @@ export function IntegrationDetails({
           integrationName={name}
           accounts={shown.map((account) => ({
             ...account,
-            statusLabel: accountStatus(integration, account),
+            statusLabel:
+              shown.length > 1 && account.sites.length > 0
+                ? `${accountStatus(integration, account)} · ${account.sites.length} ${account.sites.length === 1 ? 'site' : 'sites'}`
+                : accountStatus(integration, account),
             href: !selected && account.hasToolPermissions ? accountHref(account.id) : undefined,
           }))}
           pending={pending}

apps/sim/platform/embedded/app/(shell)/integrations/_components/integrations-page/integrations-route.tsx

@@ -32,6 +32,7 @@ import {
 } from '@/platform/embedded/lib/data/integrations'
 import { integrationPath } from '@/platform/embedded/lib/data/integrations-model'
 import { GENERIC_SECRETS_SEGMENT } from '@/platform/shared/integrations'
+import { toast } from '@/platform/shared/toast'
 
 const LOADING_CONNECTIONS = 'Loading your connections'
 const LOADING_CONNECTION = 'Loading connection'
@@ -209,9 +210,16 @@ export function IntegrationsRoute({
                 }
                 pending={actions.pending}
                 onConnect={() => {
-                  if (integration.connectionTarget) actions.connect(integration.connectionTarget)
+                  if (integration.connectionTarget)
+                    actions.connect(integration.connectionTarget, {
+                      onSuccess: () => toast.success(`${integration.name} connected`),
+                    })
                 }}
-                onReconnect={actions.reconnect}
+                onReconnect={(credentialId) =>
+                  actions.reconnect(credentialId, {
+                    onSuccess: () => toast.success(`${integration.name} reconnected`),
+                  })
+                }
                 onDisconnect={async (credentialId) => {
                   await actions.disconnect(credentialId)
                   if (account === credentialId) void setParams({ account: null, tools: null })

apps/sim/platform/embedded/lib/data/integrations-model.ts

@@ -64,6 +64,7 @@ function toOrganizationIntegration(entry: MemberIntegration): OrganizationIntegr
           status: account.status,
           canReconnect: entry.reconnectAccountIds.includes(account.credentialId),
           hasToolPermissions: entry.permissionAccountIds.includes(account.credentialId),
+          sites: 'sites' in account ? account.sites : [],
         })),
   }
 }