@arcgis/ai-components 5.2.0-next.12 → 5.2.0-next.13

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

@@ -1,34 +1,36 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as $ } from "../../chunks/runtime.js";
-import { css as C, html as l } from "lit";
-import I from "@arcgis/core/core/Collection.js";
-import { whenOnce as P, watch as A, when as x } from "@arcgis/core/core/reactiveUtils.js";
-import L from "@arcgis/core/portal/Portal.js";
-import { LitElement as R, createEvent as g, nothing as k } from "@arcgis/lumina";
+import { css as I, html as l } from "lit";
+import C from "@arcgis/core/core/Collection.js";
+import { whenOnce as P, watch as A, when as L } from "@arcgis/core/core/reactiveUtils.js";
+import x from "@arcgis/core/portal/Portal.js";
+import { LitElement as R, createEvent as p, nothing as k } from "@arcgis/lumina";
+import * as M from "@arcgis/toolkit/log";
 import { rethrowError as O } from "@arcgis/toolkit/log";
 import { createRef as _, ref as v } from "lit/directives/ref.js";
-import { u as M } from "../../chunks/useT9n.js";
-import { O as D } from "../../chunks/orchestrator.js";
+import { u as D } from "../../chunks/useT9n.js";
+import { O as T } from "../../chunks/orchestrator.js";
 import "@langchain/core/callbacks/dispatch/web";
 import "@langchain/core/prompts";
 import "@langchain/openai";
-import T from "@arcgis/core/identity/IdentityManager.js";
+import N from "@arcgis/core/identity/IdentityManager.js";
+import "@arcgis/toolkit/string";
 import "@arcgis/core/config.js";
 import "@langchain/core/messages";
 import "@arcgis/core/layers/FeatureLayer.js";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/langgraph/web";
-import N from "@arcgis/core/core/Accessor.js";
+import z from "@arcgis/core/core/Accessor.js";
 import { property as b, subclass as B } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { g as V } from "../../chunks/utils3.js";
 import { g as w } from "../../chunks/slottableRequestUtils.js";
