@esri/solutions-components 1.1.3 → 1.1.5

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

@@ -1,29 +1,137 @@
 /// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PropertyValueMap, PropertyValues } from 'lit';
+import { SolutionResponse } from './utils/querySolutions';
+export type SolutionSchema = {
+    title: string;
+    snippet: string;
+    id: string;
+    reply?: string;
+    ref?: [
+        {
+            url: string;
+            title: string;
+        }
+    ];
+    followupQuestions?: unknown[];
+};
+export type RecommendSolution = {
+    title: string;
+    snippet: string;
+    thumbnail: string;
+    score: number;
+};
+export type RecommendSolutionSchema = {
+    summary: string;
+    results: RecommendSolution[];
+};
 export type ConversationStore = {
     conversationId: string | null;
-    inquiryId: string | null;
-    ackSequenceNumber: number | null;
+    inquiryId?: string | null;
+    ackSequenceNumber?: number | null;
+    context?: ConversationContext;
+};
+export type ConversationRequestContext = {
+    kind: string;
+    debug: boolean;
+};
+export type ConversationRequest = {
+    message?: string | null;
+    conversationId?: string | null;
+    context?: ConversationRequestContext;
 };
 export type ConversationResponse = {
     conversationId: string;
     inquiryId: string;
     sequenceNumber: number;
     message?: string | null;
-    context?: {
-        author: 'ai' | 'human' | 'system';
-        intent: string;
-    };
+    context?: ConversationContext;
     hasMore: boolean;
 };
+export type ConversationContext = {
+    kind: string;
+    author?: 'ai' | 'human';
+    intent?: 'Recommend solution' | 'Solution question' | 'Other';
+    results?: SuggestedSolutions[] | DocAssistantResultContext[] | unknown[];
+};
+export type DisplayMessage = {
+    message: string;
+    inquiryId: string;
+    author: 'human' | 'ai' | 'system';
+    render?: JsxNode;
+};
 export type MessageResponse = {
     response?: string;
     message?: unknown;
 };
+export type SuggestedSolutions = {
+    title: string;
+    snippet: string;
+    thumbnail: string;
+};
+export type DocAssistantResultContext = {
+    reply: string;
+    ref: DocAssistantResultRef[];
+    followupQuestions: string[];
+    status: DocAssistantResultStatus;
+};
+export type DocAssistantResultRef = {
+    url: string;
+    title: string;
+    score: number;
+    product: string;
+    productMatch: boolean;
+};
+export type DocAssistantResultStatus = {
+    currentStatusMessage: string;
+    currentStatusStep: number;
+};
 
 export declare class ArcgisSolutionsAssistant extends LitElement {
-    /** @default "http://localhost:8080/skills/solution_deployment/chat" */
-    AIServerUrl: string;
+    /**
+     * Define the AI server to access
+     *
+     * @default 'https://aiservices-beta.arcgis.com/'
+     */
+    serverRoot: string;
+    /** Define the Solutions chat endpoint */
+    solutionAIurl: string;
+    /** Define the Doc Assistant chat endpoint */
+    docAIurl: string;
+    /** Define the authentication for requests */
     token: string | null;
-    readonly arcgisCreateSolutionEvent: TargetedEvent<this, void>;
+    /**
+     * Flag to open or close panel
+     *
+     * @default false
+     */
+    open: boolean;
+    /**
+     * Submits a query to the AI Assitant based on what is in the input textarea.
+     * If there is an exisitng conversation, the conversation id is also sent along.
+     */
+    handleSendMessage(): Promise<void>;
+    /**
+     * Calls the AI (polling) until there is no additional requests.
+     * Along the way id there is a message or context, process and show.
+     * If it is solution question, start off a new request to Doc Assistant.
+     *
+     * @param parameter stores the conversation and inquiry id
+     * @param token the authenticated user session
+     * @param requestURL AI server to request
+     */
+    loopRequest(parameter: ConversationResponse, token: string, requestURL: string): Promise<void>;
+    /**
+     * Request sent to the AI server via fetch.
+     * ALong the way id there is a message or context, process and show.
+     *
+     * @param requestInfo the request object to send to the server
+     * @param token the authenticated user session
+     * @param requestURL AI server to request
+     */
+    requestAIServer(requestInfo: unknown, token: string, requestURL: string): Promise<ConversationResponse>;
+    /** Resets the message history and clears the chat window. */
+    resetChat(): void;
+    /** Emitted on demand when cards are fetched */
+    readonly closeAssistant: TargetedEvent<this, boolean>;
 }

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

