@esri/hub-web-components 0.36.1 → 0.37.0

package/dist/components/arcgis-chat-ui/customElement.d.ts

@@ -1,65 +1,149 @@
-/// <reference types="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { AddDataAction, ChatMessage } from './util/types';
-import { FinderLocation, ArcgisErrorResponse, FinderSkillResponse } from '../arcgis-hub-ai-assistant/util/framework';
-import { IWithContext } from '../../util/state';
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { AddDataAction } from "./util/types.js";
+import type { FinderLocation, ArcgisErrorResponse, FinderSkillResponse } from "../arcgis-hub-ai-assistant/util/framework.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class ArcgisChatUI extends LitElement {
-    /** The current conversation ID, or null if starting a new conversation. */
-    conversationId: string | null;
-    /**
-     * The disclaimer text for the AI assistant
-     *
-     * @default ""
-     */
-    botDescription: string;
-    /**
-     * The title of the AI assistant
-     *
-     * @default ""
-     */
-    botTitle: string;
-    /** The default suggestions prompted to the user */
-    defaultSuggestions: string[];
-    /**
-     * The current text input value from the user.
-     *
-     * @default ""
-     */
-    inputText: string;
-    /** @default "hub.arcgis.com" */
-    domain: string;
-    /**
-     * Function property to get a Finder response.
-     * Should be provided by the parent component, `hub-ai-assistant`.
-     *
-     * @param message - The user message to send.
-     * @param conversationId - The current conversation ID, or null to start a new conversation.
-     * @returns A promise resolving to an array of ArcgisErrorResponse or FinderSkillResponse.
-     */
-    getFinderResponse: (message: string, conversationId: string | null) => Promise<ArcgisErrorResponse[] | FinderSkillResponse[]>;
-    /**
-     * Submits the user's message to the chat.
-     * Clears the input, adds the message to the chat history, and triggers the AI response.
-     * Currently using the
-     *
-     * @method
-     * decorator to expose this method to the DOM,
-     * allowing it to be called from `embed-modal.html`. Once this application has been migrated,
-     * I assume there will be no need for the html component and the
-     * @method decorator can be removed.
-     * @param text The user's input message.
-     */
-    submitUserMessage(text: string, type: "query" | "suggest"): Promise<void>;
-    /** Event emitted when the user clicks to add data from a chat message. */
-    readonly arcgisAddDataClick: TargetedEvent<this, AddDataAction>;
-    readonly arcgisAppIdentityStartSignIn: TargetedEvent<this, void>;
-    /** Event emitted when the user clicks a zoom to location button in a chat message. */
-    readonly arcgisLocationClick: TargetedEvent<this, FinderLocation>;
-    /**
-     * Event emitted when telemetry data is sent from the chat UI.
-     *
-     * @event hubTelemetry
-     */
-    readonly hubTelemetry: TargetedEvent<this, Record<string, unknown>>;
-}
+export abstract class ArcgisChatUI extends LitElement {
+  /** @internal */
+  protected _messages: {
+      suggestionsHeader: string;
+      inputPlaceholder: string;
+      clearButtonText: string;
+      submitButtonText: string;
+      errorText: string;
+      welcomeText: string;
+      accuracyResponse: string;
+      questionResponse: string;
+      addDataLabel: string;
+      addLocationLabel: string;
+      viewDetailsLabel: string;
+      reasoningHeading: string;
+      reasoningDescription: string;
+      sourcesHeading: string;
+      sourcesDescription: string;
+      mapHeading: string;
+      mapDescription: string;
+      feedbackLabel: string;
+      feedbackDescription: string;
+      goodResponseLabel: string;
+      badResponseLabel: string;
+      signInTitle: string;
+      signInPrompt: string;
+      signInLinkText: string;
+      orgAiAccessTitle: string;
+      orgAiAccessPrompt: string;
+      orgAiAccessLinkText: string;
+      orgAiAccessPrivilegeTitle: string;
+      orgAiAccessPrivilegePrompt: string;
+      loadingMessages: {
+          loadingMessage1: string;
+          loadingMessage2: string;
+          loadingMessage3: string;
+          loadingMessage4: string;
+          loadingMessage5: string;
+          loadingMessage6: string;
+          loadingMessage7: string;
+      };
+  } & T9nMeta<{
+      suggestionsHeader: string;
+      inputPlaceholder: string;
+      clearButtonText: string;
+      submitButtonText: string;
+      errorText: string;
+      welcomeText: string;
+      accuracyResponse: string;
+      questionResponse: string;
+      addDataLabel: string;
+      addLocationLabel: string;
+      viewDetailsLabel: string;
+      reasoningHeading: string;
+      reasoningDescription: string;
+      sourcesHeading: string;
+      sourcesDescription: string;
+      mapHeading: string;
+      mapDescription: string;
+      feedbackLabel: string;
+      feedbackDescription: string;
+      goodResponseLabel: string;
+      badResponseLabel: string;
+      signInTitle: string;
+      signInPrompt: string;
+      signInLinkText: string;
+      orgAiAccessTitle: string;
+      orgAiAccessPrompt: string;
+      orgAiAccessLinkText: string;
+      orgAiAccessPrivilegeTitle: string;
+      orgAiAccessPrivilegePrompt: string;
+      loadingMessages: {
+          loadingMessage1: string;
+          loadingMessage2: string;
+          loadingMessage3: string;
+          loadingMessage4: string;
+          loadingMessage5: string;
+          loadingMessage6: string;
+          loadingMessage7: string;
+      };
+  }>;
+  /**
+   * The disclaimer text for the AI assistant
+   *
+   * @default ""
+   */
+  accessor botDescription: string;
+  /**
+   * The title of the AI assistant
+   *
+   * @default ""
+   */
+  accessor botTitle: string;
+  /** The current conversation ID, or null if starting a new conversation. */
+  accessor conversationId: string | null;
+  /** The default suggestions prompted to the user */
+  accessor defaultSuggestions: string[];
+  /** @default "hub.arcgis.com" */
+  accessor domain: string;
+  /**
+   * Function property to get a Finder response.
+   * Should be provided by the parent component, `hub-ai-assistant`.
+   *
+   * @param message - The user message to send.
+   * @param conversationId - The current conversation ID, or null to start a new conversation.
+   * @returns A promise resolving to an array of ArcgisErrorResponse or FinderSkillResponse.
+   */
+  accessor getFinderResponse: (message: string, conversationId: string | null) => Promise<ArcgisErrorResponse[] | FinderSkillResponse[]>;
+  /**
+   * The current text input value from the user.
+   *
+   * @default ""
+   */
+  accessor inputText: string;
+  /**
+   * Submits the user's message to the chat.
+   * Clears the input, adds the message to the chat history, and triggers the AI response.
+   * Currently using the \@method decorator to expose this method to the DOM,
+   * allowing it to be called from `embed-modal.html`. Once this application has been migrated,
+   * I assume there will be no need for the html component and the \@method decorator can be removed.
+   *
+   * @param text - The user's input message.
+   * @param type
+   */
+  submitUserMessage(text: string, type: "query" | "suggest"): Promise<void>;
+  /** Event emitted when the user clicks to add data from a chat message. */
+  readonly arcgisAddDataClick: import("@arcgis/lumina").TargetedEvent<this, AddDataAction>;
+  readonly arcgisAppIdentityStartSignIn: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Event emitted when the user clicks a zoom to location button in a chat message. */
+  readonly arcgisLocationClick: import("@arcgis/lumina").TargetedEvent<this, FinderLocation>;
+  /**
+   * Event emitted when telemetry data is sent from the chat UI.
+   *
+   * @event hubTelemetry
+   */
+  readonly hubTelemetry: import("@arcgis/lumina").TargetedEvent<this, Record<string, unknown>>;
+  readonly "@eventTypes": {
+    arcgisAddDataClick: ArcgisChatUI["arcgisAddDataClick"]["detail"];
+    arcgisAppIdentityStartSignIn: ArcgisChatUI["arcgisAppIdentityStartSignIn"]["detail"];
+    arcgisLocationClick: ArcgisChatUI["arcgisLocationClick"]["detail"];
+    hubTelemetry: ArcgisChatUI["hubTelemetry"]["detail"];
+  };
+}

