@esri/solutions-components 1.2.0-next.12 → 1.2.0-next.14

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

@@ -1,81 +1,290 @@
-import { c as n } from "../../chunks/runtime.js";
-import { css as o, html as a } from "lit";
-import { ref as r } from "lit/directives/ref.js";
-import { LitElement as c, createEvent as l, safeClassMap as h } from "@arcgis/lumina";
+import { c as h } from "../../chunks/runtime.js";
+import { ref as d } from "lit/directives/ref.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { LitElement as g, createEvent as m, nothing as l, safeClassMap as v } from "@arcgis/lumina";
+import { css as f, html as a } from "lit";
+import { unsafeHTML as b } from "lit/directives/unsafe-html.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
-const d = o`:host{display:block}.chat-container{display:flex;flex-direction:column;gap:10px;max-width:400px;background-color:#d3d3d3;border-radius:10px;padding:10px}.chat-panel{--calcite-panel-background-color: "blue"}.chat-messages{display:flex;flex-direction:column;gap:8px;padding:10px;min-height:300px;max-height:300px;overflow-y:auto}.user-message{align-self:flex-end;background:var(--calcite-ui-brand);border-radius:8px;width:90%;--calcite-card-background-color: "blue";--calcite-card-border-color: "blue";color:#fff}.system-message{align-self:flex-start;background:var(--calcite-ui-foreground-1);border-radius:8px;width:90%;--calcite-card-background-color: "white";--calcite-card-border-color: "white"}.message-content{padding:0}.chat-input{display:flex;gap:8px}`;
-class u extends c {
+v1.2.0-next.14 */
+const x = f`:host{display:block;height:100%}.display-flex-row{display:flex;flex-direction:row}.padding-left-10{padding-left:10px}.chat-container{display:flex;flex-direction:column;gap:0px;max-width:600px;height:75%;background-color:var(--calcite-color-foreground-3);padding:1px}.chat-container_expanded{display:flex;flex-direction:column;gap:0px;max-width:100%;height:95%;background-color:var(--calcite-color-background);border-radius:10px;padding:10px}.chat-panel{--calcite-panel-header-background-color: var(--calcite-color-brand);--calcite-panel-action-background-color: var(--calcite-color-brand);--calcite-panel-heading-text-color: var(--calcite-color-background);--calcite-dialog-min-size-y: 90vh;--calcite-dialog-max-size-y: 90vh}.chat-panel-heading{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.chat-messages{display:flex;flex-direction:column;gap:12px;padding:4px;height:100%;overflow-y:auto}.user-message{align-self:flex-end;background:var(--calcite-ui-brand);border-radius:8px;max-width:90%;--calcite-card-corner-radius: 8px;--calcite-card-background-color: var(--calcite-color-brand);--calcite-card-border-color: var(--calcite-color-brand);color:var(--calcite-color-background);text-align:left}.system-message{align-self:flex-start;background:var(--calcite-color-foreground-2);border-radius:8px;max-width:90%;--calcite-card-corner-radius: 8px;--calcite-card-background-color: var(--calcite-color-foreground-3);--calcite-card-border-color: var(--calcite-color-foreground-3);text-align:left}.loader-message{align-self:flex-start;background:var(--calcite-color-foreground-3);border-radius:8px;--calcite-card-corner-radius: 8px;--calcite-card-background-color: var(--calcite-color-foreground-3);--calcite-card-border-color: var(--calcite-color-foreground-3)}.message-content{padding:0;font-size:14px}.message-content-pad{padding-bottom:10px;font-size:14px}.message-content-summary{padding-bottom:14px}.message-content-alignment{display:flex;align-items:center;gap:var(--calcite-spacing-md);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-1)}.padding-top-10{padding-top:10px}.chip-content{padding:5px 5px 5px 0}.chat-input{display:flex;flex-direction:row;flex-grow:1}.table-cell{--calcite-table-cell-background: var(--calcite-color-foreground-3)}.cursor-pointer{cursor:pointer}.notice-border-color{--temp-initial-brand: var(--calcite-color-brand)}.notice-border-color calcite-notice{--calcite-color-brand: #ddd;--calcite-icon-color: var(--temp-initial-brand)}.notice-border-color calcite-notice *{--calcite-color-brand: var(--temp-initial-brand)}.solution-card{padding:5px 0;text-decoration:none;display:block;width:100%;cursor:pointer}.solution-card calcite-card{display:flex;flex-direction:column;max-height:132px;overflow:hidden;--calcite-card-corner-radius: var(--calcite-corner-radius-round) !important;--calcite-card-shadow: var(--calcite-shadow-sm);--calcite-card-background-color: var(--calcite-card-background-color) }.solution-card div[slot=thumbnail]{max-height:100%;width:100%;position:relative;&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:all .15s ease-in-out}}.solution-card div[slot=thumbnail] img{max-height:100%;width:100%;object-fit:cover}.solution-card span[slot=description]{padding-top:10px}.solution-card calcite-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);visibility:hidden;pointer-events:none;opacity:0;transition:all .15s ease-in-out;z-index:9999}.solution-card:hover calcite-chip{visibility:visible;opacity:1}.solution-card:hover div[slot=thumbnail]:after{background-color:#00000080}.solution-card:hover h3{text-decoration:underline}.references-container{padding-top:10px;display:block}.references-container.collapsed{display:none}.width-100{width:100%}.disclaimer-div{display:flex;gap:var(--calcite-spacing-sm);font-size:var(--calcite-font-size--0);color:var(--calcite-color-text-1)}`;
+/**
+ * @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const _ = "https://www.arcgis.com/sharing/rest/content/items/";
+async function y(r) {
+  return await S(r);
+}
+async function S(r) {
+  const e = _ + r + "?f=json";
+  try {
+    const t = await fetch(
+      e,
+      { method: "GET" }
+    );
+    if (!t.ok)
+      throw new Error(`HTTP error! Status: ${t.status}`);
+    return await t.json();
+  } catch (t) {
+    return { error: t.message };
+  }
+}
+class $ extends g {
   constructor() {
-    super(...arguments), this.handleSendMessage = async () => {
-      if (!this.inputRef?.value.trim())
-        return;
-      this._isLoading = !0;
-      const e = this.inputRef.value.trim();
-      let i = { message: e };
-      if (this.conversationStore.conversationId !== null) {
-        if (i = {
-          message: e,
-          conversationId: this.conversationStore.conversationId
-        }, this.token) {
-          const s = await this.requestAIServer(i, this.token);
-          this.loopRequest(s, this.token);
-        }
-      } else if (this.token) {
-        const s = await this.requestAIServer(i, this.token);
-        this.conversationStore.conversationId = s.conversationId, this.conversationStore.inquiryId = s.inquiryId, this.conversationStore.ackSequenceNumber = s.sequenceNumber, this.loopRequest(s, this.token);
-      }
-      this.inputRef.value = "";
-    }, this.loopRequest = async (e, i) => {
-      const s = {
-        conversationId: e.conversationId,
-        ackSequenceNumber: e.sequenceNumber,
-        inquiryId: e.inquiryId
-      }, t = await this.requestAIServer(s, i);
-      t.hasMore ? (t.message && t.message !== null && (this._isValidJson(t.message) !== !1 ? (this.jsonMessage = this._isValidJson(t.message), t.context?.intent === "inspection" ? this.messages = [...this.messages, { text: this.jsonMessage, sender: t.context.author, format: "json", inquiryId: t.inquiryId }] : t.context && (this.jsonMessage.response && this.jsonMessage.response === "no" ? (this._resetConversation(), this.messages = [...this.messages, { text: "What else can I help you with?", sender: t.context.author, format: "text", inquiryId: t.inquiryId }]) : this.messages = [...this.messages, { text: this.jsonMessage.message, sender: t.context.author, format: "text", inquiryId: t.inquiryId }])) : t.context && (this.messages = [...this.messages, { text: t.message, sender: t.context.author, format: "text", inquiryId: t.inquiryId }])), this.loopRequest(t, i)) : this._isLoading = !1;
-    }, this.requestAIServer = async (e, i) => await fetch(this.AIServerUrl, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        token: i
-      },
-      body: JSON.stringify(e)
-    }).then(async (s) => await s.json()).then((s) => s || "error").catch((s) => s), this.resetChat = () => {
-      this._resetConversation(), this.messages = [], this.inputRef && (this.inputRef.value = "");
-    }, this._isValidJson = (e) => {
-      try {
-        return JSON.parse(e);
-      } catch {
-        return !1;
-      }
-    }, this._resetConversation = () => {
-      this.conversationStore.conversationId = null, this.conversationStore.inquiryId = null, this.conversationStore.ackSequenceNumber = null;
-    }, this._setRef = (e) => {
-      this.inputRef = e;
-    }, this.conversationStore = {
+    super(), this.serverRoot = "https://aiservices-beta.arcgis.com/", this.solutionAIurl = `${this.serverRoot}skills/solution_deployment/chat`, this.docAIurl = `${this.serverRoot}skills/doc_ai_assistant/chat`, this.token = null, this.open = !1, this.conversationStore = {
       conversationId: null,
       inquiryId: null,
       ackSequenceNumber: null
-    }, this.jsonMessage = {}, this.messages = [], this._isLoading = !1, this.AIServerUrl = "http://localhost:8080/skills/solution_deployment/chat", this.token = null, this.arcgisCreateSolutionEvent = l();
+    }, this._isLoading = !1, this._isLoadingText = "", this.messages = [], this._translations = p({ name: "arcgis-solutions-assistant", blocking: !0 }), this.closeAssistant = m(), this._resetConversation = () => {
+      this.conversationStore.conversationId = null, this.conversationStore.inquiryId = null, this.conversationStore.ackSequenceNumber = null;
+    }, this._setMessageContainerRef = (e) => {
+      this._chatContainer = e;
+    }, this._setInputRef = (e) => {
+      this._inputRef = e, this._inputRef.addEventListener("keydown", (t) => {
+        t.key === "Enter" && !t.shiftKey && (t.preventDefault(), this.handleSendMessage());
+      }), setTimeout(() => {
+        this._inputRef?.focus();
+      }, 100);
+    }, this._submitQuestion = (e) => {
+      this._inputRef && (this._inputRef.value = e, this.handleSendMessage());
+    }, this.listenOn(window, "submitQuestion", (e) => {
+      this._submitQuestion(e.detail);
+    });
   }
   static {
-    this.properties = { conversationStore: 16, jsonMessage: 16, messages: 16, _isLoading: 16, AIServerUrl: 1, token: 1 };
+    this.properties = { serverRoot: 1, solutionAIurl: 1, docAIurl: 1, token: 1, open: 5, conversationStore: 16, _isLoading: 16, _isLoadingText: 16, messages: 16, _translations: 16 };
   }
   static {
-    this.styles = d;
+    this.styles = x;
+  }
+  async handleSendMessage() {
+    if (!this._inputRef?.value.trim())
+      return;
+    this._isLoading = !0;
+    const e = this._inputRef.value.trim();
+    this._inputRef.value = "";
+    let t = {
+      message: e,
+      context: {
+        debug: !1,
+        kind: "SolutionRequest"
+      }
+    };
+    if (this.conversationStore.conversationId !== null) {
+      if (t.conversationId = this.conversationStore.conversationId, this.token) {
+        const i = {
+          author: "human",
+          inquiryId: this.conversationStore.inquiryId ? this.conversationStore.inquiryId : "",
+          message: e,
+          render: this._renderSimpleTextMessage(e, "human")
+        };
+        this.messages = [...this.messages, i];
+        const s = await this.requestAIServer(t, this.token, this.solutionAIurl);
+        this.loopRequest(s, this.token, this.solutionAIurl);
+      }
+    } else if (this.token) {
+      const i = {
+        author: "human",
+        inquiryId: "",
+        message: e,
+        render: this._renderSimpleTextMessage(e, "human")
+      };
+      this.messages = [...this.messages, i];
+      const s = await this.requestAIServer(t, this.token, this.solutionAIurl);
+      this.conversationStore.conversationId = s.conversationId, this.conversationStore.inquiryId = s.inquiryId, this.conversationStore.ackSequenceNumber = s.sequenceNumber, this.loopRequest(s, this.token, this.solutionAIurl);
+    }
+  }
+  async loopRequest(e, t, i) {
+    let s = e;
+    for (this._isLoading = !0; s.hasMore; ) {
+      const n = {
+        conversationId: s.conversationId,
+        ackSequenceNumber: s.sequenceNumber,
+        inquiryId: s.inquiryId
+      };
+      if (s = await this.requestAIServer(n, t, i), s.context)
+        if (this.conversationStore.context = s.context, s.context.intent)
+          switch (s.context.intent) {
+            case "Solution question":
+              this.messages.push({ message: s.message ?? "", author: "ai", inquiryId: s.inquiryId });
+              const o = {
+                message: s.message,
+                conversationId: n.conversationId,
+                context: { kind: "DocAIAssistantRequest", filters: { products: "ArcGIS Solutions" } }
+              };
+              s = await this.requestAIServer(o, t, this.docAIurl);
+              break;
+            case "Recommend solution":
+              if (s.context.results && s.context.results?.length > 0) {
+                const u = {
+                  message: s.message ?? "",
+                  author: "ai",
+                  inquiryId: s.inquiryId,
+                  render: this._renderSuggestedSolutions(s.message ?? "", s.context.results)
+                };
+                this.messages.push(u);
+              }
+              break;
+            default:
+              this.messages.push({
+                author: "ai",
+                inquiryId: s.inquiryId,
+                message: s.message ?? "",
+                render: this._renderSimpleTextMessage(s.message ?? "", "ai")
+              });
+              break;
+          }
+        else if (s.context.results)
+          for (const o of s.context.results)
+            o.reply !== "" && (this._isLoadingText = "", this.messages.push({
+              message: o.reply,
+              author: "ai",
+              inquiryId: s.inquiryId,
+              render: this._renderDocAssistantResults(o.reply, o.ref, o.followupQuestions)
+            }));
+        else {
+          this.messages.push({
+            author: "ai",
+            inquiryId: s.inquiryId,
+            message: s.message ?? "",
+            render: this._renderSimpleTextMessage(s.message ?? "", "ai")
+          });
+          break;
+        }
+    }
+    this._isLoading = !1;
+  }
+  async requestAIServer(e, t, i) {
+    try {
+      const n = await (await fetch(i, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          token: t
+        },
+        body: JSON.stringify(e)
+      })).json();
+      if (n)
+        return n;
+      throw new Error("No data returned");
+    } catch (s) {
+      throw new Error(`Request failed: ${s}`);
+    }
   }
-  emitCreateSolutionEvent(e) {
-    return console.log(e), this.arcgisCreateSolutionEvent.emit();
+  resetChat() {
+    const e = this.messages[this.messages.length - 1];
+    if (e.author !== "system" && e.inquiryId !== "-1") {
+      this._resetConversation();
+      const t = {
+        author: "system",
+        inquiryId: "-1",
+        message: this._translations.newConversationStarted,
+        render: this._renderSimpleTextMessage(this._translations.newConversationStarted, "system", "speech-bubble-plus")
+      };
+      this.messages = [...this.messages, t], this._inputRef && (this._inputRef.value = "");
+    }
+  }
+  willUpdate(e) {
+    this.messages.length === 0 && this._translations.defaultStartUpMessage && (this.messages = [
+      {
+        author: "ai",
+        inquiryId: "",
+        message: this._translations.defaultStartUpMessage,
+        render: this._renderSimpleTextMessage(this._translations.defaultStartUpMessage, "ai")
+      }
+    ]);
+  }
+  updated(e) {
+    (e.size || this._isLoading) && this._scrollToBottom();
+  }
+  _renderSolutionQuestionReferences(e) {
+    return e.map((t) => a`<div class="message-content-pad"><a href=${t.url ?? l} target=_blank>${t.title}</a></div>`);
+  }
+  _renderSolutionQuestionFollowup(e) {
+    return e.map((t) => a`<calcite-chip class="chip-content cursor-pointer" kind=brand .label=${t} @click=${() => {
+      this._submitFollowupQuestion(t);
+    }}>${t}</calcite-chip>`);
+  }
+  _renderSolutionsQuestionTable(e, t, i) {
+    const s = this._renderSolutionQuestionReferences(t), n = this._renderSolutionQuestionFollowup(i);
+    return a`<div><div slot=description class="message-content">${b(this._markdownToHTML(e))}<div style="display: flex; justify-content: flex-start;"><calcite-button appearance=outline icon-end=chevron-down icon-start=link @click=${(o) => {
+      const c = o.currentTarget.parentElement?.nextElementSibling;
+      c.classList.toggle("collapsed"), o.currentTarget.setAttribute("icon-end", c.classList.contains("collapsed") ? "chevron-down" : "chevron-up");
+    }}>${`${t.length} ${t.length === 1 ? this._translations.solutionsDocReference : this._translations.solutionsDocReferences}`}</calcite-button></div><div class="references-container collapsed">${s}</div></div><div class="padding-top-10">${n}</div></div>`;
+  }
+  _renderSolutionCard(e, t) {
+    return a`<a class="solution-card" id=${t ?? l} @click=${() => {
+      this._emitItemIdFromAI(t);
+    }}>${a`<calcite-card thumbnail-position=inline-start><div slot=thumbnail><img src=${e.thumbnail ?? l} alt=Thumbnail><calcite-chip icon=launch label="View solution">${this._translations.viewSolutionInApp}</calcite-chip></div><h3 slot=heading><b>${e.title}</b></h3><span slot=description>${e.snippet}</span></calcite-card>`}</a>`;
+  }
+  _renderExistingSolutionsTable(e, t) {
+    const i = t.map((s) => {
+      const n = s.thumbnail.match(/\/items\/([a-f0-9]+)\//);
+      return n ? this._renderSolutionCard(s, n[1]) : null;
+    }).filter((s) => s !== null);
+    return a`<div><div slot=description class="message-content"><div class="message-content-summary">${e}</div>${i}</div></div>`;
+  }
+  _renderSimpleTextMessage(e, t, i) {
+    return t === "system" ? a`<div class="message-content message-content-alignment">${i && a`<calcite-icon .icon=${i}></calcite-icon>` || ""}${e}</div>` : a`<calcite-card class=${v(t === "human" ? "user-message" : "system-message")}><div class="message-content">${e}</div></calcite-card>`;
+  }
+  _renderDocAssistantResults(e, t, i) {
+    return a`<calcite-card class="system-message"><div class="message-content">${this._renderSolutionsQuestionTable(e, t, i)}</div></calcite-card>`;
+  }
+  _renderSuggestedSolutions(e, t) {
+    return a`<calcite-card class="system-message"><div class="message-content">${this._renderExistingSolutionsTable(e, t)}</div></calcite-card>`;
   }
   render() {
-    return a`<div class="chat-container"><calcite-panel class="chat-panel" heading="Solution Assistant">${this.messages.length > 0 ? a`<calcite-button @click=${this.resetChat} slot=header-actions-end appearance=transparent>Reset</calcite-button>` : ""}<div class="chat-messages">${this.messages.map((e) => a`<calcite-card class=${h(e.sender === "human" ? "user-message" : "system-message")}><div class="message-content"><strong>${e.sender === "human" ? "You:" : "AI:"}</strong>${e.format === "json" ? this.renderExtraInformation(e.text) : e.text}</div></calcite-card>`)}</div></calcite-panel><div class="chat-input"><calcite-text-area placeholder="Type your message..." auto-grow value="I would like to assess and capture the condition of bus stops in our city?" ${r(this._setRef)}></calcite-text-area><calcite-button @click=${this.handleSendMessage} .disabled=${!!this._isLoading}>${this._isLoading ? a`<calcite-loader label=processing... inline></calcite-loader>` : "Send"}</calcite-button></div></div>`;
+    return a`<calcite-dialog class="chat-panel" .open=${this.open} resizable .heading=${this._translations.solutionAssistantTitle} id=example-dialog placement=bottom-start @calciteDialogClose=${() => {
+      this.closeAssistant.emit(!0), this.open = !1;
+    }}><span class="chat-panel-heading" slot=header-content>${this._translations.solutionAssistantTitle}<calcite-chip .label=${this._translations.betaTag} .value=${this._translations.betaTag}>${this._translations.betaTag}</calcite-chip></span>${this.messages.length > 1 ? a`<calcite-button @click=${this.resetChat} slot=header-actions-end appearance=transparent icon-end=speech-bubble-plus label="New conversation" kind=neutral></calcite-button>` : ""}<div class="chat-messages" ${d(this._setMessageContainerRef)}>${this.messages.map((e) => e.render)}${this._isLoading && a`<calcite-card class="loader-message"><div class="message-content display-flex-row"><calcite-loader .label=${this._isLoadingText} inline scale=s></calcite-loader>${this._isLoadingText != "" && a`<div class="padding-left-10">${this._isLoadingText}</div>` || ""}</div></calcite-card>` || ""}</div><div slot=footer class="width-100"><div class="chat-input"><calcite-text-area resize=none rows=2 .placeholder=${this._translations.sendMessage} value ${d(this._setInputRef)}></calcite-text-area><calcite-button icon-start=send appearance=outline kind=neutral @click=${this.handleSendMessage} .disabled=${!!this._isLoading}></calcite-button></div><div class="disclaimer-div padding-top-10" slot=footer><calcite-icon icon=information scale=s></calcite-icon>${this._translations.disclaimerMessage}<a href=https://trust.arcgis.com/en/security-concern/ target=_blank>${this._translations.reportConcern}</a></div></div></calcite-dialog>`;
+  }
+  _scrollToBottom() {
+    this._chatContainer && setTimeout(() => {
+      this._chatContainer && (this._chatContainer.scrollTop = this._chatContainer.scrollHeight);
+    }, 100);
+  }
+  _markdownToHTML(e) {
+    return e = e.replace(/###### (.*)/gu, "<h6>$1</h6>"), e = e.replace(/##### (.*)/gu, "<h5>$1</h5>"), e = e.replace(/#### (.*)/gu, "<h4>$1</h4>"), e = e.replace(/### (.*)/gu, "<h3>$1</h3>"), e = e.replace(/## (.*)/gu, "<h2>$1</h2>"), e = e.replace(/# (.*)/gu, "<h1>$1</h1>"), e = e.replace(/\*\*(.*?)\*\*/gu, "<strong>$1</strong>"), e = e.replace(/\*(.*?)\*/gu, "<em>$1</em>"), e = e.replace(/^\s*\*\s+(.*)/gmu, "<li>$1</li>"), e = e.replace(/(<li>.*<\/li>)/gu, "<ul>$1</ul>"), e = e.replace(/\[\[(\d+)\]\]\((.*?)\)/gu, '<a href="$2" target="_blank" rel="noopener noreferrer">[$1]</a>'), e = e.replace(/\n\n+/gu, "</p><p>"), e = e.replace(/^(?!<h|<ul|<li|<p>)(.*)$/gmu, "<p>$1</p>"), e;
+  }
+  _emitItemIdFromAI(e) {
+    this._querySolutions(e).then((t) => {
+      const s = t.typeKeywords.filter((o) => o.includes("solutionid")), n = new CustomEvent("solutionIDFromAssistant", {
+        detail: s.length > 0 ? s[0] : e,
+        bubbles: !0,
+        composed: !0
+      });
+      window.dispatchEvent(n);
+    });
+  }
+  _submitFollowupQuestion(e) {
+    const t = new CustomEvent("submitQuestion", {
+      detail: e,
+      bubbles: !0,
+      composed: !0
+    });
+    window.dispatchEvent(t);
   }
