@arcgis/ai-components 5.2.0-next.76 → 5.2.0-next.78

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

@@ -89,13 +89,35 @@ export abstract class ArcgisAssistant extends LitElement {
       assistantLabel: string;
       stopButtonLabel: string;
       askButtonLabel: string;
+      stoppedByUserLabel: string;
+      noAgentsFoundMessage: string;
+      orchestratorInitializationErrorMessage: string;
+      signInErrorMessage: string;
+      signInRequiredMessage: string;
+      signInLabel: string;
+      signInToArcGISOnlineLabel: string;
+      noPortalInformationMessage: string;
+      readMoreLabel: string;
+      learnAboutWebMapEmbeddingsLabel: string;
+      waitingForUserInputMessage: string;
   } & T9nMeta<{
       assistantLabel: string;
       stopButtonLabel: string;
       askButtonLabel: string;
+      stoppedByUserLabel: string;
+      noAgentsFoundMessage: string;
+      orchestratorInitializationErrorMessage: string;
+      signInErrorMessage: string;
+      signInRequiredMessage: string;
+      signInLabel: string;
+      signInToArcGISOnlineLabel: string;
+      noPortalInformationMessage: string;
+      readMoreLabel: string;
+      learnAboutWebMapEmbeddingsLabel: string;
+      waitingForUserInputMessage: string;
   }>;
   /**
-   * When `true`, disables the assistant avatar in the chat interface.
+   * When `true`, displays the assistant avatar in the chat interface.
    *
    * @default false
    * @since 5.1
@@ -310,6 +332,13 @@ export abstract class ArcgisAssistant extends LitElement {
    * ```
    */
   accessor suggestedPrompts: string[];
