@arcgis/ai-components 5.2.0-next.99 → 6.0.0-next.1

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

@@ -1,36 +1,70 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c } from "../../chunks/runtime.js";
-import { css as a, html as e } from "lit";
-import { LitElement as l, createEvent as s } from "@arcgis/lumina";
-import { u as r } from "../../chunks/useT9n.js";
-const n = a`: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)}`;
-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._messages = r({ blocking: !0 }), this._selectedOptions = [], this.arcgisCancel = s(), this.arcgisSubmit = s();
+    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 = { _selectedOptions: 16, 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._selectedOptions = 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._selectedOptions = t.target.selectedItems.map((i) => i.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._selectedOptions = 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>${this.type === "boolean-choice" ? e`<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>` : e`<calcite-button slot=footer-end appearance=outline @click=${() => this.arcgisCancel.emit()}>${this._messages.cancelButtonLabel}</calcite-button><calcite-button slot=footer-end appearance=solid .disabled=${!this._selectedOptions.length} @click=${() => this.arcgisSubmit.emit(this._selectedOptions)}>${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>`;
   }
 }
-c("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-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,21 +1,12 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as r } from "../../chunks/runtime.js";
-import { LitElement as e } from "@arcgis/lumina";
+import { c as e } from "../../chunks/runtime.js";
+import { LitElement as r } from "@arcgis/lumina";
+import "../../chunks/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 "../../chunks/navigationState.js";
 import "@langchain/core/prompts";
+import "@langchain/openai";
+import "@langchain/core/messages";
 import "../../agents/tools/navigation/goToAddress/adapter.js";
 import "../../agents/tools/navigation/goToBookmark/adapter.js";
 import "../../agents/tools/navigation/goToFeatures/adapter.js";
@@ -27,6 +18,7 @@ import "../../agents/tools/navigation/goToViewpoint/adapter.js";
 import "../../agents/tools/navigation/goToZoom/adapter.js";
 import "@langchain/langgraph/prebuilt";
 import "zod";
+import "../../chunks/layerQueryToolCalling.js";
 import "../../agents/tools/filter/clearFilters/adapter.js";
 import "../../agents/tools/filter/resetMap/adapter.js";
 import "../../agents/tools/filter/setFeatureEffect/adapter.js";
@@ -37,11 +29,13 @@ 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 "../../chunks/layerStylingState.js";
+import "../../chunks/helpState.js";
 import "../../agents/tools/help/listFields/adapter.js";
-import { A as o } from "../../chunks/arcgisKnowledgeGraph.js";
-import { a as s, i as n } from "../../chunks/utils2.js";
+import { ArcgisKnowledgeAgent as o } from "../../agents/agents/arcgisKnowledge/graph/arcgisKnowledgeGraph.js";
+import { a as s, i as n } from "../../chunks/utils3.js";
 import { fetchKnowledgeGraph as p } from "@arcgis/core/rest/knowledgeGraphService.js";
-class m extends e {
+class m extends r {
   constructor() {
     super(...arguments), this.agent = o;
   }
@@ -49,14 +43,14 @@ class m extends e {
     this.properties = { referenceElement: 1, serviceUrl: 3, context: 0 };
   }
   #i;
-  #r;
-  #t;
   #e;
+  #t;
+  #r;
   get serviceUrl() {
-    return this.#r;
+    return this.#e;
   }
   set serviceUrl(t) {
-    this.#r = t;
+    this.#e = t;
   }
   async getContext() {
     const t = this.context ? { ...this.context, knowledgeGraph: void 0, view: void 0 } : {};
@@ -80,13 +74,13 @@ class m extends e {
     t.has("serviceUrl") && this.serviceUrl ? this.#t = p(this.serviceUrl) : this.#t = void 0;
   }
   load() {
-    this.#i = s(this) ?? void 0, this.#e = n(this);
+    this.#i = s(this) ?? void 0, this.#r = n(this);
   }
   disconnectedCallback() {
-    this.#e?.unregister(this.agent.id), super.disconnectedCallback();
+    this.#r?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
-r("arcgis-assistant-knowledge-agent", m);
+e("arcgis-assistant-knowledge-agent", m);
 export {
   m as ArcgisAssistantKnowledgeAgent
 };

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

@@ -1,21 +1,12 @@
 /* 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 "../../chunks/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 "../../chunks/navigationState.js";
 import "@langchain/core/prompts";
+import "@langchain/openai";
+import "@langchain/core/messages";
 import "../../agents/tools/navigation/goToAddress/adapter.js";
 import "../../agents/tools/navigation/goToBookmark/adapter.js";
 import "../../agents/tools/navigation/goToFeatures/adapter.js";
@@ -27,6 +18,7 @@ import "../../agents/tools/navigation/goToViewpoint/adapter.js";
 import "../../agents/tools/navigation/goToZoom/adapter.js";
 import "@langchain/langgraph/prebuilt";
 import "zod";
+import "../../chunks/layerQueryToolCalling.js";
 import "../../agents/tools/filter/clearFilters/adapter.js";
 import "../../agents/tools/filter/resetMap/adapter.js";
 import "../../agents/tools/filter/setFeatureEffect/adapter.js";
@@ -37,11 +29,13 @@ 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 { LayerStylingAgent as r } from "../../agents/agents/layerStyling/graph/layerStylingGraph.js";
+import "../../chunks/helpState.js";
 import "../../agents/tools/help/listFields/adapter.js";
+import "../../chunks/adapter2.js";
 import "@arcgis/core/rest/knowledgeGraphService.js";
-import { r as o, i as m } from "../../chunks/utils2.js";
-class s extends i {
+import { r as s, i as o } from "../../chunks/utils3.js";
+class e extends i {
   constructor() {
     super(...arguments), this.agent = r;
   }
@@ -56,13 +50,13 @@ class s extends i {
     return { mapView: this.#t };
   }
   load() {
-    this.#t = o(this, "arcgis-assistant-layer-styling-agent"), this.#i = m(this);
+    this.#t = s(this, "arcgis-assistant-layer-styling-agent"), this.#i = o(this);
   }
   disconnectedCallback() {
     this.#i?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
-t("arcgis-assistant-layer-styling-agent", s);
+t("arcgis-assistant-layer-styling-agent", e);
 export {
-  s as ArcgisAssistantLayerStylingAgent
+  e as ArcgisAssistantLayerStylingAgent
 };

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

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

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

@@ -2,24 +2,23 @@
 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";
-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)}`;
+import { P as c } from "../../chunks/converterUtils.js";
+const r = 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;
+    this.styles = r;
   }
   render() {
     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 ? c(s) : null}</div></calcite-accordion-item>`;
     })}</calcite-accordion></div></div>` : null;
   }
 }

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

@@ -1,3 +1,8 @@
+import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-table";
+import "@esri/calcite-components/components/calcite-table-row";
+import "@esri/calcite-components/components/calcite-table-header";
+import "@esri/calcite-components/components/calcite-table-cell";
 import "@esri/calcite-components/components/calcite-accordion";
 import "@esri/calcite-components/components/calcite-accordion-item";
 export * from "./customElement.js";

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

@@ -1,22 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-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 n, p as o } from "../../chunks/converterUtils.js";
-const s = i`.container{color:var(--calcite-color-text-1);min-width:0}.content{min-width:0;overflow-wrap:anywhere}.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 {
+import { c as e } from "../../chunks/runtime.js";
+import { css as r, html as t } from "lit";
+import { LitElement as i } from "@arcgis/lumina";
+import { a as c, P as n } from "../../chunks/converterUtils.js";
+const o = r`.container{color:var(--calcite-color-text-1);min-width:0}.content{min-width:0;overflow-wrap:anywhere}.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 s extends i {
   static {
-    this.properties = { content: 1, parts: 0 };
+    this.properties = { content: 1, parts: [1, { type: Array }] };
   }
   static {
-    this.styles = s;
+    this.styles = o;
   }
   render() {
-    return t`<div class="container"><div class="content">${this.parts?.map((e) => t`<span class="part">${a(n(e))}</span>`) ?? a(o(this.content))}</div></div>`;
+    return t`<div class="container"><div class="content">${this.parts?.map((a) => t`<span class="part">${c(a)}</span>`) ?? n(this.content)}</div></div>`;
   }
 }
-r("arcgis-assistant-message-text", l);
+e("arcgis-assistant-message-text", s);
 export {
-  l as ArcgisAssistantMessageText
+  s as ArcgisAssistantMessageText
 };

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

@@ -1 +1,6 @@
+import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-table";
+import "@esri/calcite-components/components/calcite-table-row";
+import "@esri/calcite-components/components/calcite-table-header";
+import "@esri/calcite-components/components/calcite-table-cell";
 export * from "./customElement.js";

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

@@ -1,22 +1,25 @@
 /* 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 { N as r } from "../../chunks/navigationGraph.js";
+import { NavigationAgent as r } from "../../agents/agents/navigation/navigationAgent.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 "../../chunks/navigationState.js";
 import "@langchain/core/prompts";
+import "@langchain/openai";
+import "@langchain/core/messages";
+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 "../../chunks/createSkillAgent.js";
+import "../../chunks/layerQueryToolCalling.js";
 import "../../agents/tools/filter/clearFilters/adapter.js";
 import "../../agents/tools/filter/resetMap/adapter.js";
 import "../../agents/tools/filter/setFeatureEffect/adapter.js";
@@ -25,13 +28,15 @@ 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 "@langchain/langgraph/prebuilt";
 import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
 import "@arcgis/core/smartMapping/statistics/uniqueValues.js";
+import "../../chunks/layerStylingState.js";
+import "../../chunks/helpState.js";
 import "../../agents/tools/help/listFields/adapter.js";
+import "../../chunks/adapter2.js";
 import "@arcgis/core/rest/knowledgeGraphService.js";
-import { r as o, i as s } from "../../chunks/utils2.js";
-class a extends i {
+import { r as o, i as s } from "../../chunks/utils3.js";
+class m extends i {
   constructor() {
     super(...arguments), this.agent = r;
   }
@@ -52,7 +57,7 @@ class a extends i {
     this.#i?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
-t("arcgis-assistant-navigation-agent", a);
+t("arcgis-assistant-navigation-agent", m);
 export {
-  a as ArcgisAssistantNavigationAgent
+  m as ArcgisAssistantNavigationAgent
 };

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

@@ -0,0 +1,18 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ObservationSpan, RuntimeRun } from "../arcgis-assistant-observation-panel/support/observationSnapshot.js";
+import type { ModelPricingCatalog } from "../arcgis-assistant-observation-panel/support/modelPricing.js";
+
+/**
+ * Displays the payloads and metadata of a selected runtime span.
+ *
+ * @internal
+ */
+export abstract class ArcgisAssistantObservationInspector extends LitElement {
+  /** Pricing catalog used for the selected span's cost breakdown. */
+  accessor pricing: ModelPricingCatalog;
+  /** Run context. Inspect the run when no span is supplied. */
+  accessor run: RuntimeRun | undefined;
+  /** The runtime span to inspect. */
+  accessor span: ObservationSpan | undefined;
+}

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

@@ -0,0 +1,90 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as u } from "../../chunks/runtime.js";
+import { css as g, html as l } from "lit";
+import { LitElement as v, nothing as m } from "@arcgis/lumina";
+import { log as h } from "@arcgis/toolkit/log";
+import { f as b } from "../../chunks/runtimeSpans.js";
+import { d as f, f as $ } from "../../chunks/modelPricing.js";
+const y = g`:host{display:block;min-width:0;min-height:0}calcite-panel{height:100%}calcite-tabs{position:relative;flex:1;height:0;min-height:0;overflow:hidden}.details{padding:var(--calcite-spacing-md)}.details>*+*{margin-block-start:var(--calcite-spacing-lg)}h3{margin:0 0 var(--calcite-spacing-sm);font-size:var(--calcite-font-size-relative-base);font-weight:var(--calcite-font-weight-semibold)}.metadata calcite-table-header,.detail-value,.error{overflow-wrap:anywhere}calcite-table{font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto}.table-scroll calcite-table{min-width:30rem}.payload{margin:0;padding:var(--calcite-spacing-md);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--calcite-monospace-family);font-size:var(--calcite-font-size-relative-sm);color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.empty{display:grid;min-height:5rem;place-items:center;color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-relative-sm)}`;
+function p(i, e) {
+  if (i === void 0)
+    return l`<div class="empty">${e} unavailable.</div>`;
+  try {
+    const t = typeof i == "string" ? i : JSON.stringify(i, null, 2);
+    return t === void 0 ? l`<div class="empty">${e} cannot be serialized.</div>` : l`<pre class="payload">${t === "" ? '""' : t}</pre>`;
+  } catch {
+    return l`<div class="empty">${e} cannot be serialized.</div>`;
+  }
+}
+function o(i, e) {
+  const t = e.filter((a) => a.value !== void 0);
+  return t.length ? l`<section aria-label=${`${i} details`}><h3>${i}</h3><calcite-table class="metadata" .caption=${`${i} metadata`} aria-label=${`${i} metadata`} scale=s layout=fixed interaction-mode=static bordered><calcite-table-row slot=table-header><calcite-table-header heading=Field></calcite-table-header><calcite-table-header heading=Value col-span=2></calcite-table-header></calcite-table-row>${t.map((a) => l`<calcite-table-row><calcite-table-header .heading=${a.label}></calcite-table-header><calcite-table-cell col-span=2><span class="detail-value">${a.value}</span></calcite-table-cell></calcite-table-row>`)}</calcite-table></section>` : null;
+}
+class w extends v {
+  constructor() {
+    super(...arguments), this.pricing = f;
+  }
+  static {
+    this.properties = { span: 0, run: 0, pricing: 0 };
+  }
+  static {
+    this.styles = y;
+  }
+  async copy() {
+    const e = this.span ?? this.run;
+    if (e)
+      try {
+        await navigator.clipboard.writeText(JSON.stringify(e, null, 2));
+      } catch (t) {
+        h("warn", "assistant-observation-inspector", "Failed to copy selected data as JSON", {
+          once: !0,
+          detail: { error: t }
+        });
+      }
+  }
+  renderRunDetails(e) {
+    return l`<div class="details">${o("Run", [
+      { label: "Status", value: e.status },
+      { label: "Duration", value: b(e) },
+      { label: "Started", value: new Date(e.startedAt).toLocaleString() },
+      {
+        label: "Ended",
+        value: e.endedAt !== void 0 ? new Date(e.endedAt).toLocaleString() : void 0
+      }
+    ])}${o("Model", [
+      {
+        label: "Models used",
+        value: e.models.map((t) => t.model ?? "Not reported").join(", ") || "None"
+      },
+      { label: "Model calls", value: e.usage.modelCalls.toLocaleString() }
+    ])}<arcgis-assistant-observation-usage .usage=${e.usage} aggregate .pricing=${this.pricing}></arcgis-assistant-observation-usage><div class="table-scroll"><calcite-table caption="Usage by model" aria-label="Usage by model" scale=s interaction-mode=static bordered><calcite-table-row slot=table-header><calcite-table-header heading=Model></calcite-table-header><calcite-table-header heading=Calls></calcite-table-header><calcite-table-header heading="Input tokens"></calcite-table-header><calcite-table-header heading="Output tokens"></calcite-table-header><calcite-table-header heading="Estimated cost (USD)"></calcite-table-header></calcite-table-row>${e.models.map(({ model: t, usage: a }) => l`<calcite-table-row><calcite-table-header .heading=${t ?? "Not reported"}></calcite-table-header><calcite-table-cell>${a.modelCalls.toLocaleString()}</calcite-table-cell><calcite-table-cell>${a.tokens.input?.toLocaleString() ?? "Not reported"}</calcite-table-cell><calcite-table-cell>${a.tokens.output?.toLocaleString() ?? "Not reported"}</calcite-table-cell><calcite-table-cell>${$(a.cost?.total)}</calcite-table-cell></calcite-table-row>`)}</calcite-table></div>${o("Identifiers", [{ label: "Run ID", value: e.id }])}</div>`;
+  }
+  renderSpanDetails(e) {
+    const t = e.metadata?.model, a = [
+      { label: "Status", value: e.status },
+      { label: "Type", value: e.type },
+      { label: "Duration", value: e.durationMs !== void 0 ? b(e) : void 0 },
+      { label: "Started", value: new Date(e.startedAt).toLocaleString() },
+      { label: "Ended", value: e.endedAt !== void 0 ? new Date(e.endedAt).toLocaleString() : void 0 }
+    ], r = [];
+    if (t || e.type === "model") {
+      const c = e.pricingTier === "long-context" ? "Long context" : e.pricingTier === "standard" ? "Standard" : "Unavailable";
+      r.push({ label: "Model", value: t ?? "Not reported" }, { label: "Pricing tier", value: c });
+    }
+    const s = [
+      { label: "Run ID", value: e.runId },
+      { label: "Span ID", value: e.id },
+      { label: "Parent span", value: e.parentId || void 0 },
+      { label: "Agent", value: e.agentId || void 0 }
+    ];
+    return l`<div class="details">${o("Span", a)}${o("Model", r)}${e.usage ? l`<arcgis-assistant-observation-usage .usage=${e.usage} .pricing=${this.pricing}></arcgis-assistant-observation-usage>` : null}${o("Identifiers", s)}</div>`;
+  }
+  render() {
+    const e = this.run, t = this.span, a = e?.spans.filter((d) => d.type === "workflow" && !d.parentId).at(-1), r = t ? t.input : e ? e.prompt || a?.input : void 0, s = t ? t.output : a?.output, c = t?.error, n = t ? "Copy span JSON" : "Copy run JSON";
+    return l`<calcite-panel .heading=${t ? t.label : e ? `Run ${e.number}` : "Span details"} aria-label=${t || !e ? "Span inspector" : "Run inspector"} closable><calcite-action slot=header-actions-end icon=copy-to-clipboard .text=${n} title=${n ?? m} .disabled=${!e && !t} @click=${this.copy}></calcite-action>${c ? l`<calcite-notice role=alert slot=content-top open kind=danger icon scale=s width=full><div class="error" slot=message>${c.name ? `${c.name}: ` : ""}${c.message}</div></calcite-notice>` : null}${e || t ? l`<calcite-tabs><calcite-tab-nav slot=title-group><calcite-tab-title selected>Details</calcite-tab-title><calcite-tab-title>Input</calcite-tab-title><calcite-tab-title>Output</calcite-tab-title><calcite-tab-title>Latency</calcite-tab-title></calcite-tab-nav><calcite-tab selected>${t ? this.renderSpanDetails(t) : this.renderRunDetails(e)}</calcite-tab><calcite-tab>${p(r, "Input")}</calcite-tab><calcite-tab>${p(s, "Output")}</calcite-tab><calcite-tab><arcgis-assistant-observation-latency .run=${e} .span=${t}></arcgis-assistant-observation-latency></calcite-tab></calcite-tabs>` : l`<div class="empty">No span selected.</div>`}</calcite-panel>`;
+  }
+}
+u("arcgis-assistant-observation-inspector", w);
+export {
+  w as ArcgisAssistantObservationInspector
+};

package/dist/components/arcgis-assistant-observation-inspector/index.d.ts

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

package/dist/components/arcgis-assistant-observation-inspector/index.js

@@ -0,0 +1,14 @@
+import "@esri/calcite-components/components/calcite-table";
+import "@esri/calcite-components/components/calcite-table-row";
+import "@esri/calcite-components/components/calcite-table-header";
+import "@esri/calcite-components/components/calcite-table-cell";
+import "../arcgis-assistant-observation-usage/index.js";
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-tabs";
+import "@esri/calcite-components/components/calcite-tab-nav";
+import "@esri/calcite-components/components/calcite-tab-title";
+import "@esri/calcite-components/components/calcite-tab";
+import "../arcgis-assistant-observation-latency/index.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,15 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ObservationSpan, RuntimeRun } from "../arcgis-assistant-observation-panel/support/observationSnapshot.js";
+
+/**
+ * Displays timing and a latency waterfall for a run or span.
+ *
+ * @internal
+ */
+export abstract class ArcgisAssistantObservationLatency extends LitElement {
+  /** Run context. Display run timing when no span is supplied. */
+  accessor run: RuntimeRun | undefined;
+  /** Selected span when displaying span-specific timing. */
+  accessor span: ObservationSpan | undefined;
+}