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

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

@@ -1,29 +1,48 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as t } from "../../chunks/runtime.js";
 import { LitElement as i } from "@arcgis/lumina";
+import "../../agents/runtime/skill/createSkillAgent.js";
 import "@langchain/langgraph/web";
 import "../../chunks/adapter.js";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/portal/Portal.js";
+import "@arcgis/core/request.js";
+import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";
+import "@langchain/core/callbacks/base";
 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 "../../agents/tools/navigation/goToAddress/adapter.js";
+import "../../agents/tools/navigation/goToBookmark/adapter.js";
+import "../../agents/tools/navigation/goToFeatures/adapter.js";
+import "../../agents/tools/navigation/goToFullExtent/adapter.js";
+import "../../agents/tools/navigation/goToHomeExtent/adapter.js";
+import "../../agents/tools/navigation/goToLayer/adapter.js";
+import "../../agents/tools/navigation/goToScale/adapter.js";
+import "../../agents/tools/navigation/goToViewpoint/adapter.js";
+import "../../agents/tools/navigation/goToZoom/adapter.js";
 import "@langchain/langgraph/prebuilt";
 import "zod";
+import "../../agents/tools/filter/clearFilters/adapter.js";
+import "../../agents/tools/filter/resetMap/adapter.js";
+import "../../agents/tools/filter/setFeatureEffect/adapter.js";
+import "../../agents/tools/query/getAttribute/adapter.js";
+import "../../agents/tools/query/getStatistics/adapter.js";
+import "../../agents/tools/query/getTopFeatures/adapter.js";
+import "../../agents/tools/query/queryFeatures/adapter.js";
 import "@arcgis/core/intl.js";
 import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
 import "@arcgis/core/smartMapping/statistics/uniqueValues.js";
-import { H as r } from "../../chunks/helpGraph.js";
-import "@arcgis/core/views/LinkChartView.js";
+import { H as r } from "../../chunks/helpAgent.js";
+import "../../agents/tools/help/listFields/adapter.js";
 import "@arcgis/core/rest/knowledgeGraphService.js";
