@newheap/platform-ai-chat 0.2.0 → 0.3.0

package/fesm2022/newheap-platform-ai-chat.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, DestroyRef, Injectable, EnvironmentInjector, runInInjectionContext, signal, computed, Injector, afterNextRender, makeEnvironmentProviders, provideEnvironmentInitializer, input, ChangeDetectionStrategy, Component, effect, untracked, ChangeDetectorRef, Pipe, output, ElementRef, viewChild, HostListener, ViewContainerRef } from '@angular/core';
+import { InjectionToken, inject, DestroyRef, Injectable, EnvironmentInjector, runInInjectionContext, signal, computed, Injector, effect, untracked, afterNextRender, makeEnvironmentProviders, provideEnvironmentInitializer, input, ChangeDetectionStrategy, Component, ChangeDetectorRef, Pipe, output, ElementRef, viewChild, HostListener, ViewContainerRef } from '@angular/core';
 import { TranslateService, TranslatePipe } from '@ngx-translate/core';
 import { merge, Observable, firstValueFrom, isObservable, Subscription } from 'rxjs';
 import { BreakpointObserver } from '@angular/cdk/layout';
@@ -1633,6 +1633,91 @@ function isRecord(value) {
     return !!value && typeof value === 'object' && !Array.isArray(value);
 }
 
+const emptyState = { agentId: null, conversationId: null, panelOpen: false };
+const storagePrefix = 'nh-assistant-ui:v1:';
+/** Browser-only UI pointers. Messages, drafts, tokens and page context are never stored. */
+class NhAssistantUiState {
+    constructor() {
+        this.config = inject(NH_ASSISTANT_CONFIG);
+        this.injector = inject(EnvironmentInjector);
+        this.key = null;
+        this.state = { ...emptyState };
+        this.activated = false;
+        this.activationRevision = 0;
+    }
+    async activate() {
+        const revision = ++this.activationRevision;
+        let scope = null;
+        try {
+            scope = await runInInjectionContext(this.injector, () => this.config.getStateScope?.() ?? null);
+        }
+        catch {
+            scope = null;
+        }
+        if (revision !== this.activationRevision) {
+            return { changed: false, state: this.state };
+        }
+        const normalized = typeof scope === 'string' ? scope.trim() : '';
+        const key = normalized.length > 0 && normalized.length <= 256
+            ? `${storagePrefix}${encodeURIComponent(this.config.apiBaseUrl)}:${encodeURIComponent(normalized)}`
+            : null;
+        if (this.activated && key === this.key) {
+            return { changed: false, state: this.state };
+        }
+        this.activated = true;
+        this.key = key;
+        this.state = this.read();
+        return { changed: true, state: this.state };
+    }
+    deactivate() {
+        this.activationRevision++;
+        this.activated = false;
+        this.key = null;
+        this.state = { ...emptyState };
+    }
+    update(patch) {
+        this.state = { ...this.state, ...patch };
+        if (!this.key) {
+            return;
+        }
+        try {
+            globalThis.localStorage?.setItem(this.key, JSON.stringify(this.state));
+        }
+        catch {
+            // Storage can be unavailable or full; the live assistant remains usable.
+        }
+    }
+    read() {
+        if (!this.key) {
+            return { ...emptyState };
+        }
+        try {
+            const raw = globalThis.localStorage?.getItem(this.key);
+            const value = raw ? JSON.parse(raw) : null;
+            if (!value || typeof value !== 'object' || Array.isArray(value)) {
+                return { ...emptyState };
+            }
+            const saved = value;
+            return {
+                agentId: validId(saved['agentId']),
+                conversationId: validId(saved['conversationId']),
+                panelOpen: saved['panelOpen'] === true
+            };
+        }
+        catch {
+            return { ...emptyState };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantUiState, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantUiState }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantUiState, decorators: [{
+            type: Injectable
+        }] });
+function validId(value) {
+    return typeof value === 'string' && value.length > 0 && value.length <= 256 ? value : null;
+}
+
 const conversationPageSize = 50;
 const cancelGracePeriodMs = 5_000;
 /**
@@ -1645,6 +1730,7 @@ class NhAssistantStore {
         this.config = inject(NH_ASSISTANT_CONFIG);
         this.injector = inject(EnvironmentInjector);
         this.accessPolicy = inject(NH_ASSISTANT_ACCESS_POLICY);
+        this.uiState = inject(NhAssistantUiState);
         this.accessGrantedState = signal(null, ...(ngDevMode ? [{ debugName: "accessGrantedState" }] : []));
         this.statusState = signal(null, ...(ngDevMode ? [{ debugName: "statusState" }] : []));
         this.statusLoadingState = signal(false, ...(ngDevMode ? [{ debugName: "statusLoadingState" }] : []));
@@ -1661,6 +1747,9 @@ class NhAssistantStore {
         this.restoredDraftState = signal(null, ...(ngDevMode ? [{ debugName: "restoredDraftState" }] : []));
         this.pageContextState = signal(null, ...(ngDevMode ? [{ debugName: "pageContextState" }] : []));
         this.pageContextExcludedState = signal(false, ...(ngDevMode ? [{ debugName: "pageContextExcludedState" }] : []));
+        this.restorePanelOpenState = signal(false, ...(ngDevMode ? [{ debugName: "restorePanelOpenState" }] : []));
+        this.statusRevision = 0;
+        this.accountRevision = 0;
         /** True when the access policy allows the user and the server reports the assistant as enabled. */
         this.enabled = computed(() => this.accessGrantedState() === true && this.statusState()?.enabled === true, ...(ngDevMode ? [{ debugName: "enabled" }] : []));
         this.accessGranted = this.accessGrantedState.asReadonly();
