@arcgis/coding-components 4.33.0-next.150 → 4.33.0-next.151

package/dist/components/arcgis-arcade-coding-assistant/customElement.js

@@ -1,139 +1,174 @@
-import { c as T } from "../../chunks/runtime.js";
-import { html as o } from "lit-html";
-import { nothing as V, LitElement as I, safeClassMap as D } from "@arcgis/lumina";
-import { ref as P, createRef as _ } from "lit/directives/ref.js";
+import { c as q } from "../../chunks/runtime.js";
+import { html as n } from "lit-html";
+import { nothing as P, LitElement as V } from "@arcgis/lumina";
+import { ref as _, createRef as D } from "lit/directives/ref.js";
 import j from "@arcgis/core/identity/IdentityManager.js";
-import { u as N } from "../../chunks/useT9n.js";
+import { u as z } from "../../chunks/useT9n.js";
 import { b as O } from "../../chunks/arcade-defaults.js";
 import { css as U } from "@lit/reactive-element/css-tag.js";
 import "lit";
-import $ from "@arcgis/core/request.js";
-import { a as A, e as S } from "../../chunks/monaco-importer.js";
+import S from "@arcgis/core/request.js";
+import { a as N, e as B } from "../../chunks/monaco-importer.js";
+import { repeat as H } from "lit-html/directives/repeat.js";
 import "@arcgis/components-utils";
-import { unsafeHTML as z } from "lit/directives/unsafe-html.js";
-import H from "@arcgis/core/layers/FeatureLayer.js";
-import Q from "@arcgis/core/Graphic.js";
+import { unsafeHTML as y } from "lit/directives/unsafe-html.js";
+import W from "@arcgis/core/layers/FeatureLayer.js";
+import G from "@arcgis/core/Graphic.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.150 */
-const B = U`:host(:not([closed])){flex:1 0 auto;border-inline-start:var(--arcgis-coding-components-border);box-sizing:border-box;max-width:var(--arcgis-coding-components-side-panel-max-w);width:var(--arcgis-coding-components-side-panel-w)}:host([closed]){display:none}.response-actions{display:flex;align-items:center;padding:.5rem;gap:.5rem}.response-actions>div{display:flex;gap:.5rem}.prompt-list calcite-list-item{margin-block-end:.5rem;border-radius:var(--calcite-corner-radius-round);--calcite-color-border-3: transparent;overflow:hidden}.feedback-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.feedback-sheet{--calcite-sheet-height: auto;--calcite-sheet-max-height: auto;--calcite-sheet-min-height: auto}calcite-chip[slot=header-actions-end]{align-self:center;margin-inline-end:.5rem}calcite-list-item:focus calcite-button{position:relative;top:-2px}.prompt-list calcite-list-item:last-of-type{margin-block-end:0}calcite-list{--calcite-color-foreground-1: transparent;background-color:transparent}calcite-list-item{--calcite-color-foreground-1: white}calcite-flow-item calcite-shell{background:transparent}calcite-block{width:100%;max-width:100%;align-self:flex-end;background-color:transparent}calcite-sheet{--calcite-sheet-scrim-background: rgba(200, 200, 200, .5)}.type-suggestion{--calcite-color-foreground-1: var(--calcite-color-foreground-current);--calcite-color-text-3: var(--calcite-color-text-2);--calcite-icon-color: var(--calcite-color-brand)}.type-history{--calcite-icon-color: var(--calcite-color-text-2)}.type-response{--calcite-icon-color: var(--calcite-color-brand);--calcite-font-family: monospace}.block-response{align-self:flex-start;margin-block-end:4rem;border-block-end:0;--calcite-block-text-color: var(--calcite-color-brand)}calcite-list-item calcite-button{margin-inline-end:.25rem}.type-docs{--calcite-color-foreground-1: var(--calcite-color-foreground-3);--calcite-icon-color: var(--calcite-color-text-1)}.type-error{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-font-family: monospace;border:1px solid var(--calcite-color-status-danger)}#thumbs-up{margin-inline-start:auto;--calcite-icon-color: var(--calcite-color-border-input)}#thumbs-down{--calcite-icon-color: var(--calcite-color-border-input)}calcite-flow-item calcite-shell calcite-notice{margin-block:1rem}.no-space-block,.no-space-block[open]{margin:0}calcite-block[open]:last-of-type{border-block-end:0}.text-area-wrapper{display:flex;flex-direction:column;background:#fff;border-radius:4px;margin:.75rem;width:calc(100% - 1.5rem);overflow:hidden;max-width:calc(100% - 1.5rem);--calcite-color-border-input: transparent;--calcite-text-area-divider-color: transparent;position:sticky;align-self:flex-end;box-shadow:var(--calcite-shadow-sm);flex:none}.text-area-wrapper calcite-button:last-of-type{margin-inline-start:auto;align-self:flex-end}calcite-text-area{height:auto;min-height:5.75rem;overflow:hidden;border-radius:4px 4px 0 0;--calcite-font-weight-normal: 500;font-weight:500;line-height:1.2}calcite-tooltip{--calcite-tooltip-z-index: 1000}.standalone-list{margin:1rem;width:calc(100% - 2rem)}.result-disclaimer{display:block;width:24rem;max-width:90%;margin:2rem auto .25rem;text-align:center;line-height:1.125rem;font-size:.875rem;font-style:italic}calcite-flow{height:100%}calcite-popover calcite-list{--calcite-list-background-color: transparent;--calcite-input-border-color: transparent}calcite-popover calcite-list calcite-filter{--calcite-spacing-sm: 0}.break-spaces{white-space:break-spaces}.feedback-button-container{margin-inline-start:auto;gap:0}.info-heading{font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-1)}`;
+v4.33.0-next.151 */
+const Q = U`:host(:not([closed])){flex:1 0 auto;border-inline-start:var(--arcgis-coding-components-border);box-sizing:border-box;max-width:var(--arcgis-coding-components-side-panel-max-w);width:var(--arcgis-coding-components-side-panel-w);.response-actions{display:flex;align-items:center;padding:.5rem;gap:.5rem}.response-actions>div{display:flex;gap:.5rem}.prompt-list calcite-list-item{margin-block-end:.5rem;border-radius:var(--calcite-corner-radius-round);--calcite-color-border-3: transparent;overflow:hidden}.feedback-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.feedback-sheet{--calcite-sheet-height: auto;--calcite-sheet-max-height: auto;--calcite-sheet-min-height: auto}calcite-chip[slot=header-actions-end]{align-self:center;margin-inline-end:.5rem}calcite-list-item:focus calcite-button{position:relative;top:-2px}.prompt-list calcite-list-item:last-of-type{margin-block-end:0}calcite-list{--calcite-color-foreground-1: transparent;background-color:transparent}calcite-list-item{--calcite-color-foreground-1: white}calcite-flow-item calcite-shell{background:transparent}calcite-block{width:100%;max-width:100%;align-self:flex-end;background-color:transparent}calcite-sheet{--calcite-sheet-scrim-background: rgba(200, 200, 200, .5)}.type-suggestion{--calcite-color-foreground-1: var(--calcite-color-foreground-current);--calcite-color-text-3: var(--calcite-color-text-2);--calcite-icon-color: var(--calcite-color-brand)}.type-history{--calcite-icon-color: var(--calcite-color-text-2)}.type-response{--calcite-icon-color: var(--calcite-color-brand);--calcite-font-family: monospace}.block-response{align-self:flex-start;margin-block-end:4rem;border-block-end:0;--calcite-block-text-color: var(--calcite-color-brand)}calcite-list-item calcite-button{margin-inline-end:.25rem}.type-docs{--calcite-color-foreground-1: var(--calcite-color-foreground-3);--calcite-icon-color: var(--calcite-color-text-1)}.type-error{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-font-family: monospace;border:1px solid var(--calcite-color-status-danger)}#thumbs-up{margin-inline-start:auto;--calcite-icon-color: var(--calcite-color-border-input)}#thumbs-down{--calcite-icon-color: var(--calcite-color-border-input)}calcite-flow-item calcite-shell calcite-notice{margin-block:1rem}.no-space-block,.no-space-block[open]{margin:0}calcite-block[open]:last-of-type{border-block-end:0}.text-area-wrapper{display:flex;flex-direction:column;background:#fff;border-radius:var(--calcite-corner-radius-round);margin:.75rem;width:calc(100% - 1.5rem);overflow:hidden;max-width:calc(100% - 1.5rem);--calcite-color-border-input: transparent;--calcite-text-area-divider-color: transparent;position:sticky;align-self:flex-end;box-shadow:var(--calcite-shadow-sm);flex:none}.text-area-wrapper calcite-button:last-of-type{margin-inline-start:auto;align-self:flex-end}calcite-text-area{height:auto;min-height:5.75rem;overflow:hidden;border-radius:var(--calcite-corner-radius-round) var(--calcite-corner-radius-round) 0 0;--calcite-font-weight-normal: 500;font-weight:500;line-height:1.2}calcite-tooltip{--calcite-tooltip-z-index: 1000}.standalone-list{margin:1rem;width:calc(100% - 2rem)}.result-disclaimer{display:block;width:24rem;max-width:90%;margin:1rem auto;text-align:center;line-height:1.125rem;font-size:.875rem;font-style:italic}calcite-flow{height:100%}calcite-popover calcite-list{--calcite-list-background-color: transparent;--calcite-input-border-color: transparent}calcite-popover calcite-list calcite-filter{--calcite-spacing-sm: 0}.break-spaces{white-space:break-spaces}.feedback-button-container{margin-inline-start:auto;gap:0}.info-heading{font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-1)}.welcome-display-graphic{width:100%;height:6rem;background:var(--calcite-color-foreground-current);position:relative;display:flex;align-items:center;justify-content:center;--calcite-icon-color: var(--calcite-color-brand)}.unstyled-shell{position:unset;inset:unset;display:unset;block-size:unset;inline-size:unset}.suggestion-chips{--calcite-chip-background-color: var(--calcite-color-foreground-current);--calcite-chip-text-color: var(--calcite-color-brand);calcite-chip{cursor:pointer}}#result-block{calcite-card-group{--calcite-card-group-gap: 1.25rem}calcite-card{--calcite-card-corner-radius: var(--calcite-corner-radius-round);--calcite-card-background-color: white;--calcite-card-border-color: transparent;width:100%}.positioned-code-content{display:flex;flex-direction:row;padding:.25rem .5rem;gap:.5rem}calcite-card [slot=title] calcite-chip{margin-block-start:.25rem}.code-response-wrapper{position:relative;background:var(--calcite-color-foreground-2);border-radius:var(--calcite-corner-radius-round)}.prior-prompt{margin:.25rem 0 .75rem;max-width:90%;padding:0}pre{font-size:12px;margin:0;padding:0;overflow-x:auto;font-family:Fira Mono,Consolas,Menlo,monospace;display:block;max-height:12rem;position:relative}code{display:block;margin:0;padding:0 1rem}.code-collapse{margin-inline-start:auto}}}:host([closed]){display:none}`;
 function R(i) {
   if (!i)
     return;
   const e = i.indexOf('{"error":');
   if (e !== -1)
     try {
-      const t = i.slice(e), s = JSON.parse(t);
-      if (s && typeof s == "object" && s.error)
-        return s.error;
+      const t = i.slice(e), a = JSON.parse(t);
+      if (a && typeof a == "object" && a.error)
+        return a.error;
     } catch {
       return;
     }
 }
