@esri/hub-web-components 0.4.0 → 0.5.0

package/dist/chunks/migrateTextCard.js

@@ -1,7 +1,7 @@
 import { migrateSchema as t } from "@esri/hub-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.4/esri/copyright.txt for details.
-v0.4.0 */
+See https://js.arcgis.com/0.5/esri/copyright.txt for details.
+v0.5.0 */
 const a = {
   // add future transforms here
 };

package/dist/chunks/processLayout.js

@@ -3,8 +3,8 @@ import { cloneObject as y, deepFindById as f, fetchHubEntity as v, interpolate a
 import { Resolver as b } from "@stoplight/json-ref-resolver";
 import { getItemData as g } from "@esri/arcgis-rest-portal";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.4/esri/copyright.txt for details.
-v0.4.0 */
+See https://js.arcgis.com/0.5/esri/copyright.txt for details.
+v0.5.0 */
 const N = m;
 function p(s) {
   const r = Object.getOwnPropertyNames(s);

package/dist/chunks/runtime.js

@@ -2,9 +2,9 @@ import { css as e } from "@lit/reactive-element/css-tag.js";
 import { makeRuntime as s } from "@arcgis/lumina";
 import { trackAccess as r, createObservable as a, createTrackingTarget as c, runTracked as o } from "@arcgis/core/applications/Components/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.4/esri/copyright.txt for details.
-v0.4.0 */
-const m = e``, t = s({ defaultAssetPath: "https://js.arcgis.com/0.4/hub-web-components/", hydratedAttribute: "hydrated", commonStyles: m }), { customElement: u, getAssetPath: d, setAssetPath: p } = t;
+See https://js.arcgis.com/0.5/esri/copyright.txt for details.
+v0.5.0 */
+const m = e``, t = s({ defaultAssetPath: "https://js.arcgis.com/0.5/hub-web-components/", hydratedAttribute: "hydrated", commonStyles: m }), { customElement: u, getAssetPath: d, setAssetPath: p } = t;
 t.t = r;
 t.o = a;
 t.c = c;

package/dist/chunks/typeGuards.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.4/esri/copyright.txt for details.
-v0.4.0 */
+See https://js.arcgis.com/0.5/esri/copyright.txt for details.
+v0.5.0 */
 function a(t) {
   return t.tag === "arcgis-layout-section";
 }

package/dist/chunks/useT9n.js

@@ -1,8 +1,8 @@
 import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.4/esri/copyright.txt for details.
-v0.4.0 */
+See https://js.arcgis.com/0.5/esri/copyright.txt for details.
+v0.5.0 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/util.js

@@ -0,0 +1,47 @@
+import { Marked as t } from "@ts-stack/markdown";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.5/esri/copyright.txt for details.
+v0.5.0 */
+const s = (r) => {
+  const e = /https?:\/\/[^\s]+[^. ]/gu;
+  return r.replace(e, "<a href='$&' target='_new'>$&</a>");
+}, l = (r) => {
+  if (!r)
+    return "";
+  let e = r.replace(/(?:\r\n|\r|\n|\\n)/gu, "<br>");
+  return e = e.replace(/(\\")/gu, "'"), e = e.replace(/(")/gu, ""), e = e.replace(/AI: /gu, ""), e = t.parse(e), e.match(/href/u) || (e = s(e)), e = e.replace(/<a href=/gu, '<a target="_new" href='), e;
+}, p = (r, e) => {
+  switch (!0) {
+    case r.type.includes("Site"):
+      return r.url;
+    case r.type.includes("Page"):
+      return `https://${e}/pages/${r.id}`;
+    case r.type.includes("Service"):
+      return `https://${e}/maps/${r.id}`;
+    case r.type.includes("Document"):
+      return `https://${e}/documents/${r.id}`;
+    default:
+      return `https://${e}/content/${r.id}`;
+  }
+};
+function i(r) {
+  const e = [
+    "Feature Service",
+    "FeatureLayer",
+    "Feature Layer",
+    "Map Service",
+    "Image Service",
+    "KML",
+    "WMS",
+    "WMTS",
+    "WFS",
+    "OGCFeatureServer"
+  ];
+  let a = !1;
+  return r && e.includes(r) && (a = !0), a;
+}
+export {
+  l as c,
+  p as g,
+  i
+};

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

@@ -1,31 +1,32 @@
-import { c as o } from "../../chunks/runtime.js";
+import { c as l } from "../../chunks/runtime.js";
 import { html as t } from "lit-html";
 import { LitElement as n, createEvent as s, safeClassMap as c } from "@arcgis/lumina";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 import { createRef as i, ref as a } from "lit/directives/ref.js";
-import { dictionary as l } from "@esri/telemetry-dictionary-hub";
+import { dictionary as o } from "@esri/telemetry-dictionary-hub";
 import { u as r } from "../../chunks/useT9n.js";
+import { c as p } from "../../chunks/util.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.4/esri/copyright.txt for details.
-v0.4.0 */
-const p = h`:host{display:flex;height:100%;.innerContent{word-wrap:break-word;height:100%}.hidden{display:none}.aboutPanel{padding:10px}.map-panel-outer{height:100%;display:flex;flex-direction:column}::slotted([slot="map"]){flex-grow:1}}`;
-class b extends n {
+See https://js.arcgis.com/0.5/esri/copyright.txt for details.
+v0.5.0 */
+const b = h`:host{display:flex;height:100%;.innerContent{word-wrap:break-word;height:100%}.hidden{display:none}.aboutPanel{padding:10px;font-size:1rem}.map-panel-outer{height:100%;display:flex;flex-direction:column}::slotted([slot="map"]){flex-grow:1}}`;
+class d extends n {
   constructor() {
     super(...arguments), this._messages = r({ blocking: !0 }), this._chatAction = i(), this._aboutAction = i(), this._contentPanel = i(), this._aboutPanel = i(), this._toggleMap = () => {
       this.mapVisible = !this.mapVisible, this.arcgisUpdateMapVisibility.emit(this.mapVisible);
-      const e = this.mapVisible ? l.category.interaction.action.open.label.panel.details.search : l.category.interaction.action.close.label.panel.details.search;
+      const e = this.mapVisible ? o.category.interaction.action.open.label.panel.details.search : o.category.interaction.action.close.label.panel.details.search;
       this.hubTelemetry.emit({ ...e, details: "Map" });
     }, this._handleChatClick = () => {
       this._toggleChatAndAbout("chat");
     }, this._handleAboutClick = () => {
-      this._toggleChatAndAbout("about");
+      this.activePanelMode === "about" ? this._toggleChatAndAbout("chat") : this._toggleChatAndAbout("about");
     }, this.activePanelMode = "chat", this.mapEnabled = !1, this.mapVisible = !1, this.aboutVisible = !1, this.map = void 0, this.featureTable = void 0, this.chatComponent = void 0, this.aboutContent = void 0, this.arcgisUpdateMapVisibility = s(), this.hubTelemetry = s();
   }
   static {
     this.properties = { activePanelMode: 16, mapEnabled: 5, mapVisible: 5, aboutVisible: 5, map: 0, featureTable: 0, chatComponent: 0, aboutContent: 1 };
   }
   static {
-    this.styles = p;
+    this.styles = b;
   }
   _toggleChatAndAbout(e) {
     this._chatAction.value && this._aboutAction.value && this._contentPanel.value && this._aboutPanel.value && this.activePanelMode !== e && (this.activePanelMode = e, this._chatAction.value.toggleAttribute("active"), this._aboutAction.value.toggleAttribute("active"), this._contentPanel.value.classList.toggle("hidden"), this._aboutPanel.value.classList.toggle("hidden"));
@@ -34,10 +35,10 @@ class b extends n {
     return t`<div style="padding: 20px"><h2>${this._messages.aboutHeader}</h2><p>${this._messages.aboutDescription}</p></div>`;
   }
   render() {
-    return t`<calcite-action-bar><calcite-action .text=${this._messages.chatAction} icon=speech-bubble active @click=${this._handleChatClick} ${a(this._chatAction)}></calcite-action>${this.mapEnabled && t`<calcite-action icon=map-pin .text=${this._messages.mapAction} .active=${this.mapVisible} @click=${this._toggleMap}></calcite-action>` || ""}<calcite-action icon=information .text=${this._messages.aboutAction} @click=${this._handleAboutClick} ${a(this._aboutAction)}></calcite-action><calcite-tooltip slot=expand-tooltip>${this._messages.actionsTooltip}</calcite-tooltip></calcite-action-bar><calcite-panel ${a(this._contentPanel)}><slot name=leftPanel class="innerContent"></slot></calcite-panel><calcite-panel class="hidden" ${a(this._aboutPanel)}>${this.aboutContent ? t`<div class="innerContent aboutPanel" .innerHTML=${this.aboutContent ?? ""}></div>` : t`<div class="innerContent aboutPanel">${this.renderDefaultAboutContent()}</div>`}</calcite-panel><calcite-panel class=${c(this.mapVisible ? "" : "hidden")}><div class="map-panel-outer"><slot name=map></slot><slot name=featureTable></slot></div></calcite-panel>`;
+    return t`<calcite-action-bar><calcite-action .text=${this._messages.chatAction} icon=speech-bubble active @click=${this._handleChatClick} ${a(this._chatAction)}></calcite-action>${this.mapEnabled && t`<calcite-action icon=map-pin .text=${this._messages.mapAction} .active=${this.mapVisible} @click=${this._toggleMap}></calcite-action>` || ""}<calcite-action icon=information .text=${this._messages.aboutAction} @click=${this._handleAboutClick} ${a(this._aboutAction)}></calcite-action><calcite-tooltip slot=expand-tooltip>${this._messages.actionsTooltip}</calcite-tooltip></calcite-action-bar><calcite-panel ${a(this._contentPanel)}><slot name=leftPanel class="innerContent"></slot></calcite-panel><calcite-panel class="hidden" ${a(this._aboutPanel)}>${this.aboutContent ? t`<div class="innerContent aboutPanel" .innerHTML=${p(this.aboutContent) ?? ""}></div>` : t`<div class="innerContent aboutPanel">${this.renderDefaultAboutContent()}</div>`}</calcite-panel><calcite-panel class=${c(this.mapVisible ? "" : "hidden")}><div class="map-panel-outer"><slot name=map></slot><slot name=featureTable></slot></div></calcite-panel>`;
   }
 }
-o("arcgis-chat-shell", b);
+l("arcgis-chat-shell", d);
 export {
-  b as ChatShell
+  d as ChatShell
 };

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

@@ -34,6 +34,8 @@ export declare class ArcgisChatUI extends LitElement {
     authentication: ArcGISIdentityManager | undefined;
     /** @default "https://www.arcgis.com" */
     portalUrl: string;
+    /** @default "hub.arcgis.com" */
+    domain: string;
     /**
      * Function property to get a Finder response.
      * Should be provided by the parent component, `hub-ai-assistant`.

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

@@ -1,18 +1,18 @@
 import { c as v } from "../../chunks/runtime.js";
 import { html as l } from "lit-html";
 import { keyed as u } from "lit-html/directives/keyed.js";
-import { ref as w } from "lit-html/directives/ref.js";
-import { LitElement as I, createEvent as g, nothing as p } from "@arcgis/lumina";
-import { css as k } from "@lit/reactive-element/css-tag.js";
+import { ref as k } from "lit-html/directives/ref.js";
+import { LitElement as w, createEvent as g, nothing as p } from "@arcgis/lumina";
+import { css as I } from "@lit/reactive-element/css-tag.js";
 import { ChatResponse as C } from "./functional/chat-response/customElement.js";
 import { ChatStatus as T } from "./functional/chat-status/customElement.js";
 import { getItem as L } from "@esri/arcgis-rest-portal";
-import { dictionary as o, constants as f } from "@esri/telemetry-dictionary-hub";
+import { dictionary as n, constants as f } from "@esri/telemetry-dictionary-hub";
 import { u as M } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.4/esri/copyright.txt for details.
-v0.4.0 */
-const S = k`.actions{margin:.5em;background-color:#ffffff80;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}.viewDetails span{transform:rotate(90deg);display:inline-block}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}arcgis-map{display:block;height:400px}.text{margin:0 .5rem}.message{display:grid;grid-column-gap:1px;justify-content:start;grid-template-areas:"avatar text" ". feedback "}.message.removed{display:none}.response{display:block;grid-area:text;width:fit-content;padding:.75rem;font-size:1rem;line-height:1.375rem;text-align:left}.response p{margin-block-start:0;margin-block-end: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)}.status-message{opacity:0;font-size:1em;transition:opacity 2s ease-in-out;font-size:1.2rem;text-justify:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0}}.status-message{animation:fadeIn 6s infinite}.loader{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:1rem;width:65%;border-radius:0 16px 16px}.skeleton-loader{background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1.5s shine linear infinite;height:24px;width:100%}.square-container{display:flex;gap:1rem;flex-direction:row}.square{width:120px;height:120px}@keyframes shine{to{background-position-x:-200%}}: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}}}#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}`;
+See https://js.arcgis.com/0.5/esri/copyright.txt for details.
+v0.5.0 */
+const S = I`.actions{margin:.5em;background-color:#ffffff80;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;grid-column-gap:1px;justify-content:start;grid-template-areas:"avatar text" ". feedback "}.message.removed{display:none}.response{display:block;grid-area:text;width:fit-content;padding:.75rem;font-size:1rem;line-height:1.375rem;text-align:left}.response p{margin-block-start:0;margin-block-end: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}.status-message{opacity:0;font-size:1em;transition:opacity 2s ease-in-out;font-size:1.2rem;text-justify:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0}}.status-message{animation:fadeIn 6s infinite}.loader{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:1rem;width:65%;border-radius:0 16px 16px}.skeleton-loader{background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1.5s shine linear infinite;height:24px;width:100%}.square-container{display:flex;gap:1rem;flex-direction:row}.square{width:120px;height:120px}@keyframes shine{to{background-position-x:-200%}}: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}}}#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}`;
 var r = /* @__PURE__ */ ((i) => (i.USER = "Human", i.HUB = "AI", i.SYSTEM = "System", i))(r || {});
 const b = [
   "Searching for relevant datasets...",
@@ -22,20 +22,20 @@ const b = [
   "Filtering data...",
   "Creating map...",
   "Fetching the latest statistics..."
-], D = async (i, e) => await Promise.all(i.map(async (t) => await U(t, e))), U = async (i, e) => {
+], U = async (i, e) => await Promise.all(i.map(async (t) => await $(t, e))), $ = async (i, e) => {
   const t = structuredClone(i);
   try {
     const s = await L(i.id, { authentication: e });
-    return console.debug("Enriching source:", i.id, s), t.thumbnail = s.thumbnail, t.url = s.url, t.type = s.type, t;
+    return t.thumbnail = s.thumbnail, t.url = s.url, t.type = s.type, t;
   } catch {
     console.error("Could not enrich:", i);
   }
   return t;
 };
-function $(i) {
+function D(i) {
   return !!i && typeof i == "object" && "kind" in i && i.kind === "FinderResponse";
 }
-class F extends I {
+class F extends w {
   constructor() {
     super(), this._messages = M({ blocking: !0 }), this.loadingMessageIntervalMs = 6e3, this.handleFormSubmit = async (e) => {
       e.preventDefault(), this.inputText.trim() && await this.submitUserMessage(this.inputText, "query");
@@ -45,21 +45,21 @@ class F extends I {
       const t = Number.parseInt(e.target.dataset.index, 10), s = this.defaultSuggestions[t], a = this.getSuggestionLabel(s);
       await this.submitUserMessage(a, "suggest");
     }, this.handleAddDataClick = (e) => {
-      const { sourceId: t, messageId: s } = e.target.dataset, n = this.getMessageById(s)?.sources?.find((c) => c.id === t);
-      n && (this.arcgisAddDataClick.emit({
+      const { sourceId: t, messageId: s } = e.target.dataset, o = this.getMessageById(s)?.sources?.find((c) => c.id === t);
+      o && (this.arcgisAddDataClick.emit({
         type: "dataset",
-        title: n.title,
-        data: { id: n.id }
-      }), this.hubTelemetry.emit(o.category.interaction.action.add.label.content));
+        title: o.title,
+        data: { id: o.id }
+      }), this.hubTelemetry.emit(n.category.interaction.action.add.label.content));
     }, this.handleLocationClick = (e) => {
       const t = e.target.dataset.messageId, s = this.getMessageById(t);
       s?.location && this.arcgisLocationClick.emit(s.location);
     }, this.handleViewDetailsClick = () => {
-      this.hubTelemetry.emit(o.category.navigation.action.view.label.entityView);
-    }, this.isLoading = !1, this.currentLoadingMessage = this.getRandomLoadingMessage(), this.messages = [], this.conversationId = null, this.botDescription = "", this.botTitle = "", this.defaultSuggestions = [], this.inputText = "", this.authentication = void 0, this.portalUrl = "https://www.arcgis.com", this.getFinderResponse = async () => [], this.arcgisAddDataClick = g(), this.arcgisLocationClick = g(), this.hubTelemetry = g(), this.listen("calciteInternalAccordionChange", this.handleAccordionChange);
+      this.hubTelemetry.emit(n.category.navigation.action.view.label.entityView);
+    }, this.isLoading = !1, this.currentLoadingMessage = this.getRandomLoadingMessage(), this.messages = [], this.conversationId = null, this.botDescription = "", this.botTitle = "", this.defaultSuggestions = [], this.inputText = "", this.authentication = void 0, this.portalUrl = "https://www.arcgis.com", this.domain = "hub.arcgis.com", this.getFinderResponse = async () => [], this.arcgisAddDataClick = g(), this.arcgisLocationClick = g(), this.hubTelemetry = g(), this.listen("calciteInternalAccordionChange", this.handleAccordionChange);
   }
   static {
-    this.properties = { isLoading: 16, currentLoadingMessage: 16, messages: 16, devFeatureMessage: 0, conversationId: 1, botDescription: 1, botTitle: 1, defaultSuggestions: 0, inputText: 1, authentication: 0, portalUrl: 1, getFinderResponse: 0 };
+    this.properties = { isLoading: 16, currentLoadingMessage: 16, messages: 16, devFeatureMessage: 0, conversationId: 1, botDescription: 1, botTitle: 1, defaultSuggestions: 0, inputText: 1, authentication: 0, portalUrl: 1, domain: 1, getFinderResponse: 0 };
   }
   static {
     this.styles = S;
@@ -85,7 +85,7 @@ class F extends I {
     s.push(a), this.messages = s, this.scrollToBottomAfterUpdate(), this.handleDevFeatures(s, e) || this.handleUserMessage(t);
   }
   handleAccordionChange(e) {
-    const { expanded: t, dataset: { fieldName: s } } = e.detail.requestedAccordionItem, a = t ? o.category.interaction.action.close.label.accordion.details.attribute : o.category.interaction.action.open.label.accordion.details.attribute;
+    const { expanded: t, dataset: { fieldName: s } } = e.detail.requestedAccordionItem, a = t ? n.category.interaction.action.close.label.accordion.details.attribute : n.category.interaction.action.open.label.accordion.details.attribute;
     this.hubTelemetry.emit({ ...a, details: s });
   }
   getRandomLoadingMessage() {
@@ -132,31 +132,33 @@ class F extends I {
   async handleUserMessage(e) {
     const t = structuredClone(this.messages), s = t[t.length - 1].text;
     let a = 0;
-    const n = Date.now();
+    const o = Date.now();
     try {
       this.setLoading(!0);
       const c = await this.getFinderResponse(s, this.conversationId);
-      a = Date.now() - n;
+      a = Date.now() - o;
       const h = c[1];
-      if (this.conversationId ??= h.conversationId, $(h.context)) {
-        const d = h.context, y = Array.isArray(d.sources) && d.sources.length > 0 ? await D(d.sources, this.authentication) : [], m = {
+      if (this.conversationId ??= h.conversationId, D(h.context)) {
+        const d = h.context, y = Array.isArray(d.sources) && d.sources.length > 0 ? await U(d.sources, this.authentication) : [], m = {
           ...d,
           sources: y,
           messageId: t.length + 1,
-          author: r.HUB
+          author: r.HUB,
+          // Store the original user prompt that triggered this response
+          prompt: s
         };
         t[t.length - 1].text === "trees" && (this.devFeatureMessage = m), this.setLoading(!1), t.push(m), this.messages = t;
       } else
         this.handleChatError(t);
       this.scrollToBottomAfterUpdate(), this.hubTelemetry.emit({
-        ...o.category.interaction.action.search.label[e],
+        ...n.category.interaction.action.search.label[e],
         search: s,
         response: f.response.SUCCESS,
         duration: a.toFixed(2)
       });
     } catch {
-      a = Date.now() - n, this.handleChatError(t), this.hubTelemetry.emit({
-        ...o.category.interaction.action.search.label[e],
+      a = Date.now() - o, this.handleChatError(t), this.hubTelemetry.emit({
+        ...n.category.interaction.action.search.label[e],
         search: s,
         response: f.response.FAILURE,
         duration: a.toFixed(2)
@@ -186,13 +188,13 @@ class F extends I {
     return l`<form @submit=${this.handleFormSubmit}><calcite-input-text .disabled=${this.isLoading} id=request-input .placeholder=${this._messages.inputPlaceholder} @calciteInputTextInput=${this.handleInputTextChange} .value=${this.inputText}></calcite-input-text><div class="action-buttons"><calcite-button appearance=outline icon-start=reset @click=${this.handleClearHistory} .disabled=${this.isLoading}>${this._messages.clearButtonText}</calcite-button><calcite-button type=submit icon-start=send .disabled=${this.isLoading || !this.inputText.trim()}>${this._messages.submitButtonText}</calcite-button></div></form>`;
   }
   renderChatResponse(e, t) {
-    return u(t, C({ message: e, addDataClick: this.handleAddDataClick, addDataLabel: this._messages.addDataLabel, addLocationClick: this.handleLocationClick, addLocationLabel: this._messages.addDataLabel, viewDetailsClick: this.handleViewDetailsClick, viewDetailsLabel: this._messages.viewDetailsLabel, portalUrl: this.portalUrl }));
+    return u(t, C({ 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, portalUrl: this.portalUrl }));
   }
   renderMessageContainer() {
-    return l`<div class="messages" ${w(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 && T({ currentLoadingMessage: this.currentLoadingMessage }) || ""}</div>`;
+    return l`<div class="messages" ${k(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 && T({ currentLoadingMessage: this.currentLoadingMessage }) || ""}</div>`;
   }
   render() {
-    return l`${this.renderMessageContainer()}${this.renderForm()}`;
+    return l`<link rel=stylesheet href=https://js.arcgis.com/4.33/@arcgis/core/assets/esri/themes/light/main.css>${this.renderMessageContainer()}${this.renderForm()}`;
   }
 }
 v("arcgis-chat-ui", F);

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

@@ -1,7 +1,7 @@
 /// <reference types="../../index.d.ts" />
 import { TemplateResult } from 'lit-html';
 import { ChatSource } from '../../util/types';
-export declare const ChatAction: ({ messageId, source, domain, showOutlinks, addDataClick, addDataLabel, viewDetailsClick, viewDetailsLabel, }: {
+export declare const ChatAction: ({ messageId, source, domain, showOutlinks, addDataClick, addDataLabel, viewDetailsClick, viewDetailsLabel, portalUrl, }: {
     messageId?: number;
     source: ChatSource;
     domain: string;
@@ -10,4 +10,5 @@ export declare const ChatAction: ({ messageId, source, domain, showOutlinks, add
     addDataLabel: string;
     viewDetailsClick: (arg0: PointerEvent) => void;
     viewDetailsLabel: string;
+    portalUrl: string;
 }) => TemplateResult;

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

@@ -1,9 +1,20 @@
-import "lit-html";
-import "@arcgis/lumina";
-import { C as m } from "../../../../chunks/chat-action.js";
+import { html as a, nothing as l } from "lit-html";
+import { safeStyleMap as p } from "@arcgis/lumina";
+import { g as b, i as v } from "../../../../chunks/util.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.4/esri/copyright.txt for details.
-v0.4.0 */
+See https://js.arcgis.com/0.5/esri/copyright.txt for details.
+v0.5.0 */
+const k = ({ messageId: c, source: t, domain: s = "hub.arcgis.com", showOutlinks: o = !0, addDataClick: d, addDataLabel: r, viewDetailsClick: m, viewDetailsLabel: $, portalUrl: g = "https://www.arcgis.com" }) => {
+  const e = b(t, s);
+  return a`<div class="thumbnail calcite-mode-light" style=${p({
+    backgroundImage: `url(https://${g.split("//")[1]}/sharing/rest/content/items/${t.id}/info/${t.thumbnail})`
+  })}>${v(t.type) && e && a`<calcite-button data-message-id=${c ?? l} data-source-id=${t.id ?? l} data-source-title=${t.title ?? l} round icon-start=add-layer @click=${(n) => {
+    const i = n.currentTarget;
+    i instanceof HTMLElement && (i.setAttribute("disabled", ""), i.setAttribute("loading", ""), setTimeout(() => {
+      i.isConnected && i.removeAttribute("loading");
+    }, 3e3)), d(n);
+  }} appearance=outline-fill>${r}</calcite-button>` || ""}</div><div class="bottom"><div class="title">${t.title}</div><div class="viewDetails">${t.type}</div>${o && e && a`<div class="viewDetails"><calcite-link icon-end=launch .href=${e} target=_blank icon-flip-rtl=end @click=${m}>${$}</calcite-link></div>` || ""}</div>`;
+};
 export {
-  m as ChatAction
+  k as ChatAction
 };

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

@@ -1,2 +1,3 @@
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-link";
 export * from "./customElement.js";

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

@@ -1,2 +1,3 @@
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-link";
 export * from "./customElement.js";

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

@@ -1,7 +1,7 @@
 /// <reference types="../../index.d.ts" />
 import { TemplateResult } from 'lit-html';
 import { ChatMessage } from '../../util/types';
-export declare const ChatResponse: ({ message, addDataClick, addDataLabel, addLocationClick, addLocationLabel, viewDetailsClick, viewDetailsLabel, portalUrl, }: {
+export declare const ChatResponse: ({ message, addDataClick, addDataLabel, addLocationClick, addLocationLabel, viewDetailsClick, viewDetailsLabel, portalUrl, domain, }: {
     message: ChatMessage;
     addDataClick: (arg0: PointerEvent) => void;
     addDataLabel: string;
@@ -9,5 +9,6 @@ export declare const ChatResponse: ({ message, addDataClick, addDataLabel, addLo
     addLocationLabel: string;
     viewDetailsClick: (arg0: PointerEvent) => void;
     viewDetailsLabel: string;
-    portalUrl?: string;
+    portalUrl: string;
+    domain: string;
 }) => TemplateResult;

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

@@ -1,39 +1,41 @@
-import { repeat as n } from "lit-html/directives/repeat.js";
-import { html as r, nothing as y } from "lit-html";
-import { c as A, C as I } from "../../../../chunks/chat-action.js";
-import M from "@arcgis/core/portal/PortalItem.js";
-import R from "@arcgis/core/layers/Layer.js";
+import { repeat as r } from "lit-html/directives/repeat.js";
+import { html as c, nothing as y } from "lit-html";
+import { c as A, i as M } from "../../../../chunks/util.js";
+import { ChatAction as I } from "../chat-action/customElement.js";
+import { createRef as S, ref as _ } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.4/esri/copyright.txt for details.
-v0.4.0 */
-const j = ({ message: t, addDataClick: d, addDataLabel: l, addLocationClick: p, addLocationLabel: m, viewDetailsClick: u, viewDetailsLabel: h, portalUrl: s = "https://hub.arcgis.com" }) => {
-  function f(a) {
-    return r`<calcite-accordion-item heading=Reasoning description="Explanation of the AI Assistant process" icon-start=automation data-field-name=Reasoning><ol>${n(a, (o) => o.name, (o) => r`<li>Tool: ${o.name}${n(Object.keys(o.parameters), (i) => i, (i) => {
-      let e = o.parameters[i];
-      return i === "sources" && Array.isArray(e) ? e = e.map((c) => c.title).join(", ") : i === "location" && (e = e.name), r`<div>${i}: ${JSON.stringify(e)}</div>`;
+See https://js.arcgis.com/0.5/esri/copyright.txt for details.
+v0.5.0 */
+const O = ({ message: e, addDataClick: l, addDataLabel: u, addLocationClick: p, addLocationLabel: f, viewDetailsClick: $, viewDetailsLabel: h, portalUrl: v = "www.arcgis.com", domain: s = "hub.arcgis.com" }) => {
+  const m = S();
+  function b(t) {
+    return c`<calcite-accordion-item heading=Reasoning description="Explanation of the AI Assistant process" icon-start=automation data-field-name=Reasoning><ol>${r(t, (o) => o.name, (o) => c`<li>Tool: ${o.name}${r(Object.keys(o.parameters), (i) => i, (i) => {
+      let a = o.parameters[i];
+      return i === "sources" && Array.isArray(a) ? a = a.map((n) => n.title).join(", ") : i === "location" && (a = a.name), c`<div>${i}: ${JSON.stringify(a)}</div>`;
     })}</li>`)}</ol></calcite-accordion-item>`;
   }
-  function v(a, o) {
-    return r`<calcite-accordion-item description="Relevant data sources" heading=Sources icon-start=information data-field-name=Sources expanded><div class="sources">${n(o, (i) => i.id, (i) => r`<div class="wrapper source">${I({ messageId: a, source: i, domain: s.split("//")[1], showOutlinks: !0, addDataClick: d, addDataLabel: l, viewDetailsClick: u, viewDetailsLabel: h })}</div>`)}</div></calcite-accordion-item>`;
+  function w(t, o) {
+    return c`<calcite-accordion-item description="Relevant data sources" heading=Sources icon-start=information data-field-name=Sources expanded><div class="sources">${r(o, (i) => i.id, (i) => c`<div class="wrapper source">${I({ messageId: t, source: i, domain: s, portalUrl: v, showOutlinks: !0, addDataClick: l, addDataLabel: u, viewDetailsClick: $, viewDetailsLabel: h })}</div>`)}</div></calcite-accordion-item>`;
   }
-  function $(a) {
-    return r`<calcite-accordion-item description="See the layers" heading=Map icon-start=map data-field-name=Map expanded><div>${a.name}</div><arcgis-map .center=${[a.longitude, a.latitude]} .zoom=${a.zoom ?? void 0} basemap=gray-vector @arcgisViewReadyChange=${g}><arcgis-zoom position=top-left></arcgis-zoom><arcgis-expand position=top-right><arcgis-layer-list></arcgis-layer-list></arcgis-expand></arcgis-map><calcite-button data-message-id=${t.messageId ?? y} round icon-start=extent @click=${p}>${m}</calcite-button></calcite-accordion-item>`;
+  function x(t) {
+    return c`<calcite-accordion-item description="See the layers" heading=Map icon-start=map data-field-name=Map expanded><div>${t.name}</div><arcgis-hub-map-view .location=${`${t.latitude}, ${t.longitude}, ${t.zoom ?? 0}`} @arcgisHubMapViewReady=${R} legend layer-list search ${_(m)}></arcgis-hub-map-view><calcite-button data-message-id=${e.messageId ?? y} round icon-start=extent appearance=outline-fill @click=${p}>${f}</calcite-button></calcite-accordion-item>`;
   }
-  function g(a) {
-    const o = a.target;
-    o.map && t.sources?.length && t.sources.forEach((i) => {
-      const e = new M({
-        id: i.id,
-        portal: { url: s }
-      });
-      R.fromPortalItem({ portalItem: e }).then((c) => {
-        o.map && o.map.add(c);
-      });
+  function R(t) {
+    const o = t.target;
+    e.sources?.length && e.sources.forEach((i) => {
+      M(i.type) && o.addLayer(i.id);
     });
   }
-  const x = t.sources?.length ?? t.tools?.length ?? !!t.location;
-  return r`<div class=${`message author-${t.author}`}><div class="response"><div class="text" .innerHTML=${A(t.text) ?? ""}></div>${x && r`<div class="actions"><link rel=stylesheet href=https://js.arcgis.com/4.33/@arcgis/core/assets/esri/themes/light/main.css><calcite-accordion>${t.location && $(t.location) || ""}${!!t.sources && t.sources.length > 0 && v(t.messageId, t.sources) || ""}${!!t.tools && t.tools.length > 0 && f(t.tools) || ""}</calcite-accordion></div>` || ""}</div></div>`;
+  function k(t) {
+    return t.messageId ? c`<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=${() => d(t, "Good")} slot=control text="Good Response" icon=thumbs-up></calcite-action><calcite-action @click=${() => d(t, "Bad")} slot=control text="Bad Response" icon=thumbs-down></calcite-action></calcite-block></div>` : null;
+  }
+  function d(t, o) {
+    const i = t.prompt ?? "", a = t.text, n = encodeURI(`https://survey123.arcgis.com/share/6e349a50b4504ca6b6107216d568db5f?field:user_evaluation=${o}&field:_source=Hub_Assistant&field:version=v1&field:question=${i}&field:answer=${a}&field:context=${s}`);
+    window.open(n, "_blank");
+  }
+  const g = e.sources?.length ?? e.tools?.length ?? !!e.location;
+  return c`<div class=${`message author-${e.author}`}><div class="response"><div class="text" .innerHTML=${A(e.text) ?? ""}></div>${g && c`<div class="actions"><calcite-accordion>${e.location && x(e.location) || ""}${!!e.sources && e.sources.length > 0 && w(e.messageId, e.sources) || ""}${!!e.tools && e.tools.length > 0 && b(e.tools) || ""}</calcite-accordion>${k(e)}</div>` || ""}</div></div>`;
 };
 export {
-  j as ChatResponse
+  O as ChatResponse
 };

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

@@ -1,8 +1,7 @@
 import "@esri/calcite-components/components/calcite-accordion-item";
-import "@arcgis/map-components/components/arcgis-map";
-import "@arcgis/map-components/components/arcgis-zoom";
-import "@arcgis/map-components/components/arcgis-expand";
-import "@arcgis/map-components/components/arcgis-layer-list";
+import "@esri/hub-components/dist/components/arcgis-hub-map-view.js";
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-accordion";
 export * from "./customElement.js";

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

@@ -1,8 +1,7 @@
 import "@esri/calcite-components/components/calcite-accordion-item";
-import "@arcgis/map-components/components/arcgis-map";
-import "@arcgis/map-components/components/arcgis-zoom";
-import "@arcgis/map-components/components/arcgis-expand";
-import "@arcgis/map-components/components/arcgis-layer-list";
+import "@esri/hub-components/dist/components/arcgis-hub-map-view.js";
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-accordion";
 export * from "./customElement.js";

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

@@ -1,7 +1,7 @@
 import { html as e } from "lit-html";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.4/esri/copyright.txt for details.
-v0.4.0 */
+See https://js.arcgis.com/0.5/esri/copyright.txt for details.
+v0.5.0 */
 const l = ({ showSkeletonLoader: s, currentLoadingMessage: d }) => s ? e`<div class="loader"><div class="skeleton-loader"></div><div class="skeleton-loader"></div><div class="skeleton-loader"></div><div class="square-container"><div class="skeleton-loader square"></div><div class="skeleton-loader square"></div></div></div>` : e`<div class="status-message">${d}</div>`;
 export {
   l as ChatStatus

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

@@ -1,3 +1,11 @@
 /// <reference types="../../index.d.ts" />
+import { ChatSource } from './types';
 export declare const cleanMessageText: (text: string) => string;
-export declare const getContentUrl: (id: string, contentType: string | undefined, contentUrl: string | undefined, domain: string) => string | undefined;
+/**
+ * Returns the URL for the content based on the type (site/page/etc) and domain
+ * @param content Portal Item object
+ * @param domain Hub site domain
+ * @returns
+ */
+export declare const getContentUrl: (content: ChatSource, domain: string) => string | undefined;
+export declare function isLoadableInMap(type: string): boolean;

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

@@ -12,7 +12,7 @@ type DataItem = {
 };
 export type AddDataAction = {
     type: "dataset";
-    title?: string;
+    title: string;
     data: DataItem;
 };
 export type ChatSource = FinderSource & {
@@ -23,5 +23,10 @@ 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 {};

package/dist/components/arcgis-hub-ai-assistant/customElement.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 import { DefaultSuggestion } from '../../types';
+import { default as Layer } from '@arcgis/core/layers/Layer.js';
 import { ArcGISIdentityManager } from '@esri/arcgis-rest-request';
 
 export declare class ArcGISHubAIAssistant extends LitElement {
@@ -39,6 +40,7 @@ export declare class ArcGISHubAIAssistant extends LitElement {
     extent: number[][] | undefined;
     /** Portal IDs of the layers on the map */
     mapLayers: string[];
+    _layers: Layer[];
     /**
      * In the map, option to show the "Table" widget.
      *
@@ -55,13 +57,13 @@ export declare class ArcGISHubAIAssistant extends LitElement {
     /**
      * Default geographic location to limit / focus results
      *
-     * @default "Washington, DC"
+     * @default "USA"
      */
     location: string;
     /**
      * Hub domain to use for finding relevant datasets
      *
-     * @default "opendata.dc.gov"
+     * @default "https://hub.arcgis.com"
      */
     hub: string;
     /** For information queries (infererence) which entity to get pages + documents */