+  /**
+   * When `true`, displays the user avatar in the chat interface.
+   *
+   * @default false
+   * @since 5.2
+   */
+  accessor userAvatarEnabled: boolean;
   /**
    * Cancels the active interrupt, if one is pending.
    *

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

@@ -1,36 +1,36 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as x } from "../../chunks/runtime.js";
 import { css as A, html as c } from "lit";
-import T from "@arcgis/core/core/Collection.js";
-import { whenOnce as L, watch as R, when as D } from "@arcgis/core/core/reactiveUtils.js";
-import O from "@arcgis/core/portal/Portal.js";
-import { LitElement as M, createEvent as g, nothing as k } from "@arcgis/lumina";
+import L from "@arcgis/core/core/Collection.js";
+import { whenOnce as T, watch as R, when as D } from "@arcgis/core/core/reactiveUtils.js";
+import M from "@arcgis/core/portal/Portal.js";
+import { LitElement as O, createEvent as p, nothing as f } from "@arcgis/lumina";
 import * as B from "@arcgis/toolkit/log";
 import { rethrowError as z } from "@arcgis/toolkit/log";
-import { createRef as y, ref as v } from "lit/directives/ref.js";
-import { u as N } from "../../chunks/useT9n.js";
-import { O as U } from "../../chunks/orchestrator.js";
+import { createRef as v, ref as w } from "lit/directives/ref.js";
+import { u as U } from "../../chunks/useT9n.js";
+import { O as q } from "../../chunks/orchestrator.js";
 import "@langchain/core/callbacks/dispatch/web";
 import "@langchain/core/prompts";
 import "@langchain/openai";
 import "@arcgis/core/request.js";
-import V 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 j from "@arcgis/core/core/Accessor.js";
-import { property as m, subclass as q } from "@arcgis/core/core/accessorSupport/decorators.js";
+import V from "@arcgis/core/core/Accessor.js";
+import { property as m, subclass as F } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { marked as E } from "marked";
-import { g as H } from "../../chunks/utils3.js";
-import { g as S } from "../../chunks/slottableRequestUtils.js";
-const F = A`: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 w(o) {
+import { g as j } from "../../chunks/utils2.js";
+import { g as $ } from "../../chunks/slottableRequestUtils.js";
+const H = A`: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(o) {
   return o.trim() ? E.lexer(o).filter((t) => t.type !== "space").map((t) => E.parser([t])) : [];
 }
-class I {
+class C {
   constructor() {
     this._stableParts = [], this._stableText = "", this._rawText = "";
   }
@@ -42,11 +42,11 @@ class I {
   // 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(...w(t)), this._stableText = this._rawText), this._stableParts;
+    return t.trim() && (this._stableParts.push(...k(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)), s = t.trim() ? w(t) : [];
+    const t = this._trimIncompleteTail(this._rawText.slice(this._stableText.length)), s = t.trim() ? k(t) : [];
     return [...this._stableParts, ...s];
   }
   reset() {
@@ -57,8 +57,8 @@ class I {
     const t = this._rawText.slice(this._stableText.length), s = this._lastSafeBoundary(t);
     if (s <= 0)
       return;
-    const i = t.slice(0, s);
-    this._stableParts.push(...w(i)), this._stableText += i;
+    const r = t.slice(0, s);
+    this._stableParts.push(...k(r)), this._stableText += r;
   }
   /**
    * Find the last blank-line boundary that is outside code fences.
@@ -67,9 +67,9 @@ class I {
   _lastSafeBoundary(t) {
     const s = t.split(`
 `);
-    let i = !1, e = 0, n = 0;
-    for (const r of s)
-      /^\s*(```|~~~)/u.test(r) && (i = !i), n += r.length + 1, r.trim() === "" && !i && (e = n);
+    let r = !1, e = 0, n = 0;
+    for (const i of s)
+      /^\s*(```|~~~)/u.test(i) && (r = !r), n += i.length + 1, i.trim() === "" && !r && (e = n);
     return e < t.length ? e : 0;
   }
   /**
@@ -83,9 +83,9 @@ class I {
     const s = t.lastIndexOf("<");
     if (s !== -1 && !t.includes(">", s))
       return t.slice(0, s);
-    const i = this._earliestUnclosedTag(t);
-    if (i !== -1)
-      return t.slice(0, i);
+    const r = this._earliestUnclosedTag(t);
+    if (r !== -1)
+      return t.slice(0, r);
     const e = t.lastIndexOf("[");
     if (e !== -1) {
       const n = t.slice(e);
@@ -113,14 +113,14 @@ class I {
       "source",
       "track",
       "wbr"
-    ]), i = /<(\/?)([a-zA-Z][\w-]*)\b[^>]*?(\/?)>/gu, e = [];
-    for (let n = i.exec(t); n; n = i.exec(t)) {
-      const [, r, a, l] = n, h = a.toLowerCase();
+    ]), r = /<(\/?)([a-zA-Z][\w-]*)\b[^>]*?(\/?)>/gu, e = [];
+    for (let n = r.exec(t); n; n = r.exec(t)) {
+      const [, i, a, l] = n, h = a.toLowerCase();
       if (!(s.has(h) || l === "/"))
-        if (r === "/") {
-          for (let p = e.length - 1; p >= 0; p--)
-            if (e[p].name === h) {
-              e.splice(p);
+        if (i === "/") {
+          for (let g = e.length - 1; g >= 0; g--)
+            if (e[g].name === h) {
+              e.splice(g);
               break;
             }
         } else
@@ -129,41 +129,41 @@ class I {
     return e.length ? e[0].index : -1;
   }
 }
-function G(o) {
-  const t = new I();
+function W(o) {
+  const t = new C();
   return t.push(o), t.finalize();
 }
-const W = async (o) => await new Promise((t) => setTimeout(t, o));
-async function* Y(o, { chunkSize: t = 15, delay: s = 50 } = {}) {
-  const i = new I();
+const G = async (o) => await new Promise((t) => setTimeout(t, o));
+async function* Z(o, { chunkSize: t = 15, delay: s = 50 } = {}) {
+  const r = new C();
   for (let e = 0; e < o.length; e += t)
-    yield i.push(o.slice(e, e + t)), await W(s);
-  yield i.finalize();
+    yield r.push(o.slice(e, e + t)), await G(s);
+  yield r.finalize();
 }
-var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, u = (o, t, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? J(t, s) : t, n = o.length - 1, r; n >= 0; n--)
-    (r = o[n]) && (e = (i ? r(t, s, e) : r(e)) || e);
-  return i && e && Z(t, s, e), e;
+var J = Object.defineProperty, K = Object.getOwnPropertyDescriptor, u = (o, t, s, r) => {
+  for (var e = r > 1 ? void 0 : r ? K(t, s) : t, n = o.length - 1, i; n >= 0; n--)
+    (i = o[n]) && (e = (r ? i(t, s, e) : i(e)) || e);
+  return r && e && J(t, s, e), e;
 };
-const $ = (o) => !o || typeof o != "object" ? !1 : o.name === "AbortError";
-async function* C(o, t, s, i, e = !1) {
+const S = (o) => !o || typeof o != "object" ? !1 : o.name === "AbortError";
+async function* I(o, t, s, r, e = !1) {
   if (e) {
-    if (i?.aborted) {
+    if (r?.aborted) {
       yield { type: "cancelled", log: s, runId: t };
       return;
     }
-    yield { type: "block-data", blockType: "text", data: { parts: G(o) }, runId: t };
+    yield { type: "block-data", blockType: "text", data: { parts: W(o) }, runId: t };
     return;
   }
-  for await (const n of Y(o)) {
-    if (i?.aborted) {
+  for await (const n of Z(o)) {
+    if (r?.aborted) {
       yield { type: "cancelled", log: s, runId: t };
       return;
     }
     yield { type: "block-data", blockType: "text", data: { parts: n }, runId: t };
   }
 }
-let d = class extends j {
+let d = class extends V {
   constructor(o) {
     super(o), this.view = null, this.streamingDisabled = !1, this.loading = !1, this.processing = !1, this.processingStep = "";
   }
@@ -179,9 +179,9 @@ let d = class extends j {
     this.orchestrator?.dispose(), super.destroy();
   }
   async _initialize() {
-    this.removeHandles(), await Promise.all([this.portal.load(), this.view?.when()]), this.view && await L(() => !this.view.updating), this._set(
+    this.removeHandles(), await Promise.all([this.portal.load(), this.view?.when()]), this.view && await T(() => !this.view.updating), this._set(
       "orchestrator",
-      await U.init({
+      await q.init({
         agents: [...this.agents],
         view: this.view ?? void 0
       })
@@ -202,61 +202,61 @@ let d = class extends j {
       throw new Error("Orchestrator not initialized yet.");
     this._set("processing", !0), this._set("processingStep", "");
     const s = [];
-    let i, e = "pending";
+    let r, e = "pending";
     try {
       const n = this.orchestrator.ask(o);
-      for await (const r of n)
-        switch (e = r.runId, r.type) {
+      for await (const i of n)
+        switch (e = i.runId, i.type) {
           case "trace": {
-            this._set("processingStep", r.data.text), s.push(r.data.text);
+            this._set("processingStep", i.data.text), s.push(i.data.text);
             break;
           }
           case "completed": {
             this._set("processing", !1), this._set("processingStep", "");
-            const a = r.result, l = !!a.content.length, h = !!i?.length;
+            const a = i.result, l = !!a.content.length, h = !!r?.length;
             if (!l && !h) {
               yield { type: "completed", error: "No response received.", log: s, runId: e };
               return;
             }
-            const p = a.content;
-            if (yield { type: "block-start", blockType: "text", runId: e }, yield* C(p, e, s, t, this.streamingDisabled), yield { type: "block-end", blockType: "text", runId: e }, h)
-              for (const f of i) {
+            const g = a.content;
+            if (yield { type: "block-start", blockType: "text", runId: e }, yield* I(g, e, s, t, this.streamingDisabled), yield { type: "block-end", blockType: "text", runId: e }, h)
+              for (const _ of r) {
                 if (t?.aborted) {
                   yield { type: "cancelled", log: s, runId: e };
                   return;
                 }
-                const { type: b, data: _ } = f;
+                const { type: b, data: y } = _;
                 if (yield { type: "block-start", blockType: b, runId: e }, b === "text") {
-                  const P = typeof _?.content == "string" ? _.content : "";
-                  yield* C(P, e, s, t, this.streamingDisabled);
+                  const P = typeof y?.content == "string" ? y.content : "";
+                  yield* I(P, e, s, t, this.streamingDisabled);
                 } else
-                  yield { type: "block-data", blockType: b, data: _, runId: e };
+                  yield { type: "block-data", blockType: b, data: y, runId: e };
                 yield { type: "block-end", blockType: b, runId: e };
               }
-            yield { type: "completed", response: p, blocks: i, log: s, runId: e };
+            yield { type: "completed", response: g, blocks: r, log: s, runId: e };
             return;
           }
           case "ux-suggestion": {
-            const a = r.suggestion;
-            i = i ? [...i, a] : [a];
+            const a = i.suggestion;
+            r = r ? [...r, a] : [a];
             break;
           }
           case "interrupt": {
-            const { kind: a, message: l, metadata: h } = r.interrupt, p = Array.isArray(h) ? h.filter((b) => typeof b == "string") : [], f = (() => {
+            const { kind: a, message: l, metadata: h } = i.interrupt, g = Array.isArray(h) ? h.filter((b) => typeof b == "string") : [], _ = (() => {
               switch (a) {
                 case "booleanChoice":
-                  return { type: "boolean-choice", message: l, options: p };
+                  return { type: "boolean-choice", message: l, options: g };
                 case "singleSelection":
-                  return { type: "single-select", message: l, options: p };
+                  return { type: "single-select", message: l, options: g };
                 case "multipleSelection":
-                  return { type: "multi-select", message: l, options: p };
+                  return { type: "multi-select", message: l, options: g };
                 case "textInput":
                   return { type: "text-input", message: l };
                 default:
-                  return { type: a, message: l, options: p };
+                  return { type: a, message: l, options: g };
               }
             })();
-            this._set("processingStep", "Waiting for user input..."), yield { type: "interrupt", payload: f, runId: e };
+            this._set("processingStep", "Waiting for user input..."), yield { type: "interrupt", payload: _, runId: e };
             break;
           }
           case "cancelled": {
@@ -264,20 +264,20 @@ let d = class extends j {
             return;
           }
           case "error": {
-            if (t?.aborted || $(r.error)) {
+            if (t?.aborted || S(i.error)) {
               yield { type: "cancelled", log: s, runId: e };
               return;
             }
-            yield { type: "completed", error: r.error.message, log: s, runId: e };
+            yield { type: "completed", error: i.error.message, log: s, runId: e };
             return;
           }
           default: {
-            console.warn("Unknown event type:", r);
+            console.warn("Unknown event type:", i);
             break;
           }
         }
     } catch (n) {
-      if (t?.aborted || $(n)) {
+      if (t?.aborted || S(n)) {
         yield { type: "cancelled", log: s, runId: e };
         return;
       }
@@ -316,12 +316,12 @@ u([
   m({ readOnly: !0 })
 ], d.prototype, "processingStep", 2);
 d = u([
-  q("OrchestratorController")
+  F("OrchestratorController")
 ], d);
-const K = "Embeddings resource 'embeddings-v01.json' not found in the webmap portal item.", Q = "Embeddings not found for this web map.", X = "https://developers.arcgis.com/javascript/latest/agentic-apps/ai-webmap-setup/#embeddings";
-class tt extends M {
+const Q = "Embeddings resource 'embeddings-v01.json' not found in the webmap portal item.", X = "Embeddings not found for this web map.", Y = "https://developers.arcgis.com/javascript/latest/agentic-apps/ai-webmap-setup/#embeddings";
+class tt extends O {
   constructor() {
-    super(...arguments), this._messages = N({ blocking: !0 }), this.#t = y(), this.#l = y(), this.#s = y(), this.#e = null, this.#r = /* @__PURE__ */ new Map(), this.#i = O.getDefault(), this.#a = (t) => {
+    super(...arguments), this._messages = U({ blocking: !0 }), this.#t = v(), this.#l = v(), this.#s = v(), this.#e = null, this.#i = /* @__PURE__ */ new Map(), this.#r = M.getDefault(), this.#a = (t) => {
       t.stopPropagation(), this.cancelInterrupt();
     }, this.#n = (t) => {
       t.stopPropagation();
