@theseam/ui-common 1.0.2-beta.74 → 1.0.2-beta.83

package/ai/index.d.ts

@@ -1,36 +1,103 @@
 import * as i0 from '@angular/core';
 import { AfterViewInit, InjectionToken, Type } from '@angular/core';
+import { TheSeamDatatableColumn, DatatableComponent, ColumnsAlterationState } from '@theseam/ui-common/datatable';
+import { DatatableGraphQLQueryRef } from '@theseam/ui-common/graphql';
 import { BehaviorSubject, Observable } from 'rxjs';
 import * as _angular_cdk_testing from '@angular/cdk/testing';
 import { ComponentHarness } from '@angular/cdk/testing';
 import { FormGroup, FormControl } from '@angular/forms';
-import { DatatableComponent, ColumnsAlterationState } from '@theseam/ui-common/datatable';
 import { AlterationDisplayItem } from '@theseam/ui-common/datatable-alterations-display';
 
+/**
+ * Implemented by components that contribute "what the user is currently looking at"
+ * to the AI chat assistant. Instances are registered with `TheSeamChatContextRegistry`
+ * (see chat-context-registry.service.ts) and read at chat-send time.
+ *
+ * `getContext()` returning null/undefined means "I have nothing useful to contribute
+ * right now"; the registry drops that entry from the snapshot.
+ */
+interface TheSeamChatContext {
+    /** Discriminator — used by the backend formatter table. e.g. 'datatable', 'modal'. */
+    readonly type: string;
+    /** When true, this context is included even while a 'modal'-typed context is registered. Default false. */
+    readonly alwaysVisible?: boolean;
+    getContext(): unknown | Promise<unknown>;
+}
+/** Wire-shape of one context entry sent to the backend. */
+interface TheSeamChatContextPayload {
+    type: string;
+    data: unknown;
+}
+
 interface ChatMessage {
-    role: 'system' | 'user' | 'assistant';
+    role: 'user' | 'assistant';
     content: string;
 }
 interface ChatResponse {
     content: string;
 }
