@esri/solutions-components 5.1.0-next.146 → 5.1.0-next.148

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

@@ -2,22 +2,22 @@
 import { c as _e } from "../../chunks/runtime.js";
 import { u as Te } from "../../chunks/useT9n.js";
 import { LitElement as ke, createEvent as X, nothing as Z } from "@arcgis/lumina";
-import { css as Ee, html as E } from "lit";
+import { css as Ee, html as I } from "lit";
 import { unsafeHTML as Ae } from "lit/directives/unsafe-html.js";
 import { useContextConsumer as ee } from "@arcgis/lumina/context";
 import { c as Le, b as Re } from "../../chunks/deployAppContexts.js";
 import { T as De } from "../../chunks/interfaces.js";
-import { l as Fe } from "../../chunks/helpers.js";
+import { m as Fe } from "../../chunks/helpers.js";
 import te from "@arcgis/core/config.js";
 import { createRef as $e, ref as Me } from "lit-html/directives/ref.js";
 import { Annotation as b, StateGraph as O, START as z, END as v, NodeInterrupt as ne } from "@langchain/langgraph/web";
-import { createAgentRuntimeState as j, sendTraceMessage as w, invokeStructuredPrompt as _, getEmbeddings as Be, cosineSimilarity as Ne, invokeTextPrompt as qe } from "@arcgis/ai-orchestrator";
+import { createAgentRuntimeState as j, sendTraceMessage as w, invokeStructuredPrompt as T, getEmbeddings as Ne, cosineSimilarity as Be, invokeTextPrompt as Pe } from "@arcgis/ai-orchestrator";
 import r, { z as D } from "zod";
 import * as J from "@esri/arcgis-rest-portal";
-import { applyPatch as Pe } from "fast-json-patch";
+import { applyPatch as qe } from "fast-json-patch";
 import "@langchain/core/messages";
 import { C as ie } from "../../chunks/converter.js";
-import { t as oe, g as B, c as ae, r as re, d as L } from "../../chunks/templates.js";
+import { t as oe, g as N, c as ae, r as re, d as L } from "../../chunks/templates.js";
 import Ue from "@arcgis/core/portal/Portal.js";
 import Oe from "@arcgis/core/portal/PortalItem.js";
 const ze = Ee`:host{display:block;height:100%}.margin-lg{margin:var(--calcite-spacing-lg)}.display-flex-row{display:flex;flex-direction:row}.assistant-split-container{display:flex;width:100%;height:calc(100vh - 78px);overflow:hidden;border-radius:10px}.assistant-panel{display:flex;flex-direction:column;height:100%;border:1px solid var(--calcite-color-surface-3);background-color:var(--calcite-color-surface-2);overflow:hidden}.chat-panel{min-width:320px}.builder-panel{min-width:320px;max-width:100%;border-left:1px solid var(--calcite-color-surface-3)}.panel-actions{display:flex;gap:8px;padding:6px;align-items:center}.builder-header,.builder-footer{padding:10px;background:var(--calcite-color-surface-1);border-bottom:1px solid var(--calcite-color-surface-3)}.builder-content{flex:1;overflow:auto;padding:12px}.builder-content pre{white-space:pre-wrap;word-wrap:break-word;max-height:100%;overflow:auto}.builder-actions{display:flex;gap:6px;align-items:center}.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-surface-4);padding:1px}.chat-container_expanded{display:flex;flex-direction:column;gap:0px;max-width:100%;height:95%;background-color:var(--calcite-color-surface-1);border-radius:10px;padding:10px}.chat-panel{--calcite-color-focus: var(--calcite-color-brand);--calcite-panel-border-color: var(--calcite-color-border-2);--calcite-internal-panel-header-vertical-padding: 0px;--calcite-panel-header-content-space: 0px;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);height:100%}.header-content{display:flex;align-items:center;gap:var(--calcite-spacing-sm);height:65px;box-sizing:border-box;padding-inline-start:var(--calcite-space-2xl)}.header-title{font-size:var(--calcite-font-size-md);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.beta-chip{--calcite-chip-corner-radius: var(--calcite-corner-radius-half)}.chat-panel calcite-card,.chat-panel calcite-text-area,.chat-panel calcite-button,.chat-panel .chat-messages,.chat-panel .chat-input{--calcite-color-focus: var(--calcite-color-brand)}.assistant-followup-chip:focus{outline:2px solid var(--calcite-color-brand)}.chat-panel-heading{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-surface-1, var(--calcite-color-text-1))}.chat-messages{display:flex;flex-direction:column;gap:20px;padding:4px;height:100%;overflow-y:auto}.user-message{align-self:flex-end;background:var(--calcite-color-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-text-inverse);text-align:left}.system-message{align-self:flex-start;background:var(--calcite-color-surface-3);border-radius:8px;max-width:90%;--calcite-card-corner-radius: 8px;--calcite-card-background-color: var(--calcite-color-surface-4);--calcite-card-border-color: var(--calcite-color-surface-4);color:var(--calcite-color-inverse);text-align:left}.loader-message{align-self:flex-start;background:var(--calcite-color-surface-4);border-radius:8px;--calcite-card-corner-radius: 8px;--calcite-card-background-color: var(--calcite-color-surface-4);--calcite-card-border-color: var(--calcite-color-surface-4)}.message-content{padding:0;font-size:14px}.response-message.message-content>p:first-of-type{margin-top:0}.message-content img{max-width:100%;height:auto;display:block;object-fit:contain}.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}.padding-right-8{padding-right:8px}.padding-left-right-5{padding-right:5px;padding-left:5px}.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-surface-4)}.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-width:520px;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}.solution-card:focus{outline:2px solid var(--calcite-color-brand)}.references-container{padding-top:10px;display:block}.references-container.collapsed{display:none}.width-100{width:100%}.disclaimer-div{display:flex;align-items:center;gap:var(--calcite-spacing-sm);font-size:var(--calcite-font-size--0);color:var(--calcite-color-text-1)}.display-none{display:none}.chat-messages calcite-fab{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:999}.icon-color-background{--calcite-button-icon-color: var(--calcite-color-surface-1)}#closeAssistantButton{--calcite-action-text-color: var(--calcite-color-text-1)}.icon-color-background:focus{--calcite-color-focus: var(--calcite-color-surface-1)}@media(max-width:430px){.solution-card .solution-snippet{display:none}}.height-32-flex-auto{height:32px;flex:0 0 auto}.margin-top-0.message-content>p:first-of-type{margin-top:0}a:not(.solution-card){color:var(--calcite-link-text-color, var(--calcite-color-text-link));cursor:pointer;text-decoration:none;line-height:inherit;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px;transition-property:background-size,color;transition-duration:var(--calcite-animation-timing, .15s);transition-timing-function:ease-in-out;outline-color:transparent;position:relative}a:not(.solution-card):hover{background-size:100% 1px,100% 1px}a:not(.solution-card):focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px;outline-color:var(--calcite-color-brand)}a:not(.solution-card):active{color:var(--calcite-color-brand-press)}`;