@@ -337,57 +337,57 @@ class tt extends M {
         return;
       }
       this._orchestratorController?.cancel(), this.#e?.abort(), this.#e = null;
-    }, this.#p = (t) => {
+    }, this.#g = (t) => {
       t.stopPropagation();
       const s = t.detail;
       this.arcgisFeedback.emit(s);
-    }, this.#g = (t) => {
+    }, this.#p = (t) => {
       t.stopPropagation();
       const s = t.detail;
       this._inputValue = s.prompt, this.arcgisPromptSelect.emit(s);
     }, this.#d = (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 T([]), this.referenceElement = null, this.suggestedPrompts = [], this.feedbackEnabled = !1, this.keepSuggestedPrompts = !1, this.streamingDisabled = !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 L([]), this.referenceElement = null, this.suggestedPrompts = [], this.feedbackEnabled = !1, this.keepSuggestedPrompts = !1, this.streamingDisabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.voiceInputEnabled = !1, this.readAloudEnabled = !1, this.assistantAvatarEnabled = !1, this.userAvatarEnabled = !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, _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, streamingDisabled: 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, streamingDisabled: 5, logEnabled: 5, copyEnabled: 5, voiceInputEnabled: 5, readAloudEnabled: 5, assistantAvatarEnabled: 5, userAvatarEnabled: 5 };
   }
   static {
-    this.styles = F;
+    this.styles = H;
   }
   #t;
   #l;
   #s;
   #e;