package/dist/components/arcgis-chat-ui/customElement.js

@@ -1,28 +1,25 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/0.37/LICENSE.txt */
 import { c as k } from "../../chunks/runtime.js";
-import { repeat as C } from "lit-html/directives/repeat.js";
-import { html as a } from "lit-html";
-import { keyed as I } from "lit-html/directives/keyed.js";
-import { LitElement as T, createEvent as l, nothing as A } from "@arcgis/lumina";
-import { css as w } from "@lit/reactive-element/css-tag.js";
+import { repeat as C } from "lit/directives/repeat.js";
+import { css as I, html as a } from "lit";
+import { keyed as T } from "lit/directives/keyed.js";
+import { LitElement as A, createEvent as l, nothing as w } from "@arcgis/lumina";
 import { ChatResponse as $ } from "./functional/chat-response/customElement.js";
 import { a as m, b as g, d as M, e as _ } from "../../chunks/util.js";
 import { dictionary as n, constants as u } from "@esri/telemetry-dictionary-hub";
-import { u as L } from "../../chunks/useT9n.js";
-import { createRef as S, ref as p } from "lit/directives/ref.js";
+import { u as S } from "../../chunks/useT9n.js";
+import { createRef as L, ref as p } from "lit/directives/ref.js";
 import { getProp as f, checkPermission as b } from "@esri/hub-common";