@@ -34,7 +34,7 @@ ${Object.keys(t).join(`
     );
   return await s[1]();
 }
-function N(t) {
+function B(t) {
   return t?.configurable?.context?.translations;
 }
 function le(t) {
@@ -79,18 +79,19 @@ function Ge(t, e) {
   const s = [];
   return (e?.configurable?.context?.configContext.allCards ?? []).forEach((i) => {
     const o = i.title;
-    if (t.toLowerCase().includes(o.toLowerCase())) {
-      const a = `<a href="" target="solutionId:${i.deployCommonId}">${o}</a>`, l = new RegExp(o, "gi");
-      t = t.replace(l, a), s.push({
-        solution: {
-          title: i.title,
-          id: i.deployCommonId,
-          snippet: i.snippet,
-          description: i.description
-        },
-        score: 100
-      });
-    }
+    if (!o)
+      return;
+    const a = new RegExp(`(?<![\\p{L}\\p{N}])${o}(?![\\p{L}\\p{N}])`, "giu");
+    let l = !1;
+    t = t.replace(a, () => (l = !0, `<a href="" target="solutionId:${i.deployCommonId}">${o}</a>`)), l && s.push({
+      solution: {
+        title: i.title,
+        id: i.deployCommonId,
+        snippet: i.snippet,
+        description: i.description
+      },
+      score: 100
+    });
   }), { source: t, allMatches: s };
 }
 function Ve(t) {
@@ -149,7 +150,7 @@ const He = (t) => new Promise((e) => setTimeout(e, t)), We = b.Root({
   } };
   n && (a.conversationId = n), U(a, i, e ?? "");
 }, Qe = async (t, e) => {
-  const s = N(e), n = t.documentSkillUrl;
+  const s = B(e), n = t.documentSkillUrl;
   let i = [];
   await w(
     { text: s.agentProgress.explorerAgentSearching },
@@ -188,7 +189,7 @@ const He = (t) => new Promise((e) => setTimeout(e, t)), We = b.Root({
       l = A.source, i = [
         ...i,
         ...A.allMatches.filter(
-          (T) => !i.some((k) => k.solution.id === T.solution.id)
+          (k) => !i.some((E) => E.solution.id === k.solution.id)
         )
       ];
     }
@@ -549,7 +550,7 @@ const ot = r.object({
     promptModules: o
   } = t;
   try {
-    return (await _({
+    return (await T({
       promptText: await y(o, "explainValidationFailure"),
       modelTier: "fast",
       temperature: 0,
@@ -568,8 +569,8 @@ const ot = r.object({
     ), i;
   }
 }, V = (t) => t in L, yt = 5, xt = 0.8, vt = 0.15, wt = "Web Mapping Application", St = "Embeddings";
-let F = null, P = null, $ = null, M = null;
-const It = "Build", I = /* @__PURE__ */ Object.assign({
+let F = null, q = null, $ = null, M = null;
+const It = "Build", C = /* @__PURE__ */ Object.assign({
   "./prompts/assessBuildRequest.md": () => import("../../chunks/assessBuildRequest.js").then((t) => t.default),
   "./prompts/assessUpdateRequest.md": () => import("../../chunks/assessUpdateRequest.js").then((t) => t.default),
   "./prompts/description.md": () => import("../../chunks/description2.js").then((t) => t.default),
@@ -577,7 +578,7 @@ const It = "Build", I = /* @__PURE__ */ Object.assign({
   "./prompts/explainValidationFailure.md": () => import("../../chunks/explainValidationFailure.js").then((t) => t.default),
   "./prompts/findExistingSolution.md": () => import("../../chunks/findExistingSolution.js").then((t) => t.default),
   "./prompts/updateDesign.md": () => import("../../chunks/updateDesign.js").then((t) => t.default)
-}), Ct = nt.builderMessages, h = (t, e, s) => N(e)?.builderMessages?.[t] ?? Ct[t], ge = (t) => {
+}), Ct = nt.builderMessages, h = (t, e, s) => B(e)?.builderMessages?.[t] ?? Ct[t], ge = (t) => {
   typeof window < "u" && window.dispatchEvent(new CustomEvent("arcgis-solution-design-update", {
     detail: t
   }));
@@ -622,7 +623,7 @@ const kt = async (t, e, s) => {
   } catch {
     return null;
   }
-}, C = (t, e = {}) => {
+}, _ = (t, e = {}) => {
   let s = t;
   return "itemId" in e && (s = {
     ...s,
@@ -653,8 +654,8 @@ const kt = async (t, e, s) => {
     };
   }
 }, H = async (t) => {
-  if (P) {
-    Object.entries(P).forEach(([a, l]) => {
+  if (q) {
+    Object.entries(q).forEach(([a, l]) => {
       L[a] && (L[a].initialTemplate = l);
     });
     return;
@@ -681,7 +682,7 @@ const kt = async (t, e, s) => {
       ...l,
       buildSolution: m
     };
-    o[u] = C(
+    o[u] = _(
       new ie(d).dumpToLlmTemplate(),
       {
         itemId: a.id,
@@ -692,7 +693,7 @@ const kt = async (t, e, s) => {
       ...l,
       initialTemplate: o[u]
     };
-  })), P = o;
+  })), q = o;
 }, fe = (t) => {
   const e = t?.configurable?.context?.token;
   return typeof e != "string" || !e.trim() ? null : e;
@@ -733,14 +734,14 @@ Description: ${e.description}`).join(`
   if (typeof e != "string" || !e.trim())
     return null;
   try {
-    const s = JSON.parse(e), n = C(
+    const s = JSON.parse(e), n = _(
       { response: "", ...s },
       { itemId: s?.solution?.itemId ?? null }
     ), i = G.safeParse(n);
     if (!i.success)
       return null;
     const { response: o, ...a } = i.data, l = s.templateId, u = typeof l == "string" && V(l) ? l : null;
-    return C(
+    return _(
       a,
       {
         sourceBuildSolution: s.sourceBuildSolution,
@@ -793,8 +794,8 @@ Description: ${e.description}`).join(`
   return JSON.stringify(t.currentDesign) !== JSON.stringify(s) && (i.currentDesign = s), n && t.selectedTemplate !== n && (i.selectedTemplate = n), i;
 }, $t = async (t, e) => {
   await w({ text: h("understandingRequest", e) }, e), await xe(e);
-  const s = t.agentExecutionContext.userRequest, n = Lt(), i = t.agentExecutionContext.messages.slice(-11), o = await _({
-    promptText: await y(I, "assessBuildRequest"),
+  const s = t.agentExecutionContext.userRequest, n = Lt(), i = t.agentExecutionContext.messages.slice(-11), o = await T({
+    promptText: await y(C, "assessBuildRequest"),
     modelTier: "advanced",
     temperature: 0,
     schema: ht,
@@ -819,7 +820,7 @@ Description: ${e.description}`).join(`
     summary: e,
     status: "success"
   };
-}, Bt = async (t, e) => {
+}, Nt = async (t, e) => {
   const { currentDesign: s } = t;
   if (!s)
     return {
@@ -831,8 +832,8 @@ Description: ${e.description}`).join(`
   await w({ text: h("understandingRequest", e) }, e);
   const n = t.agentExecutionContext.userRequest, i = t.agentExecutionContext.messages.slice(-11);
   return {
-    updateAssessment: await _({
-      promptText: await y(I, "assessUpdateRequest"),
+    updateAssessment: await T({
+      promptText: await y(C, "assessUpdateRequest"),
       modelTier: "advanced",
       temperature: 0,
       schema: pt,
@@ -843,14 +844,14 @@ Description: ${e.description}`).join(`
       }
     })
   };
-}, Nt = (t, e) => {
+}, Bt = (t, e) => {
   const s = t.updateAssessment?.assistantResponse ?? h("applyChangeFailed", e);
   return {
     outputMessage: s,
     summary: s,
     status: "success"
   };
-}, qt = (t, e) => {
+}, Pt = (t, e) => {
   const { hitlResponse: s } = e.configurable, n = "selectTemplate", i = t.assessment?.matchedTemplates.filter(
     (c) => V(c.templateId)
   ) ?? [], o = i.map((c) => `${c.templateDescription}`);
@@ -868,16 +869,16 @@ Description: ${e.description}`).join(`
   return {
     selectedTemplate: (l >= 0 ? i[l] : void 0)?.templateId ?? i[0]?.templateId ?? null
   };
-}, Pt = async (t, e) => {
+}, qt = async (t, e) => {
   await w({ text: h("searchingExistingSolutions", e) }, e);
   const s = t.agentExecutionContext.userRequest, n = tt(t.agentExecutionContext.messages) || s, i = await ve(e);
   if (!i)
     return console.warn("Solutions Search: failed to load solution embeddings cache; skipping search."), { existingMatches: [] };
   if (!i.length)
     return { existingMatches: [] };
-  const [o] = await Be([n]), a = i.map((d) => ({
+  const [o] = await Ne([n]), a = i.map((d) => ({
     solution: d,
-    score: Ne(o, d.embedding)
+    score: Be(o, d.embedding)
   }));
   a.sort((d, g) => g.score - d.score);
   const l = a.slice(0, yt);
@@ -888,8 +889,8 @@ Snippet: ${d.snippet}
 Description: ${d.description}`).join(`
 
 `), c = t.agentExecutionContext.messages.slice(-11);
-  return { existingMatches: (await _({
-    promptText: await y(I, "findExistingSolution"),
+  return { existingMatches: (await T({
+    promptText: await y(C, "findExistingSolution"),
     modelTier: "fast",
     temperature: 0,
     schema: mt,
@@ -925,18 +926,18 @@ Description: ${d.description}`).join(`
   await xe(e);
   const { currentDesign: s } = t, n = t.agentExecutionContext.userRequest;
   await w({ text: h("creatingDesign", e) }, e);
-  let i = B(t.selectedTemplate);
-  if (i?.initialTemplate || (await H(e), i = B(t.selectedTemplate)), !i?.initialTemplate)
+  let i = N(t.selectedTemplate);
+  if (i?.initialTemplate || (await H(e), i = N(t.selectedTemplate)), !i?.initialTemplate)
     throw new Error("No hydrated templates are available for solution design.");
-  const o = C(
+  const o = _(
     s ?? i.initialTemplate,
     {
       itemId: (s ?? i.initialTemplate)?.solution?.itemId ?? null,
       sourceBuildSolution: s?.sourceBuildSolution ?? i.initialTemplate.sourceBuildSolution,
       params: s?.params ?? i.initialTemplate.params ?? null
     }
-  ), a = t.agentExecutionContext.messages.slice(-11), l = await _({
-    promptText: await y(I, "designSolution"),
+  ), a = t.agentExecutionContext.messages.slice(-11), l = await T({
+    promptText: await y(C, "designSolution"),
     modelTier: "advanced",
     temperature: 0,
     schema: G,
@@ -949,7 +950,7 @@ Description: ${d.description}`).join(`
   }), { response: u, featureLayer: c, ...m } = l, f = re(
     c,
     o.featureLayer
-  ), d = C(
+  ), d = _(
     { ...m, featureLayer: f },
     {
       itemId: o?.solution?.itemId,
@@ -965,16 +966,16 @@ Description: ${d.description}`).join(`
     ), {
       outputMessage: h("createDesignFailed", e)
     };
-  const A = d.sourceBuildSolution, T = he(d, A);
-  if (!T.ok) {
+  const A = d.sourceBuildSolution, k = he(d, A);
+  if (!k.ok) {
     console.warn(
       "[SolutionBuilder] designSolution Esri JSON conversion failed:",
-      { error: T.error, llmResponse: l, design: d }
+      { error: k.error, llmResponse: l, design: d }
     );
-    const k = h("createDesignFailed", e);
+    const E = h("createDesignFailed", e);
     return {
-      outputMessage: k,
-      summary: k,
+      outputMessage: E,
+      summary: E,
       status: "success"
     };
   }
@@ -992,8 +993,8 @@ Description: ${d.description}`).join(`
   await w({ text: h("updatingDesign", e) }, e);
   let o;
   try {
-    o = await _({
-      promptText: await y(I, "updateDesign"),
+    o = await T({
+      promptText: await y(C, "updateDesign"),
       modelTier: "advanced",
       temperature: 0,
       schema: dt,
@@ -1055,7 +1056,7 @@ Description: ${d.description}`).join(`
     ae(s)
   );
   try {
-    Pe(f, m, !0);
+    qe(f, m, !0);
   } catch (p) {
     console.warn(
       "[SolutionBuilder] updateDesign JSON patch failed:",
@@ -1068,7 +1069,7 @@ Description: ${d.description}`).join(`
       status: "success"
     };
   }
-  const d = C(
+  const d = _(
     { response: "", ...f },
     { itemId: s.solution?.itemId ?? null }
   ), g = G.safeParse(d);
@@ -1084,11 +1085,11 @@ Description: ${d.description}`).join(`
       status: "success"
     };
   }
-  const { response: A, featureLayer: T, ...k } = g.data, Ie = re(
-    T,
+  const { response: A, featureLayer: k, ...E } = g.data, Ie = re(
+    k,
     s.featureLayer
-  ), S = C(
-    { ...k, featureLayer: Ie },
+  ), S = _(
+    { ...E, featureLayer: Ie },
     {
       itemId: s.solution?.itemId,
       sourceBuildSolution: s.sourceBuildSolution,
@@ -1096,21 +1097,21 @@ Description: ${d.description}`).join(`
       params: s.params ?? null
     }
   );
-  let R = B(t.selectedTemplate);
-  if (R?.initialTemplate || (await H(e), R = B(t.selectedTemplate)), !R?.initialTemplate)
+  let R = N(t.selectedTemplate);
+  if (R?.initialTemplate || (await H(e), R = N(t.selectedTemplate)), !R?.initialTemplate)
     throw new Error("No hydrated templates are available for solution design.");
-  const q = new me(S, R.initialTemplate, !1);
-  if (!q.isValid) {
+  const P = new me(S, R.initialTemplate, !1);
+  if (!P.isValid) {
     console.warn(
       "[SolutionBuilder] updateDesign validation failed:",
-      { issues: q.issues, llmResponse: o, patchedDesign: S }
+      { issues: P.issues, llmResponse: o, patchedDesign: S }
     );
     const p = await bt({
       query: n,
-      validationIssues: q.issues,
+      validationIssues: P.issues,
       recentMessages: i,
       fallbackMessage: h("applyChangeFailed", e),
-      promptModules: I
+      promptModules: C
     });
     return {
       outputMessage: p,
@@ -1137,7 +1138,7 @@ Description: ${d.description}`).join(`
     status: "success",
     currentDesign: S
   };
-}, jt = (t) => t.currentDesign !== null ? "assessUpdateRequest" : "assessBuildRequest", Jt = (t) => !t.updateAssessment || !t.updateAssessment.isValidUpdate ? "invalidUpdateExit" : "updateDesign", Gt = (t) => !t.assessment || !t.assessment.isValidUseCase ? "invalidBuildExit" : !t.selectedTemplate && t.assessment.matchedTemplates.length > 1 ? "selectTemplateHIL" : "findExistingSolutions", Vt = (t) => t.existingMatches.length > 0 ? "confirmContinueBuildingHIL" : "designSolution", Ht = (t) => t.continueBuilding === !1 ? "declineContinueBuildingExit" : "designSolution", Wt = () => new O(Dt).addNode("syncCurrentDesignFromContext", Ft).addNode("assessBuildRequest", $t).addNode("assessUpdateRequest", Bt).addNode("invalidBuildExit", Mt).addNode("invalidUpdateExit", Nt).addNode("selectTemplateHIL", qt).addNode("findExistingSolutions", Pt).addNode("confirmContinueBuildingHIL", Ut).addNode("declineContinueBuildingExit", Ot).addNode("designSolution", we).addNode("updateDesign", zt).addEdge(z, "syncCurrentDesignFromContext").addConditionalEdges("syncCurrentDesignFromContext", jt, {
+}, jt = (t) => t.currentDesign !== null ? "assessUpdateRequest" : "assessBuildRequest", Jt = (t) => !t.updateAssessment || !t.updateAssessment.isValidUpdate ? "invalidUpdateExit" : "updateDesign", Gt = (t) => !t.assessment || !t.assessment.isValidUseCase ? "invalidBuildExit" : !t.selectedTemplate && t.assessment.matchedTemplates.length > 1 ? "selectTemplateHIL" : "findExistingSolutions", Vt = (t) => t.existingMatches.length > 0 ? "confirmContinueBuildingHIL" : "designSolution", Ht = (t) => t.continueBuilding === !1 ? "declineContinueBuildingExit" : "designSolution", Wt = () => new O(Dt).addNode("syncCurrentDesignFromContext", Ft).addNode("assessBuildRequest", $t).addNode("assessUpdateRequest", Nt).addNode("invalidBuildExit", Mt).addNode("invalidUpdateExit", Bt).addNode("selectTemplateHIL", Pt).addNode("findExistingSolutions", qt).addNode("confirmContinueBuildingHIL", Ut).addNode("declineContinueBuildingExit", Ot).addNode("designSolution", we).addNode("updateDesign", zt).addEdge(z, "syncCurrentDesignFromContext").addConditionalEdges("syncCurrentDesignFromContext", jt, {
   assessUpdateRequest: "assessUpdateRequest",
   assessBuildRequest: "assessBuildRequest"
 }).addConditionalEdges("assessUpdateRequest", Jt, {
@@ -1154,7 +1155,7 @@ Description: ${d.description}`).join(`
   declineContinueBuildingExit: "declineContinueBuildingExit",
   designSolution: "designSolution"
 }).addEdge("declineContinueBuildingExit", v).addEdge("designSolution", v).addEdge("updateDesign", v);
-await y(I, "description");
+await y(C, "description");
 const Kt = D.object({
   tool: D.enum(["explorer", "builder", "other"]).describe("The selected tool based on the user's query."),
   confidence: D.number().min(0).max(1).describe("A confidence score (0.00–1.00)."),
@@ -1163,11 +1164,11 @@ const Kt = D.object({
   "./prompts/assistantResponse.md": () => import("../../chunks/assistantResponse.js").then((t) => t.default),
   "./prompts/classifyIntent.md": () => import("../../chunks/classifyIntent.js").then((t) => t.default),
   "./prompts/description.md": () => import("../../chunks/description.js").then((t) => t.default)
-}), K = () => {
-  const t = new CustomEvent("assistantProcessing", {
-    detail: !1
+}), K = (t) => {
+  const e = new CustomEvent("assistantProcessing", {
+    detail: { finished: !0, agent: t }
   });
-  window.dispatchEvent(t);
+  window.dispatchEvent(e);
 }, Se = b.Root({
   ...j(),
   selectedTool: b({
@@ -1179,7 +1180,7 @@ const Kt = D.object({
     default: () => null
   })
 }), Qt = async (t, e) => {
-  const s = N(e);
+  const s = B(e);
   await w(
     { text: s?.builderMessages.understandingRequest },
     e
@@ -1192,7 +1193,7 @@ const Kt = D.object({
     } catch {
       a = !1;
     }
-  const l = await y(W, "classifyIntent"), u = await _({
+  const l = await y(W, "classifyIntent"), u = await T({
     promptText: l,
     modelTier: "advanced",
     temperature: 0,
@@ -1206,24 +1207,24 @@ const Kt = D.object({
   };
 }, Yt = async (t, e) => {
   const n = await Ke().compile().invoke(t, e);
-  return K(), n;
+  return K("explorer"), n;
 }, Xt = async (t, e) => {
   const n = await Wt().compile().invoke(t, e);
-  return K(), n;
+  return K("builder"), n;
 }, Zt = async (t, e) => {
-  const s = N(e), n = t.agentExecutionContext.userRequest, i = t.intentRationale ?? "No rationale available.";
+  const s = B(e), n = t.agentExecutionContext.userRequest, i = t.intentRationale ?? "No rationale available.";
   await w(
     { text: s?.executingSolutionsAssistantAgent },
     e
   );
-  const o = await y(W, "assistantResponse"), a = t.agentExecutionContext.messages.slice(-11), l = await qe({
+  const o = await y(W, "assistantResponse"), a = t.agentExecutionContext.messages.slice(-11), l = await Pe({
     promptText: o,
     modelTier: "advanced",
     temperature: 0,
     messages: a,
     inputVariables: { query: n, rationale: i }
   });
-  return K(), {
+  return K("assistant"), {
     outputMessage: l,
     summary: l,
     status: "success"
@@ -1245,7 +1246,7 @@ class as extends ke {
       aiAssistantsEnabled: !1,
       blockBetaApps: !0,
       colocateCompute: !1
-    }, this._suggestedPrompts = [], this._hasInteracted = !1, this._isMobile = window.innerWidth <= 800, this._translations = Te({ name: "arcgis-solutions-assistant", blocking: !0 }), this._builderWidth = 48, this._solutionDesignJson = '{ "solution": null }', this._isAssistantBusy = !1, this._isBuilderBusy = !1, this._preChatCheck = !1, this._assistantRef = $e(), this._configContextConsumer = ee({
+    }, this._suggestedPrompts = [], this._hasInteracted = !1, this._isMobile = window.innerWidth <= 800, this._translations = Te({ name: "arcgis-solutions-assistant", blocking: !0 }), this._builderWidth = 48, this._solutionDesignJson = '{ "solution": null }', this._isAssistantBusy = !1, this._isBuilderBusy = !1, this._preChatCheck = !1, this._showNewChatConfirm = !1, this._assistantRef = $e(), this._configContextConsumer = ee({
       context: Le,
       subscribe: !0,
       callback: (e) => {
@@ -1259,6 +1260,17 @@ class as extends ke {
       }
     }), this._handleResize = () => {
       this._isMobile = window.innerWidth <= 800;
+    }, this._chatStartTime = null, this._handleAssistantProcessingFinished = (e) => {
+      const s = e;
+      if (s.detail?.finished && this._chatStartTime !== null) {
+        const n = Fe(this._chatStartTime);
+        this._telemetry?.logEvent({
+          category: De.ASSISTANT,
+          action: "Chat",
+          dimensions: [s.detail.agent],
+          metrics: [n]
+        }), this._chatStartTime = null, this.assistantProcessing.emit(!1);
+      }
     }, this.closeAssistant = X(), this.assistantProcessing = X(), this._handleAssistantLinkClick = (e) => {
       const s = e.composedPath().find((n) => n instanceof HTMLAnchorElement);
       if (s?.href)
@@ -1277,10 +1289,12 @@ class as extends ke {
     }, this.listenOn(window, "arcgisFeedback", (e) => {
       const s = e.detail, { agentPicked: n, taskAssigned: i, userMessage: o } = this._parseAgentPickedAndTask(s);
       this._sendFeedback(s.content, o ?? i ?? "", s.feedback?.positive ? "Good" : s.feedback?.positive == "Bad" ? "Bad" : "N/A", n ?? "");
+    }), this.listenOn(window, "clearAssistantConversation", () => {
+      this._clearConversation();
     });
   }
   static {
-    this.properties = { open: 5, userFirstName: 1, builderVisible: 5, hasActiveBuilderDesign: 5, _conversationId: 16, _orgSettings: 16, _suggestedPrompts: 16, _hasInteracted: 16, _isMobile: 16, _translations: 16, _builderWidth: 16, _solutionDesignJson: 16, _isAssistantBusy: 16, _isBuilderBusy: 16, _preChatCheck: 16 };
+    this.properties = { open: 5, userFirstName: 1, builderVisible: 5, hasActiveBuilderDesign: 5, _conversationId: 16, _orgSettings: 16, _suggestedPrompts: 16, _hasInteracted: 16, _isMobile: 16, _translations: 16, _builderWidth: 16, _solutionDesignJson: 16, _isAssistantBusy: 16, _isBuilderBusy: 16, _preChatCheck: 16, _showNewChatConfirm: 16 };
   }
   static {
     this.styles = ze;
@@ -1289,10 +1303,10 @@ class as extends ke {
     return this._configContextConsumer.value?.telemetrySession;
   }
   connectedCallback() {
-    super.connectedCallback(), window.addEventListener("arcgis-solution-design-update", this._onSolutionDesignUpdate), this.el.addEventListener("click", this._handleAssistantLinkClick), window.addEventListener("resize", this._handleResize), this._builderDesignContextConsumer;
+    super.connectedCallback(), window.addEventListener("arcgis-solution-design-update", this._onSolutionDesignUpdate), this.el.addEventListener("click", this._handleAssistantLinkClick), window.addEventListener("resize", this._handleResize), window.addEventListener("assistantProcessing", this._handleAssistantProcessingFinished), this._builderDesignContextConsumer;
   }
   disconnectedCallback() {
-    window.removeEventListener("arcgis-solution-design-update", this._onSolutionDesignUpdate), this.el.removeEventListener("click", this._handleAssistantLinkClick), window.removeEventListener("resize", this._handleResize), super.disconnectedCallback();
+    window.removeEventListener("arcgis-solution-design-update", this._onSolutionDesignUpdate), this.el.removeEventListener("click", this._handleAssistantLinkClick), window.removeEventListener("resize", this._handleResize), window.removeEventListener("assistantProcessing", this._handleAssistantProcessingFinished), super.disconnectedCallback();
   }
   loaded() {
     this._checkURLOpenParameter();
@@ -1307,24 +1321,17 @@ class as extends ke {
     e.has("open") && this.open && window.dispatchEvent(new CustomEvent("openAssistant")), this._configContextConsumer.value?.authentication && this._configContextConsumer.value?.userSession?.token && (this._preChatCheck || (ue(this._configContextConsumer.value?.authentication.Portal, this._configContextConsumer.value?.userSession?.token, this._configContextConsumer.value?.locale ?? "en"), this._preChatCheck = !0)), this._configContextConsumer.value?.userSession?.token && this._configContextConsumer.value?.authentication?.CanUseAI;
   }
   _renderNoSign() {
-    return E`<calcite-notice class="margin-lg" open scale=m icon=effects kind=info><div slot=message>${this._translations.signInMessage}</div><calcite-link @click=${this._handleSignIn} slot=link title=${this._translations.signInMessage ?? Z} class="padding-top-10">${this._translations.signIn}</calcite-link></calcite-notice>`;
+    return I`<calcite-notice class="margin-lg" open scale=m icon=effects kind=info><div slot=message>${this._translations.signInMessage}</div><calcite-link @click=${this._handleSignIn} slot=link title=${this._translations.signInMessage ?? Z} class="padding-top-10">${this._translations.signIn}</calcite-link></calcite-notice>`;
   }
   _renderNoPermission() {
-    return E`<calcite-notice open scale=m icon=effects kind=info><div slot=title>${this._translations.noPermissionTitle}</div><div slot=message class="padding-top-10">${Ae(this._translations.noPermissionMessage.replace("{{orgUrl}}", is).replace("{{configAI}}", os))}</div></calcite-notice>`;
+    return I`<calcite-notice open scale=m icon=effects kind=info><div slot=title>${this._translations.noPermissionTitle}</div><div slot=message class="padding-top-10">${Ae(this._translations.noPermissionMessage.replace("{{orgUrl}}", is).replace("{{configAI}}", os))}</div></calcite-notice>`;
   }
   render() {
     let e = this._suggestedPrompts.length > 0 ? this._suggestedPrompts : this._hasInteracted ? [] : Object.values(this._translations.defaultFollowUpQuestions);
-    return this._suggestedPrompts.length > 0 ? e = this._suggestedPrompts : this._hasInteracted || (e = [...Object.values(this._translations.defaultFollowUpQuestions)]), E`<calcite-panel class="chat-panel"><div class="header-content" slot=header-content><span class="header-title">${this._translations.solutionAssistantTitle}</span></div>${this._configContextConsumer.value?.userSession?.token ? this._configContextConsumer.value?.authentication?.CanUseAI ? E`${!this._isMobile && E`<calcite-action id=solutionBuilderAction icon=pencil-square .text=${this._translations.tooltips.builder} text-enabled .indicator=${this.hasActiveBuilderDesign} .disabled=${!this.hasActiveBuilderDesign} .active=${this.builderVisible} selection-appearance=highlight @click=${() => {
+    return this._suggestedPrompts.length > 0 ? e = this._suggestedPrompts : this._hasInteracted || (e = [...Object.values(this._translations.defaultFollowUpQuestions)]), I`<calcite-panel class="chat-panel"><div class="header-content" slot=header-content><span class="header-title">${this._translations.solutionAssistantTitle}</span></div>${this._configContextConsumer.value?.userSession?.token ? this._configContextConsumer.value?.authentication?.CanUseAI ? I`${!this._isMobile && I`<calcite-action id=solutionBuilderAction icon=pencil-square .text=${this._translations.tooltips.builder} text-enabled .indicator=${this.hasActiveBuilderDesign} .disabled=${!this.hasActiveBuilderDesign} .active=${this.builderVisible} selection-appearance=highlight @click=${() => {
       window.dispatchEvent(new CustomEvent("toggleSolutionBuilder"));
-    }} scale=m slot=header-actions-end></calcite-action>` || ""}${!this._isMobile && E`<calcite-tooltip placement=bottom reference-element=solutionBuilderAction><span>${this._translations.tooltips.solutionBuilder}</span></calcite-tooltip>` || ""}<arcgis-assistant reference-element copy-enabled feedback-enabled heading description entry-message=${this._translations.defaultStartUpMessage ?? Z} .suggestedPrompts=${e} @arcgisSubmit=${(s) => {
-      console.log("arcgis submit: ", s.detail), this._suggestedPrompts = [], e = [], this._hasInteracted = !0;
-      const n = Date.now(), i = Fe(n), o = s.detail || "Unknown";
-      this._telemetry?.logEvent({
-        category: De.ASSISTANT,
-        action: "Chat",
-        dimensions: [o],
-        metrics: [i]
-      }), this.assistantProcessing.emit(!0);
+    }} scale=m slot=header-actions-end></calcite-action>` || ""}${!this._isMobile && I`<calcite-tooltip placement=bottom reference-element=solutionBuilderAction><span>${this._translations.tooltips.solutionBuilder}</span></calcite-tooltip>` || ""}<arcgis-assistant reference-element copy-enabled feedback-enabled heading description entry-message=${this._translations.defaultStartUpMessage ?? Z} .suggestedPrompts=${e} @arcgisSubmit=${(s) => {
+      console.log("arcgis submit: ", s.detail), this._suggestedPrompts = [], e = [], this._hasInteracted = !0, this._chatStartTime = Date.now(), this.assistantProcessing.emit(!0);
     }} @arcgisFeedback=${(s) => {
       s.detail;
     }} @arcgisInterrupt=${() => {
@@ -1334,7 +1341,7 @@ class as extends ke {
     }} @arcgisInterruptSubmit=${() => {
       this._queryElementInShadowDom(this.el, ".footer-container", !1);
     }} ${Me(this._assistantRef)}><calcite-button appearance=transparent id=newChatButton icon-start=speech-bubble-plus kind=neutral .label=${this._translations.tooltips.newChat} @click=${() => {
-      this._conversationId = void 0, this._suggestedPrompts = [], this._hasInteracted = !1, this._assistantRef.value?.clearChatHistory(), this._queryElementInShadowDom(this.el, ".footer-container", !1);
+      this.hasActiveBuilderDesign ? this._showNewChatConfirm = !0 : this._clearConversation();
     }} round scale=m slot=entry-actions-start>${this._translations.tooltips.newChat}</calcite-button><arcgis-assistant-agent .agent=${ns} .context=${{
       token: this._configContextConsumer.value?.userSession?.token,
       configContext: this._configContextConsumer.value,
@@ -1349,10 +1356,17 @@ class as extends ke {
       clearSuggestedPrompts: () => {
         this._suggestedPrompts = [];
       }
-    }}></arcgis-assistant-agent></arcgis-assistant><div slot=footer class="disclaimer-div width-100"><calcite-chip class="beta-chip" appearance=solid kind=neutral .label=${this._translations.betaTag} scale=s>${this._translations.betaTag}</calcite-chip><span>${this._translations.disclaimerMessage} <a href=https://links.esri.com/solutions/security-concern rel="noopener noreferrer" target=_blank>${this._translations.reportConcern}</a></span></div>` : this._renderNoPermission() : this._renderNoSign()}<calcite-action icon=x id=closeAssistantButton .label=${this._translations.tooltips.close} @click=${() => {
+    }}></arcgis-assistant-agent></arcgis-assistant><div slot=footer class="disclaimer-div width-100"><calcite-chip class="beta-chip" appearance=solid kind=neutral .label=${this._translations.betaTag} scale=s>${this._translations.betaTag}</calcite-chip><span>${this._translations.disclaimerMessage} <a href=https://links.esri.com/solutions/security-concern rel="noopener noreferrer" target=_blank>${this._translations.reportConcern}</a></span></div>` : this._renderNoPermission() : this._renderNoSign()}${this._showNewChatConfirm && I`<calcite-dialog close-disabled escape-disabled heading="Start new conversation" modal open>${this._translations.builderMessages.discardMessage}<calcite-button appearance=outline @click=${() => {
+      this._showNewChatConfirm = !1;
+    }} slot=footer-end>\r\n              Cancel</calcite-button><calcite-button appearance=solid kind=danger @click=${() => {
+      this._showNewChatConfirm = !1, window.dispatchEvent(new CustomEvent("requestBuilderDiscard"));
+    }} slot=footer-end>\r\n              Discard</calcite-button></calcite-dialog>` || ""}<calcite-action icon=x id=closeAssistantButton .label=${this._translations.tooltips.close} @click=${() => {
       this.closeAssistant.emit(!0);
     }} slot=header-actions-end .text=${this._translations.tooltips.close}></calcite-action><calcite-tooltip placement=bottom reference-element=closeAssistantButton><span>${this._translations.tooltips.close}</span></calcite-tooltip></calcite-panel>`;
   }
+  _clearConversation() {
+    this._conversationId = void 0, this._suggestedPrompts = [], this._hasInteracted = !1, this._assistantRef.value?.clearChatHistory(), this._queryElementInShadowDom(this.el, ".footer-container", !1);
+  }
   _sendFeedback(e, s, n, i) {
     const o = `https://survey123.arcgis.com/share/6e349a50b4504ca6b6107216d568db5f?field:_source=${encodeURIComponent("Solutions Assistant")}&field:user_evaluation=${encodeURIComponent(n)}&field:question=${encodeURIComponent(s)}&field:answer=${encodeURIComponent(e)}&field:context=${encodeURIComponent(JSON.stringify({ agent: i }))}&field:version=${encodeURIComponent("v2")}`;
     window.open(o, "_blank");

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

@@ -7,4 +7,5 @@ import "@arcgis/ai-components/components/arcgis-assistant";
 import "@esri/calcite-components/components/calcite-button";
 import "@arcgis/ai-components/components/arcgis-assistant-agent";
 import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-dialog";
 export * from "./customElement.js";