-  #r;
   #i;
+  #r;
   #a;
   #n;
   #c;
   #h;
-  #p;
   #g;
+  #p;
   #d;
   async #o() {
     try {
-      const t = H(this.el, this.referenceElement);
+      const t = j(this.el, this.referenceElement);
       await t?.componentOnReady();
-      const s = [...this.#r.values()];
+      const s = [...this.#i.values()];
       return s.length ? (this._orchestratorController?.destroy(), this._orchestratorController = new d({
         agents: s,
-        portal: this.#i,
+        portal: this.#r,
         streamingDisabled: this.streamingDisabled,
         view: t?.view
-      }), await this._orchestratorController.load(), !0) : (this._error = "No agents found.", !1);
+      }), await this._orchestratorController.load(), this.requestUpdate(), !0) : (this._error = this._messages.noAgentsFoundMessage, !1);
     } catch (t) {
-      return this._error = t?.message ?? "Error initializing orchestrator.", z(this)(t), !1;
+      return this._error = t?.message ?? this._messages.orchestratorInitializationErrorMessage, z(this)(t), !1;
     }
   }
   get _isSignedIn() {
-    return !!this.#i?.user || !!this._signedInUserId;
+    return !!this.#r?.user || !!this._signedInUserId;
   }
   get _user() {
-    return this.#i?.user?.fullName || this.#i?.user?.username;
+    return this.#r?.user?.fullName || this.#r?.user?.username;
   }
   get awaitingResponse() {
     return this._orchestratorController?.processing ?? !1;
@@ -408,10 +408,10 @@ class tt extends M {
     this.arcgisInterruptCancel.emit(), this.orchestrator?.cancelInterrupt(), this._interrupt = null;
   }
   register(t) {
-    this.#r.set(t.agent.id, t), this._orchestratorController && this.#o();
+    this.#i.set(t.agent.id, t), this._orchestratorController && this.#o();
   }
   unregister(t) {
-    this.#r.delete(t), this._orchestratorController && this.#o();
+    this.#i.delete(t), this._orchestratorController && this.#o();
   }
   async submitMessage(t) {
     const s = t.trim();
@@ -423,16 +423,16 @@ class tt extends M {
     }), !this._orchestratorController))
       return;
     this.#e = new AbortController(), this._orchestratorController.streamingDisabled = this.streamingDisabled;