-import { u as D } from "../../chunks/useGlobalContext.js";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.36/esri/copyright.txt for details.
-v0.36.1 */
-const U = w`.actions{margin:.5em;background-color:#ffffff7f;width:100%;border-radius:10px;.thumbnail{background-size:cover;background-position:center center;height:150px;width:100%;display:flex;align-items:center;justify-content:center;border-top-left-radius:10px;border-top-right-radius:10px}.viewDetails{font-size:smaller}.bottom{padding:10px}.title{margin-bottom:5px}calcite-accordion{width:100%}}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em;width:100%}.source{margin:.5em;border-radius:10px;width:200px}calcite-accordion-item[heading=Map]>*{margin-bottom:1rem}.text{margin:0 .5rem}.message{display:grid;-moz-column-gap:1px;column-gap:1px;justify-content:start;grid-template-areas:"avatar text" ". feedback "}.message.removed{display:none}.response{display:block;grid-area:text;width:-moz-fit-content;width:fit-content;padding:.75rem;font-size:1rem;line-height:1.375rem;text-align:left}.response p{margin-block:0}.response a{color:#00a0ff}.response .actions{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box}.author-Human{justify-content:end;grid-template-areas:"text avatar" "feedback ."}.author-Human .response{background-color:var(--color-primary);color:#fff;border-radius:15px 0 15px 15px}.author-AI .response{border-radius:0 15px 15px;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}.feedback{grid-area:feedback;--calcite-block-border-color: transparent}arcgis-hub-map-view{height:400px}:host{--color-primary: dodgerblue;display:flex;flex-direction:column;height:100%;.messages{flex:1;flex-grow:1;display:flex;padding:10px;overflow-y:auto;flex-direction:column;gap:1rem}form{margin:0 .5rem;.action-buttons{display:flex;justify-content:space-around}.action-buttons calcite-button{width:auto;flex-grow:1;margin:.5rem}}.scroll-button-container{position:absolute;bottom:100px;left:0;right:0;display:flex;justify-content:center;z-index:10}}#request-input{margin:0 .5rem;height:2rem}.actionsTitle{display:block;font-weight:700;font-size:1.2rem;text-align:left}#actions{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:1rem;margin:1rem}.status-message{opacity:0;transition:opacity 2s ease-in-out;font-size:1.2rem;text-justify:auto;animation:fade-in 6s infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes shine{to{background-position-x:-200%}}`, d = {
+import { u as U } from "../../chunks/useGlobalContext.js";
+const D = I`.actions{margin:.5em;background-color:#ffffff7f;width:100%;border-radius:10px;.thumbnail{background-size:cover;background-position:center center;height:150px;width:100%;display:flex;align-items:center;justify-content:center;border-top-left-radius:10px;border-top-right-radius:10px}.viewDetails{font-size:smaller}.bottom{padding:10px}.title{margin-bottom:5px}calcite-accordion{width:100%}}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em;width:100%}.source{margin:.5em;border-radius:10px;width:200px}calcite-accordion-item[data-field-name=map]>*{margin-bottom:1rem}.text{margin:0 .5rem}.message{display:grid;-moz-column-gap:1px;column-gap:1px;justify-content:start;grid-template-areas:"avatar text" ". feedback "}.message.removed{display:none}.response{display:block;grid-area:text;width:-moz-fit-content;width:fit-content;padding:.75rem;font-size:1rem;line-height:1.375rem;text-align:left}.response p{margin-block:0}.response a{color:#00a0ff}.response .actions{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box}.author-Human{justify-content:end;grid-template-areas:"text avatar" "feedback ."}.author-Human .response{background-color:var(--color-primary);color:#fff;border-radius:15px 0 15px 15px}.author-AI .response{border-radius:0 15px 15px;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}.feedback{grid-area:feedback;--calcite-block-border-color: transparent}arcgis-hub-map-view{height:400px}:host{--color-primary: dodgerblue;display:flex;flex-direction:column;height:100%;.messages{flex:1;flex-grow:1;display:flex;padding:10px;overflow-y:auto;flex-direction:column;gap:1rem}form{margin:0 .5rem;.action-buttons{display:flex;justify-content:space-around}.action-buttons calcite-button{width:auto;flex-grow:1;margin:.5rem}}.scroll-button-container{position:absolute;bottom:100px;left:0;right:0;display:flex;justify-content:center;z-index:10}}#request-input{margin:0 .5rem;height:2rem}.actionsTitle{display:block;font-weight:700;font-size:1.2rem;text-align:left}#actions{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:1rem;margin:1rem}.status-message{opacity:0;transition:opacity 2s ease-in-out;font-size:1.2rem;text-justify:auto;animation:fade-in 6s infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes shine{to{background-position-x:-200%}}`, d = {
   USER: "Human",
   HUB: "AI",
   SYSTEM: "System"
 };
-class R extends T {
+class R extends A {
   constructor() {
     super(), this.disconnectContext = () => {
-    }, this._messages = L({ blocking: !0 }), this._inputElRef = S(), this.loadingMessageIntervalMs = 6e3, this.handleMessagesScroll = () => {
+    }, this._messages = S({ blocking: !0 }), this._inputElRef = L(), this.loadingMessageIntervalMs = 6e3, this.handleMessagesScroll = () => {
       this.requestUpdate();
     }, this.handleFormSubmit = async (e) => {
       e.preventDefault(), this.inputText.trim() && await this.submitUserMessage(this.inputText, "query");
@@ -43,13 +40,13 @@ class R extends T {
       s?.location && this.arcgisLocationClick.emit(s.location);
     }, this.handleViewDetailsClick = () => {
       this.hubTelemetry.emit(n.category.navigation.action.view.label.entityView);
-    }, this._context = D(this), this.isLoading = !1, this.currentLoadingMessage = "", this.messages = [], this.conversationId = null, this.botDescription = "", this.botTitle = "", this.defaultSuggestions = [], this.inputText = "", this.domain = "hub.arcgis.com", this.getFinderResponse = async () => [], this.arcgisAddDataClick = l(), this.arcgisAppIdentityStartSignIn = l(), this.arcgisLocationClick = l(), this.hubTelemetry = l(), this.listen("calciteInternalAccordionChange", this.handleAccordionChange);
+    }, this._context = U(this), this.isLoading = !1, this.currentLoadingMessage = "", this.messages = [], this.conversationId = null, this.botDescription = "", this.botTitle = "", this.defaultSuggestions = [], this.inputText = "", this.domain = "hub.arcgis.com", this.getFinderResponse = async () => [], this.arcgisAddDataClick = l(), this.arcgisAppIdentityStartSignIn = l(), this.arcgisLocationClick = l(), this.hubTelemetry = l(), this.listen("calciteInternalAccordionChange", this.handleAccordionChange);
   }
   static {
     this.properties = { _context: 16, isLoading: 16, currentLoadingMessage: 16, messages: 16, conversationId: 1, botDescription: 1, botTitle: 1, defaultSuggestions: 0, inputText: 1, domain: 1, getFinderResponse: 0 };
   }
   static {
-    this.styles = U;
+    this.styles = D;
   }
   get canScrollToBottom() {
     const e = this.messagesContainer;
@@ -175,7 +172,7 @@ class R extends T {
     return this.isLoading || !this._context.isAuthenticated || !this.hasOrgAiAccess || this.isMissingPrivileges;
   }
   renderSuggestions(e) {
-    return C(e, (t) => t, (t, s) => a`<calcite-button data-index=${s ?? A} round icon-start=effects @click=${this.handleSuggestionClicked} .disabled=${this.isDisabled} appearance=outline-fill>${t}</calcite-button>`);
+    return C(e, (t) => t, (t, s) => a`<calcite-button data-index=${s ?? w} round icon-start=effects @click=${this.handleSuggestionClicked} .disabled=${this.isDisabled} appearance=outline-fill>${t}</calcite-button>`);
   }
   renderWelcomeMessages() {
     return this.welcomeMessages.map(({ text: e, key: t }) => this.renderChatResponse({
@@ -188,7 +185,7 @@ class R extends T {
     return a`<form @submit=${this.handleFormSubmit}>${!e && a`<calcite-notice open icon=sign-in scale=m style="margin: 0 0.5rem 1rem 0.5rem;"><div slot=title>${this._messages.signInTitle}</div><div slot=message>${this._messages.signInPrompt}</div><calcite-link slot=link icon-end=launch @click=${this.signIn}>${this._messages.signInLinkText}</calcite-link></calcite-notice>` || ""}${e && !this.hasOrgAiAccess && a`<calcite-notice open icon scale=m style="margin: 0 0.5rem 1rem 0.5rem;"><div slot=title>${this._messages.orgAiAccessTitle}</div><div slot=message>${this._messages.orgAiAccessPrompt}</div><calcite-link slot=link icon-end=launch href=https://doc.arcgis.com/en/arcgis-online/administer/configure-assistants.htm target=_blank>${this._messages.orgAiAccessLinkText}</calcite-link></calcite-notice>` || ""}${this.isMissingPrivileges && a`<calcite-notice kind=info open scale=m style="margin: 0 0.5rem 1rem 0.5rem;"><div slot=title>${this._messages.orgAiAccessPrivilegeTitle}</div><div slot=message>${this._messages.orgAiAccessPrivilegePrompt}</div></calcite-notice>` || ""}<calcite-input-text .disabled=${this.isDisabled} id=request-input .placeholder=${this._messages.inputPlaceholder} @calciteInputTextInput=${this.handleInputTextChange} .value=${this.inputText} ${p(this._inputElRef)}></calcite-input-text><div class="action-buttons"><calcite-button appearance=outline icon-start=reset @click=${this.handleClearHistory} .disabled=${this.isDisabled}>${this._messages.clearButtonText}</calcite-button><calcite-button type=submit icon-start=send .disabled=${this.isDisabled || !this.inputText.trim()}>${this._messages.submitButtonText}</calcite-button></div></form>`;
   }
   renderChatResponse(e, t) {
-    return I(t, $({ message: e, addDataClick: this.handleAddDataClick, addDataLabel: this._messages.addDataLabel, addLocationClick: this.handleLocationClick, addLocationLabel: this._messages.addLocationLabel, viewDetailsClick: this.handleViewDetailsClick, viewDetailsLabel: this._messages.viewDetailsLabel, domain: this.domain }));
+    return T(t, $({ message: e, addDataClick: this.handleAddDataClick, addLocationClick: this.handleLocationClick, viewDetailsClick: this.handleViewDetailsClick, domain: this.domain, messages: this._messages }));
   }
   renderMessageContainer() {
     return a`<div class="messages" ${p(this.setMessagesContainer)}>${this.renderWelcomeMessages()}<div><div class="actionsTitle">${this._messages.suggestionsHeader}</div><div id=actions>${this.renderSuggestions(this.defaultSuggestions)}</div></div>${this.messages.map((e) => this.renderChatResponse(e, `message-${e.messageId}`))}${this.isLoading && a`<div class="status-message">${this.currentLoadingMessage}</div>` || ""}${this.canScrollToBottom && a`<calcite-fab class="scroll-button-container" icon=arrow-down kind=inverse appearance=solid scale=m @click=${() => {

package/dist/components/arcgis-chat-ui/functional/chat-action/customElement.js

@@ -1,11 +1,9 @@
-import { html as g, nothing as E } from "lit-html";
+/* COPYRIGHT Esri - https://js.arcgis.com/0.37/LICENSE.txt */
 import { safeStyleMap as a } from "@arcgis/lumina";
+import { html as g, nothing as E } from "lit-html";
 import { g as W, i as e } from "../../../../chunks/util.js";
 import { g as k } from "../../../../chunks/state.js";
 import { getProp as y } from "@esri/hub-common";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.36/esri/copyright.txt for details.
-v0.36.1 */
 const s = "data:image/png;base64,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CCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCKTF3mAAAB3UlEQVSpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgIInMqw4hQEIAABCCBw5AAEIAABCKgkgMCpDCtOQQACEIAAAkcOQAACEICASgL/Dzp3YyVHqurRAAAAAElFTkSuQmCC", Z = ({ messageId: M, source: A, domain: n = "hub.arcgis.com", showOutlinks: c = !0, addDataClick: h, addDataLabel: O, viewDetailsClick: i, viewDetailsLabel: V }) => {
   const C = k(), I = W(A, n), B = y(C, "session.token"), l = A.thumbnail && C.portalUrl ? `https://${C.portalUrl.split("//")[1]}/sharing/rest/content/items/${A.id}/info/${A.thumbnail}${B ? `?token=${B}` : ""}` : s;
   return g`<div class="thumbnail calcite-mode-light" style=${a({

package/dist/components/arcgis-chat-ui/functional/chat-response/customElement.js

@@ -1,55 +1,53 @@
-import { repeat as d } from "lit-html/directives/repeat.js";
-import { html as r, nothing as A } from "lit-html";
-import { c as M, i as I } from "../../../../chunks/util.js";
-import { ChatAction as S } from "../chat-action/customElement.js";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.36/esri/copyright.txt for details.
-v0.36.1 */
-const P = ({ message: i, addDataClick: f, addDataLabel: p, addLocationClick: h, addLocationLabel: $, viewDetailsClick: b, viewDetailsLabel: m, domain: l = "hub.arcgis.com" }) => {
-  function v(n) {
-    const a = (e) => Array.isArray(e) ? e.filter((t) => !!t).filter((t) => (t.key ?? t.name) !== "context").map((t, o) => [t.key ?? t.name ?? `param${o + 1}`, t.value]) : e && typeof e == "object" ? Object.entries(e).filter(([t]) => t !== "context") : [], c = (e, t) => {
-      if (e === "sources" && Array.isArray(t))
-        return t.map((o) => o.title ?? "").filter(Boolean).join(", ");
-      if (e === "location" && t && typeof t == "object")
+/* COPYRIGHT Esri - https://js.arcgis.com/0.37/LICENSE.txt */
+import { repeat as s } from "lit/directives/repeat.js";
+import { html as a, nothing as k } from "lit-html";
+import { c as D, i as A } from "../../../../chunks/util.js";
+import { ChatAction as H } from "../chat-action/customElement.js";
+const O = ({ message: n, addDataClick: p, addLocationClick: $, viewDetailsClick: b, domain: u, messages: e }) => {
+  function h(o) {
+    const d = (i) => Array.isArray(i) ? i.filter((t) => !!t).filter((t) => (t.key ?? t.name) !== "context").map((t, c) => [t.key ?? t.name ?? `param${c + 1}`, t.value]) : i && typeof i == "object" ? Object.entries(i).filter(([t]) => t !== "context") : [], r = (i, t) => {
+      if (i === "sources" && Array.isArray(t))
+        return t.map((c) => c.title ?? "").filter(Boolean).join(", ");
+      if (i === "location" && t && typeof t == "object")
         return t.name ?? t;
       if (typeof t == "string") {
-        const o = t.trim();
-        if (o.startsWith("{") && o.endsWith("}") || o.startsWith("[") && o.endsWith("]"))
+        const c = t.trim();
+        if (c.startsWith("{") && c.endsWith("}") || c.startsWith("[") && c.endsWith("]"))
           try {
-            return JSON.parse(o);
+            return JSON.parse(c);
           } catch {
             return t;
           }
       }
       return t;
-    }, s = (e) => typeof e == "string" ? e : JSON.stringify(e);
-    return r`<calcite-accordion-item heading=Reasoning description="Explanation of the Hub assistant process" icon-start=automation data-field-name=Reasoning><ol>${d(n, (e) => e.name, (e) => r`<li>Tool: ${e.name}${d(a(e.parameters), ([t, o]) => t, ([t, o]) => {
-      const R = c(t, o);
-      return r`<div>${t}: ${s(R)}</div>`;
+    }, l = (i) => typeof i == "string" ? i : JSON.stringify(i);
+    return a`<calcite-accordion-item .heading=${e.reasoningHeading} .description=${e.reasoningDescription} icon-start=automation data-field-name=reasoning><ol>${s(o, (i) => i.name, (i) => a`<li>Tool: ${i.name}${s(d(i.parameters), ([t, c]) => t, ([t, c]) => {
+      const L = r(t, c);
+      return a`<div>${t}: ${l(L)}</div>`;
     })}</li>`)}</ol></calcite-accordion-item>`;
   }
-  function y(n, a) {
-    return r`<calcite-accordion-item description="Relevant data sources" heading=Sources icon-start=information data-field-name=Sources expanded><div class="sources">${d(a, (c) => c.id, (c) => r`<div class="wrapper source">${S({ messageId: n, source: c, domain: l, showOutlinks: !0, addDataClick: f, addDataLabel: p, viewDetailsClick: b, viewDetailsLabel: m })}</div>`)}</div></calcite-accordion-item>`;
+  function v(o, d) {
+    return a`<calcite-accordion-item .description=${e.sourcesDescription} .heading=${e.sourcesHeading} icon-start=information data-field-name=sources expanded><div class="sources">${s(d, (r) => r.id, (r) => a`<div class="wrapper source">${H({ messageId: o, source: r, domain: u, showOutlinks: !0, addDataClick: p, addDataLabel: e.addDataLabel, viewDetailsClick: b, viewDetailsLabel: e.viewDetailsLabel })}</div>`)}</div></calcite-accordion-item>`;
   }
-  function x(n) {
-    return r`<calcite-accordion-item description="See the layers" heading=Map icon-start=map data-field-name=Map expanded><div>${n.name}</div><arcgis-hub-map-view .location=${`${n.latitude}, ${n.longitude}, ${n.zoom ?? 0}`} @arcgisHubMapViewReady=${w} legend layer-list search></arcgis-hub-map-view><calcite-button data-message-id=${i.messageId ?? A} round icon-start=extent appearance=outline-fill @click=${h}>${$}</calcite-button></calcite-accordion-item>`;
+  function y(o) {
+    return a`<calcite-accordion-item .description=${e.mapDescription} .heading=${e.mapHeading} icon-start=map data-field-name=map expanded><div>${o.name}</div><arcgis-hub-map-view .location=${`${o.latitude}, ${o.longitude}, ${o.zoom ?? 0}`} @arcgisHubMapViewReady=${m} legend layer-list search></arcgis-hub-map-view><calcite-button data-message-id=${n.messageId ?? k} round icon-start=extent appearance=outline-fill @click=${$}>${e.addLocationLabel}</calcite-button></calcite-accordion-item>`;
   }
-  function w(n) {
-    const a = n.target;
-    i.sources?.length && i.sources.forEach((c) => {
-      I(c.type) && a.addLayer(c.id);
+  function m(o) {
+    const d = o.target;
+    n.sources?.length && n.sources.forEach((r) => {
+      A(r.type) && d.addLayer(r.id);
     });
   }
-  function k(n) {
-    return n.messageId ? r`<div class="feedback"><calcite-block label="Response Feedback" description="This response was generated with AI. Please provide feedback to help us improve."><calcite-action @click=${() => u(n, "Good")} slot=actions-end text="Good Response" icon=thumbs-up></calcite-action><calcite-action @click=${() => u(n, "Bad")} slot=actions-end text="Bad Response" icon=thumbs-down></calcite-action></calcite-block></div>` : null;
+  function w(o) {
+    return o.messageId ? a`<div class="feedback"><calcite-block .label=${e.feedbackLabel} .description=${e.feedbackDescription}><calcite-action @click=${() => f(o, "Good")} slot=actions-end .text=${e.goodResponseLabel} icon=thumbs-up></calcite-action><calcite-action @click=${() => f(o, "Bad")} slot=actions-end .text=${e.badResponseLabel} icon=thumbs-down></calcite-action></calcite-block></div>` : null;
   }
-  function u(n, a) {
-    const c = n.prompt ?? "", s = n.text, e = encodeURI(`https://survey123.arcgis.com/share/6e349a50b4504ca6b6107216d568db5f?field:user_evaluation=${a}&field:_source=Hub_Assistant&field:version=v1&field:question=${c}&field:answer=${s}&field:context=${l}`);
-    window.open(e, "_blank");
+  function f(o, d) {
+    const r = o.prompt ?? "", l = o.text, i = encodeURI(`https://survey123.arcgis.com/share/6e349a50b4504ca6b6107216d568db5f?field:user_evaluation=${d}&field:_source=Hub_Assistant&field:version=v1&field:question=${r}&field:answer=${l}&field:context=${u}`);
+    window.open(i, "_blank");
   }
-  const g = i.sources?.length ?? i.tools?.length ?? !!i.location;
-  return r`<div class=${`message author-${i.author}`}><div class="response"><div class="text" .innerHTML=${M(i.text) ?? ""}></div>${g && r`<div class="actions"><calcite-accordion>${i.location && x(i.location) || ""}${!!i.sources && i.sources.length > 0 && y(i.messageId, i.sources) || ""}${!!i.tools && i.tools.length > 0 && v(i.tools) || ""}</calcite-accordion>${k(i)}</div>` || ""}</div></div>`;
+  const x = n.sources?.length ?? n.tools?.length ?? !!n.location;
+  return a`<div class=${`message author-${n.author}`}><div class="response"><div class="text" .innerHTML=${D(n.text) ?? ""}></div>${x && a`<div class="actions"><calcite-accordion>${n.location && y(n.location) || ""}${!!n.sources && n.sources.length > 0 && v(n.messageId, n.sources) || ""}${!!n.tools && n.tools.length > 0 && h(n.tools) || ""}</calcite-accordion>${w(n)}</div>` || ""}</div></div>`;
 };
 export {
-  P as ChatResponse
+  O as ChatResponse
 };

package/dist/components/arcgis-chat-ui/index.d.ts

@@ -1,6 +1 @@
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-notice";
-import "@esri/calcite-components/components/calcite-link";
-import "@esri/calcite-components/components/calcite-input-text";
-import "@esri/calcite-components/components/calcite-fab";
 export * from "./customElement.js";

package/dist/components/arcgis-chat-ui/util/types.d.ts

@@ -1,30 +1,9 @@
-import { FinderResponseContext, FinderSource } from '../../arcgis-hub-ai-assistant/util/framework';
-type DataItem = {
-    id: string;
-};
 export type AddDataAction = {
-    type: "dataset";
-    title: string;
-    data: DataItem;
-};
-export type ChatSource = FinderSource & {
-    thumbnail?: string;
-    url?: string;
-};
-export type ChatMessage = Partial<FinderResponseContext> & {
-    author: string;
-    text: string;
-    messageId?: number;
-    /**
-     * The original user prompt that resulted in this (Hub/AI) response.
-     * Only set on system/Hub authored messages.
-     */
-    prompt?: string;
-};
-export declare const HubChatAuthor: {
-    readonly USER: "Human";
-    readonly HUB: "AI";
-    readonly SYSTEM: "System";
-};
-export type THubChatAuthor = (typeof HubChatAuthor)[keyof typeof HubChatAuthor];
-export {};
+  type: "dataset";
+  title: string;
+  data: DataItem;
+};
+
+export type DataItem = {
+  id: string;
+};