@arcgis/ai-components 5.0.0-next.157 → 5.0.0-next.159

package/dist/components/arcgis-assistant/customElement.js

@@ -1,25 +1,26 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as y } from "../../chunks/runtime.js";
-import { css as v, html as p } from "lit";
-import f from "@arcgis/core/core/Collection.js";
-import { whenOnce as _, watch as w, when as b } from "@arcgis/core/core/reactiveUtils.js";
-import $ from "@arcgis/core/portal/Portal.js";
-import { LitElement as E } from "@arcgis/lumina";
-import { createRef as g, ref as m } from "lit/directives/ref.js";
-import { Orchestrator as C } from "@arcgis/ai-orchestrator";
+import { c as v } from "../../chunks/runtime.js";
+import { css as b, html as u } from "lit";
+import _ from "@arcgis/core/core/Collection.js";
+import { whenOnce as w, watch as E, when as $ } from "@arcgis/core/core/reactiveUtils.js";
+import k from "@arcgis/core/portal/Portal.js";
+import { LitElement as C, createEvent as o } from "@arcgis/lumina";
+import { createRef as m, ref as y } from "lit/directives/ref.js";
+import { Orchestrator as S } from "@arcgis/ai-orchestrator";
 import L from "@arcgis/core/core/Accessor.js";
-import { property as c, subclass as O } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { property as h, subclass as I } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { g as P } from "../../chunks/utils2.js";
-import { u as S } from "../../chunks/useT9n.js";
-const k = v`:host{height:100%}`;
-var H = Object.defineProperty, M = Object.getOwnPropertyDescriptor, a = (l, t, e, r) => {
-  for (var s = r > 1 ? void 0 : r ? M(t, e) : t, n = l.length - 1, o; n >= 0; n--)
-    (o = l[n]) && (s = (r ? o(t, e, s) : o(s)) || s);
-  return r && s && H(t, e, s), s;
+import { u as O } from "../../chunks/useT9n.js";
+import { rethrowError as M } from "@arcgis/toolkit/log";
+const x = b`:host{display:block;height:var(--arcgis-internal-expand-max-height, 100%)}`;
+var A = Object.defineProperty, R = Object.getOwnPropertyDescriptor, l = (c, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? R(t, e) : t, r = c.length - 1, n; r >= 0; r--)
+    (n = c[r]) && (s = (i ? n(t, e, s) : n(s)) || s);
+  return i && s && A(t, e, s), s;
 };
