fix: keep modal errors inside the modal instead of a screen-corner toast

Per the toast spec (modal errors stay in the modal; only page errors go to the
corner), route two in-modal failures inline:
- add-people-modal: failures now render via ChipModalError in the modal body
  (the modal stays open with the failed emails), not toast.error.
- slack setup wizard: a clipboard-copy failure shows inline beneath the copy
  button (mirroring the existing 'copied' state), not a toast.

Left as-is (verified correct, not violations): credential-detail save error
(a routed page, not a modal — page toast is correct) and import-csv success
(fires as the dialog closes — inline isn't possible).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/components/credential-detail/components/add-people-modal.tsx

@@ -2,14 +2,13 @@
 
 import { useCallback, useMemo, useState } from 'react'
 import { createLogger } from '@sim/logger'
-import { getErrorMessage } from '@sim/utils/errors'
 import {
   ChipModal,
   ChipModalBody,
+  ChipModalError,
   ChipModalField,
   ChipModalFooter,
   ChipModalHeader,
-  toast,
 } from '@/components/emcn'
 import { useWorkspacePermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import {
@@ -42,6 +41,7 @@ export function AddPeopleModal({ credentialId, open, onOpenChange }: AddPeopleMo
   const [emailsToAdd, setEmailsToAdd] = useState<string[]>([])
   const [roleToAdd, setRoleToAdd] = useState<WorkspaceCredentialRole>('member')
   const [isAdding, setIsAdding] = useState(false)
+  const [submitError, setSubmitError] = useState<string | null>(null)
 
   const workspaceUserIdByEmail = useMemo(
     () =>
@@ -73,11 +73,13 @@ export function AddPeopleModal({ credentialId, open, onOpenChange }: AddPeopleMo
   const handleClose = useCallback(() => {
     setEmailsToAdd([])
     setRoleToAdd('member')
+    setSubmitError(null)
     onOpenChange(false)
   }, [onOpenChange])
 
   const handleAddPeople = useCallback(async () => {
     if (emailsToAdd.length === 0 || isAdding) return
+    setSubmitError(null)
     const targets = emailsToAdd
       .map((email) => {
         const result = resolveAddEmail(email, { workspaceUserIdByEmail, existingMemberEmails })
@@ -103,11 +105,10 @@ export function AddPeopleModal({ credentialId, open, onOpenChange }: AddPeopleMo
         (result): result is PromiseRejectedResult => result.status === 'rejected'
       )
       logger.error('Failed to add some credential members', firstError?.reason)
-      toast.error(
+      setSubmitError(
         failures.length === targets.length
-          ? "Couldn't add people"
-          : `Couldn't add ${failures.length} of ${targets.length} people`,
-        { description: getErrorMessage(firstError?.reason, 'Please try again in a moment.') }
+          ? "Couldn't add people. Please try again in a moment."
+          : `Couldn't add ${failures.length} of ${targets.length} people. Please try again in a moment.`
       )
     } finally {
       setIsAdding(false)
@@ -152,6 +153,7 @@ export function AddPeopleModal({ credentialId, open, onOpenChange }: AddPeopleMo
           onChange={(role) => setRoleToAdd(role as WorkspaceCredentialRole)}
           disabled={isAdding}
         />
+        <ChipModalError>{submitError}</ChipModalError>
       </ChipModalBody>
       <ChipModalFooter
         onCancel={handleClose}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/slack-setup-wizard/slack-setup-wizard.tsx

@@ -3,7 +3,7 @@
 import { type ReactNode, useCallback, useMemo, useState } from 'react'
 import { Check, ChevronRight, Clipboard, Info } from 'lucide-react'
 import { useShallow } from 'zustand/react/shallow'
-import { Checkbox, Input, Label, SecretInput, Tooltip, toast, Wizard } from '@/components/emcn'
+import { Checkbox, Input, Label, SecretInput, Tooltip, Wizard } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
 import { useSubBlockValue } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/hooks/use-sub-block-value'
 import { useWebhookManagement } from '@/hooks/use-webhook-management'
@@ -263,15 +263,19 @@ interface StepCreateProps {
 
 function StepCreate({ manifestJson, canCopy }: StepCreateProps) {
   const [copied, setCopied] = useState<boolean>(false)
+  const [copyFailed, setCopyFailed] = useState<boolean>(false)
 
   const handleCopy = useCallback(async () => {
     if (!canCopy) return
     try {
       await navigator.clipboard.writeText(manifestJson)
+      setCopyFailed(false)
       setCopied(true)
       setTimeout(() => setCopied(false), 2000)
     } catch {
-      toast.error("Couldn't copy manifest — copy it manually from the developer console.")
+      // Keep the failure inside the wizard rather than firing a toast that
+      // escapes to the screen corner.
+      setCopyFailed(true)
     }
   }, [canCopy, manifestJson])
 
@@ -301,6 +305,11 @@ function StepCreate({ manifestJson, canCopy }: StepCreateProps) {
                 <Clipboard className='size-[12px] text-[var(--text-muted)]' />
               ))}
           </button>
+          {copyFailed ? (
+            <p className='mt-1.5 text-[var(--text-error)] text-xs'>
+              Couldn't copy manifest — copy it manually from the developer console.
+            </p>
+          ) : null}
         </SubStep>
         <SubStep n={2}>
           Open the{' '}