@arcgis/ai-components 5.1.0-next.6 → 5.1.0-next.8

package/dist/chunks/converterUtils.js

@@ -0,0 +1,117 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import g from "@esri/arcgis-html-sanitizer";
+import { marked as S } from "marked";
+S.use({
+  gfm: !0,
+  breaks: !0,
+  async: !1
+});
+const C = new g(
+  {
+    whiteList: {
+      // LLMs sometimes return lists like "- 2) Foo". `marked` parses that into a nested ordered list
+      // (`<ol start="2">...`), so we keep `start`/`value` to avoid everything rendering as "1.".
+      ol: ["start"],
+      li: ["value"],
+      "calcite-table": ["caption", "bordered", "striped", "layout", "scale", "class"],
+      "calcite-table-row": ["slot", "class"],
+      "calcite-table-header": ["heading", "alignment", "description", "class"],
+      "calcite-table-cell": ["alignment", "colspan", "rowspan", "class"],
+      // Allow markdown code blocks to render as <pre><code>…</code></pre>.
+      pre: ["class"],
+      code: ["class"]
+    }
+  },
+  !0
+);
+function T(e) {
+  return C.sanitize(e);
+}
+function A(e, t) {
+  const r = e.indexOf("{", t), a = e.indexOf("[", t);
+  return r === -1 ? a : a === -1 ? r : Math.min(r, a);
+}
+function x(e) {
+  if (e.trimStart().startsWith("```"))
+    return null;
+  for (let r = A(e, 0); r !== -1; r = A(e, r + 1)) {
+    let a = 0, c = 0;
+    for (let l = r; l < e.length; l++) {
+      const n = e[l];
+      if (n === "{" ? a++ : n === "}" ? a-- : n === "[" ? c++ : n === "]" && c--, a < 0 || c < 0)
+        break;
+      if (a === 0 && c === 0 && l > r)
+        return e.slice(r, l + 1);
+    }
+  }
+  return null;
+}
+function H(e) {
+  if (!e)
+    return "";
+  let t = e;
+  const r = x(e);
+  if (r)
+    try {
+      const l = JSON.parse(r), f = `
+
+\`\`\`json
+${JSON.stringify(l, null, 2)}
+\`\`\`
+
+`;
+      t = e.replace(r, f);
+    } catch {
+    }
+  const a = q(t), c = E(a);
+  return T(c);
+}
+function q(e) {
+  return e ? S.parse(e, { async: !1 }) : "";
+}
+function E(e) {
+  if (!e || typeof DOMParser > "u")
+    return e;
+  try {
+    const t = new DOMParser().parseFromString(e, "text/html");
+    return Array.from(t.querySelectorAll("table")).forEach((a, c) => {
+      const l = t.createElement("calcite-table");
+      l.setAttribute("caption", `Table ${c + 1}`), l.setAttribute("striped", "true");
+      const n = a.querySelector("thead");
+      if (n) {
+        const d = Array.from(n.querySelectorAll("tr"));
+        for (const h of d) {
+          const o = t.createElement("calcite-table-row");
+          o.setAttribute("slot", "table-header");
+          const u = Array.from(h.querySelectorAll("th, td"));
+          for (const b of u) {
+            const s = (b.textContent ?? "").trim(), i = t.createElement("calcite-table-header");
+            i.setAttribute("heading", s), o.appendChild(i);
+          }
+          l.appendChild(o);
+        }
+      }
+      const f = a.querySelector("tbody");
+      (f ? Array.from(f.querySelectorAll("tr")) : Array.from(a.querySelectorAll("tr")).filter((d) => !n?.contains(d))).forEach((d, h) => {
+        const o = t.createElement("calcite-table-row"), u = !n && h === 0 && d.querySelectorAll("th").length > 0;
+        u && o.setAttribute("slot", "table-header");
+        const b = Array.from(d.querySelectorAll("th, td"));
+        for (const s of b) {
+          if (u && s.localName === "th") {
+            const w = (s.textContent ?? "").trim(), y = t.createElement("calcite-table-header");
+            y.setAttribute("heading", w), o.appendChild(y);
+            return;
+          }
+          const i = t.createElement("calcite-table-cell"), p = s.getAttribute("colspan"), m = s.getAttribute("rowspan");
+          p && i.setAttribute("colspan", p), m && i.setAttribute("rowspan", m), i.innerHTML = s.innerHTML, o.appendChild(i);
+        }
+        l.appendChild(o);
+      }), a.replaceWith(l);
+    }), t.body.innerHTML;
+  } catch {
+    return e;
+  }
+}
+export {
+  H as p
+};

package/dist/chunks/utils.js

@@ -1,25 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { getClosestElement as i } from "@arcgis/toolkit/dom";
-import { g as a } from "./utils2.js";
+import { getClosestElement as a } from "@arcgis/toolkit/dom";
+import { g as i } from "./utils2.js";
 function o(e, t) {
-  const n = a(e.referenceElement);
-  if (n)
-    return n;
-  const s = i(e.el, "arcgis-assistant"), r = a(s?.referenceElement);
+  const s = i(e.el, e.referenceElement);
+  if (s)
+    return s;
+  const n = a(e.el, "arcgis-assistant"), r = i(e.el, n?.referenceElement);
   if (r)
     return r;
   throw new Error(`${t}: Reference element not found`);
 }
