@arcgis/coding-components 4.33.0-next.157 → 4.33.0-next.158

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

@@ -1,24 +1,35 @@
-import { c as U } from "../../chunks/runtime.js";
+import { c as N } from "../../chunks/runtime.js";
 import { html as c } from "lit-html";
-import { nothing as F, LitElement as _ } from "@arcgis/lumina";
-import { ref as N, createRef as V } from "lit/directives/ref.js";
-import D from "@arcgis/core/identity/IdentityManager.js";
-import { u as B } from "../../chunks/useT9n.js";
-import { b as z } from "../../chunks/arcade-defaults.js";
-import { css as H } from "@lit/reactive-element/css-tag.js";
+import { nothing as U, LitElement as V } from "@arcgis/lumina";
+import { ref as D, createRef as O } from "lit/directives/ref.js";
+import B from "@arcgis/core/identity/IdentityManager.js";
+import { u as z } from "../../chunks/useT9n.js";
+import { b as H } from "../../chunks/arcade-defaults.js";
+import { css as L } from "@lit/reactive-element/css-tag.js";
 import "lit";
-import T from "@arcgis/core/request.js";
-import { a as L, e as O } from "../../chunks/monaco-importer.js";
-import { repeat as j } from "lit-html/directives/repeat.js";
+import C from "@arcgis/core/request.js";
+import { a as j, e as W } from "../../chunks/monaco-importer.js";
+import { repeat as Q } from "lit-html/directives/repeat.js";
 import "@arcgis/components-utils";
 import { unsafeHTML as S } from "lit/directives/unsafe-html.js";
