Skip to content

Commit eecf84d

Browse files
committed
updating images
1 parent 750b717 commit eecf84d

File tree

66 files changed

+586
-441
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

66 files changed

+586
-441
lines changed

auth4genai/async-authorization/langgraph/get-started/asynchronous-authorization.mdx

Lines changed: 15 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,10 @@ description: Learn how Auth0 for AI Agents enables AI agents to asynchronously a
44
sidebarTitle: Secure HITL Approvals
55
tocs: true
66
---
7+
78
import UsingAI from "/snippets/common/using-ai.mdx";
9+
import { AIContainer } from "/snippets/common/ai-container.jsx";
10+
import { DownloadQuickstartButton } from "/snippets/download-quickstart/DownloadQuickstartButton.jsx";
811

912
{/* `GettingStartedTocs` requires `CustomTocs` to be imported */}
1013
import { CustomTocs } from "/snippets/common/tocs.mdx";
@@ -37,20 +40,26 @@ By the end of this quickstart, you should have an AI agent integrated with the [
3740
title="Next.js"
3841
icon="/img/nextjs-light.svg"
3942
>
40-
<UsingAI
41-
repository={<a href="https://github.com/auth0-samples/auth0-ai-samples.git" target="_blank" rel="noreferrer" className="link">auth0-samples/auth0-ai-samples</a>}
42-
folderPath={"async-authorization/langchain-next-js"}
43+
<AIContainer>
44+
<DownloadQuickstartButton
45+
category="asynchronous-authorization"
46+
framework="langchain-next-js"
4347
/>
48+
<UsingAI />
49+
</AIContainer>
4450
<LangChainAsyncAuth />
4551
</Tab>
4652
<Tab
4753
title="FastAPI"
4854
icon="/img/fastapi-light.svg"
4955
>
50-
<UsingAI
51-
repository={<a href="https://github.com/auth0-samples/auth0-ai-samples.git" target="_blank" rel="noreferrer" className="link">auth0-samples/auth0-ai-samples</a>}
52-
folderPath={"async-authorization/langchain-fastapi-py"}
56+
<AIContainer>
57+
<DownloadQuickstartButton
58+
category="asynchronous-authorization"
59+
framework="langchain-fastapi-py"
5360
/>
61+
<UsingAI />
62+
</AIContainer>
5463
<LangChainFastAPIAsyncAuth />
5564
</Tab>
5665
</Tabs>

auth4genai/async-authorization/vercel-ai/get-started/asynchronous-authorization.mdx

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ tocs: true
66
---
77

88
import UsingAI from "/snippets/common/using-ai.mdx";
9+
import { AIContainer } from "/snippets/common/ai-container.jsx";
10+
import { DownloadQuickstartButton } from "/snippets/download-quickstart/DownloadQuickstartButton.jsx";
911

1012
{/* `GettingStartedTocs` requires `CustomTocs` to be imported */}
1113
import { CustomTocs } from "/snippets/common/tocs.mdx";
@@ -38,20 +40,26 @@ By the end of this quickstart, you should have an AI agent integrated with the [
3840
title="Next.js"
3941
icon="/img/nextjs-light.svg"
4042
>
41-
<UsingAI
42-
repository={<a href="https://github.com/auth0-samples/auth0-ai-samples.git" target="_blank" rel="noreferrer" className="link">auth0-samples/auth0-ai-samples</a>}
43-
folderPath={"asynchronous-authorization/vercel-ai-next-js"}
43+
<AIContainer>
44+
<DownloadQuickstartButton
45+
category="asynchronous-authorization"
46+
framework="vercel-ai-next-js"
4447
/>
48+
<UsingAI />
49+
</AIContainer>
4550
<VercelAsyncAuth />
4651
</Tab>
4752
<Tab
4853
title="Node.js"
4954
icon="/img/node-light.svg"
5055
>
51-
<UsingAI
52-
repository={<a href="https://github.com/auth0-samples/auth0-ai-samples.git" target="_blank" rel="noreferrer" className="link">auth0-samples/auth0-ai-samples</a>}
53-
folderPath={"asynchronous-authorization/vercel-ai-node-js"}
56+
<AIContainer>
57+
<DownloadQuickstartButton
58+
category="asynchronous-authorization"
59+
framework="vercel-ai-node-js"
5460
/>
61+
<UsingAI />
62+
</AIContainer>
5563
<VercelNodeAsyncAuth />
5664
</Tab>
5765
</Tabs>

auth4genai/authorization-for-rag/langgraph/get-started/authorization-for-rag.mdx

Lines changed: 20 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@ toc: true
55
---
66

77
import UsingAI from "/snippets/common/using-ai.mdx";
8+
import { AIContainer } from "/snippets/common/ai-container.jsx";
9+
import { DownloadQuickstartButton } from "/snippets/download-quickstart/DownloadQuickstartButton.jsx";
810

911
{/* `GettingStartedTocs` requires `CustomTocs` to be imported */}
1012
import { CustomTocs } from "/snippets/common/tocs.mdx";
@@ -36,30 +38,39 @@ Auth0 for AI Agents leverages [Auth0 FGA](https://auth0.com/fine-grained-authori
3638
title="Next.js"
3739
icon="/img/nextjs-light.svg"
3840
>
39-
<UsingAI
40-
repository={<a href="https://github.com/auth0-samples/auth0-ai-samples.git" target="_blank" rel="noreferrer" className="link">auth0-samples/auth0-ai-samples</a>}
41-
folderPath={"authorization-for-rag/langchain-next-js"}
41+
<AIContainer>
42+
<DownloadQuickstartButton
43+
category="authorization-for-rag"
44+
framework="langchain-next-js"
4245
/>
46+
<UsingAI />
47+
</AIContainer>
4348
<LangChainNextjsAuthForRag />
4449
</Tab>
4550
<Tab
4651
title="FastAPI"
4752
icon="/img/fastapi-light.svg"
4853
>
49-
<UsingAI
50-
repository={<a href="https://github.com/auth0-samples/auth0-ai-samples.git" target="_blank" rel="noreferrer" className="link">auth0-samples/auth0-ai-samples</a>}
51-
folderPath={"authorization-for-rag/langchain-fastapi-py"}
54+
<AIContainer>
55+
<DownloadQuickstartButton
56+
category="authorization-for-rag"
57+
framework="langchain-fastapi-py"
5258
/>
59+
<UsingAI />
60+
</AIContainer>
5361
<LangChainFastapiAuthForRag />
5462
</Tab>
5563
<Tab
5664
title="Node.js"
5765
icon="/img/node-light.svg"
5866
>
59-
<UsingAI
60-
repository={<a href="https://github.com/auth0-samples/auth0-ai-samples.git" target="_blank" rel="noreferrer" className="link">auth0-samples/auth0-ai-samples</a>}
61-
folderPath={"authorization-for-rag/langgraph-agentic-js"}
67+
<AIContainer>
68+
<DownloadQuickstartButton
69+
category="authorization-for-rag"
70+
framework="langgraph-agentic-js"
6271
/>
72+
<UsingAI />
73+
</AIContainer>
6374
<LangChainNodejsAuthForRag />
6475
</Tab>
6576
<Tab

auth4genai/authorization-for-rag/vercel-ai/get-started/authorization-for-rag.mdx

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@ toc: true
55
---
66

77
import UsingAI from "/snippets/common/using-ai.mdx";
8+
import { AIContainer } from "/snippets/common/ai-container.jsx";
9+
import { DownloadQuickstartButton } from "/snippets/download-quickstart/DownloadQuickstartButton.jsx";
810

911
{/* `GettingStartedTocs` requires `CustomTocs` to be imported */}
1012
import { CustomTocs } from "/snippets/common/tocs.mdx";
@@ -32,10 +34,13 @@ Auth0 for AI Agents leverages [Auth0 FGA](https://auth0.com/fine-grained-authori
3234
title="Next.js"
3335
icon="/img/nextjs-light.svg"
3436
>
35-
<UsingAI
36-
repository={<a href="https://github.com/auth0-samples/auth0-ai-samples.git" target="_blank" rel="noreferrer" className="link">auth0-samples/auth0-ai-samples</a>}
37-
folderPath={"authorization-for-rag/vercel-ai-next-js"}
37+
<AIContainer>
38+
<DownloadQuickstartButton
39+
category="authorization-for-rag"
40+
framework="vercel-ai-next-js"
3841
/>
42+
<UsingAI />
43+
</AIContainer>
3944
<VercelNextjsAuthForRag />
4045
</Tab>
4146
</Tabs>

auth4genai/calling-apis/cloudflare/get-started/call-your-apis-on-users-behalf.mdx

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ description: Learn how Auth0 for AI Agents enables AI agents to call other's API
44
---
55

66
import UsingAI from "/snippets/common/using-ai.mdx";
7+
import { AIContainer } from "/snippets/common/ai-container.jsx";
8+
import { DownloadManual } from "/snippets/common/download-manual.jsx";
79

810
{/* `GettingStartedTocs` requires `CustomTocs` to be imported */}
911
import { CustomTocs } from "/snippets/common/tocs.mdx";
@@ -31,10 +33,13 @@ Use Auth0 SDKs to fetch access tokens for social and enterprise identity provide
3133
title="Hono"
3234
icon="/img/hono-light.svg"
3335
>
34-
<UsingAI
35-
repository={<a href="https://github.com/auth0-samples/auth0-ai-samples.git" target="_blank" rel="noreferrer" className="link">auth0-samples/auth0-ai-samples</a>}
36-
folderPath={"auth0-ai-samples/call-apis-on-users-behalf/others-api/langchain-next-js"}
37-
/>
36+
<AIContainer>
37+
<DownloadManual
38+
repository={"auth0-samples/auth0-ai-samples"}
39+
folderPath={"auth0-ai-samples/call-apis-on-users-behalf/others-api/langchain-next-js"}
40+
/>
41+
<UsingAI />
42+
</AIContainer>
3843
<CloudflareCallYourApi />
3944
</Tab>
4045
</Tabs>

auth4genai/calling-apis/cloudflare/how-tos/check-google-calendar-availability.mdx

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ description: "Use OpenAI, NextJS, and the Auth0-AI SDKs to check your Google Cal
44
---
55

66
import UsingAI from "/snippets/common/using-ai.mdx";
7+
import { AIContainer } from "/snippets/common/ai-container.jsx";
8+
import { DownloadManual } from "/snippets/common/download-manual.jsx";
79

810
{/* `GettingStartedTocs` requires `CustomTocs` to be imported */}
911
import { CustomTocs } from "/snippets/common/tocs.mdx";
@@ -33,10 +35,13 @@ import { AccountLinking } from "/snippets/how-tos/account-linking.mdx";
3335
title="Hono"
3436
icon="/img/hono-light.svg"
3537
>
36-
<UsingAI
37-
repository={<a href="https://github.com/auth0-lab/auth0-ai-js" target="_blank" rel="noreferrer" className="link">auth0-lab/auth0-ai-js</a>}
38-
folderPath={"examples/calling-apis/spa-with-backend-api/react-hono-ai-sdk"}
39-
/>
38+
<AIContainer>
39+
<DownloadManual
40+
repository={"auth0-lab/auth0-ai-js"}
41+
folderPath={"examples/calling-apis/spa-with-backend-api/react-hono-ai-sdk"}
42+
/>
43+
<UsingAI />
44+
</AIContainer>
4045
<CloudflareAgents />
4146
</Tab>
4247
</Tabs>

auth4genai/calling-apis/cloudflare/how-tos/list-github-repositories.mdx

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ description: "Use OpenAI, NextJS, and the Auth0-AI SDKs to list your GitHub repo
44
---
55

66
import UsingAI from "/snippets/common/using-ai.mdx";
7+
import { AIContainer } from "/snippets/common/ai-container.jsx";
8+
import { DownloadManual } from "/snippets/common/download-manual.jsx";
79

810
{/* `GettingStartedTocs` requires `CustomTocs` to be imported */}
911
import { CustomTocs } from "/snippets/common/tocs.mdx";
@@ -32,11 +34,14 @@ import { AccountLinking } from "/snippets/how-tos/account-linking.mdx";
3234
title="Hono"
3335
icon="/img/hono-light.svg"
3436
>
35-
<UsingAI
36-
repository={<a href="https://github.com/auth0-lab/auth0-ai-js" target="_blank" rel="noreferrer" className="link">auth0-lab/auth0-ai-js</a>}
37-
folderPath={"examples/calling-apis/spa-with-backend-api/react-hono-ai-sdk"}
38-
/>
39-
<CloudflareAgents />
37+
<AIContainer>
38+
<DownloadManual
39+
repository={"auth0-lab/auth0-ai-js"}
40+
folderPath={"examples/calling-apis/spa-with-backend-api/react-hono-ai-sdk"}
41+
/>
42+
<UsingAI />
43+
</AIContainer>
44+
<CloudflareAgents />
4045
</Tab>
4146
</Tabs>
4247

auth4genai/calling-apis/cloudflare/how-tos/list-slack-channels.mdx

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ description: "Use OpenAI, NextJS, and the Auth0-AI SDKs to list your Slack chann
44
---
55

66
import UsingAI from "/snippets/common/using-ai.mdx";
7+
import { AIContainer } from "/snippets/common/ai-container.jsx";
8+
import { DownloadManual } from "/snippets/common/download-manual.jsx";
79

810
{/* `GettingStartedTocs` requires `CustomTocs` to be imported */}
911
import { CustomTocs } from "/snippets/common/tocs.mdx";
@@ -31,10 +33,13 @@ import { AccountLinking } from "/snippets/how-tos/account-linking.mdx";
3133
title="Hono"
3234
icon="/img/hono-light.svg"
3335
>
34-
<UsingAI
35-
repository={<a href="https://github.com/auth0-lab/auth0-ai-js" target="_blank" rel="noreferrer" className="link">auth0-lab/auth0-ai-js</a>}
36-
folderPath={"examples/calling-apis/spa-with-backend-api/react-hono-ai-sdk"}
37-
/>
36+
<AIContainer>
37+
<DownloadManual
38+
repository={"auth0-lab/auth0-ai-js"}
39+
folderPath={"examples/calling-apis/spa-with-backend-api/react-hono-ai-sdk"}
40+
/>
41+
<UsingAI />
42+
</AIContainer>
3843
<CloudflareAgents />
3944
</Tab>
4045
</Tabs>

auth4genai/calling-apis/genkit/how-tos/check-google-calendar-availability.mdx

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ description: "Use OpenAI, NextJS, and the Auth0-AI SDKs to check your Google Cal
44
---
55

66
import UsingAI from "/snippets/common/using-ai.mdx";
7+
import { AIContainer } from "/snippets/common/ai-container.jsx";
8+
import { DownloadManual } from "/snippets/common/download-manual.jsx";
79

810
{/* `GettingStartedTocs` requires `CustomTocs` to be imported */}
911
import { CustomTocs } from "/snippets/common/tocs.mdx";
@@ -33,10 +35,13 @@ import { AccountLinking } from "/snippets/how-tos/account-linking.mdx";
3335
title="Next.js"
3436
icon="/img/nextjs-light.svg"
3537
>
36-
<UsingAI
37-
repository={<a href="https://github.com/auth0-lab/auth0-ai-js" target="_blank" rel="noreferrer" className="link">auth0-lab/auth0-ai-js</a>}
38-
folderPath={"examples/calling-apis/chatbot/app/(genkit)"}
39-
/>
38+
<AIContainer>
39+
<DownloadManual
40+
repository={"auth0-lab/auth0-ai-js"}
41+
folderPath={"examples/calling-apis/chatbot/app/(genkit)"}
42+
/>
43+
<UsingAI />
44+
</AIContainer>
4045
<GenKitSample />
4146
</Tab>
4247
</Tabs>

auth4genai/calling-apis/genkit/how-tos/list-github-repositories.mdx

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ description: "Use OpenAI, NextJS, and the Auth0-AI SDKs to list your GitHub repo
44
---
55

66
import UsingAI from "/snippets/common/using-ai.mdx";
7+
import { AIContainer } from "/snippets/common/ai-container.jsx";
8+
import { DownloadManual } from "/snippets/common/download-manual.jsx";
79

810
{/* `GettingStartedTocs` requires `CustomTocs` to be imported */}
911
import { CustomTocs } from "/snippets/common/tocs.mdx";
@@ -32,10 +34,13 @@ import { AccountLinking } from "/snippets/how-tos/account-linking.mdx";
3234
title="Next.js"
3335
icon="/img/nextjs-light.svg"
3436
>
35-
<UsingAI
36-
repository={<a href="https://github.com/auth0-lab/auth0-ai-js" target="_blank" rel="noreferrer" className="link">auth0-lab/auth0-ai-js</a>}
37-
folderPath={"examples/calling-apis/chatbot/app/(genkit)"}
38-
/>
37+
<AIContainer>
38+
<DownloadManual
39+
repository={"auth0-lab/auth0-ai-js"}
40+
folderPath={"examples/calling-apis/chatbot/app/(genkit)"}
41+
/>
42+
<UsingAI />
43+
</AIContainer>
3944
<GenKitSample />
4045
</Tab>
4146
</Tabs>

0 commit comments

Comments
 (0)