@arcgis/ai-components 5.2.0-next.120 → 5.2.0-next.121

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

@@ -140,7 +140,7 @@ export abstract class ArcgisAssistant extends LitElement {
    * Agent ids for SDK agents are as follows:
    *
    * - Navigation Agent: `navigation`
-   * - Data Exploration Agent: `dataExploration`
+   * - Data Exploration Agent: `data-exploration`
    * - Help Agent: `help`
    * - Knowledge Agent: `arcgisKnowledge`
    *

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

@@ -1,20 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as L } from "../../chunks/runtime.js";
-import { css as T, html as h } from "lit";
+import { css as T, html as d } from "lit";
 import M from "@arcgis/core/core/Collection.js";
 import { whenOnce as R, watch as D, when as O } from "@arcgis/core/core/reactiveUtils.js";
 import U from "@arcgis/core/portal/Portal.js";
-import { LitElement as B, createEvent as m, nothing as v } from "@arcgis/lumina";
+import { LitElement as B, createEvent as m, nothing as w } from "@arcgis/lumina";
 import * as z from "@arcgis/toolkit/log";
 import { rethrowError as N } from "@arcgis/toolkit/log";
-import { createRef as w, ref as E } from "lit/directives/ref.js";
+import { createRef as E, ref as k } from "lit/directives/ref.js";
 import { u as q } from "../../chunks/useT9n.js";
 import { O as F } from "../../chunks/orchestrator.js";
 import "@langchain/core/callbacks/dispatch/web";
 import "@langchain/core/prompts";
 import "@langchain/openai";
 import "@arcgis/core/request.js";
-import $ from "@arcgis/core/identity/IdentityManager.js";
+import S from "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/toolkit/string";
 import "@arcgis/core/config.js";
 import "@langchain/core/messages";
@@ -22,15 +22,15 @@ import "@arcgis/core/layers/FeatureLayer.js";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/langgraph/web";
 import H from "@arcgis/core/core/Accessor.js";
-import { property as _, subclass as V } from "@arcgis/core/core/accessorSupport/decorators.js";
-import { marked as S } from "marked";
+import { property as y, subclass as V } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { marked as I } from "marked";
 import { g as j } from "../../chunks/utils3.js";
-import { g as I } from "../../chunks/slottableRequestUtils.js";
+import { g as A } from "../../chunks/slottableRequestUtils.js";
 const W = T`: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)}`;