@@ -1687,11 +1776,13 @@ class NhAssistantStore {
         this.pageContext = this.pageContextState.asReadonly();
         /** True when the user left the page context out of the next message. */
         this.pageContextExcluded = this.pageContextExcludedState.asReadonly();
+        /** Whether the drawer was open when this account last left the application. */
+        this.restorePanelOpen = this.restorePanelOpenState.asReadonly();
         /** True while the user can send: enabled, an agent is chosen and no turn runs or waits. */
         this.canSend = computed(() => {
             const conversation = this.activeConversationState();
             const blocked = conversation !== null && conversation.status !== 'idle';
-            return this.enabled() && this.selectedAgentIdState() !== null && !this.streamingState() && !blocked;
+            return this.enabled() && this.selectedAgentIdState() !== null && !this.streamingState() && !this.conversationLoadingState() && !blocked;
         }, ...(ngDevMode ? [{ debugName: "canSend" }] : []));
         inject(DestroyRef).onDestroy(() => {
             this.accessSubscription?.unsubscribe();
@@ -1706,39 +1797,95 @@ class NhAssistantStore {
     }
     /** Reloads the server status, for example after the host changed the signed-in user. */
     async reloadStatus() {
+        const revision = ++this.statusRevision;
         if (this.accessGrantedState() !== true) {
+            this.accountRevision++;
+            this.stopLocalTurn();
             this.statusState.set(null);
+            this.activeConversationState.set(null);
+            this.selectedAgentIdState.set(null);
+            this.conversationsState.set([]);
+            this.conversationsTotalState.set(0);
+            this.conversationLoadingState.set(false);
+            this.conversationsLoadingState.set(false);
+            this.pageContextState.set(null);
+            this.pageContextExcludedState.set(false);
+            this.restoredDraftState.set(null);
+            this.errorState.set(null);
+            this.lastUsageState.set(null);
+            this.restorePanelOpenState.set(false);
+            this.uiState.deactivate();
             return;
         }
         this.statusLoadingState.set(true);
         try {
+            const restored = await this.uiState.activate();
+            if (revision !== this.statusRevision) {
+                return;
+            }
+            if (restored.changed) {
+                this.accountRevision++;
+                this.stopLocalTurn();
+                this.statusState.set(null);
+                this.activeConversationState.set(null);
+                this.conversationsState.set([]);
+                this.conversationsTotalState.set(0);
+                this.conversationLoadingState.set(false);
+                this.conversationsLoadingState.set(false);
+                this.pageContextState.set(null);
+                this.pageContextExcludedState.set(false);
+                this.restoredDraftState.set(null);
+                this.errorState.set(null);
+                this.lastUsageState.set(null);
+                this.selectedAgentIdState.set(restored.state.agentId);
+                this.restorePanelOpenState.set(restored.state.panelOpen);
+            }
             const status = await firstValueFrom(this.api.status());
+            if (revision !== this.statusRevision) {
+                return;
+            }
             this.statusState.set(status);
-            this.selectInitialAgent(status.agents);
+            if (status.enabled) {
+                this.selectInitialAgent(status.agents);
+                if (!this.activeConversationState() && restored.state.conversationId) {
+                    await this.loadConversation(restored.state.conversationId, true);
+                }
+            }
         }
         catch {
             // An unavailable assistant endpoint hides the assistant instead of showing an error.
-            this.statusState.set(null);
+            if (revision === this.statusRevision) {
+                this.statusState.set(null);
+            }
         }
         finally {
-            this.statusLoadingState.set(false);
+            if (revision === this.statusRevision) {
+                this.statusLoadingState.set(false);
+            }
         }
     }
     async refreshConversations() {
         if (!this.enabled()) {
             return;
         }
+        const revision = this.accountRevision;
         this.conversationsLoadingState.set(true);
         try {
             const page = await firstValueFrom(this.api.listConversations(1, conversationPageSize));
-            this.conversationsState.set(page.items);
-            this.conversationsTotalState.set(page.total);
+            if (revision === this.accountRevision) {
+                this.conversationsState.set(page.items);
+                this.conversationsTotalState.set(page.total);
+            }
         }
         catch (error) {
-            this.setError(error);
+            if (revision === this.accountRevision) {
+                this.setError(error);
+            }
         }
         finally {
-            this.conversationsLoadingState.set(false);
+            if (revision === this.accountRevision) {
+                this.conversationsLoadingState.set(false);
+            }
         }
     }
     /** Chooses the agent for the next new conversation. Switching away from the active conversation's agent starts a new one. */
@@ -1747,6 +1894,7 @@ class NhAssistantStore {
             return;
         }
         this.selectedAgentIdState.set(agentId);
+        this.uiState.update({ agentId });
         const active = this.activeConversationState();
         if (active && active.agentId !== agentId && !this.streamingState()) {
             this.startNewConversation();
@@ -1758,43 +1906,71 @@ class NhAssistantStore {
             return;
         }
         this.activeConversationState.set(null);
+        this.uiState.update({ conversationId: null });
         this.errorState.set(null);
         this.lastUsageState.set(null);
     }
     async openConversation(conversationId) {
+        await this.loadConversation(conversationId, false);
+    }
+    async loadConversation(conversationId, restoring) {
         if (this.streamingState() || this.activeConversationState()?.id === conversationId) {
             return;
         }
+        const revision = this.accountRevision;
         this.conversationLoadingState.set(true);
         this.errorState.set(null);
         try {
             const conversation = await firstValueFrom(this.api.getConversation(conversationId));
-            this.activeConversationState.set(conversation);
-            if (this.agents().some(agent => agent.id === conversation.agentId)) {
-                this.selectedAgentIdState.set(conversation.agentId);
+            if (revision !== this.accountRevision) {
+                return;
+            }
+            if (!this.agents().some(agent => agent.id === conversation.agentId)) {
+                this.uiState.update({ conversationId: null });
+                return;
             }
+            this.activeConversationState.set(conversation);
+            this.selectedAgentIdState.set(conversation.agentId);
+            this.uiState.update({ conversationId, agentId: conversation.agentId });
         }
         catch (error) {
-            this.setError(error);
+            if (revision !== this.accountRevision) {
+                return;
+            }
+            if (error instanceof NhAssistantApiError && (error.status === 403 || error.status === 404)) {
+                this.uiState.update({ conversationId: null });
+            }
+            if (!restoring) {
+                this.setError(error);
+            }
         }
         finally {
-            this.conversationLoadingState.set(false);
+            if (revision === this.accountRevision) {
+                this.conversationLoadingState.set(false);
+            }
         }
     }
     async deleteConversation(conversationId) {
         if (this.streamingState() && this.activeConversationState()?.id === conversationId) {
             return;
         }
+        const revision = this.accountRevision;
         try {
             await firstValueFrom(this.api.deleteConversation(conversationId), { defaultValue: undefined });
+            if (revision !== this.accountRevision) {
+                return;
+            }
             this.conversationsState.update(items => items.filter(item => item.id !== conversationId));
             this.conversationsTotalState.update(total => Math.max(0, total - 1));
             if (this.activeConversationState()?.id === conversationId) {
                 this.activeConversationState.set(null);
+                this.uiState.update({ conversationId: null });
             }
         }
         catch (error) {
-            this.setError(error);
+            if (revision === this.accountRevision) {
+                this.setError(error);
+            }
         }
     }
     /**
@@ -1804,6 +1980,8 @@ class NhAssistantStore {
      */
     async send(text) {
         const trimmed = text.trim();
+        await this.initialize();
+        await this.reloadStatus();
         const maxChars = this.limits()?.maxMessageChars ?? Number.MAX_SAFE_INTEGER;
         if (trimmed.length === 0 || trimmed.length > maxChars || !this.canSend()) {
             return false;
@@ -1811,16 +1989,22 @@ class NhAssistantStore {
         this.errorState.set(null);
         this.restoredDraftState.set(null);
         this.streamingState.set(true);
+        const accountRevision = this.accountRevision;
         let conversation = this.activeConversationState();
         if (!conversation) {
             conversation = await this.createConversation();
             if (!conversation) {
-                this.streamingState.set(false);
-                this.restoredDraftState.set(text);
+                if (accountRevision === this.accountRevision) {
+                    this.streamingState.set(false);
+                    this.restoredDraftState.set(text);
+                }
                 return false;
             }
         }
         const clientContext = await this.contextForMessage();
+        if (accountRevision !== this.accountRevision) {
+            return false;
+        }
         const clientMessageId = createClientMessageId();
         const previousStatus = conversation.status;
         this.activeConversationState.set({
@@ -1833,6 +2017,7 @@ class NhAssistantStore {
         });
         const conversationId = conversation.id;
         return new Promise(resolve => {
+            this.pendingSendResolve = resolve;
             let started = false;
             let failedAfterStart = false;
             this.runStream(this.api.sendMessage(conversationId, {
@@ -1858,6 +2043,7 @@ class NhAssistantStore {
                     this.applyEvent(event, clientMessageId);
                 },
                 complete: () => {
+                    this.pendingSendResolve = undefined;
                     resolve(started);
                     this.afterTurn(conversationId, failedAfterStart);
                 }
@@ -1904,11 +2090,17 @@ class NhAssistantStore {
         if (!conversation || (conversation.status === 'idle' && !this.streamingState())) {
             return;
         }
+        const revision = this.accountRevision;
         try {
             await firstValueFrom(this.api.cancel(conversation.id), { defaultValue: undefined });
         }
         catch (error) {
-            this.setError(error);
+            if (revision === this.accountRevision) {
+                this.setError(error);
+            }
+            return;
+        }
+        if (revision !== this.accountRevision) {
             return;
         }
         if (!this.streamingState()) {
@@ -1929,9 +2121,18 @@ class NhAssistantStore {
     clearError() {
         this.errorState.set(null);
     }
+    /** Persists only drawer visibility, never the page context or a message draft. */
+    setPanelOpen(open) {
+        this.restorePanelOpenState.set(open);
+        this.uiState.update({ panelOpen: open });
+    }
     /** Reads the host's page context again so the chip shows what the next message sends. */
     async refreshPageContext() {
-        this.pageContextState.set((await this.readPageContext()) ?? null);
+        const revision = this.accountRevision;
+        const context = await this.readPageContext();
+        if (revision === this.accountRevision) {
+            this.pageContextState.set(context ?? null);
+        }
     }
     /** Leaves the page context out of the next message only, or includes it again. */
     setPageContextExcluded(excluded) {
@@ -1955,8 +2156,11 @@ class NhAssistantStore {
             this.pageContextExcludedState.set(false);
             return null;
         }
+        const revision = this.accountRevision;
         const context = await this.readPageContext();
-        this.pageContextState.set(context ?? null);
+        if (revision === this.accountRevision) {
+            this.pageContextState.set(context ?? null);
+        }
         return context;
     }
     async readPageContext() {
@@ -1986,14 +2190,8 @@ class NhAssistantStore {
         await new Promise(resolve => {
             this.accessSubscription = decision.subscribe({
                 next: granted => {
-                    const changed = this.accessGrantedState() !== granted;
                     this.accessGrantedState.set(granted);
-                    if (changed) {
-                        void this.reloadStatus().finally(() => resolve());
-                    }
-                    else {
-                        resolve();
-                    }
+                    void this.reloadStatus().finally(() => resolve());
                 },
                 error: () => {
                     this.accessGrantedState.set(false);
@@ -2008,15 +2206,22 @@ class NhAssistantStore {
         if (!agentId) {
             return null;
         }
+        const revision = this.accountRevision;
         try {
             const conversation = await firstValueFrom(this.api.createConversation({ agentId }));
+            if (revision !== this.accountRevision) {
+                return null;
+            }
             this.activeConversationState.set(conversation);
+            this.uiState.update({ conversationId: conversation.id });
             this.conversationsState.update(items => [toSummary(conversation), ...items.filter(item => item.id !== conversation.id)]);
             this.conversationsTotalState.update(total => total + 1);
             return conversation;
         }
         catch (error) {
-            this.setError(error);
+            if (revision === this.accountRevision) {
+                this.setError(error);
+            }
             return null;
         }
     }
@@ -2037,6 +2242,14 @@ class NhAssistantStore {
             complete: finish
         });
     }
+    stopLocalTurn() {
+        this.streamSubscription?.unsubscribe();
+        this.pendingSendResolve?.(false);
+        this.pendingSendResolve = undefined;
+        clearTimeout(this.cancelTimer);
+        this.streamingState.set(false);
+        this.decidingState.set(false);
+    }
     applyEvent(event, clientMessageId) {
         this.updateActive(conversation => applyNhAssistantEvent(conversation, event, clientMessageId));
         if (event.type === 'error') {
@@ -2063,9 +2276,10 @@ class NhAssistantStore {
         }
     }
     async reloadActiveConversation(conversationId) {
+        const revision = this.accountRevision;
         try {
             const conversation = await firstValueFrom(this.api.getConversation(conversationId));
-            if (this.activeConversationState()?.id === conversationId && !this.streamingState()) {
+            if (revision === this.accountRevision && this.activeConversationState()?.id === conversationId && !this.streamingState()) {
                 this.activeConversationState.set(conversation);
             }
         }
@@ -2093,6 +2307,7 @@ class NhAssistantStore {
         }
         const preferred = agents.find(agent => agent.id === this.config.defaultAgentId) ?? agents[0] ?? null;
         this.selectedAgentIdState.set(preferred?.id ?? null);
+        this.uiState.update({ agentId: preferred?.id ?? null });
     }
     setError(error) {
         if (error instanceof NhAssistantApiError) {
@@ -2161,12 +2376,31 @@ class NhAssistantPanelService {
         this.returnFocusTo = null;
         this.isOpen = this.openState.asReadonly();
         inject(DestroyRef).onDestroy(() => this.dispose());
+        effect(() => {
+            if (this.store.enabled() && this.store.restorePanelOpen() && this.portal && !this.openState()) {
+                untracked(() => queueMicrotask(() => {
+                    if (this.portal && this.store.enabled() && this.store.restorePanelOpen() && !this.openState()) {
+                        this.showPanel();
+                    }
+                }));
+            }
+        });
     }
     open(conversationId) {
-        void this.store.initialize();
-        if (conversationId) {
-            void this.store.openConversation(conversationId);
+        if (this.openState() && !conversationId) {
+            return;
         }
+        this.showPanel();
+        void this.store.initialize().then(() => this.store.reloadStatus()).then(() => {
+            if (this.openState()) {
+                this.store.setPanelOpen(true);
+            }
+            if (conversationId) {
+                void this.store.openConversation(conversationId);
+            }
+        });
+    }
+    showPanel() {
         if (this.openState()) {
             return;
         }
@@ -2180,6 +2414,7 @@ class NhAssistantPanelService {
             return;
         }
         this.openState.set(false);
+        this.store.setPanelOpen(false);
         this.overlayRef?.detach();
         const target = this.returnFocusTo;
         this.returnFocusTo = null;
@@ -2201,6 +2436,13 @@ class NhAssistantPanelService {
         if (this.openState()) {
             this.attach();
         }
+        else {
+            void this.store.initialize().then(() => {
+                if (this.portal === portal && this.store.enabled() && this.store.restorePanelOpen()) {
+                    this.showPanel();
+                }
+            });
+        }
     }
     unregisterPanel(portal) {
         if (this.portal !== portal) {
@@ -2274,6 +2516,7 @@ function provideNhAssistant(config) {
         NhAssistantApiService,
         NhAssistantAdminApiService,
         NhAssistantStore,
+        NhAssistantUiState,
         NhAssistantPanelService,
         ...(config.translations === 'host'
             ? []