@arcgis/coding-components 5.2.0-next.38 → 5.2.0-next.39

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as ae } from "../../chunks/runtime.js";
 import { css as se, html as d } from "lit";
-import { nothing as V, safeClassMap as ne, LitElement as re } from "@arcgis/lumina";
+import { nothing as P, safeClassMap as ne, LitElement as re } from "@arcgis/lumina";
 import { ref as ce, createRef as le } from "lit/directives/ref.js";
 import de from "@arcgis/core/identity/IdentityManager.js";
 import { u as pe } from "../../chunks/useT9n.js";
@@ -11,7 +11,7 @@ import { e as ue, a as he } from "../../chunks/utilities.js";
 import { repeat as X } from "lit/directives/repeat.js";
 import "@arcgis/toolkit/function";
 import { generateGuid as me } from "@arcgis/toolkit/string";
-import { unsafeHTML as C } from "lit/directives/unsafe-html.js";
+import { unsafeHTML as T } from "lit/directives/unsafe-html.js";
 import fe from "@arcgis/core/layers/FeatureLayer.js";
 import U from "@arcgis/core/config.js";
 import L from "@arcgis/core/Graphic.js";
@@ -20,17 +20,17 @@ import { getDeclaredVoxelMembers as be, getDeclaredPixelMembers as ge } from "@a
 import { s as ve } from "../../chunks/fields.js";
 import { f as Z, m as ee, n as ye } from "../../chunks/utils.js";
 import we from "@arcgis/core/core/Accessor.js";
