Add version for Llamaindex with FastApi and Auth0

AIDX-237 Switch call method

fix: bump lib versions

fix: re-apply ai-components changes

fix: first pass on fixes
fix(ts-langchain): make it work
fix(ts-llamaindex): dedupe @llamaindex/core by downgrading openai lib

fix: small bun reference leftover

fix(llamaindex): make serpapi truly optional

fix(ts-vercel-ai): make serpapi truly optional

fix: remove FIXME (was necessary)

feat: add update_packages.sh script + bump again

feat: bump @auth0/nextjs-auth0 to 4.13.0

Author: AdamW

py-langchain/README.md

@@ -35,7 +35,7 @@ Next, you'll need to set up environment variables in your repo's `.env` file. Co
 To start with the basic examples, you'll just need to add your OpenAI API key and Auth0 credentials.
 
 - To start with the examples, you'll just need to add your OpenAI API key and Auth0 credentials for the Web app.
-  - You can setup a new Auth0 tenant with an Auth0 Web App and Token Vault following the Prerequisites instructions [here](https://auth0.com/ai/docs/call-others-apis-on-users-behalf).
+  - You can set up a new Auth0 tenant with an Auth0 Web App and Token Vault following the Prerequisites instructions [here](https://auth0.com/ai/docs/get-started/call-others-apis-on-users-behalf).
   - An Auth0 FGA account, you can create one [here](https://dashboard.fga.dev). Add the FGA store ID, client ID, client secret, and API URL to the `.env` file.
 
 Next, install the required packages using your preferred package manager, e.g. uv:

py-langchain/backend/README.md

@@ -9,7 +9,7 @@ You'll need to set up environment variables in your repo's `.env` file. Copy the
 To start with the basic examples, you'll just need to add your OpenAI API key and Auth0 credentials.
 
 - To start with the examples, you'll just need to add your OpenAI API key and Auth0 credentials for the Web app.
-  - You can setup a new Auth0 tenant with an Auth0 Web App and Token Vault following the Prerequisites instructions [here](https://auth0.com/ai/docs/call-others-apis-on-users-behalf).
+  - You can set up a new Auth0 tenant with an Auth0 Web App and Token Vault following the Prerequisites instructions [here](https://auth0.com/ai/docs/get-started/call-others-apis-on-users-behalf).
   - An Auth0 FGA account, you can create one [here](https://dashboard.fga.dev). Add the FGA store ID, client ID, client secret, and API URL to the `.env` file.
 
 Next, install the required packages using your preferred package manager, e.g. uv:

py-langchain/frontend/package-lock.json

@@ -10,7 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@auth0/ai": "^5.0.1",
+    "@auth0/ai": "^5.1.1",
     "@langchain/core": "^0.3.66",
     "@langchain/langgraph-sdk": "^0.0.109",
     "@radix-ui/react-avatar": "^1.1.10",

py-langchain/frontend/package.json

@@ -2,7 +2,8 @@
 import type { ReactNode } from "react";
 
 /**
- * Defines the mode the EnsureAPIAccess component will use to prompt the user to authorize the API access.
+ * Defines the mode the TokenVaultConsent component will use to prompt the user to connect a third-party account and
+ * authorize the API access.
  * - `redirect` will redirect the user to the provider's authorization page.
  * - `popup` will open a popup window to prompt the user to authorize the API access.
  * - `auto` will automatically choose the best mode based on the user's device and browser.
@@ -13,10 +14,11 @@ export type TokenVaultAuthProps = {
   interrupt: {
     connection: string;
     requiredScopes: string[];
+    authorizationParams?: Record<string, string>;
     resume?: () => void;
   };
   auth?: {
-    authorizePath?: string;
+    connectPath?: string;
     returnTo?: string;
   };
   onFinish?: () => void;

…okenVault/TokenVaultInterruptHandler.tsx …omponents/TokenVaultInterruptHandler.tsxpy-langchain/frontend/src/components/auth0-ai/TokenVault/TokenVaultInterruptHandler.tsx renamed to py-langchain/frontend/src/components/TokenVaultInterruptHandler.tsx py-langchain/frontend/src/components/auth0-ai/TokenVault/TokenVaultInterruptHandler.tsx renamed to py-langchain/frontend/src/components/TokenVaultInterruptHandler.tsx

@@ -1,8 +1,8 @@
 import { BrowserView, MobileView } from "react-device-detect";
 
-import type { TokenVaultAuthProps } from "./TokenVaultAuthProps";
 import { TokenVaultConsentPopup } from "./popup";
 import { TokenVaultConsentRedirect } from "./redirect";
+import type { TokenVaultAuthProps } from "./TokenVaultAuthProps";
 
 export function TokenVaultConsent(props: TokenVaultAuthProps) {
   const { mode } = props;

py-langchain/frontend/src/components/auth0-ai/TokenVault/TokenVaultAuthProps.tsx

@@ -4,12 +4,13 @@ import { useCallback, useEffect, useState } from "react";
 
 import { WaitingMessage } from "../util/loader";
 import { PromptUserContainer } from "../util/prompt-user-container";
+
 import type { TokenVaultAuthProps } from "./TokenVaultAuthProps";
 
 export function TokenVaultConsentPopup({
-  interrupt: { connection, requiredScopes, resume },
+  interrupt: { connection, requiredScopes, authorizationParams, resume },
   connectWidget: { icon, title, description, action, containerClassName },
-  auth: { authorizePath = "/auth/login", returnTo = "/close" } = {},
+  auth: { connectPath = "/auth/connect", returnTo = "/close" } = {},
   onFinish,
 }: TokenVaultAuthProps) {
   const [isLoading, setIsLoading] = useState(false);
@@ -43,14 +44,17 @@ export function TokenVaultConsentPopup({
   //Open the login popup
   const startLoginPopup = useCallback(async () => {
     const search = new URLSearchParams({
-      returnTo,
       connection,
-      access_type: "offline",
-      prompt: "consent",
-      connection_scope: requiredScopes.join(),
+      returnTo,
+      // Add all extra authorization parameters to the search params, they will be collected and submitted via the
+      // authorization_params parameter of the connect account flow.
+      ...authorizationParams,
     });
+    for (const requiredScope of requiredScopes) {
+      search.append("scopes", requiredScope);
+    }
 
-    const url = new URL(authorizePath, window.location.origin);
+    const url = new URL(connectPath, window.location.origin);
     url.search = search.toString();
 
     const windowFeatures =
@@ -63,7 +67,7 @@ export function TokenVaultConsentPopup({
       setLoginPopup(popup);
       setIsLoading(true);
     }
-  }, [connection, requiredScopes, returnTo, authorizePath]);
+  }, [connection, requiredScopes, returnTo, authorizationParams, connectPath]);
 
   if (isLoading) {
     return <WaitingMessage />;

py-langchain/frontend/src/components/auth0-ai/TokenVault/index.tsx

@@ -1,13 +1,14 @@
 "use client";
 
 import { PromptUserContainer } from "../util/prompt-user-container";
+
 import type { TokenVaultAuthProps } from "./TokenVaultAuthProps";
 
 export function TokenVaultConsentRedirect({
-  interrupt: { requiredScopes, connection },
+  interrupt: { connection, requiredScopes, authorizationParams },
   connectWidget: { icon, title, description, action, containerClassName },
   auth: {
-    authorizePath = "/auth/login",
+    connectPath = "/auth/connect",
     returnTo = window.location.pathname,
   } = {},
 }: TokenVaultAuthProps) {
@@ -21,13 +22,17 @@ export function TokenVaultConsentRedirect({
         label: action?.label ?? "Connect",
         onClick: () => {
           const search = new URLSearchParams({
-            returnTo,
             connection,
-            access_type: "offline",
-            connection_scope: requiredScopes.join(),
+            returnTo,
+            // Add all extra authorization parameters to the search params, they will be collected and submitted via the
+            // authorization_params parameter of the connect account flow.
+            ...authorizationParams,
           });
+          for (const requiredScope of requiredScopes) {
+            search.append("scopes", requiredScope);
+          }
 
-          const url = new URL(authorizePath, window.location.origin);
+          const url = new URL(connectPath, window.location.origin);
           url.search = search.toString();
 
           // Redirect to the authorization page

py-langchain/frontend/src/components/auth0-ai/TokenVault/popup.tsx

@@ -8,7 +8,7 @@ import { useStream } from "@langchain/langgraph-sdk/react";
 import { type Message } from "@langchain/langgraph-sdk";
 
 import { ChatMessageBubble } from "@/components/chat-message-bubble";
-import { TokenVaultInterruptHandler } from "@/components/auth0-ai/TokenVault/TokenVaultInterruptHandler";
+import { TokenVaultInterruptHandler } from "@/components/TokenVaultInterruptHandler";
 import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 import { getLoginUrl } from "@/lib/use-auth";