-  renderExtraInformation(e) {
-    return a`<calcite-accordion><calcite-accordion-item description="View the JSON schema" heading="View Schema"><calcite-card><calcite-button @click=${() => this.emitCreateSolutionEvent(e)}>Create Solution</calcite-button></calcite-card><calcite-card><pre>${JSON.stringify(e, null, 2)}</pre></calcite-card></calcite-accordion-item></calcite-accordion>`;
+  async _querySolutions(e) {
+    const t = await y(e);
+    if ("error" in t)
+      throw new Error(t.error);
+    return t;
   }
 }
-n("arcgis-solutions-assistant", u);
+h("arcgis-solutions-assistant", $);
 export {
-  u as ArcgisSolutionsAssistant
+  $ as ArcgisSolutionsAssistant
 };

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

@@ -1,8 +1,8 @@
-import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-card";
-import "@esri/calcite-components/components/calcite-text-area";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-dialog";
 import "@esri/calcite-components/components/calcite-loader";
-import "@esri/calcite-components/components/calcite-accordion";
-import "@esri/calcite-components/components/calcite-accordion-item";
+import "@esri/calcite-components/components/calcite-text-area";
 export * from "./customElement.js";

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

@@ -1,8 +1,8 @@
-import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-card";
-import "@esri/calcite-components/components/calcite-text-area";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-dialog";
 import "@esri/calcite-components/components/calcite-loader";
