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

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

@@ -1,56 +1,171 @@
 /* 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 { 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 { c as L } from "../../chunks/runtime.js";
+import { css as T, html as h } 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 * 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 { 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 T from "@arcgis/core/identity/IdentityManager.js";
+import "@arcgis/core/request.js";
+import $ 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 { 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--)
-    (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));
-async function* F(c, {
-  chunkSize: t = 5,
-  // chars per "token"
-  delay: e = 20
-  // ms between chunks
-} = {}) {
-  let i = 0;
-  for (; i < c.length; )
-    yield c.slice(i, i + t), i += t, await q(e);
+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 { g as j } from "../../chunks/utils3.js";
+import { g as I } 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])) : [];
 }
-async function* E(c, t, e, i) {
-  for await (const r of F(c)) {
-    if (i?.aborted) {
+class C {
+  constructor() {
+    this._stableParts = [], this._stableText = "", this._rawText = "";
+  }
+  // full streamed markdown so far
+  // Add one chunk and return all current segments.
+  push(t) {
+    return this._rawText += t, this._advanceStableBoundary(), this.getParts();
+  }
+  // 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;
+  }
+  // Get full output: stable segments + current live tail.
+  getParts() {
+    const t = this._trimIncompleteTail(this._rawText.slice(this._stableText.length)), e = t.trim() ? k(t) : [];
+    return [...this._stableParts, ...e];
+  }
+  reset() {
+    this._stableParts = [], this._stableText = "", this._rawText = "";
+  }
+  // Move parse-safe content from live tail into stable content.
+  _advanceStableBoundary() {
+    const t = this._rawText.slice(this._stableText.length), e = this._lastSafeBoundary(t);
+    if (e <= 0)
+      return;
+    const s = t.slice(0, e);
+    this._stableParts.push(...k(s)), this._stableText += s;
+  }
+  /**
+   * Find the last blank-line boundary that is outside code fences.
+   * Returns 0 if no safe boundary is available yet.
+   */
+  _lastSafeBoundary(t) {
+    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);
+    return i < t.length ? i : 0;
+  }
+  /**
+   * Remove incomplete syntax at the end so we do not render partial markup.
+   * Handles:
+   *   - open HTML tags without closing '>'
+   *   - HTML elements missing closing tags
+   *   - markdown links missing closing ')'
+   */
+  _trimIncompleteTail(t) {
+    const e = t.lastIndexOf("<");
+    if (e !== -1 && !t.includes(">", e))
+      return t.slice(0, e);
+    const s = this._earliestUnclosedTag(t);
+    if (s !== -1)
+      return t.slice(0, s);
+    const i = t.lastIndexOf("[");
+    if (i !== -1) {
+      const r = t.slice(i);
+      if (!/\[[^\]]*\]\([^)]*\)/u.test(r))
+        return t.slice(0, i);
+    }
+    return t;
+  }
+  /**
+   * Return the index of the earliest unclosed opening tag, or -1.
+   * Ignores void elements (img, br, input, etc.) and self-closing tags.
+   */
+  _earliestUnclosedTag(t) {
+    const e = /* @__PURE__ */ new Set([
+      "br",
+      "img",
+      "hr",
+      "input",
+      "meta",
+      "link",
+      "area",
+      "base",
+      "col",
+      "embed",
+      "source",
+      "track",
+      "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);
+              break;
+            }
+        } else
+          i.push({ name: c, index: r.index });
+    }
+    return i.length ? i[0].index : -1;
+  }
+}
+function G(l) {
+  const t = new C();
+  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();
+  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);
+  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) {
+  if (i) {
+    if (s?.aborted) {
       yield { type: "cancelled", log: e, runId: t };
       return;
     }
-    yield { type: "block-data", blockType: "text", data: { content: r }, runId: t };
+    yield { type: "block-data", blockType: "text", data: { parts: G(l) }, runId: t };
+    return;
+  }
+  for await (const r of J(l)) {
+    if (s?.aborted) {
+      yield { type: "cancelled", log: e, runId: t };
+      return;
+    }
+    yield { type: "block-data", blockType: "text", data: { parts: r }, runId: t };
   }
 }