-let i = class extends L {
-  constructor(l) {
-    super(l), this.view = null, this.loading = !1, this.processing = !1, this.processingStep = "";
+let a = class extends L {
+  constructor(c) {
+    super(c), this.view = null, this.loading = !1, this.processing = !1, this.processingStep = "";
   }
   async load() {
     this._set("loading", !0);
@@ -33,69 +34,66 @@ let i = class extends L {
     this.orchestrator?.dispose(), super.destroy();
   }
   async _initialize() {
-    this.removeHandles(), await Promise.all([this.portal.load(), this.view?.when()]), this.view && await _(() => !this.view.updating), this._set(
+    this.removeHandles(), await Promise.all([this.portal.load(), this.view?.when()]), this.view && await w(() => !this.view.updating), this._set(
       "orchestrator",
-      await C.init({
+      await S.init({
         agents: [...this.agents],
-        portal: this.portal,
         view: this.view ?? void 0
       })
     ), this.addHandles([
-      w(
+      E(
         () => [this.view, this.agents],
         () => void this._initialize()
       )
     ]);
   }
-  async *ask(l, t) {
+  async *ask(c, t) {
     if (!this.orchestrator)
       throw new Error("Orchestrator not initialized yet.");
     this._set("processing", !0), this._set("processingStep", "");
-    let e = "";
+    const e = [];
     try {
-      const r = this.orchestrator.ask(l);
-      for await (const s of r) {
+      const i = this.orchestrator.ask(c);
+      for await (const s of i) {
+        const r = s.runId;
         if (t?.aborted) {
-          yield { type: "cancelled" };
+          yield { type: "cancelled", runId: r };
           break;
         }
         switch (s.type) {
           case "trace": {
-            this._set("processingStep", s.data.text), e += `${s.data.text}
-
-`;
+            this._set("processingStep", s.data.text), e.push(s.data.text);
             break;
           }
           case "completed": {
             if (!s.result.content.length) {
-              yield { type: "completed", error: "Could not process the request.", log: e };
+              yield { type: "completed", error: "Could not process the request.", log: e, runId: r };
               return;
             }
             const n = s.result.content;
-            this._set("processingStep", ""), yield { type: "completed", response: n, log: e };
+            this._set("processingStep", ""), yield { type: "completed", response: n, log: e, runId: r };
             return;
           }
           case "interrupt": {
-            console.log("Orchestrator interrupt:", s);
-            const { kind: n, message: o, metadata: u } = s.interrupt, h = Array.isArray(u) ? [...u] : [], d = (() => {
+            const { kind: n, message: p, metadata: d } = s.interrupt, g = Array.isArray(d) ? [...d] : [], f = (() => {
               switch (n) {
                 case "booleanChoice":
-                  return { type: "boolean-choice", message: o, options: h };
+                  return { type: "boolean-choice", message: p, options: g };
                 case "singleSelection":
-                  return { type: "single-select", message: o, options: h };
+                  return { type: "single-select", message: p, options: g };
                 case "multipleSelection":
-                  return { type: "multi-select", message: o, options: h };
+                  return { type: "multi-select", message: p, options: g };
                 case "textInput":
-                  return { type: "text-input", message: o };
+                  return { type: "text-input", message: p };
                 default:
-                  return { type: n, message: o, options: h };
+                  return { type: n, message: p, options: g };
               }
             })();
-            this._set("processingStep", "Waiting for user input..."), yield { type: "interrupt", payload: d };
+            this._set("processingStep", "Waiting for user input..."), yield { type: "interrupt", payload: f, runId: r };
             break;
           }
           case "cancelled": {
-            yield { type: "cancelled" };
+            yield { type: "cancelled", runId: r };
             return;
           }
           default: {
@@ -104,145 +102,164 @@ let i = class extends L {
           }
         }
       }
-    } catch (r) {
-      console.warn("Error during message processing:", r), yield { type: "completed", error: "An error occurred during message processing.", log: e };
+    } catch (i) {
+      console.warn("Error during message processing:", i), yield { type: "completed", error: "An error occurred during message processing.", log: e, runId: "error" };
       return;
     } finally {
       this._set("processing", !1);
     }
   }
 };
-a([
-  c({ readOnly: !0 })
-], i.prototype, "orchestrator", 2);
-a([
-  c()
-], i.prototype, "agents", 2);
-a([
-  c()
-], i.prototype, "portal", 2);
-a([
-  c()
-], i.prototype, "view", 2);
-a([
-  c({ readOnly: !0 })
-], i.prototype, "loading", 2);
-a([
-  c({ readOnly: !0 })
-], i.prototype, "processing", 2);
-a([
-  c({ readOnly: !0 })
-], i.prototype, "processingStep", 2);
-i = a([
-  O("OrchestratorController")
-], i);
-class A extends E {
+l([
+  h({ readOnly: !0 })
+], a.prototype, "orchestrator", 2);
+l([
+  h()
+], a.prototype, "agents", 2);
+l([
+  h()
+], a.prototype, "portal", 2);
+l([
+  h()
+], a.prototype, "view", 2);
+l([
+  h({ readOnly: !0 })
+], a.prototype, "loading", 2);
+l([
+  h({ readOnly: !0 })
+], a.prototype, "processing", 2);
+l([
+  h({ readOnly: !0 })
+], a.prototype, "processingStep", 2);
+a = l([
+  I("OrchestratorController")
+], a);
+class z extends C {
   constructor() {
-    super(...arguments), this._messages = S({ blocking: !0 }), this.#e = g(), this.#s = g(), this.#t = null, this.#r = null, this.#n = /* @__PURE__ */ new Map(), this.#i = (t) => {
-      t.stopPropagation(), this.orchestrator?.cancelInterrupt(), this._interrupt = null;
-    }, this.#o = (t) => {
+    super(...arguments), this._messages = O({ blocking: !0 }), this.#e = m(), this.#s = m(), this.#t = null, this.#r = null, this.#o = /* @__PURE__ */ new Map(), this.#i = k.getDefault(), this.#a = (t) => {
+      t.stopPropagation(), this.arcgisInterruptCancel.emit(), this.orchestrator?.cancelInterrupt(), this._interrupt = null;
+    }, this.#n = (t) => {
       t.stopPropagation();
       const e = t.detail;
-      this.orchestrator?.resumeInterrupt(e), this._interrupt = null;
-    }, this.#a = (t) => {
+      this.arcgisInterruptSubmit.emit(e), this.orchestrator?.resumeInterrupt(e), this._interrupt = null;
+    }, this.#l = (t) => {
       t.stopPropagation(), this.suggestedPrompts = [];
       const e = t.detail;
-      this.#h(e);
-    }, this.#l = (t) => {
-      if (t.stopPropagation(), this._interrupt) {
+      this.arcgisSubmit.emit(e), this.submitMessage(e);
+    }, this.#c = (t) => {
+      if (t.stopPropagation(), this.arcgisCancel.emit(), this._interrupt) {
         this.orchestrator?.cancelInterrupt(), this._interrupt = null;
         return;
       }
       this.#r?.abort();
-    }, this._interrupt = null, this._chatHistory = new f([]), this._error = null, this.referenceElement = null, this.portal = new $(), this.suggestedPrompts = [];
+    }, this.#h = (t) => {
+      t.stopPropagation();
+      const e = t.detail;
+      this.arcgisFeedback.emit(e);
+    }, this._interrupt = null, this._error = null, this.messages = new _([]), this.referenceElement = null, this.suggestedPrompts = [], this.feedbackEnabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.arcgisCancel = o(), this.arcgisError = o(), this.arcgisInterrupt = o(), this.arcgisInterruptCancel = o(), this.arcgisInterruptSubmit = o(), this.arcgisReady = o(), this.arcgisSubmit = o(), this.arcgisFeedback = o();
   }
   static {
-    this.properties = { _interrupt: 16, _chatHistory: 16, _error: 16, orchestrator: 32, entryMessage: 1, heading: 1, description: 1, referenceElement: 1, portal: 0, suggestedPrompts: 0 };
+    this.properties = { _interrupt: 16, _error: 16, _user: 16, messages: 0, orchestrator: 32, entryMessage: 1, heading: 1, description: 1, referenceElement: 1, suggestedPrompts: 0, feedbackEnabled: 5, logEnabled: 5, copyEnabled: 5 };
   }
   static {
-    this.styles = k;
+    this.styles = x;
   }
   #e;
   #s;
   #t;
   #r;
-  #n;
-  #i;
   #o;
+  #i;
   #a;
+  #n;
   #l;
-  get orchestrator() {
-    return this.#t?.orchestrator;
-  }
-  register(t) {
-    this.#n.set(t.agent.id, t);
-  }
-  load() {
-    this.manager.onLifecycle(() => () => {
-      this.#r?.abort(), this._interrupt = null, this._chatHistory.removeAll(), this._error = null;
-    });
-  }
-  loaded() {
-    this.manager.onLifecycle(() => {
-      this.#e.value?.addEventListener("arcgisSubmit", this.#a), this.#e.value?.addEventListener("arcgisCancel", this.#l);
-      const t = b(() => !!this._interrupt && !!this.#s.value, () => {
-        const e = this.#s.value;
-        e.removeEventListener("arcgisSubmit", this.#o), e.removeEventListener("arcgisCancel", this.#i), e.addEventListener("arcgisSubmit", this.#o, { once: !0 }), e.addEventListener("arcgisCancel", this.#i, { once: !0 });
-      });
-      return queueMicrotask(() => void this.#c()), () => {
-        t.remove(), this.#s.value?.removeEventListener("arcgisSubmit", this.#o), this.#s.value?.removeEventListener("arcgisCancel", this.#i), this.#e.value?.removeEventListener("arcgisSubmit", this.#a), this.#e.value?.removeEventListener("arcgisCancel", this.#l), this.#t?.destroy(), this.#t = null;
-      };
-    });
-  }
-  async #c() {
+  #c;
+  #h;
+  async #p() {
     try {
-      const t = P(this.referenceElement);
+      const t = P(this.el, this.referenceElement);
       await t?.componentOnReady();
-      const e = [...this.#n.values()];
-      this.#t = new i({
+      const e = [...this.#o.values()];
+      return e.length ? (this.#t = new a({
         agents: e,
-        portal: this.portal,
+        portal: this.#i,
         view: t?.view
-      }), await this.#t.load();
+      }), await this.#t.load(), !0) : (this._error = "No agents found.", !1);
     } catch (t) {
-      console.warn(t), this._error = "Error initializing orchestrator.";
+      return this._error = "Error initializing orchestrator.", M(this)(t), !1;
     }
   }
-  async #h(t) {
+  get _user() {
+    return this.#i?.user?.fullName || this.#i?.user?.username;
+  }
+  get orchestrator() {
+    return this.#t?.orchestrator;
+  }
+  register(t) {
+    this.#o.set(t.agent.id, t);
+  }
+  async submitMessage(t) {
     const e = t.trim();
-    if (!e || (this._chatHistory.push({
-      type: "prompt",
+    if (!e || (this.messages.push({
+      id: Date.now().toString(),
+      // TODO: Replace with a more robust ID generation method or get from orchestrator
+      role: "user",
       content: e
     }), !this.#t))
       return;
     this.#r = new AbortController();
-    const r = this.#t.ask(e, this.#r.signal);
-    for await (const s of r)
+    const i = this.#t.ask(e, this.#r.signal);
+    for await (const s of i) {
+      const r = s.runId;
       switch (s.type) {
         case "completed":
-          this._chatHistory.push({
-            type: "response",
+          this.messages.push({
+            role: "assistant",
             content: s.response,
             log: s.log,
-            error: s.error
+            error: s.error,
+            id: r
           });
           break;
         case "interrupt":
-          this._interrupt = s.payload;
+          this._interrupt = { ...s.payload, id: r };
           break;
         case "cancelled":
-          this._chatHistory.push({
-            type: "response",
-            error: "Request cancelled."
+          this.messages.push({
+            role: "assistant",
+            error: "Request cancelled.",
+            id: r
           });
           break;
       }
+    }
+  }
+  load() {
+    this.manager.onLifecycle(() => () => {
+      this.#r?.abort(), this._interrupt = null, this.messages.removeAll(), this._error = null;
+    });
+  }
+  loaded() {
+    this.manager.onLifecycle(() => {
+      this.#e.value?.addEventListener("arcgisSubmit", this.#l), this.#e.value?.addEventListener("arcgisCancel", this.#c), this.#e.value?.addEventListener("arcgisFeedback", this.#h);
+      const t = $(() => !!this._interrupt && !!this.#s.value, () => {
+        const e = this.#s.value;
+        e.removeEventListener("arcgisSubmit", this.#n), e.removeEventListener("arcgisCancel", this.#a), e.addEventListener("arcgisSubmit", this.#n, { once: !0 }), e.addEventListener("arcgisCancel", this.#a, { once: !0 }), this._interrupt && this.arcgisInterrupt.emit(this._interrupt);
+      });
+      return queueMicrotask(() => {
+        this.#p().then((e) => {
+          e ? this.arcgisReady.emit() : this.arcgisError.emit(new Error(this._error || "Unknown error initializing assistant."));
+        });
+      }), () => {
+        t.remove(), this.#s.value?.removeEventListener("arcgisSubmit", this.#n), this.#s.value?.removeEventListener("arcgisCancel", this.#a), this.#e.value?.removeEventListener("arcgisSubmit", this.#l), this.#e.value?.removeEventListener("arcgisCancel", this.#c), this.#e.value?.removeEventListener("arcgisFeedback", this.#h), this.#t?.destroy(), this.#t = null;
+      };
+    });
   }
   render() {
-    return p`<arcgis-assistant-shell .loading=${this.#t?.loading} .heading=${this.heading ?? this._messages.assistantLabel} .description=${this.description} .entryMessage=${this.entryMessage} .entryMessageClosed=${this._chatHistory.length > 0} .awaitingResponse=${this.#t?.processing} .suggestedPrompts=${this.suggestedPrompts} .status=${this.#t?.processing ? "working" : this._error ? "error" : "ready"} ${m(this.#e)}>${this._error ? p`<calcite-notice slot=entry-message open kind=danger icon width=full><div slot=message>${this._error}</div></calcite-notice>` : null}${this._interrupt ? p`<arcgis-assistant-interrupt slot=entry-message .type=${this._interrupt.type} .message=${this._interrupt.message} .options=${this._interrupt.options} ${m(this.#s)}></arcgis-assistant-interrupt>` : null}<arcgis-assistant-chat .loading=${this.#t?.processing} .loadingMessage=${this.#t?.processingStep || ""} .messages=${this._chatHistory} .user=${this.portal?.user?.fullName || this.portal?.user?.username}><slot></slot></arcgis-assistant-chat><slot name=header-actions-end slot=header-actions-end></slot>${this.entryMessage ? null : p`<slot name=entry-message slot=entry-message></slot>`}<slot name=entry-actions-start slot=entry-actions-start></slot><slot name=footer-content slot=footer-content></slot></arcgis-assistant-shell>`;
+    return u`<arcgis-assistant-shell .loading=${!this.#t || this.#t?.loading} .heading=${this.heading ?? this._messages.assistantLabel} .description=${this.description} .entryMessage=${this.entryMessage} .entryMessageClosed=${this.messages.length > 0} .awaitingResponse=${this.#t?.processing} .suggestedPrompts=${this.suggestedPrompts} .status=${this.#t?.processing ? "working" : this._error ? "error" : "ready"} .messages=${this.messages} ${y(this.#e)}>${this._error ? u`<calcite-notice slot=entry-message open kind=danger icon width=full><div slot=message>${this._error}</div></calcite-notice>` : null}${this._interrupt ? u`<arcgis-assistant-interrupt slot=entry-message .type=${this._interrupt.type} .message=${this._interrupt.message} .options=${this._interrupt.options} ${y(this.#s)}></arcgis-assistant-interrupt>` : null}<arcgis-assistant-chat .loading=${this.#t?.processing} .loadingMessage=${this.#t?.processingStep || ""} .messages=${this.messages} .user=${this._user} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled}><slot></slot><slot name=chat-card-footer-actions-start slot=chat-card-footer-actions-start></slot><slot name=chat-card-footer-actions-end slot=chat-card-footer-actions-end></slot></arcgis-assistant-chat><slot name=header-actions-end slot=header-actions-end></slot>${this.entryMessage ? null : u`<slot name=entry-message slot=entry-message></slot>`}<slot name=entry-actions-start slot=entry-actions-start></slot><slot name=footer-content slot=footer-content></slot></arcgis-assistant-shell>`;
   }
 }
-y("arcgis-assistant", A);
+v("arcgis-assistant", z);
 export {
-  A as ArcgisAssistant
+  z as ArcgisAssistant
 };

package/dist/components/arcgis-assistant/types.d.ts

@@ -0,0 +1,29 @@
+export interface Interrupt {
+  id?: string;
+  type: "boolean-choice" | "multi-select" | "single-select" | "text-input";
+  message?: string;
+  options?: string[];
+}
+
+export interface AssistantMessage extends ChatMessageBase {
+  role: "assistant";
+  content?: string;
+  log?: string[];
+  error?: string;
+  feedback?: Feedback;
+}
+
+export type ChatMessage = AssistantMessage | UserMessage;
+
+export interface Feedback {
+  positive: boolean;
+}
+
+export interface ChatMessageBase {
+  id: string;
+}
+
+export interface UserMessage extends ChatMessageBase {
+  role: "user";
+  content: string;
+}

package/dist/components/arcgis-assistant-chat/customElement.d.ts

@@ -1,18 +1,20 @@
 /// <reference path="../../index.d.ts" />
 import type Collection from "@arcgis/core/core/Collection.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ChatMessage } from "../arcgis-assistant/types.js";
 
 /** @internal */
 export abstract class ArcgisAssistantChat extends LitElement {
+  /** @default false */
+  accessor copyEnabled: boolean;
+  /** @default false */
+  accessor feedbackEnabled: boolean;
   /** @default false */
   accessor loading: boolean;
   /** @default "" */
   accessor loadingMessage: string;
-  accessor messages: Collection<{
-      type: "prompt" | "response";
-      content?: string;
-      log?: string;
-      error?: string;
-  }>;
+  /** @default false */
+  accessor logEnabled: boolean;
+  accessor messages: Collection<ChatMessage>;
   accessor user: string | undefined;
 }

package/dist/components/arcgis-assistant-chat/customElement.js

@@ -1,20 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as a } from "../../chunks/runtime.js";
-import { css as e, html as t } from "lit";
+import { c as t } from "../../chunks/runtime.js";
+import { css as e, html as s } from "lit";
 import { LitElement as i } from "@arcgis/lumina";
-import { createRef as o, ref as n } from "lit/directives/ref.js";
-import r from "@arcgis/core/core/Collection.js";
-import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
-const c = e`.assistant-chat__messages-container{display:flex;flex:1;flex-direction:column}.assistant-chat__messages-list{padding:var(--calcite-spacing-lg);display:flex;flex-direction:column;gap:var(--calcite-spacing-md);flex:1 1 auto;min-height:0;justify-content:flex-end;overflow:auto}`;
+import { createRef as o, ref as l } from "lit/directives/ref.js";
+import n from "@arcgis/core/core/Collection.js";
+import { watch as c } from "@arcgis/core/core/reactiveUtils.js";
+const r = e`.assistant-chat__messages-container{display:flex;flex:1;flex-direction:column}.assistant-chat__messages-list{padding:var(--calcite-spacing-lg);display:flex;flex-direction:column;gap:var(--calcite-spacing-md);flex:1 1 auto;min-height:0;justify-content:flex-end;overflow:auto}`;
 class d extends i {
   constructor() {
-    super(...arguments), this.#s = o(), this.loading = !1, this.loadingMessage = "", this.messages = new r([]);
+    super(...arguments), this.#s = o(), this.feedbackEnabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.loading = !1, this.loadingMessage = "", this.messages = new n([]);
   }
   static {
-    this.properties = { loading: 5, loadingMessage: 1, user: 1, messages: 0 };
+    this.properties = { feedbackEnabled: 5, logEnabled: 5, copyEnabled: 5, loading: 5, loadingMessage: 1, user: 1, messages: 0 };
   }
   static {
-    this.styles = c;
+    this.styles = r;
   }
   #s;
   firstUpdated() {
@@ -25,7 +25,7 @@ class d extends i {
       this.messages.on("change", () => {
         this.requestUpdate(), this._scrollToEnd();
       }),
-      l(() => this.loading, () => {
+      c(() => this.loading, () => {
         this._scrollToEnd();
       })
     ]);
@@ -36,10 +36,10 @@ class d extends i {
     });
   }
   render() {
-    return t`<div class="assistant-chat__messages-container"><div class="assistant-chat__messages-list"><slot></slot>${this.messages.map((s) => t`<arcgis-assistant-chat-card .type=${s.type} .content=${s.content} .log=${s.log} .error=${s.error} .user=${this.user}></arcgis-assistant-chat-card>`)}${this.loading ? t`<arcgis-assistant-chat-card .loading=${this.loading} .loadingMessage=${this.loadingMessage} type=response></arcgis-assistant-chat-card>` : null}</div><div ${n(this.#s)}></div></div>`;
+    return s`<div class="assistant-chat__messages-container"><div class="assistant-chat__messages-list"><slot></slot>${this.messages.map((a) => s`<arcgis-assistant-chat-card .message=${a} .user=${this.user} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled}><slot name=chat-card-footer-actions-start slot=footer-actions-start></slot><slot name=chat-card-footer-actions-end slot=footer-actions-end></slot></arcgis-assistant-chat-card>`)}${this.loading ? s`<arcgis-assistant-chat-card .loading=${this.loading} .loadingMessage=${this.loadingMessage} .message=${{ id: "loading", role: "assistant", content: this.loadingMessage }}></arcgis-assistant-chat-card>` : null}</div><div ${l(this.#s)}></div></div>`;
   }
 }
-a("arcgis-assistant-chat", d);
+t("arcgis-assistant-chat", d);
 export {
   d as ArcgisAssistantChat
 };

package/dist/components/arcgis-assistant-chat-card/customElement.d.ts

@@ -1,5 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { AssistantMessage, ChatMessage } from "../arcgis-assistant/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /** @internal */
@@ -17,16 +18,22 @@ export abstract class ArcgisAssistantChatCard extends LitElement {
       logButtonLabel: string;
   }>;
   accessor content: string | undefined;
+  /** @default false */
+  accessor copyEnabled: boolean;
   accessor error: string | undefined;
   /** @default false */
-  accessor feedbackDisabled: boolean;
+  accessor feedbackEnabled: boolean;
   /** @default false */
   accessor loading: boolean;
   accessor loadingMessage: string | undefined;
-  accessor log: string | undefined;
+  accessor log: string[] | undefined;
   /** @default false */
-  accessor timestampDisabled: boolean;
-  /** @default "prompt" */
-  accessor type: "prompt" | "response";
+  accessor logEnabled: boolean;
+  accessor message: ChatMessage | undefined;
+  accessor messageRole: ChatMessage["role"] | undefined;
   accessor user: string | undefined;
+  readonly arcgisFeedback: import("@arcgis/lumina").TargetedEvent<this, AssistantMessage>;
+  readonly "@eventTypes": {
+    arcgisFeedback: ArcgisAssistantChatCard["arcgisFeedback"]["detail"];
+  };
 }