@vertesia/ui 0.79.1 → 0.80.0-dev.20251121

package/src/features/agent/PayloadBuilder.tsx

@@ -1,29 +1,33 @@
 import { AsyncExecutionResult, VertesiaClient } from "@vertesia/client";
-import { ExecutionEnvironmentRef, Interaction, mergePromptsSchema, PopulatedInteraction, supportsToolUse } from "@vertesia/common";
+import { AgentSearchScope, ExecutionEnvironmentRef, InCodeInteraction, mergeInCodePromptSchemas, supportsToolUse, WorkflowInteractionVars } from "@vertesia/common";
 import { JSONObject } from "@vertesia/json";
 import { useUserSession } from "@vertesia/ui/session";
 import Ajv, { ValidateFunction } from "ajv";
 import type { JSONSchema4 } from "json-schema";
 import React, { createContext, useContext, useEffect, useState } from "react";
 
-export interface ConversationWorkflowPayload {
-    interaction?: Interaction | undefined;
-    config: {
-        environment?: ExecutionEnvironmentRef | undefined;
-        model?: string;
-    }
-    data?: JSONObject | undefined,
-    tool_names: string[],
-}
 
-export class PayloadBuilder implements ConversationWorkflowPayload {
+// export interface ConversationWorkflowPayload {
+//     config: {
+//         environment?: ExecutionEnvironmentRef | undefined;
+//         model?: string;
+//     }
+//     data?: JSONObject | undefined,
+//     tool_names: string[],
+// }
+
+export class PayloadBuilder {
     _interactive: boolean = true;
     _debug_mode: boolean = false;
     _collection: string | undefined;
     _start: boolean = false;
     _preserveRunValues: boolean = false;
+    _interaction: InCodeInteraction | undefined;
+    _environment: ExecutionEnvironmentRef | undefined;
+    _model: string = '';
+    _tool_names: string[] = [];
+    _data: JSONObject | undefined;
 
-    payload: ConversationWorkflowPayload;
     private _interactionParamsSchema?: JSONSchema4 | null;
     private _inputValidator?: {
         validate: ValidateFunction;
@@ -31,12 +35,6 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
     };
 
     constructor(public vertesia: VertesiaClient, public updateState: (data: PayloadBuilder) => void) {
-        this.payload = {
-            config: {
-                model: '',
-            },
-            tool_names: [],
-        }
     }
 
     onStateChanged() {
@@ -47,7 +45,11 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
     clone() {
         const builder = new PayloadBuilder(this.vertesia, this.updateState);
         builder._interactionParamsSchema = this._interactionParamsSchema;
-        builder.payload = this.payload;
+        builder._interaction = this._interaction;
+        builder._data = this._data;
+        builder._environment = this._environment;
+        builder._model = this._model;
+        builder._tool_names = [...this._tool_names];
         builder._interactive = this._interactive;
         builder._debug_mode = this._debug_mode;
         builder._inputValidator = this._inputValidator;
@@ -91,31 +93,64 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
     }
 
     get search_scope() {
-        return this._collection ? "collection" : undefined;
+        return this._collection ? AgentSearchScope.Collection : undefined;
+    }
+
+    async restoreConversation(context: WorkflowInteractionVars) {
+        
+        // Handle version-specific interaction resolution
+        let interactionRef = context.interaction;
+        if (context.version) {
+            const objectIdRegex = /^[a-fA-F0-9]{24}$/;
+            if (!objectIdRegex.test(interactionRef)) {
+                // regex to check if interactionRef is an object id (24 hex characters), only append version if not an object id
+                interactionRef = `${interactionRef}@${context.version}`;
+            }
+        }
+        
+        const inter = await this.vertesia.interactions.catalog.resolve(interactionRef);
+        const envId = inter.runtime?.environment || context.config?.environment;
+        const model = context.config?.model;
+        const env = await (envId ?
+            this.vertesia.environments.retrieve(context.config?.environment)
+            :
+            Promise.resolve(undefined)
+        );
+
+
+        this.interactionParamsSchema = context.interactionParamsSchema ?? null;
+        // trigger the setter to update the corresponding interactionParamsSchema
+        this.interaction = inter;
+
+        this._tool_names = context.tool_names || [];
+        this._data = context.data;
+        this._interactive = context.interactive;
+        this._debug_mode = context.debug_mode ?? false;
+        this.collection = context.collection_id ?? undefined;
+
+        // we need to trigger the setter to deal with default models
+        this.environment = env;
+        if (model) {
+            this._model = model;
+        }
+
+        this.onStateChanged();
     }
 
     get interaction() {
-        return this.payload.interaction;
+        return this._interaction;
     }
-    set interaction(interaction: Interaction | undefined) {
-        if (interaction?.id !== this.payload.interaction?.id) {
-            this.payload.interaction = interaction;
-            this._interactionParamsSchema = mergePromptsSchema(this.interaction as PopulatedInteraction) as JSONSchema4;
+    set interaction(interaction: InCodeInteraction | undefined) {
+        if (interaction?.id !== this._interaction?.id) {
+            this._interaction = interaction;
+            // trigger the setter to update the onChange state
+            this.interactionParamsSchema = interaction ? mergeInCodePromptSchemas(interaction.prompts) as JSONSchema4 : undefined;
             // Reset the validator when schema changes
             this._inputValidator = undefined;
             if (interaction && !this._preserveRunValues) {
-                if (interaction.environment) {
-                    if (typeof interaction.environment === 'string') {
-                        this.vertesia.environments.retrieve(interaction.environment).then((environment) => this.environment = environment);
-                    } else {
-                        this.payload.config.environment = interaction.environment;
-                    }
-                }
-                if (interaction.model) {
-                    this.payload.config.model = interaction.model;
-                } else {
-                    this.payload.config.model = this.environment?.default_model && supportsToolUse(this.environment.default_model, this.environment.provider)
-                        ? this.environment.default_model : undefined;
+                if (interaction.runtime?.environment) {
+                    const envId = interaction.runtime.environment;
+                    this.vertesia.environments.retrieve(envId).then((environment) => this.environment = environment);
                 }
             }
             this.onStateChanged();
@@ -123,19 +158,19 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
     }
 
     get environment() {
-        return this.payload.config.environment;
+        return this._environment;
     }
     set environment(environment: ExecutionEnvironmentRef | undefined) {
-        if (environment?.id !== this.payload.config.environment?.id) {
-            this.payload.config.environment = environment;
+        if (environment?.id !== this._environment?.id) {
+            this._environment = environment;
             if (!this._preserveRunValues) {
                 // First try to use the interaction model, then the environment default model
-                const interactionModel = this.payload.interaction?.model;
+                const interactionModel = this.interaction?.runtime?.model;
                 if (interactionModel && environment && supportsToolUse(interactionModel, environment.provider)) {
-                    this.payload.config.model = interactionModel;
+                    this._model = interactionModel;
                 } else {
-                    this.payload.config.model = environment?.default_model && supportsToolUse(environment.default_model, environment.provider)
-                        ? environment.default_model : undefined;
+                    this._model = environment?.default_model && supportsToolUse(environment.default_model, environment.provider)
+                        ? environment.default_model : '';
                 }
             }
 
@@ -144,35 +179,31 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
     }
 
     get model() {
-        return this.payload.config.model;
+        return this._model;
     }
     set model(model: string | undefined) {
-        if (model !== this.payload.config.model) {
-            this.payload.config.model = model;
+        if (model !== this._model) {
+            this._model = model || '';
             this.onStateChanged();
         }
     }
 
     get tool_names() {
-        return this.payload.tool_names;
+        return this._tool_names;
     }
     set tool_names(tools: string[]) {
-        this.payload.tool_names = tools;
+        this._tool_names = tools;
         this.onStateChanged();
     }
 
     get data(): JSONObject | undefined {
-        return this.payload.data;
+        return this._data;
     }
     set data(prompt_data: JSONObject) {
-        this.payload.data = prompt_data;
+        this._data = prompt_data;
         this.onStateChanged();
     }
 
-    get config() {
-        return this.payload.config;
-    }
-
     set run(run: AsyncExecutionResult | { workflow_id: string; run_id: string }) {
         console.log("run", run);
         this.onStateChanged();
@@ -214,15 +245,11 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
         this._debug_mode = false;
         this._collection = undefined;
         this._preserveRunValues = false;
-        this.payload = {
-            config: {
-                environment: undefined,
-                model: '',
-            },
-            tool_names: [],
-            interaction: undefined,
-            data: undefined
-        };
+        this._model = '';
+        this._environment = undefined;
+        this._tool_names = [];
+        this._interaction = undefined;
+        this._data = undefined;
         this._interactionParamsSchema = null;
         this._inputValidator = undefined;
         this.model = undefined;
@@ -250,7 +277,7 @@ export class PayloadBuilder implements ConversationWorkflowPayload {
             };
         }
 
-        const prompt_data = this.payload.data || {};
+        const prompt_data = this._data || {};
         const isValid = this._inputValidator.validate(prompt_data);
 
         if (!isValid) {

package/src/features/agent/chat/ModernAgentOutput/AllMessagesMixed.tsx

@@ -119,7 +119,7 @@ export default function AllMessagesMixed({
     return (
         <div
             ref={containerRef}
-            className="flex-1 min-h-0 h-full overflow-y-auto py-2 px-4 sm:px-6 lg:px-8 flex flex-col relative"
+            className="flex-1 min-h-0 h-full overflow-y-auto px-4 sm:px-2 lg:px-4 flex flex-col relative"
             data-testid="all-messages-mixed"
         >
 

package/src/features/agent/chat/ModernAgentOutput/Header.tsx

@@ -37,7 +37,7 @@ export default function Header({
 }: HeaderProps) {
     return (
         <PayloadBuilderProvider>
-            <div className="flex items-center justify-between py-1.5 px-2 border-b shadow-sm flex-shrink-0">
+            <div className="flex flex-wrap items-end justify-between py-1.5 px-2 border-b shadow-sm flex-shrink-0">
                 <div className="flex flex-wrap items-center space-x-2">
                     <div className="flex items-center space-x-1">
                         <Bot className="size-5 text-muted" />
@@ -47,7 +47,7 @@ export default function Header({
                         (Run ID: {run.runId.substring(0, 8)}...)
                     </span>
                 </div>
-                <div className="flex items-center space-x-2">
+                <div className="flex justify-end items-center space-x-2 ml-auto">
                     {/* View Mode Toggle */}
                     <div className="flex items-center space-x-1 bg-muted rounded p-0.5">
                         <Button variant={viewMode === "stacked" ? "outline" : "ghost"} size="xs" className="rounded-l-md" onClick={() => onViewModeChange("stacked")}>

package/src/features/agent/chat/ModernAgentOutput/WorkstreamTabs.tsx

@@ -62,11 +62,11 @@ export default function WorkstreamTabs({
   }
 
   return (
-    <div className="flex overflow-x-auto space-x-1 mb-2 border-b-2 border-muted/20 sticky top-0 z-10 pt-1">
+    <div className="flex overflow-x-auto space-x-1 mb-2 bg-muted border-b-2 border-muted/20 sticky top-0 z-10">
       {sortedWorkstreams.map(([id, name]) => (
         <button
           key={id}
-          className={`px-3 py-1.5 text-xs font-medium whitespace-nowrap transition-colors flex items-center gap-1.5
+          className={`px-2 py-1 text-xs font-medium whitespace-nowrap transition-colors flex items-center gap-1.5
                         ${activeWorkstream === id
               ? "bg-info text-info border-b-2 border-info"
               : "text-muted hover:bg-muted border-b-2 border-transparent"
@@ -79,7 +79,7 @@ export default function WorkstreamTabs({
           {count && count.has(id) && count.get(id)! > 0 && (
             <div className="flex items-center space-x-1">
               <span
-                className={`inline-flex items-center justify-center size-4 text-xs rounded-full
+                className={`inline-flex items-center justify-center p-1 text-xs rounded-full
                                 ${activeWorkstream === id
                     ? "bg-info text-info"
                     : "bg-muted text-muted"

package/src/features/store/collections/EditCollectionView.tsx

@@ -1,12 +1,14 @@
 import { json } from "@codemirror/lang-json";
-import dayjs from "dayjs";
-import { basicSetup } from "codemirror";
-import { useMemo, useRef, useState } from "react";
+import { Collection, CreateCollectionPayload, JSONSchemaObject } from "@vertesia/common";
+import { Button, ErrorBox, FormItem, Input, Panel, Styles, Textarea, useFetch, useToast } from "@vertesia/ui/core";
 import { UserInfo } from "@vertesia/ui/features";
+import { SharedPropsEditor } from "@vertesia/ui/features";
+import { SyncMemberHeadsToggle } from "@vertesia/ui/features";
 import { useUserSession } from "@vertesia/ui/session";
-import { Collection, CreateCollectionPayload } from "@vertesia/common";
-import { CodeMirrorEditor, EditorApi, GeneratedForm, ManagedObject } from "@vertesia/ui/widgets";
-import { Button, ErrorBox, FormItem, Input, Styles, Textarea, useFetch, useToast, Panel } from "@vertesia/ui/core";
+import { CodeMirrorEditor, EditorApi, GeneratedForm, ManagedObject, Node } from "@vertesia/ui/widgets";
+import { basicSetup } from "codemirror";
+import dayjs from "dayjs";
+import { useMemo, useRef, useState } from "react";
 import { SelectContentType, stringifyTableLayout } from "../types";
 
 const extensions = [basicSetup, json()];
@@ -211,7 +213,16 @@ export function EditCollectionView({ refetch, collection }: EditCollectionViewPr
             </Panel>
 
             {typeId && <PropertiesEditor typeId={typeId} collection={collection} />}
-        </div>
+            {
+                !collection.dynamic && (
+                    <>
+                        <SyncMemberHeadsToggle collection={collection} />
+                        <SharedPropsEditor collection={collection} />
+                    </>
+                )
+            }
+
+        </div >
     );
 }
 
@@ -220,6 +231,7 @@ interface PropertiesEditorProps {
     collection: Collection;
 }
 function PropertiesEditor({ typeId, collection }: PropertiesEditorProps) {
+    const [formData, setFormData] = useState<JSONSchemaObject>({});
     const toast = useToast();
     const { client } = useUserSession();
     const [isUpdating, setIsUpdating] = useState(false);
@@ -237,7 +249,10 @@ function PropertiesEditor({ typeId, collection }: PropertiesEditorProps) {
     }
 
 
-    const _onSave = (data: any) => {
+    const _onSave = (data: JSONSchemaObject) => {
+        if (!data || !Object.keys(data).length) {
+            return;
+        }
         const payload = { properties: data || {} };
         setIsUpdating(true);
         client.store.collections
@@ -263,13 +278,19 @@ function PropertiesEditor({ typeId, collection }: PropertiesEditorProps) {
             });
     };
 
+    const onDataChanged = (data: Node) => {
+        if (data instanceof ManagedObject) {
+            setFormData(data.value);
+        }
+    }
+
     return (
         <Panel title="Properties" action={
-            <Button size="lg" isLoading={isUpdating} type="submit">
+            <Button size="lg" isLoading={isUpdating} type="submit" onClick={() => _onSave(formData)}>
                 Save
             </Button>}
         >
-            <GeneratedForm object={object} onSubmit={_onSave} />
+            <GeneratedForm object={object} onChange={onDataChanged} />
         </Panel>
     );
 }

package/src/features/store/collections/SharedPropsEditor.tsx

@@ -0,0 +1,61 @@
+import { Collection, ContentObjectType } from "@vertesia/common";
+import { Button, Panel, useToast } from "@vertesia/ui/core";
+import { TagsInput } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
+import { useEffect, useState } from "react";
+
+interface SharedPropsEditorProps {
+    collection: Collection;
+}
+export function SharedPropsEditor({ collection }: SharedPropsEditorProps) {
+
+    const { client } = useUserSession();
+    const [colType, setColType] = useState<ContentObjectType | undefined>(undefined);
+    const [sharedProps, setSharedProps] = useState<string[]>(collection.shared_properties || []);
+    const toast = useToast();
+
+    useEffect(() => {
+        if (collection.type?.id) {
+            client.store.types.retrieve(collection.type.id).then(setColType);
+        }
+    }, [collection.type?.id]);
+
+    const options: string[] = colType ? Object.keys(colType.object_schema?.properties || {}) : [];
+
+    const onSelect = (selected: string[]) => {
+        setSharedProps(selected);
+    }
+
+    const onSave = () => {
+        client.store.collections.update(collection.id, {
+            shared_properties: sharedProps
+        }).then(() => {
+            // Handle success
+            toast({
+                title: "Updated shared properties",
+                status: "success"
+            })
+        }).catch((error) => {
+            toast({
+                title: "Failed to update shared properties",
+                description: error.message,
+                status: "error"
+            })
+            // Handle error
+        });
+    }
+
+    return (
+        <Panel title="Shared Properties" description="Add properties to share across all members in the collection. This feature requires to enable shared property synchronization on the project."
+            action={
+                <Button size="lg" isLoading={false} onClick={onSave}>
+                    Save
+                </Button>}
+        >
+            <div className=''>
+                <TagsInput value={sharedProps} onChange={onSelect} options={options} placeholder="Select properties to share" />
+            </div>
+        </Panel>
+    )
+
+}

package/src/features/store/collections/SyncMemberHeadsToggle.tsx

@@ -0,0 +1,48 @@
+import { Collection } from "@vertesia/common";
+import { Panel, Switch, useToast } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
+import { useState } from "react";
+
+interface SyncMemberHeadsToggleProps {
+    collection: Collection;
+}
+export function SyncMemberHeadsToggle({ collection }: SyncMemberHeadsToggleProps) {
+
+    const { client } = useUserSession();
+    const [skipHeadSync, setSkipHeadSync] = useState<boolean>(collection.skip_head_sync ?? false);
+    const [isSaving, setIsSaving] = useState<boolean>(false);
+    const toast = useToast();
+
+    const onSaveSkipHeadSync = (enableSyncHeads: boolean) => {
+        const skip_head_sync = !enableSyncHeads;
+        setIsSaving(true);
+        client.store.collections.update(collection.id, {
+            skip_head_sync: skip_head_sync
+        }).then(() => {
+            // Handle success
+            toast({
+                title: "Updated skip head sync setting",
+                status: "success"
+            })
+            setSkipHeadSync(skip_head_sync);
+        }).catch((error) => {
+            toast({
+                title: "Failed to update skip head sync",
+                description: error.message,
+                status: "error"
+            })
+            // Handle error
+        }).finally(() => {
+            setIsSaving(false);
+        });
+    }
+
+    return (
+        <Panel title="Synchronize Member Heads" description="When a new HEAD version of a member is created the colleciton will be updated to point to the new HEAD.">
+            <Switch disabled={isSaving} value={!skipHeadSync} onChange={onSaveSkipHeadSync}>
+                Enable synchronizing member heads
+            </Switch>
+        </Panel>
+    )
+
+}

package/src/features/store/collections/index.ts

@@ -2,4 +2,6 @@ export * from "./BrowseCollectionView";
 export * from "./CollectionsTable";
 export * from "./EditCollectionView";
 export * from "./CreateCollection";
-export * from "./SelectCollection";
+export * from "./SelectCollection";
+export * from "./SharedPropsEditor";
+export * from "./SyncMemberHeadsToggle";

package/src/features/store/objects/DocumentSearchResults.tsx

@@ -27,7 +27,13 @@ const defaultLayout: ColumnLayout[] = [
 
 function getTableLayout(registry: TypeRegistry, type: string | undefined): ColumnLayout[] {
     const layout = type ? registry.getTypeLayout(type) : defaultLayout;
-    return layout ?? defaultLayout;
+    console.log('[DEBUG] getTableLayout called with type:', type);
+    console.log('[DEBUG] Layout from registry:', layout);
+    console.log('[DEBUG] Using defaultLayout?', layout === defaultLayout);
+    const result = layout ?? defaultLayout;
+    console.log('[DEBUG] Final layout:', result);
+    console.log('[DEBUG] Has Status field?', result.some(col => col.field === 'status'));
+    return result;
 }
 
 interface DocumentSearchResultsWithDropZoneProps {
@@ -94,6 +100,9 @@ export function DocumentSearchResults({ layout, onUpload, allowFilter = true, al
     const [actualLayout, setActualLayout] = useState<ColumnLayout[]>(
         typeRegistry ? layout || getTableLayout(typeRegistry, search.query.type) : defaultLayout,
     );
+
+    console.log('[DEBUG] DocumentSearchResults - actualLayout:', actualLayout);
+    console.log('[DEBUG] DocumentSearchResults - actualLayout has Status?', actualLayout.some(col => col.field === 'status'));
     //TODO _setRefreshTrigger state not used
     const [refreshTrigger, _setRefreshTrigger] = useState(0);
     const [loaded, setLoaded] = useState(0);
@@ -344,7 +353,7 @@ function OverviewDrawer({ object, onClose }: OverviewDrawerProps) {
     const { store } = useUserSession();
     const toast = useToast();
     const navigate = useNavigate();
-    const onDownload = useDownloadDocument(store, toast, object?.content?.source);
+    const onDownload = useDownloadDocument(store, toast, object?.content?.source, object?.name || object?.content?.name);
 
     return object ? (
         <SidePanel title={object.properties?.title || object.name} isOpen={true} onClose={onClose}>

package/src/features/store/objects/components/useDownloadObject.ts

@@ -1,11 +1,16 @@
 import { VertesiaClient, ZenoClient } from "@vertesia/client";
 import { ToastFn } from "@vertesia/ui/core";
 
-export function useDownloadDocument(client: VertesiaClient | ZenoClient, toast: ToastFn, uri: string | undefined) {
+export function useDownloadDocument(
+    client: VertesiaClient | ZenoClient,
+    toast: ToastFn,
+    uri: string | undefined,
+    name?: string,
+) {
     const onDownload = () => {
         if (uri) {
             client.files
-                .getDownloadUrl(uri)
+                .getDownloadUrlWithOptions({ file: uri, name })
                 .then((r) => {
                     window.open(r.url, "_blank");
                 })

package/src/features/store/objects/upload/useSmartFileUploadProcessing.ts

@@ -181,9 +181,7 @@ export function useSmartFileUploadProcessing() {
                         queries.push(res);
                     } else {
                         const res = client.store.objects.find({
-                            query: {
-                                match: query,
-                            },
+                            query: query,
                             select: "id content.name location" // Only fetch fields needed for comparison
                         });
                         queries.push(res);

package/src/features/user/UserInfo.tsx

@@ -125,6 +125,8 @@ export function UserInfo({ userRef, showTitle = false, size = "md" }: UserInfoPr
             return <SystemAvatar showTitle={showTitle} size={size} />
         case PrincipalType.ServiceAccount:
             return <ServiceAccountAvatar accountId={id} showTitle={showTitle} size={size} />
+        case PrincipalType.Agent:
+            return <ServiceAccountAvatar accountId={id} showTitle={showTitle} size={size} />
         case PrincipalType.ApiKey:
             return <ApiKeyAvatar keyId={id} size={size} showTitle={showTitle} />
         default:

package/src/session/UserSession.ts

@@ -33,6 +33,7 @@ class UserSession {
             this.client = new VertesiaClient({
                 serverUrl: Env.endpoints.studio,
                 storeUrl: Env.endpoints.zeno,
+                tokenServerUrl: Env.endpoints.sts
             });
         }
 

package/src/session/UserSessionProvider.tsx

@@ -1,5 +1,5 @@
 import { onAuthStateChanged } from "firebase/auth";
-import { ReactNode, useEffect, useState } from "react";
+import { ReactNode, useEffect, useRef, useState } from "react";
 import { UserNotFoundError, getComposableToken } from "./auth/composable";
 import { getFirebaseAuth } from "./auth/firebase";
 import { useAuthState } from "./auth/useAuthState";
@@ -27,9 +27,10 @@ export function UserSessionProvider({ children }: UserSessionProviderProps) {
     const state = hashParams.get("state");
     const [session, setSession] = useState<UserSession>(new UserSession());
     const { generateState, verifyState, clearState } = useAuthState();
+    const hasInitiatedAuthRef = useRef(false);
 
     const redirectToCentralAuth = (projectId?: string, accountId?: string) => {
-        const url = new URL(CENTRAL_AUTH_REDIRECT);
+        const url = new URL(`${CENTRAL_AUTH_REDIRECT}?sts=${Env.endpoints.sts ?? "https://sts.vertesia.io"}`);
         const currentUrl = new URL(window.location.href);
         currentUrl.hash = "";
         if (projectId) currentUrl.searchParams.set("p", projectId);
@@ -40,6 +41,13 @@ export function UserSessionProvider({ children }: UserSessionProviderProps) {
     };
 
     useEffect(() => {
+        // Make this effect idempotent - only run auth flow once
+        if (hasInitiatedAuthRef.current) {
+            console.log("Auth: skipping duplicate auth flow initiation");
+            return;
+        }
+        hasInitiatedAuthRef.current = true;
+
         console.log("Auth: starting auth flow");
         Env.logger.info("Starting auth flow");
         const currentUrl = new URL(window.location.href);