-import W from "@arcgis/core/layers/FeatureLayer.js";
-import Q from "@arcgis/core/Graphic.js";
-import { b as G } from "../../chunks/language-defaults-base.js";
+import G from "@arcgis/core/layers/FeatureLayer.js";
+import J from "@arcgis/core/Graphic.js";
+import { b as Y } from "../../chunks/language-defaults-base.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
-const J = H`:host(:not([closed])){flex:1 0 auto;border-inline-start:var(--arcgis-coding-components-border);box-sizing:border-box;max-width:var(--arcgis-coding-components-side-panel-max-w);width:var(--arcgis-coding-components-side-panel-w);.response-actions{display:flex;align-items:center;padding:.5rem;gap:.5rem}.response-actions>div{display:flex;gap:.5rem}.prompt-list calcite-list-item{margin-block-end:.5rem;border-radius:var(--calcite-corner-radius-round);--calcite-color-border-3: transparent;overflow:hidden}.feedback-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.feedback-sheet{--calcite-sheet-height: auto;--calcite-sheet-max-height: auto;--calcite-sheet-min-height: auto}calcite-chip[slot=header-actions-end]{align-self:center;margin-inline-end:.5rem}calcite-list-item:focus calcite-button{position:relative;top:-2px}.prompt-list calcite-list-item:last-of-type{margin-block-end:0}calcite-list{--calcite-color-foreground-1: transparent;background-color:transparent}calcite-list-item{--calcite-color-foreground-1: white}calcite-flow-item calcite-shell{background:transparent}calcite-block{width:100%;max-width:100%;align-self:flex-end;background-color:transparent}calcite-sheet{--calcite-sheet-scrim-background: rgba(200, 200, 200, .5)}.type-suggestion{--calcite-color-foreground-1: var(--calcite-color-foreground-current);--calcite-color-text-3: var(--calcite-color-text-2);--calcite-icon-color: var(--calcite-color-brand)}.type-history{--calcite-icon-color: var(--calcite-color-text-2)}.type-response{--calcite-icon-color: var(--calcite-color-brand);--calcite-font-family: monospace}.block-response{align-self:flex-start;margin-block-end:4rem;border-block-end:0;--calcite-block-text-color: var(--calcite-color-brand)}calcite-list-item calcite-button{margin-inline-end:.25rem}.type-docs{--calcite-color-foreground-1: var(--calcite-color-foreground-3);--calcite-icon-color: var(--calcite-color-text-1)}.type-error{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-font-family: monospace;border:1px solid var(--calcite-color-status-danger)}#thumbs-up{margin-inline-start:auto;--calcite-icon-color: var(--calcite-color-border-input)}#thumbs-down{--calcite-icon-color: var(--calcite-color-border-input)}calcite-flow-item calcite-shell calcite-notice{margin-block:1rem}.no-space-block,.no-space-block[open]{margin:0}calcite-block[open]:last-of-type{border-block-end:0}.text-area-wrapper{display:flex;flex-direction:column;background:#fff;border-radius:var(--calcite-corner-radius-round);margin:.75rem;width:calc(100% - 1.5rem);overflow:hidden;max-width:calc(100% - 1.5rem);--calcite-color-border-input: transparent;--calcite-text-area-divider-color: transparent;position:sticky;align-self:flex-end;box-shadow:var(--calcite-shadow-sm);flex:none}.text-area-wrapper calcite-button:last-of-type{margin-inline-start:auto;align-self:flex-end}calcite-text-area{height:auto;min-height:5.75rem;overflow:hidden;border-radius:var(--calcite-corner-radius-round) var(--calcite-corner-radius-round) 0 0;--calcite-font-weight-normal: 500;font-weight:500;line-height:1.2}calcite-tooltip{--calcite-tooltip-z-index: 1000}.standalone-list{margin:1rem;width:calc(100% - 2rem)}.result-disclaimer{display:block;width:24rem;max-width:90%;margin:1rem auto;text-align:center;line-height:1.125rem;font-size:.875rem;font-style:italic}calcite-flow{height:100%}calcite-popover calcite-list{--calcite-list-background-color: transparent;--calcite-input-border-color: transparent}calcite-popover calcite-list calcite-filter{--calcite-spacing-sm: 0}.break-spaces{white-space:break-spaces}.feedback-button-container{margin-inline-start:auto;gap:0}.info-heading{font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-1)}.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-chips{--calcite-chip-background-color: var(--calcite-color-foreground-current);--calcite-chip-text-color: var(--calcite-color-brand);calcite-chip{cursor:pointer}}.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-background-color: white;--calcite-card-border-color: transparent;width:100%}.positioned-code-content{flex-direction:row;gap:.5rem;display:flex;padding:.5rem}calcite-card [slot=title] calcite-chip{margin-block-start:.25rem}.code-response-wrapper{position:relative;background:var(--calcite-color-foreground-2);border-radius:var(--calcite-corner-radius-round);margin-top:-1.5rem}.prior-prompt{margin:.25rem 0 .75rem;max-width:95%;overflow-y:hidden;overflow-x:auto;padding:0}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}.code-collapse{margin-inline-start:auto}.copy-button{margin-left:.5rem}.add-to-editor-button{--calcite-internal-button-border-color: unset}}}:host([closed]){display:none}`;
+v4.33.0-next.158 */
+const K = L`:host(:not([closed])){flex:1 0 auto;border-inline-start:var(--arcgis-coding-components-border);box-sizing:border-box;max-width:var(--arcgis-coding-components-side-panel-max-w);width:var(--arcgis-coding-components-side-panel-w);.response-actions{display:flex;align-items:center;padding:.5rem;gap:.5rem}.response-actions>div{display:flex;gap:.5rem}.prompt-list calcite-list-item{margin-block-end:.5rem;border-radius:var(--calcite-corner-radius-round);--calcite-color-border-3: transparent;overflow:hidden}.feedback-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.feedback-sheet{--calcite-sheet-height: auto;--calcite-sheet-max-height: auto;--calcite-sheet-min-height: auto}calcite-chip[slot=header-actions-end]{align-self:center;margin-inline-end:.5rem}calcite-list-item:focus calcite-button{position:relative;top:-2px}.prompt-list calcite-list-item:last-of-type{margin-block-end:0}calcite-list{--calcite-color-foreground-1: transparent;background-color:transparent}calcite-list-item{--calcite-color-foreground-1: white}calcite-flow-item calcite-shell{background:transparent}calcite-block{width:100%;max-width:100%;align-self:flex-end;background-color:transparent}calcite-sheet{--calcite-sheet-scrim-background: rgba(200, 200, 200, .5)}.type-suggestion{--calcite-color-foreground-1: var(--calcite-color-foreground-current);--calcite-color-text-3: var(--calcite-color-text-2);--calcite-icon-color: var(--calcite-color-brand)}.type-history{--calcite-icon-color: var(--calcite-color-text-2)}.type-response{--calcite-icon-color: var(--calcite-color-brand);--calcite-font-family: monospace}.block-response{align-self:flex-start;margin-block-end:4rem;border-block-end:0;--calcite-block-text-color: var(--calcite-color-brand)}calcite-list-item calcite-button{margin-inline-end:.25rem}.type-docs{--calcite-color-foreground-1: var(--calcite-color-foreground-3);--calcite-icon-color: var(--calcite-color-text-1)}.type-error{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-font-family: monospace;border:1px solid var(--calcite-color-status-danger)}#thumbs-up{margin-inline-start:auto;--calcite-icon-color: var(--calcite-color-border-input)}#thumbs-down{--calcite-icon-color: var(--calcite-color-border-input)}calcite-flow-item calcite-shell calcite-notice{margin-block:1rem}.no-space-block,.no-space-block[open]{margin:0}calcite-block[open]:last-of-type{border-block-end:0}.text-area-wrapper{display:flex;flex-direction:column;background:#fff;border-radius:var(--calcite-corner-radius-round);margin:.75rem;width:calc(100% - 1.5rem);overflow:hidden;max-width:calc(100% - 1.5rem);--calcite-color-border-input: transparent;--calcite-text-area-divider-color: transparent;position:sticky;align-self:flex-end;box-shadow:var(--calcite-shadow-sm);flex:none}.text-area-wrapper calcite-button:last-of-type{margin-inline-start:auto;align-self:flex-end}calcite-text-area{height:auto;min-height:5.75rem;overflow:hidden;border-radius:var(--calcite-corner-radius-round) var(--calcite-corner-radius-round) 0 0;--calcite-font-weight-normal: 500;font-weight:500;line-height:1.2}calcite-tooltip{--calcite-tooltip-z-index: 1000}.standalone-list{margin:1rem;width:calc(100% - 2rem)}.result-disclaimer{display:block;width:24rem;max-width:90%;margin:1rem auto;text-align:center;line-height:1.125rem;font-size:.875rem;font-style:italic}calcite-flow{height:100%}calcite-popover calcite-list{--calcite-list-background-color: transparent;--calcite-input-border-color: transparent}calcite-popover calcite-list calcite-filter{--calcite-spacing-sm: 0}.break-spaces{white-space:break-spaces}.feedback-button-container{margin-inline-start:auto;gap:0}.info-heading{font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-1)}.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-chips{--calcite-chip-background-color: var(--calcite-color-foreground-current);--calcite-chip-text-color: var(--calcite-color-brand);calcite-chip{cursor:pointer}}.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-background-color: white;--calcite-card-border-color: transparent;width:100%}.positioned-code-content{flex-direction:row;gap:.5rem;display:flex;padding:.5rem}calcite-card [slot=title] calcite-chip{margin-block-start:.25rem}.code-response-wrapper{position:relative;background:var(--calcite-color-foreground-2);border-radius:var(--calcite-corner-radius-round);margin-top:-1.5rem}.prior-prompt{margin:.25rem 0 .75rem;max-width:95%;overflow-y:hidden;overflow-x:auto;padding:0}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}.code-collapse{margin-inline-start:auto}.copy-button{margin-left:.5rem}.add-to-editor-button{--calcite-internal-button-border-color: unset}}}:host([closed]){display:none}`;
+class x extends Error {
+  constructor({
+    message: e,
+    code: t,
+    subCode: a,
+    details: s,
+    source: o
+  }) {
+    super(e), this.name = "ArcadeAssistantError", this.code = t, this.subCode = a, this.details = s, this.source = o;
+  }
+}
 function E(i) {
   if (!i)
     return;
@@ -32,15 +43,15 @@ function E(i) {
       return;
     }
 }