-import "@esri/calcite-components/components/calcite-accordion";
-import "@esri/calcite-components/components/calcite-accordion-item";
+import "@esri/calcite-components/components/calcite-text-area";
 export * from "./customElement.js";

package/dist/components/arcgis-solutions-assistant/utils/querySolutions.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export type SolutionResponse = {
+    typeKeywords: string[];
+};
+export declare function querySolutions(itemId: string): Promise<SolutionResponse | {
+    error: string;
+}>;

package/dist/components/basemap-gallery/customElement.js

@@ -5,7 +5,7 @@ import { createRef as p, ref as l } from "lit-html/directives/ref.js";
 import { LitElement as n } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const m = r`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/buffer-tools/customElement.js

@@ -6,7 +6,7 @@ import { createRef as c, ref as u } from "lit-html/directives/ref.js";
 import { LitElement as d, createEvent as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const f = l`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/card-manager/customElement.js

@@ -7,7 +7,7 @@ import { createRef as b, ref as f } from "lit-html/directives/ref.js";
 import { LitElement as w, createEvent as r, noShadowRoot as F } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const _ = u`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/consent-manager/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as Wi, createEvent as Vi } from "@arcgis/lumina";
 import { css as Gi } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 function Hi(e = {}) {
   const { disabled: t, portal: r } = e;
   return t || r?.eueiEnabled === !1 ? !0 : !(!r || Fi(r) || Ki(r) || Bi(r));

package/dist/components/create-feature/customElement.js

@@ -7,7 +7,7 @@ import { createRef as p, ref as m } from "lit-html/directives/ref.js";
 import { LitElement as L, createEvent as l, noShadowRoot as V, safeClassMap as u } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const E = b`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/create-related-feature/customElement.js