-    const i = this._orchestratorController.ask(s, this.#e?.signal);
-    for await (const e of i) {
-      const n = e.runId, r = this.messages.at(-1);
+    const r = this._orchestratorController.ask(s, this.#e?.signal);
+    for await (const e of r) {
+      const n = e.runId, i = this.messages.at(-1);
       switch (e.type) {
         case "block-start": {
           this._isAnswering = !0;
           const a = { type: e.blockType, isPending: !0 };
-          if (r?.role === "assistant" && r.id === n) {
-            const l = [...r.blocks ?? [], a];
-            this.messages.splice(-1, 1, { ...r, blocks: l });
+          if (i?.role === "assistant" && i.id === n) {
+            const l = [...i.blocks ?? [], a];
+            this.messages.splice(-1, 1, { ...i, blocks: l });
           } else
             this.messages.push({
               role: "assistant",
@@ -444,28 +444,28 @@ class tt extends M {
           break;
         }
         case "block-data": {
-          if (r?.role !== "assistant" || r?.id !== n)
+          if (i?.role !== "assistant" || i?.id !== n)
             break;
-          const a = [...r.blocks ?? []], l = a[a.length - 1], { blockType: h, data: p } = e;
+          const a = [...i.blocks ?? []], l = a[a.length - 1], { blockType: h, data: g } = e;
           if (l?.type !== h || !l.isPending)
             break;
           h === "text" ? a[a.length - 1] = {
             ...l,
             data: {
               ...l.data,
-              parts: p?.parts
+              parts: g?.parts
             }
-          } : a[a.length - 1] = { ...l, data: { ...l.data, ...p ?? {} } }, this.messages.splice(-1, 1, { ...r, blocks: a });
+          } : a[a.length - 1] = { ...l, data: { ...l.data, ...g ?? {} } }, this.messages.splice(-1, 1, { ...i, blocks: a });
           break;
         }
         case "block-end": {
-          if (r?.role !== "assistant" || r?.id !== n)
+          if (i?.role !== "assistant" || i?.id !== n)
             break;
-          const a = [...r.blocks ?? []], l = a[a.length - 1];
+          const a = [...i.blocks ?? []], l = a[a.length - 1];
           if (l?.type !== e.blockType || !l.isPending)
             break;
           const h = l;
-          a[a.length - 1] = { ...h, data: { ...h.data }, isPending: !1 }, this.messages.splice(-1, 1, { ...r, blocks: a });
+          a[a.length - 1] = { ...h, data: { ...h.data }, isPending: !1 }, this.messages.splice(-1, 1, { ...i, blocks: a });
           break;
         }
         case "completed":
@@ -475,10 +475,10 @@ class tt extends M {
             error: e.error,
             id: n,
             interrupts: this._interruptDetails
-          }), this._interruptDetails = []) : r?.role === "assistant" && r.id === n && this.messages.splice(-1, 1, {
-            ...r,
+          }), this._interruptDetails = []) : i?.role === "assistant" && i.id === n && this.messages.splice(-1, 1, {
+            ...i,
             content: e.response,
-            blocks: r.blocks?.map((a) => ({ ...a, data: { ...a.data }, isPending: !1 })) ?? [],
+            blocks: i.blocks?.map((a) => ({ ...a, data: { ...a.data }, isPending: !1 })) ?? [],
             isStreaming: !1,
             log: e.log
           }), this._isAnswering = !1, this.#e = null, this._canceling = !1;
@@ -487,18 +487,16 @@ class tt extends M {
           this._interrupt = { ...e.payload, id: n }, this.arcgisInterrupt.emit(this._interrupt);
           break;
         case "cancelled":
-          r?.role === "assistant" && r.id === n ? this.messages.splice(-1, 1, {
-            ...r,
-            blocks: r.blocks?.filter((a) => a.type === "text" || !a.isPending) ?? [],
+          i?.role === "assistant" && i.id === n ? this.messages.splice(-1, 1, {
+            ...i,
+            blocks: i.blocks?.filter((a) => a.type === "text" || !a.isPending) ?? [],
             isStreaming: !1,
             log: e.log,
-            error: "(Stopped by user)"
-            // TODO: use strings from t9n
+            error: `(${this._messages.stoppedByUserLabel})`
           }) : (this.messages.push({
             role: "assistant",
             log: e.log,
-            error: "(Stopped by user)",
-            // TODO: use strings from t9n
+            error: `(${this._messages.stoppedByUserLabel})`,
             id: n,
             interrupts: this._interruptDetails
           }), this._interruptDetails = []), this._isAnswering = !1, this.#e = null, this._canceling = !1;
@@ -514,20 +512,20 @@ class tt extends M {
   }
   loaded() {
     this.manager.onLifecycle(() => {
-      this.#t.value?.addEventListener("arcgisPromptSelect", this.#g), this.#t.value?.addEventListener("arcgisSubmit", this.#c), this.#t.value?.addEventListener("arcgisCancel", this.#h), this.#t.value?.addEventListener("arcgisFeedback", this.#p);
+      this.#t.value?.addEventListener("arcgisPromptSelect", this.#p), this.#t.value?.addEventListener("arcgisSubmit", this.#c), this.#t.value?.addEventListener("arcgisCancel", this.#h), this.#t.value?.addEventListener("arcgisFeedback", this.#g);
       const t = D(() => !!this._interrupt && !!this.#s.value, () => {
-        const i = this.#s.value;
-        i.removeEventListener("arcgisSubmit", this.#n), i.removeEventListener("arcgisCancel", this.#a), i.addEventListener("arcgisSubmit", this.#n, { once: !0 }), i.addEventListener("arcgisCancel", this.#a, { once: !0 });
-      }), s = this.messages.on("after-add", (i) => {
-        const e = i.item;
+        const r = this.#s.value;
+        r.removeEventListener("arcgisSubmit", this.#n), r.removeEventListener("arcgisCancel", this.#a), r.addEventListener("arcgisSubmit", this.#n, { once: !0 }), r.addEventListener("arcgisCancel", this.#a, { once: !0 });
+      }), s = this.messages.on("after-add", (r) => {
+        const e = r.item;
         e.role === "assistant" && (e.error || e.content) && this.arcgisResponse.emit(e);
       });
       return queueMicrotask(() => {
-        this.#o().then((i) => {
-          i ? this.arcgisReady.emit() : this._error && this.arcgisError.emit(new Error(this._error));
+        this.#o().then((r) => {
+          r ? this.arcgisReady.emit() : this._error && this.arcgisError.emit(new Error(this._error));
         });
       }), () => {
-        t.remove(), s.remove(), this.#t.value?.removeEventListener("arcgisPromptSelect", this.#g), this.#s.value?.removeEventListener("arcgisSubmit", this.#n), this.#s.value?.removeEventListener("arcgisCancel", this.#a), this.#t.value?.removeEventListener("arcgisSubmit", this.#c), this.#t.value?.removeEventListener("arcgisCancel", this.#h), this.#t.value?.removeEventListener("arcgisFeedback", this.#p), this._orchestratorController?.destroy(), this._orchestratorController = null;
+        t.remove(), s.remove(), this.#t.value?.removeEventListener("arcgisPromptSelect", this.#p), this.#s.value?.removeEventListener("arcgisSubmit", this.#n), this.#s.value?.removeEventListener("arcgisCancel", this.#a), this.#t.value?.removeEventListener("arcgisSubmit", this.#c), this.#t.value?.removeEventListener("arcgisCancel", this.#h), this.#t.value?.removeEventListener("arcgisFeedback", this.#g), this._orchestratorController?.destroy(), this._orchestratorController = null;
       };
     });
   }
@@ -538,21 +536,21 @@ class tt extends M {
     return this._isSignedIn ? this._error ? this._renderErrorNotice() : this.entryMessage ? this.messages.length > 0 ? null : c`<calcite-notice open kind=brand closable icon width=full><div slot=message>${this.entryMessage}</div></calcite-notice>` : c`<slot name=entry-message></slot>` : this._renderSignInNotice();
   }
   _renderSignInNotice() {
-    const t = this.#i;
-    return c`<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 ? c`<calcite-link slot=link @click=${async () => {
+    const t = this.#r;
+    return c`<calcite-notice slot=entry-message open kind=brand icon width=full><div slot=message>${this._messages.signInRequiredMessage}</div>${t ? c`<calcite-link slot=link @click=${async () => {
       try {
-        const s = await V.getCredential(`${t.url}/sharing`);
+        const s = await N.getCredential(`${t.url}/sharing`);
         this._signedInUserId = s.userId, this._error = null, this.requestUpdate(), await this.#o() ? this.arcgisReady.emit() : this._error && this.arcgisError.emit(new Error(this._error));
       } catch (s) {
-        this._error = s?.message ?? "Error signing in.", this.arcgisError.emit(new Error(this._error)), B.log("error", this, "Error signing in:", { detail: { error: s } });
+        this._error = s?.message ?? this._messages.signInErrorMessage, this.arcgisError.emit(new Error(this._error)), B.log("error", this, "Error signing in:", { detail: { error: s } });
       }
-    }} target=_blank title="Sign in to ArcGIS Online">Sign in</calcite-link>` : c`<div slot=link>No portal information available</div>`}</calcite-notice>`;
+    }} target=_blank title=${this._messages.signInToArcGISOnlineLabel ?? f}>${this._messages.signInLabel}</calcite-link>` : c`<div slot=link>${this._messages.noPortalInformationMessage}</div>`}</calcite-notice>`;
   }
   _renderErrorNotice() {
-    return this._error ? c`<calcite-notice slot=entry-message open kind=brand icon width=full>${this._error === K ? c`<div slot=message>${Q}</div><calcite-link slot=link .href=${X} target=_blank title="Learn about web map embeddings">Read more</calcite-link>` : c`<div slot=message>${this._error}</div>`}</calcite-notice>` : null;
+    return this._error ? c`<calcite-notice slot=entry-message open kind=brand icon width=full>${this._error === Q ? c`<div slot=message>${X}</div><calcite-link slot=link .href=${Y} target=_blank title=${this._messages.learnAboutWebMapEmbeddingsLabel ?? f}>${this._messages.readMoreLabel}</calcite-link>` : c`<div slot=message>${this._error}</div>`}</calcite-notice>` : null;
   }
   render() {
-    return c`<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" ? c`<arcgis-assistant-message .message=${t} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled} @arcgisSlottableRequest=${this.#d} .assistantAvatarEnabled=${this.assistantAvatarEnabled}>${t.blocks?.map((s, i) => c`<slot name=${S(t.id, i) ?? k} slot=${S(t.id, i) ?? k}><arcgis-assistant-message-block .block=${s}></arcgis-assistant-message-block></slot>`)}</arcgis-assistant-message>` : c`<arcgis-assistant-user-message .message=${t} .user=${this._user}></arcgis-assistant-user-message>`)}</slot>${this._interrupt ? c`<div slot=message-loading><div class="interrupt-waiting-message">waiting for user input...</div></div>` : c`<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 ? c`<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 ? c`<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.#l)}><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 c`<calcite-panel .loading=${!this._orchestratorController && !this._error || this._orchestratorController?.loading} .heading=${this.heading ?? this._messages.assistantLabel} .description=${this.description} ${w(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" ? c`<arcgis-assistant-message .message=${t} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled} @arcgisSlottableRequest=${this.#d} .assistantAvatarEnabled=${this.assistantAvatarEnabled}>${t.blocks?.map((s, r) => c`<slot name=${$(t.id, r) ?? f} slot=${$(t.id, r) ?? f}><arcgis-assistant-message-block .block=${s}></arcgis-assistant-message-block></slot>`)}</arcgis-assistant-message>` : c`<arcgis-assistant-user-message .message=${t} .user=${this._user} .userAvatarEnabled=${this.userAvatarEnabled}></arcgis-assistant-user-message>`)}</slot>${this._interrupt ? c`<div slot=message-loading><div class="interrupt-waiting-message">${this._messages.waitingForUserInputMessage}</div></div>` : c`<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 ? c`<slot name=interrupt><arcgis-assistant-interrupt slot=content-bottom .type=${this._interrupt.type} .message=${this._interrupt.message} .options=${this._interrupt.options} ${w(this.#s)}></arcgis-assistant-interrupt></slot>` : this.suggestedPrompts?.length ? c`<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} ${w(this.#l)}><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.#l.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>`;
   }