@@ -1,81 +1,261 @@
-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 u } from "lit/directives/ref.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { LitElement as g, createEvent as m, safeClassMap as v, nothing as d } from "@arcgis/lumina";
+import { css as f, html as a } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.3 */
-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.1.5 */
+const b = 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: 70vh;--calcite-dialog-max-size-y: 90vh}.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}.chip-content-div{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%}.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}`, x = "https://www.arcgis.com/sharing/rest/content/items/";
+async function y(r) {
+  return await _(r);
+}
+async function _(r) {
+  const e = x + 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 S 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 = b;
+  }
+  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 o = {
+        conversationId: s.conversationId,
+        ackSequenceNumber: s.sequenceNumber,
+        inquiryId: s.inquiryId
+      };
+      if (s = await this.requestAIServer(o, 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 n = {
+                message: s.message,
+                conversationId: o.conversationId,
+                context: { kind: "DocAIAssistantRequest", filters: { products: "ArcGIS Solutions" } }
+              };
+              s = await this.requestAIServer(n, t, this.docAIurl);
+              break;
+            case "Recommend solution":
+              if (s.context.results && s.context.results?.length > 0) {
+                const c = {
+                  message: s.message ?? "",
+                  author: "ai",
+                  inquiryId: s.inquiryId,
+                  render: this._renderSuggestedSolutions(s.message ?? "", s.context.results)
+                };
+                this.messages.push(c);
+              }
+              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 n of s.context.results)
+            n.reply !== "" && (this._isLoadingText = "", this.messages.push({
+              message: n.reply,
+              author: "ai",
+              inquiryId: s.inquiryId,
+              render: this._renderDocAssistantResults(n.reply, n.ref, n.followupQuestions)
+            }));
+      }
+    }
+    this._isLoading = !1;
+  }
+  async requestAIServer(e, t, i) {
+    try {
+      const o = await (await fetch(i, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          token: t
+        },
+        body: JSON.stringify(e)
+      })).json();
+      if (o)
+        return o;
+      throw new Error("No data returned");
+    } catch (s) {
+      throw new Error(`Request failed: ${s}`);
+    }
   }
-  emitCreateSolutionEvent(e) {
-    return console.log(e), this.arcgisCreateSolutionEvent.emit();
+  resetChat() {
+    this._resetConversation();
+    const e = {
+      author: "system",
+      inquiryId: "",
+      message: this._translations.newConversationStarted,
+      render: this._renderSimpleTextMessage(this._translations.newConversationStarted, "system")
+    };
+    this.messages = [...this.messages, e], 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();
+  }
+  _renderSimpleTextMessage(e, t) {
+    return t === "system" ? a`<div class="message-content">${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, this._translations)}</div></calcite-card>`;
+  }
+  _renderSuggestedSolutions(e, t) {
+    return a`<calcite-card class="system-message"><div class="message-content">${this.renderExistingSolutionsTable(e, t, this._translations)}</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;
+    }}>${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" ${u(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 class="chat-input" slot=footer><calcite-text-area resize=none rows=2 .placeholder=${this._translations.sendMessage} value ${u(this._setInputRef)}></calcite-text-area><calcite-button icon-start=send appearance=outline kind=neutral @click=${this.handleSendMessage} .disabled=${!!this._isLoading}></calcite-button></div><calcite-notice open icon=information width=full scale=s slot=alerts class="notice-border-color"><div slot=message>${this._translations.disclaimerMessage}</div></calcite-notice></calcite-dialog>`;
+  }
+  _scrollToBottom() {
+    this._chatContainer && setTimeout(() => {
+      this._chatContainer && (this._chatContainer.scrollTop = this._chatContainer.scrollHeight);
+    }, 100);
+  }
+  renderSolutionQuestionReferences(e) {
+    return e.map((t) => a`<div class="message-content-pad"><a href=${t.url ?? d} 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, s) {
+    const o = this.renderSolutionQuestionReferences(t), n = this.renderSolutionQuestionFollowup(i);
+    return a`<div><div slot=description class="message-content">${this._markdownToHTML(e)}<div style="display: flex; justify-content: flex-start;"><calcite-button appearance=outline icon-end=chevron-down icon-start=link @click=${(l) => {
+      const c = l.currentTarget.parentElement?.nextElementSibling;
+      c.classList.toggle("collapsed"), l.currentTarget.setAttribute("icon-end", c.classList.contains("collapsed") ? "chevron-down" : "chevron-up");
+    }}>${`${t.length} ${t.length === 1 ? s.solutionsDocReference : s.solutionsDocReferences}`}</calcite-button></div><div class="references-container collapsed">${o}</div></div><div class="chip-content-div">${n}</div></div>`;
+  }
+  renderSolutionCard(e, t, i) {
+    return a`<a class="solution-card" id=${t ?? d} @click=${() => {
+      this._emitItemIdFromAI(t);
+    }}>${a`<calcite-card thumbnail-position=inline-start><div slot=thumbnail><img src=${e.thumbnail ?? d} alt=Thumbnail><calcite-chip icon=launch label="View solution">${i.viewSolutionInApp}</calcite-chip></div><h3 slot=heading><b>${e.title}</b></h3><span slot=description>${e.snippet}</span></calcite-card>`}</a>`;
+  }
+  renderExistingSolutionsTable(e, t, i) {
+    const s = t.map((o) => {
+      const n = o.thumbnail.match(/\/items\/([a-f0-9]+)\//);
+      return n ? this.renderSolutionCard(o, n[1], i) : null;
+    }).filter((o) => o !== null);
+    return a`<div><div slot=description class="message-content"><div class="message-content-summary">${e}</div>${s}</div></div>`;
+  }
+  _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((n) => n.includes("solutionid")), o = new CustomEvent("solutionIDFromAssistant", {
+        detail: s.length > 0 ? s[0] : e,
+        bubbles: !0,
+        composed: !0
+      });
+      window.dispatchEvent(o);
+    });
+  }
+  _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", S);
 export {
-  u as ArcgisSolutionsAssistant
+  S 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-button";
 import "@esri/calcite-components/components/calcite-card";
-import "@esri/calcite-components/components/calcite-text-area";
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-button";
 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";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-chip";
 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-button";
 import "@esri/calcite-components/components/calcite-card";
-import "@esri/calcite-components/components/calcite-text-area";
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-button";
 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";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-chip";
 export * from "./customElement.js";

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

@@ -0,0 +1,6 @@
+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.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 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.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 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.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 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.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 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.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 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.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 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.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 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.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 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.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 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.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 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.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 const r = l`/** @license
  * Copyright 2025 Esri
  *