@theseam/ui-common 1.0.2-beta.84 → 1.0.2-beta.86

package/fesm2022/theseam-ui-common-ai.mjs

@@ -1,9 +1,10 @@
+import { defer, Observable, of, throwError, BehaviorSubject, Subject, EMPTY, switchMap as switchMap$1, startWith, map, shareReplay, firstValueFrom } from 'rxjs';
+import { delay, tap, switchMap, catchError, takeUntil } from 'rxjs/operators';
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, Injector, Input, ChangeDetectionStrategy, Component, EventEmitter, Output, ChangeDetectorRef, NgZone, ViewChild } from '@angular/core';
+import { Injectable, InjectionToken, inject, Injector, Input, ChangeDetectionStrategy, Component, EventEmitter, Output, ChangeDetectorRef, NgZone, input, output, effect, ViewChild } from '@angular/core';
 import { print } from 'graphql';
 import { processGql } from '@theseam/ui-common/graphql';
 import { NgForOf, NgIf, NgComponentOutlet, AsyncPipe, JsonPipe } from '@angular/common';
-import { BehaviorSubject, switchMap, of, startWith, map, shareReplay } from 'rxjs';
 import { TheSeamOverlayScrollbarDirective } from '@theseam/ui-common/scrollbar';
 import { MarkdownComponent } from 'ngx-markdown';
 import * as i1 from '@angular/forms';
@@ -20,69 +21,217 @@ import * as i2$1 from '@theseam/ui-common/loading';
 import { TheSeamLoadingModule } from '@theseam/ui-common/loading';
 import { AlterationsDiffComponent } from '@theseam/ui-common/datatable-alterations-display';
 