-function k(l) {
-  return l.trim() ? S.lexer(l).filter((t) => t.type !== "space").map((t) => S.parser([t])) : [];
+function $(l) {
+  return l.trim() ? I.lexer(l).filter((t) => t.type !== "space").map((t) => I.parser([t])) : [];
 }
-class C {
+class x {
   constructor() {
     this._stableParts = [], this._stableText = "", this._rawText = "";
   }
@@ -42,11 +42,11 @@ class C {
   // Parse the remaining live tail. Call once at stream end.
   finalize() {
     const t = this._rawText.slice(this._stableText.length);
-    return t.trim() && (this._stableParts.push(...k(t)), this._stableText = this._rawText), this._stableParts;
+    return t.trim() && (this._stableParts.push(...$(t)), this._stableText = this._rawText), this._stableParts;
   }
   // Get full output: stable segments + current live tail.
   getParts() {
-    const t = this._trimIncompleteTail(this._rawText.slice(this._stableText.length)), e = t.trim() ? k(t) : [];
+    const t = this._trimIncompleteTail(this._rawText.slice(this._stableText.length)), e = t.trim() ? $(t) : [];
     return [...this._stableParts, ...e];
   }
   reset() {
@@ -58,7 +58,7 @@ class C {
     if (e <= 0)
       return;
     const s = t.slice(0, e);
-    this._stableParts.push(...k(s)), this._stableText += s;
+    this._stableParts.push(...$(s)), this._stableText += s;
   }
   /**
    * Find the last blank-line boundary that is outside code fences.
@@ -68,8 +68,8 @@ class C {
     const e = t.split(`
 `);
     let s = !1, i = 0, r = 0;
-    for (const d of e)
-      /^\s*(```|~~~)/u.test(d) && (s = !s), r += d.length + 1, d.trim() === "" && !s && (i = r);
+    for (const g of e)
+      /^\s*(```|~~~)/u.test(g) && (s = !s), r += g.length + 1, g.trim() === "" && !s && (i = r);
     return i < t.length ? i : 0;
   }
   /**
@@ -115,38 +115,38 @@ class C {
       "wbr"
     ]), s = /<(\/?)([a-zA-Z][\w-]*)\b[^>]*?(\/?)>/gu, i = [];
     for (let r = s.exec(t); r; r = s.exec(t)) {
-      const [, d, p, o] = r, c = p.toLowerCase();
-      if (!(e.has(c) || o === "/"))
-        if (d === "/") {
-          for (let a = i.length - 1; a >= 0; a--)
-            if (i[a].name === c) {
-              i.splice(a);
+      const [, g, p, u] = r, a = p.toLowerCase();
+      if (!(e.has(a) || u === "/"))
+        if (g === "/") {
+          for (let c = i.length - 1; c >= 0; c--)
+            if (i[c].name === a) {
+              i.splice(c);
               break;
             }
         } else
-          i.push({ name: c, index: r.index });
+          i.push({ name: a, index: r.index });
     }
     return i.length ? i[0].index : -1;
   }
 }
 function G(l) {
-  const t = new C();
+  const t = new x();
   return t.push(l), t.finalize();
 }
 const Z = async (l) => await new Promise((t) => setTimeout(t, l));
 async function* J(l, { chunkSize: t = 15, delay: e = 50 } = {}) {
-  const s = new C();
+  const s = new x();
   for (let i = 0; i < l.length; i += t)
     yield s.push(l.slice(i, i + t)), await Z(e);
   yield s.finalize();
 }
 var K = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, f = (l, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Q(t, e) : t, r = l.length - 1, d; r >= 0; r--)
-    (d = l[r]) && (i = (s ? d(t, e, i) : d(i)) || i);
+  for (var i = s > 1 ? void 0 : s ? Q(t, e) : t, r = l.length - 1, g; r >= 0; r--)
+    (g = l[r]) && (i = (s ? g(t, e, i) : g(i)) || i);
   return s && i && K(t, e, i), i;
 };
-const A = (l) => !l || typeof l != "object" ? !1 : l.name === "AbortError";
-async function* P(l, t, e, s, i = !1) {
+const P = (l) => !l || typeof l != "object" ? !1 : l.name === "AbortError";
+async function* C(l, t, e, s, i = !1) {
   if (i) {
     if (s?.aborted) {
       yield { type: "cancelled", log: e, runId: t };
@@ -205,8 +205,8 @@ let b = class extends H {
     const s = [];
     let i, r = "pending";
     try {
-      const d = this.orchestrator.ask(l, t);
-      for await (const p of d)
+      const g = this.orchestrator.ask(l, t);
+      for await (const p of g)
         switch (r = p.runId, p.type) {
           case "runtime": {
             yield { type: "runtime", event: p, runId: r };
@@ -218,50 +218,50 @@ let b = class extends H {
           }
           case "completed": {
             this._set("processing", !1), this._set("processingStep", "");
-            const o = p.result, c = !!o.content.length, a = !!i?.length;
-            if (!c && !a) {
+            const u = p.result, a = !!u.content.length, c = !!i?.length;
+            if (!a && !c) {
               yield { type: "completed", error: "No response received.", log: s, runId: r };
               return;
             }
-            const n = o.content;
-            if (yield { type: "block-start", blockType: "text", runId: r }, yield* P(n, r, s, e, this.streamingDisabled), yield { type: "block-end", blockType: "text", runId: r }, a)
-              for (const g of i) {
+            const n = u.content;
+            if (yield { type: "block-start", blockType: "text", runId: r }, yield* C(n, r, s, e, this.streamingDisabled), yield { type: "block-end", blockType: "text", runId: r }, c)
+              for (const o of i) {
                 if (e?.aborted) {
                   yield { type: "cancelled", log: s, runId: r };
                   return;
                 }
-                const { type: u, data: y } = g;
-                if (yield { type: "block-start", blockType: u, runId: r }, u === "text") {
-                  const x = typeof y?.content == "string" ? y.content : "";
-                  yield* P(x, r, s, e, this.streamingDisabled);
+                const { type: h, data: _ } = o;
+                if (yield { type: "block-start", blockType: h, runId: r }, h === "text") {
+                  const v = typeof _?.content == "string" ? _.content : "";
+                  yield* C(v, r, s, e, this.streamingDisabled);
                 } else
-                  yield { type: "block-data", blockType: u, data: y, runId: r };
-                yield { type: "block-end", blockType: u, runId: r };
+                  yield { type: "block-data", blockType: h, data: _, runId: r };
+                yield { type: "block-end", blockType: h, runId: r };
               }
             yield { type: "completed", response: n, blocks: i, log: s, runId: r };
             return;
           }
           case "ux-suggestion": {
-            const o = p.suggestion;
-            i = i ? [...i, o] : [o];
+            const u = p.suggestion;
+            i = i ? [...i, u] : [u];
             break;
           }
           case "interrupt": {
-            const { kind: o, message: c, metadata: a } = p.interrupt, n = Array.isArray(a) ? a.filter((u) => typeof u == "string") : [], g = (() => {
-              switch (o) {
+            const { kind: u, message: a, metadata: c } = p.interrupt, n = Array.isArray(c) ? c.filter((h) => typeof h == "string") : [], o = (() => {
+              switch (u) {
                 case "booleanChoice":
-                  return { type: "boolean-choice", message: c, options: n };
+                  return { type: "boolean-choice", message: a, options: n };
                 case "singleSelection":
-                  return { type: "single-select", message: c, options: n };
+                  return { type: "single-select", message: a, options: n };
                 case "multipleSelection":
-                  return { type: "multi-select", message: c, options: n };
+                  return { type: "multi-select", message: a, options: n };
                 case "textInput":
-                  return { type: "text-input", message: c };
+                  return { type: "text-input", message: a };
                 default:
-                  return { type: o, message: c, options: n };
+                  return { type: u, message: a, options: n };
               }
             })();
-            this._set("processingStep", "Waiting for user input..."), yield { type: "interrupt", payload: g, runId: r };
+            this._set("processingStep", "Waiting for user input..."), yield { type: "interrupt", payload: o, runId: r };
             break;
           }
           case "cancelled": {
@@ -269,7 +269,7 @@ let b = class extends H {
             return;
           }
           case "error": {
-            if (e?.aborted || A(p.error)) {
+            if (e?.aborted || P(p.error)) {
               yield { type: "cancelled", log: s, runId: r };
               return;
             }
@@ -281,12 +281,12 @@ let b = class extends H {
             break;
           }
         }
-    } catch (d) {
-      if (e?.aborted || A(d)) {
+    } catch (g) {
+      if (e?.aborted || P(g)) {
         yield { type: "cancelled", log: s, runId: r };
         return;
       }
-      console.warn("Error during message processing:", d), yield { type: "completed", error: "An error occurred during message processing.", log: s, runId: "error" };
+      console.warn("Error during message processing:", g), yield { type: "completed", error: "An error occurred during message processing.", log: s, runId: "error" };
       return;
     } finally {
       this._set("processing", !1);
@@ -297,31 +297,31 @@ let b = class extends H {
   }
 };
 f([
-  _({ readOnly: !0 })
+  y({ readOnly: !0 })
 ], b.prototype, "orchestrator", 2);
 f([
-  _()
+  y()
 ], b.prototype, "agents", 2);
 f([
-  _()
+  y()
 ], b.prototype, "portal", 2);
 f([
-  _()
+  y()
 ], b.prototype, "view", 2);
 f([
-  _()
+  y()
 ], b.prototype, "streamingDisabled", 2);
 f([
-  _()
+  y()
 ], b.prototype, "runtimeEventsEnabled", 2);
 f([
-  _({ readOnly: !0 })
+  y({ readOnly: !0 })
 ], b.prototype, "loading", 2);
 f([
-  _({ readOnly: !0 })
+  y({ readOnly: !0 })
 ], b.prototype, "processing", 2);
 f([
-  _({ readOnly: !0 })
+  y({ readOnly: !0 })
 ], b.prototype, "processingStep", 2);
 b = f([
   V("OrchestratorController")
@@ -329,7 +329,7 @@ b = f([
 const X = "Embeddings resource 'embeddings-v01.json' not found in the webmap portal item.", Y = "Embeddings not found for this web map.", tt = "https://developers.arcgis.com/javascript/latest/agentic-apps/ai-webmap-setup/#embeddings";
 class et extends B {
   constructor() {
-    super(...arguments), this._messages = q({ blocking: !0 }), this.#t = w(), this.#o = w(), this.#i = w(), this.#e = null, this.#r = /* @__PURE__ */ new Map(), this.#s = U.getDefault(), this.#a = (t) => {
+    super(...arguments), this._messages = q({ blocking: !0 }), this.#t = E(), this.#o = E(), this.#i = E(), this.#e = null, this.#r = /* @__PURE__ */ new Map(), this.#s = U.getDefault(), this.#a = (t) => {
       t.stopPropagation(), this.cancelInterrupt();
     }, this.#n = (t) => {
       t.stopPropagation();
@@ -421,31 +421,32 @@ class et extends B {
       id: Date.now().toString(),
       // TODO: Replace with a more robust ID generation method or get from orchestrator
       role: "user",
-      content: e?.displayText?.trim() || s || i.map((o) => this.#f(o)).join(" "),
+      content: e?.displayText?.trim() || s || i.map((a) => this.#f(a)).join(" "),
       parts: i
     }), !this._orchestratorController))
       return;
     this.#e = new AbortController(), this._orchestratorController.streamingDisabled = this.streamingDisabled;
-    const r = this.#m(i), d = {
+    const r = this.#m(i), g = this._messages._t9nLocale || "en", p = {
       ...e?.parts ? { inputParts: e.parts } : {},
-      ...r ? { routing: "direct", agentId: r } : { routing: "auto", agentIds: this.allowedAgentIds }
-    }, p = this._orchestratorController.ask(s, d, this.#e?.signal);
-    for await (const o of p) {
-      const c = o.runId, a = this.messages.at(-1);
-      switch (o.type) {
+      ...r ? { routing: "direct", agentId: r } : { routing: "auto", agentIds: this.allowedAgentIds },
+      locale: g
+    }, u = this._orchestratorController.ask(s, p, this.#e?.signal);
+    for await (const a of u) {
+      const c = a.runId, n = this.messages.at(-1);
+      switch (a.type) {
         case "runtime":
-          this.arcgisRuntime.emit(o.event);
+          this.arcgisRuntime.emit(a.event);
           break;
         case "block-start": {
           this._isAnswering = !0;
-          const n = { type: o.blockType, isPending: !0 };
-          if (a?.role === "assistant" && a.id === c) {
-            const g = [...a.blocks ?? [], n];
-            this.messages.splice(-1, 1, { ...a, blocks: g });
+          const o = { type: a.blockType, isPending: !0 };
+          if (n?.role === "assistant" && n.id === c) {
+            const h = [...n.blocks ?? [], o];
+            this.messages.splice(-1, 1, { ...n, blocks: h });
           } else
             this.messages.push({
               role: "assistant",
-              blocks: [n],
+              blocks: [o],
               id: c,
               isStreaming: !0,
               interrupts: this._interruptDetails
@@ -453,58 +454,58 @@ class et extends B {
           break;
         }
         case "block-data": {
-          if (a?.role !== "assistant" || a?.id !== c)
+          if (n?.role !== "assistant" || n?.id !== c)
             break;
-          const n = [...a.blocks ?? []], g = n[n.length - 1], { blockType: u, data: y } = o;
-          if (g?.type !== u || !g.isPending)
+          const o = [...n.blocks ?? []], h = o[o.length - 1], { blockType: _, data: v } = a;
+          if (h?.type !== _ || !h.isPending)
             break;
-          u === "text" ? n[n.length - 1] = {
-            ...g,
+          _ === "text" ? o[o.length - 1] = {
+            ...h,
             data: {
-              ...g.data,
-              parts: y?.parts
+              ...h.data,
+              parts: v?.parts
             }
-          } : n[n.length - 1] = { ...g, data: { ...g.data, ...y ?? {} } }, this.messages.splice(-1, 1, { ...a, blocks: n });
+          } : o[o.length - 1] = { ...h, data: { ...h.data, ...v ?? {} } }, this.messages.splice(-1, 1, { ...n, blocks: o });
           break;
         }
         case "block-end": {
-          if (a?.role !== "assistant" || a?.id !== c)
+          if (n?.role !== "assistant" || n?.id !== c)
             break;
-          const n = [...a.blocks ?? []], g = n[n.length - 1];
-          if (g?.type !== o.blockType || !g.isPending)
+          const o = [...n.blocks ?? []], h = o[o.length - 1];
+          if (h?.type !== a.blockType || !h.isPending)
             break;
-          const u = g;
-          n[n.length - 1] = { ...u, data: { ...u.data }, isPending: !1 }, this.messages.splice(-1, 1, { ...a, blocks: n });
+          const _ = h;
+          o[o.length - 1] = { ..._, data: { ..._.data }, isPending: !1 }, this.messages.splice(-1, 1, { ...n, blocks: o });
           break;
         }
         case "completed":
-          o.error ? (this.messages.push({
+          a.error ? (this.messages.push({
             role: "assistant",
-            log: o.log,
-            error: o.error,
+            log: a.log,
+            error: a.error,
             id: c,
             interrupts: this._interruptDetails
-          }), this._interruptDetails = []) : a?.role === "assistant" && a.id === c && this.messages.splice(-1, 1, {
-            ...a,
-            content: o.response,
-            blocks: a.blocks?.map((n) => ({ ...n, data: { ...n.data }, isPending: !1 })) ?? [],
+          }), this._interruptDetails = []) : n?.role === "assistant" && n.id === c && this.messages.splice(-1, 1, {
+            ...n,
+            content: a.response,
+            blocks: n.blocks?.map((o) => ({ ...o, data: { ...o.data }, isPending: !1 })) ?? [],
             isStreaming: !1,
-            log: o.log
+            log: a.log
           }), this._isAnswering = !1, this.#e = null, this._canceling = !1;
           break;
         case "interrupt":
-          this._interrupt = { ...o.payload, id: c }, this.arcgisInterrupt.emit(this._interrupt);
+          this._interrupt = { ...a.payload, id: c }, this.arcgisInterrupt.emit(this._interrupt);
           break;
         case "cancelled":
-          a?.role === "assistant" && a.id === c ? this.messages.splice(-1, 1, {
-            ...a,
-            blocks: a.blocks?.filter((n) => n.type === "text" || !n.isPending) ?? [],
+          n?.role === "assistant" && n.id === c ? this.messages.splice(-1, 1, {
+            ...n,
+            blocks: n.blocks?.filter((o) => o.type === "text" || !o.isPending) ?? [],
             isStreaming: !1,
-            log: o.log,
+            log: a.log,
             error: `(${this._messages.stoppedByUserLabel})`
           }) : (this.messages.push({
             role: "assistant",
-            log: o.log,
+            log: a.log,
             error: `(${this._messages.stoppedByUserLabel})`,
             id: c,
             interrupts: this._interruptDetails
@@ -553,7 +554,7 @@ class et extends B {
     return this._submissionError = s ? this._messages.multipleCommands : !t.trim() && e.length > 0 && !this.#m(e) ? this._messages.partsOnlyRequiresAgent : null, this._submissionError ? (this.arcgisError.emit(new Error(this._submissionError)), !1) : !0;
   }
   async #_() {
-    await $.checkSignInStatus(this.#s.url);
+    await S.checkSignInStatus(this.#s.url);
     const t = await this.#s.load();
     if (!t.helperServices?.aiAssistantServices?.url)
       throw new Error(this._messages.serviceUrlNotAvailableMessage);
@@ -588,24 +589,24 @@ class et extends B {
     this._orchestratorController?.cancel(), this.#e?.abort(), this._interrupt = null, this.messages.removeAll(), this._error = null, this._submissionError = null, this._inputValue = "", this._signedInUserId = void 0;
   }
   _renderEntryMessage() {
-    return this._isSignedIn ? this._error ? this._renderErrorNotice() : this.entryMessage ? this.messages.length > 0 ? null : h`<calcite-notice open kind=brand closable icon width=full><div slot=message>${this.entryMessage}</div></calcite-notice>` : h`<slot name=entry-message></slot>` : this._renderSignInNotice();
+    return this._isSignedIn ? this._error ? this._renderErrorNotice() : this.entryMessage ? this.messages.length > 0 ? null : d`<calcite-notice open kind=brand closable icon width=full><div slot=message>${this.entryMessage}</div></calcite-notice>` : d`<slot name=entry-message></slot>` : this._renderSignInNotice();
   }
   _renderSignInNotice() {
     const t = this.#s;
-    return h`<calcite-notice slot=entry-message open kind=brand icon width=full><div slot=message>${this._messages.signInRequiredMessage}</div>${t ? h`<calcite-link slot=link @click=${async () => {
+    return d`<calcite-notice slot=entry-message open kind=brand icon width=full><div slot=message>${this._messages.signInRequiredMessage}</div>${t ? d`<calcite-link slot=link @click=${async () => {
       try {
-        const e = await $.getCredential(`${t.url}/sharing`);
+        const e = await S.getCredential(`${t.url}/sharing`);
         this._signedInUserId = e.userId, this._error = null, this.requestUpdate(), await this.#p();
       } catch (e) {
         this._error = e?.message ?? this._messages.signInErrorMessage, this.arcgisError.emit(new Error(this._error)), z.log("error", this, "Error signing in:", { detail: { error: e } });
       }
-    }} target=_blank title=${this._messages.signInToArcGISOnlineLabel ?? v}>${this._messages.signInLabel}</calcite-link>` : h`<div slot=link>${this._messages.noPortalInformationMessage}</div>`}</calcite-notice>`;
+    }} target=_blank title=${this._messages.signInToArcGISOnlineLabel ?? w}>${this._messages.signInLabel}</calcite-link>` : d`<div slot=link>${this._messages.noPortalInformationMessage}</div>`}</calcite-notice>`;
   }
   _renderErrorNotice() {
-    return this._error ? h`<calcite-notice slot=entry-message open kind=brand icon width=full>${this._error === X ? h`<div slot=message>${Y}</div><calcite-link slot=link .href=${tt} target=_blank title=${this._messages.learnAboutWebMapEmbeddingsLabel ?? v}>${this._messages.readMoreLabel}</calcite-link>` : h`<div slot=message>${this._error}</div>`}</calcite-notice>` : null;
+    return this._error ? d`<calcite-notice slot=entry-message open kind=brand icon width=full>${this._error === X ? d`<div slot=message>${Y}</div><calcite-link slot=link .href=${tt} target=_blank title=${this._messages.learnAboutWebMapEmbeddingsLabel ?? w}>${this._messages.readMoreLabel}</calcite-link>` : d`<div slot=message>${this._error}</div>`}</calcite-notice>` : null;
   }
   render() {
-    return h`<calcite-panel .loading=${!this._orchestratorController && !this._error || this._orchestratorController?.loading} .heading=${this.heading ?? this._messages.assistantLabel} .description=${this.description} ${E(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" ? h`<arcgis-assistant-message .message=${t} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled} @arcgisSlottableRequest=${this.#u} .assistantAvatarEnabled=${this.assistantAvatarEnabled}>${t.blocks?.map((e, s) => h`<slot name=${I(t.id, s) ?? v} slot=${I(t.id, s) ?? v}><arcgis-assistant-message-block .block=${e}></arcgis-assistant-message-block></slot>`)}</arcgis-assistant-message>` : h`<arcgis-assistant-user-message .message=${t} .user=${this._user} .userAvatarEnabled=${this.userAvatarEnabled}></arcgis-assistant-user-message>`)}</slot>${this._interrupt ? h`<div slot=message-loading><div class="interrupt-waiting-message">${this._messages.waitingForUserInputMessage}</div></div>` : h`<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 ? h`<slot name=interrupt><arcgis-assistant-interrupt slot=content-bottom .type=${this._interrupt.type} .message=${this._interrupt.message} .options=${this._interrupt.options} ${E(this.#i)}></arcgis-assistant-interrupt></slot>` : this.suggestedPrompts?.length ? h`<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()}${this._submissionError ? h`<div role=alert>${this._submissionError}</div>` : null}<slot name=chat-entry><arcgis-assistant-chat-entry .awaitingResponse=${this.awaitingResponse || this._isAnswering} .commandProvider=${this.commandProvider} .entityProviders=${this.entityProviders} .inputValue=${this._inputValue} .messages=${this.messages} .voiceInputEnabled=${this.voiceInputEnabled} .disabled=${this._canceling || !this._isSignedIn || !!this._interrupt || !!this._error} ${E(this.#o)}><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 d`<calcite-panel .loading=${!this._orchestratorController && !this._error || this._orchestratorController?.loading} .heading=${this.heading ?? this._messages.assistantLabel} .description=${this.description} ${k(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" ? d`<arcgis-assistant-message .message=${t} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled} @arcgisSlottableRequest=${this.#u} .assistantAvatarEnabled=${this.assistantAvatarEnabled}>${t.blocks?.map((e, s) => d`<slot name=${A(t.id, s) ?? w} slot=${A(t.id, s) ?? w}><arcgis-assistant-message-block .block=${e}></arcgis-assistant-message-block></slot>`)}</arcgis-assistant-message>` : d`<arcgis-assistant-user-message .message=${t} .user=${this._user} .userAvatarEnabled=${this.userAvatarEnabled}></arcgis-assistant-user-message>`)}</slot>${this._interrupt ? d`<div slot=message-loading><div class="interrupt-waiting-message">${this._messages.waitingForUserInputMessage}</div></div>` : d`<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 ? d`<slot name=interrupt><arcgis-assistant-interrupt slot=content-bottom .type=${this._interrupt.type} .message=${this._interrupt.message} .options=${this._interrupt.options} ${k(this.#i)}></arcgis-assistant-interrupt></slot>` : this.suggestedPrompts?.length ? d`<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()}${this._submissionError ? d`<div role=alert>${this._submissionError}</div>` : null}<slot name=chat-entry><arcgis-assistant-chat-entry .awaitingResponse=${this.awaitingResponse || this._isAnswering} .commandProvider=${this.commandProvider} .entityProviders=${this.entityProviders} .inputValue=${this._inputValue} .messages=${this.messages} .voiceInputEnabled=${this.voiceInputEnabled} .disabled=${this._canceling || !this._isSignedIn || !!this._interrupt || !!this._error} ${k(this.#o)}><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.#o.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>`;
   }

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

@@ -23,6 +23,7 @@ import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";
+import "@arcgis/toolkit/intl";
 import "@langchain/core/callbacks/base";
 import "@langchain/openai";
 import "@arcgis/core/config.js";

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

@@ -11,6 +11,7 @@ import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";
+import "@arcgis/toolkit/intl";
 import "@langchain/core/callbacks/base";
 import "@langchain/openai";
 import "@arcgis/core/config.js";

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

@@ -11,6 +11,7 @@ import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";
+import "@arcgis/toolkit/intl";
 import "@langchain/core/callbacks/base";
 import "@langchain/openai";
 import "@arcgis/core/config.js";

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

@@ -11,6 +11,7 @@ import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";
+import "@arcgis/toolkit/intl";
 import "@langchain/core/callbacks/base";
 import "@langchain/openai";
 import "@arcgis/core/config.js";
@@ -40,8 +41,8 @@ import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
 import "@arcgis/core/smartMapping/statistics/uniqueValues.js";
 import "../../agents/tools/help/listFields/adapter.js";
 import { A as o } from "../../chunks/arcgisKnowledgeGraph.js";
-import { a as s, i as n } from "../../chunks/utils2.js";
-import { fetchKnowledgeGraph as p } from "@arcgis/core/rest/knowledgeGraphService.js";
+import { a as s, i as p } from "../../chunks/utils2.js";
+import { fetchKnowledgeGraph as n } from "@arcgis/core/rest/knowledgeGraphService.js";
 class m extends e {
   constructor() {
     super(...arguments), this.agent = o;
@@ -78,10 +79,10 @@ class m extends e {
     return this.context;
   }
   willUpdate(t) {
-    t.has("serviceUrl") && this.serviceUrl ? this.#t = p(this.serviceUrl) : this.#t = void 0;
+    t.has("serviceUrl") && this.serviceUrl ? this.#t = n(this.serviceUrl) : this.#t = void 0;
   }
   load() {
-    this.#i = s(this) ?? void 0, this.#e = n(this);
+    this.#i = s(this) ?? void 0, this.#e = p(this);
   }
   disconnectedCallback() {
     this.#e?.unregister(this.agent.id), super.disconnectedCallback();

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

@@ -11,6 +11,7 @@ import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";
+import "@arcgis/toolkit/intl";
 import "@langchain/core/callbacks/base";
 import "@langchain/openai";
 import "@arcgis/core/config.js";

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

@@ -11,6 +11,7 @@ import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";
+import "@arcgis/toolkit/intl";
 import "@langchain/core/callbacks/base";
 import "@langchain/openai";
 import "@arcgis/core/config.js";