-async function l(e, t) {
-  const n = o(e, t);
-  await n.componentOnReady();
-  const s = n.view;
-  if (!s)
+function f(e, t) {
+  const n = o(e, t).view;
+  if (!n)
     throw new Error(`${t}: Reference element does not have a view`);
-  return await s.when(), s;
+  return n;
 }
 function m(e) {
-  const t = i(e.el, "arcgis-assistant");
+  const t = a(e.el, "arcgis-assistant");
   if (t === void 0)
     throw new Error("arcgis-assistant-agent must be used within an arcgis-assistant element");
   t.register({
@@ -29,5 +27,5 @@ function m(e) {
 }
 export {
   m as i,
-  l as r
+  f as r
 };

package/dist/chunks/utils2.js

@@ -1,6 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-function u(t) {
-  return t ? typeof t == "string" ? document.querySelector(t) : t : null;
+import { getClosestElement as o } from "@arcgis/toolkit/dom";
+function u(r, t) {
+  return t ? typeof t == "string" ? document.querySelector(t) : t : o(r, "arcgis-map") ?? null;
 }
 export {
   u as g

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

@@ -1,6 +1,7 @@
 /// <reference path="../../index.d.ts" />
-import type Portal from "@arcgis/core/portal/Portal.js";
+import type Collection from "@arcgis/core/core/Collection.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ChatMessage, Feedback, Interrupt } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { ArcgisMap as ArcgisMap } from "@arcgis/map-components/components/arcgis-map";
 
@@ -48,6 +49,8 @@ import type { ArcgisMap as ArcgisMap } from "@arcgis/map-components/components/a
 export abstract class ArcgisAssistant extends LitElement {
   /** @internal */
   protected _messages: { assistantLabel: string; } & T9nMeta<{ assistantLabel: string; }>;
+  /** @default false */
+  accessor copyEnabled: boolean;
   /**
    * The description text displayed below the heading in the assistant. This text provides additional
    * context about the assistant's capabilities and how users can interact with it.
@@ -77,6 +80,8 @@ export abstract class ArcgisAssistant extends LitElement {
    * ```
    */
   accessor entryMessage: string | undefined;
+  /** @default false */
+  accessor feedbackEnabled: boolean;
   /**
    * The heading text displayed at the top of the assistant. This name should be concise and
    * descriptive of the assistant's purpose.
@@ -92,16 +97,9 @@ export abstract class ArcgisAssistant extends LitElement {
    * ```
    */
   accessor heading: string | undefined;
-  /**
-   * The portal used for authentication and making requests to the LLM via proxy requests.
-   *
-   * @example
-   * ```js
-   * const assistant = document.querySelector("arcgis-assistant");
-   * assistant.portal = new Portal({ url: "https://www.arcgis.com" });
-   * ```
-   */
-  accessor portal: Portal;
+  /** @default false */
+  accessor logEnabled: boolean;
+  accessor messages: Collection<ChatMessage>;
   /**
    * The reference element to the map that provides context for the assistant and its agents. Currently,
    * this is only scoped to `arcgis-map` elements, but may be extended to support other elements in
@@ -129,4 +127,24 @@ export abstract class ArcgisAssistant extends LitElement {
    * ```
    */
   accessor suggestedPrompts: string[];
+  /** @param message */
+  submitMessage(message: string): Promise<void>;
+  readonly arcgisCancel: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly arcgisError: import("@arcgis/lumina").TargetedEvent<this, Error>;
+  readonly arcgisFeedback: import("@arcgis/lumina").TargetedEvent<this, Feedback>;
+  readonly arcgisInterrupt: import("@arcgis/lumina").TargetedEvent<this, Interrupt>;
+  readonly arcgisInterruptCancel: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly arcgisInterruptSubmit: import("@arcgis/lumina").TargetedEvent<this, string[] | boolean | string>;
+  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly arcgisSubmit: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisCancel: ArcgisAssistant["arcgisCancel"]["detail"];
+    arcgisError: ArcgisAssistant["arcgisError"]["detail"];
+    arcgisFeedback: ArcgisAssistant["arcgisFeedback"]["detail"];
+    arcgisInterrupt: ArcgisAssistant["arcgisInterrupt"]["detail"];
+    arcgisInterruptCancel: ArcgisAssistant["arcgisInterruptCancel"]["detail"];
+    arcgisInterruptSubmit: ArcgisAssistant["arcgisInterruptSubmit"]["detail"];
+    arcgisReady: ArcgisAssistant["arcgisReady"]["detail"];
+    arcgisSubmit: ArcgisAssistant["arcgisSubmit"]["detail"];
+  };
 }

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

@@ -1,25 +1,26 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/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,67 @@ 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 +103,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;
+}