@arcgis/coding-components 5.0.0-next.149 → 5.0.0-next.150

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

@@ -1,12 +1,12 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
 import { c as Z } from "../../chunks/runtime.js";
-import { css as ee, html as r } from "lit";
+import { css as ee, html as l } from "lit";
 import { nothing as V, safeClassMap as te, LitElement as ie } from "@arcgis/lumina";
 import { ref as oe, createRef as ae } from "lit/directives/ref.js";
 import se from "@arcgis/core/identity/IdentityManager.js";
 import { u as ne } from "../../chunks/useT9n.js";
 import { b as N } from "../../chunks/arcade-defaults.js";
-import U from "@arcgis/core/request.js";
+import _ from "@arcgis/core/request.js";
 import { e as ce, a as re } from "../../chunks/utilities.js";
 import { repeat as Q } from "lit/directives/repeat.js";
 import "@arcgis/toolkit/function";
@@ -18,43 +18,43 @@ import ue from "@arcgis/core/Graphic.js";
 import { log as x } from "@arcgis/toolkit/log";
 import { getDeclaredVoxelMembers as he, getDeclaredPixelMembers as me } from "@arcgis/core/applications/Components/arcadeEditorUtils.js";
 import { s as fe } from "../../chunks/fields.js";
-import { g as K, h as be } from "../../chunks/language-defaults-base.js";
+import { g as Y, h as be } from "../../chunks/language-defaults-base.js";
 import ge from "@arcgis/core/core/Accessor.js";
 import { property as f, subclass as ve } from "@arcgis/core/core/accessorSupport/decorators.js";
-const ye = ee`: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:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:30vh;overflow-y:auto}.feedback-sheet{--calcite-sheet-height: auto;--calcite-sheet-max-height: 100%;--calcite-sheet-min-height: auto}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-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}`;
+const ye = ee`: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-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 C extends Error {
   constructor({
     message: e,
-    code: t,
+    code: i,
     subCode: o,
     details: n,
     source: s
   }) {
-    super(e), this.name = "ArcadeAssistantError", this.code = t, this.subCode = o, this.details = n, this.source = s;
+    super(e), this.name = "ArcadeAssistantError", this.code = i, this.subCode = o, this.details = n, this.source = s;
   }
 }
-function _(i) {
-  if (!i)
+function U(t) {
+  if (!t)
     return;
-  const e = i.indexOf('{"error":');
+  const e = t.indexOf('{"error":');
   if (e !== -1)
     try {
-      const t = i.slice(e), o = JSON.parse(t);
+      const i = t.slice(e), o = JSON.parse(i);
       if (o && typeof o == "object" && o.error)
         return o.error;
     } catch {
       return;
     }
 }
-async function $e(i) {
-  const { baseUrl: e, skillId: t, message: o, authToken: n, previousConversationId: s, context: d } = i, p = t ? `${e}/skills/${t}/chat` : `${e}/chat`, c = [], a = {
+async function we(t) {
+  const { baseUrl: e, skillId: i, message: o, authToken: n, previousConversationId: s, context: r } = t, p = i ? `${e}/skills/${i}/chat` : `${e}/chat`, c = [], a = {
     message: o,
-    context: d
+    context: r
   };
   s && (a.conversation_id = s);
   let h;
   try {
-    h = await U(p, {
+    h = await _(p, {
       method: "post",
       headers: {
         "Content-Type": "application/json",
@@ -64,32 +64,32 @@ async function $e(i) {
       responseType: "json"
     });
   } catch (b) {
-    const g = b, w = g.details?.rawResponse || g.message || String(b), k = _(w);
+    const g = b, $ = g.details?.rawResponse || g.message || String(b), k = U($);
     throw k ? new C(k) : b;
   }
-  const l = h.data;
-  c.push(l);
-  const y = l.conversationId, q = l.inquiryId;
-  let $ = l.sequenceNumber;
+  const d = h.data;
+  c.push(d);
+  const y = d.conversationId, q = d.inquiryId;
+  let w = d.sequenceNumber;
   async function T() {
     let b = 0;
-    const g = 25;
+    const g = 100;
     for (; b < g; ) {
       await new Promise((S) => setTimeout(S, 1e3));
-      const w = we(y, $, q);
+      const $ = $e(y, w, q);
       let k;
       try {
-        k = await U(p, {
+        k = await _(p, {
           method: "post",
           headers: {
             "Content-Type": "application/json",
             token: n
           },
-          body: JSON.stringify(w),
+          body: JSON.stringify($),
           responseType: "json"
         });
       } catch (S) {
-        const F = S, X = F.details?.rawResponse || F.message || String(S), D = _(X);
+        const F = S, X = F.details?.rawResponse || F.message || String(S), D = U(X);
         throw D ? new C(D) : S;
       }
       const v = k.data;
@@ -101,7 +101,7 @@ async function $e(i) {
           details: v.context.error.details,
           source: "polling-response"
         });
-      if (c.push(v), $ = v.sequenceNumber, b++, !v.hasMore)
+      if (c.push(v), w = v.sequenceNumber, b++, !v.hasMore)
         break;
     }
     if (b === g)
@@ -128,26 +128,26 @@ async function $e(i) {
     )
   ]), c;
 }
-function we(i, e, t) {
+function $e(t, e, i) {
   return {
-    conversationId: i,
-    inquiryId: t,
+    conversationId: t,
+    inquiryId: i,
     ackSequenceNumber: e
   };
 }
-function xe(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" ? "I'm having trouble with this request. Try again by re-asking the same question or rephrasing it." : i.message;
+function xe(t) {
+  return t.message.match(/Error in prompt shield/u) ? "I'm having trouble with this request. Try again by rephrasing the question." : t.code === "TIMEOUT" ? "Request timed out. Try again by re-asking the same question or rephrasing it." : t.message;
 }
-const ke = ({ notices: i }) => i.length ? r`<div class="border-block-end">${Q(i, (e) => e.id ?? e.title, (e) => r`<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 && r`<div slot=message>${e.message}</div>` || ""}${e.actionLinkMessage && e.onAction && r`<calcite-link slot=link @click=${() => e.onAction?.()}>${e.actionLinkMessage}</calcite-link>` || ""}</calcite-notice>`)}</div>` : null, Se = (i) => {
-  const e = i.value.length, t = 72, o = 180, n = i.offsetWidth, d = Math.max(1, Math.floor(n / 8)), p = Math.ceil(e / d), c = t + (p - 2) * 24;
-  i.style.setProperty("--calcite-text-area-min-height", `${Math.min(c, o)}px`);
-}, Ce = ({ promptValidationMessage: i, errorMessage: e, contextTooBig: t, contextReducedNoticeDismissed: o, setContextReducedNoticeDismissed: n, setErrorMessage: s, messages: d }) => {
+const ke = ({ notices: t }) => t.length ? l`<div class="border-block-end">${Q(t, (e) => e.id ?? e.title, (e) => l`<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 && l`<div slot=message>${e.message}</div>` || ""}${e.actionLinkMessage && e.onAction && l`<calcite-link slot=link @click=${() => e.onAction?.()}>${e.actionLinkMessage}</calcite-link>` || ""}</calcite-notice>`)}</div>` : null, Se = (t) => {
+  const e = t.value.length, i = 72, o = 180, n = t.offsetWidth, r = Math.max(1, Math.floor(n / 8)), p = Math.ceil(e / r), c = i + (p - 2) * 24;
+  t.style.setProperty("--calcite-text-area-min-height", `${Math.min(c, o)}px`);
+}, Ce = ({ promptValidationMessage: t, errorMessage: e, contextTooBig: i, contextReducedNoticeDismissed: o, setContextReducedNoticeDismissed: n, setErrorMessage: s, messages: r }) => {
   const p = [];
-  if (i && p.push({
+  if (t && p.push({
     id: "prompt-validation",
     kind: "danger",
     icon: "exclamation-mark-triangle",
-    title: i,
+    title: t,
     closable: !0
   }), e && p.push({
     id: "assistant-error",
@@ -156,8 +156,8 @@ const ke = ({ notices: i }) => i.length ? r`<div class="border-block-end">${Q(i,
     title: e,
     closable: !0,
     onClose: () => s(void 0)
-  }), t && !o) {
-    const c = d.contextreduced ?? "Context reduced", a = d.contextreducedmessage ?? "The editor profile is too large for the assistant. It has been reduced in the assistant in order to ensure a successful request.";
+  }), i && !o) {
+    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",
@@ -170,177 +170,177 @@ const ke = ({ notices: i }) => i.length ? r`<div class="border-block-end">${Q(i,
   }
   return p;
 };
-function Ae({ messages: i }) {
-  return r`<calcite-chip slot=header-actions-end scale=s appearance=outline-fill .label=${i.beta ?? "Beta"}>${i.beta ?? "Beta"}</calcite-chip>`;
+function Ae({ messages: t }) {
+  return l`<calcite-chip slot=header-actions-end scale=s appearance=outline-fill .label=${t.beta ?? "Beta"}>${t.beta ?? "Beta"}</calcite-chip>`;
 }
-function Te({ popoverContent: i }) {
-  return r`<calcite-action icon=information slot=header-actions-end id=legal-disclaimer text></calcite-action><calcite-popover reference-element=legal-disclaimer label=legal-disclaimer placement=bottom auto-close focus-trap-disabled><div class="contained">${i}</div></calcite-popover>`;
+function Te({ popoverContent: t, messages: e }) {
+  return l`<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">${t}</div></calcite-popover>`;
 }