-let d = class extends N {
-  constructor(c) {
-    super(c), this.view = null, this.loading = !1, this.processing = !1, this.processingStep = "";
+let b = class extends H {
+  constructor(l) {
+    super(l), this.view = null, this.streamingDisabled = !1, this.runtimeEventsEnabled = !1, this.loading = !1, this.processing = !1, this.processingStep = "";
   }
   async load() {
     this._set("loading", !0);
@@ -64,14 +179,15 @@ let d = class extends N {
     this.orchestrator?.dispose(), super.destroy();
   }
   async _initialize() {
-    this.removeHandles(), await Promise.all([this.portal.load(), this.view?.when()]), this.view && await P(() => !this.view.updating), this._set(
+    this.removeHandles(), await Promise.all([this.portal.load(), this.view?.when()]), this.view && await R(() => !this.view.updating), this._set(
       "orchestrator",
-      await D.init({
+      await F.init({
         agents: [...this.agents],
+        runtimeEventsEnabled: this.runtimeEventsEnabled,
         view: this.view ?? void 0
       })
     ), this.addHandles([
-      A(
+      D(
         () => [this.view, this.agents],
         () => {
           this._initialize();
@@ -82,85 +198,95 @@ let d = class extends N {
   clearChatHistory() {
     this.orchestrator?.newConversation();
   }
-  async *ask(c, t) {
+  async *ask(l, t, e) {
     if (!this.orchestrator)
       throw new Error("Orchestrator not initialized yet.");
     this._set("processing", !0), this._set("processingStep", "");
-    const e = [];
-    let i;
+    const s = [];
+    let i, r = "pending";
     try {
-      const r = this.orchestrator.ask(c);
-      for await (const n of r) {
-        const s = n.runId;
-        switch (n.type) {
+      const d = this.orchestrator.ask(l, t);
+      for await (const p of d)
+        switch (r = p.runId, p.type) {
+          case "runtime": {
+            yield { type: "runtime", event: p, runId: r };
+            break;
+          }
           case "trace": {
-            this._set("processingStep", n.data.text), e.push(n.data.text);
+            this._set("processingStep", p.data.text), s.push(p.data.text);
             break;
           }
           case "completed": {
             this._set("processing", !1), this._set("processingStep", "");
-            const a = n.result, o = !!a.content.length, h = !!i?.length;
-            if (!o && !h) {
-              yield { type: "completed", error: "No response received.", log: e, runId: s };
+            const o = p.result, c = !!o.content.length, a = !!i?.length;
+            if (!c && !a) {
+              yield { type: "completed", error: "No response received.", log: s, runId: r };
               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)
-              for (const f of i) {
-                if (t?.aborted) {
-                  yield { type: "cancelled", log: e, runId: s };
+            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) {
+                if (e?.aborted) {
+                  yield { type: "cancelled", log: s, runId: r };
                   return;
                 }
-                const { type: u, data: y } = f;
-                if (yield { type: "block-start", blockType: u, runId: s }, u === "text") {
-                  const S = typeof y?.content == "string" ? y.content : "";
-                  yield* E(S, s, e, t);
+                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);
                 } else
-                  yield { type: "block-data", blockType: u, data: y, runId: s };
-                yield { type: "block-end", blockType: u, runId: s };
+                  yield { type: "block-data", blockType: u, data: y, runId: r };
+                yield { type: "block-end", blockType: u, runId: r };
               }
-            yield { type: "completed", response: p, blocks: i, log: e, runId: s };
+            yield { type: "completed", response: n, blocks: i, log: s, runId: r };
             return;
           }
           case "ux-suggestion": {
-            const a = n.suggestion;
-            i = i ? [...i, a] : [a];
+            const o = p.suggestion;
+            i = i ? [...i, o] : [o];
             break;
           }
           case "interrupt": {
-            const { kind: a, message: o, metadata: h } = n.interrupt, p = Array.isArray(h) ? h.filter((u) => typeof u == "string") : [], f = (() => {
-              switch (a) {
+            const { kind: o, message: c, metadata: a } = p.interrupt, n = Array.isArray(a) ? a.filter((u) => typeof u == "string") : [], g = (() => {
+              switch (o) {
                 case "booleanChoice":
-                  return { type: "boolean-choice", message: o, options: p };
+                  return { type: "boolean-choice", message: c, options: n };
                 case "singleSelection":
-                  return { type: "single-select", message: o, options: p };
+                  return { type: "single-select", message: c, options: n };
                 case "multipleSelection":
-                  return { type: "multi-select", message: o, options: p };
+                  return { type: "multi-select", message: c, options: n };
                 case "textInput":
-                  return { type: "text-input", message: o };
+                  return { type: "text-input", message: c };
                 default:
-                  return { type: a, message: o, options: p };
+                  return { type: o, message: c, options: n };
               }
             })();
-            this._set("processingStep", "Waiting for user input..."), yield { type: "interrupt", payload: f, runId: s };
+            this._set("processingStep", "Waiting for user input..."), yield { type: "interrupt", payload: g, runId: r };
             break;
           }
           case "cancelled": {
-            yield { type: "cancelled", log: e, runId: s };
+            yield { type: "cancelled", log: s, runId: r };
             return;
           }
           case "error": {
-            yield { type: "completed", error: n.error.message, log: e, runId: s };
+            if (e?.aborted || A(p.error)) {
+              yield { type: "cancelled", log: s, runId: r };
+              return;
+            }
+            yield { type: "completed", error: p.error.message, log: s, runId: r };
             return;
           }
           default: {
-            console.warn("Unknown event type:", n);
+            console.warn("Unknown event type:", p);
             break;
           }
         }
+    } catch (d) {
+      if (e?.aborted || A(d)) {
+        yield { type: "cancelled", log: s, runId: r };
+        return;
       }
-    } catch (r) {
-      console.warn("Error during message processing:", r), yield { type: "completed", error: "An error occurred during message processing.", log: e, runId: "error" };
+      console.warn("Error during message processing:", d), yield { type: "completed", error: "An error occurred during message processing.", log: s, runId: "error" };
       return;
     } finally {
       this._set("processing", !1);
@@ -170,43 +296,58 @@ let d = class extends N {
     this.orchestrator?.cancel();
   }
 };
-m([
-  b({ readOnly: !0 })
-], d.prototype, "orchestrator", 2);
-m([
-  b()
-], d.prototype, "agents", 2);
-m([
-  b()
-], d.prototype, "portal", 2);
-m([
-  b()
-], d.prototype, "view", 2);
-m([
-  b({ readOnly: !0 })
-], d.prototype, "loading", 2);
-m([
-  b({ readOnly: !0 })
-], d.prototype, "processing", 2);
-m([
-  b({ readOnly: !0 })
-], d.prototype, "processingStep", 2);
-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 {
+f([
+  _({ readOnly: !0 })
+], b.prototype, "orchestrator", 2);
+f([
+  _()
+], b.prototype, "agents", 2);
+f([
+  _()
+], b.prototype, "portal", 2);
+f([
+  _()
+], b.prototype, "view", 2);
+f([
+  _()
+], b.prototype, "streamingDisabled", 2);
+f([
+  _()
+], b.prototype, "runtimeEventsEnabled", 2);
+f([
+  _({ readOnly: !0 })
+], b.prototype, "loading", 2);
+f([
+  _({ readOnly: !0 })
+], b.prototype, "processing", 2);
+f([
+  _({ readOnly: !0 })
+], b.prototype, "processingStep", 2);
+b = f([
+  V("OrchestratorController")
+], b);
+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 = 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 = 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) => {
       t.stopPropagation(), this.cancelInterrupt();
-    }, this.#a = (t) => {
+    }, this.#n = (t) => {
       t.stopPropagation();
       const e = t.detail;
       this.submitInterrupt(e);
     }, this.#l = (t) => {
-      t.stopPropagation(), this.keepSuggestedPrompts || (this.suggestedPrompts = []);
-      const e = t.detail;
-      this._inputValue = "", this.arcgisSubmit.emit(e), this.submitMessage(e);
+      if (t.stopPropagation(), t.defaultPrevented)
+        return;
+      const e = t.detail, s = typeof e == "string" ? e : e.prompt, i = typeof e == "string" ? void 0 : { displayText: e.displayText, parts: e.parts };
+      if (!this.#b(s, i?.parts ?? [])) {
+        t.preventDefault();
+        return;
+      }
+      if (this.arcgisSubmit.emit(e).defaultPrevented) {
+        t.preventDefault();
+        return;
+      }
+      this.keepSuggestedPrompts || (this.suggestedPrompts = []), this._inputValue = "", this.submitMessage(s, i);
     }, this.#c = (t) => {
       if (this._canceling = !0, t.stopPropagation(), this.arcgisCancel.emit(), this._interrupt) {
         this.orchestrator?.cancelInterrupt(), this._interrupt = null;
@@ -217,49 +358,38 @@ class Y extends R {
       t.stopPropagation();
       const e = t.detail;
       this.arcgisFeedback.emit(e);
-    }, this.#p = (t) => {
+    }, this.#d = (t) => {
       t.stopPropagation();
       const e = t.detail;
       this._inputValue = e.prompt, this.arcgisPromptSelect.emit(e);
-    }, this.#g = (t) => {
+    }, this.#u = (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._submissionError = null, this._inputValue = "", this._isAnswering = !1, this._canceling = !1, this.messages = new M([]), this.referenceElement = null, this.suggestedPrompts = [], this.feedbackEnabled = !1, this.keepSuggestedPrompts = !1, this.streamingDisabled = !1, this.runtimeEventsEnabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.voiceInputEnabled = !1, this.readAloudEnabled = !1, this.assistantAvatarEnabled = !1, this.userAvatarEnabled = !1, this.arcgisCancel = m(), this.arcgisError = m(), this.arcgisFeedback = m(), this.arcgisInterrupt = m(), this.arcgisInterruptCancel = m(), this.arcgisInterruptSubmit = m(), this.arcgisPromptSelect = m(), this.arcgisReady = m(), this.arcgisResponse = m(), this.arcgisRuntime = m({ bubbles: !1, composed: !1 }), this.arcgisSlottableRequest = m({ bubbles: !1, composed: !1 }), this.arcgisSubmit = m({ cancelable: !0 });
   }
   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, _submissionError: 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, alwaysUseAgentId: 1, allowedAgentIds: [1, { type: Array }], commandProvider: 0, entityProviders: 0, suggestedPrompts: [1, { type: Array }], feedbackEnabled: 5, keepSuggestedPrompts: 5, streamingDisabled: 5, runtimeEventsEnabled: 5, logEnabled: 5, copyEnabled: 5, voiceInputEnabled: 5, readAloudEnabled: 5, assistantAvatarEnabled: 5, userAvatarEnabled: 5 };
   }
   static {
-    this.styles = z;
+    this.styles = W;
   }
   #t;
-  #n;
-  #s;
-  #e;
   #o;
   #i;
+  #e;
   #r;
+  #s;
   #a;
+  #n;
   #l;
   #c;
   #h;
-  #p;
-  #g;
-  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({
-        agents: e,
-        portal: this.#i,
-        view: t?.view
-      }), await this._orchestratorController.load(), !0) : (this._error = "No agents found.", !1);
-    } catch (t) {
-      return this._error = t?.message ?? "Error initializing orchestrator.", O(this)(t), !1;
-    }
+  #d;
+  #u;
+  get _isSignedIn() {
+    return !!this.#s?.user || !!this._signedInUserId;
   }
   get _user() {
-    return this.#i?.user?.fullName || this.#i?.user?.username;
+    return this.#s?.user?.fullName || this.#s?.user?.username;
   }
   get awaitingResponse() {
     return this._orchestratorController?.processing ?? !1;
@@ -273,158 +403,214 @@ class Y extends R {
   get orchestrator() {
     return this._orchestratorController?.orchestrator;
   }
-  async clearChatHistory() {
-    this._reset(), this._orchestratorController?.clearChatHistory();
-  }
   cancelInterrupt() {
     this.arcgisInterruptCancel.emit(), this.orchestrator?.cancelInterrupt(), this._interrupt = null;
   }
+  async clearChatHistory() {
+    this._reset(), this._orchestratorController?.clearChatHistory();
+  }
   register(t) {
-    this.#o.set(t.agent.id, t);
+    this.#r.set(t.agent.id, t), this._orchestratorController && this.#g();
+  }
+  submitInterrupt(t) {
+    this.arcgisInterruptSubmit.emit(t), this._interrupt && (this._interruptDetails = [...this._interruptDetails, { interrupt: this._interrupt, response: t }]), this.orchestrator?.resumeInterrupt(t), this._interrupt = null;
   }
-  async submitMessage(t) {
-    const e = t.trim();
-    if (!e || (this.messages.push({
+  async submitMessage(t, e) {
+    const s = t.trim(), i = e?.parts ?? [];
+    if (!s && !i.length || !this.#b(s, i) || (this.messages.push({
       id: Date.now().toString(),
       // TODO: Replace with a more robust ID generation method or get from orchestrator
       role: "user",
-      content: e
+      content: e?.displayText?.trim() || s || i.map((o) => this.#f(o)).join(" "),
+      parts: i
     }), !this._orchestratorController))
       return;
-    this.#e = new AbortController();
-    const i = this._orchestratorController.ask(e, this.#e?.signal);
-    for await (const r of i) {
-      const n = r.runId, s = this.messages.at(-1);
-      switch (r.type) {
+    this.#e = new AbortController(), this._orchestratorController.streamingDisabled = this.streamingDisabled;
+    const r = this.#m(i), d = {
+      ...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) {
+        case "runtime":
+          this.arcgisRuntime.emit(o.event);
+          break;
         case "block-start": {
           this._isAnswering = !0;
-          const a = { type: r.blockType, isPending: !0 };
-          if (s?.role === "assistant" && s.id === n) {
-            const o = [...s.blocks ?? [], a];
-            this.messages.splice(-1, 1, { ...s, blocks: o });
+          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 });
           } else
             this.messages.push({
               role: "assistant",
-              blocks: [a],
-              id: n,
+              blocks: [n],
+              id: c,
               isStreaming: !0,
               interrupts: this._interruptDetails
             }), this._interruptDetails = [];
           break;
         }
         case "block-data": {
-          if (s?.role !== "assistant" || s?.id !== n)
+          if (a?.role !== "assistant" || a?.id !== c)
             break;
-          const a = [...s.blocks ?? []], o = a[a.length - 1], { blockType: h, data: p } = r;
-          if (o?.type !== h || !o.isPending)
+          const n = [...a.blocks ?? []], g = n[n.length - 1], { blockType: u, data: y } = o;
+          if (g?.type !== u || !g.isPending)
             break;
-          if (h === "text") {
-            const f = typeof o.data?.content == "string" ? o.data.content : "", u = typeof p?.content == "string" ? p.content : "";
-            a[a.length - 1] = { ...o, data: { ...o.data, content: f + u } };
-          } else
-            a[a.length - 1] = { ...o, data: { ...o.data, ...p ?? {} } };
-          this.messages.splice(-1, 1, { ...s, blocks: a });
+          u === "text" ? n[n.length - 1] = {
+            ...g,
+            data: {
+              ...g.data,
+              parts: y?.parts
+            }
+          } : n[n.length - 1] = { ...g, data: { ...g.data, ...y ?? {} } }, this.messages.splice(-1, 1, { ...a, blocks: n });
           break;
         }
         case "block-end": {
-          if (s?.role !== "assistant" || s?.id !== n)
+          if (a?.role !== "assistant" || a?.id !== c)
             break;
-          const a = [...s.blocks ?? []], o = a[a.length - 1];
-          if (o?.type !== r.blockType || !o.isPending)
+          const n = [...a.blocks ?? []], g = n[n.length - 1];
+          if (g?.type !== o.blockType || !g.isPending)
             break;
-          const h = o;
-          a[a.length - 1] = { ...h, data: { ...h.data }, isPending: !1 }, this.messages.splice(-1, 1, { ...s, blocks: a });
+          const u = g;
+          n[n.length - 1] = { ...u, data: { ...u.data }, isPending: !1 }, this.messages.splice(-1, 1, { ...a, blocks: n });
           break;
         }
         case "completed":
-          r.error ? (this.messages.push({
+          o.error ? (this.messages.push({
             role: "assistant",
-            log: r.log,
-            error: r.error,
-            id: n,
+            log: o.log,
+            error: o.error,
+            id: c,
             interrupts: this._interruptDetails
-          }), this._interruptDetails = []) : s?.role === "assistant" && s.id === n && this.messages.splice(-1, 1, {
-            ...s,
-            content: r.response,
-            blocks: s.blocks?.map((a) => ({ ...a, isPending: !1 })) ?? [],
+          }), 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 })) ?? [],
             isStreaming: !1,
-            log: r.log
+            log: o.log
           }), this._isAnswering = !1, this.#e = null, this._canceling = !1;
           break;
         case "interrupt":
-          this._interrupt = { ...r.payload, id: n }, this.arcgisInterrupt.emit(this._interrupt);
+          this._interrupt = { ...o.payload, id: c }, this.arcgisInterrupt.emit(this._interrupt);
           break;
         case "cancelled":
-          s?.role === "assistant" && s.id === n ? this.messages.splice(-1, 1, {
-            ...s,
-            blocks: s.blocks?.filter((a) => a.type === "text" || !a.isPending) ?? [],
+          a?.role === "assistant" && a.id === c ? this.messages.splice(-1, 1, {
+            ...a,
+            blocks: a.blocks?.filter((n) => n.type === "text" || !n.isPending) ?? [],
             isStreaming: !1,
-            log: r.log,
-            error: "(Stopped by user)"
-            // TODO: use strings from t9n
+            log: o.log,
+            error: `(${this._messages.stoppedByUserLabel})`
           }) : (this.messages.push({
             role: "assistant",
-            log: r.log,
-            error: "(Stopped by user)",
-            // TODO: use strings from t9n
-            id: n,
+            log: o.log,
+            error: `(${this._messages.stoppedByUserLabel})`,
+            id: c,
             interrupts: this._interruptDetails
           }), this._interruptDetails = []), this._isAnswering = !1, this.#e = null, this._canceling = !1;
           break;
       }
     }
   }
-  submitInterrupt(t) {
-    this.arcgisInterruptSubmit.emit(t), this._interrupt && (this._interruptDetails = [...this._interruptDetails, { interrupt: this._interrupt, response: t }]), this.orchestrator?.resumeInterrupt(t), this._interrupt = null;
+  unregister(t) {
+    this.#r.delete(t), this._orchestratorController && this.#g();
   }
   load() {
     this.manager.onLifecycle(this._reset.bind(this));
   }
   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, () => {
-        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) => {
-        const r = i.item;
-        r.role === "assistant" && (r.error || r.content) && this.arcgisResponse.emit(r);
+      this.#t.value?.addEventListener("arcgisPromptSelect", this.#d), this.#t.value?.addEventListener("arcgisSubmit", this.#l), this.#t.value?.addEventListener("arcgisCancel", this.#c), this.#t.value?.addEventListener("arcgisFeedback", this.#h);
+      const t = O(() => !!this._interrupt && !!this.#i.value, () => {
+        const s = this.#i.value;
+        s.removeEventListener("arcgisSubmit", this.#n), s.removeEventListener("arcgisCancel", this.#a), s.addEventListener("arcgisSubmit", this.#n, { once: !0 }), s.addEventListener("arcgisCancel", this.#a, { once: !0 });
+      }), e = this.messages.on("after-add", (s) => {
+        const i = s.item;
+        i.role === "assistant" && (i.error || i.content) && this.arcgisResponse.emit(i);
       });
       return queueMicrotask(() => {
-        this.#d().then((i) => {
-          i ? this.arcgisReady.emit() : this._error && this.arcgisError.emit(new Error(this._error));
-        });
+        this.#p();
       }), () => {
-        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.#d), this.#i.value?.removeEventListener("arcgisSubmit", this.#n), this.#i.value?.removeEventListener("arcgisCancel", this.#a), 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;
       };
     });
   }
+  willUpdate(t) {
+    this.hasUpdated && t.has("runtimeEventsEnabled") && this._orchestratorController && (this._orchestratorController.destroy(), this._orchestratorController = null, this.#p());
+  }
+  #f(t) {
+    return t.kind === "command" ? `/${t.id}` : `${t.trigger}${t.id}`;
+  }
+  #m(t) {
+    for (const e of t)
+      if (e.kind === "command" && e.agentId)
+        return e.agentId;
+    return this.alwaysUseAgentId;
+  }
+  #b(t, e) {
+    const s = e.filter((i) => i.kind === "command").length > 1;
+    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);
+    const t = await this.#s.load();
+    if (!t.helperServices?.aiAssistantServices?.url)
+      throw new Error(this._messages.serviceUrlNotAvailableMessage);
+    let s = !1;
+    const i = await t.fetchSettings();
+    if (i.aiConfig ? s = i.aiConfig.aiForOrg?.enabled === !0 && i.aiConfig.aiForOrg?.aiCapabilities?.aiAgents?.enabled === !0 : s = i.aiAssistantsEnabled === !0, !s)
+      throw new Error(this._messages.aiAssistantsNotEnabledMessage);
+    if (!t.isPortal && !(t?.user?.privileges?.includes("portal:user:useAIAssistants") === !0))
+      throw new Error(this._messages.userPrivilegesNotSufficientMessage);
+  }
+  async #g() {
+    try {
+      this._error = null;
+      const t = j(this.el, this.referenceElement);
+      await t?.componentOnReady();
+      const e = [...this.#r.values()];
+      return e.length ? (await this.#_(), this._orchestratorController?.destroy(), this._orchestratorController = new b({
+        agents: e,
+        portal: this.#s,
+        runtimeEventsEnabled: this.runtimeEventsEnabled,
+        streamingDisabled: this.streamingDisabled,
+        view: t?.view
+      }), await this._orchestratorController.load(), this.requestUpdate(), !0) : (this._error = this._messages.noAgentsFoundMessage, !1);
+    } catch (t) {
+      return this._error = t?.message ?? this._messages.orchestratorInitializationErrorMessage, N(this)(t), !1;
+    }
+  }
+  async #p() {
+    await this.#g() ? this.arcgisReady.emit() : this._error && this.arcgisError.emit(new Error(this._error));
+  }
   _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._submissionError = 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 : 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();
   }
   _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 () => {
+    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 () => {
       try {
-        await T.getCredential(t.url), this._error = null, await this.#d(), this.arcgisReady.emit();
+        const e = await $.getCredential(`${t.url}/sharing`);
+        this._signedInUserId = e.userId, this._error = null, this.requestUpdate(), await this.#p();
       } catch (e) {
-        console.error("Error signing in:", 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="Sign in to ArcGIS Online">Sign in</calcite-link>` : l`<div slot=link>No portal information available</div>`}</calcite-notice>`;
+    }} target=_blank title=${this._messages.signInToArcGISOnlineLabel ?? v}>${this._messages.signInLabel}</calcite-link>` : h`<div slot=link>${this._messages.noPortalInformationMessage}</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 ? 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;
   }
   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=${() => {
-      this.#n.value?.submitMessage();
+    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=${() => {
+      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>`;
   }
 }
-$("arcgis-assistant", Y);
+L("arcgis-assistant", et);
 export {
-  Y as ArcgisAssistant
+  et as ArcgisAssistant
 };