@arcgis/ai-components 5.1.0-next.99 → 5.1.1

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

@@ -0,0 +1,74 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as i } from "../../chunks/runtime.js";
+import { LitElement as r } from "@arcgis/lumina";
+import "@langchain/langgraph/web";
+import "../../chunks/adapter.js";
+import "@arcgis/core/identity/IdentityManager.js";
+import "@arcgis/core/portal/Portal.js";
+import "@arcgis/toolkit/string";
+import "../../chunks/generateLayerDescriptions.js";
+import "@langchain/core/messages";
+import "@langchain/core/callbacks/dispatch/web";
+import "@langchain/openai";
+import "@arcgis/core/config.js";
+import "@arcgis/core/core/reactiveUtils.js";
+import "@arcgis/core/layers/FeatureLayer.js";
+import "@arcgis/core/request.js";
+import "@langchain/core/prompts";
+import "@langchain/langgraph/prebuilt";
+import "zod";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "@arcgis/core/smartMapping/statistics/uniqueValues.js";
+import { A as s } from "../../chunks/arcgisKnowledgeGraph.js";
+import { b as o, a as n } from "../../chunks/utils2.js";
+import { fetchKnowledgeGraph as a } from "@arcgis/core/rest/knowledgeGraphService.js";
+class c extends r {
+  constructor() {
+    super(...arguments), this.agent = s;
+  }
+  static {
+    this.properties = { referenceElement: 1, serviceUrl: 3, context: 0 };
+  }
+  #e;
+  #i;
+  #t;
+  #r;
+  get serviceUrl() {
+    return this.#i;
+  }
+  set serviceUrl(t) {
+    this.#i = t;
+  }
+  async getContext() {
+    const t = this.context ? { ...this.context, knowledgeGraph: void 0, view: void 0 } : {};
+    if (this.#e)
+      return {
+        ...t,
+        view: this.#e
+      };
+    if (this.#t)
+      try {
+        const e = await this.#t;
+        return { ...t, knowledgeGraph: e };
+      } catch (e) {
+        console.error("Failed to load knowledge graph via service URL:", e);
+      }
+    if (!this.context?.knowledgeGraph && !this.context?.view)
+      throw new Error("arcgis-assistant-knowledge-agent requires either a knowledgeGraph or view in context, and neither were provided");
+    return this.context;
+  }
+  willUpdate(t) {
+    t.has("serviceUrl") && this.serviceUrl ? this.#t = a(this.serviceUrl) : this.#t = void 0;
+  }
+  load() {
+    this.#e = o(this) ?? void 0, this.#r = n(this);
+  }
+  disconnectedCallback() {
+    this.#r?.unregister(this.agent.id), super.disconnectedCallback();
+  }
+}
+i("arcgis-assistant-knowledge-agent", c);
+export {
+  c as ArcgisAssistantKnowledgeAgent
+};

package/dist/components/arcgis-assistant-knowledge-agent/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -1,23 +1,48 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as t } from "../../chunks/runtime.js";
-import { LitElement as s } from "@arcgis/lumina";
-import { LayerStylingAgent as e } from "@arcgis/ai-agents";
-import { r as i, a as r } from "../../chunks/utils.js";
-class a extends s {
+import { LitElement as i } from "@arcgis/lumina";
+import "@langchain/langgraph/web";
+import "../../chunks/adapter.js";
+import "@arcgis/core/identity/IdentityManager.js";
+import "@arcgis/core/portal/Portal.js";
+import "@arcgis/toolkit/string";
+import "../../chunks/generateLayerDescriptions.js";
+import "@langchain/core/messages";
+import "@langchain/core/callbacks/dispatch/web";
+import "@langchain/openai";
+import "@arcgis/core/config.js";
+import "@arcgis/core/core/reactiveUtils.js";
+import "@arcgis/core/layers/FeatureLayer.js";
+import "@arcgis/core/request.js";
+import "@langchain/core/prompts";
+import "@langchain/langgraph/prebuilt";
+import "zod";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "@arcgis/core/smartMapping/statistics/uniqueValues.js";
+import { L as r } from "../../chunks/layerStylingGraph.js";
+import "@arcgis/core/views/LinkChartView.js";
+import "@arcgis/core/rest/knowledgeGraphService.js";
+import { r as s, a as e } from "../../chunks/utils2.js";
+class a extends i {
   constructor() {
-    super(...arguments), this.agent = e;
+    super(...arguments), this.agent = r;
   }
   static {
     this.properties = { referenceElement: 1 };
   }
   #t;
+  #i;
   getContext() {
     if (!this.#t)
       throw new Error("arcgis-assistant-layer-styling-agent requires a mapView");
     return { mapView: this.#t };
   }
   load() {
-    this.#t = i(this, "arcgis-assistant-layer-styling-agent"), r(this);
+    this.#t = s(this, "arcgis-assistant-layer-styling-agent"), this.#i = e(this);
+  }
+  disconnectedCallback() {
+    this.#i?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
 t("arcgis-assistant-layer-styling-agent", a);

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

@@ -0,0 +1,23 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { AssistantMessage } from "../arcgis-assistant/types.js";
+
+/**
+ * Renders a single assistant response message shell. Pass one assistant message object and let it host body and footer actions.
+ * Offers a reusable assistant-message layout with icon, content, and footer slot regions.
+ */
+export abstract class ArcgisAssistantMessage extends LitElement {
+  /** @default false */
+  accessor assistantAvatarEnabled: boolean;
+  /** @default false */
+  accessor copyEnabled: boolean;
+  /** @default false */
+  accessor feedbackEnabled: boolean;
+  /** @default false */
+  accessor footerDisabled: boolean;
+  /** @default false */
+  accessor logEnabled: boolean;
+  accessor message: AssistantMessage | undefined;
+  /** @default false */
+  accessor readAloudEnabled: boolean;
+}

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

@@ -1,43 +1,45 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as d } from "../../chunks/runtime.js";
-import { css as m, html as a } from "lit";
-import { LitElement as g, nothing as i } from "@arcgis/lumina";
-import { useSlottableRequest as b } from "@arcgis/lumina/controllers";
-import { g as c, a as r } from "../../chunks/slottableRequestUtils.js";
-const f = m`:host{display:block;container-type:inline-size}.container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--calcite-spacing-sm);width:100%;text-align:left}.icon{padding:var(--calcite-spacing-sm);border-radius:var(--calcite-spacing-xl);background:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}.content-container{display:flex;flex:1;flex-direction:column;width:100%;gap:var(--calcite-spacing-md)}.content,.blocks{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm)}@container (min-width: 480px){.container{max-width:80%}}`;
-function p({ message: t }) {
-  const e = /* @__PURE__ */ new Map();
-  if (!t)
-    return e;
-  const s = c(t.id);
-  return e.set(s, { data: { message: t }, name: "message", slotName: s }), t.blocks?.forEach((l, o) => {
-    const n = r(t.id, o);
-    e.set(n, { data: { block: l, index: o, message: t }, name: "block", slotName: n });
-  }), e;
+import { c as o } from "../../chunks/runtime.js";
+import { css as l, html as e } from "lit";
+import { LitElement as c, nothing as d } from "@arcgis/lumina";
+import { useSlottableRequest as g } from "@arcgis/lumina/controllers";
+import { g as r } from "../../chunks/slottableRequestUtils.js";
+const m = l`:host{display:block;container-type:inline-size}.container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--calcite-spacing-sm);width:100%;text-align:left}.icon{padding:var(--calcite-spacing-sm);border-radius:var(--calcite-spacing-xl);background:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}.content-container{display:flex;flex:1;flex-direction:column;width:100%;gap:var(--calcite-spacing-md)}.content,.blocks{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm)}.block-pending{display:flex;justify-content:center;align-items:center;padding:var(--calcite-spacing-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--calcite-color-foreground-2) 65%,transparent),color-mix(in srgb,var(--calcite-color-foreground-3) 85%,transparent),color-mix(in srgb,var(--calcite-color-foreground-2) 65%,transparent));background-size:200% 100%;animation:assistant-message-loading-shimmer 2s ease-in-out infinite;border-radius:var(--calcite-border-radius);min-height:100px}.message-error{font-style:italic}@container (min-width: 480px){.container{max-width:80%}}@keyframes assistant-message-loading-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}@media(prefers-reduced-motion){.block-pending{animation:none}}`;
+function b({ message: t }) {
+  const s = /* @__PURE__ */ new Map();
+  return t && t.blocks?.forEach((a, i) => {
+    if (!a.isPending) {
+      const n = r(t.id, i);
+      s.set(n, { data: { block: a, index: i, message: t }, name: "block", slotName: n });
+    }
+  }), s;
 }
-class h extends g {
+class p extends c {
   constructor() {
-    super(...arguments), this.arcgisSlottableRequest = b(this, ["message"], p), this.feedbackEnabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.readAloudEnabled = !1, this.footerDisabled = !1;
+    super(...arguments), this.arcgisSlottableRequest = g(this, ["message"], b), this.feedbackEnabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.readAloudEnabled = !1, this.footerDisabled = !1, this.assistantAvatarEnabled = !1;
   }
   static {
-    this.properties = { feedbackEnabled: 5, logEnabled: 5, copyEnabled: 5, readAloudEnabled: 5, footerDisabled: 5, message: 0 };
+    this.properties = { _isStreaming: 16, feedbackEnabled: 5, logEnabled: 5, copyEnabled: 5, readAloudEnabled: 5, footerDisabled: 5, message: 0, assistantAvatarEnabled: 5 };
   }
   static {
-    this.styles = f;
+    this.styles = m;
+  }
+  get _isStreaming() {
+    return !!this.message?.isStreaming;
   }
   _renderContent() {
-    const e = this.message, s = e?.id;
-    if (s)
-      return a`<div class="content"><slot name=${c(s) ?? i}></slot>${e.blocks?.length ? a`<div class="blocks">${e.blocks.map((l, o) => a`<slot name=${r(s, o) ?? i}></slot>`)}</div>` : null}</div>`;
+    const s = this.message, a = s?.id;
+    if (a)
+      return e`<div class="content"><arcgis-assistant-interrupt-preview .interrupts=${this.message?.interrupts}></arcgis-assistant-interrupt-preview>${s.blocks?.length ? e`<div class="blocks">${s.blocks.map((i, n) => i.isPending && i.type !== "text" ? e`<div class="block-pending"></div>` : e`<slot name=${r(a, n) ?? d}></slot>`)}</div>` : null}</div>`;
   }
   _renderFooter() {
-    return a`<arcgis-assistant-message-footer .message=${this.message} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled}></arcgis-assistant-message-footer>`;
+    return e`<arcgis-assistant-message-footer .message=${this.message} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled}></arcgis-assistant-message-footer>`;
   }
   render() {
-    return a`<div class="container"><slot name=icon><calcite-icon icon=effects class="icon" scale=s></calcite-icon></slot><div class="content-container"><slot name=content>${this._renderContent()}</slot>${this.footerDisabled ? null : a`<slot name=footer>${this._renderFooter()}</slot>`}</div></div>`;
+    return e`<div class="container">${this.assistantAvatarEnabled ? e`<slot name=icon><calcite-icon icon=effects class="icon" scale=s></calcite-icon></slot>` : null}<div class="content-container"><slot name=content>${this._renderContent()}</slot>${this.message?.error ? e`<div class="message-error">${this.message.error}</div>` : null}${this._isStreaming ? e`<div class="streaming-indicator"><calcite-loader label=loading inline></calcite-loader></div>` : null}${!this.footerDisabled && !this._isStreaming ? e`<slot name=footer>${this._renderFooter()}</slot>` : null}</div></div>`;
   }
 }
-d("arcgis-assistant-message", h);
+o("arcgis-assistant-message", p);
 export {
-  h as ArcgisAssistantMessage
+  p as ArcgisAssistantMessage
 };

package/dist/components/arcgis-assistant-message/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-assistant-message/index.js

@@ -1,3 +1,5 @@
+import "../arcgis-assistant-interrupt-preview/index.js";
 import "../arcgis-assistant-message-footer/index.js";
 import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-loader";
 export * from "./customElement.js";

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

@@ -1,8 +1,8 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { UXSuggestion } from "@arcgis/ai-orchestrator";
+import type { UXSuggestion } from "../../utils/index.js";
 
-/** A primitive for rendering a default assistant output block. */
+/** Renders one structured assistant block. Offers default block rendering for supported suggestion-style blocks. */
 export abstract class ArcgisAssistantMessageBlock extends LitElement {
   accessor block: UXSuggestion | undefined;
 }

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

@@ -1,29 +1,36 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as o } from "../../chunks/runtime.js";
-import { css as i, html as p } from "lit";
-import { LitElement as n } from "@arcgis/lumina";
-const l = i`:host{display:block}`;
-class a extends n {
+import { c as n } from "../../chunks/runtime.js";
+import { css as i, html as r } from "lit";
+import { LitElement as o } from "@arcgis/lumina";
+const p = i`:host{display:block}`;
+class c extends o {
   static {
     this.properties = { block: 0 };
   }
   static {
-    this.styles = l;
+    this.styles = p;
   }
   _renderSuggestedPrompts(s) {
     if (s.type !== "suggested-prompts")
       return null;
-    const t = s.data?.prompts, e = Array.isArray(t) ? t.filter((r) => typeof r == "string") : [];
-    return e.length ? p`<arcgis-assistant-suggested-prompts .prompts=${e}></arcgis-assistant-suggested-prompts>` : null;
+    const t = s.data?.prompts, e = Array.isArray(t) ? t.filter((a) => typeof a == "string") : [];
+    return e.length ? r`<arcgis-assistant-suggested-prompts .prompts=${e}></arcgis-assistant-suggested-prompts>` : null;
   }
   _renderBlock(s) {
-    return s.type === "suggested-prompts" ? this._renderSuggestedPrompts(s) : null;
+    switch (s.type) {
+      case "suggested-prompts":
+        return this._renderSuggestedPrompts(s);
+      case "text":
+        return r`<arcgis-assistant-message-text .content=${s.data?.content} .parts=${s.data?.parts}></arcgis-assistant-message-text>`;
+      default:
+        return null;
+    }
   }
   render() {
     return this.block ? this._renderBlock(this.block) : null;
   }
 }
-o("arcgis-assistant-message-block", a);
+n("arcgis-assistant-message-block", c);
 export {
-  a as ArcgisAssistantMessageBlock
+  c as ArcgisAssistantMessageBlock
 };

package/dist/components/arcgis-assistant-message-block/index.js

@@ -1,2 +1,3 @@
 import "../arcgis-assistant-suggested-prompts/index.js";
+import "../arcgis-assistant-message-text/index.js";
 export * from "./customElement.js";

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

@@ -3,7 +3,10 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { AssistantMessage } from "../arcgis-assistant/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-/** @internal */
+/**
+ * Handles thumbs up or down feedback UI. Use it to capture helpful or not helpful signals per response.
+ * Offers feedback toggle behavior and emits feedback updates for the associated assistant message.
+ */
 export abstract class ArcgisAssistantMessageFeedback extends LitElement {
   /** @internal */
   protected _messages: {

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

@@ -3,7 +3,10 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { AssistantMessage } from "../arcgis-assistant/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-/** @internal */
+/**
+ * Renders the action row under an assistant message. Use it when you want feedback, log, copy, or read-aloud controls.
+ * Offers one footer surface that composes common assistant response actions.
+ */
 export abstract class ArcgisAssistantMessageFooter extends LitElement {
   /** @internal */
   protected _messages: {

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

@@ -1,8 +1,15 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { AssistantMessage } from "../arcgis-assistant/types.js";
 
-/** @internal */
+/**
+ * Shows in-progress assistant response UI. Use it to display thinking or loading state while work is running.
+ * Offers a default loading message shell with icon/content slot overrides.
+ */
 export abstract class ArcgisAssistantMessageLoading extends LitElement {
+  /** @default false */
+  accessor assistantAvatarEnabled: boolean;
+  accessor interrupts: AssistantMessage["interrupts"] | undefined;
   /** @default false */
   accessor loading: boolean;
   /** @default "" */

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

@@ -1,23 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as a } from "../../chunks/runtime.js";
-import { css as e, html as s } from "lit";
+import { c as s } from "../../chunks/runtime.js";
+import { css as e, html as a } from "lit";
 import { LitElement as i } from "@arcgis/lumina";
 const t = e`:host{display:contents}.icon{padding:var(--calcite-spacing-sm);border-radius:var(--calcite-spacing-xl);background:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}.loading-container{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);padding:0 var(--calcite-spacing-sm)}.loading{display:flex;align-items:center;gap:var(--calcite-spacing-sm)}.text{font-style:italic;word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.skeleton-block{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);width:100%}.skeleton-text{display:block;height:.95em;border-radius:var(--calcite-border-radius);background:linear-gradient(90deg,color-mix(in srgb,var(--calcite-color-foreground-2) 65%,transparent),color-mix(in srgb,var(--calcite-color-foreground-3) 85%,transparent),color-mix(in srgb,var(--calcite-color-foreground-2) 65%,transparent));background-size:200% 100%;animation:assistant-message-loading-shimmer 1.2s ease-in-out infinite;width:85%}.skeleton-text:last-child{width:70%}@keyframes assistant-message-loading-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}@media(prefers-reduced-motion){.skeleton-text{animation:none}}`;
-class o extends i {
+class n extends i {
   constructor() {
-    super(...arguments), this.loading = !1, this.loadingMessage = "";
+    super(...arguments), this.loading = !1, this.loadingMessage = "", this.assistantAvatarEnabled = !1;
   }
   static {
-    this.properties = { loading: 5, loadingMessage: 1 };
+    this.properties = { loading: 5, loadingMessage: 1, assistantAvatarEnabled: 5, interrupts: 0 };
   }
   static {
     this.styles = t;
   }
   render() {
-    return this.loading ? s`<arcgis-assistant-message footer-disabled><slot name=icon slot=icon><calcite-icon class="icon" icon=effects scale=s></calcite-icon></slot><slot name=content slot=content><div class="loading-container"><div class="loading"><calcite-loader label=loading inline></calcite-loader><div class="text">${this.loadingMessage}</div></div><div class="skeleton-block"><span class="skeleton-text"></span><span class="skeleton-text"></span></div></div></slot></arcgis-assistant-message>` : null;
+    return this.loading ? a`<arcgis-assistant-message footer-disabled>${this.assistantAvatarEnabled ? a`<slot name=icon slot=icon><calcite-icon class="icon" icon=effects scale=s></calcite-icon></slot>` : null}<slot name=content slot=content><arcgis-assistant-interrupt-preview .interrupts=${this.interrupts}></arcgis-assistant-interrupt-preview><div class="loading-container"><div class="loading"><calcite-loader label=loading inline></calcite-loader><div class="text">${this.loadingMessage}</div></div><div class="skeleton-block"><span class="skeleton-text"></span><span class="skeleton-text"></span></div></div></slot></arcgis-assistant-message>` : null;
   }
 }
-a("arcgis-assistant-message-loading", o);
+s("arcgis-assistant-message-loading", n);
 export {
-  o as ArcgisAssistantMessageLoading
+  n as ArcgisAssistantMessageLoading
 };

package/dist/components/arcgis-assistant-message-loading/index.js

@@ -1,4 +1,5 @@
 import "../arcgis-assistant-message/index.js";
 import "@esri/calcite-components/components/calcite-icon";
+import "../arcgis-assistant-interrupt-preview/index.js";
 import "@esri/calcite-components/components/calcite-loader";
 export * from "./customElement.js";

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

@@ -1,7 +1,10 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
-/** @internal */
+/**
+ * Renders expandable execution log details. Use it when exposing agent or tool trace output.
+ * Offers collapsible log entry rendering for debugging and troubleshooting.
+ */
 export abstract class ArcgisAssistantMessageLog extends LitElement {
   accessor log: string[] | undefined;
   /** @default false */

package/dist/components/arcgis-assistant-message-read-aloud/customElement.d.ts

@@ -3,7 +3,10 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { AssistantMessage } from "../arcgis-assistant/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-/** @internal */
+/**
+ * Adds text-to-speech playback controls. Use it to read assistant responses aloud.
+ * Offers read-aloud start/stop behavior with supported-state handling.
+ */
 export abstract class ArcgisAssistantMessageReadAloud extends LitElement {
   /** @internal */
   protected _messages: {

package/dist/components/arcgis-assistant-message-read-aloud/customElement.js

@@ -1,21 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as u } from "../../chunks/runtime.js";
-import { css as p, html as h } from "lit";
-import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as _ } from "@arcgis/lumina";
-import { u as g } from "../../chunks/useT9n.js";
-import f from "@arcgis/core/core/Accessor.js";
-import { property as d, subclass as y } from "@arcgis/core/core/accessorSupport/decorators.js";
-const A = p``;
-var C = Object.defineProperty, S = Object.getOwnPropertyDescriptor, c = (e, s, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? S(s, n) : s, t = e.length - 1, a; t >= 0; t--)
+import { c } from "../../chunks/runtime.js";
+import { html as p } from "lit";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as m } from "@arcgis/lumina";
+import { u as _ } from "../../chunks/useT9n.js";
+import g from "@arcgis/core/core/Accessor.js";
+import { property as u, subclass as f } from "@arcgis/core/core/accessorSupport/decorators.js";
+var y = Object.defineProperty, A = Object.getOwnPropertyDescriptor, d = (e, s, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? A(s, n) : s, t = e.length - 1, a; t >= 0; t--)
     (a = e[t]) && (r = (i ? a(s, n, r) : a(r)) || r);
-  return i && r && C(s, n, r), r;
+  return i && r && y(s, n, r), r;
 };
 function l() {
   return typeof window > "u" ? null : window;
 }
-let o = class extends f {
+let o = class extends g {
   constructor() {
     super(...arguments), this._utterance = null, this.state = "idle", this.supported = o.isSupported();
   }
@@ -62,28 +61,25 @@ let o = class extends f {
     this._utterance && (this._utterance.onend = null, this._utterance.onerror = null), this._utterance = null, this._set("state", "idle");
   }
 };
-c([
-  d({ readOnly: !0 })
+d([
+  u({ readOnly: !0 })
 ], o.prototype, "state", 2);
-c([
-  d({ readOnly: !0 })
+d([
+  u({ readOnly: !0 })
 ], o.prototype, "supported", 2);
-o = c([
-  y("ReadAloudController")
+o = d([
+  f("ReadAloudController")
 ], o);
-class w extends _ {
+class C extends m {
   constructor() {
-    super(...arguments), this._messages = g({ blocking: !0 }), this._readAloudController = new o(), this.readAloudEnabled = !1;
+    super(...arguments), this._messages = _({ blocking: !0 }), this._readAloudController = new o(), this.readAloudEnabled = !1;
   }
   static {
     this.properties = { readAloudEnabled: 5, message: 0 };
   }
-  static {
-    this.styles = A;
-  }
   loaded() {
     this.manager.onLifecycle(() => [
-      m(() => this._readAloudController.state, () => this.requestUpdate(), { initial: !0 }),
+      h(() => this._readAloudController.state, () => this.requestUpdate(), { initial: !0 }),
       {
         remove: () => {
           this._readAloudController.stop();
@@ -95,10 +91,10 @@ class w extends _ {
     this._readAloudController.toggle(this.message?.content ?? "");
   }
   render() {
-    return this.readAloudEnabled && !this.message?.error && this.message?.content?.trim() && this._readAloudController.supported ? h`<calcite-action id=action-read-aloud .icon=${this._readAloudController.state === "playing" ? "sound-off" : "sound"} scale=s .active=${this._readAloudController.state === "playing"} @click=${() => this._toggleReadAloud()} text></calcite-action><calcite-tooltip reference-element=action-read-aloud overlay-positioning=fixed placement=bottom><span>${this._readAloudController.state === "playing" ? this._messages.stopReadingButtonLabel : this._messages.readAloudButtonLabel}</span></calcite-tooltip>` : null;
+    return this.readAloudEnabled && !this.message?.error && this.message?.content?.trim() && this._readAloudController.supported ? p`<calcite-action id=action-read-aloud .icon=${this._readAloudController.state === "playing" ? "sound-off" : "sound"} scale=s .active=${this._readAloudController.state === "playing"} @click=${() => this._toggleReadAloud()} text></calcite-action><calcite-tooltip reference-element=action-read-aloud overlay-positioning=fixed placement=bottom><span>${this._readAloudController.state === "playing" ? this._messages.stopReadingButtonLabel : this._messages.readAloudButtonLabel}</span></calcite-tooltip>` : null;
   }
 }
-u("arcgis-assistant-message-read-aloud", w);
+c("arcgis-assistant-message-read-aloud", C);
 export {
-  w as ArcgisAssistantMessageReadAloud
+  C as ArcgisAssistantMessageReadAloud
 };

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

@@ -1,7 +1,11 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
-/** @internal */
+/**
+ * Renders assistant message text content. Use it when the block is plain text output.
+ * Offers sanitized rich-text rendering for assistant-generated message content.
+ */
 export abstract class ArcgisAssistantMessageText extends LitElement {
   accessor content: string | undefined;
+  accessor parts: string[] | undefined;
 }

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

@@ -1,22 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as t } from "../../chunks/runtime.js";
-import { css as e, html as c } from "lit";
-import { LitElement as a } from "@arcgis/lumina";
-import { unsafeHTML as o } from "lit/directives/unsafe-html.js";
-import { p as r } from "../../chunks/converterUtils.js";
-const i = e`.container{color:var(--calcite-color-text-1)}.content>*{margin:0}.content>*+*{margin-block-start:var(--calcite-spacing-sm)}.content :is(ol,ul){padding-inline-start:var(--calcite-spacing-lg)}.content>calcite-table{display:block;max-width:100%}.content pre{background-color:var(--calcite-color-foreground-1);padding:var(--calcite-spacing-sm);border-radius:var(--calcite-border-radius);color:var(--calcite-color-text-1);direction:ltr;max-width:100%;overflow:auto}.content pre code{display:block;white-space:pre;font-family:var(--calcite-code-family)}`;
-class s extends a {
+import { c as r } from "../../chunks/runtime.js";
+import { css as i, html as t } from "lit";
+import { LitElement as c } from "@arcgis/lumina";
+import { unsafeHTML as a } from "lit/directives/unsafe-html.js";
+import { a as s, p as o } from "../../chunks/converterUtils.js";
+const n = i`.container{color:var(--calcite-color-text-1)}.content>*{margin:0}.content>*+*{margin-block-start:var(--calcite-spacing-sm)}.content :is(ol,ul){padding-inline-start:var(--calcite-spacing-lg)}.content>calcite-table{display:block;max-width:100%}.content pre{background-color:var(--calcite-color-foreground-1);padding:var(--calcite-spacing-sm);border-radius:var(--calcite-border-radius);color:var(--calcite-color-text-1);direction:ltr;max-width:100%;overflow:auto}.content pre code{display:block;white-space:pre;font-family:var(--calcite-code-family)}.part{animation:part-reveal calc(3 * var(--calcite-animation-timing)) ease-out}@keyframes part-reveal{0%{opacity:0;transform:translateY(var(--calcite-size-fixed-xxs))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.part{animation:none}}`;
+class l extends c {
   static {
-    this.properties = { content: 1 };
+    this.properties = { content: 1, parts: 0 };
   }
   static {
-    this.styles = i;
+    this.styles = n;
   }
   render() {
-    return c`<div class="container"><div class="content">${o(r(this.content))}</div></div>`;
+    return t`<div class="container"><div class="content">${this.parts?.map((e) => t`<span class="part">${a(s(e))}</span>`) ?? a(o(this.content))}</div></div>`;
   }
 }
-t("arcgis-assistant-message-text", s);
+r("arcgis-assistant-message-text", l);
 export {
-  s as ArcgisAssistantMessageText
+  l as ArcgisAssistantMessageText
 };

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

@@ -1,26 +1,50 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as t } from "../../chunks/runtime.js";
 import { LitElement as i } from "@arcgis/lumina";
-import { NavigationAgent as s } from "@arcgis/ai-agents";
-import { r as a, a as e } from "../../chunks/utils.js";
-class n extends i {
+import { N as r } from "../../chunks/navigationGraph.js";
+import "@langchain/langgraph/web";
+import "../../chunks/adapter.js";
+import "@arcgis/core/identity/IdentityManager.js";
+import "@arcgis/core/portal/Portal.js";
+import "@arcgis/toolkit/string";
+import "../../chunks/generateLayerDescriptions.js";
+import "@langchain/core/messages";
+import "@langchain/core/callbacks/dispatch/web";
+import "@langchain/openai";
+import "@arcgis/core/config.js";
+import "@arcgis/core/core/reactiveUtils.js";
+import "@arcgis/core/layers/FeatureLayer.js";
+import "@arcgis/core/request.js";
+import "@langchain/core/prompts";
+import "@arcgis/core/intl.js";
+import "@langchain/langgraph/prebuilt";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "@arcgis/core/smartMapping/statistics/uniqueValues.js";
+import "@arcgis/core/views/LinkChartView.js";
+import "@arcgis/core/rest/knowledgeGraphService.js";
+import { r as s, a } from "../../chunks/utils2.js";
+class e extends i {
   constructor() {
-    super(...arguments), this.agent = s;
+    super(...arguments), this.agent = r;
   }
   static {
     this.properties = { referenceElement: 1 };
   }
   #t;
+  #i;
   getContext() {
     if (!this.#t)
       throw new Error("arcgis-assistant-navigation-agent requires a mapView");
     return { mapView: this.#t };
   }
   load() {
-    this.#t = a(this, "arcgis-assistant-navigation-agent"), e(this);
+    this.#t = s(this, "arcgis-assistant-navigation-agent"), this.#i = a(this);
+  }
+  disconnectedCallback() {
+    this.#i?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
-t("arcgis-assistant-navigation-agent", n);
+t("arcgis-assistant-navigation-agent", e);
 export {
-  n as ArcgisAssistantNavigationAgent
+  e as ArcgisAssistantNavigationAgent
 };