@@ -5,7 +5,7 @@ import { css as p, html as l } from "lit";
 import { LitElement as f, createEvent as d, noShadowRoot as w, safeClassMap as y } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const b = p`@layer{/**
  * @license
  * Copyright 2025 Esri

package/dist/components/crowdsource-manager/customElement.js

@@ -8,7 +8,7 @@ import { createRef as p, ref as u } from "lit-html/directives/ref.js";
 import { LitElement as T, createEvent as m, noShadowRoot as M, safeClassMap as b, safeStyleMap as S } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const F = I`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/crowdsource-reporter/customElement.js

@@ -10,7 +10,7 @@ import "@arcgis/instant-apps-components";
 import { defineCustomElements as E } from "@arcgis/instant-apps-components/loader";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const V = $`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -225,7 +225,7 @@ class P extends C {
     this._showSubmitCancelButton = !e.detail;
   }
   onCreateFeatureSubmitButtonClick() {
-    this._createFeature.value && (this._showSubmitCancelButton = !1, this._showNextButton = !1, this._createFeature.value.submit());
+    this._createFeature.value && (this._showNextButton = !1, this._createFeature.value.submit());
   }
   backFromCreateFeaturePanel() {
     this._createFeature.value && (this._showSubmitCancelButton = !1, this._showNextButton = !1, this.updateNonVisibleLayersOnMap(!1)), this.backFromSelectedPanel();
@@ -243,7 +243,7 @@ class P extends C {
     console.error(e.detail), this._featureCreationFailedErrorMsg = e.detail.message;
   }
   async onReportSubmitted() {
-    this.updateNonVisibleLayersOnMap(!1), await this.navigateToHomePage(), this._reportSubmitted = !0, this._updatedProgressBarStatus = 25, this._showFullPanel && this.updatePanelState(this._sidePanelCollapsed, !1);
+    this._showSubmitCancelButton = !1, this.updateNonVisibleLayersOnMap(!1), await this.navigateToHomePage(), this._reportSubmitted = !0, this._updatedProgressBarStatus = 25, this._showFullPanel && this.updatePanelState(this._sidePanelCollapsed, !1);
   }
   addCommentFailed(e) {
     console.error(e.detail), this._addingCommentFailed = !0;

package/dist/components/deduct-calculator/customElement.js

@@ -5,7 +5,7 @@ import { createRef as c, ref as n } from "lit-html/directives/ref.js";
 import { LitElement as m, createEvent as d } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const y = u`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/delete-button/customElement.js

