Vercel ai sdk tutorial (#646)

* Updaing and aligning Vercel tutorial to docs.

* adding more next steps and comments

* 🤖 Regenerate LLMs.txt

* Update app/en/guides/agent-frameworks/vercelai/page.mdx

* Update app/en/guides/agent-frameworks/vercelai/page.mdx

* Refactor code formatting and improve readability in Vercel AI guide

- Adjusted indentation and line breaks for better clarity in code snippets.
- Enhanced the layout of callout sections for improved user experience.
- Updated comments in the `AuthPendingUI` function for better understanding.

* recommend using required settings

* Fix Vercel AI SDK v6 tool schema format

Use inputSchema instead of parameters for tool definitions - this is
the correct format for AI SDK v6. The previous format caused OpenAI
to reject tools with "type: None" errors.

Also simplified toVercelTools adapter by removing unnecessary schema
validation since the real issue was the property name.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Add ARCADE_USER_ID clarification, remove placeholder repo link

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Replace any with unknown for stricter TypeScript configs

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Remove redundant markdown comment, link to AI Elements docs

MessageResponse handles markdown automatically - no need for
inline comments explaining this. Added link to AI Elements
docs for readers who want to learn more about the features.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Fix toolName extraction for AI SDK v6

In Vercel AI SDK v6, toolName is a property on the tool part,
not derived from the type string.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Update app/en/guides/agent-frameworks/vercelai/page.mdx

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

* Update app/en/guides/agent-frameworks/vercelai/page.mdx

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

* Update app/en/guides/agent-frameworks/vercelai/page.mdx

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

* Update app/en/guides/agent-frameworks/vercelai/page.mdx

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

* Update app/en/guides/agent-frameworks/vercelai/page.mdx

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

* Disable alex.Ablist and Google.Ellipses in Vale config

- Allow "disabled" for tech contexts (buttons, features)
- Allow ellipses in code examples and UI text

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Fix broken link to security page

Remove non-existent #identifying-users anchor

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Combine dependency and AI Elements install into one step

Cleaner flow with both commands in the same code block

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Add callout explaining AI Elements install location

Components are installed to components/ui/ directory

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Fix redirect chain for vercel-ai/typescript

Point directly to /vercelai instead of intermediate /vercelai/using-arcade-tools

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Remove accidental backup file

Leftover from merge conflict resolution

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Add authUrl validation to prevent infinite polling

- Guard handleAuthClick to not open empty URLs
- Show error message when authUrl is unavailable
- Prevents infinite polling loop on missing auth URLs

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Fix auth completion callback race condition

- Store onAuthComplete in ref to avoid cleanup race
- Remove timeoutRef from cleanup (let completion callback fire)
- Fixes issue where regenerate() never called after auth success

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Improve system prompt for Gmail and action confirmation

- Guide LLM to use "in:sent" query for sent emails
- Instruct LLM to confirm actions after completion

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Add auto-focus to input after LLM responds

Improves UX by refocusing textarea when response completes

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

---------

Co-authored-by: Rachel Lee Nabors <nearestnabors@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: 3 people

.vale.ini

@@ -40,6 +40,12 @@ Google.Will = NO
 # "execute" etc. flagged as profanity - not useful for tech docs
 alex.ProfanityUnlikely = NO
 
+# "disabled" is valid in tech contexts (disabled buttons, disabled features)
+alex.Ablist = NO
+
+# Ellipses are valid in code examples and UI text
+Google.Ellipses = NO
+
 # Acronyms like API, SDK, MCP are standard in our docs
 Google.Acronyms = NO
 
@@ -69,5 +75,7 @@ write-good.TooWordy = NO
 Google.Contractions = NO
 Google.Will = NO
 alex.ProfanityUnlikely = NO
+alex.Ablist = NO
+Google.Ellipses = NO
 Google.Acronyms = NO
 write-good.Passive = NO

app/en/guides/agent-frameworks/page.mdx

@@ -59,7 +59,7 @@ Arcade seamlessly integrates with your favorite agent frameworks and MCP clients
       <PlatformCard
         name="Vercel AI"
         icon="https://avatars.githubusercontent.com/u/14985020?s=200&v=4"
-        link="/guides/agent-frameworks/vercelai/using-arcade-tools"
+        link="/guides/agent-frameworks/vercelai"
         type="Agent Framework"
       />
     </div>