@arcgis/ai-components 5.1.0-next.81 → 5.1.0-next.83

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

@@ -2,10 +2,10 @@
 import { c as _ } from "../../chunks/runtime.js";
 import { css as w, html as n } from "lit";
 import E from "@arcgis/core/core/Collection.js";
-import { whenOnce as C, watch as $, when as k } from "@arcgis/core/core/reactiveUtils.js";
+import { whenOnce as k, watch as C, when as $ } from "@arcgis/core/core/reactiveUtils.js";
 import S from "@arcgis/core/portal/Portal.js";
 import { LitElement as I, createEvent as l } from "@arcgis/lumina";
-import { createRef as b, ref as f } from "lit/directives/ref.js";
+import { createRef as f, ref as b } from "lit/directives/ref.js";
 import { Orchestrator as L } from "@arcgis/ai-orchestrator";
 import P from "@arcgis/core/core/Accessor.js";
 import { property as u, subclass as R } from "@arcgis/core/core/accessorSupport/decorators.js";
@@ -13,14 +13,14 @@ import { u as x } from "../../chunks/useT9n.js";
 import { rethrowError as M } from "@arcgis/toolkit/log";
 import { g as O } from "../../chunks/utils2.js";
 const A = w`:host{display:block;width:var(--arcgis-internal-panel-width, 100%);height:var(--arcgis-internal-expand-max-height, 100%)}.footer-container{display:flex;flex-direction:column;flex:1 1 0;gap:var(--calcite-spacing-md)}.content-container{display:flex;flex-direction:column;flex:1 1 0;min-height:0;position:relative;overflow:auto}.suggested-prompts-container{display:flex;justify-content:center;width:100%}.suggested-prompts{display:block;padding:var(--calcite-spacing-md);max-width:100%;box-sizing:border-box}`;