-import { r as e, a as s } from "../../chunks/utils2.js";
-class o extends i {
+import { r as o, i as p } from "../../chunks/utils2.js";
+class m extends i {
   constructor() {
     super(...arguments), this.agent = r;
   }
@@ -31,16 +50,20 @@ class o extends i {
     this.properties = { referenceElement: 1 };
   }
   #t;
+  #i;
   getContext() {
     if (!this.#t)
       throw new Error("arcgis-assistant-help-agent requires a mapView");
     return { mapView: this.#t };
   }
   load() {
-    this.#t = e(this, "arcgis-assistant-help-agent"), s(this);
+    this.#t = o(this, "arcgis-assistant-help-agent"), this.#i = p(this);
+  }
+  disconnectedCallback() {
+    this.#i?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
-t("arcgis-assistant-help-agent", o);
+t("arcgis-assistant-help-agent", m);
 export {
-  o as ArcgisAssistantHelpAgent
+  m as ArcgisAssistantHelpAgent
 };

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

@@ -11,13 +11,19 @@ export abstract class ArcgisAssistantInterrupt extends LitElement {
   protected _messages: {
       optionsLabel: string;
       enterTextLabel: string;
+      otherLabel: string;
       submitButtonLabel: string;
-      cancelButtonLabel: string;
+      skipButtonLabel: string;
+      approveButtonLabel: string;
+      declineButtonLabel: string;
   } & T9nMeta<{
       optionsLabel: string;
       enterTextLabel: string;
+      otherLabel: string;
       submitButtonLabel: string;
-      cancelButtonLabel: string;
+      skipButtonLabel: string;
+      approveButtonLabel: string;
+      declineButtonLabel: string;
   }>;
   accessor message: string | undefined;
   accessor options: string[] | undefined;

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

@@ -1,37 +1,70 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as a } from "../../chunks/runtime.js";
-import { css as c, html as e } from "lit";
-import { LitElement as l, createEvent as i } from "@arcgis/lumina";
-import { u as r } from "../../chunks/useT9n.js";
-const n = c`:host{width:100%;padding:var(--calcite-spacing-md);background:var(--calcite-panel-background-color, var(--calcite-color-background))}calcite-panel{border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));border:0 solid var(--calcite-color-brand);border-block-start-width:4px;box-shadow:var(--calcite-shadow-md);width:100%;--calcite-panel-border-color: none}.interrupt-content{padding:0 var(--calcite-spacing-md);background:var(--calcite-color-foreground-1)}`;
-class o extends l {
+import { c as o } from "../../chunks/runtime.js";
+import { css as n, html as t } from "lit";
+import { LitElement as h, createEvent as a, safeClassMap as u } from "@arcgis/lumina";
+import { createRef as r, ref as c } from "lit/directives/ref.js";
+import { u as d } from "../../chunks/useT9n.js";
+const p = n`:host{padding:var(--calcite-spacing-md);background:var(--calcite-panel-background-color, var(--calcite-color-background))}calcite-panel{border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));border:0 solid var(--calcite-color-brand);border-block-start-width:4px;box-shadow:var(--calcite-shadow-md);width:100%;--calcite-panel-border-color: none}.interrupt-content{padding:0 var(--calcite-spacing-md);background:var(--calcite-color-foreground-1)}.other-input calcite-input[disabled]{pointer-events:none}.last-option{--calcite-list-border-color: transparent}`;
+class m extends h {
   constructor() {
-    super(...arguments), this.#t = [], this._messages = r({ blocking: !0 }), this.arcgisCancel = i(), this.arcgisSubmit = i();
+    super(...arguments), this.#t = r(), this.#e = r(), this._messages = d({ blocking: !0 }), this._selectedOptions = [], this._otherValue = "", this._otherSelected = !1, this.arcgisCancel = a(), this.arcgisSubmit = a();
   }
   static {
-    this.properties = { type: 1, message: 1, options: 0 };
+    this.properties = { _selectedOptions: 16, _otherValue: 16, _otherSelected: 16, type: 1, message: 1, options: [1, { type: Array }] };
   }
   static {
-    this.styles = n;
+    this.styles = p;
   }
   #t;
+  #e;
+  _isSubmitDisabled() {
+    return this._otherSelected ? !this._otherValue.trim() : !this._selectedOptions.length;
+  }
+  _getSubmitValue() {
+    return typeof this._selectedOptions == "string" ? this._otherSelected ? this._otherValue.trim() : this._selectedOptions : this._selectedOptions.concat(this._otherSelected ? this._otherValue.trim() : []);
+  }
+  _getSkipValue() {
+    return this.type === "multi-select" ? [] : "";
+  }
+  _selectOtherOption() {
+    this._otherSelected || (this._otherSelected = !0, this.type !== "multi-select" && (this._selectedOptions = ""), this._focusOtherInput());
+  }
+  _handleSingleSelectChange(e) {
+    const i = this._otherSelected;
+    this._otherSelected = e.target.selectedItems[0] === this.#e.value, this._selectedOptions = this._otherSelected ? "" : e.target.selectedItems[0]?.value, this._otherSelected && !i && this._focusOtherInput();
+  }
+  _handleMultiSelectChange(e) {
+    const i = this._otherSelected, s = this.#e.value;
+    this._otherSelected = s ? e.target.selectedItems.includes(s) : !1, this._selectedOptions = e.target.selectedItems.filter((l) => l !== s).map((l) => l.value), this._otherSelected && !i && this._focusOtherInput();
+  }
+  async _focusOtherInput() {
+    await this.updateComplete, await this.#t.value?.setFocus();
+  }
+  _renderOptions() {
+    return this.options?.map((e, i) => t`<calcite-list-item class=${u({ "last-option": i === this.options.length - 1 })} .label=${e} .value=${e}></calcite-list-item>`);
+  }
+  _renderOtherInput() {
+    return t`<div slot=content class="other-input" @click=${(e) => {
+      e.stopPropagation(), this._selectOtherOption();
+    }}><calcite-input .label=${this._messages.otherLabel} .placeholder=${this._messages.otherLabel} .disabled=${!this._otherSelected} @calciteInputInput=${(e) => this._otherValue = e.target.value} ${c(this.#t)}></calcite-input></div>`;
+  }
   _renderInterruptOptions() {
     switch (this.type) {
       case "single-select":
-        return e`<calcite-list selection-mode=single-persist .label=${this._messages.optionsLabel} @calciteListChange=${(t) => this.#t = t.target.selectedItems[0]?.value}>${this.options?.map((t) => e`<calcite-list-item .label=${t} .value=${t}></calcite-list-item>`)}</calcite-list>`;
+        return t`<calcite-list selection-mode=single-persist .label=${this._messages.optionsLabel} @calciteListChange=${(e) => this._handleSingleSelectChange(e)}>${this._renderOptions()}<calcite-list-item .selected=${this._otherSelected} ${c(this.#e)}>${this._renderOtherInput()}</calcite-list-item></calcite-list>`;
       case "multi-select":
-        return e`<calcite-list selection-mode=multiple .label=${this._messages.optionsLabel} @calciteListChange=${(t) => this.#t = t.target.selectedItems.map((s) => s.value)}>${this.options?.map((t) => e`<calcite-list-item .label=${t} .value=${t}></calcite-list-item>`)}</calcite-list>`;
+        return t`<calcite-list selection-mode=multiple .label=${this._messages.optionsLabel} @calciteListChange=${(e) => this._handleMultiSelectChange(e)}>${this._renderOptions()}<calcite-list-item .selected=${this._otherSelected} ${c(this.#e)}>${this._renderOtherInput()}</calcite-list-item></calcite-list>`;
       case "boolean-choice":
         return null;
       case "text-input":
-        return e`<calcite-input .label=${this._messages.enterTextLabel} @calciteInputInput=${(t) => this.#t = t.target.value}></calcite-input>`;
+        return t`<calcite-input .label=${this._messages.enterTextLabel} @calciteInputInput=${(e) => this._selectedOptions = e.target.value}></calcite-input>`;
     }
   }
   render() {
-    return e`<calcite-panel .description=${this.message}><div class="interrupt-content">${this._renderInterruptOptions()}</div><calcite-button slot=footer-end appearance=outline @click=${() => this.arcgisCancel.emit()}>${this._messages.cancelButtonLabel}</calcite-button><calcite-button slot=footer-end appearance=solid @click=${() => this.arcgisSubmit.emit(this.type === "boolean-choice" ? !0 : this.#t)}>${this._messages.submitButtonLabel}</calcite-button></calcite-panel>`;
+    return t`<calcite-panel .description=${this.message}><div class="interrupt-content">${this._renderInterruptOptions()}</div>${this.type === "boolean-choice" ? t`<calcite-button slot=footer-end appearance=outline @click=${() => this.arcgisSubmit.emit(!1)}>${this._messages.declineButtonLabel}</calcite-button><calcite-button slot=footer-end appearance=solid @click=${() => this.arcgisSubmit.emit(!0)}>${this._messages.approveButtonLabel}</calcite-button>` : t`<calcite-button slot=footer-end appearance=outline @click=${() => this.arcgisSubmit.emit(this._getSkipValue())}>${this._messages.skipButtonLabel}</calcite-button><calcite-button slot=footer-end appearance=solid .disabled=${this._isSubmitDisabled()} @click=${() => this.arcgisSubmit.emit(this._getSubmitValue())}>${this._messages.submitButtonLabel}</calcite-button>`}</calcite-panel>`;
   }
 }
-a("arcgis-assistant-interrupt", o);
+o("arcgis-assistant-interrupt", m);
 export {
-  o as ArcgisAssistantInterrupt
+  m as ArcgisAssistantInterrupt
 };

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

@@ -1,6 +1,6 @@
-import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-list-item";
 import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

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

@@ -1,20 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as r } from "../../chunks/runtime.js";
-import { css as l, html as t } from "lit";
-import { LitElement as a } from "@arcgis/lumina";
-const n = l`.interrupt-details ul{margin-block:var(--calcite-spacing-xxs) 0;padding-inline-start:var(--calcite-spacing-xxl)}.interrupt-details li{margin-block:0}.interrupts-container{display:flex;flex-direction:column;gap:var(--calcite-spacing-lg)}`;
-class c extends a {
+import { css as a, html as i } from "lit";
+import { LitElement as l } from "@arcgis/lumina";
+import { u as n } from "../../chunks/useT9n.js";
+const c = a`.interrupt-details{word-wrap:break-word}.interrupt-details ul{margin-block:var(--calcite-spacing-xxs) 0;padding-inline-start:var(--calcite-spacing-xxl)}.interrupt-details li{margin-block:0}.interrupts-container{display:flex;flex-direction:column;gap:var(--calcite-spacing-lg)}`;
+class p extends l {
+  constructor() {
+    super(...arguments), this._messages = n({ blocking: !0 });
+  }
   static {
     this.properties = { interrupts: 0 };
   }
   static {
-    this.styles = n;
+    this.styles = c;
   }
   render() {
-    return this.interrupts?.length ? t`<calcite-block collapsible expanded heading="Assistant Questions"><div class="interrupts-container">${this.interrupts?.map(({ interrupt: s, response: i }) => t`<div class="interrupt-details"><div>Q: ${s.message}</div><ul>${Array.isArray(i) ? i.length ? i.map((e) => t`<li>${e}</li>`) : t`<li>(Question skipped)</li>` : t`<li>${i != null ? String(i) : "(Question skipped)"}</li>`}</ul></div>`)}</div></calcite-block>` : null;
+    return this.interrupts?.length ? i`<calcite-block expandable expanded .heading=${this._messages.assistantQuestions}><div class="interrupts-container">${this.interrupts?.map(({ interrupt: s, response: t }) => i`<div class="interrupt-details"><div>Q: ${s.message}</div><ul>${Array.isArray(t) ? t.length ? t.map((e) => i`<li>${e}</li>`) : i`<li>${this._messages.questionSkipped}</li>` : i`<li>${t != null ? String(t) : this._messages.questionSkipped}</li>`}</ul></div>`)}</div></calcite-block>` : null;
   }
 }
-r("arcgis-assistant-interrupt-preview", c);
+r("arcgis-assistant-interrupt-preview", p);
 export {
-  c as ArcgisAssistantInterruptPreview
+  p as ArcgisAssistantInterruptPreview
 };

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

@@ -107,7 +107,7 @@ import type { ArcgisMap as ArcgisMap } from "@arcgis/map-components/components/a
 export abstract class ArcgisAssistantKnowledgeAgent extends LitElement {
   /**
    * Optional context for the knowledge agent. If the agent does not have a view or kg service url provided via reference element or serviceUrl property
-   * a knowledge graph can be provided directly via context to enable Knowledge Service related capabilties.
+   * a knowledge graph can be provided directly via context to enable Knowledge Service related capabilities.
    *
    * Depending on the context provided, different capabilities will be available.
    */

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

@@ -1,37 +1,58 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as r } from "../../chunks/runtime.js";
-import { LitElement as i } from "@arcgis/lumina";
+import { LitElement as e } from "@arcgis/lumina";
+import "../../agents/runtime/skill/createSkillAgent.js";
 import "@langchain/langgraph/web";
 import "../../chunks/adapter.js";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/portal/Portal.js";
+import "@arcgis/core/request.js";
+import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";
+import "@langchain/core/callbacks/base";
 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 "../../agents/tools/navigation/goToAddress/adapter.js";
+import "../../agents/tools/navigation/goToBookmark/adapter.js";
+import "../../agents/tools/navigation/goToFeatures/adapter.js";
+import "../../agents/tools/navigation/goToFullExtent/adapter.js";
+import "../../agents/tools/navigation/goToHomeExtent/adapter.js";
+import "../../agents/tools/navigation/goToLayer/adapter.js";
+import "../../agents/tools/navigation/goToScale/adapter.js";
+import "../../agents/tools/navigation/goToViewpoint/adapter.js";
+import "../../agents/tools/navigation/goToZoom/adapter.js";
 import "@langchain/langgraph/prebuilt";
 import "zod";
+import "../../agents/tools/filter/clearFilters/adapter.js";
+import "../../agents/tools/filter/resetMap/adapter.js";
+import "../../agents/tools/filter/setFeatureEffect/adapter.js";
+import "../../agents/tools/query/getAttribute/adapter.js";
+import "../../agents/tools/query/getStatistics/adapter.js";
+import "../../agents/tools/query/getTopFeatures/adapter.js";
+import "../../agents/tools/query/queryFeatures/adapter.js";
 import "@arcgis/core/intl.js";
 import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
 import "@arcgis/core/smartMapping/statistics/uniqueValues.js";
+import "../../agents/tools/help/listFields/adapter.js";
 import { A as o } from "../../chunks/arcgisKnowledgeGraph.js";
-import { b as s, a as n } from "../../chunks/utils2.js";
-import { fetchKnowledgeGraph as a } from "@arcgis/core/rest/knowledgeGraphService.js";
-class c extends i {
+import { a as s, i as n } from "../../chunks/utils2.js";
+import { fetchKnowledgeGraph as p } from "@arcgis/core/rest/knowledgeGraphService.js";
+class m extends e {
   constructor() {
     super(...arguments), this.agent = o;
   }
   static {
     this.properties = { referenceElement: 1, serviceUrl: 3, context: 0 };
   }
-  #e;
+  #i;
   #r;
   #t;
+  #e;
   get serviceUrl() {
     return this.#r;
   }
@@ -40,30 +61,33 @@ class c extends i {
   }
   async getContext() {
     const t = this.context ? { ...this.context, knowledgeGraph: void 0, view: void 0 } : {};
-    if (this.#e)
+    if (this.#i)
       return {
         ...t,
-        view: this.#e
+        view: this.#i
       };
     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);
+        const i = await this.#t;
+        return { ...t, knowledgeGraph: i };
+      } catch (i) {
+        console.error("Failed to load knowledge graph via service URL:", i);
       }
     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;
+    t.has("serviceUrl") && this.serviceUrl ? this.#t = p(this.serviceUrl) : this.#t = void 0;
   }
   load() {
-    this.#e = s(this) ?? void 0, n(this);
+    this.#i = s(this) ?? void 0, this.#e = n(this);
+  }
+  disconnectedCallback() {
+    this.#e?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
-r("arcgis-assistant-knowledge-agent", c);
+r("arcgis-assistant-knowledge-agent", m);
 export {
-  c as ArcgisAssistantKnowledgeAgent
+  m as ArcgisAssistantKnowledgeAgent
 };

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

@@ -1,29 +1,48 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as t } from "../../chunks/runtime.js";
 import { LitElement as i } from "@arcgis/lumina";
+import "../../agents/runtime/skill/createSkillAgent.js";
 import "@langchain/langgraph/web";
 import "../../chunks/adapter.js";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/portal/Portal.js";
+import "@arcgis/core/request.js";
+import "@arcgis/toolkit/string";
 import "../../chunks/generateLayerDescriptions.js";
 import "@langchain/core/messages";
 import "@langchain/core/callbacks/dispatch/web";
+import "@langchain/core/callbacks/base";
 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 "../../agents/tools/navigation/goToAddress/adapter.js";
+import "../../agents/tools/navigation/goToBookmark/adapter.js";
+import "../../agents/tools/navigation/goToFeatures/adapter.js";
+import "../../agents/tools/navigation/goToFullExtent/adapter.js";
+import "../../agents/tools/navigation/goToHomeExtent/adapter.js";
+import "../../agents/tools/navigation/goToLayer/adapter.js";
+import "../../agents/tools/navigation/goToScale/adapter.js";
+import "../../agents/tools/navigation/goToViewpoint/adapter.js";
+import "../../agents/tools/navigation/goToZoom/adapter.js";
 import "@langchain/langgraph/prebuilt";
 import "zod";
+import "../../agents/tools/filter/clearFilters/adapter.js";
+import "../../agents/tools/filter/resetMap/adapter.js";
+import "../../agents/tools/filter/setFeatureEffect/adapter.js";
+import "../../agents/tools/query/getAttribute/adapter.js";
+import "../../agents/tools/query/getStatistics/adapter.js";
+import "../../agents/tools/query/getTopFeatures/adapter.js";
+import "../../agents/tools/query/queryFeatures/adapter.js";
 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 "../../agents/tools/help/listFields/adapter.js";
 import "@arcgis/core/rest/knowledgeGraphService.js";
-import { r as s, a as e } from "../../chunks/utils2.js";
-class o extends i {
+import { r as o, i as m } from "../../chunks/utils2.js";
+class s extends i {
   constructor() {
     super(...arguments), this.agent = r;
   }
@@ -31,16 +50,20 @@ class o extends i {
     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 = s(this, "arcgis-assistant-layer-styling-agent"), e(this);
+    this.#t = o(this, "arcgis-assistant-layer-styling-agent"), this.#i = m(this);
+  }
+  disconnectedCallback() {
+    this.#i?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
-t("arcgis-assistant-layer-styling-agent", o);
+t("arcgis-assistant-layer-styling-agent", s);
 export {
-  o as ArcgisAssistantLayerStylingAgent
+  s as ArcgisAssistantLayerStylingAgent
 };

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

@@ -1,12 +1,15 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { AssistantMessage } from "../arcgis-assistant/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
  * 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 {
+  /** @internal */
+  protected _messages: { loadingLabel: string; } & T9nMeta<{ loadingLabel: string; }>;
   /** @default false */
   accessor assistantAvatarEnabled: boolean;
   /** @default false */

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

@@ -2,9 +2,10 @@
 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 { u as g } from "../../chunks/useT9n.js";
+import { useSlottableRequest as m } 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}}`;
+const p = 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%;min-width:0;gap:var(--calcite-spacing-md)}.content{display:flex;flex-direction:column;min-width:0;gap:var(--calcite-spacing-sm)}.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) => {
@@ -14,15 +15,15 @@ function b({ message: t }) {
     }
   }), s;
 }
-class p extends c {
+class u extends c {
   constructor() {
-    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;
+    super(...arguments), this._messages = g({ blocking: !0 }), this.arcgisSlottableRequest = m(this, ["message"], b), this.feedbackEnabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.readAloudEnabled = !1, this.footerDisabled = !1, this.assistantAvatarEnabled = !1;
   }
   static {
     this.properties = { _isStreaming: 16, feedbackEnabled: 5, logEnabled: 5, copyEnabled: 5, readAloudEnabled: 5, footerDisabled: 5, message: 0, assistantAvatarEnabled: 5 };
   }
   static {
-    this.styles = m;
+    this.styles = p;
   }
   get _isStreaming() {
     return !!this.message?.isStreaming;
@@ -36,10 +37,10 @@ class p extends c {
     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 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>`;
+    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=${this._messages.loadingLabel} inline></calcite-loader></div>` : null}${!this.footerDisabled && !this._isStreaming ? e`<slot name=footer>${this._renderFooter()}</slot>` : null}</div></div>`;
   }
 }
-o("arcgis-assistant-message", p);
+o("arcgis-assistant-message", u);
 export {
-  p as ArcgisAssistantMessage
+  u as ArcgisAssistantMessage
 };

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

@@ -21,7 +21,7 @@ class c extends o {
       case "suggested-prompts":
         return this._renderSuggestedPrompts(s);
       case "text":
-        return r`<arcgis-assistant-message-text .content=${s.data?.content}></arcgis-assistant-message-text>`;
+        return r`<arcgis-assistant-message-text .content=${s.data?.content} .parts=${s.data?.parts}></arcgis-assistant-message-text>`;
       default:
         return null;
     }

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

@@ -1,12 +1,15 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { AssistantMessage } from "../arcgis-assistant/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
  * 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 {
+  /** @internal */
+  protected _messages: { loadingLabel: string; } & T9nMeta<{ loadingLabel: string; }>;
   /** @default false */
   accessor assistantAvatarEnabled: boolean;
   accessor interrupts: AssistantMessage["interrupts"] | undefined;

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

@@ -1,23 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-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 n extends i {
+import { c as a } from "../../chunks/runtime.js";
+import { css as e, html as s } from "lit";
+import { LitElement as t } from "@arcgis/lumina";
+import { u as i } from "../../chunks/useT9n.js";
+const n = 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 t {
   constructor() {
-    super(...arguments), this.loading = !1, this.loadingMessage = "", this.assistantAvatarEnabled = !1;
+    super(...arguments), this._messages = i({ blocking: !0 }), this.loading = !1, this.loadingMessage = "", this.assistantAvatarEnabled = !1;
   }
   static {
     this.properties = { loading: 5, loadingMessage: 1, assistantAvatarEnabled: 5, interrupts: 0 };
   }
   static {
-    this.styles = t;
+    this.styles = n;
   }
   render() {
-    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;
+    return this.loading ? s`<arcgis-assistant-message .assistantAvatarEnabled=${this.assistantAvatarEnabled} footer-disabled>${this.assistantAvatarEnabled ? s`<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=${this._messages.loadingLabel} 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;
   }
 }
-s("arcgis-assistant-message-loading", n);
+a("arcgis-assistant-message-loading", o);
 export {
-  n as ArcgisAssistantMessageLoading
+  o as ArcgisAssistantMessageLoading
 };

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

@@ -2,15 +2,15 @@
 import { c as i } from "../../chunks/runtime.js";
 import { css as o, html as a } from "lit";
 import { LitElement as e } from "@arcgis/lumina";
-import { unsafeHTML as c } from "lit/directives/unsafe-html.js";
-import { p as r } from "../../chunks/converterUtils.js";
+import { unsafeHTML as r } from "lit/directives/unsafe-html.js";
+import { p as c } from "../../chunks/converterUtils.js";
 const n = o`.container{border-radius:var(--calcite-border-radius);margin-bottom:var(--calcite-spacing-md)}.block{margin:0;background-color:var(--calcite-color-foreground-1);width:100%;max-height:300px;overflow:auto}.entry{margin-left:var(--calcite-spacing-sm);padding:var(--calcite-spacing-xxs) var(--calcite-spacing-lg);border-left:1px solid var(--calcite-color-border-1)}`;
 class l extends e {
   constructor() {
     super(...arguments), this.logEnabled = !1, this.showLog = !1;
   }
   static {
-    this.properties = { logEnabled: 5, showLog: 5, log: 0 };
+    this.properties = { logEnabled: 5, showLog: 5, log: [1, { type: Array }] };
   }
   static {
     this.styles = n;
@@ -19,7 +19,7 @@ class l extends e {
     return this.log?.length && this.showLog && this.logEnabled ? a`<div class="container"><div class="block"><calcite-accordion appearance=transparent icon-position=start icon-type=chevron scale=s>${this.log.map((s) => {
       const t = s.includes(`
 `) || s.length > 70;
-      return a`<calcite-accordion-item .heading=${t ? `${s.substring(0, 70)}...` : s} .expanded=${t}><div class="entry">${t ? c(r(s)) : null}</div></calcite-accordion-item>`;
+      return a`<calcite-accordion-item .heading=${t ? `${s.substring(0, 70)}...` : s} .expanded=${t}><div class="entry">${t ? r(c(s)) : null}</div></calcite-accordion-item>`;
     })}</calcite-accordion></div></div>` : null;
   }
 }

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

@@ -7,4 +7,5 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
  */
 export abstract class ArcgisAssistantMessageText extends LitElement {
   accessor content: string | undefined;
+  accessor parts: string[] | undefined;
 }