@@ -4,7 +4,7 @@ import { css as n, html as e, nothing as a } from "lit";
 import { LitElement as o, createEvent as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const d = n`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/delete-dialog/customElement.js

@@ -4,7 +4,7 @@ import { u as a } from "../../chunks/useT9n.js";
 import { LitElement as o, createEvent as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const r = l`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/edit-card/customElement.js

@@ -7,7 +7,7 @@ import { createRef as g, ref as f } from "lit-html/directives/ref.js";
 import { LitElement as m, createEvent as s, noShadowRoot as u, safeClassMap as r } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const _ = p`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/feature-details/customElement.js

@@ -6,7 +6,7 @@ import { createRef as p, ref as u } from "lit-html/directives/ref.js";
 import { LitElement as f, createEvent as h, noShadowRoot as b } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const C = g`@layer{/**
  * @license
  * Copyright 2025 Esri

package/dist/components/feature-list/customElement.js

@@ -8,7 +8,7 @@ import { createRef as f, ref as d } from "lit-html/directives/ref.js";
 import { LitElement as v, createEvent as g, noShadowRoot as F, safeClassMap as b, safeStyleMap as E } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const S = L`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/field-selection/customElement.js

@@ -5,7 +5,7 @@ import { u as _ } from "../../chunks/useT9n.js";
 import { LitElement as T } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const v = b`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/floor-filter/customElement.js

@@ -5,7 +5,7 @@ import { createRef as n, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as d, createEvent as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const c = o`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/info-card/customElement.js

@@ -6,7 +6,7 @@ import { css as b, nothing as m, html as s } from "lit";
 import { LitElement as v, createEvent as r, noShadowRoot as y, safeStyleMap as F, safeClassMap as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const $ = b`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/json-editor/customElement.js

@@ -4,7 +4,7 @@ import { u } from "../../chunks/useT9n.js";
 import { LitElement as p, noShadowRoot as f, nothing as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 const _ = c`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/layer-list/customElement.js

@@ -6,7 +6,7 @@ import { css as f, html as r } from "lit";
 import { LitElement as w, createEvent as c, noShadowRoot as g } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.12 */
+v1.2.0-next.14 */
 async function _(o, e) {
   const { api: s = 4, type: t = "decimal", places: i = 2 } = e || {};
   if (s === 4) {