-function Ie({ errorMessage: i, slot: e }) {
-  return r`<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>`;
+function Ie({ errorMessage: t, slot: e }) {
+  return l`<div class="error-display"><calcite-input-message id=error-message status=invalid icon=exclamation-mark-triangle scale=m slot=${e ?? V}>${t}</calcite-input-message></div>`;
 }
-function Re({ active: i, setActive: e, messages: t }) {
-  return r`<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>`;
+function Ee({ active: t, setActive: e, messages: i }) {
+  return l`<calcite-alert slot=alerts .open=${t} placement=bottom kind=success icon=check-circle-f auto-close @calciteAlertClose=${() => e(!1)} .label=${i.expressionapplied ?? "Expression applied"}><div slot=message>${i.expressionapplied ?? "Expression applied to editor."}</div></calcite-alert>`;
 }
-function Ee({ context: i, messages: e }) {
-  return i ? r`<div class="gaps">${i.profileId && r`<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 Re({ context: t, messages: e }) {
+  return t ? l`<div class="gaps">${t.profileId && l`<calcite-popover auto-close placement=top .label=${(e.profilecontextlabel ?? "Profile context: {profileId}").replace("{profileId}", t.profileId)} reference-element=profile-context-button class="context-popover contained-popover-or-tooltip"><p>${(e.profilecontextlabel ?? "Profile context: {profileId}").replace("{profileId}", t.profileId)}</p></calcite-popover><calcite-button round kind=neutral icon-start=map-information id=profile-context-button scale=s></calcite-button>` || ""}</div>` : null;
 }
-function Me({ isDisabled: i, isReadOnly: e, setQuestion: t, setIsViewingResult: o, textAreaRef: n, question: s, errorMessage: d, setErrorMessage: p, promptValidationMessage: c, setPromptValidationMessage: a, submitQuestion: h, messages: l, mode: y, assistantRef: q, context: $, contextReducedNoticeDismissed: T, setContextReducedNoticeDismissed: I }) {
-  const b = $?.contextTooLarge ?? !1, g = Ce({
+function Me({ isDisabled: t, isReadOnly: e, setQuestion: i, setIsViewingResult: o, textAreaRef: n, question: s, errorMessage: r, setErrorMessage: p, promptValidationMessage: c, setPromptValidationMessage: a, submitQuestion: h, messages: d, mode: y, assistantRef: q, context: w, contextReducedNoticeDismissed: T, setContextReducedNoticeDismissed: I }) {
+  const b = w?.contextTooLarge ?? !1, g = Ce({
     promptValidationMessage: c,
-    errorMessage: d,
+    errorMessage: r,
     contextTooBig: b,
     contextReducedNoticeDismissed: T,
     setContextReducedNoticeDismissed: I,
     setErrorMessage: p,
-    messages: l
+    messages: d
   });
-  return r`<div class="text-area-wrapper">${ke({ notices: g })}<calcite-text-area scale=s resize=vertical .readOnly=${i || e} class=${te(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=${s} @calciteTextAreaInput=${(w) => {
-    Se(w.target), t(w.target.value);
-  }} ${oe(n)}><div class="submission-actions-wrapper" slot=footer-start><div class="submission-actions">${$ && Ee({ context: $, messages: l }) || ""}<div class="align-inline-end gaps"><calcite-button round kind=neutral .hidden=${y !== "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=${y !== "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 () => {
+  return l`<div class="text-area-wrapper">${ke({ notices: g })}<calcite-text-area scale=s resize=vertical .readOnly=${t || e} class=${te(g.length ? "submission-text-area" : "submission-text-area round-top")} .placeholder=${d.askaquestion ?? `Specify the calculation or logic you need in an Arcade expression. (e.g., 'Return "Yes" if value > 10')`} .value=${s} @calciteTextAreaInput=${($) => {
+    Se($.target), i($.target.value);
+  }} ${oe(n)}><div class="submission-actions-wrapper" slot=footer-start><div class="submission-actions">${w && Re({ context: w, messages: d }) || ""}<div class="align-inline-end gaps"><calcite-button round kind=neutral .hidden=${y !== "refine"} icon-start=arrow-left icon-flip-rtl=both appearance=solid scale=s .disabled=${t} @click=${async () => {
+    o(!1), i("");
+  }} .label=${d.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">${d.startover ?? "Start Over"}</calcite-tooltip><calcite-button round kind=neutral .hidden=${y !== "refine"} icon-start=arrow-left icon-flip-rtl=both appearance=solid .disabled=${t} @click=${async () => {
+    o(!1), i("");
+  }} class="hidden-below-380" scale=s>${d.startover ?? "Start Over"}</calcite-button><calcite-button round scale=s icon-end=effects appearance=solid .loading=${t} .disabled=${t} @click=${async () => {
     if (p(""), !s) {
-      a(l.enteraprompt ?? "Please enter a prompt");
+      a(d.enteraprompt ?? "Please enter a prompt");
       return;
     }
     a(void 0), await h();
-  }} class="hidden-below-380">${y === "prompt" ? l.ask ?? "Generate" : l.refine ?? "Refine"}</calcite-button><calcite-button round scale=s icon-end=effects appearance=solid .loading=${i} .disabled=${i} @click=${async () => {
+  }} class="hidden-below-380">${y === "prompt" ? d.ask ?? "Generate" : d.refine ?? "Refine"}</calcite-button><calcite-button round scale=s icon-end=effects appearance=solid .loading=${t} .disabled=${t} @click=${async () => {
     if (p(""), !s) {
-      a(l.enteraprompt ?? "Please enter a prompt");
+      a(d.enteraprompt ?? "Please enter a prompt");
       return;
     }
     a(void 0), await h();
-  }} class="hidden-above-380" .label=${y === "prompt" ? l.ask ?? "Generate" : l.refine ?? "Refine"}></calcite-button></div></div></div></calcite-text-area></div>`;
+  }} class="hidden-above-380" .label=${y === "prompt" ? d.ask ?? "Generate" : d.refine ?? "Refine"}></calcite-button></div></div></div></calcite-text-area></div>`;
 }
 const Pe = "https://www.esri.com/en-us/privacy/privacy-statements/privacy-supplement", Ve = "https://www.esri.com/en-us/privacy/privacy-statements";
-function qe({ setOpen: i, messages: e, feedback: t, setFeedback: o, onSubmit: n }) {
-  return t.active ? r`<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.providefeedback ?? "Provide feedback"} .description=${e.experiencehelps ?? "Your experience helps guide future improvements"}><div class="feedback-content"><calcite-label>${e.experiencehelpful ?? "Was the assistant helpful?"}<calcite-segmented-control scale=l .disabled=${t.submitting}><calcite-segmented-control-item icon-start=thumbs-up .checked=${t.value === "good"} @click=${() => o({ ...t, value: "good" })}></calcite-segmented-control-item><calcite-segmented-control-item icon-start=thumbs-down .checked=${t.value === "bad"} @click=${() => o({ ...t, value: "bad" })}></calcite-segmented-control-item></calcite-segmented-control></calcite-label><calcite-label>${e.describeexperience ?? "Describe your experience"}<calcite-text-area resize=vertical .value=${t.text} @calciteTextAreaInput=${(s) => o({ ...t, text: s.target.value })} .disabled=${t.submitting}></calcite-text-area></calcite-label><calcite-label layout=inline scale=s><calcite-checkbox scale=l .checked=${t.termsAccepted} @calciteCheckboxChange=${(s) => {
-    o({ ...t, termsAccepted: s.target.checked });
-  }} .disabled=${t.submitting}></calcite-checkbox><span>${A((e.agreement ?? "I agree to the {EsriPrivacyStatement} (and {Supplement}).").replace("{EsriPrivacyStatement}", `<calcite-link href=${Ve} target="_blank">${e.esriprivacystatement ?? "Esri Privacy Statement"}</calcite-link>`).replace("{Supplement}", `<calcite-link href=${Pe} target="_blank">${e.supplement ?? "Supplement"}</calcite-link>`))}</span></calcite-label></div><calcite-button slot=footer width=full @click=${n} .disabled=${!t.termsAccepted || t.submitting} .loading=${t.submitting}>${e.submitfeedback ?? "Submit Feedback"}</calcite-button></calcite-panel></calcite-sheet>` : null;
+function qe({ setOpen: t, messages: e, feedback: i, learnMoreUrl: o, setFeedback: n, onSubmit: s }) {
+  return i.active ? l`<calcite-sheet class="feedback-sheet" .label=${e.feedback ?? "Feedback"} slot=sheets display-mode=float position=block-end .open=${i.active} @calciteSheetClose=${() => t(!1)}><calcite-panel .heading=${e.submitfeedback ?? "Submit feedback to Esri"} scale=s><div class="feedback-content"><calcite-text-area scale=s resize=vertical .value=${i.text} @calciteTextAreaInput=${(r) => n({ ...i, text: r.target.value })} .disabled=${i.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=${i.termsAccepted} @calciteCheckboxChange=${(r) => {
+    n({ ...i, termsAccepted: r.target.checked });
+  }} .disabled=${i.submitting}></calcite-checkbox><span>${A((e.agreement ?? "I agree to the {EsriPrivacyStatement} (and {Supplement}).").replace("{EsriPrivacyStatement}", `<calcite-link href=${Ve} target="_blank">${e.esriprivacystatement ?? "Esri Privacy Statement"}</calcite-link>`).replace("{Supplement}", `<calcite-link href=${Pe} target="_blank">${e.supplement ?? "Supplement"}</calcite-link>`))}</span></calcite-label><calcite-notice scale=s open closable><span slot=message>${A((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=${() => t(!1)} .disabled=${i.submitting}>${e.cancel ?? "Cancel"}</calcite-button><calcite-button @click=${s} .disabled=${!i.termsAccepted || i.submitting} .loading=${i.submitting} data-testid=submit-feedback-button>${e.submit ?? "Submit"}</calcite-button></div></calcite-panel></calcite-sheet>` : null;
 }
-function O({ assistantsEnabled: i, messages: e, slot: t, assistantHelpUrl: o, helpTopicUrl: n }) {
-  return r`<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><p>${e.capabilities ?? "The assistant uses artificial intelligence to generate Arcade expressions."}</p>${i ? r`<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>${A((e.seedocumentation ?? "Please see the {documentation} for more information, including limitations and additional resources.").replace("{documentation}", `<calcite-link href=${n} target="_blank">${e.documentation ?? "documentation"}</calcite-link>`))}</p>` : r`<p>${A(e.useofassistant?.replace("{aiassistants}", `<strong>${e.aiassistants ?? "Ai Assistants"}</strong>`))}<calcite-link .href=${o} target=_blank icon-end=launch2>${e.configureassistants ?? "Configure Assistants"}</calcite-link></p>`}</calcite-block>`;
+function O({ assistantsEnabled: t, messages: e, slot: i, helpTopicUrl: o }) {
+  return l`<calcite-block .label=${e.assistantinformation ?? "Assistant information"} slot=${i ?? 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>${t ? l`<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>${A((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>` : l`<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 Fe({ messages: i, onProceed: e, onExit: t, helpTopicUrl: o }) {
-  return r`<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>${A((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 Fe({ messages: t, onProceed: e, onExit: i, helpTopicUrl: o }) {
+  return l`<calcite-dialog close-disabled placement=top .heading=${t.welcome ?? "Welcome to the new assistant experience"} slot=dialogs open width-scale=m id=welcome-dialog><h3 class="unstyled-h3">${t.beforeyougetstarted ?? "Before you get started be aware:"}</h3><ul><li>${t.maybeincorrect ?? "AI generated code may occasionally be incorrect or biased. Review carefully."}</li><li>${A((t.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">${t.helptopic ?? "help topic"}</calcite-link>`))}</li></ul><calcite-button id=welcome-proceed slot=footer-end @click=${e}>${t.proceed ?? "Proceed"}</calcite-button><calcite-button id=welcome-decline slot=footer-start @click=${i} kind=neutral>${t.exit ?? "Exit"}</calcite-button></calcite-dialog>`;
 }
-function De({ messages: i, suggestions: e, onSuggestionClick: t }) {
-  return r`<calcite-block .heading=${i.promptsuggestions} expanded collapsible id=suggestion-block scale=s><div class="suggestions">${e.map((o) => r`<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>`;
+function De({ messages: t, suggestions: e, onSuggestionClick: i }) {
+  return l`<calcite-block .heading=${t.promptsuggestions} expanded collapsible id=suggestion-block scale=s><div class="suggestions">${e.map((o) => l`<calcite-button round scale=s appearance=outline-fill kind=neutral .label=${t.promptsuggestion} class="suggestion-button" @click=${() => i?.(o)}>${o}</calcite-button>`)}</div></calcite-block>`;
 }
 const z = 200;
-function L({ hidden: i = !1, expanded: e = !1, messages: t, cards: o, heading: n, collapsible: s = !1, showEffectsIcon: d = !1, onCopyCode: p, standalone: c }) {
-  return r`<calcite-block .hidden=${i} id=result-block .heading=${n ?? t.besteffort ?? "Here is the assistant's best effort"} .expanded=${e} .collapsible=${s}>${d && r`<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"}>${Q(o, (a) => a.conversationId, (a) => r`<calcite-card><div slot=heading><div class="prior-prompt"><span>${a.priorPrompt.length > z ? `${a.priorPrompt.slice(0, z)}...` : 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=${(h) => {
-    const l = h.currentTarget;
+function L({ hidden: t = !1, expanded: e = !1, messages: i, cards: o, heading: n, collapsible: s = !1, showEffectsIcon: r = !1, onCopyCode: p, standalone: c }) {
+  return l`<calcite-block .hidden=${t} id=result-block .heading=${n ?? i.besteffort ?? "Here is the assistant's best effort"} .expanded=${e} .collapsible=${s}>${r && l`<calcite-chip .label=${i.assistantresponses ?? "Assistant responses"} slot=content-start icon=effects scale=m class="suggestion-chips"></calcite-chip>` || ""}<calcite-card-group .label=${i.assistantresponses ?? "Assistant responses"}>${Q(o, (a) => a.conversationId, (a) => l`<calcite-card><div slot=heading><div class="prior-prompt"><span>${a.priorPrompt.length > z ? `${a.priorPrompt.slice(0, z)}...` : 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=${(h) => {
+    const d = h.currentTarget;
     navigator.clipboard.writeText(a.priorPrompt).then(() => {
-      l.setAttribute("data-copied", "true"), setTimeout(() => l.removeAttribute("data-copied"), 1500);
+      d.setAttribute("data-copied", "true"), setTimeout(() => d.removeAttribute("data-copied"), 1500);
     });
-  }}></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 && r`<div class="response-error-container">${Ie({ 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 && r`<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>` || ""}${Ne({ 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=${(h) => {
-    const l = h.currentTarget;
+  }}></calcite-action><calcite-popover .referenceElement=${`copy-prompt-${a.conversationId}-${c ? "standalone" : "list"}`} placement=top-start class="copy-feedback" .label=${i.copiedsuccessfully ?? "copied successfully"} open trigger-disabled><span>${i.copiedsuccessfully ?? "copied successfully"}</span></calcite-popover><calcite-tooltip .referenceElement=${`copy-prompt-${a.conversationId}-${c ? "standalone" : "list"}`} placement=top-start class="copy-tooltip">${i.copyprompttoclipboard ?? "Copy prompt to clipboard"}</calcite-tooltip></div>${a.message && c && l`<div class="response-error-container">${Ie({ errorMessage: a.message })}</div>` || ""}</div><div><div class="code-response-wrapper"><div class="positioned-code-content"><calcite-chip-group .label=${i.responsecontext ?? "Response Context"} scale=s>${a.message && !c && l`<calcite-tooltip .referenceElement=${`response-chip-${a.conversationId}-error`} placement=top-start>${a.message}</calcite-tooltip><calcite-chip .id=${`response-chip-${a.conversationId}-error`} .label=${i.error ?? "Error"} scale=s appearance=outline icon=exclamation-mark-triangle-f class="response-error-chip"></calcite-chip>` || ""}${Ne({ card: a, messages: i })}</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=${i.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>${i.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>${i.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>${i.replaceineditor ?? "Replace all code in editor"}</span></calcite-tooltip><calcite-button round icon-start=copy-to-clipboard kind=neutral scale=s @click=${(h) => {
+    const d = h.currentTarget;
     p(a.code).then(() => {
-      l.setAttribute("data-copied", "true"), setTimeout(() => l.removeAttribute("data-copied"), 1500);
+      d.setAttribute("data-copied", "true"), setTimeout(() => d.removeAttribute("data-copied"), 1500);
     });
-  }} 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>`;
+  }} 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=${i.copiedsuccessfully ?? "copied successfully"} open trigger-disabled><span>${i.copiedsuccessfully ?? "copied successfully"}</span></calcite-popover><calcite-tooltip .referenceElement=${`copy-response-${a.conversationId}-${c ? "standalone" : "list"}`} placement=top-start class="copy-tooltip">${i.copytoclipboard ?? "Copy code to clipboard"}</calcite-tooltip></div><div slot=footer-end class="feedback-actions"><calcite-action .text=${i.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>${i.helpful ?? "Helpful"}</span></calcite-tooltip><calcite-action .text=${i.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>${i.unhelpful ?? "Unhelpful"}</span></calcite-tooltip></div></calcite-card>`)}</calcite-card-group></calcite-block>`;
 }
-const Ne = ({ card: i, messages: e }) => {
-  const t = le(), o = `response-chip-profile-${i.conversationId}-${t}`, n = (e.profilecontextlabel ?? "Profile context: {profileId}").replace("{profileId}", i.profileId);
-  return r`<calcite-tooltip .referenceElement=${o} placement=top-start class="contained-popover-or-tooltip">${n}</calcite-tooltip><calcite-chip .label=${i.profileId} scale=s appearance=outline icon=map-information id=${o ?? V}>${i.profileId}</calcite-chip>`;
-}, H = (i) => i.type === "featureSet", R = (i) => {
-  if (!be(i))
+const Ne = ({ card: t, messages: e }) => {
+  const i = le(), o = `response-chip-profile-${t.conversationId}-${i}`, n = (e.profilecontextlabel ?? "Profile context: {profileId}").replace("{profileId}", t.profileId);
+  return l`<calcite-tooltip .referenceElement=${o} placement=top-start class="contained-popover-or-tooltip">${n}</calcite-tooltip><calcite-chip .label=${t.profileId} scale=s appearance=outline icon=map-information id=${o ?? V}>${t.profileId}</calcite-chip>`;
+}, B = (t) => t.type === "featureSet", E = (t) => {
+  if (!be(t))
     return [];
   const e = [];
-  return i.relationships?.forEach((t) => {
-    e.push(t.toJSON());
+  return t.relationships?.forEach((i) => {
+    e.push(i.toJSON());
   }), e;
-}, E = (i) => i.length > 0 ? { relationships: i } : {}, Ue = (i) => fe(i).map((e) => ({
+}, R = (t) => t.length > 0 ? { relationships: t } : {}, _e = (t) => fe(t).map((e) => ({
   alias: e.alias,
   name: e.name,
   type: e.type,
   ...e.domain ? { domain: e.domain } : {}
-})), M = (i) => i ? { fields: Ue(i) } : { fields: [] };
-async function B(i) {
-  const e = await i.loadSource(), t = K(e) && e.isTable, o = R(e);
+})), M = (t) => t ? { fields: _e(t) } : { fields: [] };
+async function j(t) {
+  const e = await t.loadSource(), i = Y(e) && e.isTable, o = E(e);
   return {
-    name: i.name,
+    name: t.name,
     type: "featureSet",
-    isTable: t,
+    isTable: i,
     ...M(e?.fields),
-    ...E(o)
+    ...R(o)
   };
 }
-async function Y(i) {
-  switch (i.type) {
+async function K(t) {
+  switch (t.type) {
     case "feature": {
-      const e = await i.loadSource(), t = R(e);
+      const e = await t.loadSource(), i = E(e);
       return {
-        name: i.name,
-        type: i.type,
+        name: t.name,
+        type: t.type,
         ...M(e?.fields),
-        ...E(t)
+        ...R(i)
       };
     }
     case "featureSet": {
-      const e = await i.loadSource(), t = K(e) && e.isTable;
+      const e = await t.loadSource(), i = Y(e) && e.isTable;
       return {
-        name: i.name,
+        name: t.name,
         type: "featureSet",
-        ...t ? { isTable: t } : {},
+        ...i ? { isTable: i } : {},
         ...M(e?.fields),
-        ...E(R(e))
+        ...R(E(e))
       };
     }
     case "featureSetCollection": {
-      const e = await i.loadSource(), t = e?.layers.filter(H) ?? [], o = e?.tables.filter(H) ?? [], n = await Promise.all(t.map(B)), s = await Promise.all(o.map(B));
+      const e = await t.loadSource(), i = e?.layers.filter(B) ?? [], o = e?.tables.filter(B) ?? [], n = await Promise.all(i.map(j)), s = await Promise.all(o.map(j));
       return {
-        name: i.name,
+        name: t.name,
         type: "featureSetCollection",
         layers: n,
         tables: s
       };
     }
     case "dictionary": {
-      const e = await Promise.all(i.dictionaryVariables.map(Y));
+      const e = await Promise.all(t.dictionaryVariables.map(K));
       return {
-        name: i.name,
+        name: t.name,
         type: "dictionary",
         attributes: e
       };
     }
     case "pixel": {
-      const e = await i.loadSource();
+      const e = await t.loadSource();
       if (!e)
         return {
-          name: i.name,
+          name: t.name,
           type: "pixel"
         };
-      const t = await me(e);
+      const i = await me(e);
       return {
-        name: i.name,
+        name: t.name,
         type: "pixel",
-        members: t.map(j)
+        members: i.map(H)
       };
     }
     case "voxel": {
-      const e = await i.loadSource();
+      const e = await t.loadSource();
       if (!e)
         return {
-          name: i.name,
+          name: t.name,
           type: "voxel"
         };
-      const t = await he(e);
+      const i = await he(e);
       return {
-        name: i.name,
+        name: t.name,
         type: "voxel",
-        members: t.map(j)
+        members: i.map(H)
       };
     }
     case "array":
       return {
-        name: i.name,
+        name: t.name,
         type: "array",
-        elementType: i.elementType.type
+        elementType: t.elementType.type
       };
     case "number":
     case "text":
@@ -351,42 +351,42 @@ async function Y(i) {
     case "geometry":
     case "time":
       return {
-        name: i.name,
-        type: i.type
+        name: t.name,
+        type: t.type
       };
   }
 }
-function j(i) {
-  return i.type === "array" ? {
-    name: i.name,
+function H(t) {
+  return t.type === "array" ? {
+    name: t.name,
     type: "array",
-    elementType: i.elementType.type
+    elementType: t.elementType.type
   } : {
-    name: i.name,
-    type: i.type
+    name: t.name,
+    type: t.type
     // casting bc member types shouldn't be feature, featureset, etc.
   };
 }
-async function _e(i) {
+async function Ue(t) {
   return {
-    variables: await Promise.all(i.variables.map(Y))
+    variables: await Promise.all(t.variables.map(K))
   };
 }
 const Oe = 1e5;
-function ze(i) {
-  const e = new TextEncoder().encode(i).length;
+function ze(t) {
+  const e = new TextEncoder().encode(t).length;
   return Math.ceil(e / 3.5);
 }
-function P(i) {
-  return ze(JSON.stringify(i));
+function P(t) {
+  return ze(JSON.stringify(t));
 }
-function Le(i) {
+function Le(t) {
   const e = (o) => ({
     name: o.name,
     type: o.type,
     ...o.isTable ? { isTable: o.isTable } : {},
     ...o.relationships ? { relationships: o.relationships } : {}
-  }), t = (o) => {
+  }), i = (o) => {
     switch (o.type) {
       case "feature":
       case "featureSet":
@@ -408,7 +408,7 @@ function Le(i) {
         return {
           name: o.name,
           type: "dictionary",
-          attributes: o.attributes.map(t)
+          attributes: o.attributes.map(i)
         };
       case "pixel":
       case "voxel":
@@ -427,28 +427,28 @@ function Le(i) {
     }
   };
   return {
-    variables: i.variables.map(t)
+    variables: t.variables.map(i)
   };
 }
-function He(i) {
-  const e = i.variables, t = e.length, o = e.find((s) => s.name === "$feature") ?? e.find((s) => s.type === "feature") ?? e[0], n = o ? [o] : [];
+function Be(t) {
+  const e = t.variables, i = e.length, o = e.find((s) => s.name === "$feature") ?? e.find((s) => s.type === "feature") ?? e[0], n = o ? [o] : [];
   return {
     context: { variables: n },
-    wasReduced: t !== n.length,
+    wasReduced: i !== n.length,
     reducedToVariableName: o?.name
   };
 }
-function Be(i) {
-  return P(i) > Oe;
+function je(t) {
+  return P(t) > Oe;
 }
-var je = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, m = (i, e, t, o) => {
-  for (var n = o > 1 ? void 0 : o ? Ge(e, t) : e, s = i.length - 1, d; s >= 0; s--)
-    (d = i[s]) && (n = (o ? d(e, t, n) : d(n)) || n);
-  return o && n && je(e, t, n), n;
+var He = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, m = (t, e, i, o) => {
+  for (var n = o > 1 ? void 0 : o ? Ge(e, i) : e, s = t.length - 1, r; s >= 0; s--)
+    (r = t[s]) && (n = (o ? r(e, i, n) : r(n)) || n);
+  return o && n && He(e, i, n), n;
 };
 let u = class extends ge {
-  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 };
+  constructor(t) {
+    super(t), this.viewMode = "prompt", this.confirmationActive = !1, this.contextReducedNoticeDismissed = !1, this.splashActive = !0, this.isSubmitting = !1, this.question = "", this.history = [], this.feedback = { active: !1 };
   }
 };
 m([
@@ -487,7 +487,7 @@ m([
 u = m([
   ve("ArcadeAssistantViewState")
 ], u);
-const We = "arcade_generation", Je = "ArcadeCodeRequest", G = "visualization", Qe = "ArcadeAssistant", Ke = [
+const Je = "arcade_generation", We = "ArcadeCodeRequest", G = "visualization", Qe = "ArcadeAssistant", Ye = [
   "your_comments",
   "user_evaluation",
   "question",
@@ -498,12 +498,12 @@ const We = "arcade_generation", Je = "ArcadeCodeRequest", G = "visualization", Q
   "context",
   "extras"
 ];
-let W = [], J = !0;
-class Ye extends ie {
+let J = [], W = !0;
+class Ke extends ie {
   constructor() {
-    super(...arguments), this.textAreaRef = ae(), this.messages = ne(), this._feedbackService = void 0, this.viewState = new u(), this.handleFeedbackButton = (e, t) => {
+    super(...arguments), this.textAreaRef = ae(), this.messages = ne(), this._feedbackService = void 0, this.viewState = new u(), this.handleFeedbackButton = (e, i) => {
       this.updateViewState({
-        feedback: { active: !0, value: e, item: t, termsAccepted: !1, text: "", submitting: !1 }
+        feedback: { active: !0, value: e, item: i, termsAccepted: !1, text: "", submitting: !1 }
       });
     }, this.handleFeedbackSheetClose = () => {
       this.updateViewState({ feedback: { active: !1 } });
@@ -516,9 +516,9 @@ class Ye extends ie {
         this.handleFeedbackSheetClose();
         return;
       }
-      const t = this.viewState.feedback.item.contextSnapshot, o = pe.applicationName;
+      const i = this.viewState.feedback.item.contextSnapshot, o = pe.applicationName;
       !o && !this.appVersion && x("warn", this, "esriConfig.applicationName is not set. Consider setting it to help identify the application version in feedback.");
-      const { value: n, text: s, termsAccepted: d, item: { question: p, formattedScript: c, conversationId: a } } = this.viewState.feedback, h = {
+      const { value: n, text: s, termsAccepted: r, item: { question: p, formattedScript: c, conversationId: a } } = this.viewState.feedback, h = {
         user_evaluation: n,
         your_comments: s || void 0,
         question: p ?? "",
@@ -532,15 +532,15 @@ class Ye extends ie {
         useragent: navigator.userAgent,
         _source: Qe,
         version: this.appVersion || o || "NOT_SET",
-        context: t ? JSON.stringify(t) : "",
-        extras: t?.profileId ?? "",
+        context: i ? JSON.stringify(i) : "",
+        extras: i?.profileId ?? "",
         conversation_id: a ?? "",
-        privacy_statement: d ? "I_agree" : ""
+        privacy_statement: r ? "I_agree" : ""
       };
       try {
         await e.applyEdits({ addFeatures: [new ue({ attributes: h })] });
-      } catch (l) {
-        x("error", this, "Error submitting feedback.", { detail: { error: l } });
+      } catch (d) {
+        x("error", this, "Error submitting feedback.", { detail: { error: d } });
       }
       this.handleFeedbackSheetClose();
     }, this.handleClose = (e) => {
@@ -563,9 +563,6 @@ class Ye extends ie {
     return `// ${this.messages.disclaimercomment}
 // ${this.messages.disclaimerpt2 ?? "AI-generated content may be inaccurate. Review before using."}`;
   }
-  get assistantHelpUrl() {
-    return `${this.helpBase ?? "https://doc.arcgis.com/en/arcgis-online/"}administer/configure-assistants.htm`;
-  }
   get assistantOverviewDocUrl() {
     return `${this.helpBase ?? "https://doc.arcgis.com/en/arcgis-online/"}create-maps/understand-arcade-assistant.htm`;
   }
@@ -575,23 +572,23 @@ class Ye extends ie {
   async destroy() {
   }
   connectedCallback() {
-    super.connectedCallback(), this.updateViewState({ history: W, splashActive: J });
+    super.connectedCallback(), this.updateViewState({ history: J, splashActive: W });
   }
   load() {
     const e = async () => {
-      const t = this.getModel();
-      if (!t) {
+      const i = this.getModel();
+      if (!i) {
         this.updateViewState({ context: void 0 });
         return;
       }
-      const o = await this.getProfileAndMetadata(t.uri);
+      const o = await this.getProfileAndMetadata(i.uri);
       this.updateViewState({
         context: o,
         contextReducedNoticeDismissed: o.contextTooLarge ? !1 : this.viewState.contextReducedNoticeDismissed
       });
     };
-    e().catch((t) => {
-      x("error", this, "Error setting initial context.", { detail: { error: t } });
+    e().catch((i) => {
+      x("error", this, "Error setting initial context.", { detail: { error: i } });
     }), this.manager.onLifecycle(() => ({ remove: N.onModelContextDidChange(async () => {
       e().catch((o) => {
         x("error", this, "Error setting context.", { detail: { error: o } });
@@ -599,31 +596,31 @@ class Ye extends ie {
     }).dispose }));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), W = this.viewState.history, J = this.viewState.splashActive, this.copySuccessTimer && (clearTimeout(this.copySuccessTimer), this.copySuccessTimer = void 0);
+    super.disconnectedCallback(), J = this.viewState.history, W = this.viewState.splashActive, this.copySuccessTimer && (clearTimeout(this.copySuccessTimer), this.copySuccessTimer = void 0);
   }
   createFeedbackContextSnapshot(e) {
-    const t = Le(e.metadata);
+    const i = Le(e.metadata);
     return {
       ...e,
-      metadata: t,
-      estimatedTokens: P(t)
+      metadata: i,
+      estimatedTokens: P(i)
     };
   }
   updateViewState(e) {
     this.viewState.set(e);
   }
   getHistoryCards() {
-    return this.viewState.history.reduce((e, t) => (!t.script || (e.push({
-      priorPrompt: t.question,
-      code: t.formattedScript || t.error || "",
-      profileId: t.profile ?? G,
+    return this.viewState.history.reduce((e, i) => (!i.script || (e.push({
+      priorPrompt: i.question,
+      code: i.formattedScript || i.error || "",
+      profileId: i.profile ?? G,
       onAddToEditor: (o) => {
-        ce(this.editorRef.editorInstance, t.formattedScript ?? "", o, this.disclaimerComment);
+        ce(this.editorRef.editorInstance, i.formattedScript ?? "", o, this.disclaimerComment);
       },
-      onThumbsUp: () => this.handleFeedbackButton("good", t),
-      onThumbsDown: () => this.handleFeedbackButton("bad", t),
-      conversationId: t.conversationId ?? "",
-      message: t.message
+      onThumbsUp: () => this.handleFeedbackButton("good", i),
+      onThumbsDown: () => this.handleFeedbackButton("bad", i),
+      conversationId: i.conversationId ?? "",
+      message: i.message
     }), this.viewState.viewMode === "result"), e), []);
   }
   async ensureFeedbackService() {
@@ -633,9 +630,9 @@ class Ye extends ie {
       return;
     const e = new de({ url: this.feedbackServiceUrl });
     await e.load();
-    const t = Ke.filter((o) => !e.fields.some((n) => n.name === o));
-    if (t.length > 0) {
-      x("error", this, `Missing the following fields in feedback service: ${t.join(", ")}. Feedback will not be logged.`);
+    const i = Ye.filter((o) => !e.fields.some((n) => n.name === o));
+    if (i.length > 0) {
+      x("error", this, `Missing the following fields in feedback service: ${i.join(", ")}. Feedback will not be logged.`);
       return;
     }
     return this._feedbackService = e, e;
@@ -647,26 +644,26 @@ class Ye extends ie {
     if (this.viewState.question) {
       this.updateViewState({ isSubmitting: !0, errorMessage: void 0 });
       try {
-        const e = await this.getToken(), t = this.getModel();
-        if (!t)
+        const e = await this.getToken(), i = this.getModel();
+        if (!i)
           return;
-        const o = this.viewState.context ?? await this.getProfileAndMetadata(t.uri), s = (await $e({
+        const o = this.viewState.context ?? await this.getProfileAndMetadata(i.uri), s = (await we({
           baseUrl: this.serviceUrl,
-          skillId: We,
+          skillId: Je,
           message: this.viewState.question,
           authToken: e,
           context: {
-            kind: Je,
+            kind: We,
             context: {
               profile_id: o.profileId,
               metadata: [o.metadata]
             }
           }
-        })).find((d) => d.context?.kind === "ArcadeCodeResponse");
+        })).find((r) => r.context?.kind === "ArcadeCodeResponse");
         if (!s)
           return;
         if (s.context?.kind === "ArcadeCodeResponse") {
-          const d = this.createFeedbackContextSnapshot(o);
+          const r = this.createFeedbackContextSnapshot(o);
           this.updateViewState({
             history: [
               {
@@ -676,7 +673,7 @@ class Ye extends ie {
                 question: this.viewState.question,
                 profile: o.profileId,
                 conversationId: s.conversationId,
-                contextSnapshot: d,
+                contextSnapshot: r,
                 ...s.message ? { message: s.message } : {}
               },
               ...this.viewState.history
@@ -699,38 +696,38 @@ class Ye extends ie {
     return e;
   }
   async getProfileAndMetadata(e) {
-    let t = G;
+    let i = G;
     const o = N.getEditorProfileForModel(e);
     o?.loaded || await o?.loadSource();
     const n = this.editorRef.profile;
-    n && "id" in n && (t = n.id);
-    const s = o ? await _e(o) : { variables: [] }, d = Be(s), p = d ? He(s) : void 0, a = p ? p.context : s, h = P(a);
+    n && "id" in n && (i = n.id);
+    const s = o ? await Ue(o) : { variables: [] }, r = je(s), p = r ? Be(s) : void 0, a = p ? p.context : s, h = P(a);
     return {
-      profileId: t,
+      profileId: i,
       metadata: a,
-      contextTooLarge: d,
+      contextTooLarge: r,
       reducedToVariableName: p?.reducedToVariableName,
       estimatedTokens: h
     };
   }
   onCopyCode(e) {
-    const t = e ? `${this.disclaimerComment}
+    const i = e ? `${this.disclaimerComment}
 ${e}` : "";
-    return navigator.clipboard.writeText(t);
+    return navigator.clipboard.writeText(i);
   }
   render() {
     if (this.closed)
       return null;
-    const e = this.viewState.viewMode === "result", t = this.getHistoryCards();
-    return this.assistantsEnabled ? r`<calcite-flow><calcite-flow-item closable heading-level=2 .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${this.viewState.splashActive && r`<calcite-scrim></calcite-scrim>` || ""}${Ae({ messages: this.messages })}${Te({ popoverContent: O({ assistantsEnabled: this.assistantsEnabled, messages: this.messages, assistantHelpUrl: this.assistantHelpUrl, helpTopicUrl: this.usingTheAssitantDocUrl }) })}<calcite-shell class="unstyled-shell">${this.viewState.splashActive && Fe({ messages: this.messages, onProceed: () => {
+    const e = this.viewState.viewMode === "result", i = this.getHistoryCards();
+    return this.assistantsEnabled ? l`<calcite-flow><calcite-flow-item closable heading-level=2 .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${this.viewState.splashActive && l`<calcite-scrim></calcite-scrim>` || ""}${Ae({ messages: this.messages })}${Te({ messages: this.messages, popoverContent: O({ assistantsEnabled: this.assistantsEnabled, messages: this.messages, helpTopicUrl: this.usingTheAssitantDocUrl }) })}<calcite-shell class="unstyled-shell">${this.viewState.splashActive && Fe({ messages: this.messages, onProceed: () => {
       this.updateViewState({ splashActive: !1 });
-    }, helpTopicUrl: this.assistantOverviewDocUrl, onExit: (o) => this.closePanel?.(o) }) || ""}${Re({ active: this.viewState.confirmationActive, setActive: (o) => this.updateViewState({ confirmationActive: o }), messages: this.messages })}${Me({ isDisabled: this.viewState.isSubmitting, isReadOnly: !1, setQuestion: this.setQuestionState, setIsViewingResult: (o) => this.updateViewState({ viewMode: o ? "result" : "prompt" }), mode: e ? "refine" : "prompt", textAreaRef: this.textAreaRef, question: this.viewState.question, errorMessage: this.viewState.errorMessage, setErrorMessage: (o) => this.updateViewState({ errorMessage: o }), promptValidationMessage: this.viewState.promptValidationMessage, setPromptValidationMessage: (o) => this.updateViewState({ promptValidationMessage: o }), submitQuestion: this.submitQuestion.bind(this), assistantRef: this.el, messages: this.messages, context: this.viewState.context, contextReducedNoticeDismissed: this.viewState.contextReducedNoticeDismissed, setContextReducedNoticeDismissed: (o) => this.updateViewState({ contextReducedNoticeDismissed: o }) })}<calcite-block-group label="interactive blocks">${!e && !this.viewState.isSubmitting && De({ messages: this.messages, suggestions: [this.messages.prompsuggestion1 ?? "", this.messages.prompsuggestion2 ?? ""], onSuggestionClick: this.onSuggestionClick }) || ""}<calcite-block .hidden=${!this.viewState.isSubmitting} .heading=${this.messages.generatingresponse ?? "Generating response..."}></calcite-block>${L({
+    }, helpTopicUrl: this.assistantOverviewDocUrl, onExit: (o) => this.closePanel?.(o) }) || ""}${Ee({ active: this.viewState.confirmationActive, setActive: (o) => this.updateViewState({ confirmationActive: o }), messages: this.messages })}${Me({ isDisabled: this.viewState.isSubmitting, isReadOnly: !1, setQuestion: this.setQuestionState, setIsViewingResult: (o) => this.updateViewState({ viewMode: o ? "result" : "prompt" }), mode: e ? "refine" : "prompt", textAreaRef: this.textAreaRef, question: this.viewState.question, errorMessage: this.viewState.errorMessage, setErrorMessage: (o) => this.updateViewState({ errorMessage: o }), promptValidationMessage: this.viewState.promptValidationMessage, setPromptValidationMessage: (o) => this.updateViewState({ promptValidationMessage: o }), submitQuestion: this.submitQuestion.bind(this), assistantRef: this.el, messages: this.messages, context: this.viewState.context, contextReducedNoticeDismissed: this.viewState.contextReducedNoticeDismissed, setContextReducedNoticeDismissed: (o) => this.updateViewState({ contextReducedNoticeDismissed: o }) })}<calcite-block-group .label=${this.messages.interactiveblocks ?? "interactive blocks"}>${!e && !this.viewState.isSubmitting && De({ messages: this.messages, suggestions: [this.messages.prompsuggestion1 ?? "", this.messages.prompsuggestion2 ?? ""], onSuggestionClick: this.onSuggestionClick }) || ""}<calcite-block .hidden=${!this.viewState.isSubmitting} .heading=${this.messages.generatingresponse ?? "Generating response..."}></calcite-block>${L({
       expanded: e,
       messages: this.messages,
       collapsible: !0,
       showEffectsIcon: !0,
       /** Only show the latest history card */
-      cards: t.length ? [t[0]] : [],
+      cards: i.length ? [i[0]] : [],
       heading: this.messages.besteffort ?? "Here's the assistant's best effort",
       hidden: this.viewState.isSubmitting || !e,
       onCopyCode: this.onCopyCode.bind(this),
@@ -745,14 +742,14 @@ ${e}` : "";
        * To avoid showing the same card twice, we remove (slice out) the first card
        * from the list of recent prompts below.
        */
-      cards: e ? t.slice(1) : t,
+      cards: e ? i.slice(1) : i,
       heading: this.messages.recentprompts ?? "Recent prompts",
       hidden: this.viewState.isSubmitting || this.viewState.history.length === 0,
       onCopyCode: this.onCopyCode.bind(this)
-    })}</calcite-block-group>${this.viewState.feedback.active ? qe({ setOpen: this.handleFeedbackSheetClose, messages: this.messages, onSubmit: this.handleFeedbackSubmit, feedback: this.viewState.feedback, setFeedback: this.setFeedbackState }) : null}</calcite-shell></calcite-flow-item></calcite-flow>` : r`<calcite-flow><calcite-flow-item .selected=${!e} closable heading-level=2 .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${O({ slot: "content-top", messages: this.messages, assistantsEnabled: this.assistantsEnabled, assistantHelpUrl: this.assistantHelpUrl, helpTopicUrl: this.usingTheAssitantDocUrl })}</calcite-flow-item></calcite-flow>`;
+    })}</calcite-block-group>${this.viewState.feedback.active ? qe({ setOpen: this.handleFeedbackSheetClose, messages: this.messages, onSubmit: this.handleFeedbackSubmit, feedback: this.viewState.feedback, setFeedback: this.setFeedbackState, learnMoreUrl: this.assistantOverviewDocUrl }) : null}</calcite-shell></calcite-flow-item></calcite-flow>` : l`<calcite-flow><calcite-flow-item .selected=${!e} closable heading-level=2 .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${O({ slot: "content-top", messages: this.messages, assistantsEnabled: this.assistantsEnabled, helpTopicUrl: this.usingTheAssitantDocUrl })}</calcite-flow-item></calcite-flow>`;
   }
 }
-Z("arcgis-arcade-coding-assistant", Ye);
+Z("arcgis-arcade-coding-assistant", Ke);
 export {
-  Ye as ArcgisArcadeCodingAssistant
+  Ke as ArcgisArcadeCodingAssistant
 };