-var z = Object.defineProperty, V = Object.getOwnPropertyDescriptor, h = (g, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? V(e, t) : e, r = g.length - 1, a; r >= 0; r--)
-    (a = g[r]) && (s = (i ? a(e, t, s) : a(s)) || s);
+var z = Object.defineProperty, V = Object.getOwnPropertyDescriptor, h = (p, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? V(e, t) : e, r = p.length - 1, a; r >= 0; r--)
+    (a = p[r]) && (s = (i ? a(e, t, s) : a(s)) || s);
   return i && s && z(e, t, s), s;
 };
 let o = class extends P {
-  constructor(g) {
-    super(g), this.view = null, this.loading = !1, this.processing = !1, this.processingStep = "";
+  constructor(p) {
+    super(p), this.view = null, this.loading = !1, this.processing = !1, this.processingStep = "";
   }
   async load() {
     this._set("loading", !0);
@@ -34,14 +34,14 @@ let o = class extends P {
     this.orchestrator?.dispose(), super.destroy();
   }
   async _initialize() {
-    this.removeHandles(), await Promise.all([this.portal.load(), this.view?.when()]), this.view && await C(() => !this.view.updating), this._set(
+    this.removeHandles(), await Promise.all([this.portal.load(), this.view?.when()]), this.view && await k(() => !this.view.updating), this._set(
       "orchestrator",
       await L.init({
         agents: [...this.agents],
         view: this.view ?? void 0
       })
     ), this.addHandles([
-      $(
+      C(
         () => [this.view, this.agents],
         () => {
           this._initialize();
@@ -52,14 +52,14 @@ let o = class extends P {
   clearChatHistory() {
     this.orchestrator?.newConversation();
   }
-  async *ask(g, e) {
+  async *ask(p, e) {
     if (!this.orchestrator)
       throw new Error("Orchestrator not initialized yet.");
     this._set("processing", !0), this._set("processingStep", "");
     const t = [];
     let i;
     try {
-      const s = this.orchestrator.ask(g);
+      const s = this.orchestrator.ask(p);
       for await (const r of s) {
         const a = r.runId;
         if (e?.aborted) {
@@ -72,8 +72,8 @@ let o = class extends P {
             break;
           }
           case "completed": {
-            const c = r.result, p = !!c.content.length, m = !!i?.length;
-            if (!p && !m) {
+            const c = r.result, g = !!c.content.length, m = !!i?.length;
+            if (!g && !m) {
               yield { type: "completed", error: "Could not process the request.", log: t, runId: a };
               return;
             }
@@ -87,18 +87,18 @@ let o = class extends P {
             break;
           }
           case "interrupt": {
-            const { kind: c, message: p, metadata: m } = r.interrupt, d = Array.isArray(m) ? m.filter((v) => typeof v == "string") : [], y = (() => {
+            const { kind: c, message: g, metadata: m } = r.interrupt, d = Array.isArray(m) ? m.filter((v) => typeof v == "string") : [], y = (() => {
               switch (c) {
                 case "booleanChoice":
-                  return { type: "boolean-choice", message: p, options: d };
+                  return { type: "boolean-choice", message: g, options: d };
                 case "singleSelection":
-                  return { type: "single-select", message: p, options: d };
+                  return { type: "single-select", message: g, options: d };
                 case "multipleSelection":
-                  return { type: "multi-select", message: p, options: d };
+                  return { type: "multi-select", message: g, options: d };
                 case "textInput":
-                  return { type: "text-input", message: p };
+                  return { type: "text-input", message: g };
                 default:
-                  return { type: c, message: p, options: d };
+                  return { type: c, message: g, options: d };
               }
             })();
             this._set("processingStep", "Waiting for user input..."), yield { type: "interrupt", payload: y, runId: a };
@@ -153,7 +153,7 @@ o = h([
 const j = "Embeddings resource 'embeddings-v01.json' not found in the webmap portal item.", H = "Embeddings not found for this web map.", B = "https://developers.arcgis.com/javascript/latest/agentic-apps/ai-webmap-setup/#embeddings";
 class D extends I {
   constructor() {
-    super(...arguments), this._messages = x({ blocking: !0 }), this.#e = b(), this.#n = b(), this.#t = b(), this.#s = null, this.#o = /* @__PURE__ */ new Map(), this.#r = S.getDefault(), this.#i = (e) => {
+    super(...arguments), this._messages = x({ blocking: !0 }), this.#e = f(), this.#n = f(), this.#t = f(), this.#s = null, this.#o = /* @__PURE__ */ new Map(), this.#r = S.getDefault(), this.#i = (e) => {
       e.stopPropagation(), this.cancelInterrupt();
     }, this.#a = (e) => {
       e.stopPropagation();
@@ -173,7 +173,7 @@ class D extends I {
       e.stopPropagation();
       const t = e.detail;
       this.arcgisFeedback.emit(t);
-    }, this.#g = (e) => {
+    }, this.#p = (e) => {
       e.stopPropagation();
       const t = e.detail;
       this._inputValue = t.prompt, this.arcgisPromptSelect.emit(t);
@@ -196,8 +196,8 @@ class D extends I {
   #l;
   #c;
   #h;
-  #g;
-  async #p() {
+  #p;
+  async #g() {
     try {
       const e = O(this.el, this.referenceElement);
       await e?.componentOnReady();
@@ -279,17 +279,17 @@ class D extends I {
   }
   loaded() {
     this.manager.onLifecycle(() => {
-      this.#e.value?.addEventListener("arcgisPromptSelect", this.#g), this.#e.value?.addEventListener("arcgisSubmit", this.#l), this.#e.value?.addEventListener("arcgisCancel", this.#c), this.#e.value?.addEventListener("arcgisFeedback", this.#h);
-      const e = k(() => !!this._interrupt && !!this.#t.value, () => {
+      this.#e.value?.addEventListener("arcgisPromptSelect", this.#p), this.#e.value?.addEventListener("arcgisSubmit", this.#l), this.#e.value?.addEventListener("arcgisCancel", this.#c), this.#e.value?.addEventListener("arcgisFeedback", this.#h);
+      const e = $(() => !!this._interrupt && !!this.#t.value, () => {
         const t = this.#t.value;
         t.removeEventListener("arcgisSubmit", this.#a), t.removeEventListener("arcgisCancel", this.#i), t.addEventListener("arcgisSubmit", this.#a, { once: !0 }), t.addEventListener("arcgisCancel", this.#i, { once: !0 });
       });
       return queueMicrotask(() => {
-        this.#p().then((t) => {
+        this.#g().then((t) => {
           t ? this.arcgisReady.emit() : this._error && this.arcgisError.emit(new Error(this._error));
         });
       }), () => {
-        e.remove(), this.#e.value?.removeEventListener("arcgisPromptSelect", this.#g), this.#t.value?.removeEventListener("arcgisSubmit", this.#a), this.#t.value?.removeEventListener("arcgisCancel", this.#i), this.#e.value?.removeEventListener("arcgisSubmit", this.#l), this.#e.value?.removeEventListener("arcgisCancel", this.#c), this.#e.value?.removeEventListener("arcgisFeedback", this.#h), this._orchestratorController?.destroy(), this._orchestratorController = null;
+        e.remove(), this.#e.value?.removeEventListener("arcgisPromptSelect", this.#p), this.#t.value?.removeEventListener("arcgisSubmit", this.#a), this.#t.value?.removeEventListener("arcgisCancel", this.#i), this.#e.value?.removeEventListener("arcgisSubmit", this.#l), this.#e.value?.removeEventListener("arcgisCancel", this.#c), this.#e.value?.removeEventListener("arcgisFeedback", this.#h), this._orchestratorController?.destroy(), this._orchestratorController = null;
       };
     });
   }
@@ -297,7 +297,7 @@ class D extends I {
     this.#s?.abort(), this._interrupt = null, this.messages.removeAll(), this._error = null, this._inputValue = "";
   }
   _renderEntryMessage() {
-    return this._interrupt ? n`<slot name=interrupt><arcgis-assistant-interrupt .type=${this._interrupt.type} .message=${this._interrupt.message} .options=${this._interrupt.options} ${f(this.#t)}></arcgis-assistant-interrupt></slot>` : this._error ? this._renderErrorNotice() : this.entryMessage ? this.messages.length > 0 ? null : n`<calcite-notice open kind=info closable icon width=full><div slot=message>${this.entryMessage}</div></calcite-notice>` : n`<slot name=entry-message></slot>`;
+    return this._interrupt ? n`<slot name=interrupt><arcgis-assistant-interrupt .type=${this._interrupt.type} .message=${this._interrupt.message} .options=${this._interrupt.options} ${b(this.#t)}></arcgis-assistant-interrupt></slot>` : this._error ? this._renderErrorNotice() : this.entryMessage ? this.messages.length > 0 ? null : n`<calcite-notice open kind=info closable icon width=full><div slot=message>${this.entryMessage}</div></calcite-notice>` : n`<slot name=entry-message></slot>`;
   }
   _renderErrorNotice() {
     return this._error ? n`<calcite-notice closable slot=entry-message open kind=danger icon width=full>${this._error === j ? n`<div slot=message>${H}</div><calcite-link slot=link .href=${B} target=_blank title="Learn about web map embeddings">Read more</calcite-link>` : n`<div slot=message>${this._error}</div>`}</calcite-notice>` : null;
@@ -306,7 +306,7 @@ class D extends I {
     return this.suggestedPrompts?.length ? n`<div class="suggested-prompts-container"><arcgis-assistant-suggested-prompts class="suggested-prompts" .prompts=${this.suggestedPrompts}></arcgis-assistant-suggested-prompts></div>` : null;
   }
   render() {
-    return n`<calcite-panel .loading=${!this._orchestratorController && !this._error || this._orchestratorController?.loading} .heading=${this.heading ?? this._messages.assistantLabel} .description=${this.description} ${f(this.#e)}><slot name=header-actions-start slot=header-actions-start></slot><slot name=header-actions-end slot=header-actions-end></slot><div class="content-container"><arcgis-assistant-chat .loading=${this.awaitingResponse} .messages=${this.messages}><slot name=message-starter slot=message-starter></slot><slot name=messages slot=messages>${this.messages.map((e) => e.role === "assistant" ? n`<arcgis-assistant-message .message=${e} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled}></arcgis-assistant-message>` : n`<arcgis-assistant-user-message .message=${e} .user=${this._user}></arcgis-assistant-user-message>`)}</slot><slot name=message-loading slot=message-loading><arcgis-assistant-message-loading .loading=${this.awaitingResponse} .loadingMessage=${this.awaitingResponseStep}></arcgis-assistant-message-loading></slot></arcgis-assistant-chat></div>${this._renderSuggestedPrompts()}<div class="footer-container" slot=footer>${this._renderEntryMessage()}<slot name=chat-entry><arcgis-assistant-chat-entry .awaitingResponse=${this.awaitingResponse} .arcgisSubmit=${this.arcgisSubmit} .arcgisCancel=${this.arcgisCancel} .inputValue=${this._inputValue} .messages=${this.messages} .voiceInputEnabled=${this.voiceInputEnabled} ${f(this.#n)}><slot name=entry-actions-start slot=entry-actions-start></slot><slot name=entry-actions-end slot=entry-actions-end><calcite-button .iconStart=${this.awaitingResponse ? "circle-stop" : "send"} @click=${() => {
+    return n`<calcite-panel .loading=${!this._orchestratorController && !this._error || this._orchestratorController?.loading} .heading=${this.heading ?? this._messages.assistantLabel} .description=${this.description} ${b(this.#e)}><slot name=header-actions-start slot=header-actions-start></slot><slot name=header-actions-end slot=header-actions-end></slot><div class="content-container"><arcgis-assistant-chat .loading=${this.awaitingResponse} .messages=${this.messages}><slot name=message-starter slot=message-starter></slot><slot name=messages slot=messages>${this.messages.map((e) => e.role === "assistant" ? n`<arcgis-assistant-message .message=${e} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled}></arcgis-assistant-message>` : n`<arcgis-assistant-user-message .message=${e} .user=${this._user}></arcgis-assistant-user-message>`)}</slot><slot name=message-loading slot=message-loading><arcgis-assistant-message-loading .loading=${this.awaitingResponse} .loadingMessage=${this.awaitingResponseStep}></arcgis-assistant-message-loading></slot></arcgis-assistant-chat></div>${this._renderSuggestedPrompts()}<div class="footer-container" slot=footer>${this._renderEntryMessage()}<slot name=chat-entry><arcgis-assistant-chat-entry .awaitingResponse=${this.awaitingResponse} .inputValue=${this._inputValue} .messages=${this.messages} .voiceInputEnabled=${this.voiceInputEnabled} ${b(this.#n)}><slot name=entry-actions-start slot=entry-actions-start></slot><slot name=entry-actions-end slot=entry-actions-end><calcite-button .iconStart=${this.awaitingResponse ? "circle-stop" : "send"} @click=${() => {
       this.#n.value?.submitMessage();
     }} round>${this.awaitingResponse ? this._messages.stopButtonLabel : this._messages.askButtonLabel}</calcite-button></slot></arcgis-assistant-chat-entry></slot><slot name=footer-content></slot></div></calcite-panel>`;
   }

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

@@ -1,11 +1,11 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as o } from "../../chunks/runtime.js";
 import { css as r, html as t } from "lit";
-import { LitElement as c, createEvent as i, nothing as l } from "@arcgis/lumina";
+import { LitElement as l, createEvent as c, nothing as i } from "@arcgis/lumina";
 const m = r`.content,.blocks{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm)}.error-notice{padding:var(--calcite-spacing-sm)}`, n = "message";
-class g extends c {
+class g extends l {
   constructor() {
-    super(...arguments), this.arcgisSlottableRequest = i({ cancelable: !1 });
+    super(...arguments), this.arcgisSlottableRequest = c({ cancelable: !1 });
   }
   static {
     this.properties = { message: 0 };
@@ -40,14 +40,14 @@ class g extends c {
     }));
   }
   _renderBlock(e, s) {
-    return t`<slot name=${this._getBlockSlotName(s) ?? l}><arcgis-assistant-message-block .block=${e}></arcgis-assistant-message-block></slot>`;
+    return t`<slot name=${this._getBlockSlotName(s) ?? i}><arcgis-assistant-message-block .block=${e}></arcgis-assistant-message-block></slot>`;
   }
   _renderBlocks() {
     const e = this.message?.blocks ?? [];
     return e.length ? t`<div class="blocks">${e.map((s, a) => this._renderBlock(s, a))}</div>` : null;
   }
   _renderDefaultContent() {
-    return this.message?.error ? t`<calcite-notice class="error-notice" open icon kind=warning width=auto><div slot=message>${this.message.error}</div></calcite-notice>` : t`<arcgis-assistant-message-text .content=${this.message?.content}></arcgis-assistant-message-text>`;
+    return this.message?.error ? t`<calcite-notice class="error-notice" open icon kind=warning width=full><div slot=message>${this.message.error}</div></calcite-notice>` : t`<arcgis-assistant-message-text .content=${this.message?.content}></arcgis-assistant-message-text>`;
   }
   _renderContent() {
     return t`<div class="content"><slot name=${n}>${this._renderDefaultContent()}</slot>${this._renderBlocks()}</div>`;