-async function Y(i) {
+async function X(i) {
   const { baseUrl: e, skillId: t, message: a, authToken: s, previousConversationId: o, context: l } = i, r = t ? `${e}/skills/${t}/chat` : `${e}/chat`, n = [], d = {
     message: a,
     context: l
   };
   o && (d.conversation_id = o);
-  let g;
+  let b;
   try {
-    g = await T(r, {
+    b = await C(r, {
       method: "post",
       headers: {
         "Content-Type": "application/json",
@@ -49,108 +60,126 @@ async function Y(i) {
       body: JSON.stringify(d),
       responseType: "json"
     });
-  } catch (v) {
-    const y = v?.details?.rawResponse || v?.message || String(v), w = E(y), k = new Error(
-      `Failed to send message: ${a}. Response: ${y}`
-    );
-    throw w && (k.arcadeAssistantError = w), k;
+  } catch (g) {
+    const v = g, A = v.details?.rawResponse || v.message || String(g), y = E(A);
+    throw y ? new x(y) : g;
   }
-  const h = g.data;
-  if (!h.hasMore)
-    throw new Error("Expected hasMore to be true");
-  n.push(h);
-  const m = h.conversationId, $ = h.inquiryId;
-  let p = h.sequenceNumber;
-  async function x() {
-    let v = 0;
-    const y = 25;
-    for (; v < y; ) {
-      await new Promise((b) => setTimeout(b, 1e3));
-      const w = K(m, p, $);
-      let k;
+  const f = b.data;
+  n.push(f);
+  const h = f.conversationId, $ = f.inquiryId;
+  let p = f.sequenceNumber;
+  async function w() {
+    let g = 0;
+    const v = 25;
+    for (; g < v; ) {
+      await new Promise((k) => setTimeout(k, 1e3));
+      const A = Z(h, p, $);
+      let y;
       try {
-        k = await T(r, {
+        y = await C(r, {
           method: "post",
           headers: {
             "Content-Type": "application/json",
             token: s
           },
-          body: JSON.stringify(w),
+          body: JSON.stringify(A),
           responseType: "json"
         });
-      } catch (b) {
-        const R = b?.details?.rawResponse || b?.message || String(b), I = E(R), C = new Error(
-          `Polling failed. Response: ${R}`
-        );
-        throw I && (C.arcadeAssistantError = I), C;
-      }
-      const f = k.data;
-      if (f.context && f.context.kind === "ArcgisErrorAsContext" && f.context.error) {
-        const b = new Error(
-          f.context.error.message || "ArcGIS Assistant error"
-        );
-        throw b.arcadeAssistantError = { message: f.context.error.message ?? "ArcGIS Assistant error" }, b;
+      } catch (k) {
+        const T = k, _ = T.details?.rawResponse || T.message || String(k), I = E(_);
+        throw I ? new x(I) : k;
       }
-      if (n.push(f), p = f.sequenceNumber, v++, !f.hasMore)
+      const m = y.data;
+      if (m.context && m.context.kind === "ArcgisErrorAsContext" && m.context.error)
+        throw new x({
+          message: m.context.error.message || "ArcGIS Assistant error",
+          code: m.context.error.code,
+          subCode: m.context.error.subCode,
+          details: m.context.error.details,
+          source: "polling-response"
+        });
+      if (n.push(m), p = m.sequenceNumber, g++, !m.hasMore)
         break;
     }
-    if (v === y)
-      throw new Error("Request timed out");
+    if (g === v)
+      throw new x({
+        message: "Request timed out",
+        code: "TIMEOUT",
+        source: "polling"
+      });
   }
-  return await x(), n;
+  const F = 2 * 60 * 1e3;
+  return await Promise.race([
+    w(),
+    new Promise(
+      (g, v) => setTimeout(
+        () => v(
+          new x({
+            message: "Request timed out",
+            code: "TIMEOUT",
+            source: "hard-timeout"
+          })
+        ),
+        F
+      )
+    )
+  ]), n;
 }
-function K(i, e, t) {
+function Z(i, e, t) {
   return {
     conversationId: i,
     inquiryId: t,
     ackSequenceNumber: e
   };
 }
-const X = (i) => {
+function ee(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;
+}
+const te = (i) => {
   const e = i.value.length, t = 72, a = 180, s = i.offsetWidth, l = Math.max(1, Math.floor(s / 8)), r = Math.ceil(e / l), n = t + (r - 2) * 24;
   i.style.setProperty("--calcite-text-area-min-height", `${Math.min(n, a)}px`);
 };
-function Z({ messages: i }) {
+function ie({ messages: i }) {
   return c`<calcite-chip slot=header-actions-end scale=s appearance=outline-fill .label=${i.beta ?? "Beta"}>${i.beta ?? "Beta"}</calcite-chip>`;
 }
-function ee({ popoverContent: i }) {
+function ae({ popoverContent: i }) {
   return c`<calcite-action icon=information slot=header-actions-end id=legal-disclaimer text></calcite-action><calcite-popover reference-element=legal-disclaimer overlay-positioning=fixed label=legal-disclaimer placement=bottom auto-close>${i}</calcite-popover>`;
 }
-function te({ errorMessage: i }) {
+function oe({ errorMessage: i }) {
   return c`<calcite-input-message id=error-message status=invalid slot=footer-start icon=exclamation-mark-triangle scale=m>${i}</calcite-input-message>`;
 }
-function ie({ active: i, setActive: e, messages: t }) {
+function se({ active: i, setActive: e, messages: t }) {
   return c`<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 ae({ isDisabled: i, isReadOnly: e, setQuestion: t, setIsViewingResult: a, textAreaRef: s, question: o, errorMessage: l, setErrorMessage: r, submitQuestion: n, messages: d, mode: g }) {
-  return c`<div class="text-area-wrapper"><calcite-text-area resize=vertical .readOnly=${i || e} class="styled-text-area" .placeholder=${d.askaquestion ?? `Specify the calculation or logic you need in an Arcade expression. (e.g., 'Return "Yes" if value > 10')`} .value=${o} @calciteTextAreaInput=${(h) => {
-    X(h.target), t(h.target.value);
-  }} ${N(s)}>${l && te({ errorMessage: l }) || ""}</calcite-text-area><div class="response-actions" slot=footer-end><calcite-button round kind=neutral .hidden=${g !== "refine"} icon-start=arrow-left appearance=solid .disabled=${i} @click=${async () => {
+function ce({ isDisabled: i, isReadOnly: e, setQuestion: t, setIsViewingResult: a, textAreaRef: s, question: o, errorMessage: l, setErrorMessage: r, submitQuestion: n, messages: d, mode: b }) {
+  return c`<div class="text-area-wrapper"><calcite-text-area resize=vertical .readOnly=${i || e} class="styled-text-area" .placeholder=${d.askaquestion ?? `Specify the calculation or logic you need in an Arcade expression. (e.g., 'Return "Yes" if value > 10')`} .value=${o} @calciteTextAreaInput=${(f) => {
+    te(f.target), t(f.target.value);
+  }} ${D(s)}>${l && oe({ errorMessage: l }) || ""}</calcite-text-area><div class="response-actions" slot=footer-end><calcite-button round kind=neutral .hidden=${b !== "refine"} icon-start=arrow-left appearance=solid .disabled=${i} @click=${async () => {
     a(!1), t("");
   }}>${d.startover ?? "Start Over"}</calcite-button><calcite-button round icon-end=effects appearance=solid .loading=${i} .disabled=${i} @click=${async () => {
     r(o ? "" : d.enteraprompt ?? "Please enter a prompt"), await n();
-  }}>${g === "prompt" ? d.ask ?? "Generate" : d.refine ?? "Refine"}</calcite-button></div></div>`;
+  }}>${b === "prompt" ? d.ask ?? "Generate" : d.refine ?? "Refine"}</calcite-button></div></div>`;
 }
-const oe = "https://www.esri.com/en-us/privacy/privacy-statements/privacy-statement", se = "https://www.esri.com/en-us/privacy/privacy-statements/privacy-supplement";
-function ce({ setOpen: i, messages: e, feedback: t, setFeedback: a, onSubmit: s }) {
+const re = "https://www.esri.com/en-us/privacy/privacy-statements/privacy-statement", ne = "https://www.esri.com/en-us/privacy/privacy-statements/privacy-supplement";
+function le({ setOpen: i, messages: e, feedback: t, setFeedback: a, onSubmit: s }) {
   return c`<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><calcite-segmented-control-item icon-start=thumbs-up .checked=${t.value === "good"} @click=${() => a({ ...t, value: "good" })}></calcite-segmented-control-item><calcite-segmented-control-item icon-start=thumbs-down .checked=${t.value === "bad"} @click=${() => a({ ...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=${(o) => a({ ...t, text: o.target.value })}></calcite-text-area></calcite-label><calcite-label layout=inline scale=s><calcite-checkbox scale=l .checked=${t.termsAccepted} @calciteCheckboxChange=${(o) => {
     a({ ...t, termsAccepted: o.target.checked });
-  }}></calcite-checkbox><span>${S(e.agreement?.replace("{EsriPrivacyStatement}", `<calcite-link href=${oe} target="_blank">${e.esriprivacystatement ?? "Esri Privacy Statement"}</calcite-link>`).replace("{Supplement}", `<calcite-link href=${se} target="_blank">${e.supplement ?? "Supplement"}</calcite-link>`))}</span></calcite-label></div><calcite-button slot=footer width=full @click=${s} .disabled=${!t.termsAccepted || t.submitting} .loading=${t.submitting}>${e.submitfeedback ?? "Submit Feedback"}</calcite-button></calcite-panel></calcite-sheet>`;
+  }}></calcite-checkbox><span>${S(e.agreement?.replace("{EsriPrivacyStatement}", `<calcite-link href=${re} target="_blank">${e.esriprivacystatement ?? "Esri Privacy Statement"}</calcite-link>`).replace("{Supplement}", `<calcite-link href=${ne} target="_blank">${e.supplement ?? "Supplement"}</calcite-link>`))}</span></calcite-label></div><calcite-button slot=footer width=full @click=${s} .disabled=${!t.termsAccepted || t.submitting} .loading=${t.submitting}>${e.submitfeedback ?? "Submit Feedback"}</calcite-button></calcite-panel></calcite-sheet>`;
 }
 function M({ assistantsEnabled: i, messages: e, slot: t, assistantHelpUrl: a, helpTopicUrl: s }) {
-  return c`<calcite-block .label=${e.assistantinformation ?? "Assistant information"} slot=${t ?? F} expanded class="info-block"><calcite-chip .label=${e.new ?? "new"} kind=brand>${e.new}</calcite-chip><h1 class="info-heading">${e.introducing}</h1><p>${e.capabilities}</p>${i ? c`<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>${S((e.seedocumentation ?? "Please see the {documentation} for more information, including limitations and additional resources.").replace("{documentation}", `<calcite-link href=${s} target="_blank">${e.documentation ?? "documentation"}</calcite-link>`))}</p>` : c`<p>${S(e.useofassistant?.replace("{aiassistants}", `<strong>${e.aiassistants ?? "Ai Assistants"}</strong>`))}<calcite-link .href=${a} target=_blank icon-end=launch-2>${e.opensettings ?? "Open Settings"}</calcite-link></p>`}</calcite-block>`;
+  return c`<calcite-block .label=${e.assistantinformation ?? "Assistant information"} slot=${t ?? U} expanded class="info-block"><calcite-chip .label=${e.new ?? "new"} kind=brand>${e.new}</calcite-chip><h1 class="info-heading">${e.introducing}</h1><p>${e.capabilities}</p>${i ? c`<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>${S((e.seedocumentation ?? "Please see the {documentation} for more information, including limitations and additional resources.").replace("{documentation}", `<calcite-link href=${s} target="_blank">${e.documentation ?? "documentation"}</calcite-link>`))}</p>` : c`<p>${S(e.useofassistant?.replace("{aiassistants}", `<strong>${e.aiassistants ?? "Ai Assistants"}</strong>`))}<calcite-link .href=${a} target=_blank icon-end=launch-2>${e.opensettings ?? "Open Settings"}</calcite-link></p>`}</calcite-block>`;
 }
-function re({ messages: i, onProceed: e, onExit: t, helpTopicUrl: a }) {
+function de({ messages: i, onProceed: e, onExit: t, helpTopicUrl: a }) {
   return c`<calcite-dialog close-disabled placement=top .heading=${i.welcome} slot=dialogs open width-scale=m id=welcome-dialog><h3 class="unstyled-h3">${i.beforeyougetstarted}</h3><ul><li>${i.maybeincorrect}</li><li>${S(i.pleasereadhelp.replace("{helpTopic}", `<calcite-link href=${a} target="_blank">${i.helptopic}</calcite-link>`))}</li></ul><calcite-button id=welcome-proceed slot=footer-end @click=${e}>${i.proceed}</calcite-button><calcite-button id=welcome-decline slot=footer-start @click=${t} kind=neutral>${i.exit}</calcite-button></calcite-dialog>`;
 }
-function ne({ messages: i, suggestions: e, onSuggestionClick: t }) {
-  return c`<calcite-block .heading=${i.promptsuggestions} expanded collapsible id=suggestion-block><calcite-chip-group .label=${i.promptsuggestions} class="suggestion-chips">${j(e, (a) => a, (a) => c`<calcite-chip .label=${i.promptsuggestion} .value=${a} icon=effects @click=${() => t?.(a)}>${a}</calcite-chip>`)}</calcite-chip-group></calcite-block>`;
+function pe({ messages: i, suggestions: e, onSuggestionClick: t }) {
+  return c`<calcite-block .heading=${i.promptsuggestions} expanded collapsible id=suggestion-block><calcite-chip-group .label=${i.promptsuggestions} class="suggestion-chips">${Q(e, (a) => a, (a) => c`<calcite-chip .label=${i.promptsuggestion} .value=${a} icon=effects @click=${() => t?.(a)}>${a}</calcite-chip>`)}</calcite-chip-group></calcite-block>`;
 }
-function le({ hidden: i = !1, expanded: e = !1, messages: t, cards: a, heading: s, collapsible: o = !1, showEffectsIcon: l = !1, editorInsertMode: r = "add", setEditorInsertMode: n }) {
-  const d = r === "replace", g = d ? t.replaceineditor ?? "Replace in editor" : t.addtoeditor ?? "Add to editor", h = d ? t.addtoeditor ?? "Add to editor" : t.replaceineditor ?? "Replace in editor";
-  return c`<calcite-block .hidden=${i} id=result-block .heading=${s ?? t.besteffort ?? "Here is the assistant's best effort"} .expanded=${e} .collapsible=${o}>${l && c`<calcite-chip label slot=content-start icon=effects kind=brand></calcite-chip>` || ""}<calcite-card-group .label=${t.assistantresponses}>${a.map((m, $) => c`<calcite-card><div slot=heading><div class="prior-prompt">${m.priorPrompt}</div></div><div><div class="code-response-wrapper"><div class="positioned-code-content">${m.chips?.map((p, x) => c`${p.tooltip && c`<calcite-tooltip .referenceElement=${`response-chip-${p.conversationId}-${x}`}>${p.tooltip}</calcite-tooltip>` || ""}<calcite-chip .label=${p.label} .scale=${p.scale ?? "s"} .appearance=${p.appearance ?? "outline"} .icon=${p.icon} .id=${`response-chip-${p.conversationId}-${x}`}>${p.label}</calcite-chip>`)}</div><code>${m.code}</code></div></div><div slot=footer-start><calcite-split-button primary-text=${g ?? F} appearance=outline-fill class="add-to-editor-button" @calciteSplitButtonPrimaryClick=${() => m.onAddToEditor()} overlay-positioning=fixed><calcite-dropdown-item @calciteDropdownItemSelect=${() => {
+function ue({ hidden: i = !1, expanded: e = !1, messages: t, cards: a, heading: s, collapsible: o = !1, showEffectsIcon: l = !1, editorInsertMode: r = "add", setEditorInsertMode: n }) {
+  const d = r === "replace", b = d ? t.replaceineditor ?? "Replace in editor" : t.addtoeditor ?? "Add to editor", f = d ? t.addtoeditor ?? "Add to editor" : t.replaceineditor ?? "Replace in editor";
+  return c`<calcite-block .hidden=${i} id=result-block .heading=${s ?? t.besteffort ?? "Here is the assistant's best effort"} .expanded=${e} .collapsible=${o}>${l && c`<calcite-chip label slot=content-start icon=effects kind=brand></calcite-chip>` || ""}<calcite-card-group .label=${t.assistantresponses}>${a.map((h, $) => c`<calcite-card><div slot=heading><div class="prior-prompt">${h.priorPrompt}</div></div><div><div class="code-response-wrapper"><div class="positioned-code-content">${h.chips?.map((p, w) => c`${p.tooltip && c`<calcite-tooltip .referenceElement=${`response-chip-${p.conversationId}-${w}`}>${p.tooltip}</calcite-tooltip>` || ""}<calcite-chip .label=${p.label} .scale=${p.scale ?? "s"} .appearance=${p.appearance ?? "outline"} .icon=${p.icon} .id=${`response-chip-${p.conversationId}-${w}`}>${p.label}</calcite-chip>`)}</div><code>${h.code}</code></div></div><div slot=footer-start><calcite-split-button primary-text=${b ?? U} appearance=outline-fill class="add-to-editor-button" @calciteSplitButtonPrimaryClick=${() => h.onAddToEditor()} overlay-positioning=fixed><calcite-dropdown-item @calciteDropdownItemSelect=${() => {
     n?.(d ? "add" : "replace");
-  }}>${h}</calcite-dropdown-item></calcite-split-button><calcite-button round icon-start=copy-to-clipboard kind=neutral @click=${() => m.onCopy($)} class="copy-button">${m.copySuccessIndex === $ ? t.copied ?? "copied" : ""}</calcite-button></div><div slot=footer-end class="feedback-actions"><calcite-action .text=${t.thumbsup} scale=s icon=thumbs-up @click=${m.onThumbsUp}></calcite-action><calcite-action .text=${t.thumbsdown} scale=s icon=thumbs-down @click=${m.onThumbsDown}></calcite-action></div></calcite-card>`)}</calcite-card-group></calcite-block>`;
+  }}>${f}</calcite-dropdown-item></calcite-split-button><calcite-button round icon-start=copy-to-clipboard kind=neutral @click=${() => h.onCopy($)} class="copy-button">${h.copySuccessIndex === $ ? t.copied ?? "copied" : ""}</calcite-button></div><div slot=footer-end class="feedback-actions"><calcite-action .text=${t.thumbsup} scale=s icon=thumbs-up @click=${h.onThumbsUp}></calcite-action><calcite-action .text=${t.thumbsdown} scale=s icon=thumbs-down @click=${h.onThumbsDown}></calcite-action></div></calcite-card>`)}</calcite-card-group></calcite-block>`;
 }
 const u = {
   welcome: "Welcome to the new assistant experience",
@@ -186,7 +215,7 @@ const u = {
   numlayers: "{numLayers} {layerOrLayers}",
   numlayersplural: "layers",
   numlayerssingular: "layer"
-}, de = "arcade_generation", pe = "ArcadeCodeRequest", A = "visualization", ue = "ArcadeAssistant", he = [
+}, he = "arcade_generation", me = "ArcadeCodeRequest", R = "visualization", fe = "ArcadeAssistant", ge = [
   "your_comments",
   "user_evaluation",
   "question",
@@ -197,10 +226,10 @@ const u = {
   "context",
   "extras"
 ];
-let P = [], q = !0;
-class me extends _ {
+let q = [], P = !0;
+class be extends V {
   constructor() {
-    super(...arguments), this.textAreaRef = V(), this.messages = B(), this._feedbackService = void 0, this.handleFeedbackButton = (e, t) => {
+    super(...arguments), this.textAreaRef = O(), this.messages = z(), this._feedbackService = void 0, this.handleFeedbackButton = (e, t) => {
       this.feedback = { ...this.feedback, active: !0, value: e, item: t };
     }, this.handleFeedbackSheetClose = () => {
       this.feedback = {
@@ -224,7 +253,7 @@ class me extends _ {
         question: this.question,
         answer: this.feedback.item?.script ?? "",
         useragent: navigator.userAgent,
-        _source: ue,
+        _source: fe,
         version: this.appVersion ?? "",
         context: a ? JSON.stringify(a) : "",
         extras: a?.profileName ?? "",
@@ -232,7 +261,7 @@ class me extends _ {
         privacy_statement: this.feedback.termsAccepted ? "I_agree" : ""
       };
       try {
-        await e.applyEdits({ addFeatures: [new Q({ attributes: s })] });
+        await e.applyEdits({ addFeatures: [new J({ attributes: s })] });
       } catch (o) {
         console.error("Error submitting feedback:", o);
       }
@@ -256,7 +285,7 @@ class me extends _ {
     this.properties = { isViewingResult: 16, confirmationActive: 16, isSubmitting: 16, errorMessage: 16, question: 16, history: 16, feedback: 16, copySuccessIndex: 16, splashActive: 16, editorInsertMode: 16, closePanel: 0, insertText: 0, helpBase: 1, assistantsEnabled: 5, layer: [1, { type: Object }], orgBaseUrl: 1, serviceUrl: 1, closed: 7, editorRef: 0, feedbackServiceUrl: 1, appVersion: 1 };
   }
   static {
-    this.styles = J;
+    this.styles = K;
   }
   get disclaimerComment() {
     return `// ${this.messages.disclaimercomment}
@@ -271,10 +300,10 @@ class me extends _ {
   async destroy() {
   }
   connectedCallback() {
-    super.connectedCallback(), this.history = P, this.splashActive = q;
+    super.connectedCallback(), this.history = q, this.splashActive = P;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), P = this.history, q = this.splashActive, this.copySuccessTimer && (clearTimeout(this.copySuccessTimer), this.copySuccessTimer = void 0);
+    super.disconnectedCallback(), q = this.history, P = this.splashActive, this.copySuccessTimer && (clearTimeout(this.copySuccessTimer), this.copySuccessTimer = void 0);
   }
   setFeedbackState(e) {
     this.feedback = e;
@@ -284,9 +313,9 @@ class me extends _ {
       return this._feedbackService;
     if (!this.feedbackServiceUrl)
       return;
-    const e = new W({ url: this.feedbackServiceUrl });
+    const e = new G({ url: this.feedbackServiceUrl });
     await e.load();
-    const t = he.filter((a) => !e.fields.some((s) => s.name === a));
+    const t = ge.filter((a) => !e.fields.some((s) => s.name === a));
     if (t.length > 0) {
       console.error(`Missing the following fields in feedback service: ${t.join(", ")}. Feedback will not be logged.`);
       return;
@@ -303,13 +332,13 @@ class me extends _ {
         const e = await this.getToken(), t = this.getModel();
         if (!t)
           return;
-        const { profileName: a, metadata: s, layerName: o } = await this.getProfileAndMetadata(t.uri), r = (await Y({
+        const { profileName: a, metadata: s, layerName: o } = await this.getProfileAndMetadata(t.uri), r = (await X({
           baseUrl: this.serviceUrl,
-          skillId: de,
+          skillId: he,
           message: this.question,
           authToken: e,
           context: {
-            kind: pe,
+            kind: me,
             context: {
               profile_name: a,
               metadata: s
@@ -320,7 +349,7 @@ class me extends _ {
           return;
         r.context?.kind === "ArcadeCodeResponse" && (this.history.unshift({
           script: r?.context?.arcadeCode?.code,
-          formattedScript: L(r?.context?.arcadeCode?.code ?? ""),
+          formattedScript: j(r?.context?.arcadeCode?.code ?? ""),
           error: void 0,
           question: this.question,
           profile: a,
@@ -328,19 +357,19 @@ class me extends _ {
           layerName: o ?? void 0
         }), this.isViewingResult = !0, this.errorMessage = void 0);
       } catch (e) {
-        typeof e == "object" && e && "arcadeAssistantError" in e ? this.errorMessage = e.arcadeAssistantError.message || this.messages.erroroccurred || "An error occurred." : e instanceof Error ? this.errorMessage = this.messages.erroroccurred ?? "An error occurred." : this.errorMessage = this.messages.erroroccurred || "An error occurred.", console.error("Error in Arcade Assistant:", e);
+        e instanceof Error && e.name === "ArcadeAssistantError" ? this.errorMessage = ee(e) || this.messages.erroroccurred || "An error occurred." : this.errorMessage = this.messages.erroroccurred || "An error occurred.", console.error("Error in Arcade Assistant:", e);
       } finally {
         this.isSubmitting = !1;
       }
     }
   }
   async getToken() {
-    const { token: e } = await D.getCredential(this.orgBaseUrl);
+    const { token: e } = await B.getCredential(this.orgBaseUrl);
     return e;
   }
   async getProfileAndMetadata(e) {
-    let t = A;
-    const a = z.getEditorProfileForModel(e);
+    let t = R;
+    const a = H.getEditorProfileForModel(e);
     a?.loaded || await a?.loadSource();
     const s = this.editorRef.profile;
     s && "id" in s && (t = s.id);
@@ -350,23 +379,23 @@ class me extends _ {
       name: n.name,
       type: n.type,
       alias: n.alias
-    })), G(o?.definition) && (r = o.definition.title)), { profileName: t, metadata: l, layerName: r };
+    })), Y(o?.definition) && (r = o.definition.title)), { profileName: t, metadata: l, layerName: r };
   }
   render() {
-    return this.closed ? null : this.assistantsEnabled ? c`<calcite-flow><calcite-flow-item .selected=${!this.isViewingResult} closable .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${this.splashActive && c`<calcite-scrim></calcite-scrim>` || ""}${Z({ messages: this.messages })}${ee({ popoverContent: M({ assistantsEnabled: this.assistantsEnabled, messages: { ...this.messages, ...u }, assistantHelpUrl: this.assistantHelpUrl, helpTopicUrl: this.helpTopicUrl }) })}<calcite-shell class="unstyled-shell">${this.splashActive && re({ messages: { ...u, ...this.messages }, onProceed: () => {
+    return this.closed ? null : this.assistantsEnabled ? c`<calcite-flow><calcite-flow-item .selected=${!this.isViewingResult} closable .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${this.splashActive && c`<calcite-scrim></calcite-scrim>` || ""}${ie({ messages: this.messages })}${ae({ popoverContent: M({ assistantsEnabled: this.assistantsEnabled, messages: { ...this.messages, ...u }, assistantHelpUrl: this.assistantHelpUrl, helpTopicUrl: this.helpTopicUrl }) })}<calcite-shell class="unstyled-shell">${this.splashActive && de({ messages: { ...u, ...this.messages }, onProceed: () => {
       this.splashActive = !1;
-    }, helpTopicUrl: this.helpTopicUrl, onExit: (e) => this.closePanel && this.closePanel(e) }) || ""}${ie({ active: this.confirmationActive, setActive: (e) => this.confirmationActive = e, messages: this.messages })}${ae({ isDisabled: this.isSubmitting, isReadOnly: !1, setQuestion: this.setQuestion, setIsViewingResult: (e) => this.isViewingResult = e, mode: this.isViewingResult ? "refine" : "prompt", textAreaRef: this.textAreaRef, question: this.question, errorMessage: this.errorMessage, setErrorMessage: (e) => this.errorMessage = e, submitQuestion: this.submitQuestion.bind(this), messages: { ...u, ...this.messages } })}<calcite-block-group label="interactive blocks">${!this.isViewingResult && !this.isSubmitting && ne({ messages: { ...this.messages, ...u }, suggestions: ["Round value to one decimal place", 'Return "Yes" if value > 10'], onSuggestionClick: this.onSuggestionClick }) || ""}<calcite-block .hidden=${!this.isSubmitting} .heading=${this.messages.generatingresponse ?? "Generating response..."}></calcite-block>${le({ expanded: this.isViewingResult || this.history.length > 0, messages: { ...this.messages, ...u }, collapsible: !0, showEffectsIcon: this.isViewingResult, editorInsertMode: this.editorInsertMode, setEditorInsertMode: (e) => this.editorInsertMode = e, cards: this.history.reduce((e, t, a) => (!t.script || this.isViewingResult && a > 0 || (e.push({
+    }, helpTopicUrl: this.helpTopicUrl, onExit: (e) => this.closePanel && this.closePanel(e) }) || ""}${se({ active: this.confirmationActive, setActive: (e) => this.confirmationActive = e, messages: this.messages })}${ce({ isDisabled: this.isSubmitting, isReadOnly: !1, setQuestion: this.setQuestion, setIsViewingResult: (e) => this.isViewingResult = e, mode: this.isViewingResult ? "refine" : "prompt", textAreaRef: this.textAreaRef, question: this.question, errorMessage: this.errorMessage, setErrorMessage: (e) => this.errorMessage = e, submitQuestion: this.submitQuestion.bind(this), messages: { ...u, ...this.messages } })}<calcite-block-group label="interactive blocks">${!this.isViewingResult && !this.isSubmitting && pe({ messages: { ...this.messages, ...u }, suggestions: ["Round value to one decimal place", 'Return "Yes" if value > 10'], onSuggestionClick: this.onSuggestionClick }) || ""}<calcite-block .hidden=${!this.isSubmitting} .heading=${this.messages.generatingresponse ?? "Generating response..."}></calcite-block>${ue({ expanded: this.isViewingResult || this.history.length > 0, messages: { ...this.messages, ...u }, collapsible: !0, showEffectsIcon: this.isViewingResult, editorInsertMode: this.editorInsertMode, setEditorInsertMode: (e) => this.editorInsertMode = e, cards: this.history.reduce((e, t, a) => (!t.script || this.isViewingResult && a > 0 || (e.push({
       priorPrompt: t.question,
       code: t.formattedScript || t.error || "",
       chips: [
         // TODO implement profile and layer chips
         {
-          label: t.profile ?? A,
+          label: t.profile ?? R,
           icon: "map-information",
           appearance: "outline",
           scale: "s",
           conversationId: t.conversationId ?? "",
-          tooltip: u.profilecontextlabel.replace("{profileName}", t.profile ?? A)
+          tooltip: u.profilecontextlabel.replace("{profileName}", t.profile ?? R)
         },
         ...t.layerName ? [
           {
@@ -380,7 +409,7 @@ class me extends _ {
         ] : []
       ],
       onAddToEditor: () => {
-        O(this.editorRef.editorInstance, t.formattedScript ?? "", this.editorInsertMode, this.disclaimerComment);
+        W(this.editorRef.editorInstance, t.formattedScript ?? "", this.editorInsertMode, this.disclaimerComment);
       },
       onCopy: (s) => {
         const o = t.formattedScript ? `${this.disclaimerComment}
@@ -394,10 +423,10 @@ ${t.formattedScript}` : "";
       onThumbsUp: () => this.handleFeedbackButton("good", t),
       onThumbsDown: () => this.handleFeedbackButton("bad", t),
       copySuccessIndex: this.copySuccessIndex
-    }), this.isViewingResult), e), []), heading: this.isViewingResult ? this.messages.besteffort ?? "Here's the assistant's best effort" : this.messages.recentprompts ?? "Recent prompts", hidden: this.isViewingResult ? !this.isViewingResult : !1 })}</calcite-block-group>${this.feedback.active ? ce({ setOpen: this.handleFeedbackSheetClose, messages: { ...this.messages, ...u }, onSubmit: this.handleFeedbackSubmit, feedback: this.feedback, setFeedback: this.setFeedbackState.bind(this) }) : null}</calcite-shell></calcite-flow-item></calcite-flow>` : c`<calcite-flow><calcite-flow-item .selected=${!this.isViewingResult} closable .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${M({ slot: "content-top", messages: { ...this.messages, ...u }, assistantsEnabled: this.assistantsEnabled, assistantHelpUrl: this.assistantHelpUrl, helpTopicUrl: this.helpTopicUrl })}</calcite-flow-item></calcite-flow>`;
+    }), this.isViewingResult), e), []), heading: this.isViewingResult ? this.messages.besteffort ?? "Here's the assistant's best effort" : this.messages.recentprompts ?? "Recent prompts", hidden: this.isViewingResult ? !this.isViewingResult : !1 })}</calcite-block-group>${this.feedback.active ? le({ setOpen: this.handleFeedbackSheetClose, messages: { ...this.messages, ...u }, onSubmit: this.handleFeedbackSubmit, feedback: this.feedback, setFeedback: this.setFeedbackState.bind(this) }) : null}</calcite-shell></calcite-flow-item></calcite-flow>` : c`<calcite-flow><calcite-flow-item .selected=${!this.isViewingResult} closable .heading=${this.messages.arcadeassistant ?? "Arcade assistant"} @calciteFlowItemClose=${this.handleClose}>${M({ slot: "content-top", messages: { ...this.messages, ...u }, assistantsEnabled: this.assistantsEnabled, assistantHelpUrl: this.assistantHelpUrl, helpTopicUrl: this.helpTopicUrl })}</calcite-flow-item></calcite-flow>`;
   }
 }
-U("arcgis-arcade-coding-assistant", me);
+N("arcgis-arcade-coding-assistant", be);
 export {
-  me as ArcgisArcadeCodingAssistant
+  be as ArcgisArcadeCodingAssistant
 };

package/dist/components/arcgis-arcade-editor/customElement.js

@@ -16,7 +16,7 @@ import { css as w } from "@lit/reactive-element/css-tag.js";
 import { s as y } from "../../chunks/editor.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.158 */
 const D = w`@layer{arcgis-arcade-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border)!important;box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%;.sticky{position:sticky;top:0;z-index:10}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);text-align:center}.main-action-bar{border-bottom:var(--arcgis-coding-components-border)!important;flex:0 0 auto;calcite-action-group{padding-inline-end:var(--calcite-spacing-sm);calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}arcgis-arcade-results{border-top:var(--arcgis-coding-components-border)!important;box-sizing:border-box;max-height:50%;min-height:50%;margin-bottom:-1px}calcite-flow{[slot=footer]{word-break:break-word}}.hidden{display:none}}}`;
 class C extends m {
   constructor() {

package/dist/components/arcgis-arcade-results/customElement.js

@@ -8,7 +8,7 @@ import { css as L } from "@lit/reactive-element/css-tag.js";
 import { s as O } from "../../chunks/fields.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.158 */
 const D = L`:host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);.flex-adjustable{flex:1 1 auto;overflow:hidden}.flex-row{display:flex;flex-direction:row;overflow:hidden}.flex-column{display:flex;flex-direction:column;overflow:hidden}.y-scrollable-container{overflow-y:auto;block-size:100%;background-color:var(--calcite-color-foreground-1)}header{border-bottom:1px solid var(--calcite-color-border-3);flex:0 0 auto}.ltr-container{direction:ltr}calcite-action-bar{calcite-action-group{padding-inline-end:var(--calcite-spacing-sm);calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.color-info{color:var(--calcite-color-status-info)}.color-error{color:var(--calcite-color-status-danger)}.color-success{color:var(--calcite-color-status-success)}[class*=result-value-]{font-size:var(--calcite-font-size--2);line-height:1.25rem;background-color:var(--calcite-color-foreground-1);margin:var(--calcite-spacing-md)}.console-logs-container{background-color:var(--calcite-color-foreground-1);padding:0 var(--calcite-spacing-md);font-family:var(--calcite-code-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal)}.result-value-table{table{display:block;max-width:fit-content;overflow-x:auto;border-spacing:0;border-collapse:collapse;text-align:start;white-space:nowrap;thead{background-color:var(--calcite-color-foreground-2)}tr{border-top:1px solid var(--calcite-color-border-3);border-bottom:1px solid var(--calcite-color-border-3)}th,td{border-inline-start:1px solid var(--calcite-color-border-3);border-inline-end:1px solid var(--calcite-color-border-3);text-align:start;padding:var(--calcite-spacing-xxs);.string-value{white-space:pre}}th{font-weight:var(--calcite-font-weight-medium)}}}.tree-item-label,.number-value,.string-value,.boolean-value{font-family:var(--calcite-code-family)}.tree-item-label,.value-type{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-normal)}.dictionary-property{color:var(--arcgis-editor-identifier)}.number-value{color:var(--arcgis-editor-number)}.string-value{color:var(--arcgis-editor-string);white-space:pre-wrap}.constant-value{color:var(--arcgis-editor-constant)}.date-value{color:var(--arcgis-editor-date)}}`, l = {
   lines: !0,
   selectionMode: "none",

package/dist/components/arcgis-arcade-suggestions/customElement.js

@@ -9,7 +9,7 @@ import { u as b } from "../../chunks/useT9n.js";
 import { css as _ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.158 */
 function v(o) {
   return !Array.isArray(o) || !o.length ? !1 : Array.isArray(o[0].suggestions);
 }

package/dist/components/arcgis-code-editor/customElement.js

@@ -9,7 +9,7 @@ import { load as h } from "@arcgis/lumina/controllers";
 import { Range as M, Uri as c, KeyMod as n, KeyCode as t } from "monaco-editor";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.158 */
 const x = m`@layer{/*!-----------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/components/arcgis-editor-variables/customElement.js

@@ -7,7 +7,7 @@ import { u as f } from "../../chunks/useT9n.js";
 import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.158 */
 const m = u`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2);word-break:break-word}}`;
 function g(l) {
   l.key === "Enter" && l.stopPropagation();

package/dist/components/arcgis-language-api-panel/customElement.js

@@ -10,7 +10,7 @@ import { css as v } from "@lit/reactive-element/css-tag.js";
 import { s as d } from "../../chunks/sql-expr-contribution.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.158 */
 const y = v`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-block{p:first-of-type{margin-top:0}code{font-family:var(--calcite-code-family)}pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);code{font-size:var(--calcite-font-size--2)}}}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
 class I extends f {
   constructor() {

package/dist/components/arcgis-sql-expression-editor/customElement.js

@@ -9,7 +9,7 @@ import { css as g } from "@lit/reactive-element/css-tag.js";
 import { s as f } from "../../chunks/editor.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.158 */
 const _ = g`@layer{arcgis-sql-expression-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border)!important;box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%}}`;
 class m extends r {
   constructor() {

package/dist/components/arcgis-sql-expression-fields/customElement.js

@@ -7,7 +7,7 @@ import { u as m } from "../../chunks/useT9n.js";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.158 */
 const h = d`:host{calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
 class f extends r {
   constructor() {

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-11T04:37:26",
+  "timestamp": "2025-06-12T04:35:56",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.157",
+    "version": "4.33.0-next.158",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-11T04:37:26",
+  "timestamp": "2025-06-12T04:35:56",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.157",
+    "version": "4.33.0-next.158",
     "typescriptVersion": "5.8.3"
   },
   "components": [

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/coding-components",
-  "version": "4.33.0-next.157",
+  "version": "4.33.0-next.158",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/index.js

@@ -3,7 +3,7 @@ import { a as c } from "./chunks/arcade-defaults.js";
 import { s as p } from "./chunks/sql-expr-defaults.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.158 */
 const a = s, r = t;
 export {
   c as arcade,