+/**
+ * Errored by `TheSeamAiProvider.chat()` when the server reports the
+ * session's leaf has advanced since the client last observed it (HTTP 409).
+ * The chat component catches this, reloads the session, and emits
+ * `(staleSession)`.
+ */
+class ChatSessionStaleError extends Error {
+    sessionId;
+    currentLeafMessageId;
+    constructor(sessionId, currentLeafMessageId) {
+        super('Chat session leaf is stale');
+        this.sessionId = sessionId;
+        this.currentLeafMessageId = currentLeafMessageId;
+        this.name = 'ChatSessionStaleError';
+    }
+}
+
 class LmStudioAiProvider {
-    async chat(request) {
-        const url = 'http://localhost:1234/v1/chat/completions';
-        const headers = {
-            'Content-Type': 'application/json',
-        };
-        const model = 'model-identifier';
-        const response = await fetch(url, {
-            method: 'POST',
-            headers,
-            body: JSON.stringify({
-                model,
-                messages: request.messages.map((m) => ({
-                    role: m.role,
-                    content: m.content,
-                })),
-            }),
+    chat(request) {
+        return defer(() => {
+            const controller = new AbortController();
+            const promise = (async () => {
+                const url = 'http://localhost:1234/v1/chat/completions';
+                const headers = { 'Content-Type': 'application/json' };
+                const model = 'model-identifier';
+                const response = await fetch(url, {
+                    method: 'POST',
+                    headers,
+                    body: JSON.stringify({
+                        model,
+                        messages: request.messages.map((m) => ({
+                            role: m.role,
+                            content: m.content,
+                        })),
+                    }),
+                    signal: controller.signal,
+                });
+                const data = await response.json();
+                const content = data.choices[0].message.content;
+                return {
+                    content,
+                    // LM Studio is provider-only; no real session backend.
+                    sessionId: request.sessionId ?? 'lm-studio-local',
+                    label: 'LM Studio',
+                    leafMessageId: crypto.randomUUID(),
+                };
+            })();
+            promise.finally(() => {
+                /* avoid unhandled-rejection on unsubscribe */
+            });
+            return new Observable((subscriber) => {
+                promise.then((value) => {
+                    subscriber.next(value);
+                    subscriber.complete();
+                }, (err) => subscriber.error(err));
+                return () => controller.abort();
+            });
         });
-        const data = await response.json();
-        const content = data.choices[0].message.content;
-        return { content };
+    }
+    getInitialSession() {
+        return of(null);
+    }
+    getRecentSession() {
+        return of(null);
+    }
+    getSession(_uid) {
+        return throwError(() => new Error('LmStudioAiProvider does not support session persistence.'));
+    }
+    listSessions() {
+        return of([]);
+    }
+    renameSession(_uid, _label) {
+        return throwError(() => new Error('LmStudioAiProvider does not support session persistence.'));
+    }
+    deleteSession(_uid) {
+        return throwError(() => new Error('LmStudioAiProvider does not support session persistence.'));
     }
 }
 
 class OpenRouterAiProvider {
-    async chat(request) {
-        const defaultApiKey = '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';
-        const url = 'https://openrouter.ai/api/v1/chat/completions';
-        const apiKey = localStorage.getItem('openrouter-api-key') || defaultApiKey;
-        const headers = {
-            Authorization: `Bearer ${apiKey}`,
-            'Content-Type': 'application/json',
-        };
-        const model = 'google/gemini-2.5-flash';
-        const response = await fetch(url, {
-            method: 'POST',
-            headers,
-            body: JSON.stringify({
-                model,
-                messages: request.messages.map((m) => ({
-                    role: m.role,
-                    content: m.content,
-                })),
-                response_format: { type: 'json_object' },
-            }),
+    chat(request) {
+        return defer(() => {
+            const controller = new AbortController();
+            const promise = (async () => {
+                const defaultApiKey = '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';
+                const url = 'https://openrouter.ai/api/v1/chat/completions';
+                const apiKey = localStorage.getItem('openrouter-api-key') || defaultApiKey;
+                const headers = {
+                    Authorization: `Bearer ${apiKey}`,
+                    'Content-Type': 'application/json',
+                };
+                const model = 'google/gemini-2.5-flash';
+                const response = await fetch(url, {
+                    method: 'POST',
+                    headers,
+                    body: JSON.stringify({
+                        model,
+                        messages: request.messages.map((m) => ({
+                            role: m.role,
+                            content: m.content,
+                        })),
+                        response_format: { type: 'json_object' },
+                    }),
+                    signal: controller.signal,
+                });
+                const data = await response.json();
+                const content = data.choices[0].message.content;
+                return {
+                    content,
+                    sessionId: request.sessionId ?? 'openrouter-remote',
+                    label: 'OpenRouter',
+                    leafMessageId: crypto.randomUUID(),
+                };
+            })();
+            promise.finally(() => {
+                /* avoid unhandled-rejection on unsubscribe */
+            });
+            return new Observable((subscriber) => {
+                promise.then((value) => {
+                    subscriber.next(value);
+                    subscriber.complete();
+                }, (err) => subscriber.error(err));
+                return () => controller.abort();
+            });
         });
-        const data = await response.json();
-        const content = data.choices[0].message.content;
-        return { content };
+    }
+    getInitialSession() {
+        return of(null);
+    }
+    getRecentSession() {
+        return of(null);
+    }
+    getSession(_uid) {
+        return throwError(() => new Error('OpenRouterAiProvider does not support session persistence.'));
+    }
+    listSessions() {
+        return of([]);
+    }
+    renameSession(_uid, _label) {
+        return throwError(() => new Error('OpenRouterAiProvider does not support session persistence.'));
+    }
+    deleteSession(_uid) {
+        return throwError(() => new Error('OpenRouterAiProvider does not support session persistence.'));
     }
 }
 
 class MockAiProvider {
-    _response;
-    constructor(_response = 'Mock response') {
-        this._response = _response;
+    _config;
+    _throwOnNextChat;
+    constructor(configOrLegacy) {
+        if (typeof configOrLegacy === 'string' ||
+            typeof configOrLegacy === 'function') {
+            this._config = { response: configOrLegacy };
+        }
+        else {
+            this._config = configOrLegacy ?? {};
+        }
+        this._throwOnNextChat = this._config.throwOnFirstChat;
+    }
+    chat(request) {
+        return defer(() => {
+            if (this._throwOnNextChat) {
+                const err = this._throwOnNextChat;
+                this._throwOnNextChat = undefined;
+                return throwError(() => err);
+            }
+            const content = typeof this._config.response === 'function'
+                ? this._config.response(request.messages)
+                : (this._config.response ?? 'Mock response');
+            const response = {
+                content,
+                sessionId: request.sessionId ?? `mock-session-${cryptoRandomId()}`,
+                label: 'Mock',
+                leafMessageId: cryptoRandomId(),
+            };
+            return this._withDelay('chat', of(response));
+        });
+    }
+    getInitialSession() {
+        return defer(() => this._withDelay('getInitialSession', of(this._config.initialSession ?? null)));
     }
-    async chat(request) {
-        const content = typeof this._response === 'function'
-            ? this._response(request.messages)
-            : this._response;
-        return { content };
+    getRecentSession() {
+        return defer(() => this._withDelay('getRecentSession', of(this._config.initialSession ?? null)));
     }
+    getSession(uid) {
+        return defer(() => {
+            const found = this._config.sessionsByUid?.get(uid);
+            if (!found) {
+                return throwError(() => new Error(`MockAiProvider: session not found for uid "${uid}"`));
+            }
+            return this._withDelay('getSession', of(found));
+        });
+    }
+    listSessions() {
+        return defer(() => this._withDelay('listSessions', of(this._config.sessionsList ?? [])));
+    }
+    renameSession(_uid, _label) {
+        return defer(() => this._withDelay('renameSession', of(undefined)));
+    }
+    deleteSession(_uid) {
+        return defer(() => this._withDelay('deleteSession', of(undefined)));
+    }
+    _withDelay(method, source$) {
+        const ms = this._config.delayMsByMethod?.[method] ?? this._config.delayMs ?? 0;
+        return ms > 0 ? source$.pipe(delay(ms)) : source$;
+    }
+}
+function cryptoRandomId() {
+    return typeof crypto !== 'undefined' && 'randomUUID' in crypto
+        ? crypto.randomUUID()
+        : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
 
 class TheSeamChatContextRegistry {
@@ -309,6 +458,14 @@ class SeamChatInputComponent {
         this.messageSent.emit(value);
         this._control.reset();
     }
+    /**
+     * Restores the given text into the input control. Called by the parent
+     * chat component during stale-leaf recovery so the user can edit and
+     * resend their message after the conversation is refreshed.
+     */
+    restoreText(text) {
+        this._control.setValue(text);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SeamChatInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SeamChatInputComponent, isStandalone: true, selector: "seam-chat-input", inputs: { placeholder: "placeholder", disabled: "disabled" }, outputs: { messageSent: "messageSent" }, ngImport: i0, template: `
     <div class="seam-chat-input">
@@ -379,16 +536,78 @@ class TheSeamChatComponent {
     });
     _cdr = inject(ChangeDetectorRef);
     _ngZone = inject(NgZone);
-    placeholder = 'Type a message...';
     _messageList;
     _messageListScrollbar;
-    _loadingSubject = new BehaviorSubject(false);
+    _chatInput;
+    /**
+     * The session this chat should display.
+     *
+     * - `null` on first init: the component asks the provider for an initial
+     *   session via `getInitialSession()` (default app behavior: prefers
+     *   `?chatSession=<uid>`, falls back to the user's most recent session).
+     * - `null` after init: resets to a new empty chat. Equivalent to calling
+     *   `newSession()`.
+     * - A session uid: loads and displays that session.
+     *
+     * Pair with `(sessionIdChange)` for two-way binding.
+     */
+    sessionId = input(null, ...(ngDevMode ? [{ debugName: "sessionId" }] : []));
+    placeholder = input('Type a message...', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    /**
+     * Emits whenever the chat's active session changes — after the initial
+     * load resolves, after a send creates a new session, after the input is
+     * reassigned, or after `newSession()` clears the chat.
+     */
+    sessionIdChange = output();
+    /**
+     * Emits after the chat has recovered from a server-reported stale-leaf
+     * 409. The component has already reloaded the session and restored the
+     * user's typed text; consuming apps typically respond by surfacing a toast.
+     */
+    staleSession = output();
+    // Internal conversation state — same as before, just relocated for clarity.
     _messages = [];
     _displayMessages = [];
     // Pixels of slack allowed when deciding if the viewport is "at the bottom".
     _pinnedThreshold = 32;
     _isPinnedToBottom = true;
     _forceScrollOnNextResize = false;
+    _loadingSubject = new BehaviorSubject(false);
+    loading$ = this._loadingSubject.asObservable();
+    _currentSessionId = null;
+    _currentLeafMessageId = null;
+    _initialized = false;
+    _sessionLoadRequest$ = new Subject();
+    _destroy$ = new Subject();
+    _initialLoadingSubject = new BehaviorSubject(false);
+    initialLoading$ = this._initialLoadingSubject.asObservable();
+    constructor() {
+        this._sessionLoadRequest$
+            .pipe(tap(() => this._initialLoadingSubject.next(this._messages.length === 0)), switchMap((load$) => load$.pipe(catchError((err) => {
+            console.error('Chat session load failed:', err);
+            return of(null);
+        }))), takeUntil(this._destroy$))
+            .subscribe((session) => {
+            this._initialLoadingSubject.next(false);
+            if (session) {
+                const wasNoSession = this._currentSessionId === null;
+                this._applySession(session);
+                if (wasNoSession) {
+                    this.sessionIdChange.emit(session.uid);
+                }
+            }
+            this._cdr.markForCheck();
+        });
+        effect(() => {
+            const incoming = this.sessionId();
+            if (!this._initialized) {
+                this._initialize(incoming);
+            }
+            else {
+                this._reactToSessionInputChange(incoming);
+            }
+        });
+    }
     ngAfterViewInit() {
         const scrollInstance = this._messageListScrollbar?.instance;
         if (!scrollInstance) {
@@ -403,11 +622,32 @@ class TheSeamChatComponent {
             });
         });
     }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    /**
+     * Resets the chat to a new empty session. Idempotent — safe to call when
+     * the chat has no session loaded. Emits `(sessionIdChange)` with `null`.
+     */
+    newSession() {
+        // Push EMPTY through the load pipeline so switchMap cancels any
+        // in-flight session load before we clear state.
+        this._sessionLoadRequest$.next(EMPTY);
+        this._currentSessionId = null;
+        this._currentLeafMessageId = null;
+        this._messages = [];
+        this._displayMessages = [];
+        this._loadingSubject.next(false);
+        this._initialLoadingSubject.next(false);
+        this.sessionIdChange.emit(null);
+        this._cdr.markForCheck();
+    }
     async _onMessageSent(text) {
-        if (this._loadingSubject.value || !this._provider) {
-            if (!this._provider) {
-                console.error('No chat provider configured.');
-            }
+        if (this._loadingSubject.value)
+            return;
+        if (!this._provider) {
+            console.error('No chat provider configured.');
             return;
         }
         const userMessage = { role: 'user', content: text };
@@ -421,35 +661,48 @@ class TheSeamChatComponent {
             },
         ];
         this._forceScrollOnNextResize = true;
-        this._cdr.markForCheck();
         this._loadingSubject.next(true);
-        try {
-            const contexts = (await this._chatContextRegistry?.snapshot()) ?? [];
-            const response = await this._provider.chat({
-                messages: this._messages,
-                contexts: contexts.length === 0 ? undefined : contexts,
-            });
-            const assistantMessage = {
-                role: 'assistant',
-                content: response.content,
-            };
-            this._messages.push(assistantMessage);
-            this._displayMessages = [
-                ...this._displayMessages,
-                {
-                    role: 'assistant',
-                    segments: parseChatResponse(response.content),
-                    timestamp: new Date(),
-                },
-            ];
-        }
-        catch (err) {
-            console.error('Chat provider error:', err);
-        }
-        finally {
-            this._loadingSubject.next(false);
-            this._cdr.markForCheck();
-        }
+        this._cdr.markForCheck();
+        const contexts = (await this._chatContextRegistry?.snapshot()) ?? [];
+        this._provider
+            .chat({
+            messages: this._messages,
+            contexts: contexts.length === 0 ? undefined : contexts,
+            sessionId: this._currentSessionId,
+            expectedLeafMessageId: this._currentLeafMessageId,
+        })
+            .pipe(takeUntil(this._destroy$))
+            .subscribe({
+            next: (response) => {
+                this._messages.push({ role: 'assistant', content: response.content });
+                this._displayMessages = [
+                    ...this._displayMessages,
+                    {
+                        role: 'assistant',
+                        segments: parseChatResponse(response.content),
+                        timestamp: new Date(),
+                    },
+                ];
+                const wasNoSession = this._currentSessionId === null;
+                this._currentSessionId = response.sessionId;
+                this._currentLeafMessageId = response.leafMessageId;
+                if (wasNoSession) {
+                    this.sessionIdChange.emit(response.sessionId);
+                }
+                this._loadingSubject.next(false);
+                this._cdr.markForCheck();
+            },
+            error: (err) => {
+                if (err instanceof ChatSessionStaleError) {
+                    this._handleStaleSession(text);
+                }
+                else {
+                    console.error('Chat provider error:', err);
+                    this._loadingSubject.next(false);
+                    this._cdr.markForCheck();
+                }
+            },
+        });
     }
     _updatePinnedState() {
         const scrollInstance = this._messageListScrollbar?.instance;
@@ -473,28 +726,97 @@ class TheSeamChatComponent {
             scrollInstance.scroll({ y: state.contentScrollSize.height });
         }
     }
+    _initialize(incoming) {
+        this._initialized = true;
+        if (!this._provider) {
+            console.error('No chat provider configured.');
+            return;
+        }
+        if (incoming) {
+            this._sessionLoadRequest$.next(this._provider.getSession(incoming));
+        }
+        else {
+            this._sessionLoadRequest$.next(this._provider.getInitialSession());
+        }
+    }
+    _reactToSessionInputChange(incoming) {
+        if (incoming === this._currentSessionId)
+            return;
+        if (!this._provider) {
+            console.error('No chat provider configured.');
+            return;
+        }
+        if (incoming === null) {
+            this.newSession();
+            return;
+        }
+        this._sessionLoadRequest$.next(this._provider.getSession(incoming));
+    }
+    _applySession(session) {
+        this._currentSessionId = session.uid;
+        this._currentLeafMessageId = session.leafMessageId;
+        this._messages = session.messages.map((m) => ({
+            role: m.role,
+            content: m.content,
+        }));
+        this._displayMessages = session.messages.map((m) => ({
+            uid: m.uid,
+            role: m.role,
+            segments: m.role === 'assistant'
+                ? parseChatResponse(m.content)
+                : [{ type: 'markdown', content: m.content }],
+            timestamp: new Date(m.created),
+        }));
+        this._forceScrollOnNextResize = true;
+    }
+    _handleStaleSession(originalText) {
+        const sessionId = this._currentSessionId;
+        if (!sessionId || !this._provider) {
+            this._loadingSubject.next(false);
+            this._cdr.markForCheck();
+            return;
+        }
+        this._provider
+            .getSession(sessionId)
+            .pipe(takeUntil(this._destroy$))
+            .subscribe({
+            next: (reloaded) => {
+                this._applySession(reloaded);
+                this._chatInput?.restoreText(originalText);
+                this._loadingSubject.next(false);
+                this.staleSession.emit();
+                this._cdr.markForCheck();
+            },
+            error: (reloadErr) => {
+                console.error('Chat session reload failed during stale-leaf recovery:', reloadErr);
+                this._chatInput?.restoreText(originalText);
+                this._loadingSubject.next(false);
+                this.staleSession.emit();
+                this._cdr.markForCheck();
+            },
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TheSeamChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TheSeamChatComponent, isStandalone: true, selector: "seam-chat", inputs: { placeholder: "placeholder" }, viewQueries: [{ propertyName: "_messageList", first: true, predicate: ["messageList"], descendants: true }, { propertyName: "_messageListScrollbar", first: true, predicate: TheSeamOverlayScrollbarDirective, descendants: true }], ngImport: i0, template: "<div class=\"seam-chat\">\n  <div class=\"seam-chat__messages\" #messageList seamOverlayScrollbar>\n    <seam-chat-message\n      *ngFor=\"let msg of _displayMessages\"\n      [message]=\"msg\"\n    ></seam-chat-message>\n\n    <div *ngIf=\"_loadingSubject | async\" class=\"seam-chat__loading\">\n      <span>Thinking...</span>\n    </div>\n  </div>\n\n  <seam-chat-input\n    [placeholder]=\"placeholder\"\n    [disabled]=\"!!(_loadingSubject | async)\"\n    (messageSent)=\"_onMessageSent($event)\"\n  ></seam-chat-input>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:hidden}.seam-chat{display:flex;flex-direction:column;height:100%;overflow:hidden}.seam-chat__messages{flex:1;overflow-y:auto;padding:12px}.seam-chat__loading{padding:8px 12px;color:#6c757d;font-style:italic}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SeamChatMessageComponent, selector: "seam-chat-message", inputs: ["message"] }, { kind: "component", type: SeamChatInputComponent, selector: "seam-chat-input", inputs: ["placeholder", "disabled"], outputs: ["messageSent"] }, { kind: "directive", type: TheSeamOverlayScrollbarDirective, selector: "[seamOverlayScrollbar]", inputs: ["seamOverlayScrollbar", "overlayScrollbarEnabled"], exportAs: ["seamOverlayScrollbar"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: TheSeamChatComponent, isStandalone: true, selector: "seam-chat", inputs: { sessionId: { classPropertyName: "sessionId", publicName: "sessionId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sessionIdChange: "sessionIdChange", staleSession: "staleSession" }, viewQueries: [{ propertyName: "_messageList", first: true, predicate: ["messageList"], descendants: true }, { propertyName: "_messageListScrollbar", first: true, predicate: TheSeamOverlayScrollbarDirective, descendants: true }, { propertyName: "_chatInput", first: true, predicate: SeamChatInputComponent, descendants: true }], ngImport: i0, template: "<div class=\"seam-chat\">\n  <div class=\"seam-chat__messages\" #messageList seamOverlayScrollbar>\n    @if (initialLoading$ | async) {\n      <div class=\"seam-chat__initial-loading\">\n        <span>Loading\u2026</span>\n      </div>\n    } @else {\n      @for (msg of _displayMessages; track $index) {\n        <seam-chat-message [message]=\"msg\"></seam-chat-message>\n      }\n\n      @if (loading$ | async) {\n        <div class=\"seam-chat__loading\">\n          <span>Thinking...</span>\n        </div>\n      }\n    }\n  </div>\n\n  <seam-chat-input\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"!!(loading$ | async) || !!(initialLoading$ | async)\"\n    (messageSent)=\"_onMessageSent($event)\"\n  ></seam-chat-input>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:hidden}.seam-chat{display:flex;flex-direction:column;height:100%;overflow:hidden}.seam-chat__messages{flex:1;overflow-y:auto;padding:12px}.seam-chat__loading{padding:8px 12px;color:#6c757d;font-style:italic}\n"], dependencies: [{ kind: "component", type: SeamChatMessageComponent, selector: "seam-chat-message", inputs: ["message"] }, { kind: "component", type: SeamChatInputComponent, selector: "seam-chat-input", inputs: ["placeholder", "disabled"], outputs: ["messageSent"] }, { kind: "directive", type: TheSeamOverlayScrollbarDirective, selector: "[seamOverlayScrollbar]", inputs: ["seamOverlayScrollbar", "overlayScrollbarEnabled"], exportAs: ["seamOverlayScrollbar"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TheSeamChatComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-chat', imports: [
                         AsyncPipe,
-                        NgForOf,
-                        NgIf,
                         SeamChatMessageComponent,
                         SeamChatInputComponent,
                         TheSeamOverlayScrollbarDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"seam-chat\">\n  <div class=\"seam-chat__messages\" #messageList seamOverlayScrollbar>\n    <seam-chat-message\n      *ngFor=\"let msg of _displayMessages\"\n      [message]=\"msg\"\n    ></seam-chat-message>\n\n    <div *ngIf=\"_loadingSubject | async\" class=\"seam-chat__loading\">\n      <span>Thinking...</span>\n    </div>\n  </div>\n\n  <seam-chat-input\n    [placeholder]=\"placeholder\"\n    [disabled]=\"!!(_loadingSubject | async)\"\n    (messageSent)=\"_onMessageSent($event)\"\n  ></seam-chat-input>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:hidden}.seam-chat{display:flex;flex-direction:column;height:100%;overflow:hidden}.seam-chat__messages{flex:1;overflow-y:auto;padding:12px}.seam-chat__loading{padding:8px 12px;color:#6c757d;font-style:italic}\n"] }]
-        }], propDecorators: { placeholder: [{
-                type: Input
-            }], _messageList: [{
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"seam-chat\">\n  <div class=\"seam-chat__messages\" #messageList seamOverlayScrollbar>\n    @if (initialLoading$ | async) {\n      <div class=\"seam-chat__initial-loading\">\n        <span>Loading\u2026</span>\n      </div>\n    } @else {\n      @for (msg of _displayMessages; track $index) {\n        <seam-chat-message [message]=\"msg\"></seam-chat-message>\n      }\n\n      @if (loading$ | async) {\n        <div class=\"seam-chat__loading\">\n          <span>Thinking...</span>\n        </div>\n      }\n    }\n  </div>\n\n  <seam-chat-input\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"!!(loading$ | async) || !!(initialLoading$ | async)\"\n    (messageSent)=\"_onMessageSent($event)\"\n  ></seam-chat-input>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:hidden}.seam-chat{display:flex;flex-direction:column;height:100%;overflow:hidden}.seam-chat__messages{flex:1;overflow-y:auto;padding:12px}.seam-chat__loading{padding:8px 12px;color:#6c757d;font-style:italic}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _messageList: [{
                 type: ViewChild,
                 args: ['messageList']
             }], _messageListScrollbar: [{
                 type: ViewChild,
                 args: [TheSeamOverlayScrollbarDirective]
-            }] } });
+            }], _chatInput: [{
+                type: ViewChild,
+                args: [SeamChatInputComponent]
+            }], sessionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "sessionId", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], sessionIdChange: [{ type: i0.Output, args: ["sessionIdChange"] }], staleSession: [{ type: i0.Output, args: ["staleSession"] }] } });
 
 class TheSeamChatMessageHarness extends ComponentHarness {
     static hostSelector = 'seam-chat-message';
@@ -525,15 +847,22 @@ class TheSeamChatHarness extends ComponentHarness {
     _messages = this.locatorForAll(TheSeamChatMessageHarness);
     _input = this.locatorFor(TheSeamChatInputHarness);
     _loading = this.locatorForOptional('.seam-chat__loading');
+    _initialLoading = this.locatorForOptional('.seam-chat__initial-loading');
     async getMessages() {
         return this._messages();
     }
+    async getMessageCount() {
+        return (await this._messages()).length;
+    }
     async getInput() {
         return this._input();
     }
     async isLoading() {
         return (await this._loading()) !== null;
     }
+    async isInitialLoading() {
+        return (await this._initialLoading()) !== null;
+    }
 }
 
 const assistantPrompt = `You are a helpful assistant that provides formatting json code for a datatable.
@@ -860,12 +1189,12 @@ class TheSeamDatatablePrompterComponent {
     });
     _alterations$ = this._datatableSubject
         .asObservable()
-        .pipe(switchMap((dt) => {
+        .pipe(switchMap$1((dt) => {
         if (!dt) {
             return of(dt);
         }
         return dt._columnsAlterationsManager.changes.pipe(startWith(undefined), map(() => dt));
-    }), switchMap((datatable) => {
+    }), switchMap$1((datatable) => {
         if (!datatable) {
             return of([]);
         }
@@ -875,7 +1204,7 @@ class TheSeamDatatablePrompterComponent {
             console.warn('No preferences key set on datatable, returning empty alterations.');
             return of([]);
         }
-        return (this._dtPrefsService.preferences(key).pipe(switchMap((prefs) => {
+        return (this._dtPrefsService.preferences(key).pipe(switchMap$1((prefs) => {
             // console.log('~~~~Current preferences:', prefs)
             if (!prefs) {
                 return of(JSON.parse(JSON.stringify(EMPTY_DATATABLE_PREFERENCES))
@@ -885,7 +1214,7 @@ class TheSeamDatatablePrompterComponent {
             return of(prefs.alterations);
         })) ?? of([]));
     }));
-    _alterationsDisplayItems$ = this._alterations$.pipe(switchMap((alterations) => {
+    _alterationsDisplayItems$ = this._alterations$.pipe(switchMap$1((alterations) => {
         console.log('~~~~~Current alterations:', alterations);
         if (!alterations || alterations.length === 0) {
             return of([]);
@@ -895,7 +1224,7 @@ class TheSeamDatatablePrompterComponent {
         return of(alts.map((a) => a.toDisplayItem()));
     }), shareReplay({ bufferSize: 1, refCount: true }));
     _pendingAlterationsSubject = new BehaviorSubject([]);
-    _pendingAlterationsDisplayItems$ = this._pendingAlterationsSubject.asObservable().pipe(switchMap((pending) => {
+    _pendingAlterationsDisplayItems$ = this._pendingAlterationsSubject.asObservable().pipe(switchMap$1((pending) => {
         if (!pending || pending.length === 0) {
             return of([]);
         }
@@ -936,15 +1265,14 @@ class TheSeamDatatablePrompterComponent {
             this._loadingSubject.next(false);
             return;
         }
-        this._aiProvider
-            .chat({
+        firstValueFrom(this._aiProvider.chat({
             messages: [
                 {
                     role: 'user',
                     content: `${assistantPrompt}\n\n---\n\n${userPrompt}`,
                 },
             ],
-        })
+        }))
             .then(async (response) => {
             const alterations = parseResponse(response.content, undefined);
             // this._form.reset()
@@ -1035,9 +1363,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Input
             }] } });
 
+// Shared providers
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { LmStudioAiProvider, MockAiProvider, OpenRouterAiProvider, THESEAM_CHAT_BLOCK_REGISTRY, THESEAM_CHAT_PROVIDER, THESEAM_DATATABLE_PROMPTER_PROVIDER, TheSeamChatComponent, TheSeamChatContextRegistry, TheSeamChatHarness, TheSeamDatatableChatContext, TheSeamDatatablePrompterComponent, assistantPrompt, getUserPrompt, parseChatResponse, parseResponse };
+export { ChatSessionStaleError, LmStudioAiProvider, MockAiProvider, OpenRouterAiProvider, THESEAM_CHAT_BLOCK_REGISTRY, THESEAM_CHAT_PROVIDER, THESEAM_DATATABLE_PROMPTER_PROVIDER, TheSeamChatComponent, TheSeamChatContextRegistry, TheSeamChatHarness, TheSeamDatatableChatContext, TheSeamDatatablePrompterComponent, assistantPrompt, getUserPrompt, parseChatResponse, parseResponse };
 //# sourceMappingURL=theseam-ui-common-ai.mjs.map