-const z = C`:host{display:block;width:var(--arcgis-internal-panel-width, 100%);height:var(--arcgis-internal-expand-max-height, 100%);--calcite-panel-content-bottom-space: 0}.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%;background:var(--calcite-panel-background-color, var(--calcite-color-background))}.suggested-prompts{display:block;padding:var(--calcite-spacing-md);max-width:100%;box-sizing:border-box}.error-notice{padding:var(--calcite-spacing-sm)}.interrupt-waiting-message{font-style:italic;color:var(--calcite-color-text-2)}`;
-var H = Object.defineProperty, j = Object.getOwnPropertyDescriptor, m = (c, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? j(t, e) : t, n = c.length - 1, s; n >= 0; n--)
+const q = I`:host{display:block;width:var(--arcgis-internal-panel-width, 100%);height:var(--arcgis-internal-expand-max-height, 100%);--calcite-panel-content-bottom-space: 0}.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%;background:var(--calcite-panel-background-color, var(--calcite-color-background))}.suggested-prompts{display:block;padding:var(--calcite-spacing-md);max-width:100%;box-sizing:border-box}.error-notice{padding:var(--calcite-spacing-sm)}.interrupt-waiting-message{font-style:italic;color:var(--calcite-color-text-2)}`;
+var H = Object.defineProperty, U = Object.getOwnPropertyDescriptor, m = (c, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? U(t, e) : t, n = c.length - 1, s; n >= 0; n--)
     (s = c[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
   return i && r && H(t, e, r), r;
 };
-const q = async (c) => await new Promise((t) => setTimeout(t, c));
+const j = async (c) => await new Promise((t) => setTimeout(t, c));
 async function* F(c, {
   chunkSize: t = 5,
   // chars per "token"
@@ -37,7 +39,7 @@ async function* F(c, {
 } = {}) {
   let i = 0;
   for (; i < c.length; )
-    yield c.slice(i, i + t), i += t, await q(e);
+    yield c.slice(i, i + t), i += t, await j(e);
 }
 async function* E(c, t, e, i) {
   for await (const r of F(c)) {
@@ -48,7 +50,7 @@ async function* E(c, t, e, i) {
     yield { type: "block-data", blockType: "text", data: { content: r }, runId: t };
   }
 }
-let d = class extends N {
+let d = class extends z {
   constructor(c) {
     super(c), this.view = null, this.loading = !1, this.processing = !1, this.processingStep = "";
   }
@@ -66,7 +68,7 @@ let d = class extends N {
   async _initialize() {
     this.removeHandles(), await Promise.all([this.portal.load(), this.view?.when()]), this.view && await P(() => !this.view.updating), this._set(
       "orchestrator",
-      await D.init({
+      await T.init({
         agents: [...this.agents],
         view: this.view ?? void 0
       })
@@ -104,8 +106,8 @@ let d = class extends N {
               yield { type: "completed", error: "No response received.", log: e, runId: s };
               return;
             }
-            const p = a.content;
-            if (yield { type: "block-start", blockType: "text", runId: s }, yield* E(p, s, e, t), yield { type: "block-end", blockType: "text", runId: s }, h)
+            const g = a.content;
+            if (yield { type: "block-start", blockType: "text", runId: s }, yield* E(g, s, e, t), yield { type: "block-end", blockType: "text", runId: s }, h)
               for (const f of i) {
                 if (t?.aborted) {
                   yield { type: "cancelled", log: e, runId: s };
@@ -119,7 +121,7 @@ let d = class extends N {
                   yield { type: "block-data", blockType: u, data: y, runId: s };
                 yield { type: "block-end", blockType: u, runId: s };
               }
-            yield { type: "completed", response: p, blocks: i, log: e, runId: s };
+            yield { type: "completed", response: g, blocks: i, log: e, runId: s };
             return;
           }
           case "ux-suggestion": {
@@ -128,18 +130,18 @@ let d = class extends N {
             break;
           }
           case "interrupt": {
-            const { kind: a, message: o, metadata: h } = n.interrupt, p = Array.isArray(h) ? h.filter((u) => typeof u == "string") : [], f = (() => {
+            const { kind: a, message: o, metadata: h } = n.interrupt, g = Array.isArray(h) ? h.filter((u) => typeof u == "string") : [], f = (() => {
               switch (a) {
                 case "booleanChoice":
-                  return { type: "boolean-choice", message: o, options: p };
+                  return { type: "boolean-choice", message: o, options: g };
                 case "singleSelection":
-                  return { type: "single-select", message: o, options: p };
+                  return { type: "single-select", message: o, options: g };
                 case "multipleSelection":
-                  return { type: "multi-select", message: o, options: p };
+                  return { type: "multi-select", message: o, options: g };
                 case "textInput":
                   return { type: "text-input", message: o };
                 default:
-                  return { type: a, message: o, options: p };
+                  return { type: a, message: o, options: g };
               }
             })();
             this._set("processingStep", "Waiting for user input..."), yield { type: "interrupt", payload: f, runId: s };
@@ -194,10 +196,10 @@ m([
 d = m([
   B("OrchestratorController")
 ], d);
-const G = "Embeddings resource 'embeddings-v01.json' not found in the webmap portal item.", U = "Embeddings not found for this web map.", W = "https://developers.arcgis.com/javascript/latest/agentic-apps/ai-webmap-setup/#embeddings";
-class Y extends R {
+const G = "Embeddings resource 'embeddings-v01.json' not found in the webmap portal item.", W = "Embeddings not found for this web map.", Y = "https://developers.arcgis.com/javascript/latest/agentic-apps/ai-webmap-setup/#embeddings";
+class J extends R {
   constructor() {
-    super(...arguments), this._messages = M({ blocking: !0 }), this.#t = _(), this.#n = _(), this.#s = _(), this.#e = null, this.#o = /* @__PURE__ */ new Map(), this.#i = L.getDefault(), this.#r = (t) => {
+    super(...arguments), this._messages = D({ blocking: !0 }), this.#t = _(), this.#n = _(), this.#s = _(), this.#e = null, this.#o = /* @__PURE__ */ new Map(), this.#i = x.getDefault(), this.#r = (t) => {
       t.stopPropagation(), this.cancelInterrupt();
     }, this.#a = (t) => {
       t.stopPropagation();
@@ -217,19 +219,19 @@ class Y extends R {
       t.stopPropagation();
       const e = t.detail;
       this.arcgisFeedback.emit(e);
-    }, this.#p = (t) => {
+    }, this.#g = (t) => {
       t.stopPropagation();
       const e = t.detail;
       this._inputValue = e.prompt, this.arcgisPromptSelect.emit(e);
-    }, this.#g = (t) => {
+    }, this.#p = (t) => {
       this.arcgisSlottableRequest.emit(t.detail);
-    }, this._orchestratorController = null, this._interrupt = null, this._interruptDetails = [], this._error = null, this._inputValue = "", this._isAnswering = !1, this._canceling = !1, this.messages = new I([]), this.referenceElement = null, this.suggestedPrompts = [], this.feedbackEnabled = !1, this.keepSuggestedPrompts = !1, this.logEnabled = !1, this.copyEnabled = !1, this.voiceInputEnabled = !1, this.readAloudEnabled = !1, this.assistantAvatarEnabled = !1, this.arcgisCancel = g(), this.arcgisError = g(), this.arcgisFeedback = g(), this.arcgisInterrupt = g(), this.arcgisInterruptCancel = g(), this.arcgisInterruptSubmit = g(), this.arcgisPromptSelect = g(), this.arcgisReady = g(), this.arcgisSubmit = g(), this.arcgisSlottableRequest = g({ bubbles: !1, composed: !1 }), this.arcgisResponse = g();
+    }, this._orchestratorController = null, this._interrupt = null, this._interruptDetails = [], this._error = null, this._inputValue = "", this._isAnswering = !1, this._canceling = !1, this.messages = new C([]), this.referenceElement = null, this.suggestedPrompts = [], this.feedbackEnabled = !1, this.keepSuggestedPrompts = !1, this.logEnabled = !1, this.copyEnabled = !1, this.voiceInputEnabled = !1, this.readAloudEnabled = !1, this.assistantAvatarEnabled = !1, this.arcgisCancel = p(), this.arcgisError = p(), this.arcgisFeedback = p(), this.arcgisInterrupt = p(), this.arcgisInterruptCancel = p(), this.arcgisInterruptSubmit = p(), this.arcgisPromptSelect = p(), this.arcgisReady = p(), this.arcgisSubmit = p(), this.arcgisSlottableRequest = p({ bubbles: !1, composed: !1 }), this.arcgisResponse = p();
   }
   static {
-    this.properties = { _orchestratorController: 16, _interrupt: 16, _interruptDetails: 16, _error: 16, _inputValue: 16, _isAnswering: 16, _canceling: 16, _user: 16, awaitingResponse: 32, awaitingResponseStep: 32, interrupt: 32, messages: 0, orchestrator: 32, entryMessage: 1, heading: 1, description: 1, referenceElement: 1, suggestedPrompts: 0, feedbackEnabled: 5, keepSuggestedPrompts: 5, logEnabled: 5, copyEnabled: 5, voiceInputEnabled: 5, readAloudEnabled: 5, assistantAvatarEnabled: 5 };
+    this.properties = { _orchestratorController: 16, _interrupt: 16, _interruptDetails: 16, _error: 16, _inputValue: 16, _isAnswering: 16, _signedInUserId: 16, _canceling: 16, _isSignedIn: 16, _user: 16, awaitingResponse: 32, awaitingResponseStep: 32, interrupt: 32, messages: 0, orchestrator: 32, entryMessage: 1, heading: 1, description: 1, referenceElement: 1, suggestedPrompts: 0, feedbackEnabled: 5, keepSuggestedPrompts: 5, logEnabled: 5, copyEnabled: 5, voiceInputEnabled: 5, readAloudEnabled: 5, assistantAvatarEnabled: 5 };
   }
   static {
-    this.styles = z;
+    this.styles = q;
   }
   #t;
   #n;
@@ -242,14 +244,14 @@ class Y extends R {
   #l;
   #c;
   #h;
-  #p;
   #g;
+  #p;
   async #d() {
     try {
       const t = V(this.el, this.referenceElement);
       await t?.componentOnReady();
       const e = [...this.#o.values()];
-      return e.length ? (this._orchestratorController = new d({
+      return e.length ? (this._orchestratorController?.destroy(), this._orchestratorController = new d({
         agents: e,
         portal: this.#i,
         view: t?.view
@@ -258,6 +260,9 @@ class Y extends R {
       return this._error = t?.message ?? "Error initializing orchestrator.", O(this)(t), !1;
     }
   }
+  get _isSignedIn() {
+    return !!this.#i?.user || !!this._signedInUserId;
+  }
   get _user() {
     return this.#i?.user?.fullName || this.#i?.user?.username;
   }
@@ -315,14 +320,14 @@ class Y extends R {
         case "block-data": {
           if (s?.role !== "assistant" || s?.id !== n)
             break;
-          const a = [...s.blocks ?? []], o = a[a.length - 1], { blockType: h, data: p } = r;
+          const a = [...s.blocks ?? []], o = a[a.length - 1], { blockType: h, data: g } = r;
           if (o?.type !== h || !o.isPending)
             break;
           if (h === "text") {
-            const f = typeof o.data?.content == "string" ? o.data.content : "", u = typeof p?.content == "string" ? p.content : "";
+            const f = typeof o.data?.content == "string" ? o.data.content : "", u = typeof g?.content == "string" ? g.content : "";
             a[a.length - 1] = { ...o, data: { ...o.data, content: f + u } };
           } else
-            a[a.length - 1] = { ...o, data: { ...o.data, ...p ?? {} } };
+            a[a.length - 1] = { ...o, data: { ...o.data, ...g ?? {} } };
           this.messages.splice(-1, 1, { ...s, blocks: a });
           break;
         }
@@ -382,8 +387,8 @@ class Y extends R {
   }
   loaded() {
     this.manager.onLifecycle(() => {
-      this.#t.value?.addEventListener("arcgisPromptSelect", this.#p), this.#t.value?.addEventListener("arcgisSubmit", this.#l), this.#t.value?.addEventListener("arcgisCancel", this.#c), this.#t.value?.addEventListener("arcgisFeedback", this.#h);
-      const t = x(() => !!this._interrupt && !!this.#s.value, () => {
+      this.#t.value?.addEventListener("arcgisPromptSelect", this.#g), this.#t.value?.addEventListener("arcgisSubmit", this.#l), this.#t.value?.addEventListener("arcgisCancel", this.#c), this.#t.value?.addEventListener("arcgisFeedback", this.#h);
+      const t = L(() => !!this._interrupt && !!this.#s.value, () => {
         const i = this.#s.value;
         i.removeEventListener("arcgisSubmit", this.#a), i.removeEventListener("arcgisCancel", this.#r), i.addEventListener("arcgisSubmit", this.#a, { once: !0 }), i.addEventListener("arcgisCancel", this.#r, { once: !0 });
       }), e = this.messages.on("after-add", (i) => {
@@ -395,36 +400,37 @@ class Y extends R {
           i ? this.arcgisReady.emit() : this._error && this.arcgisError.emit(new Error(this._error));
         });
       }), () => {
-        t.remove(), e.remove(), this.#t.value?.removeEventListener("arcgisPromptSelect", this.#p), this.#s.value?.removeEventListener("arcgisSubmit", this.#a), this.#s.value?.removeEventListener("arcgisCancel", this.#r), this.#t.value?.removeEventListener("arcgisSubmit", this.#l), this.#t.value?.removeEventListener("arcgisCancel", this.#c), this.#t.value?.removeEventListener("arcgisFeedback", this.#h), this._orchestratorController?.destroy(), this._orchestratorController = null;
+        t.remove(), e.remove(), this.#t.value?.removeEventListener("arcgisPromptSelect", this.#g), this.#s.value?.removeEventListener("arcgisSubmit", this.#a), this.#s.value?.removeEventListener("arcgisCancel", this.#r), this.#t.value?.removeEventListener("arcgisSubmit", this.#l), this.#t.value?.removeEventListener("arcgisCancel", this.#c), this.#t.value?.removeEventListener("arcgisFeedback", this.#h), this._orchestratorController?.destroy(), this._orchestratorController = null;
       };
     });
   }
   _reset() {
-    this._orchestratorController?.cancel(), this.#e?.abort(), this._interrupt = null, this.messages.removeAll(), this._error = null, this._inputValue = "";
+    this._orchestratorController?.cancel(), this.#e?.abort(), this._interrupt = null, this.messages.removeAll(), this._error = null, this._inputValue = "", this._signedInUserId = void 0;
   }
   _renderEntryMessage() {
-    return !this._user ? this._renderSignInNotice() : this._error ? this._renderErrorNotice() : this.entryMessage ? this.messages.length > 0 ? null : l`<calcite-notice open kind=brand closable icon width=full><div slot=message>${this.entryMessage}</div></calcite-notice>` : l`<slot name=entry-message></slot>`;
+    return this._isSignedIn ? this._error ? this._renderErrorNotice() : this.entryMessage ? this.messages.length > 0 ? null : l`<calcite-notice open kind=brand closable icon width=full><div slot=message>${this.entryMessage}</div></calcite-notice>` : l`<slot name=entry-message></slot>` : this._renderSignInNotice();
   }
   _renderSignInNotice() {
     const t = this.#i;
     return l`<calcite-notice slot=entry-message open kind=brand icon width=full><div slot=message>You need to sign in to use the assistant chat.</div>${t ? l`<calcite-link slot=link @click=${async () => {
       try {
-        await T.getCredential(t.url), this._error = null, await this.#d(), this.arcgisReady.emit();
+        const e = await N.getCredential(`${t.url}/sharing`);
+        this._signedInUserId = e.userId, this._error = null, this.requestUpdate(), await this.#d() ? this.arcgisReady.emit() : this._error && this.arcgisError.emit(new Error(this._error));
       } catch (e) {
-        console.error("Error signing in:", e);
+        this._error = e?.message ?? "Error signing in.", this.arcgisError.emit(new Error(this._error)), M.log("error", this, "Error signing in:", { detail: { error: e } });
       }
     }} target=_blank title="Sign in to ArcGIS Online">Sign in</calcite-link>` : l`<div slot=link>No portal information available</div>`}</calcite-notice>`;
   }
   _renderErrorNotice() {
-    return this._error ? l`<calcite-notice slot=entry-message open kind=brand icon width=full>${this._error === G ? l`<div slot=message>${U}</div><calcite-link slot=link .href=${W} target=_blank title="Learn about web map embeddings">Read more</calcite-link>` : l`<div slot=message>${this._error}</div>`}</calcite-notice>` : null;
+    return this._error ? l`<calcite-notice slot=entry-message open kind=brand icon width=full>${this._error === G ? l`<div slot=message>${W}</div><calcite-link slot=link .href=${Y} target=_blank title="Learn about web map embeddings">Read more</calcite-link>` : l`<div slot=message>${this._error}</div>`}</calcite-notice>` : null;
   }
   render() {
-    return l`<calcite-panel .loading=${!this._orchestratorController && !this._error || this._orchestratorController?.loading} .heading=${this.heading ?? this._messages.assistantLabel} .description=${this.description} ${v(this.#t)}><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} .interrupt=${this._interrupt}><slot name=message-starter slot=message-starter></slot><slot name=messages slot=messages>${this.messages.map((t) => t.role === "assistant" ? l`<arcgis-assistant-message .message=${t} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled} @arcgisSlottableRequest=${this.#g} .assistantAvatarEnabled=${this.assistantAvatarEnabled}>${t.blocks?.map((e, i) => l`<slot name=${w(t.id, i) ?? k} slot=${w(t.id, i) ?? k}><arcgis-assistant-message-block .block=${e}></arcgis-assistant-message-block></slot>`)}</arcgis-assistant-message>` : l`<arcgis-assistant-user-message .message=${t} .user=${this._user}></arcgis-assistant-user-message>`)}</slot>${this._interrupt ? l`<div slot=message-loading><div class="interrupt-waiting-message">waiting for user input...</div> // TODO: use t9n strings</div>` : l`<slot name=message-loading slot=message-loading><arcgis-assistant-message-loading .loading=${this.awaitingResponse} .loadingMessage=${this.awaitingResponseStep} .assistantAvatarEnabled=${this.assistantAvatarEnabled} .interrupts=${this._interruptDetails}></arcgis-assistant-message-loading></slot>`}</arcgis-assistant-chat></div>${this._interrupt ? l`<arcgis-assistant-interrupt slot=content-bottom .type=${this._interrupt.type} .message=${this._interrupt.message} .options=${this._interrupt.options} ${v(this.#s)}></arcgis-assistant-interrupt>` : this.suggestedPrompts?.length ? l`<div class="suggested-prompts-container" slot=content-bottom><arcgis-assistant-suggested-prompts class="suggested-prompts" .prompts=${this.suggestedPrompts}></arcgis-assistant-suggested-prompts></div>` : null}<div class="footer-container" slot=footer>${this._renderEntryMessage()}<slot name=chat-entry><arcgis-assistant-chat-entry .awaitingResponse=${this.awaitingResponse || this._isAnswering} .inputValue=${this._inputValue} .messages=${this.messages} .voiceInputEnabled=${this.voiceInputEnabled} .disabled=${this._canceling || !this._user || !!this._interrupt} ${v(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 || this._isAnswering ? "circle-stop" : "send"} @click=${() => {
+    return l`<calcite-panel .loading=${!this._orchestratorController && !this._error || this._orchestratorController?.loading} .heading=${this.heading ?? this._messages.assistantLabel} .description=${this.description} ${v(this.#t)}><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} .interrupt=${this._interrupt}><slot name=message-starter slot=message-starter></slot><slot name=messages slot=messages>${this.messages.map((t) => t.role === "assistant" ? l`<arcgis-assistant-message .message=${t} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled} @arcgisSlottableRequest=${this.#p} .assistantAvatarEnabled=${this.assistantAvatarEnabled}>${t.blocks?.map((e, i) => l`<slot name=${w(t.id, i) ?? k} slot=${w(t.id, i) ?? k}><arcgis-assistant-message-block .block=${e}></arcgis-assistant-message-block></slot>`)}</arcgis-assistant-message>` : l`<arcgis-assistant-user-message .message=${t} .user=${this._user}></arcgis-assistant-user-message>`)}</slot>${this._interrupt ? l`<div slot=message-loading><div class="interrupt-waiting-message">waiting for user input...</div></div>` : l`<slot name=message-loading slot=message-loading><arcgis-assistant-message-loading .loading=${this.awaitingResponse} .loadingMessage=${this.awaitingResponseStep} .assistantAvatarEnabled=${this.assistantAvatarEnabled} .interrupts=${this._interruptDetails}></arcgis-assistant-message-loading></slot>`}</arcgis-assistant-chat></div>${this._interrupt ? l`<slot name=interrupt><arcgis-assistant-interrupt slot=content-bottom .type=${this._interrupt.type} .message=${this._interrupt.message} .options=${this._interrupt.options} ${v(this.#s)}></arcgis-assistant-interrupt></slot>` : this.suggestedPrompts?.length ? l`<div class="suggested-prompts-container" slot=content-bottom><arcgis-assistant-suggested-prompts class="suggested-prompts" .prompts=${this.suggestedPrompts}></arcgis-assistant-suggested-prompts></div>` : null}<div class="footer-container" slot=footer>${this._renderEntryMessage()}<slot name=chat-entry><arcgis-assistant-chat-entry .awaitingResponse=${this.awaitingResponse || this._isAnswering} .inputValue=${this._inputValue} .messages=${this.messages} .voiceInputEnabled=${this.voiceInputEnabled} .disabled=${this._canceling || !this._isSignedIn || !!this._interrupt} ${v(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 || this._isAnswering ? "circle-stop" : "send"} @click=${() => {
       this.#n.value?.submitMessage();
     }} round>${this.awaitingResponse || this._isAnswering ? this._messages.stopButtonLabel : this._messages.askButtonLabel}</calcite-button></slot></arcgis-assistant-chat-entry></slot><slot name=footer-content></slot></div></calcite-panel>`;
   }
 }
-$("arcgis-assistant", Y);
+$("arcgis-assistant", J);
 export {
-  Y as ArcgisAssistant
+  J as ArcgisAssistant
 };

package/dist/components/arcgis-assistant-data-exploration-agent/customElement.js

@@ -5,6 +5,7 @@ import "@langchain/langgraph/web";
 import "../../chunks/adapter.js";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/portal/Portal.js";
+import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";
@@ -19,7 +20,7 @@ import "zod";
 import { D as r } from "../../chunks/dataExplorationGraph.js";
 import "@arcgis/core/views/LinkChartView.js";
 import "@arcgis/core/rest/knowledgeGraphService.js";
-import { r as a, a as o } from "../../chunks/utils2.js";
+import { r as o, a } from "../../chunks/utils2.js";
 class s extends i {
   constructor() {
     super(...arguments), this.agent = r;
@@ -34,7 +35,7 @@ class s extends i {
     return { mapView: this.#t };
   }
   load() {
-    this.#t = a(this, "arcgis-assistant-data-exploration-agent"), o(this);
+    this.#t = o(this, "arcgis-assistant-data-exploration-agent"), a(this);
   }
 }
 t("arcgis-assistant-data-exploration-agent", s);

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

@@ -5,6 +5,7 @@ import "@langchain/langgraph/web";
 import "../../chunks/adapter.js";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/portal/Portal.js";
+import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";

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

@@ -5,6 +5,7 @@ import "@langchain/langgraph/web";
 import "../../chunks/adapter.js";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/portal/Portal.js";
+import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";
@@ -22,7 +23,7 @@ import "@arcgis/core/smartMapping/statistics/uniqueValues.js";
 import { A as o } from "../../chunks/arcgisKnowledgeGraph.js";
 import { b as s, a as n } from "../../chunks/utils2.js";
 import { fetchKnowledgeGraph as a } from "@arcgis/core/rest/knowledgeGraphService.js";
-class c extends i {
+class p extends i {
   constructor() {
     super(...arguments), this.agent = o;
   }
@@ -63,7 +64,7 @@ class c extends i {
     this.#e = s(this) ?? void 0, n(this);
   }
 }
-r("arcgis-assistant-knowledge-agent", c);
+r("arcgis-assistant-knowledge-agent", p);
 export {
-  c as ArcgisAssistantKnowledgeAgent
+  p as ArcgisAssistantKnowledgeAgent
 };

package/dist/components/arcgis-assistant-layer-styling-agent/customElement.js

@@ -5,6 +5,7 @@ import "@langchain/langgraph/web";
 import "../../chunks/adapter.js";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/portal/Portal.js";
+import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";

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

@@ -6,6 +6,7 @@ import "@langchain/langgraph/web";
 import "../../chunks/adapter.js";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/portal/Portal.js";
+import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";