-interface AiProvider {
-    chat(messages: ChatMessage[]): Promise<ChatResponse>;
+interface TheSeamAiChatRequest {
+    messages: ChatMessage[];
+    contexts?: TheSeamChatContextPayload[];
+}
+interface TheSeamAiProvider {
+    chat(request: TheSeamAiChatRequest): Promise<ChatResponse>;
 }
 
-declare class LmStudioAiProvider implements AiProvider {
-    chat(messages: ChatMessage[]): Promise<ChatResponse>;
+declare class LmStudioAiProvider implements TheSeamAiProvider {
+    chat(request: TheSeamAiChatRequest): Promise<ChatResponse>;
 }
 
-declare class OpenRouterAiProvider implements AiProvider {
-    chat(messages: ChatMessage[]): Promise<ChatResponse>;
+declare class OpenRouterAiProvider implements TheSeamAiProvider {
+    chat(request: TheSeamAiChatRequest): Promise<ChatResponse>;
 }
 
 type MockResponse = string | ((messages: ChatMessage[]) => string);
-declare class MockAiProvider implements AiProvider {
+declare class MockAiProvider implements TheSeamAiProvider {
     private readonly _response;
     constructor(_response?: MockResponse);
-    chat(messages: ChatMessage[]): Promise<ChatResponse>;
+    chat(request: TheSeamAiChatRequest): Promise<ChatResponse>;
+}
+
+declare class TheSeamChatContextRegistry {
+    private readonly _contexts;
+    /**
+     * Register a context. Returns an unregister function — pair it with DestroyRef:
+     *   inject(DestroyRef).onDestroy(registry.register(ctx))
+     */
+    register(ctx: TheSeamChatContext): () => void;
+    unregister(ctx: TheSeamChatContext): void;
+    /**
+     * 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.
+     */
+    snapshot(): Promise<TheSeamChatContextPayload[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamChatContextRegistry, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TheSeamChatContextRegistry>;
+}
+
+interface TheSeamDatatableChatContextOptions {
+    /** Optional human label, e.g. 'Bales'. Helps the LLM disambiguate when multiple datatables are registered. */
+    label?: string;
+}
+interface TheSeamDatatableChatContextData {
+    label?: string;
+    operationName: string;
+    query: string;
+    variables: Record<string, unknown>;
+    columns: {
+        prop: string | number | undefined;
+        name: string | undefined;
+    }[];
+}
+declare class TheSeamDatatableChatContext implements TheSeamChatContext {
+    private readonly _queryRef;
+    private readonly _columns;
+    private readonly _options;
+    readonly type = "datatable";
+    constructor(_queryRef: DatatableGraphQLQueryRef<any, any, any>, _columns: readonly TheSeamDatatableColumn[], _options?: TheSeamDatatableChatContextOptions);
+    getContext(): TheSeamDatatableChatContextData | null;
 }
 
 type ChatContentSegment = {
@@ -56,9 +123,9 @@ interface ChatMessageDisplayModel {
 
 declare class TheSeamChatComponent implements AfterViewInit {
     private readonly _provider;
+    private readonly _chatContextRegistry;
     private readonly _cdr;
     private readonly _ngZone;
-    systemPrompt: string;
     placeholder: string;
     private _messageList?;
     private _messageListScrollbar?;
@@ -74,10 +141,10 @@ declare class TheSeamChatComponent implements AfterViewInit {
     private _maybeScrollToBottom;
     private _scrollToBottom;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamChatComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamChatComponent, "seam-chat", never, { "systemPrompt": { "alias": "systemPrompt"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamChatComponent, "seam-chat", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare const THESEAM_CHAT_PROVIDER: InjectionToken<AiProvider>;
+declare const THESEAM_CHAT_PROVIDER: InjectionToken<TheSeamAiProvider>;
 
 type ChatBlockRegistry = Map<string, Type<unknown>>;
 declare const THESEAM_CHAT_BLOCK_REGISTRY: InjectionToken<ChatBlockRegistry>;
@@ -109,7 +176,7 @@ declare const getUserPrompt: (columns: any[], request: string) => string;
 declare function parseResponse(responseContent: string, responseFormat: {
     type: string;
 } | undefined): any;
-declare const THESEAM_DATATABLE_PROMPTER_PROVIDER: InjectionToken<AiProvider>;
+declare const THESEAM_DATATABLE_PROMPTER_PROVIDER: InjectionToken<TheSeamAiProvider>;
 
 declare class TheSeamDatatablePrompterComponent {
     private readonly _prefsAccessor;
@@ -140,5 +207,5 @@ declare class TheSeamDatatablePrompterComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamDatatablePrompterComponent, "seam-datatable-prompter", never, { "diffMode": { "alias": "diffMode"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "prompt": { "alias": "prompt"; "required": false; }; "datatable": { "alias": "datatable"; "required": false; }; "showAlts": { "alias": "showAlts"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { LmStudioAiProvider, MockAiProvider, OpenRouterAiProvider, THESEAM_CHAT_BLOCK_REGISTRY, THESEAM_CHAT_PROVIDER, THESEAM_DATATABLE_PROMPTER_PROVIDER, TheSeamChatComponent, TheSeamChatHarness, TheSeamDatatablePrompterComponent, assistantPrompt, getUserPrompt, parseChatResponse, parseResponse };
-export type { AiProvider, ChatBlockRegistry, ChatContentSegment, ChatMessage, ChatResponse };
+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 type { ChatBlockRegistry, ChatContentSegment, ChatMessage, ChatResponse, TheSeamAiChatRequest, TheSeamAiProvider, TheSeamChatContext, TheSeamChatContextPayload, TheSeamDatatableChatContextData, TheSeamDatatableChatContextOptions };

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

@@ -1,5 +1,7 @@
 import * as i0 from '@angular/core';
-import { 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, 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';
@@ -19,7 +21,7 @@ import { TheSeamLoadingModule } from '@theseam/ui-common/loading';
 import { AlterationsDiffComponent } from '@theseam/ui-common/datatable-alterations-display';
 
 class LmStudioAiProvider {
-    async chat(messages) {
+    async chat(request) {
         const url = 'http://localhost:1234/v1/chat/completions';
         const headers = {
             'Content-Type': 'application/json',
@@ -30,19 +32,20 @@ class LmStudioAiProvider {
             headers,
             body: JSON.stringify({
                 model,
-                messages: messages.map((m) => ({ role: m.role, content: m.content })),
+                messages: request.messages.map((m) => ({
+                    role: m.role,
+                    content: m.content,
+                })),
             }),
         });
         const data = await response.json();
-        console.log('Response from AI:', data);
         const content = data.choices[0].message.content;
-        console.log(`%cResponse from AI. content:\n${content}`, 'color: limegreen;');
         return { content };
     }
 }
 
 class OpenRouterAiProvider {
-    async chat(messages) {
+    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;
@@ -56,14 +59,15 @@ class OpenRouterAiProvider {
             headers,
             body: JSON.stringify({
                 model,
-                messages: messages.map((m) => ({ role: m.role, content: m.content })),
+                messages: request.messages.map((m) => ({
+                    role: m.role,
+                    content: m.content,
+                })),
                 response_format: { type: 'json_object' },
             }),
         });
         const data = await response.json();
-        console.log('Response from AI:', data);
         const content = data.choices[0].message.content;
-        console.log(`%cResponse from AI. content:\n${content}`, 'color: limegreen;');
         return { content };
     }
 }
@@ -73,14 +77,75 @@ class MockAiProvider {
     constructor(_response = 'Mock response') {
         this._response = _response;
     }
-    async chat(messages) {
+    async chat(request) {
         const content = typeof this._response === 'function'
-            ? this._response(messages)
+            ? this._response(request.messages)
             : this._response;
         return { content };
     }
 }
 
+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');
 
 /**
@@ -309,9 +374,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 
 class TheSeamChatComponent {
     _provider = inject(THESEAM_CHAT_PROVIDER, { optional: true });
+    _chatContextRegistry = inject(TheSeamChatContextRegistry, {
+        optional: true,
+    });
     _cdr = inject(ChangeDetectorRef);
     _ngZone = inject(NgZone);
-    systemPrompt = '';
     placeholder = 'Type a message...';
     _messageList;
     _messageListScrollbar;
@@ -319,32 +386,18 @@ class TheSeamChatComponent {
     _messages = [];
     _displayMessages = [];
     // Pixels of slack allowed when deciding if the viewport is "at the bottom".
-    // Small enough that scrolling up a line unpins, but forgiving of sub-pixel drift.
     _pinnedThreshold = 32;
-    // True when the viewport is (or should be) tracking the latest content. Starts
-    // true so the first messages scroll into view. Updated on every scroll event.
     _isPinnedToBottom = true;
-    // Set when a user action (e.g. sending a message) requires the view to jump
-    // to the bottom on the next content-size change, regardless of pinned state.
-    // Cleared as soon as it's consumed.
     _forceScrollOnNextResize = false;
     ngAfterViewInit() {
         const scrollInstance = this._messageListScrollbar?.instance;
         if (!scrollInstance) {
             return;
         }
-        // OverlayScrollbars callbacks run outside Angular already (the directive's
-        // service initializes with runOutsideAngular). These handlers only update
-        // local flags and call scroll() — no change detection needed.
         this._ngZone.runOutsideAngular(() => {
             scrollInstance.options({
                 callbacks: {
                     onScroll: () => this._updatePinnedState(),
-                    // Fires when the content's scrollable size changes: a new message
-                    // appended, a custom block finishing its async render, an image
-                    // finishing loading, etc. This removes the need for a setTimeout
-                    // hack because we react to actual size changes rather than guessing
-                    // when rendering has settled.
                     onContentSizeChanged: () => this._maybeScrollToBottom(),
                 },
             });
@@ -367,18 +420,15 @@ class TheSeamChatComponent {
                 timestamp: new Date(),
             },
         ];
-        // The user just sent a message — jump to the bottom even if they had
-        // scrolled up previously. Consumed by the next onContentSizeChanged.
         this._forceScrollOnNextResize = true;
         this._cdr.markForCheck();
         this._loadingSubject.next(true);
         try {
-            const messagesToSend = [];
-            if (this.systemPrompt) {
-                messagesToSend.push({ role: 'system', content: this.systemPrompt });
-            }
-            messagesToSend.push(...this._messages);
-            const response = await this._provider.chat(messagesToSend);
+            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,
@@ -411,12 +461,6 @@ class TheSeamChatComponent {
             info.position.y >= info.max.y - this._pinnedThreshold;
     }
     _maybeScrollToBottom() {
-        // Auto-scroll only when the user expects it:
-        //   - They just sent a message (forceScroll), OR
-        //   - They were already following the latest content (pinnedToBottom).
-        // If they scrolled up to read an earlier message, we leave their viewport
-        // alone so continued content growth (e.g. a streaming answer or an
-        // async-rendered block) doesn't keep yanking it back.
         if (this._forceScrollOnNextResize || this._isPinnedToBottom) {
             this._scrollToBottom();
             this._forceScrollOnNextResize = false;
@@ -430,7 +474,7 @@ class TheSeamChatComponent {
         }
     }
     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: { systemPrompt: "systemPrompt", 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: "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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TheSeamChatComponent, decorators: [{
             type: Component,
@@ -442,9 +486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         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: { systemPrompt: [{
-                type: Input
-            }], placeholder: [{
+        }], propDecorators: { placeholder: [{
                 type: Input
             }], _messageList: [{
                 type: ViewChild,
@@ -895,10 +937,14 @@ class TheSeamDatatablePrompterComponent {
             return;
         }
         this._aiProvider
-            .chat([
-            { role: 'system', content: assistantPrompt },
-            { role: 'user', content: userPrompt },
-        ])
+            .chat({
+            messages: [
+                {
+                    role: 'user',
+                    content: `${assistantPrompt}\n\n---\n\n${userPrompt}`,
+                },
+            ],
+        })
             .then(async (response) => {
             const alterations = parseResponse(response.content, undefined);
             // this._form.reset()
@@ -993,5 +1039,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { LmStudioAiProvider, MockAiProvider, OpenRouterAiProvider, THESEAM_CHAT_BLOCK_REGISTRY, THESEAM_CHAT_PROVIDER, THESEAM_DATATABLE_PROMPTER_PROVIDER, TheSeamChatComponent, TheSeamChatHarness, TheSeamDatatablePrompterComponent, assistantPrompt, getUserPrompt, parseChatResponse, parseResponse };
+export { 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