-async function L(i) {
-  const { baseUrl: e, skillId: t, message: s, authToken: a, previousConversationId: r, context: n } = i, c = t ? `${e}/skills/${t}/chat` : `${e}/chat`, l = [], d = {
-    message: s,
-    context: n
+async function J(i) {
+  const { baseUrl: e, skillId: t, message: a, authToken: c, previousConversationId: o, context: r } = i, s = t ? `${e}/skills/${t}/chat` : `${e}/chat`, d = [], l = {
+    message: a,
+    context: r
   };
-  r && (d.conversation_id = r);
-  let f;
+  o && (l.conversation_id = o);
+  let m;
   try {
-    f = await $(c, {
+    m = await S(s, {
       method: "post",
       headers: {
         "Content-Type": "application/json",
-        token: a
+        token: c
       },
-      body: JSON.stringify(d),
+      body: JSON.stringify(l),
       responseType: "json"
     });
-  } catch (h) {
-    const m = h?.details?.rawResponse || h?.message || String(h), k = R(m), g = new Error(
-      `Failed to send message: ${s}. Response: ${m}`
+  } catch (f) {
+    const b = f?.details?.rawResponse || f?.message || String(f), v = R(b), g = new Error(
+      `Failed to send message: ${a}. Response: ${b}`
     );
-    throw k && (g.arcadeAssistantError = k), g;
+    throw v && (g.arcadeAssistantError = v), g;
   }
-  const b = f.data;
-  if (!b.hasMore)
+  const p = m.data;
+  if (!p.hasMore)
     throw new Error("Expected hasMore to be true");
-  l.push(b);
-  const M = b.conversationId, q = b.inquiryId;
-  let v = b.sequenceNumber;
+  d.push(p);
+  const T = p.conversationId, M = p.inquiryId;
+  let w = p.sequenceNumber;
   async function F() {
-    let h = 0;
-    const m = 25;
-    for (; h < m; ) {
-      await new Promise((u) => setTimeout(u, 1e3));
-      const k = W(M, v, q);
+    let f = 0;
+    const b = 25;
+    for (; f < b; ) {
+      await new Promise((h) => setTimeout(h, 1e3));
+      const v = L(T, w, M);
       let g;
       try {
-        g = await $(c, {
+        g = await S(s, {
           method: "post",
           headers: {
             "Content-Type": "application/json",
-            token: a
+            token: c
           },
-          body: JSON.stringify(k),
+          body: JSON.stringify(v),
           responseType: "json"
         });
-      } catch (u) {
-        const y = u?.details?.rawResponse || u?.message || String(u), x = R(y), w = new Error(
-          `Polling failed. Response: ${y}`
+      } catch (h) {
+        const x = h?.details?.rawResponse || h?.message || String(h), $ = R(x), A = new Error(
+          `Polling failed. Response: ${x}`
         );
-        throw x && (w.arcadeAssistantError = x), w;
+        throw $ && (A.arcadeAssistantError = $), A;
       }
-      const p = g.data;
-      if (p.context && p.context.kind === "ArcgisErrorAsContext" && p.context.error)
-        throw new Error(
-          p.context.error.message || "ArcGIS Assistant error"
+      const u = g.data;
+      if (u.context && u.context.kind === "ArcgisErrorAsContext" && u.context.error) {
+        const h = new Error(
+          u.context.error.message || "ArcGIS Assistant error"
         );
-      if (l.push(p), v = p.sequenceNumber, h++, !p.hasMore)
+        throw h.arcadeAssistantError = { message: u.context.error.message ?? "ArcGIS Assistant error" }, h;
+      }
+      if (d.push(u), w = u.sequenceNumber, f++, !u.hasMore)
         break;
     }
-    if (h === m)
+    if (f === b)
       throw new Error("Request timed out");
   }
-  return await F(), l;
+  return await F(), d;
 }
-function W(i, e, t) {
+function L(i, e, t) {
   return {
     conversationId: i,
     inquiryId: t,
     ackSequenceNumber: e
   };
 }
-const G = (i) => {
-  const e = i.value.length, t = 72, s = 180, a = i.offsetWidth, n = Math.max(1, Math.floor(a / 8)), c = Math.ceil(e / n), l = t + (c - 2) * 24;
-  i.style.setProperty("--calcite-text-area-min-height", `${Math.min(l, s)}px`);
+const Y = (i) => {
+  const e = i.value.length, t = 72, a = 180, c = i.offsetWidth, r = Math.max(1, Math.floor(c / 8)), s = Math.ceil(e / r), d = t + (s - 2) * 24;
+  i.style.setProperty("--calcite-text-area-min-height", `${Math.min(d, a)}px`);
 };
-function J({ messages: i }) {
-  return o`<calcite-chip slot=header-actions-end scale=s appearance=outline-fill .label=${i.beta ?? "Beta"}>${i.beta ?? "Beta"}</calcite-chip>`;
+function K({ messages: i }) {
+  return n`<calcite-chip slot=header-actions-end scale=s appearance=outline-fill .label=${i.beta ?? "Beta"}>${i.beta ?? "Beta"}</calcite-chip>`;
 }
-function Y({ popoverContent: i }) {
-  return o`<calcite-action icon=information slot=header-actions-end id=legal-disclaimer text></calcite-action><calcite-popover reference-element=legal-disclaimer overlay-positioning=fixed label=legal-disclaimer placement=bottom auto-close>${i}</calcite-popover>`;
+function X({ popoverContent: i }) {
+  return n`<calcite-action icon=information slot=header-actions-end id=legal-disclaimer text></calcite-action><calcite-popover reference-element=legal-disclaimer overlay-positioning=fixed label=legal-disclaimer placement=bottom auto-close>${i}</calcite-popover>`;
 }
-function K({ errorMessage: i }) {
-  return o`<calcite-input-message id=error-message status=invalid slot=footer-start icon=exclamation-mark-triangle scale=m>${i}</calcite-input-message>`;
+function Z({ errorMessage: i }) {
+  return n`<calcite-input-message id=error-message status=invalid slot=footer-start icon=exclamation-mark-triangle scale=m>${i}</calcite-input-message>`;
 }
-function X({ active: i, setActive: e, messages: t }) {
-  return o`<calcite-alert slot=alerts .open=${i} placement=bottom kind=success icon=check-circle-f auto-close @calciteAlertClose=${() => e(!1)} label=confirmation-alert><div slot=message>${t.expressionapplied ?? "Expression applied to editor."}</div></calcite-alert>`;
+function ee({ active: i, setActive: e, messages: t }) {
+  return n`<calcite-alert slot=alerts .open=${i} placement=bottom kind=success icon=check-circle-f auto-close @calciteAlertClose=${() => e(!1)} label=confirmation-alert><div slot=message>${t.expressionapplied ?? "Expression applied to editor."}</div></calcite-alert>`;
 }
-function Z({ isDisabled: i, isReadOnly: e, setQuestion: t, setIsViewingResult: s, textAreaRef: a, question: r, errorMessage: n, setErrorMessage: c, submitQuestion: l, messages: d }) {
-  return o`<div class="text-area-wrapper"><calcite-text-area resize=none .readOnly=${i || e} class="styled-text-area" .placeholder=${d.askaquestion ?? `Specify the calculation or logic you need in an Arcade expression. (e.g., 'Return "Yes" if value > 10')`} .value=${r} @calciteTextAreaInput=${(f) => {
-    G(f.target), t(f.target.value);
-  }} ${P(a)}>${n && K({ errorMessage: n }) || ""}</calcite-text-area><div class="response-actions">${e ? o`<calcite-button round appearance=outline-fill icon-start=speech-bubble-plus @click=${() => {
-    t(""), s(!1);
-  }}>${d.askagain || "Ask again"}</calcite-button>` : o`<calcite-button alignment=end round icon-end=effects appearance=solid .loading=${i} .disabled=${i} @click=${async () => {
-    c(r ? "" : d.enteraprompt ?? "Please enter a prompt"), await l();
-  }}>${d.ask || "Ask"}</calcite-button>`}</div></div>`;
+function te({ isDisabled: i, isReadOnly: e, setQuestion: t, setIsViewingResult: a, textAreaRef: c, question: o, errorMessage: r, setErrorMessage: s, submitQuestion: d, messages: l, mode: m }) {
+  return n`<div class="text-area-wrapper"><calcite-text-area resize=vertical .readOnly=${i || e} class="styled-text-area" .placeholder=${l.askaquestion ?? `Specify the calculation or logic you need in an Arcade expression. (e.g., 'Return "Yes" if value > 10')`} .value=${o} @calciteTextAreaInput=${(p) => {
+    Y(p.target), t(p.target.value);
+  }} ${_(c)}>${r && Z({ errorMessage: r }) || ""}</calcite-text-area><div class="response-actions" slot=footer-end><calcite-button round kind=neutral .hidden=${m !== "refine"} icon-start=arrow-left appearance=solid .disabled=${i} @click=${async () => {
+    a(!1), t("");
+  }}>${l.startover ?? "Start Over"}</calcite-button><calcite-button round icon-end=effects appearance=solid .loading=${i} .disabled=${i} @click=${async () => {
+    s(o ? "" : l.enteraprompt ?? "Please enter a prompt"), await d();
+  }}>${m === "prompt" ? l.ask ?? "Generate" : l.refine ?? "Refine"}</calcite-button></div></div>`;
 }
-function ee({ open: i, setOpen: e, messages: t, feedbackValue: s, setFeedbackValue: a, feedbackText: r, setFeedbackText: n, onSubmit: c }) {
-  return o`<calcite-sheet class="feedback-sheet" .label=${t.feedback ?? "Feedback"} slot=sheets display-mode=float position=block-end .open=${i} @calciteSheetClose=${() => e(!1)}><calcite-panel .heading=${t.providefeedback ?? "Provide feedback"} .description=${t.experiencehelps ?? "Your experience helps guide future improvements"}><div class="feedback-content"><calcite-label>${t.experiencehelpful ?? "Was the assistant helpful?"}<calcite-segmented-control scale=l><calcite-segmented-control-item icon-start=thumbs-up .checked=${s === "good"} @click=${() => a("good")}></calcite-segmented-control-item><calcite-segmented-control-item icon-start=thumbs-down .checked=${s === "bad"} @click=${() => a("bad")}></calcite-segmented-control-item></calcite-segmented-control></calcite-label><calcite-label>${t.describeexperience ?? "Describe your experience"}<calcite-text-area resize=vertical .value=${r} @calciteTextAreaInput=${(l) => n(l.target.value)}></calcite-text-area></calcite-label></div><calcite-button slot=footer width=full @click=${c}>${t.submitfeedback ?? "Submit Feedback"}</calcite-button></calcite-panel></calcite-sheet>`;
+function ie({ open: i, setOpen: e, messages: t, feedbackValue: a, setFeedbackValue: c, feedbackText: o, setFeedbackText: r, onSubmit: s }) {
+  return n`<calcite-sheet class="feedback-sheet" .label=${t.feedback ?? "Feedback"} slot=sheets display-mode=float position=block-end .open=${i} @calciteSheetClose=${() => e(!1)}><calcite-panel .heading=${t.providefeedback ?? "Provide feedback"} .description=${t.experiencehelps ?? "Your experience helps guide future improvements"}><div class="feedback-content"><calcite-label>${t.experiencehelpful ?? "Was the assistant helpful?"}<calcite-segmented-control scale=l><calcite-segmented-control-item icon-start=thumbs-up .checked=${a === "good"} @click=${() => c("good")}></calcite-segmented-control-item><calcite-segmented-control-item icon-start=thumbs-down .checked=${a === "bad"} @click=${() => c("bad")}></calcite-segmented-control-item></calcite-segmented-control></calcite-label><calcite-label>${t.describeexperience ?? "Describe your experience"}<calcite-text-area resize=vertical .value=${o} @calciteTextAreaInput=${(d) => r(d.target.value)}></calcite-text-area></calcite-label></div><calcite-button slot=footer width=full @click=${s}>${t.submitfeedback ?? "Submit Feedback"}</calcite-button></calcite-panel></calcite-sheet>`;
 }
 function C({ assistantsEnabled: i, messages: e, slot: t }) {
-  return o`<calcite-block label=info slot=${t ?? V} expanded><calcite-chip .label=${e.new ?? "new"} kind=brand>${e.new}</calcite-chip><h1 class="info-heading">${e.introducing}</h1><p>${e.capabilities}</p>${!i && o`<p>${z(e.useofassistant?.replace("{aiassistants}", `<strong>${e.aiassistants ?? "Ai Assistants"}</strong>`))}<calcite-link href=https://doc.arcgis.com/en/arcgis-online/administer/configure-assistants.htm target=_blank icon-end=launch-2>${e.opensettings ?? "Open Settings"}</calcite-link></p>` || ""}</calcite-block>`;
+  return n`<calcite-block label=info slot=${t ?? P} expanded><calcite-chip .label=${e.new ?? "new"} kind=brand>${e.new}</calcite-chip><h1 class="info-heading">${e.introducing}</h1><p>${e.capabilities}</p>${!i && n`<p>${y(e.useofassistant?.replace("{aiassistants}", `<strong>${e.aiassistants ?? "Ai Assistants"}</strong>`))}<calcite-link href=https://doc.arcgis.com/en/arcgis-online/administer/configure-assistants.htm target=_blank icon-end=launch-2>${e.opensettings ?? "Open Settings"}</calcite-link></p>` || ""}</calcite-block>`;
+}
+function ae({ messages: i, onProceed: e, onExit: t }) {
+  return n`<calcite-scrim></calcite-scrim><calcite-dialog close-disabled placement=top .heading=${i.welcome} slot=dialogs open width-scale=m id=welcome-dialog><div class="welcome-display-graphic" slot=content-top><calcite-chip scale=l icon=effects label=effects></calcite-chip></div><calcite-notice scale=s open width=full><div slot=title>${i.beforeyougetstarted}</div></calcite-notice>&bull; ${i.maybeincorrect} <br><br><span>${y(`&bull; ${i.pleasereadhelp.replace("{helpTopic}", `<calcite-link href="https://doc.arcgis.com/en/arcgis-online/help/arcade-assistant.htm" target="_blank">${i.helptopic}</calcite-link>`)}`)}</span><br><div slot=content-bottom>${y(i.consultprivacy.replace(
+    "{privacyStatement}",
+    // TODO get correct link
+    `<calcite-link href="https://www.esri.com/en-us/privacy/arcgis-online-privacy-statement" target="_blank">${i.privacyStatement}</calcite-link>`
+  ).replace("{privacySupplement}", `<calcite-link href="https://www.esri.com/en-us/privacy/arcgis-online-privacy-supplement" target="_blank">${i.privacySupplement}</calcite-link>`))}</div><calcite-button id=welcome-proceed slot=footer-end @click=${e}>${i.proceed}</calcite-button><calcite-button id=welcome-decline slot=footer-start @click=${t} kind=neutral>${i.exit}</calcite-button></calcite-dialog>`;
+}
+function se({ messages: i, suggestions: e, onSuggestionClick: t }) {
+  return n`<calcite-block .heading=${i.promptsuggestions} expanded collapsible id=suggestion-block><calcite-chip-group .label=${i.promptsuggestions} class="suggestion-chips">${H(e, (a) => a, (a) => n`<calcite-chip .label=${i.promptsuggestion} .value=${a} icon=effects @click=${() => t?.(a)}>${a}</calcite-chip>`)}</calcite-chip-group></calcite-block>`;
+}
+function ce({ hidden: i = !1, expanded: e = !1, messages: t, cards: a, heading: c, collapsible: o = !1, showEffectsIcon: r = !1 }) {
+  return n`<calcite-block .hidden=${i} id=result-block .heading=${c ?? t.besteffort ?? "Here is the assistant's best effort"} .expanded=${e} .collapsible=${o}>${r && n`<calcite-chip label slot=content-start icon=effects kind=brand></calcite-chip>` || ""}<calcite-card-group .label=${t.assistantresponses}>${a.map((s, d) => n`<calcite-card><div slot=title><div class="prior-prompt">${s.priorPrompt}</div><div class="code-response-wrapper"><div class="positioned-code-content">${s.chips?.map((l) => n`<calcite-chip .label=${l.label} .scale=${l.scale ?? "s"} .appearance=${l.appearance ?? "outline"} .icon=${l.icon}>${l.label}</calcite-chip>`)}</div><pre><code>${s.code}</code></pre></div></div><div slot=footer-start><calcite-button round icon-start=plus appearance=outline-fill class="add-to-editor-button" @click=${s.onAddToEditor}>${t.addtoeditor ?? "Add to editor"}</calcite-button><calcite-button round icon-start=copy-to-clipboard kind=neutral @click=${() => s.onCopy(d)}>${s.copySuccessIndex === d ? t.copied ?? "copied" : ""}</calcite-button></div><div slot=footer-end class="feedback-actions"><calcite-action .text=${t.thumbsup} scale=s icon=thumbs-up @click=${s.onThumbsUp}></calcite-action><calcite-action .text=${t.thumbsdown} scale=s icon=thumbs-down @click=${s.onThumbsDown}></calcite-action></div></calcite-card>`)}</calcite-card-group></calcite-block>`;
 }
-const te = "arcade_generation", ie = "ArcadeCodeRequest", se = "visualization", ae = "ArcadeAssistant", ce = [
+const k = {
+  welcome: "Welcome to the new assistant experience",
+  beforeyougetstarted: "Before you get started be aware:",
+  maybeincorrect: "AI generated code may occasionally be incorrect or biased. Review carefully.",
+  pleasereadhelp: "Please read the Arcade Assistant (beta) overview {helpTopic} for more details.",
+  consultprivacy: "Consult the {privacyStatement} and {privacySupplement}.",
+  privacyStatement: "privacy statement",
+  privacySupplement: "privacy supplement",
+  proceed: "Proceed",
+  exit: "Exit",
+  promptsuggestions: "Prompt suggestions",
+  promptsuggestion: "Prompt suggestion",
+  assistantresponses: "Assistant responses",
+  collapse: "Collapse",
+  thumbsup: "Thumbs up",
+  thumbsdown: "Thumbs down",
+  refine: "Refine",
+  startover: "Start over",
+  helptopic: "help topic"
+}, oe = "arcade_generation", re = "ArcadeCodeRequest", ne = "visualization", le = "ArcadeAssistant", de = [
   "your_comments",
   "user_evaluation",
   "question",
@@ -144,64 +179,67 @@ const te = "arcade_generation", ie = "ArcadeCodeRequest", se = "visualization",
   "context",
   "extras"
 ];
-let E = [];
-class oe extends I {
+let E = [], I = !0;
+class pe extends V {
   constructor() {
-    super(...arguments), this.textAreaRef = _(), this.messages = N(), this._feedbackService = void 0, this.handleFeedbackButton = (e) => {
-      this.feedbackValue === e && this.feedbackActive ? (this.feedbackActive = !1, this.feedbackValue = void 0, this.feedbackText = "") : (this.feedbackValue = e, this.feedbackActive = !0);
+    super(...arguments), this.textAreaRef = D(), this.messages = z(), this._feedbackService = void 0, this.handleFeedbackButton = (e, t) => {
+      this.feedback.active && this.feedback.value === e ? this.feedback = { active: !1, value: void 0, text: "", item: void 0 } : this.feedback = { ...this.feedback, active: !0, value: e, item: t };
     }, this.handleFeedbackSheetClose = () => {
-      this.feedbackActive = !1, this.feedbackValue = void 0, this.feedbackText = "";
+      this.feedback = { active: !1, value: void 0, text: "", item: void 0 };
     }, this.handleFeedbackSubmit = async () => {
       const e = await this.ensureFeedbackService();
       if (!e) {
         this.handleFeedbackSheetClose();
         return;
       }
-      const t = this.getModel(), s = t ? await this.getProfileAndMetadata(t.uri) : void 0, a = {
-        user_evaluation: this.feedbackValue,
-        your_comments: this.feedbackText || void 0,
+      const t = this.getModel(), a = t ? await this.getProfileAndMetadata(t.uri) : void 0, c = {
+        user_evaluation: this.feedback.value,
+        your_comments: this.feedback.text || void 0,
         question: this.question,
-        answer: this.history[0]?.script ?? "",
+        answer: this.feedback.item?.script ?? "",
         useragent: navigator.userAgent,
-        _source: ae,
+        _source: le,
         version: this.appVersion ?? "",
-        context: s ? JSON.stringify(s) : "",
-        extras: s?.profileName ?? ""
+        context: a ? JSON.stringify(a) : "",
+        extras: a?.profileName ?? "",
+        conversation_id: this.feedback.item?.conversationId ?? ""
       };
       try {
-        await e.applyEdits({ addFeatures: [new Q({ attributes: a })] });
-      } catch (r) {
-        console.error("Error submitting feedback:", r);
+        await e.applyEdits({ addFeatures: [new G({ attributes: c })] });
+      } catch (o) {
+        console.error("Error submitting feedback:", o);
       }
       this.handleFeedbackSheetClose();
     }, this.handleClose = (e) => {
       this.closed = !0, this.closePanel?.(e);
     }, this.setQuestion = (e) => {
       this.question = e;
-    }, this.isViewingResult = !1, this.confirmationActive = !1, this.isDisabled = !1, this.errorMessage = void 0, this.question = "", this.history = [], this.feedbackActive = !1, this.feedbackValue = void 0, this.feedbackText = "", this.copySuccess = !1, this.assistantsEnabled = !1, this.closed = !1;
+    }, this.onSuggestionClick = (e) => {
+      this.textAreaRef.value && (this.textAreaRef.value.value = e, this.textAreaRef.value.setFocus(), this.setQuestion(e));
+    }, this.isViewingResult = !1, this.confirmationActive = !1, this.isSubmitting = !1, this.errorMessage = void 0, this.question = "", this.history = [], this.feedback = { active: !1, value: void 0, text: "", item: void 0 }, this.copySucessIndex = -1, this.splashActive = !0, this.assistantsEnabled = !1, this.closed = !1;
   }
   static {
-    this.properties = { isViewingResult: 16, confirmationActive: 16, isDisabled: 16, errorMessage: 16, question: 16, history: 16, feedbackActive: 16, feedbackValue: 16, feedbackText: 16, copySuccess: 16, closePanel: 0, insertText: 0, assistantsEnabled: 5, layer: [1, { type: Object }], orgBaseUrl: 1, serviceUrl: 1, closed: 7, editorRef: 0, feedbackServiceUrl: 1, appVersion: 1 };
+    this.properties = { isViewingResult: 16, confirmationActive: 16, isSubmitting: 16, errorMessage: 16, question: 16, history: 16, feedback: 16, copySucessIndex: 16, splashActive: 16, closePanel: 0, insertText: 0, assistantsEnabled: 5, layer: [1, { type: Object }], orgBaseUrl: 1, serviceUrl: 1, closed: 7, editorRef: 0, feedbackServiceUrl: 1, appVersion: 1 };
   }
   static {
-    this.styles = B;
+    this.styles = Q;
   }
   async destroy() {
   }
   connectedCallback() {
-    super.connectedCallback(), this.history = E;
+    super.connectedCallback(), this.history = E, this.splashActive = I;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), E = this.history;
+    super.disconnectedCallback(), E = this.history, I = this.splashActive;
   }
   async ensureFeedbackService() {
     if (this._feedbackService)
       return this._feedbackService;
     if (!this.feedbackServiceUrl)
       return;
-    const e = new H({ url: this.feedbackServiceUrl });
+    const e = new W({ url: this.feedbackServiceUrl });
     await e.load();
-    const t = ce.filter((s) => !e.fields.some((a) => a.name === s));
+    const t = de.filter((a) => !e.fields.some((c) => c.name === a));
     if (t.length > 0) {
       console.error(`Missing the following fields in feedback service: ${t.join(", ")}. Feedback will not be logged.`);
       return;
@@ -213,35 +251,37 @@ class oe extends I {
   }
   async submitQuestion() {
     if (this.question) {
-      this.isDisabled = !0;
+      this.isSubmitting = !0;
       try {
         const e = await this.getToken(), t = this.getModel();
         if (!t)
           return;
-        const { profileName: s, metadata: a } = await this.getProfileAndMetadata(t.uri), n = (await L({
+        const { profileName: a, metadata: c } = await this.getProfileAndMetadata(t.uri), r = (await J({
           baseUrl: this.serviceUrl,
-          skillId: te,
+          skillId: oe,
           message: this.question,
           authToken: e,
           context: {
-            kind: ie,
+            kind: re,
             context: {
-              profile_name: s,
-              metadata: a
+              profile_name: a,
+              metadata: c
             }
           }
-        })).find((c) => c.context?.kind === "ArcadeCodeResponse");
-        if (!n)
+        })).find((s) => s.context?.kind === "ArcadeCodeResponse");
+        if (!r)
           return;
-        n.context?.kind === "ArcadeCodeResponse" && (this.history.unshift({
-          script: n?.context?.arcadeCode?.code,
+        r.context?.kind === "ArcadeCodeResponse" && (this.history.unshift({
+          script: r?.context?.arcadeCode?.code,
           error: void 0,
-          question: this.question
-        }), this.isViewingResult = !0, this.errorMessage = void 0), this.handleFeedbackSubmit();
+          question: this.question,
+          profile: a,
+          conversationId: r.conversationId
+        }), this.isViewingResult = !0, this.errorMessage = void 0);
       } catch (e) {
         typeof e == "object" && e && "arcadeAssistantError" in e ? this.errorMessage = e.arcadeAssistantError.message || this.messages.erroroccurred || "An error occurred." : e instanceof Error ? this.errorMessage = this.messages.erroroccurred ?? "An error occurred." : this.errorMessage = this.messages.erroroccurred || "An error occurred.", console.error("Error in Arcade Assistant:", e);
       } finally {
-        this.isDisabled = !1;
+        this.isSubmitting = !1;
       }
     }
   }
@@ -250,35 +290,53 @@ class oe extends I {
     return e;
   }
   async getProfileAndMetadata(e) {
-    let t = se;
-    const s = O.getEditorProfileForModel(e);
-    s?.loaded || await s?.loadSource();
-    const a = this.editorRef.profile;
-    a && "id" in a && (t = a.id);
-    const r = s?.definition?.variables?.find((c) => c.type === "feature");
-    let n = [];
-    return r?.definition && "fields" in r.definition && (n = r.definition.fields.map((c) => ({
-      name: c.name,
-      type: c.type,
-      alias: c.alias
-    }))), { profileName: t, metadata: n };
+    let t = ne;
+    const a = O.getEditorProfileForModel(e);
+    a?.loaded || await a?.loadSource();
+    const c = this.editorRef.profile;
+    c && "id" in c && (t = c.id);
+    const o = a?.definition?.variables?.find((s) => s.type === "feature");
+    let r = [];
+    return o?.definition && "fields" in o.definition && (r = o.definition.fields.map((s) => ({
+      name: s.name,
+      type: s.type,
+      alias: s.alias
+    }))), { profileName: t, metadata: r };
   }
   render() {
-    return this.closed ? null : this.assistantsEnabled ? o`<calcite-flow><calcite-flow-item .selected=${!this.isViewingResult} closable .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${J({ messages: this.messages })}${Y({ popoverContent: C({ assistantsEnabled: this.assistantsEnabled, messages: this.messages }) })}${X({ active: this.confirmationActive, setActive: (e) => this.confirmationActive = e, messages: this.messages })}${Z({ isDisabled: this.isDisabled, isReadOnly: this.isViewingResult, setQuestion: this.setQuestion, setIsViewingResult: (e) => this.isViewingResult = e, textAreaRef: this.textAreaRef, question: this.question, errorMessage: this.errorMessage, setErrorMessage: (e) => this.errorMessage = e, submitQuestion: this.submitQuestion.bind(this), messages: this.messages })}<calcite-block .hidden=${!this.isDisabled} .heading=${this.messages.generatingresponse ?? "Generating response..."}></calcite-block>${this.isViewingResult && o`<calcite-block class="block-response" icon-start=effects .heading=${this.messages.besteffort ?? "Here's the assistant's best effort"} expanded><calcite-list class="prompt-list" .label=${this.messages.promptlist ?? "Prompt list"}><calcite-list-item expanded class=${D(this.history[0]?.error ? "type-error" : "type-response")} .label=${A(this.history[0]?.script ?? "") || this.history[0]?.error} @calciteListItemSelect=${() => {
-      S(this.editorRef.editorInstance, this.history[0]?.script ?? "", this.messages.disclaimercomment ?? "Expression generated by ArcGIS Arcade Assistant (beta)"), this.isViewingResult = !1, this.setQuestion("");
-    }}><code slot=content><pre class="break-spaces">${A(this.history[0]?.script ?? "")}</pre></code></calcite-list-item></calcite-list><div class="response-actions"><calcite-button icon-start=plus round kind=brand @click=${() => {
-      S(this.editorRef.editorInstance, this.history[0]?.script ?? "", this.messages.disclaimercomment ?? "Expression generated by ArcGIS Arcade Assistant (beta)"), this.isViewingResult = !1, this.setQuestion("");
-    }}>${this.messages.addtoeditor ?? "Add to editor"}</calcite-button><calcite-button id=copy-to-clipboard icon-start=${this.copySuccess ? "check" : "copy-to-clipboard"} round kind=neutral @click=${async () => {
-      const e = this.history[0]?.script ?? "";
-      e && (await navigator.clipboard.writeText(e), this.copySuccess = !0, setTimeout(() => {
-        this.copySuccess = !1;
-      }, 1500));
-    }}>${this.copySuccess ? this.messages.copied ?? "Copied!" : ""}</calcite-button><div class="feedback-button-container" id=feedback-buttons><calcite-button id=thumbs-up icon-start=thumbs-up appearance=transparent @click=${() => this.handleFeedbackButton("good")}></calcite-button><calcite-button id=thumbs-down appearance=transparent icon-start=thumbs-down @click=${() => this.handleFeedbackButton("bad")}></calcite-button><calcite-tooltip reference-element=feedback-buttons>${this.messages.providefeedback ?? "Provide feedback"}</calcite-tooltip></div></div><span class="result-disclaimer">${this.messages.reviewcodedisclaimer ?? "Review AI-generated code for accuracy, coherence, and relevance before using it."}</span></calcite-block>` || ""}<calcite-block .hidden=${this.isViewingResult || this.isDisabled || this.history.length < 1} .disabled=${this.isViewingResult || this.isDisabled || this.history.length < 1} class="no-space-block" collapsible .expanded=${this.history.length > 0} .heading=${this.messages.recentprompts ?? "Recent prompts"}><calcite-list class="prompt-list" .label=${this.messages.historylist ?? "History list"}>${this.history.map((e) => o`<calcite-list-item class="type-history" .label=${e.question} @calciteListItemSelect=${() => {
-      this.errorMessage = "", this.setQuestion(e.question), this.textAreaRef.value?.setFocus();
-    }}><calcite-icon icon=recent scale=s slot=content-end></calcite-icon></calcite-list-item>`)}</calcite-list></calcite-block>${this.feedbackActive ? o`<calcite-shell>${ee({ open: this.feedbackActive, setOpen: this.handleFeedbackSheetClose, messages: this.messages, feedbackValue: this.feedbackValue ?? "good", setFeedbackValue: (e) => this.feedbackValue = e, feedbackText: this.feedbackText ?? "", setFeedbackText: (e) => this.feedbackText = e, onSubmit: this.handleFeedbackSubmit })}</calcite-shell>` : null}${!this.isViewingResult && o`<span class="result-disclaimer">${this.messages.aigenerated} ${this.messages.seeterms}</span>` || ""}</calcite-flow-item></calcite-flow>` : o`<calcite-flow><calcite-flow-item .selected=${!this.isViewingResult} closable .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${C({ slot: "content-top", messages: this.messages, assistantsEnabled: this.assistantsEnabled })}</calcite-flow-item></calcite-flow>`;
+    return this.closed ? null : this.assistantsEnabled ? n`<calcite-flow><calcite-flow-item .selected=${!this.isViewingResult} closable .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${K({ messages: this.messages })}${X({ popoverContent: C({ assistantsEnabled: this.assistantsEnabled, messages: this.messages }) })}<calcite-shell class="unstyled-shell">${this.splashActive && ae({ messages: { ...k, ...this.messages }, onProceed: () => {
+      this.splashActive = !1;
+    }, onExit: (e) => this.closePanel && this.closePanel(e) }) || ""}${ee({ active: this.confirmationActive, setActive: (e) => this.confirmationActive = e, messages: this.messages })}${te({ isDisabled: this.isSubmitting, isReadOnly: !1, setQuestion: this.setQuestion, setIsViewingResult: (e) => this.isViewingResult = e, mode: this.isViewingResult ? "refine" : "prompt", textAreaRef: this.textAreaRef, question: this.question, errorMessage: this.errorMessage, setErrorMessage: (e) => this.errorMessage = e, submitQuestion: this.submitQuestion.bind(this), messages: { ...k, ...this.messages } })}<calcite-block-group label="interactive blocks">${!this.isViewingResult && !this.isSubmitting && se({ messages: { ...this.messages, ...k }, suggestions: ["Round value to one decimal place", 'Return "Yes" if value > 10'], onSuggestionClick: this.onSuggestionClick }) || ""}<calcite-block .hidden=${!this.isSubmitting} .heading=${this.messages.generatingresponse ?? "Generating response..."}></calcite-block>${ce({ expanded: this.isViewingResult || this.history.length > 0, messages: { ...this.messages, ...k }, collapsible: !0, showEffectsIcon: this.isViewingResult, cards: this.history.reduce((e, t, a) => (!t.script || this.isViewingResult && a > 0 || (e.push({
+      priorPrompt: t.question,
+      code: N(t.script ?? "") || t.error || "",
+      chips: [
+        // TODO implement profile and layer chips
+        // {
+        //   label: item.profile ?? defaultProfile,
+        //   icon: "map-information",
+        //   appearance: "outline",
+        //   scale: "s",
+        // },
+        // { label: "1 layer", icon: "layer", appearance: "outline", scale: "s" },
+      ],
+      onAddToEditor: () => {
+        B(this.editorRef.editorInstance, t.script ?? "", this.messages.disclaimercomment ?? "Expression generated by ArcGIS Arcade Assistant (beta)");
+      },
+      onCopy: (c) => {
+        const o = t.script ?? "";
+        o && navigator.clipboard.writeText(o).then(() => {
+          this.copySucessIndex = c, setTimeout(() => {
+            this.copySucessIndex = -1;
+          }, 1500);
+        });
+      },
+      onThumbsUp: () => this.handleFeedbackButton("good", t),
+      onThumbsDown: () => this.handleFeedbackButton("bad", t),
+      copySuccessIndex: this.copySucessIndex
+    }), this.isViewingResult), e), []), heading: this.isViewingResult ? this.messages.besteffort ?? "Here's the assistant's best effort" : this.messages.recentprompts ?? "Recent prompts", hidden: this.isViewingResult ? !this.isViewingResult : !1 })}</calcite-block-group><span class="result-disclaimer">${this.messages.reviewcodedisclaimer ?? "Review AI-generated code for accuracy, coherence, and relevance before using it."}</span>${this.feedback.active ? ie({ open: this.feedback.active, setOpen: this.handleFeedbackSheetClose, messages: this.messages, feedbackValue: this.feedback.value ?? "good", setFeedbackValue: (e) => this.feedback = { ...this.feedback, value: e }, feedbackText: this.feedback.text ?? "", setFeedbackText: (e) => this.feedback = { ...this.feedback, text: e }, onSubmit: this.handleFeedbackSubmit }) : null}</calcite-shell></calcite-flow-item></calcite-flow>` : n`<calcite-flow><calcite-flow-item .selected=${!this.isViewingResult} closable .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${C({ slot: "content-top", messages: this.messages, assistantsEnabled: this.assistantsEnabled })}</calcite-flow-item></calcite-flow>`;
   }
 }
-T("arcgis-arcade-coding-assistant", oe);
+q("arcgis-arcade-coding-assistant", pe);
 export {
-  oe as ArcgisArcadeCodingAssistant
+  pe as ArcgisArcadeCodingAssistant
 };

package/dist/components/arcgis-arcade-coding-assistant/functional.d.ts

@@ -1,4 +1,5 @@
 import { JsxNode } from '@arcgis/lumina';
+import { temporaryStrings as TempStrings } from '../../addons/arcade-coding-assistant/temporary-strings.js';
 import { Ref } from 'lit/directives/ref.js';
 declare const strings: (value: {
     arcadeassistant: string;
@@ -101,7 +102,7 @@ export declare function ConfirmationDisplay({ active, setActive, messages, }: {
     setActive: (e: boolean) => void;
     messages: Partial<ReturnType<typeof strings>>;
 }): JsxNode;
-export declare function SubmissionDisplay({ isDisabled, isReadOnly, setQuestion, setIsViewingResult, textAreaRef, question, errorMessage, setErrorMessage, submitQuestion, messages, }: {
+export declare function SubmissionDisplay({ isDisabled, isReadOnly, setQuestion, setIsViewingResult, textAreaRef, question, errorMessage, setErrorMessage, submitQuestion, messages, mode, }: {
     isDisabled: boolean;
     isReadOnly: boolean;
     setQuestion: (e: string) => void;
@@ -111,7 +112,8 @@ export declare function SubmissionDisplay({ isDisabled, isReadOnly, setQuestion,
     errorMessage?: string;
     setErrorMessage: (e: string) => void;
     submitQuestion: () => Promise<void>;
-    messages: Partial<ReturnType<typeof strings>>;
+    messages: Partial<ReturnType<typeof strings>> & typeof TempStrings;
+    mode: "prompt" | "refine";
 }): JsxNode;
 export declare function FeedbackSheetDisplay({ open, setOpen, messages, feedbackValue, setFeedbackValue, feedbackText, setFeedbackText, onSubmit, }: {
     open: boolean;
@@ -128,4 +130,39 @@ export declare function InfoDisplay({ assistantsEnabled, messages, slot, }: {
     messages: Partial<ReturnType<typeof strings>>;
     slot?: HTMLCalciteBlockElement["slot"];
 }): JsxNode;
+export declare function SplashDisplay({ messages, onProceed, onExit, }: {
+    messages: Partial<ReturnType<typeof strings>> & typeof TempStrings;
+    onProceed: () => void;
+    onExit: (e: Event) => void;
+}): JsxNode;
+export declare function PromptSuggestionsDisplay({ messages, suggestions, onSuggestionClick, }: {
+    suggestions: string[];
+    onSuggestionClick: (value: string) => void;
+    messages: Partial<ReturnType<typeof strings>> & typeof TempStrings;
+}): JsxNode;
+export interface ResponseDisplayCardChip {
+    label: string;
+    icon?: string;
+    scale?: "l" | "m" | "s";
+    appearance?: "outline-fill" | "outline" | "solid";
+}
+export interface ResponseDisplayCard {
+    priorPrompt: string;
+    code: string;
+    chips?: ResponseDisplayCardChip[];
+    onAddToEditor: () => void;
+    onCopy: (index: number) => void;
+    onThumbsUp: () => void;
+    onThumbsDown: () => void;
+    copySuccessIndex?: number;
+}
+export declare function ResponseDisplay({ hidden, expanded, messages, cards, heading, collapsible, showEffectsIcon, }: {
+    hidden?: boolean;
+    expanded?: boolean;
+    heading?: string;
+    messages: Partial<ReturnType<typeof strings>> & typeof TempStrings;
+    cards: ResponseDisplayCard[];
+    showEffectsIcon?: boolean;
+    collapsible?: boolean;
+}): JsxNode;
 export {};

package/dist/components/arcgis-arcade-coding-assistant/index.d.ts

@@ -12,11 +12,14 @@ import "@esri/calcite-components/components/calcite-segmented-control";
 import "@esri/calcite-components/components/calcite-segmented-control-item";
 import "@esri/calcite-components/components/calcite-block";
 import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-scrim";
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-chip-group";
+import "@esri/calcite-components/components/calcite-card-group";
+import "@esri/calcite-components/components/calcite-card";
 import "@esri/calcite-components/components/calcite-flow";
 import "@esri/calcite-components/components/calcite-flow-item";
-import "@esri/calcite-components/components/calcite-list";
-import "@esri/calcite-components/components/calcite-list-item";
-import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-shell";
+import "@esri/calcite-components/components/calcite-block-group";
 export * from "./customElement.js";