-import { property as f, subclass as $e } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { property as b, subclass as $e } from "@arcgis/core/core/accessorSupport/decorators.js";
 const xe = se`:host(:not([closed])){container-type:size;--calcite-block-border-color: var(--calcite-color-transparent);box-sizing:border-box;.submission-actions-wrapper{display:flex;flex-direction:column;width:100%;gap:.75rem}.submission-actions{display:flex;flex-direction:row;gap:.5rem;justify-content:space-between}@container (max-width: 380px){.hidden-below-380{display:none}}@container (min-width: 380px){.hidden-above-380{display:none}}.gaps{display:flex;gap:.25rem}.align-inline-end{margin-inline-start:auto}.context-popover p{padding:0 .5rem;font-size:var(--calcite-font-size-sm)}.feedback-content{padding:var(--calcite-spacing-sm);display:flex;flex-direction:column;max-height:75cqb;overflow-y:auto;>*{margin-block-end:.5rem}>*:last-child,.terms-label{margin-block-end:0}calcite-text-area{--calcite-text-area-min-height: 4rem}calcite-notice{margin-block-start:0}}.feedback-sheet{--calcite-sheet-height: auto;--calcite-sheet-max-height: 100%;--calcite-sheet-min-height: auto}.feedback-footer{display:flex;justify-content:flex-end;gap:.5rem;width:100%}calcite-chip[slot=header-actions-end]{align-self:center;margin-inline-end:.5rem}calcite-flow-item calcite-shell{background:transparent}calcite-block{width:100%;max-width:100%;align-self:flex-end;background-color:transparent;margin-block:0}calcite-dialog{--calcite-dialog-content-space: initial;--calcite-dialog-size-y: initial}calcite-sheet{--calcite-sheet-scrim-background: rgba(200, 200, 200, .5)}calcite-list-item calcite-button{margin-inline-end:.25rem}calcite-flow-item calcite-shell calcite-notice{margin-block:1rem}calcite-block[open]:last-of-type{border-block-end:0}.text-area-wrapper{display:flex;border-radius:var(--calcite-corner-radius-round);margin:.75rem;overflow:hidden;--calcite-color-border-input: transparent;position:sticky;box-shadow:var(--calcite-shadow-sm);flex:none;flex-direction:column}calcite-text-area{height:auto;overflow:hidden;--calcite-font-weight-normal: 500;font-weight:500;line-height:1.2}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}.contained-popover-or-tooltip{--calcite-popover-max-size-x: 100%;--calcite-tooltip-max-size-x: 100%}.info-heading{font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-1);margin:0}.info-heading-row{display:flex;align-items:center;gap:var(--calcite-spacing-sm);flex-wrap:wrap}.unstyled-h3{margin:unset;font-size:var(--calcite-font-size-md)}.unstyled-shell{position:unset;inset:unset;display:unset;block-size:unset;inline-size:unset}.suggestion-button{font-weight:var(--calcite-font-weight-medium)}.suggestions{display:flex;flex-direction:row;gap:var(--calcite-spacing-xs);flex-wrap:wrap}.info-block{max-width:450px}#result-block{calcite-card-group{--calcite-card-group-gap: 1.25rem}calcite-card{--calcite-card-corner-radius: var(--calcite-corner-radius-round);--calcite-card-border-color: transparent;width:100%}.positioned-code-content{display:flex;flex-direction:row;gap:.5rem;padding:.5rem}calcite-card [slot=heading] calcite-chip{margin-block-start:.25rem}.code-response-wrapper{position:relative;background:var(--calcite-color-foreground-2);border-radius:var(--calcite-corner-radius-round);margin-top:-1.5rem}.prior-prompt{display:flex;flex-direction:row;padding:0;overflow-y:hidden;overflow-x:auto;margin:.25rem 0 .75rem;align-items:center;max-width:100%;span{overflow-x:auto;overflow-y:hidden}}.copy-feedback{display:none}.copy-prompt-button{align-self:flex-start;margin-inline-start:auto}.response-secondary-action-button[data-copied]+.copy-feedback,.copy-prompt-button[data-copied]+.copy-feedback{display:block;span{padding:.75rem 1rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text--2);font-weight:var(--calcite-font-weight-medium)}}.copy-prompt-button[data-copied]~.copy-tooltip,.response-secondary-action-button[data-copied]~.copy-tooltip{display:none}code{white-space:pre;font-size:12px;margin:0;overflow-x:auto;font-family:Fira Mono,Consolas,Menlo,monospace;display:block;max-height:12rem;position:relative;padding:.5rem}.response-secondary-action-button{margin-left:.5rem}.add-to-editor-button{--calcite-internal-button-border-color: unset}}.collapsible-code{padding:.5rem}.collapsible-code summary{cursor:pointer;font-weight:500;color:var(--calcite-color-brand);outline:none;padding:.25rem 0}.collapsible-code[open] summary{color:var(--calcite-color-text-2)}.response-error-container{padding:.5rem;background:color-mix(in srgb,var(--calcite-color-status-warning) 10%,transparent);border-radius:var(--calcite-corner-radius-round);margin:1rem 0;font-size:var(--calcite-font-size--2);--calcite-input-message-icon-color: var(--calcite-color-status-warning)}.response-error-chip{--calcite-internal-chip-background-color: var(--calcite-color-status-warning);--calcite-chip-icon-color: var(--calcite-color-foreground-1);--calcite-chip-border-color: var(--calcite-color-transparent)}.feedback-actions{gap:unset}.contained{max-width:100%;max-height:100%;max-width:100cqi;max-height:75cqb;overflow-y:auto}.submission-notice{--calcite-notice-border-color: transparent;margin-block:0;width:100%;--calcite-font-size-relative-base: var(--calcite-font-size--2)}.border-block-end{border-block-end:1px solid var(--calcite-color-border-3)}.round-top{border-radius:var(--calcite-corner-radius-round) var(--calcite-corner-radius-round) 0 0}}:host([closed]){display:none}`;
 class A extends Error {
   constructor({
     message: e,
     code: t,
     subCode: o,
-    details: a,
+    details: s,
     source: n
   }) {
-    super(e), this.name = "ArcadeAssistantError", this.code = t, this.subCode = o, this.details = a, this.source = n;
+    super(e), this.name = "ArcadeAssistantError", this.code = t, this.subCode = o, this.details = s, this.source = n;
   }
 }
 function O(i) {
@@ -47,52 +47,52 @@ function O(i) {
     }
 }
 async function ke(i) {
-  const { baseUrl: e, skillId: t, message: o, authToken: a, previousConversationId: n, context: c } = i, p = t ? `${e}/skills/${t}/chat` : `${e}/chat`, r = [], s = {
+  const { baseUrl: e, skillId: t, message: o, authToken: s, previousConversationId: n, context: r } = i, p = t ? `${e}/skills/${t}/chat` : `${e}/chat`, c = [], a = {
     message: o,
-    context: c
+    context: r
   };
-  n && (s.conversation_id = n);
+  n && (a.conversation_id = n);
   let u;
   try {
     u = await N(p, {
       method: "post",
       headers: {
         "Content-Type": "application/json",
-        token: a
+        token: s
       },
-      body: JSON.stringify(s),
+      body: JSON.stringify(a),
       responseType: "json"
     });
-  } catch (b) {
-    const g = b, x = g.details?.rawResponse || g.message || String(b), k = O(x);
-    throw k ? new A(k) : b;
+  } catch (g) {
+    const v = g, x = v.details?.rawResponse || v.message || String(g), S = O(x);
+    throw S ? new A(S) : g;
   }
   const l = u.data;
-  r.push(l);
-  const v = l.conversationId, P = l.inquiryId;
+  c.push(l);
+  const m = l.conversationId, k = l.inquiryId;
   let $ = l.sequenceNumber;
-  async function T() {
-    let b = 0;
-    const g = 100;
-    for (; b < g; ) {
-      await new Promise((S) => setTimeout(S, 1e3));
-      const x = Se(v, $, P);
-      let k;
+  async function I() {
+    let g = 0;
+    const v = 100;
+    for (; g < v; ) {
+      await new Promise((C) => setTimeout(C, 1e3));
+      const x = Se(m, $, k);
+      let S;
       try {
-        k = await N(p, {
+        S = await N(p, {
           method: "post",
           headers: {
             "Content-Type": "application/json",
-            token: a
+            token: s
           },
           body: JSON.stringify(x),
           responseType: "json"
         });
-      } catch (S) {
-        const q = S, oe = q.details?.rawResponse || q.message || String(S), _ = O(oe);
-        throw _ ? new A(_) : S;
+      } catch (C) {
+        const q = C, oe = q.details?.rawResponse || q.message || String(C), _ = O(oe);
+        throw _ ? new A(_) : C;
       }
-      const y = k.data;
+      const y = S.data;
       if (y.context?.kind === "ArcgisErrorAsContext" && y.context.error)
         throw new A({
           message: y.context.error.message || "ArcGIS Assistant error",
@@ -101,32 +101,32 @@ async function ke(i) {
           details: y.context.error.details,
           source: "polling-response"
         });
-      if (r.push(y), $ = y.sequenceNumber, b++, !y.hasMore)
+      if (c.push(y), $ = y.sequenceNumber, g++, !y.hasMore)
         break;
     }
-    if (b === g)
+    if (g === v)
       throw new A({
         message: "Request timed out",
         code: "TIMEOUT",
         source: "polling"
       });
   }
-  const I = 120 * 1e3;
+  const E = 120 * 1e3;
   return await Promise.race([
-    T(),
+    I(),
     new Promise(
-      (b, g) => setTimeout(
-        () => g(
+      (g, v) => setTimeout(
+        () => v(
           new A({
             message: "Request timed out",
             code: "TIMEOUT",
             source: "hard-timeout"
           })
         ),
-        I
+        E
       )
     )
-  ]), r;
+  ]), c;
 }
 function Se(i, e, t) {
   return {
@@ -135,13 +135,13 @@ function Se(i, e, t) {
     ackSequenceNumber: e
   };
 }
-function Ae(i) {
+function Ce(i) {
   return i.message.match(/Error in prompt shield/u) ? "I'm having trouble with this request. Try again by rephrasing the question." : i.code === "TIMEOUT" ? "Request timed out. Try again by re-asking the same question or rephrasing it." : i.message;
 }
-const Ce = ({ notices: i }) => i.length ? d`<div class="border-block-end">${X(i, (e) => e.id ?? e.title, (e) => d`<calcite-notice class="submission-notice" .icon=${e.icon} .kind=${e.kind} scale=s open .closable=${e.closable} @calciteNoticeClose=${() => e.onClose?.()}><div slot=title>${e.title}</div>${e.message && d`<div slot=message>${e.message}</div>` || ""}${e.actionLinkMessage && e.onAction && d`<calcite-link slot=link @click=${() => e.onAction?.()}>${e.actionLinkMessage}</calcite-link>` || ""}</calcite-notice>`)}</div>` : null, Te = (i) => {
-  const e = i.value.length, t = 72, o = 180, a = i.offsetWidth, c = Math.max(1, Math.floor(a / 8)), p = Math.ceil(e / c), r = t + (p - 2) * 24;
-  i.style.setProperty("--calcite-text-area-min-height", `${Math.min(r, o)}px`);
-}, Ie = ({ promptValidationMessage: i, errorMessage: e, contextTooBig: t, contextReducedNoticeDismissed: o, setContextReducedNoticeDismissed: a, setErrorMessage: n, messages: c }) => {
+const Ae = ({ notices: i }) => i.length ? d`<div class="border-block-end">${X(i, (e) => e.id ?? e.title, (e) => d`<calcite-notice class="submission-notice" .icon=${e.icon} .kind=${e.kind} scale=s open .closable=${e.closable} @calciteNoticeClose=${() => e.onClose?.()}><div slot=title>${e.title}</div>${e.message && d`<div slot=message>${e.message}</div>` || ""}${e.actionLinkMessage && e.onAction && d`<calcite-link slot=link @click=${() => e.onAction?.()}>${e.actionLinkMessage}</calcite-link>` || ""}</calcite-notice>`)}</div>` : null, Te = (i) => {
+  const e = i.value.length, t = 72, o = 180, s = i.offsetWidth, r = Math.max(1, Math.floor(s / 8)), p = Math.ceil(e / r), c = t + (p - 2) * 24;
+  i.style.setProperty("--calcite-text-area-min-height", `${Math.min(c, o)}px`);
+}, Ie = ({ promptValidationMessage: i, errorMessage: e, contextTooBig: t, contextReducedNoticeDismissed: o, setContextReducedNoticeDismissed: s, setErrorMessage: n, messages: r }) => {
   const p = [];
   if (i && p.push({
     id: "prompt-validation",
@@ -157,15 +157,15 @@ const Ce = ({ notices: i }) => i.length ? d`<div class="border-block-end">${X(i,
     closable: !0,
     onClose: () => n(void 0)
   }), t && !o) {
-    const r = c.contextreduced ?? "Context reduced", s = c.contextreducedmessage ?? "The editor profile is too large for the assistant. It has been reduced in the assistant in order to ensure a successful request.";
+    const c = r.contextreduced ?? "Context reduced", a = r.contextreducedmessage ?? "The editor profile is too large for the assistant. It has been reduced in the assistant in order to ensure a successful request.";
     p.push({
       id: "context-reduced",
       kind: "warning",
       icon: "exclamation-mark-triangle",
-      title: r,
-      message: s,
+      title: c,
+      message: a,
       closable: !0,
-      onClose: () => a(!0)
+      onClose: () => s(!0)
     });
   }
   return p;
@@ -177,7 +177,7 @@ function Re({ popoverContent: i, messages: e }) {
   return d`<calcite-action icon=information slot=header-actions-end id=legal-disclaimer text></calcite-action><calcite-popover reference-element=legal-disclaimer .label=${e.legaldisclaimer ?? "Legal disclaimer"} placement=bottom auto-close focus-trap-disabled><div class="contained">${i}</div></calcite-popover>`;
 }
 function Fe({ errorMessage: i, slot: e }) {
-  return d`<div class="error-display"><calcite-input-message id=error-message status=invalid icon=exclamation-mark-triangle scale=m slot=${e ?? V}>${i}</calcite-input-message></div>`;
+  return d`<div class="error-display"><calcite-input-message id=error-message status=invalid icon=exclamation-mark-triangle scale=m slot=${e ?? P}>${i}</calcite-input-message></div>`;
 }
 function Me({ active: i, setActive: e, messages: t }) {
   return d`<calcite-alert slot=alerts .open=${i} placement=bottom kind=success icon=check-circle-f auto-close @calciteAlertClose=${() => e(!1)} .label=${t.expressionapplied ?? "Expression applied"}><div slot=message>${t.expressionapplied ?? "Expression applied to editor."}</div></calcite-alert>`;
@@ -185,104 +185,104 @@ function Me({ active: i, setActive: e, messages: t }) {
 function Ve({ context: i, messages: e }) {
   return i ? d`<div class="gaps">${i.profileId && d`<calcite-popover auto-close placement=top .label=${(e.profilecontextlabel ?? "Profile context: {profileId}").replace("{profileId}", i.profileId)} reference-element=profile-context-button class="context-popover contained-popover-or-tooltip"><p>${(e.profilecontextlabel ?? "Profile context: {profileId}").replace("{profileId}", i.profileId)}</p></calcite-popover><calcite-button round kind=neutral icon-start=map-information id=profile-context-button scale=s></calcite-button>` || ""}</div>` : null;
 }
-function Pe({ isDisabled: i, isReadOnly: e, setQuestion: t, setIsViewingResult: o, textAreaRef: a, question: n, errorMessage: c, setErrorMessage: p, promptValidationMessage: r, setPromptValidationMessage: s, submitQuestion: u, messages: l, mode: v, assistantRef: P, context: $, contextReducedNoticeDismissed: T, setContextReducedNoticeDismissed: I }) {
-  const b = $?.contextTooLarge ?? !1, g = Ie({
-    promptValidationMessage: r,
-    errorMessage: c,
-    contextTooBig: b,
-    contextReducedNoticeDismissed: T,
-    setContextReducedNoticeDismissed: I,
+function Pe({ isDisabled: i, isReadOnly: e, setQuestion: t, setIsViewingResult: o, textAreaRef: s, question: n, errorMessage: r, setErrorMessage: p, promptValidationMessage: c, setPromptValidationMessage: a, submitQuestion: u, messages: l, mode: m, assistantRef: k, context: $, contextReducedNoticeDismissed: I, setContextReducedNoticeDismissed: E }) {
+  const g = $?.contextTooLarge ?? !1, v = Ie({
+    promptValidationMessage: c,
+    errorMessage: r,
+    contextTooBig: g,
+    contextReducedNoticeDismissed: I,
+    setContextReducedNoticeDismissed: E,
     setErrorMessage: p,
     messages: l
   });
-  return d`<div class="text-area-wrapper">${Ce({ notices: g })}<calcite-text-area scale=s resize=vertical .readOnly=${i || e} class=${ne(g.length ? "submission-text-area" : "submission-text-area round-top")} .placeholder=${l.askaquestion ?? `Specify the calculation or logic you need in an Arcade expression. (e.g., 'Return "Yes" if value > 10')`} .value=${n} @calciteTextAreaInput=${(x) => {
+  return d`<div class="text-area-wrapper">${Ae({ notices: v })}<calcite-text-area scale=s resize=vertical .readOnly=${i || e} class=${ne(v.length ? "submission-text-area" : "submission-text-area round-top")} .placeholder=${l.askaquestion ?? `Specify the calculation or logic you need in an Arcade expression. (e.g., 'Return "Yes" if value > 10')`} .value=${n} @calciteTextAreaInput=${(x) => {
     Te(x.target), t(x.target.value);
-  }} ${ce(a)}><div class="submission-actions-wrapper" slot=footer-start><div class="submission-actions">${$ && Ve({ context: $, messages: l }) || ""}<div class="align-inline-end gaps"><calcite-button round kind=neutral .hidden=${v !== "refine"} icon-start=arrow-left icon-flip-rtl=both appearance=solid scale=s .disabled=${i} @click=${async () => {
+  }} ${ce(s)}><div class="submission-actions-wrapper" slot=footer-start><div class="submission-actions">${$ && Ve({ context: $, messages: l }) || ""}<div class="align-inline-end gaps"><calcite-button round kind=neutral .hidden=${m !== "refine"} icon-start=arrow-left icon-flip-rtl=both appearance=solid scale=s .disabled=${i} @click=${async () => {
     o(!1), t("");
-  }} .label=${l.startover ?? "Start Over"} class="hidden-above-380" id=small-start-over-button></calcite-button><calcite-tooltip reference-element=small-start-over-button placement=top-start class="hidden-above-380">${l.startover ?? "Start Over"}</calcite-tooltip><calcite-button round kind=neutral .hidden=${v !== "refine"} icon-start=arrow-left icon-flip-rtl=both appearance=solid .disabled=${i} @click=${async () => {
+  }} .label=${l.startover ?? "Start Over"} class="hidden-above-380" id=small-start-over-button></calcite-button><calcite-tooltip reference-element=small-start-over-button placement=top-start class="hidden-above-380">${l.startover ?? "Start Over"}</calcite-tooltip><calcite-button round kind=neutral .hidden=${m !== "refine"} icon-start=arrow-left icon-flip-rtl=both appearance=solid .disabled=${i} @click=${async () => {
     o(!1), t("");
   }} class="hidden-below-380" scale=s>${l.startover ?? "Start Over"}</calcite-button><calcite-button round scale=s icon-end=effects appearance=solid .loading=${i} .disabled=${i} @click=${async () => {
     if (p(""), !n) {
-      s(l.enteraprompt ?? "Please enter a prompt");
+      a(l.enteraprompt ?? "Please enter a prompt");
       return;
     }
-    s(void 0), await u();
-  }} class="hidden-below-380">${v === "prompt" ? l.ask ?? "Generate" : l.refine ?? "Refine"}</calcite-button><calcite-button round scale=s icon-end=effects appearance=solid .loading=${i} .disabled=${i} id=small-submit-button @click=${async () => {
+    a(void 0), await u();
+  }} class="hidden-below-380">${m === "prompt" ? l.ask ?? "Generate" : l.refine ?? "Refine"}</calcite-button><calcite-button round scale=s icon-end=effects appearance=solid .loading=${i} .disabled=${i} id=small-submit-button @click=${async () => {
     if (p(""), !n) {
-      s(l.enteraprompt ?? "Please enter a prompt");
+      a(l.enteraprompt ?? "Please enter a prompt");
       return;
     }
-    s(void 0), await u();
-  }} class="hidden-above-380" .label=${v === "prompt" ? l.ask ?? "Generate" : l.refine ?? "Refine"}></calcite-button><calcite-tooltip reference-element=small-submit-button placement=top-start class="hidden-above-380">${v === "prompt" ? l.ask ?? "Generate" : l.refine ?? "Refine"}</calcite-tooltip></div></div></div></calcite-text-area></div>`;
+    a(void 0), await u();
+  }} class="hidden-above-380" .label=${m === "prompt" ? l.ask ?? "Generate" : l.refine ?? "Refine"}></calcite-button><calcite-tooltip reference-element=small-submit-button placement=top-start class="hidden-above-380">${m === "prompt" ? l.ask ?? "Generate" : l.refine ?? "Refine"}</calcite-tooltip></div></div></div></calcite-text-area></div>`;
 }
 const qe = "https://www.esri.com/en-us/privacy/privacy-statements/privacy-supplement", _e = "https://www.esri.com/en-us/privacy/privacy-statements";
-function De({ setOpen: i, messages: e, feedback: t, learnMoreUrl: o, setFeedback: a, onSubmit: n }) {
-  return t.active ? d`<calcite-sheet class="feedback-sheet" .label=${e.feedback ?? "Feedback"} slot=sheets display-mode=float position=block-end .open=${t.active} @calciteSheetClose=${() => i(!1)}><calcite-panel .heading=${e.submitfeedback ?? "Submit feedback to Esri"} scale=s><div class="feedback-content"><calcite-text-area scale=s resize=vertical .value=${t.text} @calciteTextAreaInput=${(c) => a({ ...t, text: c.target.value })} .disabled=${t.submitting} .placeholder=${e.donotincludepersonalinfo ?? "Do not include personal or sensitive information"} rows=3></calcite-text-area><calcite-label layout=inline scale=s class="terms-label"><calcite-checkbox scale=l .checked=${t.termsAccepted} @calciteCheckboxChange=${(c) => {
-    a({ ...t, termsAccepted: c.target.checked });
-  }} .disabled=${t.submitting}></calcite-checkbox><span>${C((e.agreement ?? "I agree to the {EsriPrivacyStatement} (and {Supplement}).").replace("{EsriPrivacyStatement}", `<calcite-link href=${_e} target="_blank">${e.esriprivacystatement ?? "Esri Privacy Statement"}</calcite-link>`).replace("{Supplement}", `<calcite-link href=${qe} target="_blank">${e.supplement ?? "Supplement"}</calcite-link>`))}</span></calcite-label><calcite-notice scale=s open closable><span slot=message>${C((e.feedbackhelps ?? "Your feedback will be used to improve Esri products and services. {LearnMore} about how this data is used.").replace("{LearnMore}", `<calcite-link href=${o} target="_blank">${e.learnmore ?? "Learn more"}</calcite-link>`))}</span></calcite-notice></div><div slot=footer class="feedback-footer"><calcite-button kind=neutral appearance=outline @click=${() => i(!1)} .disabled=${t.submitting}>${e.cancel ?? "Cancel"}</calcite-button><calcite-button @click=${n} .disabled=${!t.termsAccepted || t.submitting} .loading=${t.submitting} data-testid=submit-feedback-button>${e.submit ?? "Submit"}</calcite-button></div></calcite-panel></calcite-sheet>` : null;
+function De({ setOpen: i, messages: e, feedback: t, learnMoreUrl: o, setFeedback: s, onSubmit: n }) {
+  return t.active ? d`<calcite-sheet class="feedback-sheet" .label=${e.feedback ?? "Feedback"} slot=sheets display-mode=float position=block-end .open=${t.active} @calciteSheetClose=${() => i(!1)}><calcite-panel .heading=${e.submitfeedback ?? "Submit feedback to Esri"} scale=s><div class="feedback-content"><calcite-text-area scale=s resize=vertical .value=${t.text} @calciteTextAreaInput=${(r) => s({ ...t, text: r.target.value })} .disabled=${t.submitting} .placeholder=${e.donotincludepersonalinfo ?? "Do not include personal or sensitive information"} rows=3></calcite-text-area><calcite-label layout=inline scale=s class="terms-label"><calcite-checkbox scale=l .checked=${t.termsAccepted} @calciteCheckboxChange=${(r) => {
+    s({ ...t, termsAccepted: r.target.checked });
+  }} .disabled=${t.submitting}></calcite-checkbox><span>${T((e.agreement ?? "I agree to the {EsriPrivacyStatement} (and {Supplement}).").replace("{EsriPrivacyStatement}", `<calcite-link href=${_e} target="_blank">${e.esriprivacystatement ?? "Esri Privacy Statement"}</calcite-link>`).replace("{Supplement}", `<calcite-link href=${qe} target="_blank">${e.supplement ?? "Supplement"}</calcite-link>`))}</span></calcite-label><calcite-notice scale=s open closable><span slot=message>${T((e.feedbackhelps ?? "Your feedback will be used to improve Esri products and services. {LearnMore} about how this data is used.").replace("{LearnMore}", `<calcite-link href=${o} target="_blank">${e.learnmore ?? "Learn more"}</calcite-link>`))}</span></calcite-notice></div><div slot=footer class="feedback-footer"><calcite-button kind=neutral appearance=outline @click=${() => i(!1)} .disabled=${t.submitting}>${e.cancel ?? "Cancel"}</calcite-button><calcite-button @click=${n} .disabled=${!t.termsAccepted || t.submitting} .loading=${t.submitting} data-testid=submit-feedback-button>${e.submit ?? "Submit"}</calcite-button></div></calcite-panel></calcite-sheet>` : null;
 }
 function z({ promptingEnabled: i, messages: e, slot: t, helpTopicUrl: o }) {
-  return d`<calcite-block .label=${e.assistantinformation ?? "Assistant information"} slot=${t ?? V} expanded class="info-block" scale=s><div class="info-heading-row"><h1 class="info-heading">${e.introducing ?? "Introducing Arcade Assistant (beta)"}</h1><calcite-chip .label=${e.new ?? "New"} kind=brand scale=s>${e.new ?? "New"}</calcite-chip></div>${i ? d`<p>${e.capabilities ?? "The assistant uses artificial intelligence to generate Arcade expressions."}</p><p>${e.keepinmind ?? "Keep in mind the following:"}<ul><li>${e.beconsise ?? "Be concise, but also clear in your request"}</li><li>${e.avoidambiguity ?? "Avoid ambiguity and vagueness"}</li><li>${e.moredetails ?? "you do not need to use exact field names in your instructions, but more detail is generally better"}</li></ul>${C((e.seedocumentation ?? "Please see the {documentation} for more information, including limitations and additional resources.").replace("{documentation}", `<calcite-link href=${o} target="_blank">${e.documentation ?? "documentation"}</calcite-link>`))}</p>` : d`<p>${e.useofassistant ?? "The assistant uses artificial intelligence to generate Arcade expressions. To enable Arcade Assistant (beta), the following must be true:"}</p><ul><li>${e.enabledinorg ?? "AI assistants are enabled in the organization settings"}</li><li>${e.enabledbetaapps ?? "Beta apps and capabilities are not blocked"}</li><li>${e.enabledroleprivilege ?? "Your role privilege allows you to use AI assistants"}</li></ul>`}</calcite-block>`;
+  return d`<calcite-block .label=${e.assistantinformation ?? "Assistant information"} slot=${t ?? P} expanded class="info-block" scale=s><div class="info-heading-row"><h1 class="info-heading">${e.introducing ?? "Introducing Arcade Assistant (beta)"}</h1><calcite-chip .label=${e.new ?? "New"} kind=brand scale=s>${e.new ?? "New"}</calcite-chip></div>${i ? d`<p>${e.capabilities ?? "The assistant uses artificial intelligence to generate Arcade expressions."}</p><p>${e.keepinmind ?? "Keep in mind the following:"}<ul><li>${e.beconsise ?? "Be concise, but also clear in your request"}</li><li>${e.avoidambiguity ?? "Avoid ambiguity and vagueness"}</li><li>${e.moredetails ?? "you do not need to use exact field names in your instructions, but more detail is generally better"}</li></ul>${T((e.seedocumentation ?? "Please see the {documentation} for more information, including limitations and additional resources.").replace("{documentation}", `<calcite-link href=${o} target="_blank">${e.documentation ?? "documentation"}</calcite-link>`))}</p>` : d`<p>${e.useofassistant ?? "The assistant uses artificial intelligence to generate Arcade expressions. To enable Arcade Assistant (beta), the following must be true:"}</p><ul><li>${e.enabledinorg ?? "AI assistants are enabled in the organization settings"}</li><li>${e.enabledbetaapps ?? "Beta apps and capabilities are not blocked"}</li><li>${e.enabledroleprivilege ?? "Your role privilege allows you to use AI assistants"}</li></ul>`}</calcite-block>`;
 }
 function Ne({ messages: i, onProceed: e, onExit: t, helpTopicUrl: o }) {
-  return d`<calcite-dialog close-disabled placement=top .heading=${i.welcome ?? "Welcome to the new assistant experience"} slot=dialogs open width-scale=m id=welcome-dialog><h3 class="unstyled-h3">${i.beforeyougetstarted ?? "Before you get started be aware:"}</h3><ul><li>${i.maybeincorrect ?? "AI generated code may occasionally be incorrect or biased. Review carefully."}</li><li>${C((i.pleasereadhelp ?? "Read the Arcade Assistant (beta) {helpTopic} to get started and learn details on security, privacy and limitations.").replace("{helpTopic}", `<calcite-link href=${o} target="_blank">${i.helptopic ?? "help topic"}</calcite-link>`))}</li></ul><calcite-button id=welcome-proceed slot=footer-end @click=${e}>${i.proceed ?? "Proceed"}</calcite-button><calcite-button id=welcome-decline slot=footer-start @click=${t} kind=neutral>${i.exit ?? "Exit"}</calcite-button></calcite-dialog>`;
+  return d`<calcite-dialog close-disabled placement=top .heading=${i.welcome ?? "Welcome to the new assistant experience"} slot=dialogs open width-scale=m id=welcome-dialog><h3 class="unstyled-h3">${i.beforeyougetstarted ?? "Before you get started be aware:"}</h3><ul><li>${i.maybeincorrect ?? "AI generated code may occasionally be incorrect or biased. Review carefully."}</li><li>${T((i.pleasereadhelp ?? "Read the Arcade Assistant (beta) {helpTopic} to get started and learn details on security, privacy and limitations.").replace("{helpTopic}", `<calcite-link href=${o} target="_blank">${i.helptopic ?? "help topic"}</calcite-link>`))}</li></ul><calcite-button id=welcome-proceed slot=footer-end @click=${e}>${i.proceed ?? "Proceed"}</calcite-button><calcite-button id=welcome-decline slot=footer-start @click=${t} kind=neutral>${i.exit ?? "Exit"}</calcite-button></calcite-dialog>`;
 }
 function Ue({ messages: i, suggestions: e, onSuggestionClick: t }) {
   return d`<calcite-block .heading=${i.promptsuggestions} expanded collapsible id=suggestion-block scale=s><div class="suggestions">${e.map((o) => d`<calcite-button round scale=s appearance=outline-fill kind=neutral .label=${i.promptsuggestion} class="suggestion-button" @click=${() => t?.(o)}>${o}</calcite-button>`)}</div></calcite-block>`;
 }
 const B = 200;
-function j({ hidden: i = !1, expanded: e = !1, messages: t, cards: o, heading: a, collapsible: n = !1, showEffectsIcon: c = !1, onCopyCode: p, standalone: r }) {
-  return d`<calcite-block .hidden=${i} id=result-block .heading=${a ?? t.besteffort ?? "Here is the assistant's best effort"} .expanded=${e} .collapsible=${n}>${c && d`<calcite-chip .label=${t.assistantresponses ?? "Assistant responses"} slot=content-start icon=effects scale=m class="suggestion-chips"></calcite-chip>` || ""}<calcite-card-group .label=${t.assistantresponses ?? "Assistant responses"}>${X(o, (s) => s.conversationId, (s) => d`<calcite-card><div slot=heading><div class="prior-prompt"><span>${s.priorPrompt.length > B ? `${s.priorPrompt.slice(0, B)}...` : s.priorPrompt}</span><calcite-action icon=duplicate scale=s slot=actions-end class="copy-prompt-button" text .id=${`copy-prompt-${s.conversationId}-${r ? "standalone" : "list"}`} @click=${(u) => {
+function j({ hidden: i = !1, expanded: e = !1, messages: t, cards: o, heading: s, collapsible: n = !1, showEffectsIcon: r = !1, onCopyCode: p, standalone: c }) {
+  return d`<calcite-block .hidden=${i} id=result-block .heading=${s ?? t.besteffort ?? "Here is the assistant's best effort"} .expanded=${e} .collapsible=${n}>${r && d`<calcite-chip .label=${t.assistantresponses ?? "Assistant responses"} slot=content-start icon=effects scale=m class="suggestion-chips"></calcite-chip>` || ""}<calcite-card-group .label=${t.assistantresponses ?? "Assistant responses"}>${X(o, (a) => a.conversationId, (a) => d`<calcite-card><div slot=heading><div class="prior-prompt"><span>${a.priorPrompt.length > B ? `${a.priorPrompt.slice(0, B)}...` : a.priorPrompt}</span><calcite-action icon=duplicate scale=s slot=actions-end class="copy-prompt-button" text .id=${`copy-prompt-${a.conversationId}-${c ? "standalone" : "list"}`} @click=${(u) => {
     const l = u.currentTarget;
-    navigator.clipboard.writeText(s.priorPrompt).then(() => {
+    navigator.clipboard.writeText(a.priorPrompt).then(() => {
       l.setAttribute("data-copied", "true"), setTimeout(() => l.removeAttribute("data-copied"), 1500);
     });
-  }}></calcite-action><calcite-popover .referenceElement=${`copy-prompt-${s.conversationId}-${r ? "standalone" : "list"}`} placement=top-start class="copy-feedback" .label=${t.copiedsuccessfully ?? "copied successfully"} open trigger-disabled><span>${t.copiedsuccessfully ?? "copied successfully"}</span></calcite-popover><calcite-tooltip .referenceElement=${`copy-prompt-${s.conversationId}-${r ? "standalone" : "list"}`} placement=top-start class="copy-tooltip">${t.copyprompttoclipboard ?? "Copy prompt to clipboard"}</calcite-tooltip></div>${s.message && r && d`<div class="response-error-container">${Fe({ errorMessage: s.message })}</div>` || ""}</div><div><div class="code-response-wrapper"><div class="positioned-code-content"><calcite-chip-group .label=${t.responsecontext ?? "Response Context"} scale=s>${s.message && !r && d`<calcite-tooltip .referenceElement=${`response-chip-${s.conversationId}-error`} placement=top-start>${s.message}</calcite-tooltip><calcite-chip .id=${`response-chip-${s.conversationId}-error`} .label=${t.error ?? "Error"} scale=s appearance=outline icon=exclamation-mark-triangle-f class="response-error-chip"></calcite-chip>` || ""}${Le({ card: s, messages: t })}</calcite-chip-group></div><details class="collapsible-code" open><summary>Code response</summary><arcgis-code-viewer language=arcade round>${s.code}</arcgis-code-viewer></details></div></div><div slot=footer-start class="feedback-actions"><calcite-button class="add-to-editor-button hidden-above-380" @click=${() => s.onAddToEditor("add")} scale=s icon-start=plus round .label=${t.addtoeditor ?? "Add to editor"} .id=${`add-to-editor-button-${s.conversationId}-${r ? "standalone" : "list"}`}></calcite-button><calcite-tooltip class="hidden-above-380" .referenceElement=${`add-to-editor-button-${s.conversationId}-${r ? "standalone" : "list"}`} placement=top-start>${t.addtoeditor ?? "Add to editor"}</calcite-tooltip><calcite-button class="add-to-editor-button hidden-below-380" @click=${() => s.onAddToEditor("add")} scale=s icon-start=plus round>${t.addtoeditor ?? "Add to editor"}</calcite-button><calcite-button round icon-start=file-code kind=neutral scale=s @click=${() => s.onAddToEditor("replace")} class="response-secondary-action-button" .id=${`replace-${s.conversationId}-${r ? "standalone" : "list"}`}></calcite-button><calcite-tooltip .referenceElement=${`replace-${s.conversationId}-${r ? "standalone" : "list"}`} placement=top-start><span>${t.replaceineditor ?? "Replace all code in editor"}</span></calcite-tooltip><calcite-button round icon-start=copy-to-clipboard kind=neutral scale=s @click=${(u) => {
+  }}></calcite-action><calcite-popover .referenceElement=${`copy-prompt-${a.conversationId}-${c ? "standalone" : "list"}`} placement=top-start class="copy-feedback" .label=${t.copiedsuccessfully ?? "copied successfully"} open trigger-disabled><span>${t.copiedsuccessfully ?? "copied successfully"}</span></calcite-popover><calcite-tooltip .referenceElement=${`copy-prompt-${a.conversationId}-${c ? "standalone" : "list"}`} placement=top-start class="copy-tooltip">${t.copyprompttoclipboard ?? "Copy prompt to clipboard"}</calcite-tooltip></div>${a.message && c && d`<div class="response-error-container">${Fe({ errorMessage: a.message })}</div>` || ""}</div><div><div class="code-response-wrapper"><div class="positioned-code-content"><calcite-chip-group .label=${t.responsecontext ?? "Response Context"} scale=s>${a.message && !c && d`<calcite-tooltip .referenceElement=${`response-chip-${a.conversationId}-error`} placement=top-start>${a.message}</calcite-tooltip><calcite-chip .id=${`response-chip-${a.conversationId}-error`} .label=${t.error ?? "Error"} scale=s appearance=outline icon=exclamation-mark-triangle-f class="response-error-chip"></calcite-chip>` || ""}${Le({ card: a, messages: t })}</calcite-chip-group></div><details class="collapsible-code" open><summary>Code response</summary><arcgis-code-viewer language=arcade round>${a.code}</arcgis-code-viewer></details></div></div><div slot=footer-start class="feedback-actions"><calcite-button class="add-to-editor-button hidden-above-380" @click=${() => a.onAddToEditor("add")} scale=s icon-start=plus round .label=${t.addtoeditor ?? "Add to editor"} .id=${`add-to-editor-button-${a.conversationId}-${c ? "standalone" : "list"}`}></calcite-button><calcite-tooltip class="hidden-above-380" .referenceElement=${`add-to-editor-button-${a.conversationId}-${c ? "standalone" : "list"}`} placement=top-start>${t.addtoeditor ?? "Add to editor"}</calcite-tooltip><calcite-button class="add-to-editor-button hidden-below-380" @click=${() => a.onAddToEditor("add")} scale=s icon-start=plus round>${t.addtoeditor ?? "Add to editor"}</calcite-button><calcite-button round icon-start=file-code kind=neutral scale=s @click=${() => a.onAddToEditor("replace")} class="response-secondary-action-button" .id=${`replace-${a.conversationId}-${c ? "standalone" : "list"}`}></calcite-button><calcite-tooltip .referenceElement=${`replace-${a.conversationId}-${c ? "standalone" : "list"}`} placement=top-start><span>${t.replaceineditor ?? "Replace all code in editor"}</span></calcite-tooltip><calcite-button round icon-start=copy-to-clipboard kind=neutral scale=s @click=${(u) => {
     const l = u.currentTarget;
-    p(s.code).then(() => {
+    p(a.code).then(() => {
       l.setAttribute("data-copied", "true"), setTimeout(() => l.removeAttribute("data-copied"), 1500);
     });
-  }} class="response-secondary-action-button" .id=${`copy-response-${s.conversationId}-${r ? "standalone" : "list"}`}></calcite-button><calcite-popover .referenceElement=${`copy-response-${s.conversationId}-${r ? "standalone" : "list"}`} placement=top-start class="copy-feedback" .label=${t.copiedsuccessfully ?? "copied successfully"} open trigger-disabled><span>${t.copiedsuccessfully ?? "copied successfully"}</span></calcite-popover><calcite-tooltip .referenceElement=${`copy-response-${s.conversationId}-${r ? "standalone" : "list"}`} placement=top-start class="copy-tooltip">${t.copytoclipboard ?? "Copy code to clipboard"}</calcite-tooltip></div><div slot=footer-end class="feedback-actions"><calcite-action .text=${t.thumbsup ?? "Thumbs up"} scale=s icon=thumbs-up @click=${s.onThumbsUp} .id=${`thumbs-up-${s.conversationId}-${r ? "standalone" : "list"}`}></calcite-action><calcite-tooltip .referenceElement=${`thumbs-up-${s.conversationId}-${r ? "standalone" : "list"}`} placement=top-start><span>${t.helpful ?? "Helpful"}</span></calcite-tooltip><calcite-action .text=${t.thumbsdown ?? "Thumbs down"} scale=s icon=thumbs-down @click=${s.onThumbsDown} .id=${`thumbs-down-${s.conversationId}-${r ? "standalone" : "list"}`}></calcite-action><calcite-tooltip .referenceElement=${`thumbs-down-${s.conversationId}-${r ? "standalone" : "list"}`} placement=top-start><span>${t.unhelpful ?? "Unhelpful"}</span></calcite-tooltip></div></calcite-card>`)}</calcite-card-group></calcite-block>`;
+  }} class="response-secondary-action-button" .id=${`copy-response-${a.conversationId}-${c ? "standalone" : "list"}`}></calcite-button><calcite-popover .referenceElement=${`copy-response-${a.conversationId}-${c ? "standalone" : "list"}`} placement=top-start class="copy-feedback" .label=${t.copiedsuccessfully ?? "copied successfully"} open trigger-disabled><span>${t.copiedsuccessfully ?? "copied successfully"}</span></calcite-popover><calcite-tooltip .referenceElement=${`copy-response-${a.conversationId}-${c ? "standalone" : "list"}`} placement=top-start class="copy-tooltip">${t.copytoclipboard ?? "Copy code to clipboard"}</calcite-tooltip></div><div slot=footer-end class="feedback-actions"><calcite-action .text=${t.thumbsup ?? "Thumbs up"} scale=s icon=thumbs-up @click=${a.onThumbsUp} .id=${`thumbs-up-${a.conversationId}-${c ? "standalone" : "list"}`}></calcite-action><calcite-tooltip .referenceElement=${`thumbs-up-${a.conversationId}-${c ? "standalone" : "list"}`} placement=top-start><span>${t.helpful ?? "Helpful"}</span></calcite-tooltip><calcite-action .text=${t.thumbsdown ?? "Thumbs down"} scale=s icon=thumbs-down @click=${a.onThumbsDown} .id=${`thumbs-down-${a.conversationId}-${c ? "standalone" : "list"}`}></calcite-action><calcite-tooltip .referenceElement=${`thumbs-down-${a.conversationId}-${c ? "standalone" : "list"}`} placement=top-start><span>${t.unhelpful ?? "Unhelpful"}</span></calcite-tooltip></div></calcite-card>`)}</calcite-card-group></calcite-block>`;
 }
 const Le = ({ card: i, messages: e }) => {
-  const t = me(), o = `response-chip-profile-${i.conversationId}-${t}`, a = (e.profilecontextlabel ?? "Profile context: {profileId}").replace("{profileId}", i.profileId);
-  return d`<calcite-tooltip .referenceElement=${o} placement=top-start class="contained-popover-or-tooltip">${a}</calcite-tooltip><calcite-chip .label=${i.profileId} scale=s appearance=outline icon=map-information id=${o ?? V}>${i.profileId}</calcite-chip>`;
+  const t = me(), o = `response-chip-profile-${i.conversationId}-${t}`, s = (e.profilecontextlabel ?? "Profile context: {profileId}").replace("{profileId}", i.profileId);
+  return d`<calcite-tooltip .referenceElement=${o} placement=top-start class="contained-popover-or-tooltip">${s}</calcite-tooltip><calcite-chip .label=${i.profileId} scale=s appearance=outline icon=map-information id=${o ?? P}>${i.profileId}</calcite-chip>`;
 }, H = (i) => i.type === "featureSet";
 function te(i) {
   return i && i !== "dataCatalogDatastore" ? i : void 0;
 }
-const E = (i) => {
+const R = (i) => {
   if (!ye(i))
     return [];
   const e = [];
   return i.relationships?.forEach((t) => {
     e.push(t.toJSON());
   }), e;
-}, R = (i) => i.length > 0 ? { relationships: i } : {}, Oe = (i) => ve(i).map((e) => ({
+}, F = (i) => i.length > 0 ? { relationships: i } : {}, Oe = (i) => ve(i).map((e) => ({
   alias: e.alias,
   name: e.name,
   type: e.type,
   ...e.domain ? { domain: e.domain } : {}
-})), F = (i) => i ? { fields: Oe(i) } : { fields: [] };
+})), M = (i) => i ? { fields: Oe(i) } : { fields: [] };
 async function G(i) {
-  const e = await i.loadSource(), t = ee(e) && e.isTable, o = E(e);
+  const e = await i.loadSource(), t = ee(e) && e.isTable, o = R(e);
   return {
     name: i.name,
     type: "featureSet",
     isTable: t,
-    ...F(e?.fields),
-    ...R(o)
+    ...M(e?.fields),
+    ...F(o)
   };
 }
 async function ie(i) {
   switch (i.type) {
     case "feature": {
-      const t = await i.loadSource(), o = E(t);
+      const t = await i.loadSource(), o = R(t);
       return {
         name: i.name,
         type: i.type,
-        ...F(t?.fields),
-        ...R(o)
+        ...M(t?.fields),
+        ...F(o)
       };
     }
     case "featureSet": {
@@ -291,17 +291,17 @@ async function ie(i) {
         name: i.name,
         type: "featureSet",
         ...o ? { isTable: o } : {},
-        ...F(t?.fields),
-        ...R(E(t))
+        ...M(t?.fields),
+        ...F(R(t))
       };
     }
     case "featureSetCollection": {
-      const t = await i.loadSource(), o = t?.layers.filter(H) ?? [], a = t?.tables.filter(H) ?? [], n = await Promise.all(o.map(G)), c = await Promise.all(a.map(G));
+      const t = await i.loadSource(), o = t?.layers.filter(H) ?? [], s = t?.tables.filter(H) ?? [], n = await Promise.all(o.map(G)), r = await Promise.all(s.map(G));
       return {
         name: i.name,
         type: "featureSetCollection",
         layers: n,
-        tables: c
+        tables: r
       };
     }
     case "dictionary": {
@@ -388,7 +388,7 @@ function je(i) {
   const e = new TextEncoder().encode(i).length;
   return Math.ceil(e / 3.5);
 }
-function M(i) {
+function V(i) {
   return je(JSON.stringify(i));
 }
 function He(i) {
@@ -442,60 +442,60 @@ function He(i) {
   };
 }
 function Ge(i) {
-  const e = i.variables, t = e.length, o = e.find((n) => n.name === "$feature") ?? e.find((n) => n.type === "feature") ?? e[0], a = o ? [o] : [];
+  const e = i.variables, t = e.length, o = e.find((n) => n.name === "$feature") ?? e.find((n) => n.type === "feature") ?? e[0], s = o ? [o] : [];
   return {
-    context: { variables: a },
-    wasReduced: t !== a.length,
+    context: { variables: s },
+    wasReduced: t !== s.length,
     reducedToVariableName: o?.name
   };
 }
 function Je(i) {
-  return M(i) > Be;
+  return V(i) > Be;
 }
-var Qe = Object.defineProperty, We = Object.getOwnPropertyDescriptor, m = (i, e, t, o) => {
-  for (var a = o > 1 ? void 0 : o ? We(e, t) : e, n = i.length - 1, c; n >= 0; n--)
-    (c = i[n]) && (a = (o ? c(e, t, a) : c(a)) || a);
-  return o && a && Qe(e, t, a), a;
+var Qe = Object.defineProperty, We = Object.getOwnPropertyDescriptor, f = (i, e, t, o) => {
+  for (var s = o > 1 ? void 0 : o ? We(e, t) : e, n = i.length - 1, r; n >= 0; n--)
+    (r = i[n]) && (s = (o ? r(e, t, s) : r(s)) || s);
+  return o && s && Qe(e, t, s), s;
 };
 let h = class extends we {
   constructor(i) {
     super(i), this.viewMode = "prompt", this.confirmationActive = !1, this.contextReducedNoticeDismissed = !1, this.splashActive = !0, this.isSubmitting = !1, this.question = "", this.history = [], this.feedback = { active: !1 };
   }
 };
-m([
-  f()
+f([
+  b()
 ], h.prototype, "viewMode", 2);
-m([
-  f()
+f([
+  b()
 ], h.prototype, "confirmationActive", 2);
-m([
-  f()
+f([
+  b()
 ], h.prototype, "contextReducedNoticeDismissed", 2);
-m([
-  f()
+f([
+  b()
 ], h.prototype, "splashActive", 2);
-m([
-  f()
+f([
+  b()
 ], h.prototype, "isSubmitting", 2);
-m([
-  f()
+f([
+  b()
 ], h.prototype, "errorMessage", 2);
-m([
-  f()
+f([
+  b()
 ], h.prototype, "promptValidationMessage", 2);
-m([
-  f()
+f([
+  b()
 ], h.prototype, "question", 2);
-m([
-  f()
+f([
+  b()
 ], h.prototype, "history", 2);
-m([
-  f()
+f([
+  b()
 ], h.prototype, "feedback", 2);
-m([
-  f()
+f([
+  b()
 ], h.prototype, "context", 2);
-h = m([
+h = f([
   $e("ArcadeAssistantViewState")
 ], h);
 const Ye = "arcade_generation", Ke = "ArcadeCodeRequest", Q = "visualization", W = "ArcadeAssistant", Xe = [
@@ -530,19 +530,30 @@ class Ze extends re {
         return;
       }
       let t = !1, o;
-      this.viewState.feedback.item.conversationId === this.viewState.history[0]?.conversationId && this.viewState.viewMode === "result" ? (o = this.viewState.context ?? await this.getProfileAndMetadata(this.getModel()?.uri ?? ""), t = !0) : o = this.viewState.feedback.item.contextSnapshot;
-      const a = U.applicationName;
-      !a && !this.appVersion && w("warn", this, "esriConfig.applicationName is not set. Consider setting it to help identify the application version in feedback.");
-      const { value: n, text: c, termsAccepted: p, item: { question: r, formattedScript: s, conversationId: u } } = this.viewState.feedback, l = {
+      if (this.viewState.feedback.item.isCurrentResult && this.viewState.viewMode === "result") {
+        const m = this.viewState.context ?? await this.getProfileAndMetadata(this.getModel()?.uri ?? ""), k = this.viewState.feedback.item.contextSnapshot;
+        o = {
+          ...m,
+          // while we use the full profileContext, we want to use the snapshotted context for the editor code and diagnostics,
+          // that way if the user has edited the code since the result was generated, we don't log their edits, but rather the code that was used to generate the result.
+          editor_code: k?.editor_code ?? "",
+          diagnostics: k?.diagnostics
+        }, t = !0;
+      } else
+        o = this.viewState.feedback.item.contextSnapshot;
+      const s = U.applicationName;
+      !s && !this.appVersion && w("warn", this, "esriConfig.applicationName is not set. Consider setting it to help identify the application version in feedback.");
+      const { value: n, text: r, termsAccepted: p, item: { question: c, formattedScript: a, conversationId: u } } = this.viewState.feedback, l = {
         user_evaluation: n,
-        your_comments: c || void 0,
-        question: r ?? "",
-        answer: this.encodeAnswerForFeedback(s),
+        your_comments: r || void 0,
+        question: c ?? "",
+        answer: this.encodeForFeedback(a),
         useragent: navigator.userAgent,
         _source: W,
-        version: this.appVersion || a || "NOT_SET",
+        version: this.appVersion || s || "NOT_SET",
         context: o ? JSON.stringify({
           ...o,
+          editor_code: this.encodeForFeedback(o.editor_code),
           /** Indicates whether the context is a snapshot or the full context */
           isSnapshot: !t
         }) : "",
@@ -552,8 +563,8 @@ class Ze extends re {
       };
       try {
         await e.applyEdits({ addFeatures: [new L({ attributes: l })] });
-      } catch (v) {
-        w("error", this, "Error submitting feedback.", { detail: { error: v } });
+      } catch (m) {
+        w("error", this, "Error submitting feedback.", { detail: { error: m } });
       }
       this.handleFeedbackSheetClose();
     }, this.handleClose = (e) => {
@@ -613,8 +624,8 @@ class Ze extends re {
     this.manager.onLifecycle(() => {
       e();
       const t = D.onModelContextDidChange(async () => {
-        e().catch((a) => {
-          w("error", this, "Error setting context.", { detail: { error: a } });
+        e().catch((s) => {
+          w("error", this, "Error setting context.", { detail: { error: s } });
         });
       });
       return { remove: () => {
@@ -630,10 +641,17 @@ class Ze extends re {
     return {
       ...e,
       metadata: t,
-      estimatedTokens: M(t)
+      estimatedTokens: V(t)
     };
   }
-  encodeAnswerForFeedback(e) {
+  withEditorState(e, t) {
+    return {
+      ...e,
+      editor_code: t?.getValue() ?? this.getModel()?.getValue() ?? "",
+      diagnostics: this.diagnostics
+    };
+  }
+  encodeForFeedback(e) {
     return encodeURIComponent(e ?? "");
   }
   updateViewState(e) {
@@ -660,7 +678,7 @@ class Ze extends re {
       return;
     const e = new fe({ url: this.feedbackServiceUrl });
     await e.load();
-    const t = Xe.filter((o) => !e.fields.some((a) => a.name === o));
+    const t = Xe.filter((o) => !e.fields.some((s) => s.name === o));
     if (t.length > 0) {
       w("error", this, `Missing the following fields in feedback service: ${t.join(", ")}. Feedback will not be logged.`);
       return;
@@ -673,28 +691,28 @@ class Ze extends re {
     let t;
     try {
       t = await this.ensureFeedbackService();
-    } catch (c) {
-      w("error", this, "Error initializing feedback service for interaction logging.", { detail: { error: c } });
+    } catch (r) {
+      w("error", this, "Error initializing feedback service for interaction logging.", { detail: { error: r } });
       return;
     }
     if (!t)
       return;
-    const o = U.applicationName, a = e.contextSnapshot, n = {
+    const o = U.applicationName, s = e.contextSnapshot, n = {
       question: e.question,
-      answer: this.encodeAnswerForFeedback(e.answer),
+      answer: this.encodeForFeedback(e.answer),
       useragent: navigator.userAgent,
       _source: W,
       version: this.appVersion || o || "NOT_SET",
       // we send the snapshotted context in the automatic logging, rather than the full context, to avoid accidentally logging sensitive information that may be in the full context.
-      context: a ? JSON.stringify({ ...a, isSnapshot: !0 }) : "",
-      extras: a?.profileId ?? "",
+      context: s ? JSON.stringify({ ...s, isSnapshot: !0 }) : "",
+      extras: s?.profileId ?? "",
       conversation_id: e.conversationId ?? "",
       privacy_statement: ""
     };
     try {
       await t.applyEdits({ addFeatures: [new L({ attributes: n })] });
-    } catch (c) {
-      w("error", this, "Error logging arcade assistant question/answer interaction.", { detail: { error: c } });
+    } catch (r) {
+      w("error", this, "Error logging arcade assistant question/answer interaction.", { detail: { error: r } });
     }
   }
   getModel() {
@@ -707,29 +725,29 @@ class Ze extends re {
     this.updateViewState({ isSubmitting: !0, errorMessage: void 0 });
     let t, o;
     try {
-      const a = this.getModel();
-      if (!a || !this.serviceUrl)
+      const s = this.getModel();
+      if (!s || !this.serviceUrl)
         return;
-      const n = this.viewState.context ?? await this.getProfileAndMetadata(a.uri);
-      t = this.createFeedbackContextSnapshot(n);
-      const c = await this.getToken(), p = await ke({
+      const n = this.viewState.context ?? await this.getProfileAndMetadata(s.uri), r = this.withEditorState(n, s);
+      t = this.createFeedbackContextSnapshot(r);
+      const p = await this.getToken(), c = await ke({
         baseUrl: this.serviceUrl,
         skillId: Ye,
         message: e,
-        authToken: c,
+        authToken: p,
         context: {
           kind: Ke,
           context: {
-            profile_id: n.profileId,
-            metadata: [n.metadata],
-            editor_code: a.getValue(),
-            ...this.diagnostics?.length ? { diagnostics: this.diagnostics } : {}
+            profile_id: r.profileId,
+            metadata: [r.metadata],
+            editor_code: r.editor_code,
+            ...r.diagnostics?.length ? { diagnostics: r.diagnostics } : {}
           }
         }
       });
-      o = p?.[0]?.conversationId;
-      const r = p.find((s) => s.context?.kind === "ArcadeCodeResponse");
-      if (!r) {
+      o = c?.[0]?.conversationId;
+      const a = c.find((u) => u.context?.kind === "ArcadeCodeResponse");
+      if (!a) {
         await this.logInteractionToFeedbackService({
           question: e,
           answer: "No ArcadeCodeResponse returned.",
@@ -738,39 +756,40 @@ class Ze extends re {
         });
         return;
       }
-      if (r.context?.kind === "ArcadeCodeResponse") {
-        const s = this.createFeedbackContextSnapshot(n), u = he(r?.context?.arcadeCode?.code ?? "");
+      if (a.context?.kind === "ArcadeCodeResponse") {
+        const u = this.createFeedbackContextSnapshot(r), l = he(a?.context?.arcadeCode?.code ?? "");
         this.updateViewState({
           history: [
             {
-              script: r?.context?.arcadeCode?.code,
-              formattedScript: u,
+              script: a?.context?.arcadeCode?.code,
+              formattedScript: l,
               error: void 0,
               question: e,
               profile: n.profileId,
-              conversationId: r.conversationId,
-              contextSnapshot: s,
-              ...r.message ? { message: r.message } : {}
+              conversationId: a.conversationId,
+              isCurrentResult: !0,
+              contextSnapshot: u,
+              ...a.message ? { message: a.message } : {}
             },
-            ...this.viewState.history
+            ...this.viewState.history.map((m) => ({ ...m, isCurrentResult: !1 }))
           ],
           viewMode: "result",
           errorMessage: void 0
         }), await this.logInteractionToFeedbackService({
           question: e,
-          answer: u,
+          answer: l,
           contextSnapshot: t,
-          conversationId: r.conversationId
+          conversationId: a.conversationId
         });
       }
-    } catch (a) {
-      const n = a instanceof Error && a.name === "ArcadeAssistantError" ? Ae(a) || this.messages.erroroccurred || "An error occurred." : this.messages.erroroccurred || "An error occurred.";
+    } catch (s) {
+      const n = s instanceof Error && s.name === "ArcadeAssistantError" ? Ce(s) || this.messages.erroroccurred || "An error occurred." : this.messages.erroroccurred || "An error occurred.";
       this.updateViewState({ errorMessage: n }), await this.logInteractionToFeedbackService({
         question: e,
         answer: n,
         contextSnapshot: t,
         conversationId: o
-      }), w("error", this, "Error submitting question", { detail: { error: a } });
+      }), w("error", this, "Error submitting question", { detail: { error: s } });
     } finally {
       this.updateViewState({ isSubmitting: !1 });
     }
@@ -783,13 +802,13 @@ class Ze extends re {
     let t = Q;
     const o = D.getEditorProfileForModel(e);
     o?.loaded || await o?.loadSource();
-    const a = this.editorRef.profile;
-    a && "id" in a && (t = a.id);
-    const n = o ? await ze(o) : { variables: [] }, c = Je(n), p = c ? Ge(n) : void 0, s = p ? p.context : n, u = M(s);
+    const s = this.editorRef.profile;
+    s && "id" in s && (t = s.id);
+    const n = o ? await ze(o) : { variables: [] }, r = Je(n), p = r ? Ge(n) : void 0, a = p ? p.context : n, u = V(a);
     return {
       profileId: t,
-      metadata: s,
-      contextTooLarge: c,
+      metadata: a,
+      contextTooLarge: r,
       reducedToVariableName: p?.reducedToVariableName,
       estimatedTokens: u
     };