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

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

@@ -1,1373 +1,6 @@
-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, 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 { TheSeamOverlayScrollbarDirective } from '@theseam/ui-common/scrollbar';
-import { MarkdownComponent } from 'ngx-markdown';
-import * as i1 from '@angular/forms';
-import { FormControl, Validators, ReactiveFormsModule, FormGroup } from '@angular/forms';
-import * as i2 from '@theseam/ui-common/rich-text';
-import { TheSeamRichTextModule } from '@theseam/ui-common/rich-text';
-import * as i4 from '@theseam/ui-common/form-field';
-import { TheSeamFormFieldModule } from '@theseam/ui-common/form-field';
-import * as i4$1 from '@theseam/ui-common/buttons';
-import { TheSeamButtonsModule } from '@theseam/ui-common/buttons';
-import { ComponentHarness } from '@angular/cdk/testing';
-import { THESEAM_DATATABLE_PREFERENCES_ACCESSOR, DatatablePreferencesService, EMPTY_DATATABLE_PREFERENCES, mapColumnsAlterationsStates } from '@theseam/ui-common/datatable';
-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 {
-    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();
-            });
-        });
-    }
-    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 {
-    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();
-            });
-        });
-    }
-    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 {
-    _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)));
-    }
-    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 {
-    _contexts = new Set();
-    /**
-     * Register a context. Returns an unregister function — pair it with DestroyRef:
-     *   inject(DestroyRef).onDestroy(registry.register(ctx))
-     */
-    register(ctx) {
-        this._contexts.add(ctx);
-        return () => this._contexts.delete(ctx);
-    }
-    unregister(ctx) {
-        this._contexts.delete(ctx);
-    }
-    /**
-     * Resolve registered contexts to a wire-ready payload list. Applies the modal-mask
-     * rule (a `modal`-typed context hides others unless they set `alwaysVisible`) and
-     * drops entries whose `getContext()` returns null/undefined.
-     */
-    async snapshot() {
-        const all = [...this._contexts];
-        const masked = all.some((c) => c.type === 'modal');
-        const visible = masked
-            ? all.filter((c) => c.type === 'modal' || c.alwaysVisible)
-            : all;
-        const resolved = await Promise.all(visible.map(async (c) => ({ type: c.type, data: await c.getContext() })));
-        return resolved.filter((p) => p.data != null);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TheSeamChatContextRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TheSeamChatContextRegistry, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TheSeamChatContextRegistry, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class TheSeamDatatableChatContext {
-    _queryRef;
-    _columns;
-    _options;
-    type = 'datatable';
-    constructor(_queryRef, _columns, _options = {}) {
-        this._queryRef = _queryRef;
-        this._columns = _columns;
-        this._options = _options;
-    }
-    getContext() {
-        const opts = this._queryRef.getOptions();
-        if (!opts)
-            return null;
-        const { query, variables } = processGql(opts.query, this._queryRef.getVariables(), this._queryRef.getQueryProcessingConfig() ?? { variables: {} });
-        const operationName = query.definitions.find((d) => d.kind === 'OperationDefinition')?.name?.value ?? '';
-        return {
-            label: this._options.label,
-            operationName,
-            query: print(query),
-            variables,
-            columns: this._columns.map((c) => ({ prop: c.prop, name: c.name })),
-        };
-    }
-}
-
-const THESEAM_CHAT_PROVIDER = new InjectionToken('TheSeamChatProvider');
-
-/**
- * Splits a raw AI response string into an ordered array of segments.
- * Fenced code blocks with `seam-` prefixed language tags become custom-block
- * segments; everything else stays as markdown.
- */
-function parseChatResponse(input) {
-    if (!input) {
-        return [];
-    }
-    const segments = [];
-    const pattern = /^```(seam-[\w-]+)\n([\s\S]*?)^```/gm;
-    let lastIndex = 0;
-    let match;
-    while ((match = pattern.exec(input)) !== null) {
-        if (match.index > lastIndex) {
-            segments.push({
-                type: 'markdown',
-                content: input.slice(lastIndex, match.index),
-            });
-        }
-        segments.push({
-            type: 'custom-block',
-            tag: match[1],
-            content: match[2].replace(/\n$/, ''),
-        });
-        lastIndex = match.index + match[0].length;
-    }
-    if (lastIndex < input.length) {
-        segments.push({ type: 'markdown', content: input.slice(lastIndex) });
-    }
-    return segments;
-}
-
-const THESEAM_CHAT_BLOCK_REGISTRY = new InjectionToken('TheSeamChatBlockRegistry');
-
-class SeamChatMessageComponent {
-    message;
-    _blockRegistry = inject(THESEAM_CHAT_BLOCK_REGISTRY, {
-        optional: true,
-    });
-    _injector = inject(Injector);
-    _getBlockComponent(tag) {
-        return this._blockRegistry?.get(tag) ?? null;
-    }
-    _createBlockInjector(content) {
-        return Injector.create({
-            providers: [{ provide: 'CHAT_BLOCK_CONTENT', useValue: content }],
-            parent: this._injector,
-        });
-    }
-    _buildFallbackMarkdown(tag, content) {
-        return '```' + tag + '\n' + content + '\n```';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SeamChatMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SeamChatMessageComponent, isStandalone: true, selector: "seam-chat-message", inputs: { message: "message" }, ngImport: i0, template: `
-    <div
-      class="seam-chat-message"
-      [class.seam-chat-message--user]="message.role === 'user'"
-      [class.seam-chat-message--assistant]="message.role === 'assistant'"
-    >
-      <div class="seam-chat-message__role">
-        {{ message.role === 'user' ? 'You' : 'Assistant' }}
-      </div>
-      <div class="seam-chat-message__content">
-        <ng-container *ngFor="let segment of message.segments">
-          <markdown
-            *ngIf="segment.type === 'markdown'"
-            [data]="segment.content"
-          ></markdown>
-          <ng-container *ngIf="segment.type === 'custom-block'">
-            <ng-container
-              *ngIf="
-                _getBlockComponent(segment.tag) as blockComponent;
-                else fallbackBlock
-              "
-            >
-              <ng-container
-                *ngComponentOutlet="
-                  blockComponent;
-                  injector: _createBlockInjector(segment.content)
-                "
-              ></ng-container>
-            </ng-container>
-            <ng-template #fallbackBlock>
-              <markdown
-                [data]="_buildFallbackMarkdown(segment.tag, segment.content)"
-              ></markdown>
-            </ng-template>
-          </ng-container>
-        </ng-container>
-      </div>
-    </div>
-  `, isInline: true, styles: [".seam-chat-message{display:flex;flex-direction:column;padding:8px 12px;margin-bottom:8px}.seam-chat-message--user{align-items:flex-end}.seam-chat-message--user .seam-chat-message__content{background-color:#e8f5e9;border-radius:8px;padding:8px 12px;max-width:80%}.seam-chat-message--assistant .seam-chat-message__content{background-color:#f1f3f5;border-radius:8px;padding:8px 12px;max-width:80%}.seam-chat-message__role{font-size:.75rem;color:#6c757d;margin-bottom:4px}\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: MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SeamChatMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'seam-chat-message', imports: [NgForOf, NgIf, MarkdownComponent, NgComponentOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div
-      class="seam-chat-message"
-      [class.seam-chat-message--user]="message.role === 'user'"
-      [class.seam-chat-message--assistant]="message.role === 'assistant'"
-    >
-      <div class="seam-chat-message__role">
-        {{ message.role === 'user' ? 'You' : 'Assistant' }}
-      </div>
-      <div class="seam-chat-message__content">
-        <ng-container *ngFor="let segment of message.segments">
-          <markdown
-            *ngIf="segment.type === 'markdown'"
-            [data]="segment.content"
-          ></markdown>
-          <ng-container *ngIf="segment.type === 'custom-block'">
-            <ng-container
-              *ngIf="
-                _getBlockComponent(segment.tag) as blockComponent;
-                else fallbackBlock
-              "
-            >
-              <ng-container
-                *ngComponentOutlet="
-                  blockComponent;
-                  injector: _createBlockInjector(segment.content)
-                "
-              ></ng-container>
-            </ng-container>
-            <ng-template #fallbackBlock>
-              <markdown
-                [data]="_buildFallbackMarkdown(segment.tag, segment.content)"
-              ></markdown>
-            </ng-template>
-          </ng-container>
-        </ng-container>
-      </div>
-    </div>
-  `, styles: [".seam-chat-message{display:flex;flex-direction:column;padding:8px 12px;margin-bottom:8px}.seam-chat-message--user{align-items:flex-end}.seam-chat-message--user .seam-chat-message__content{background-color:#e8f5e9;border-radius:8px;padding:8px 12px;max-width:80%}.seam-chat-message--assistant .seam-chat-message__content{background-color:#f1f3f5;border-radius:8px;padding:8px 12px;max-width:80%}.seam-chat-message__role{font-size:.75rem;color:#6c757d;margin-bottom:4px}\n"] }]
-        }], propDecorators: { message: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
-
-class SeamChatInputComponent {
-    placeholder = 'Type a message...';
-    disabled = false;
-    messageSent = new EventEmitter();
-    _control = new FormControl('', [Validators.required]);
-    _onEnterKey(event) {
-        const keyEvent = event;
-        if (keyEvent.shiftKey) {
-            return;
-        }
-        keyEvent.preventDefault();
-        this._onSend();
-    }
-    _onSend() {
-        const value = this._control.value?.trim();
-        if (!value || this.disabled) {
-            return;
-        }
-        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">
-      <seam-form-field>
-        <seam-rich-text
-          [formControl]="_control"
-          [placeholder]="placeholder"
-          [disableRichText]="true"
-          [rows]="2.7"
-          [resizable]="false"
-          (keydown.enter)="_onEnterKey($event)"
-        ></seam-rich-text>
-      </seam-form-field>
-      <button
-        seamButton
-        theme="primary"
-        class="seam-chat-send-btn"
-        [disabled]="disabled || _control.invalid"
-        (click)="_onSend()"
-      >
-        Send
-      </button>
-    </div>
-  `, isInline: true, styles: [".seam-chat-input{display:flex;align-items:flex-end;gap:8px;padding:8px;border-top:1px solid #dee2e6}seam-form-field{flex:1}.seam-chat-send-btn{flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TheSeamRichTextModule }, { kind: "component", type: i2.RichTextComponent, selector: "seam-rich-text", inputs: ["value", "required", "placeholder", "rows", "resizable", "disableRichText", "displayCharacterCounter", "minLength", "maxLength", "characterCounterTpl", "characterCounterFn", "useMentions", "mentionItems", "mentionSearchFn", "mentionRenderListFn", "mentionListLoadingText", "mentionListEmptyText"], outputs: ["quillEditorCreated", "quillEditorChanged", "quillContentChanged", "quillSelectionChanged", "quillFocus", "quillBlur", "mentionsUpdated"] }, { kind: "ngmodule", type: TheSeamFormFieldModule }, { kind: "component", type: i4.TheSeamFormFieldComponent, selector: "seam-form-field", inputs: ["inline", "label", "labelPosition", "labelClass", "maxErrors", "numPaddingErrors", "labelId", "helpText", "helpTextId"] }, { kind: "ngmodule", type: TheSeamButtonsModule }, { kind: "component", type: i4$1.TheSeamButtonComponent, selector: "button[seamButton]", inputs: ["disabled", "theme", "size", "type"], exportAs: ["seamButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SeamChatInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'seam-chat-input', imports: [
-                        ReactiveFormsModule,
-                        TheSeamRichTextModule,
-                        TheSeamFormFieldModule,
-                        TheSeamButtonsModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="seam-chat-input">
-      <seam-form-field>
-        <seam-rich-text
-          [formControl]="_control"
-          [placeholder]="placeholder"
-          [disableRichText]="true"
-          [rows]="2.7"
-          [resizable]="false"
-          (keydown.enter)="_onEnterKey($event)"
-        ></seam-rich-text>
-      </seam-form-field>
-      <button
-        seamButton
-        theme="primary"
-        class="seam-chat-send-btn"
-        [disabled]="disabled || _control.invalid"
-        (click)="_onSend()"
-      >
-        Send
-      </button>
-    </div>
-  `, styles: [".seam-chat-input{display:flex;align-items:flex-end;gap:8px;padding:8px;border-top:1px solid #dee2e6}seam-form-field{flex:1}.seam-chat-send-btn{flex-shrink:0}\n"] }]
-        }], propDecorators: { placeholder: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], messageSent: [{
-                type: Output
-            }] } });
-
-class TheSeamChatComponent {
-    _provider = inject(THESEAM_CHAT_PROVIDER, { optional: true });
-    _chatContextRegistry = inject(TheSeamChatContextRegistry, {
-        optional: true,
-    });
-    _cdr = inject(ChangeDetectorRef);
-    _ngZone = inject(NgZone);
-    _messageList;
-    _messageListScrollbar;
-    _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) {
-            return;
-        }
-        this._ngZone.runOutsideAngular(() => {
-            scrollInstance.options({
-                callbacks: {
-                    onScroll: () => this._updatePinnedState(),
-                    onContentSizeChanged: () => this._maybeScrollToBottom(),
-                },
-            });
-        });
-    }
-    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)
-            return;
-        if (!this._provider) {
-            console.error('No chat provider configured.');
-            return;
-        }
-        const userMessage = { role: 'user', content: text };
-        this._messages.push(userMessage);
-        this._displayMessages = [
-            ...this._displayMessages,
-            {
-                role: 'user',
-                segments: [{ type: 'markdown', content: text }],
-                timestamp: new Date(),
-            },
-        ];
-        this._forceScrollOnNextResize = true;
-        this._loadingSubject.next(true);
-        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;
-        if (!scrollInstance) {
-            return;
-        }
-        const info = scrollInstance.scroll();
-        this._isPinnedToBottom =
-            info.position.y >= info.max.y - this._pinnedThreshold;
-    }
-    _maybeScrollToBottom() {
-        if (this._forceScrollOnNextResize || this._isPinnedToBottom) {
-            this._scrollToBottom();
-            this._forceScrollOnNextResize = false;
-        }
-    }
-    _scrollToBottom() {
-        const scrollInstance = this._messageListScrollbar?.instance;
-        if (scrollInstance) {
-            const state = scrollInstance.getState();
-            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: "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,
-                        SeamChatMessageComponent,
-                        SeamChatInputComponent,
-                        TheSeamOverlayScrollbarDirective,
-                    ], 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';
-    _role = this.locatorForOptional('.seam-chat-message__role');
-    _content = this.locatorForOptional('.seam-chat-message__content');
-    async getRole() {
-        const roleEl = await this._role();
-        const text = await roleEl?.text();
-        return text?.trim().toLowerCase() ?? '';
-    }
-    async getText() {
-        const contentEl = await this._content();
-        return (await contentEl?.text())?.trim() ?? '';
-    }
-}
-class TheSeamChatInputHarness extends ComponentHarness {
-    static hostSelector = 'seam-chat-input';
-    async getSendButton() {
-        return this.locatorFor('button')();
-    }
-    async isSendDisabled() {
-        const btn = await this.getSendButton();
-        return (await btn.getAttribute('disabled')) !== null;
-    }
-}
-class TheSeamChatHarness extends ComponentHarness {
-    static hostSelector = 'seam-chat';
-    _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.
-A datatable is a table that displays data in rows and columns, similar to a spreadsheet, with column sorting and data filtering.
-
-Your job is not to provide a descriptive analysis of the request or any additional information. The user will ignore anything that is not a JSON object.
-
-The user will provide a request, and you will respond with a JSON object that contains an array of table alterations.
-The following is the typescript interface for a datatable column and the alterations you can make to it:
-
-\`\`\`typescript
-interface TableColumn {
-  /** Column property */
-  prop: string,
-  /** Column name */
-  name: string,
-  /** Column cell type - determines filter type */
-  cellType?: 'string' | 'integer' | 'decimal' | 'currency' | 'date' | 'phone',
-  /** Whether the column is sortable */
-  sortable?: boolean,
-  /** Whether the column is filterable */
-  filterable?: boolean,
-  /** Whether the column is visible */
-  visible?: boolean,
-  /** Whether the column is resizable */
-  resizable?: boolean,
-  /** Whether the column is draggable */
-  draggable?: boolean,
-  /** Column width */
-  width?: number,
-  /** Column index */
-  index?: number,
-}
-
-interface SortItem {
-  /** Column property */
-  prop: string,
-  /** Sort direction */
-  dir: 'asc' | 'desc'
-}
-
-interface SortState {
-  /** The list of sorts */
-  sorts: SortItem[]
-}
-
-interface OrderRecord {
-  /** Column property */
-  columnProp: string,
-  /** Column order, which is the index that it will be placed in the columns array. */
-  index: number
-}
-
-interface OrderState {
-  /** The list of column order records */
-  columns: OrderRecord[]
-}
-
-interface WidthState {
-  /** The column property that this width alteration applies to */
-  columnProp: string
-  /** The width of the column. Number is in pixels. */
-  width?: number
-  /** Whether the column can auto resize. Needs to be false to guarantee a specific width. */
-  canAutoResize: boolean
-}
-
-interface HideColumnState {
-  /** The column property that this alteration applies to */
-  columnProp: string
-  /** Whether the column is hidden */
-  hidden: boolean
-}
-
-interface FilterState {
-  /** The column property that this filter applies to */
-  columnProp: string,
-  /** The filter type based on column cellType */
-  filterType: 'text' | 'numeric' | 'date',
-  /** The filter operation */
-  operation: string,
-  /** The filter value (for single value operations) */
-  value?: any,
-  /** The from value (for range operations like 'between') */
-  fromValue?: any,
-  /** The to value (for range operations like 'between') */
-  toValue?: any
-}
-
-interface TableAlteration<TType extends string, TState> {
-  /**
-   * Unique identifier for the alteration.
-   */
-  id: string
-  /**
-   * The type of alteration.
-   */
-  type: TType
-  /** The alteration state */
-  state: TState
-}
-
-/**
- * Sort alteration for a datatable.
- * "id" should always be "sort" for this alteration.
- */
-type SortAlteration = TableAlteration<'sort', SortState>
-
-/**
- * Order alteration for a datatable column.
- *
- * "id" should always be "order" for this alteration.
- */
-type OrderAlteration = TableAlteration<'order', OrderState>
-
-/**
- * Width alteration for a datatable column.
- *
- * "id" should always be "width-<prop>" for this alteration. So, for example, if the column property is "name", the id would be "width-name".
- */
-type WidthAlteration = TableAlteration<'width', WidthState>
-
-/**
- * Hide column alteration for a datatable column.
- *
- * "id" should always be "hide-column-<prop>" for this alteration. So, for example, if the column property is "name", the id would be "hide-column-name".
- */
-type HideColumnAlteration = TableAlteration<'hide-column', HideColumnState>
-
-/**
- * Filter alteration for a datatable column.
- * "id" should be "filter--<columnProp>" for this alteration.
- * For example, if filtering the "age" column, the id would be "filter--age".
- */
-type FilterAlteration = TableAlteration<'filter', FilterState>
-\`\`\`
-
-## Filter Operations by Type
-
-### Text Filters (cellType: 'string', 'phone')
-- 'contains': Text contains the value (case-insensitive)
-- 'eq': Text equals the value exactly
-- 'neq': Text does not equal the value
-- 'ncontains': Text does not contain the value
-- 'blank': Field is empty/null
-- 'not-blank': Field is not empty/null
-
-### Numeric Filters (cellType: 'integer', 'decimal', 'currency')
-- 'eq': Equals the value
-- 'gt': Greater than the value
-- 'gte': Greater than or equal to the value
-- 'lt': Less than the value
-- 'lte': Less than or equal to the value
-- 'between': Between fromValue and toValue (inclusive)
-- 'not-between': Not between fromValue and toValue
-- 'blank': Field is empty/null
-- 'not-blank': Field is not empty/null
-
-### Date Filters (cellType: 'date')
-- 'eq': Date equals the value
-- 'gt': Date is after the value
-- 'gte': Date is on or after the value
-- 'lt': Date is before the value
-- 'lte': Date is on or before the value
-- 'between': Date is between fromValue and toValue (inclusive)
-- 'not-between': Date is not between fromValue and toValue
-- 'blank': Field is empty/null
-- 'not-blank': Field is not empty/null
-
-## Examples
-
-Filter age greater than 30:
-\`\`\`json
-{
-  "id": "filter--age",
-  "type": "filter",
-  "state": {
-    "columnProp": "age",
-    "filterType": "numeric",
-    "operation": "gt",
-    "value": 30
-  }
-}
-\`\`\`
-
-Filter color contains "red":
-\`\`\`json
-{
-  "id": "filter--color",
-  "type": "filter",
-  "state": {
-    "columnProp": "color",
-    "filterType": "text",
-    "operation": "contains",
-    "value": "red"
-  }
-}
-\`\`\`
-
-Filter age between 25 and 65:
-\`\`\`json
-{
-  "id": "filter--age",
-  "type": "filter",
-  "state": {
-    "columnProp": "age",
-    "filterType": "numeric",
-    "operation": "between",
-    "fromValue": 25,
-    "toValue": 65
-  }
-}
-\`\`\`
-
-Sort by name ascending:
-\`\`\`json
-{
-  "id": "sort",
-  "type": "sort",
-  "state": {
-    "sorts": [
-      {
-        "prop": "name",
-        "dir": "asc"
-      }
-    ]
-  }
-}
-\`\`\`
-
-Hide the age column:
-\`\`\`json
-{
-  "id": "hide-column-age",
-  "type": "hide-column",
-  "state": {
-    "columnProp": "age",
-    "hidden": true
-  }
-}
-\`\`\`
-
-Set name column width to 300 pixels:
-\`\`\`json
-{
-  "id": "width-name",
-  "type": "width",
-  "state": {
-    "columnProp": "name",
-    "width": 300,
-    "canAutoResize": false
-  }
-}
-\`\`\`
-
-Reorder columns (name first, age second, color third):
-\`\`\`json
-{
-  "id": "order",
-  "type": "order",
-  "state": {
-    "columns": [
-      { "columnProp": "name", "index": 0 },
-      { "columnProp": "age", "index": 1 },
-      { "columnProp": "color", "index": 2 }
-    ]
-  }
-}
-\`\`\`
-`;
-const getUserPrompt = (columns, request) => `
-Columns:
-\`\`\`json
-${JSON.stringify(columns, null, 2)}
-\`\`\`
-Request: "${request}"
-`;
-function parseResponse(responseContent, responseFormat) {
-    if (responseFormat?.type === 'json_object') {
-        return JSON.parse(responseContent);
-    }
-    // Parse the JSON string to an object, which is in the string between the code blocks.
-    // So, need to find the first and last code block markers.
-    const startIndex = responseContent.indexOf('```json') + '```json'.length;
-    const endIndex = responseContent.lastIndexOf('```');
-    const alterations = responseContent.substring(startIndex, endIndex).trim();
-    // console.log('Alterations:', alterations)
-    return JSON.parse(alterations);
-}
-const THESEAM_DATATABLE_PROMPTER_PROVIDER = new InjectionToken('TheSeamDatatablePrompterProvider');
-
-class TheSeamDatatablePrompterComponent {
-    // cdr = inject(ChangeDetectorRef)
-    _prefsAccessor = inject(THESEAM_DATATABLE_PREFERENCES_ACCESSOR, { optional: true });
-    _dtPrefsService = inject(DatatablePreferencesService);
-    _aiProvider = inject(THESEAM_DATATABLE_PROMPTER_PROVIDER, {
-        optional: true,
-    });
-    _loadingSubject = new BehaviorSubject(false);
-    _altsDataSubject = new BehaviorSubject(undefined);
-    loading$ = this._loadingSubject.asObservable();
-    diffMode = 'auto';
-    compact = true;
-    set prompt(value) {
-        if (value) {
-            this._form.controls.prompt.setValue(value);
-        }
-        else {
-            this._form.controls.prompt.setValue('Sort color descending order');
-        }
-    }
-    set datatable(value) {
-        this._datatableSubject.next(value);
-    }
-    get datatable() {
-        return this._datatableSubject.value;
-    }
-    _datatableSubject = new BehaviorSubject(null);
-    showAlts = true;
-    _form = new FormGroup({
-        prompt: new FormControl('Sort color descending order', [
-            Validators.required,
-        ]),
-    });
-    _alterations$ = this._datatableSubject
-        .asObservable()
-        .pipe(switchMap$1((dt) => {
-        if (!dt) {
-            return of(dt);
-        }
-        return dt._columnsAlterationsManager.changes.pipe(startWith(undefined), map(() => dt));
-    }), switchMap$1((datatable) => {
-        if (!datatable) {
-            return of([]);
-        }
-        const key = datatable.preferencesKey;
-        if (!key) {
-            // eslint-disable-next-line no-console
-            console.warn('No preferences key set on datatable, returning empty alterations.');
-            return of([]);
-        }
-        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))
-                    .alterations);
-            }
-            // return of(JSON.parse(prefs).alterations as ColumnsAlterationState[])
-            return of(prefs.alterations);
-        })) ?? of([]));
-    }));
-    _alterationsDisplayItems$ = this._alterations$.pipe(switchMap$1((alterations) => {
-        console.log('~~~~~Current alterations:', alterations);
-        if (!alterations || alterations.length === 0) {
-            return of([]);
-        }
-        const alts = mapColumnsAlterationsStates(alterations);
-        console.log('~~~~~Mapped alterations:', alts);
-        return of(alts.map((a) => a.toDisplayItem()));
-    }), shareReplay({ bufferSize: 1, refCount: true }));
-    _pendingAlterationsSubject = new BehaviorSubject([]);
-    _pendingAlterationsDisplayItems$ = this._pendingAlterationsSubject.asObservable().pipe(switchMap$1((pending) => {
-        if (!pending || pending.length === 0) {
-            return of([]);
-        }
-        const alts = mapColumnsAlterationsStates(pending);
-        console.log('~~~~~Mapped alterations2:', alts);
-        return of(alts.map((a) => a.toDisplayItem()));
-    }), shareReplay({ bufferSize: 1, refCount: true }));
-    _onSubmit() {
-        console.log('Submitting prompt:', this._form.value);
-        if (this._form.invalid) {
-            return;
-        }
-        if (this._loadingSubject.value) {
-            console.warn('Already loading, ignoring submit.');
-            return;
-        }
-        const prompt = this._form.value.prompt;
-        if (!prompt) {
-            return;
-        }
-        console.log('datatable', this._datatableSubject.value);
-        const columns = (this._datatableSubject.value?.ngxDatatable?.columns || []).map((col) => ({
-            prop: col.prop,
-            name: col.name,
-            cellType: col.cellType || 'string',
-            sortable: col.sortable,
-            filterable: true,
-            visible: true,
-            resizable: col.resizeable,
-            draggable: col.draggable,
-        }));
-        console.log('columns', columns);
-        const userPrompt = getUserPrompt(columns, prompt);
-        console.log('userPrompt', userPrompt);
-        this._loadingSubject.next(true);
-        if (!this._aiProvider) {
-            console.error('No AI provider configured, cannot submit prompt.');
-            this._loadingSubject.next(false);
-            return;
-        }
-        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()
-            console.log('Received alterations:', alterations);
-            const datatable = this._datatableSubject.value;
-            if (!datatable) {
-                console.error('No datatable found to apply alterations to.');
-                return;
-            }
-            const key = this.datatable.preferencesKey;
-            const before = await this._prefsAccessor?.get(key).toPromise();
-            console.log('Current preferences before update:', before);
-            const _apply = async () => {
-                console.log('Preferences updated successfully.');
-                const _cols = this.datatable.ngxDatatable.columns;
-                const cols = [..._cols];
-                console.log('this.datatable!.columns', cols);
-                const after = await this._prefsAccessor?.get(key).toPromise();
-                let _after = (JSON.parse(after || '{}').alterations ||
-                    []);
-                if (!Array.isArray(_after)) {
-                    _after = [_after];
-                }
-                const mgr = this.datatable._columnsAlterationsManager;
-                console.log('_columnsAlterationsManager', mgr, mgr.get());
-                const alts = mapColumnsAlterationsStates(_after);
-                console.log('Mapped alterations:', alts);
-                const columnsBefore = JSON.parse(JSON.stringify(this.datatable.ngxDatatable.columns.map((x) => x.prop)));
-                console.log('Columns before applying alterations:', columnsBefore);
-                for (const a of alts) {
-                    console.log('Applying alteration:', a);
-                    a.apply(cols, this.datatable);
-                }
-                console.log('Current preferences after update:', after);
-                console.log(_after);
-                this.datatable.columns = [...cols];
-                const columnsAfter = JSON.parse(JSON.stringify(this.datatable.ngxDatatable.columns.map((x) => x.prop)));
-                console.log('Columns after applying alterations:', columnsAfter);
-                mgr.add(alts);
-                datatable._cdr.detectChanges();
-                this._pendingAlterationsSubject.next(_after);
-            };
-            this._prefsAccessor
-                ?.update(key, JSON.stringify({
-                version: 2,
-                alterations,
-            }))
-                .subscribe(async () => {
-                // TODO: Cleanup. This is a hack to ensure the datatable updates after the preferences are set.
-                await _apply();
-                datatable.rows = [...datatable.rows];
-                datatable._cdr.detectChanges();
-                await _apply();
-                this._loadingSubject.next(false);
-            });
-        })
-            .catch((err) => {
-            console.error('Error submitting prompt:', err);
-            this._loadingSubject.next(false);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TheSeamDatatablePrompterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TheSeamDatatablePrompterComponent, isStandalone: true, selector: "seam-datatable-prompter", inputs: { diffMode: "diffMode", compact: "compact", prompt: "prompt", datatable: "datatable", showAlts: "showAlts" }, ngImport: i0, template: "<div class=\"d-block border rounded border-lightgray\">\n  <div\n    [formGroup]=\"_form\"\n    (ngSubmit)=\"_onSubmit()\"\n    class=\"d-block position-relative\"\n  >\n    <div>\n      <div class=\"p-1\">\n        <!-- <textarea formControlName=\"prompt\" style=\"width: 800px; height: 100px;\"></textarea> -->\n        <seam-form-field [numPaddingErrors]=\"0\">\n          <seam-rich-text\n            seamInput\n            formControlName=\"prompt\"\n            placeholder=\"Describe what you want to apply to the datatable.\"\n            [rows]=\"3\"\n            [resizable]=\"false\"\n            [disableRichText]=\"true\"\n          ></seam-rich-text>\n        </seam-form-field>\n      </div>\n      <div class=\"p-1\">\n        <button\n          class=\"mr-1\"\n          type=\"submit\"\n          seamButton\n          theme=\"primary\"\n          size=\"sm\"\n          (click)=\"_onSubmit()\"\n        >\n          Submit\n        </button>\n        <button seamButton theme=\"lightgray\" size=\"sm\" (click)=\"_form.reset()\">\n          Reset\n        </button>\n      </div>\n    </div>\n    <div\n      *ngIf=\"loading$ | async\"\n      class=\"d-block position-absolute\"\n      style=\"top: 0; left: 0; right: 0; bottom: 0\"\n    >\n      <seam-loading></seam-loading>\n    </div>\n  </div>\n\n  <div class=\"p-2\" *ngIf=\"showAlts\">\n    <div>Active Alterations</div>\n    <div class=\"p-2 border rounded bg-lightgray\">\n      <!-- {{ _alterations$ | async | json }} -->\n      <div *ngFor=\"let alteration of _alterations$ | async; let last = last\">\n        <div\n          class=\"d-flex align-items-center border border-dark rounded p-1\"\n          [class.mb-1]=\"!last\"\n        >\n          <span class=\"badge bg-secondary\">{{ alteration.type }}</span>\n          <!-- <span class=\"badge bg-primary\">{{ alteration.label }}</span> -->\n          <!-- <div>\n            {{ alteration.value | json }}\n          </div> -->\n          <div *ngIf=\"alteration.type === 'sort'\">\n            <div class=\"d-flex flex-column\">\n              <div\n                *ngFor=\"let sort of alteration.state.sorts; let last = last\"\n                [class.mb-1]=\"!last\"\n              >\n                <span class=\"badge bg-lightgray\"\n                  >{{ sort.prop }} ({{ sort.dir }})</span\n                >\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <seam-alterations-diff\n      [currentItems]=\"(_alterationsDisplayItems$ | async) ?? []\"\n      [pendingItems]=\"(_pendingAlterationsDisplayItems$ | async) ?? []\"\n      [compact]=\"compact\"\n      [diffMode]=\"diffMode\"\n    ></seam-alterations-diff>\n  </div>\n</div>\n", styles: [":host{display:block;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TheSeamLoadingModule }, { kind: "component", type: i2$1.TheSeamLoadingComponent, selector: "seam-loading", inputs: ["theme"] }, { kind: "ngmodule", type: TheSeamRichTextModule }, { kind: "component", type: i2.RichTextComponent, selector: "seam-rich-text", inputs: ["value", "required", "placeholder", "rows", "resizable", "disableRichText", "displayCharacterCounter", "minLength", "maxLength", "characterCounterTpl", "characterCounterFn", "useMentions", "mentionItems", "mentionSearchFn", "mentionRenderListFn", "mentionListLoadingText", "mentionListEmptyText"], outputs: ["quillEditorCreated", "quillEditorChanged", "quillContentChanged", "quillSelectionChanged", "quillFocus", "quillBlur", "mentionsUpdated"] }, { kind: "ngmodule", type: TheSeamFormFieldModule }, { kind: "component", type: i4.TheSeamFormFieldComponent, selector: "seam-form-field", inputs: ["inline", "label", "labelPosition", "labelClass", "maxErrors", "numPaddingErrors", "labelId", "helpText", "helpTextId"] }, { kind: "directive", type: i4.InputDirective, selector: "input[seamInput], textarea[seamInput], ng-select[seamInput], seam-tel-input[seamInput], quill-editor[seamInput], seam-google-maps[seamInput], seam-rich-text[seamInput]", inputs: ["seamInputSize", "id", "type", "placeholder", "required", "disabled", "readonly"], exportAs: ["seamInput"] }, { kind: "ngmodule", type: TheSeamButtonsModule }, { kind: "component", type: i4$1.TheSeamButtonComponent, selector: "button[seamButton]", inputs: ["disabled", "theme", "size", "type"], exportAs: ["seamButton"] }, { kind: "component", type: AlterationsDiffComponent, selector: "seam-alterations-diff", inputs: ["currentItems", "pendingItems", "diffMode", "initialDiffState", "compact"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TheSeamDatatablePrompterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'seam-datatable-prompter', imports: [
-                        ReactiveFormsModule,
-                        AsyncPipe,
-                        JsonPipe,
-                        NgForOf,
-                        NgIf,
-                        TheSeamLoadingModule,
-                        TheSeamRichTextModule,
-                        TheSeamFormFieldModule,
-                        TheSeamButtonsModule,
-                        AlterationsDiffComponent,
-                    ], template: "<div class=\"d-block border rounded border-lightgray\">\n  <div\n    [formGroup]=\"_form\"\n    (ngSubmit)=\"_onSubmit()\"\n    class=\"d-block position-relative\"\n  >\n    <div>\n      <div class=\"p-1\">\n        <!-- <textarea formControlName=\"prompt\" style=\"width: 800px; height: 100px;\"></textarea> -->\n        <seam-form-field [numPaddingErrors]=\"0\">\n          <seam-rich-text\n            seamInput\n            formControlName=\"prompt\"\n            placeholder=\"Describe what you want to apply to the datatable.\"\n            [rows]=\"3\"\n            [resizable]=\"false\"\n            [disableRichText]=\"true\"\n          ></seam-rich-text>\n        </seam-form-field>\n      </div>\n      <div class=\"p-1\">\n        <button\n          class=\"mr-1\"\n          type=\"submit\"\n          seamButton\n          theme=\"primary\"\n          size=\"sm\"\n          (click)=\"_onSubmit()\"\n        >\n          Submit\n        </button>\n        <button seamButton theme=\"lightgray\" size=\"sm\" (click)=\"_form.reset()\">\n          Reset\n        </button>\n      </div>\n    </div>\n    <div\n      *ngIf=\"loading$ | async\"\n      class=\"d-block position-absolute\"\n      style=\"top: 0; left: 0; right: 0; bottom: 0\"\n    >\n      <seam-loading></seam-loading>\n    </div>\n  </div>\n\n  <div class=\"p-2\" *ngIf=\"showAlts\">\n    <div>Active Alterations</div>\n    <div class=\"p-2 border rounded bg-lightgray\">\n      <!-- {{ _alterations$ | async | json }} -->\n      <div *ngFor=\"let alteration of _alterations$ | async; let last = last\">\n        <div\n          class=\"d-flex align-items-center border border-dark rounded p-1\"\n          [class.mb-1]=\"!last\"\n        >\n          <span class=\"badge bg-secondary\">{{ alteration.type }}</span>\n          <!-- <span class=\"badge bg-primary\">{{ alteration.label }}</span> -->\n          <!-- <div>\n            {{ alteration.value | json }}\n          </div> -->\n          <div *ngIf=\"alteration.type === 'sort'\">\n            <div class=\"d-flex flex-column\">\n              <div\n                *ngFor=\"let sort of alteration.state.sorts; let last = last\"\n                [class.mb-1]=\"!last\"\n              >\n                <span class=\"badge bg-lightgray\"\n                  >{{ sort.prop }} ({{ sort.dir }})</span\n                >\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <seam-alterations-diff\n      [currentItems]=\"(_alterationsDisplayItems$ | async) ?? []\"\n      [pendingItems]=\"(_pendingAlterationsDisplayItems$ | async) ?? []\"\n      [compact]=\"compact\"\n      [diffMode]=\"diffMode\"\n    ></seam-alterations-diff>\n  </div>\n</div>\n", styles: [":host{display:block;overflow:hidden}\n"] }]
-        }], propDecorators: { diffMode: [{
-                type: Input
-            }], compact: [{
-                type: Input
-            }], prompt: [{
-                type: Input
-            }], datatable: [{
-                type: Input
-            }], showAlts: [{
-                type: Input
-            }] } });
-
-// Shared providers
+var publicApi = {};
 
 /**
  * Generated bundle index. Do not edit.
  */
-
-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